body {
	margin: 0px 0;
	text-align: center;
	background: #FAF8E9; 
	color: #020;
	
}

#wrapper-outer {
	margin: 0 auto;
	text-align: left;
	width: 90%;
	border-right: solid 1px #339999;
	border-bottom: solid 1px #339999;
	border-left: solid 1px #339999;
border-top: 1px solid #339999;
	background-color: #FAF8E9;

}



#header{
	background:#FAF8E9 url("images/menu_bg_kl.jpg") top left repeat-x;
	line-height: 0.7em;
	font-size: 0.9em;
	padding-left: 5px;
	padding-right: 5px;
	color: #d1b5d2;
}

#header {
	border-bottom: solid 2px #339999; 
}

#titel{
background: url("images/titel.gif") no-repeat;
z-index: 20;

}

#header .rightSpan {
	float: left;
	
	padding: 2px 0 0 150px; /* kan alles naar 0*/
}

#banner .rightSpan {
	float: left;
	padding: 2px 0 0 0; /* kan naar 0*/
}




#header a, #footer a {
	color: #FAF8E9;
	text-decoration: none;
	background-color: transparent;
}

#header a:hover, #footer a:hover {
	text-decoration: underline;
}


#banner {
	background: #FAF8E9 url("images/header.jpg") top left no-repeat;
	height: 150px;
	line-height: 75px;
	padding-left: 4px;
	padding-top: 0px;
}

#banner h1 {
	margin: 0;
	padding: 0;
	font-size: 1.6em;
	font-weight: normal;
}

#menu {
	background: #FAF8E9 url("images/menu_bg_2.jpg") bottom left repeat-x;
	border-top: 1px solid #339999;
	border-bottom: 1px solid #339999;
	height: 2em;
	line-height: 2em;
	font-size: 0.9em;
	font-weight: bold;
	overflow: hidden;
	z-index:1;
	
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0.2em 0 0 5.9em;
}

#menu li {
	display: inline;
	padding-left: 0px;
	margin: 0;
	float: left;
	/* float: is oke voor alle browsers */
}

#menu a:link, #menu a:visited {
	color: #000000;
	text-decoration: none;
	padding: 0 20px;
	
}

#menu a:hover {
	text-decoration: none;
}

#rightbar {
	float: left;
	margin: 15px 20px 10px 0;
	width: 160px;
}

* html #rightbar { margin-right: 10px; } /*correct IE right margin*/ 

#lefttbar {
	float: right;
	margin: 15px 250px 10px 0;
	width: 140px;
}

* html #leftbar { margin-right: 10px; } /*correct IE right margin*/ 


#rightbar img {
	border :0;
}

#wrapper-content {
	border-top: 1px solid #339999;
	background: #FAF8E9 ;
	
}

#content {
	padding: 15px;
	background: transparent;
	margin: 15px 3% 15px 200px;
	/*3% = vanaf de rechterkant kan breder of smaller(bijna niks) procent aanpassen*/
	border: 4px double #339999;
	
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 75%;
	
}


* html #content {height:1%}
/* hack IE Mac */
* > html #content {height:auto}
/* fixed mac */



#footer {
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 0.6em;
	
	padding-top:3px;
	padding-bottom:3px;
	border-top: solid 1px #339999;
	clear: both; /* footer tussen #inhoud and #rechterdeel */
}

H1,H2,H3{font-size:10pt;font-weight:bold;margin-bottom:6px;color:#000000;}

H4{font-size:10pt;font-weight:bold;margin-bottom:6px;color:#000000}

.txt {
	padding-left: 61%;
	
}

#bl{
	float:left;
	position:absolute;
	z-index:2;
	background-image : url(images/gifbl.gif);
	background-repeat : no-repeat;
}



textarea {
	width: 98%;
	background: white;
	font: 8pt Verdana, Geneva, Arial, Helvetica;
}

.edit {
	font-size: 8pt;
	color: black;
	background: buttonface;
}
.edit a:link, .edit a:visited, .edit a:active, .edit a:hover {
	font-weight: normal;
	color: black;
}
input, select {
	font-size: 8pt;
}

li.doc{padding-left: 16px;background-image: url(images/doc_1.gif);background-repeat: no-repeat;}
li.docs{padding-left: 16px;background-image: url(images/doc_2.gif);background-repeat: no-repeat;}


.locator{
	background-color: #FAF8E9;
	padding-top:2px;
	height:19px;
	background-image : url(images/knop.jpg);
	background-repeat: no-repeat;
	}
	
.menu{font-weight:normal;font-size:0.8em;color:#000000;}

.menu a{text-decoration:underline;font-weight:normal;color:#000000}

.menulevel1,.menulevel2,.menulevel3,.locator,.navigator,.sitemaplevel1,.sitemaplevel2,.sitemaplevel3,.submenu{font-weight:normal;font-size:0.9em;color:#000000;}

.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;}

.login,.login a,.login a:link,.login a:visited,.login a:active,.login a:hover{font-weight:normal;font-size:0.7em;color:#FAF8E9;text-decoration:none;}

 #content a{color:#339999;}
 
#content a:hover{text-decoration:underline;color:#000000;}

.doc a{color:#000000;}
 
.doc a:hover{text-decoration:underline;color:#000000;}

.locator a{color:#000000;}

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;}

#links{
	height:27px;
	background-image : url(images/menu_links_2.gif);
	background-repeat: no-repeat;
	z-index:10;
	}
	
	#rechts{
	height:27px;
	background-image : url(images/menu_rechts_2.gif);
	background-repeat: no-repeat;
	background-position : right;
	z-index:12;
}

.print{
text-align: left;
padding: 20px 40% 20px 20px;
}

.searchbox .text, .searchbox .submit {
	border: 2px solid #339999;
	background: white;
}




/*alles heeft een border kan op 0 gezet worden */