@import url("uitklapmenu.css");

body,TD{
	font-family: Arial, Helvetica, sans-serif, Geneva, Verdana;
	font-size:9pt;
	color:black;
/*	scrollbar-face-color:#DEE3E7;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#DEE3E7;
	scrollbar-3dlight-color:#D1D7DC;
	scrollbar-arrow-color:#006699;
	scrollbar-track-color:#EFEFEF;
	scrollbar-darkshadow-color:#98AAB1;*/
}

.mainbg {
	background-repeat: repeat-y;
	background-position: center;
	margin: 0px;
	padding: 0px;
/*	background-image: url(images/mainbg.png);
	background-attachment: fixed;*/
	background-color: #0B0148; /* helblauw */
}



#logo{ /* headerbox met achtergrondbeeld */
	width:993px;
	height:200px;
	position:absolute; /* t.o.v. wrapper2 */
	top:0px;
	left:0px;
	padding:0px;
	background-color:#5493B4; /* blauw */
	background-image:url(images/header.png);
	background-repeat:no-repeat;
	background-position:0px 0px
}

#searchbox{
	position:absolute; /* t.o.v. logo */
	top:20px;
	left:823px;
}
#searchbox .text,#searchbox .submit{
	border:2px solid #5493B4;
	background-color:white;
}

/*#sitename{
	position:absolute;
	top:60px;
	left:10px;
	font-weight:normal;
	font-size:20pt;
	letter-spacing:1px;
	color:#FFA34F;  oranje 
}*/

#container{ /* box voor linker, midden en rechterkolom */
	width:993px;
	position:relative; /* t.o.v. logo */
	top:0px;
	margin-left:auto;
	margin-right:auto;
	background-color:#006699; /* blauwe AG van waterlogo(omdat content wit erover alleen linker en rechter kolom frisgroen) */
/*	overflow:hidden;  door weghalen scrollbalkprobleem opgelost */
}

#leftcontainer {
	width:793px;
	height:600px;
	position:relative; /* t.o.v. columns */
	top:0px;
	left:0px;
	padding:0px; 
	background-color: #006699; /* weg want anders (overlappend) kleurvlak zo hoog als nav.*/
}

#logo{ /* headerbox met achtergrondbeeld */
	width:793px;
	height:150px;
	position:absolute; /* t.o.v. wrapper2 */
	top:0px;
	left:0px;
	padding:0px;
	background-color:#5493B4; /* blauw */
	background-image:url(images/header.png);
	background-repeat:no-repeat;
	background-position:0px 0px
}

#locator{
	width:993px;
	height:16;
	position:static;
	padding:0px;
	background-color:#000000; /* zwarte balk */	
}
.locationtext {
	font-family: Arial, Helvetica, sans-serif, Geneva,Verdana;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF; /* wit */
	text-align: left;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 48px;
	margin-left: 165px;
}
.locationtext a:visited,.locationtext a:active,.locationtext a:link {
	font-family: Arial, Helvetica, sans-serif, Geneva,Verdana;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF; /* wit */
	text-align: left;
	padding-top: 4px;
}
.locationtext a:hover {
	font-family: Arial, Helvetica, sans-serif, Geneva,Verdana;
	font-size: 9px;
	font-weight: normal;
	text-decoration: underline;
	color: #99CC00; /* fris groen */
	text-align: left;
	padding-top: 4px;
}

#left{
	width:200px;
	position:absolute; /* t.o.v. container */
	top:150px;
	left:0px;
	padding:0px; 
/*	height: 600px; alleen zichtbaar als je de ag kleurt
	background-color: #99CC00; /* weg want anders (overlappend) kleurvlak zo hoog als nav.*/
}


#menuoptions {
	margin-top: 20px;
	margin-bottom: 0px;
}

.opto {
/*	font-size: 0px;
	color: #BFBF9F;
	text-decoration: none;
	text-align: center;
	margin-top: 25px;*/
}

.wbt {
	font-family: Arial, Helvetica, sans-serif, Geneva,Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	text-align: left;
	display: block;
	margin-top: 3px;
	padding-top:3px;
	padding-right:2px;
	padding-bottom:2px;
	padding-left:9px;
/*	background-image: url(images/wbt.png);
	background-repeat: no-repeat;*/
}

