#nav, #nav ul {

padding: 0;

margin: 0;

list-style: none;

}



/* hoofdbalk */ 

#nav li {

float: left;

margin: 0 20px 0 0;

}



#nav ul {

position: absolute;

width: 180px;

left: -1000px;

}



#nav li:hover ul, #nav li.ie_does_hover ul {

left: auto;

background-position: 0 0;

}



#nav a {

display: block;

margin: 0 0 0 5px;

text-decoration: none;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 14px;

}



ul a{

font-weight: bold;

color: #000;

cursor: pointer;

}



ul ul a:link, ul ul a:visited{

/*ul ul a:link{*/

font-weight: normal;

color: #000;

background-color: #FFFF99;

cursor: pointer;

}



/*ul ul a:hover, ul ul a:active{*/

ul ul a:hover{

font-weight: normal;

/*color: #3366ff;*/

color: #000;

cursor: pointer;

/*background-color: #FFAA00;*/

background: transparent url(../image/link_aa.gif) repeat-x ;



}



ul ul li{

font-weight: normal;

background: #ffff99;

border-top: 3px solid #FFF;

border-left: 0;

/*padding : 0 5px 0 0;*/

border: 1px solid orange;

width: 130px;

}

div#kop {

		font-family:verdana,arial;

		font-size:10pt;

		font-weight: bold;

	}

div#afbeelding1{
background: transparent url(../image/backgr.gif) repeat-x ;
height: 135px;
width: 100%;
} 

div#afbeelding2{
background: url(../image/banner.jpg) no-repeat 0 0; 
height: 135px;
width: 100%;
} 



div#hoofding{

background: #f5f5f5;

top: 2px;

left:5px;

width: 100%;

height: 135px;

}



div#hoofding1{

background: #f5f5f5;

margin: 15px 0 0 10px ;

top: 12px;

left:15px;

width: 100%;

height: 135px;

}



div#menu{

top: 135px;

left: 5px;

width: 100%;

height: 20px;

background: transparent url(../image/link_aa.gif) repeat-x ;

/*border: 1px solid #F60;*/

text-align: left;

padding: 0px 0 0 0 ;

margin: 10px 0 2px 0 ;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 14px;

}



div#menu1{

top: 135px;

left: 5px;

width: 100%;

height: 20px;

background: transparent url(../image/link_aa.gif) repeat-x ;

/*border: 1px solid #F60;*/

text-align: left;

padding: 0px 0 0 0 ;

margin: 10px 0 2px 10px ;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 14px;

}



div#middenvak{

float: left;

width: 70%;

height: 100%;

text-align: left;

padding: 0 25px 5px 25px ;

margin: 15px 20px 20px 0;

/*border: 1px solid #F60;*/

border-left: 5px solid orange;

border-right: 5px solid orange;

}



div#links{

float: left;

width: 15%;

height: 100%;

text-align: left;

padding: 0 25px 5px 25px ;

margin: 15px 20px 20px 5px;

/*border: 1px solid #F60;*/

border-left: 5px solid orange;

border-right: 5px solid orange;

}

div#middenvak1{

float: left;

width: 70%;

height: 100%;

text-align: left;

padding: 0 25px 5px 25px ;

margin: 15px 20px 20px 10px;

/*border: 1px solid #F60;*/

border-left: 5px solid orange;

border-right: 5px solid orange;

}



div#middenvak2{

float: left;

width: 95%;

height: 100%;

text-align: left;

padding: 0 25px 5px 25px ;

margin: 15px 20px 20px 0;

/*border: 1px solid #F60;*/

border-left: 5px solid orange;

border-right: 5px solid orange;

}

div#middenvakrec{

float: left;

width: 65%;

height: 100%;

text-align: left;

padding: 0 25px 5px 25px ;

margin: 15px 20px 20px 0;

/*border: 1px solid #F60;*/

border-left: 5px solid orange;

border-right: 5px solid orange;

}

div#rechtervak{

float: left;

width: 70%;

height: 100%;

text-align: left;

font-family: Verdana, Arial, Helvetica, sans-serif;

padding: 0 0 5px 5px ;

margin: 15px 0 0 5px;

/*border: 1px solid #F60;*/

}



div#testvak{

float: center;

width: 99%;

height: 100%;

text-align: left;

font-family: Verdana, Arial, Helvetica, sans-serif;

padding: 0 0 5px 5px ;

margin: 15px 0 0 5px;

/*border: 1px solid #F60;*/

}



div#rechts{

float: left;

text-decoration: none;

font-family: Verdana, Arial, Helvetica, sans-serif;

width: 20%;

