/* ******************* PORTAALPAGINA ************* */

/* container waarin de foto getoond wordt
.imgContainer1{	background-image:url(../gfx/basics/images.home_01.jpg);}
.imgContainer2{	background-image:url(../gfx/basics/images.home_02.jpg);}
.imgContainer3{	background-image:url(../gfx/basics/images.home_03.jpg);}
.imgContainer4{	background-image:url(../gfx/basics/images.home_04.jpg);}*/

.imgContainer{
	display:block;
	float:left;
	margin:0;
	height:300px; 
	width:246px;
	background-repeat:no-repeat;}
	
/* dit zijn de gekleurde buttons die in de imgContainer getoond worden, bovenop de foto's */
/* wordt niet meer gebruikt wegens teveel browsermoeilijkheden: vervangen door grpahics */
/*.button1{	background-image:url(../gfx/basics/arrow.home_01.gif);}
.button2{	background-image:url(../gfx/basics/arrow.home_02.gif);}
.button3{	background-image:url(../gfx/basics/arrow.home_03.gif);}
.button4{	background-image:url(../gfx/basics/arrow.home_04.gif);}

.button1, .button2, .button3, .button4{
	opacity: 1.0; /* mag niet transparant zijn voor Safari (sifr-tekst wordt anders onzichtbaar)
	-moz-opacity: 0.8; 
	filter: alpha(opacity=80);
	position:relative; 
	left:10px; 
	top:200px; 
	width:216px;  
	background-repeat:no-repeat; 
	background-position: 190px center}*/
	
/* buttons die nu gebruikt worden: */
.button{
	position:relative;
	top:189px;
	left:0px;
	margin:0;
	padding:0;}	
	

#homenav{
	display:block;
	width:984px;
	height:300px;
	margin-top:23px;
}
#homenav ul{ display:inline
}
#IE6 #homenav ul{display:inline}
#homenav li{
	list-style: none;
	float: left;
/*	padding:3px 5px 0 5px; >>> voor gebruik met html-buttons*/
	padding:0}


#homenav .red {background-color:#c72f33}
#homenav .green {background-color:#98b228}
#homenav .blue{background-color:#51a8db}
#homenav .grey{background-color:#434348}

#homenav a, #homenav a.visited{
	display: block;
	height: 23px;
/*	padding: 7px 10px 0 10px; >>> voor gebruik met html-buttons*/
	padding: 0;
	color: #fff;
	text-decoration: none;
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:center
}
#homenav a:hover, #homenav a:active, #homenav a.selected{
	color: #fff;
}