.wbt a:link, .wbt a:active, .wbt a:visited {
	font-family: Arial, Helvetica, sans-serif, Geneva,Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	text-align: left;
	display: block;
/*	background-image: url(images/wbt.png);
	background-repeat: no-repeat;*/
}
.wbt a:hover {
	font-family: Arial, Helvetica, sans-serif, Geneva,Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #000000; /* fris groen */
	text-align: left;
	text-decoration: underline;
	display: block;

/*	background-image: url(images/wbt_hoover.png);
	background-repeat: no-repeat;*/
}

#loginlink,#loginlink a,#loginlink a:link,#loginlink a:visited,#loginlink a:active,#loginlink a:hover{
	font-weight:normal;
	font-size:8pt;
	color:#0E73A5; /* iets lichter dan waterblauw */
	text-decoration:none;
	text-align:left;
	margin-top:20px;
	padding-top:0px;
	padding-right:2px;
	padding-bottom:0px;
	padding-left:5px;
}

#lastupdate{
	font-weight:normal;
	font-size:8pt;
	color:#0E73A5; /* iets lichter dan waterblauw */
	text-decoration:none;
	text-align:left;
	margin-bottom:0px;
	margin-top:0px;
	padding-top:20px;
	padding-right:2px;
	padding-bottom:0px;
	padding-left:10px;
}

.copyright{
	font-size:10px;
	color:#444444;/* donkergrijs */
	letter-spacing:-1px;
	padding:10px;
}
.copyright a,.copyright a:link,.copyright a:visited{
	color:#444444;/* donkergrijs */
	text-decoration:none;
}
.copyright a:hover,.copyright a:active{
	color:#000000;/* zwart */
	text-decoration:underline;
}

#middle{
	width:593px;
	height:450px; 
	position:relative; /* laten staan op static anders heel columns weg */
	top:150px;
	margin-left:200px;
	padding-left:0px;
	background-color:#FFFFFF;/* witte achtergrond */
	overflow: auto; /* anders in Firefox deel van de content over de onderste balk heen */
}

#content{
	width:550px;
	position:static;
	padding-top:3px; 
	padding-right:10px; 
	padding-bottom:10px ;
	padding-left:10px;
}

#rightcontainer{
	width:200px;
	height:600px;
	position:absolute; /* t.o.v. columns */
	top:0px;
	margin-left:793px; /* 200 left plus 593 middel */
	padding-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#FFFFFF;/* witte tekst */
	text-align:left;
}

#right a{
	color: #CCFF00;/* felgroene links nieuws */
}
.news {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
}
.news H4{
	color: #FFFFFF;/* witte h4-kop nieuws */
}

.news a:hover {
	color: #FFFFFF;/* witte mouse-over op links nieuws */
}

.clear{
	width:993px;
	height:0px;
	position:relative;
	clear:both;
	margin-top:0px; /* hoogte van logoblok */
	overflow:hidden;
}
.clear1{
	width:993px;
	height:0px;
	position:relative;
	clear:both;
	margin-top:200px; /* hoogte van logoblok */
	overflow:hidden;
}
#navigator{
	width:993px;
	height:18px;
	position:relative;
	padding: 0px;
	background-color:#000000; /* zwart */
}
#previouspage{ 
	position:absolute; 
	left:10px; 
}
#top{ 
	position:absolute; 
	left:50%; 
}
#nextpage{ 
	position:absolute; 
	right:10px;
}
/*.navigator a:link,.navigator a:visited{color:#c0c0c0;}
.navigator a:active,.navigator a:hover{color:white;}*/

a{
	text-decoration:none;
	font-weight: bold;
	color:#0066CC; /* middelblauw */
}
a:link,a:visited{
	color:#0066CC; /* middelblauw */
}
a:active{
	color:#0066CC; /* middelblauw */
}
a:hover{
	color:black; /* zwarte mouse-over op links */
}

.search a{ /* links in zoekresultaten */
	font-weight:normal;
	color:0066CC; /* middelblauw */
}
.search a:link,.search a:visited,.search a:active{
	color:0066CC; /* middelblauw */
}
.search a:hover{
	color:000000; /* zwarte mouse-over */
}

H1,H2,H3{
	font-size:14pt;
	padding: 5px 0px 0px;
	margin: 0px;
	margin-bottom:6px;
	font-family: Tahoma;
	color: #000000; /* zwarte koppen */
	font-weight: normal;
}

H4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000000; /* zwarte kopjes h4 */
	margin: 14px 0px 0px;
	margin-bottom:6px;
	text-align: left;
}
H5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #000000; /* zwarte kopjes h5 */
	margin-bottom:6px;
	text-align: left;
}

hr {
	border: 1px solid #CCFF00; /* felgroen */
	padding: 0px;
	margin: 0px;
}