height: 100%;

color: #000;

text-align: left;

/*margin: 15px 0 0 5px;*/

margin: 15px 0 0 5px;

/*padding: 15px 0 0 10px ;*/

padding: 0 0 5px 5px ;

/*border: 1px solid #F60;*/

/*border-right: 5px solid orange;*/

background-color: #ECECEC;

font-size: 14px;

}

div#rechtsrec{

float: left;

text-decoration: none;

font-family: Verdana, Arial, Helvetica, sans-serif;

width: 28%;

height: 100%;

color: #000;

text-align: left;

/*margin: 15px 0 0 5px;*/

margin: 15px 0 0 5px;

/*padding: 15px 0 0 10px ;*/

padding: 0 0 5px 5px ;

/*border: 1px solid #F60;*/

/*border-right: 5px solid orange;*/

background-color: #ECECEC;

font-size: 14px;

}



div#rechts a:link {

text-decoration: none;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 14px;

font-weight: normal;

color: #000;

}



div#rechts a:visited {

text-decoration: none;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 14px;

font-weight: normal;

color: #000;

}



div#rechts a:hover {

text-decoration: none;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 14px;

font-weight: normal;

color: #FF6600;

}



div#rechts1{

float: center;

text-decoration: none;

font-family: Verdana, Arial, Helvetica, sans-serif;

width: 20%;

height: 100%;

color: #000;

text-align: left;

/*margin: 15px 0 0 5px;*/

margin: 10px 0 0 0;

/*padding: 15px 0 0 10px ;*/

padding: 0 0 5px 0 ;

/*border: 1px solid #F60;*/

/*border-right: 5px solid orange;*/

/*background-color: #ECECEC;*/

font-size: 14px;

}

div#onder{

float: left;

width: 100%;

height: 100%;

text-align: left;

font-family: Verdana, Arial, Helvetica, sans-serif;

padding: 0 0 5px 5px ;

margin: 5px 10px 10px 5px;

/*border: 1px solid #F60;*/

}



div#menu_onder{

float: left;

left: 5px;

width: 98%;

height: 25px;

text-align: left;

padding: 0 0 0 5px ;

margin: 15px 5px 0 0; 

}

div#menu_onder1{

float: left;

left: 5px;

width: 98%;

height: 20px;

background: transparent url(../image/link_aa.gif) repeat-x ;

text-align: left;

padding: 0 0 0 10px ;

margin: 15px 5px 0 10px; 

}

p.groot{

font-family: verdana, arial, helvetica, sans-serif;

font-size: 100%;

}



p.kleiner{

font-family: verdana, arial, helvetica, sans-serif;

font-size: 60%;

} 



p.normaal{

font-family: verdana, arial, helvetica, sans-serif;

font-size: 75%;

}



h2{

font-family: verdana, arial, helvetica, sans-serif;

font-size: 100%;

}



p.klok{

font-family: verdana, arial, helvetica, sans-serif;

font-size: 100%;

color: #000;

font-weight: bold

}



span.datum{

float: right;

padding: 0 5px 0 0;

margin: 5px 5px 0 0;

font-family: verdana, arial, helvetica, sans-serif;

font-size: 70%;

} 



span.menu_datum{

float: right;

padding: 0 5px 0 0;

margin: 105px 5px 0 0;

font-family: verdana, arial, helvetica, sans-serif;

font-size: 70%;

} 



img.links{

float: left;

padding: 5px;

margin: 5px 5px 0 0;

background: #999;

border: 1px solid #999;

} 



img.rechts{

float: right;

padding: 5px;

margin: 5px 0 5px 15px;

background: #999;

}



p.uitlijnen{

text-align: justify;

}



.style1 {

	color: #FF9900;

	font-weight: bold;

}



#box1{

text-align: left;

width: 99%;

height: 25px;

background: #c0c0c0 url(../image/link_c.gif) repeat-x;

margin: 5px 0 0 0;

padding: 0 0 0 10px;

}



#box2{

text-align: center;

font-weight: bold;

width: 99%;

height: 20px;

background: #c0c0c0 url(../image/link_aa.gif) repeat-x;

margin: 5px 0 10px 0;

padding: 0 0 0 10px;

}



#box3{

text-align: center;

font-weight: bold;

width: 95%;

height: 20px;

background: #c0c0c0 url(../image/link_aa.gif) repeat-x;

margin: 5px 0 10px 0;

padding: 2px 0 0 10px;

}



#box4{

text-align: left;

width: 65%;

height: 25px;

background: #c0c0c0 url(../image/link_c.gif) repeat-x;

margin: 5px 0 0 0;

