body 
{
	text-align: center; 
	font-family: arial;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-color: #ff9900;
}

#main, #head, #content, #foot{width: 747px; clear: both; }
#main {margin: 0 auto; text-align: left; }

#head {}
	#head-left{float:left; width: 31px; height: 332px; background-image:url(../images/header-left.jpg);}
	#head-middle{float: left; }
		#header{ width: 684px; height: 279px; background-image:url(../images/haven.jpg); clear: both;}
			#header IMG#logo{}
		#menu{width: 684px; clear: both;}
		#header-middle-shadow{ clear: both; height: 14px; width: 684px; background-image: url(../images/header-shadow.jpg);}
	#head-right{float:left; width: 32px; height: 332px; background: #FFFFFF url(../images/header-right.jpg);}
	

#content {
position: absolute; top: 332px;
	float: left;
	
	background-image:url(../images/content.jpg); display: block;
	height: 260px;
}

#foot {
position: absolute; top: 592px;
	background-image: url(../images/voet.jpg);
	height: 28px;

}

/*MODULES*/
#menu ul{margin: 0px; padding: 0px;}
#menu ul li { float: left; text-align: center; list-style:none; text-transform: uppercase;}
span.tab1,  span.tab3
{  
	padding-top: 8px;
	background-color: #ff7a22; 
	width:171px; 
	height:26px;  
	display: block;
	color:#FFFFFF;
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 5px solid #CC0000;
}

span.tab2, span.tab4
{  
	padding-top: 8px;
	background-color: #ff6600; 
	width:171px; 
	height:26px;  
	display: block;
	color:#FFFFFF;
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 5px solid #CC0000;
}

#menu ul li span:hover,#menu ul li span:hover
{ background-color: #CC0000; width:171px; height:26px;  display: block; cursor: pointer;}
#menu ul li span.active{background-color: #cc0000;}

#activetext{padding: 0px 30px 5px 30px; min-height: 20px;}
#row1, #row2, #row3, #row4
{ 	
	display: block; 
	float: left;
	width:171px;
	line-height: 1.3;
}

#bottom-menu{ position: absolute; top: -48px; display: block; height: 62px; float: left; clear: both; margin-left: 30px;}

span#icon1{ 

z-index: 1000;
	width: 62px; 
	height: 62px; 
	margin: 0 15px 0 15px;  
	display: block; 
	background-image: url(../images/spritebuttons.jpg); text-decoration:none; float: left;
	}
span#icon1:hover, span#icon1.active{ 
	width: 62px; 
	height: 62px; 	
	display: block; 
	background-image: url(../images/spritebuttons.jpg); 
	background-repeat: no-repeat;
	background-position: 0 -63px;
	text-decoration:none;
	cursor: pointer;
	}
span#icon2{ 
	width: 62px; 
	height: 61px; 
	margin: 0 15px 0 15px; 
	display: block; 
	background-image: url(../images/spritebuttons.jpg); 
	background-repeat: no-repeat;
	background-position: -61px 0;
	text-decoration:none; 
	float: left;
	}
span#icon2:hover, span#icon2.active{ 
	background-image: url(../images/spritebuttons.jpg); 
	background-repeat: no-repeat;
	background-position: -61px -63px;
	text-decoration:none;
	cursor: pointer;
	}
span#icon3{ 
	width: 61px; 
	height: 61px; 
	margin: 0 15px 0 15px; 
	display: block; 
	background-image: url(../images/spritebuttons.jpg); 
	background-repeat: no-repeat;
	background-position: -122px 0;
	text-decoration:none; 
	float: left;
	}
span#icon3:hover, span#icon3.active{ 
	background-image: url(../images/spritebuttons.jpg); 
	background-repeat: no-repeat;
	background-position: -122px -63px;
	text-decoration:none;
	cursor: pointer;
	}


#header img.logo{margin-left: 20px; margin-top: 20px;}

ul.tabs li{float: left; list-style:none;}

div.tabcontent{
	display:none;
	margin-left: 20px;

}
div.activetext{
	display: block;
	color:#000000;
}


/*CONTENT*/
#content p{padding: 0 5px 0 5px;}

#content h1{
	text-transform: uppercase;
	margin: 0px;
	padding: 0 5px 0 5px;
	font-size: 12px;
	color: #cc3300;
	font-weight: bold;
}
#content #tab1, #content #tab2, #content #tab3, #content #tab4{ margin: 20px 20px 0 40px; width: 350px; }
#content ul li {list-style: circle outside; color: #cc3300;}
#content .zwart {color: #000000;}
#content .verstop{display:none;}
#content #tab5 .links{display: block; float: left; width: 315px;  padding: 20px 20px 0 20px; }
#content #tab5 .rechts{display:block; float: left; width: 310px; padding: 0px 10px 0 20px; }
#content #tab5 .rechts p.overrwp{ padding: 32px 0 0px 0;}
#content #tab5 .rechts ul.overrwp{margin: 5px 0 8px 50px; padding: 0;}
#content #tab6 .links{display: block; float: left; width: 315px; padding: 20px 10px 0 20px;  }
#content #tab6 .links a{color: black;}
#content #tab6 .rechts{display: block; float: left; width: 310px;  padding: 5px 0 0 10px; }
#content #tab7 .links{display: block; float: left; width: 315px;  padding: 20px 20px 0 20px;}
#content #tab7 .rechts{display:block; float: left; width: 310px;  padding: 0px 20px 0 20px;}
#content #tab7 .rechts ul{padding-top: 52px;}

#bottom-menu .tabs {margin: 0; padding:0;}
#bottom-menu .tabs li{margin: 0; padding:0;}
#bottom-menu .tabs li span.menu{display: none;}

/*FORMULIER*/
#form_box {
	float: left;
	width: 290px;
	
	border: 1px solid #d6d6d6;
	border-left-color: #e4e4e4;
	border-top-color: #e4e4e4;
	padding: 0.5em;
	margin-top: 10px;
	margin-bottom: 2px;
}
 
#form_box div {
	padding: 0.2em 0.5em;
}
 
#form_box p {
	float: left;
	margin: 4px 0pt;
	
}
 
 
#log {
	float: left;
	padding: 0.5em;
	
	width: 290px;
	
	margin-top: 10px;
}
 
#log_res {
	overflow: auto;
}
 
#log_res.ajax-loading {
	padding: 0;
	background: url(http://demos111.mootools.net/demos/Group/spinner.gif) no-repeat center;
}

#submitter{
    background-color: #FF9900;
	border: 1px solid #FF6600;
	margin-top: 3px;
	margin-right: 8px;
	float: right;
	color: white;
	font-weight: bold;
	}
#submitter:hover{
	background-color: #FF6600;
}

textarea.form{border: 1px solid #FF9900; overflow:auto;}