/*.doc{padding-left: 15px;background-image: url(menu/doc.gif);background-repeat: no-repeat;}
.docs{padding-left:15px;background-image: url(menu/docs.gif);background-repeat:no-repeat;}
.sdoc{padding-left: 15px;background-image: url(menu/sdoc.gif);background-repeat: no-repeat;}
.sdocs{padding-left: 15px;background-image: url(menu/sdocs.gif);background-repeat: no-repeat;}*/

ul.menulevel1,ul.menulevel2,ul.menulevel3,ul.sitemaplevel1,ul.sitemaplevel2,ul.sitemaplevel3,ul.submenu,ul.search{
	padding-left:0;
	margin-left:0;
	list-style:none;
}

li{
	line-height:1.5; /* interlinie van opsommingen, in navigatie (ook uitklap) en in de content */
	margin-left: 0px;
}
li.doc{padding-left:15px;background-image:/*url(menu/doc.gif)*/;background-repeat:no-repeat;}
li.docs{padding-left:15px;background-image:/*url(menu/docs.gif)*/;background-repeat:no-repeat;}
li.sdoc{padding-left:15px;background-image:/*url(menu/sdoc.gif)*/;background-repeat:no-repeat;}
li.sdocs{padding-left:15px;background-image:/*url(menu/sdocs.gif)*/;background-repeat:no-repeat;}

.menulevel1,.menulevel2,.menulevel3,#locator,#navigator,.sitemaplevel1,.sitemaplevel2,.sitemaplevel3,.submenu{
	font-weight:bold;
	font-size:9pt;
	color:#5493B4;
}
.menulevel1 a:link,.menulevel1 a:visited,.menulevel1 a:active,.menulevel1 a:hover,.menulevel2 a:link,.menulevel2 a:visited,.menulevel2 a:active,.menulevel2 a:hover,.menulevel3 a:link,.menulevel3 a:visited,.menulevel3 a:active,.menulevel3 a:hover,#locator a:link,#locator a:visited,#locator a:active,#locator a:hover,#navigator a:link,#navigator a:visited,#navigator a:active,#navigator a:hover,.sitemaplevel1 a:link,.sitemaplevel2 a:link,.sitemaplevel3 a:link,.sitemaplevel1 a:visited,.sitemaplevel2 a:visited,.sitemaplevel3 a:visited,
.sitemaplevel1 a:active,.sitemaplevel2 a:active,.sitemaplevel3 a:active,.sitemaplevel1 a:hover,.sitemaplevel2 a:hover,.sitemaplevel3 a:hover,.submenu a:link,.submenu a:visited,.submenu a:active,.submenu a:hover{
	text-decoration:none;
}

/*.menu{font-weight:bold;font-size:8pt;color:white;}
.menu a{text-decoration:underline;color:white;}
.menu a:link,.menu a:visited,.menu a:active,.menu a:hover{color:white;}*/

.edit{font-size:8pt;color:black;background-color:buttonface;}
.edit a:link,.edit a:visited,.edit a:active,.edit a:hover{font-weight:normal;color:black;}

input,select{font-size:8pt;}

textarea{font-family:Arial, Helvetica, sans-serif, Geneva,Verdana;font-size:8pt;background-color:white;width:98%;}

.sitemaplevel1,.sitemaplevel2,.sitemaplevel3{font-size:9pt;}
.sitemaplevel1 a,.sitemaplevel2 a,.sitemaplevel3 a{font-weight:normal;color:black;}
.sitemaplevel1 a:link,.sitemaplevel2 a:link,.sitemaplevel3 a:link,.sitemaplevel1 a:visited,.sitemaplevel2 a:visited,.sitemaplevel3 a:visited{color:black;}
.sitemaplevel1 a:active,.sitemaplevel2 a:active,.sitemaplevel3 a:active,.sitemaplevel1 a:hover,.sitemaplevel2 a:hover,.sitemaplevel3 a:hover{color:black;}

/*.submenu{font-size:9pt;}
.submenu a{font-weight:normal;color:black;}
.submenu a:link,.submenu a:visited{color:black;}
.submenu a:active,.submenu a:hover{color:black;}*/

form{margin:0;padding:0px;}
img{border:0;}

/*.smallpad {
	padding-left: 5px;
	margin-left: 5px;
}*/

/* #hvmenu {
	height: 23px;
	width: 700px;
	background-color: #DF0000;
	background-image: url(images/leiste.png);
} waarschijnlijk niet gebruikt*/
