* { margin: 0; padding: 0; border: 0;}

html {
	/*scrollbar-base-color: #C30;
	scrollbar-track-color: #EEE; 
	scrollbar-face-color: #EEE; 
    scrollbar-arrow-color: #C30;
    scrollbar-3dlight-color: #EEE;    
    scrollbar-highlight-color: #C30;
    scrollbar-shadow-color: #C30;
    scrollbar-darkshadow-color:#EEE;*/}

body  {
	font: 62.5% Arial, Helvetica, sans-serif; color: #006;
	background: #AFE4EC;
	text-align: center;}
	
#container { 
	width: 960px; height: 560px;
	background-color: #00A5CA;
	margin: 20px auto 0 auto; 
	text-align: left;} 
	
/* LINKS */
#sidebar1 {
	float: left;
	position: relative;
	width: 160px;
	height: 560px;
	text-align: center;
	background: url(images/bgnavigatie2.jpg) left /*center*/ no-repeat;}

#nav {
	position: absolute;	
	top: 20px; left: 35px;
	width: 90px; height: 520px;}
		
#nav ul { 
	list-style: none;}
	
#nav li {
	width: 90px;
	/*vertical-align: bottom;*/} /* Removes unwanted margin in IE */

#nav li a{
	display: block;
	width: 90px; height: 18px;
	font: bold 14px Arial, Helvetica, sans-serif; color: #FFF;
	text-decoration: none;
	text-align: center;}

#nav li.home a { margin-bottom: 95px; color: #AF0933;}
#nav li.dtp a { margin-bottom: 122px; color: #24982F;}
#nav li.ehho a { margin-bottom: 122px; color: #290585;}
#nav li.print a { margin-bottom: 95px; color: #AF0933;}
#nav li.contact a { margin-bottom: 0; color: #24982F;}
	
#nav li.home a:hover, #nav li.dtp a:hover, #nav li.ehho a:hover, 
#nav li.print a:hover, #nav li.contact a:hover {color: #FFF;}

#body_01 #nav li.home a, #body_02 #nav li.dtp a, #body_03 #nav li.ehho a, 
#body_04 #nav li.print a, #body_05 #nav li.contact a {color: #FFF;}
 
 
/* RECHTS */
#sidebar2 {
	float: right;
	position: relative;
	width: 210px;
	height: 560px;
	/*padding: 15px 10px 15px 20px;*/
	text-align: center;
	background:url(images/bg210-dtp-marjolein.jpg) no-repeat;}
	
#sidebar2 img { margin-top: 20px;}

#sidebar2 img.marjolein { margin-top: 235px;}

#adres {
	position: absolute;	
	bottom: 8px; left: 31px; 
	width: 160px;
	text-align: left;}
	
#adres p {
	font: normal 1.2em Arial, Helvetica, sans-serif; color: #FFF;
	line-height: 130%;
	margin-bottom: 20px;}
	
#adres p.onderste {margin-bottom: 12px;}
	
#adres a:link, #adres a:visited { color: #FFF; text-decoration: none;}
#adres a:hover { color: #FFF; text-decoration: underline;}

/* MIDDEN */		 
#wrapper { 
	height: 540px; /* 560 - 20 */
	margin: 0 245px /*225px*/ 0 160px; 
	padding: 0;} 
	
/** html #wrapper { 
	height: 560px;} */
	
#header { 
	height: 82px;} 

#content { 
	height: 458px;
	font: normal 1.2em Arial, sans-serif; color: #006;
	line-height: 120%;
	position: relative;} 
	
#content h1 {
	font: bold 1.3em Arial, Helvetica, sans-serif; color: #006; 
	margin-bottom: 24px; margin-top: 0px;}
	
#content h2 { 
	font: bold 1.1em Arial, Helvetica, sans-serif; color: #006; 	
	margin-top: 6px; ; margin-bottom: 0;
	clear: none; }
	
#content h2.datum { margin-bottom: 0;}
	
#content h3 { 
	font: bold 1.0em Arial, sans-serif; color: #006; 
	margin-bottom: 0; margin-top: 0px;}
	
#content a:link, #content a:visited { color: #FFF; text-decoration: underline;}
#content a:hover { color: #FFF; text-decoration: underline;}

#content p {
	font: normal 1.0em Arial, Helvetica, sans-serif; color: #006;
	line-height: 120%;
	padding: 0 20px 12px 0;}
	
#content p.onder {
	padding: 0 20px 12px 0;}/* ?? */

#content ul { 
	list-style-type: square;
	list-style-position:outside;
	margin: 3px 20px 12px 18px;
	line-height: 120%;
	font: normal 1.0em Arial, Helvetica, sans-serif; color: #006;}
	
#content ul li { padding-bottom: 6px;}

#content ol { 
	list-style-position: outside;
	margin: -10px 0 12px 24px;}
	
#colofon {
	position: absolute;
	left: 0; bottom: 65px;
	width: 240px;
	font-size: 0.9em;}
	
#wagt_map_1 { 
	float: right;
	width: 280px; /*310px;*/ height: 390px; 
	margin-left: 40px; margin-top: 2px;}

/* SLIDESHOW */	
#s3 { 
	float: right;
	width: 200px; height: 400px; 
	text-align: left; 
	font: normal 1.0em Arial, Helvetica, sans-serif; color: #006;
	line-height: 120%;
	padding: 2px 0 20px 0;
	margin-left: 40px;}
	
#body_05 #s3 {display: none;}

#s3 img {}	

.pics { width: 200px; height: 400px;} 
 
.pics img {  
    padding: 0; 
    background-color: #eee;  
    width: 200px; /*height: 200px; */
    top: 0; left: 0;}  
	
#s3 p{ 
	font: normal 1.1em Arial, Helvetica, sans-serif; color: #006;
	line-height: 120%;
	padding: 10px 0 0 0;}	
		
pre { margin-top: 10px; display: none;}

#big { width: 500px; text-align: left;}
#output { text-align: left;}
	
.fltrt { 
	float: right;
	margin-left: 40px;}

.fltlft { 
	float: left;
	margin-right: 8px;}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;}