padding: 0 0 0 10px;

}

#box5{

text-align: left;

width: 99%;

height: 25px;

background: #c0c0c0 url(../image/link_aa.gif) repeat-x;

margin: 5px 0 0 0;

padding: 0 0 0 10px;

}

#boxrechts{

text-align: left;

width: 99%;

height: 25px;

background: #c0c0c0 url(../image/link_c.gif) repeat-x;

margin: 5px 0 0 0;

padding: 0 0 0 5px;

}



#textbox{

text-align: left;

font-weight: normal;

width: 99%;

height: 20%;

background: #FFF;

border: 1px solid orange;

/*border: 1px solid #FFF;*/

/*border-right: 5px #646464;*/

/*border-bottom: 5px #646464;*/

/*margin: 5px 0 10px 0;*/

padding: 10px 5px 10px 5px;

}



#textbox_geel{

text-align: left;

font-weight: normal;

width: 99%;

height: 20%;

/*background: #FFFF99;*/

background: #fdfacd;

border: 1px solid orange;

/*border: 1px solid #FFF;*/

/*border-right: 5px #646464;*/

/*border-bottom: 5px #646464;*/

/*margin: 5px 0 10px 0;*/

padding: 10px 5px 10px 5px;

}

#textbox_oranje{

text-align: left;

font-weight: normal;

width: 99%;

height: 20%;

/*background: #FFFF99;*/

background: #FFFF99;

border: 1px solid orange;

/*border: 1px solid #FFF;*/

/*border-right: 5px #646464;*/

/*border-bottom: 5px #646464;*/

/*margin: 5px 0 10px 0;*/

padding: 10px 5px 10px 5px;

}



#textbox_nb{

text-align: left;

font-family: arial;

font-weight: normal;

height: 1%;

width: 100%;

background: #FFF;

border: 1px solid #ffe100;

/*border: 1px solid #FFF;*/

/*border-right: 5px #646464;*/

/*border-bottom: 5px #646464;*/

/*margin: 5px 0 10px 0;*/

padding: 10px 5px 10px 5px;

}



#textbox1{

text-align: left;

font-weight: normal;

width: 90%;

height: 20%;

background: #FFF;

border: 1px solid orange;

/*border: 1px solid #FFF;*/

/*border-right: 5px #646464;*/

/*border-bottom: 5px #646464;*/



/*margin: 5px 0 10px 0;*/

padding: 10px 5px 10px 5px;

}



p.nav_onder{

text-align: center;

font-family: verdana, arial, helvetica, sans-serif;

font-size: 100%;

font-weight: bold;

color: #000;

cursor: default;

}



#fotos{

float: left;

width: 95%;

margin: 20px 0 20px 10px;

padding: 2px;



}



/* ie begrijpt de combinatie van margins en floating elements niet dus bij deze de hack: */

* html #container{

margin: 20px 0 5px 20px;

}



#fotos a:link, #fotos a:visited{

display: block;

float: left;

width: 100px;

height: 100px;

margin: 2px 10px;

border: 1px solid #FCC8C8;

}



#fotos a:hover, #container a:active{

display: block;

float: left;

width: 100px;

height: 100px;

margin: 1px 10px;

border: 1px solid #E20000;

}



/* dit heeft ie nodig anders geeft hij een bottom-pading (??!!??) aan het omsluitende a element */

#fotos img{

float: left;

} 



div.fotolijst{

	float: left;

 	background: url(shadow.png) no-repeat bottom right !important;

 	background: url(shadow.gif) no-repeat bottom right;

 	margin: 10px 7px 0 10px !important;

 	margin: 10px 7px 0 10px;

	}



div.fotolijst img{

 	display: block;

 	position: relative;

 	background-color: #FFF;

 	border: 1px solid #000;

 	margin: -3px 5px 5px -3px;

 	padding: 2px;

 	}

	

.bbcas {

	font-family: verdana, arial, helvetica, sans-serif;

	font-size: 12px;

	color: #333333;

}

.bbcasr {

	font-family: verdana, arial, helvetica, sans-serif;

	font-size: 12px;

	color: #ff0000;

}

a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333333;

	text-decoration: none;

}

a:link {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333333;

	text-decoration: underline;

}

a:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333333;

}

body {

	scrollbar-face-color: #F5F5F5;

	scrollbar-highlight-color: #FFFFFF;

	scrollbar-shadow-color: #1D6C8B;

	scrollbar-3dlight-color: #456C91;

	scrollbar-arrow-color:  #FDA014;

	scrollbar-track-color: #F5F5F5;

	scrollbar-darkshadow-color: #CCCCCC;

}