/* Page
----------------------------------------------- */
	html, body {
		height:100%;
		background-color:#3d5f2f;		
		}
		
	.mceContentBody{
	background-color:#FFFFFF;
	line-height:20px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}

	body #siteWrapper  {		
		color:#000000;		
		font-size:12px;
		line-height:20px;		
		height:100%;			
		}

#siteWrapper{

	text-align:center; /* horizontal centering for IE  */	
	}

#siteWrapper #container {
		margin:0 auto;
		position:relative; 
		text-align:left;
		height:100%;	
		width: 695px;
		clear:left;			
		}		

#siteWrapper #content{	
	margin:0;
	background-color:#FFFFFF;	
	width:675px;
	min-height:100%;	
	}
	
#siteWrapper #links{
	position:absolute;
	width:230px;
	top:135px;
}

#siteWrapper #rechts{
	margin-left: 240px;
	padding-top:30px;
}

#siteWrapper .logo{

	background-image:url(/img/header.jpg);
	background-repeat: no-repeat;
height:133px;
	}


#siteWrapper #menu{
	/*clear:left;
	/*border:solid 1px  #FF0033;*/
	/*float:left;*/
	width:218px;		
	position:relative;
	top:0px;	
	margin-left:10px;
	background-color:#9ca932;	
	
}

#siteWrapper #menu .top{
	/*width:218px;	*/
	height:35px;	
	background-image:url(/img/menu-top.gif);
	background-repeat:no-repeat;	
}


#siteWrapper #content .contentBody{	
	/*position:absolute;	*/
	/*left: 245px;	*/	
	width: 405px;
	border-left: 1px solid #CCCC66;
	padding-left:10px;	
	min-height:350px;		
}

#siteWrapper .headerItems{
	/*float:left;*/
	position:absolute;
	margin-left: 15px;
	margin-top:30px;
}

#siteWrapper .coconConsultancy{
	/*float:right;	*/
	position:absolute;
	left:505px;
	margin-right:5px;		
	background-image:url(/img/cocon-consultancy.gif);
	background-repeat:no-repeat;	
	width:185px;
	height:20px;	
	}


#siteWrapper .textRechts{
	/*clear:both;*/
	/*float:right;*/
	position:absolute;
	left:675px;
	top:20px;
	margin-right:5px;		
	background-image:url(/img/text-rechts.gif);
	background-repeat:no-repeat;
	width:15px;
	height:353px;			
	}
	

#siteWrapper a, a:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	background: none;
	background-color:none; 	
	}
	
#siteWrapper a:hover{
	color:#000000;
	background: none;
	background-color:none;
	text-decoration:underline; 
	}
	
#siteWrapper .headerItems a, a:active{	
	font-size:10px;
	color:#FFFFFF;	
	text-decoration:none;
	background: none;
	background-color:none; 	
	}
	
#siteWrapper .headerItems a:hover{
		text-decoration:underline; 
	}





/* Opmaak
------------------------------*/


#siteWrapper hr{
	color:#CCCCCC;
	background-color:#FFFFFF;
	width:360px;
	text-align:left;
	border-top: hidden;
	border-bottom:1px dashed;
}

#siteWrapper h2{
	color:#001A41;
	font-size:14px;
	font-weight:bold;
	padding: 0 0 0 20px;
	margin:0 0 0 -8px;
	background-image:url(/img/list-item.gif);
	background-repeat:no-repeat;
	background-position: 5px;	
}

#siteWrapper h3{
	color:#001A41;
	font-size:16px;
	font-weight:bolder;
	padding: 0 0 0px 0;
}

/* Menu
------------------------------*/
#siteWrapper #nav {
	color: #000000;
	font-size: 18px;	
	margin:0px;
	/*margin-top: 100px;*/
	padding:0 0 10px 0;		
}

/* general & first level */
#siteWrapper #nav .menu ul	{
	color: #000000;
	font-size: 18px;
	list-style-image:url(/img/list-item-menu.gif);
	margin: 0 0 20px 30px;
	margin-top: 0px;
	padding:0px;	
	/*width: 210px;*/
}

#siteWrapper #nav .menu ul li	{
	text-align: left;
	/*line-height: 2.75em;*/
	/*width: 210px;*/
	margin:10px 0 0  0;	
}

#siteWrapper #nav .menu ul li a{
	height:auto !important;
	padding:0 0 0 0px;
	margin:0px;
	text-decoration:none;	
	font-weight:bold;
	font-size:14px;	
}

#siteWrapper #nav .menu ul li a:hover{
	text-decoration:underline;
	color:#ffffff;
}

/* second level */
#siteWrapper #nav .menu ul li ul{
	padding: 0px 0px 0px 0px;
	/*background: #000000;*/
	margin: 10px 0px 15px 20px;
	display: none;
}

#siteWrapper #nav .menu ul li ul li{
	font-size: 14px;
	width: 170px;
	padding:0 0 0 0px;
	line-height: 1em;
}


#siteWrapper #nav .menu ul li ul li a{text-decoration:none; font-size:13px; }
#siteWrapper #nav .menu ul li ul li a:hover{text-decoration:none; color:#ffffff;}


/* hide sub sub */
#siteWrapper #nav .menu ul li ul li ul{
	display:none;
	margin: 0px;
	padding: 0px;
}

/* FORMS
------------------------------*/

#siteWrapper .contactform{
border:none;
}

#siteWrapper input{
border: solid 1px #CCCCCC;
font-size:12px;
width: 180px;
}


#siteWrapper textarea{
border: solid 1px #CCCCCC;
width:auto;
}

#siteWrapper .formbutton{
border:none;
background-color:#FFFFFF;
color:#000000;
width: 60px;
height:20px;
cursor:pointer;
border: solid 1px;
}