/*
					Opbouw Traxion
					
|-#top-------------------------------------------------------------|
|												|				   |
|					#top_midden					|	#top_rechts	   |
|												|				   |		
|------------------------------------------------------------------|
|# nav		|		#content					|   #rechts		   |
|			|									|				   |
|			|									|				   |
|			|									|				   |
|			|									|				   |
|			|									|				   |
|			|									|				   |
|			|									|				   |
|			|									|				   |
|------------------------------------------------------------------|
|			 				#footer								   |
|------------------------------------------------------------------|
*/



body {
	margin:0;
	padding:0;
	font-family:Trebuchet MS,Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color:#33182a;
}



#contain{
	position:absolute;
	left:50%;
	margin:0 0 0 -487px;
	width:974px;
	background: url(../images/bg_contain.gif) 0 0  repeat-y;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}

html, body, #contain{
	min-height:100%;
	height:100%;
}


html>body, html>body #contain{
	height:auto;
}
		
input, textarea{
				width:100%;
				border:1px solid #473200;
				font-family:Trebuchet MS,Verdana,Tahoma,Arial,Helvetica,sans-serif;
				font-size:11px;
			}
			
input.submit {
				font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
				font-size:10px;
				font-weight:bold;
			}
		
ul li{
	font-size:70%;
	margin:0;
	padding:0;
}

ul li ul li{
	font-size:100%;
}	
			
h2{
	font-size:100%;
	padding:0 0 20px 20px;
	margin:0;
}
				
h2 a{
	color: #0000000;
	text-decoration: none;
}

h2 a:hover{
	color: #000000;
	text-decoration: underline;
}
				
p {
	line-height:160%;
	font-size:70%;
	color:#000000;
	margin:0 20px 20px 20px;
}
	
.clear{
	clear:both;
}


/*---------------------------- OPBOUW ---------------------------------*/

#logo {
		position:absolute;
		left:50%;
		margin:0 0 0 -487px;
		padding:0 0 0 28px;
		top:-10px;
		z-index:3;
}


#top{
	padding:0 0 6px 0;
	margin:0 0 0 205px;
	background:url(../images/bg_top_vervolg.gif) 0 0 #492443 repeat-x;
	}
	
#top_midden{
	float:left;
	width:468px;
	height:118px;
	background-color:#492443;
}

#top_rechts{
	margin:0 0 0 467px;
	height:118px;	
	background:url('../images/fingerprint-2.gif') 0 0 no-repeat;
}

#top_rechts h1{
	margin:0;
	padding:35px 0 10px 35px;
	font-size:18px;
	color:#FFFFFF;
}

			

/*----------------------------------------- MENU ---------------------------------*/

#nav{
	float:left;
	width:205px;
}

#nav ul{
	list-style:none;
	margin:19px 0 0 20px;
	padding:0;
}



#nav ul li{
	position:relative;
	width:120px; /* Make list items do what they're supposed to in IE6 */
	background:url('../images/li.gif') 0 4px no-repeat;
	margin:0;
	padding:0 0 0 15px;
	display:block;
	line-height:160%;
}

		

#nav ul li a {
	padding:0;
	margin:0;
	display:block;
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}



#nav ul li ul {
	position:absolute;
	display:none;
	left:130px;
	width:185px;
	padding:5px 0 5px 0;
	margin:-27px 0 0 0;
	font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
	font-weight:normal !important;
	background:#FFFFFF;
	border:1px solid #7D7C7C;
}

#nav ul li ul li { 
	width:170px; /* Make list items do what they're supposed to in IE6 */
	clear:left;
	display:block;
	margin:0 0 0 7px;
	padding:0;
	background:#FFFFFF;
	font-size:80%;
	line-height:none;
}

#nav ul li ul li a {
	display:block;
	margin:0;
	padding:0 0 5px 10px;
	color:#4b253e;
	font-weight:normal;
	text-decoration:none;
	background:url('../images/subnavli.gif') 0 1px no-repeat;
}

#nav ul li ul li a:hover {
	text-decoration:underline;
}

#nav ul li ul li ul{
	top:-1px; 
	left:13.5em;
	font-size:100%;
}

#nav ul li:hover ul{display:block;}
#nav ul li:hover ul li ul{display:none;}
#nav ul li ul li:hover ul{display:block;}
#nav ul li ul li:hover ul li ul{display:none;}
#nav ul li ul li ul li:hover ul{display:block;}




/*-------------------------------- Content ---------------------------------*/

#content{
	float:left;
	width:467px;
	margin:0;
}

.nieuws{
	float:left;
	margin:5px 15px 0 20px;
}

#content h3{
	font-size:90%;
	margin:5px 20px 5px 20px;
	padding:0;
}

#content a{
	color:#a26700;
	text-decoration:underline;
}

#content a:hover{
	color:#a26700;
	text-decoration:none;
}

#content ul{
	list-style:none;
	margin:0 20px 20px 20px;
	padding:0;
}

#content ul li{
	margin:0;
	padding:0 0 0 15px;
	background:url('../images/nieuws-li.gif') 0 1px no-repeat;
	line-height:160%;
}

#content ul li a{
	color:#000000;
	text-decoration:none;
}

#content ul li a:hover {
	color:#a26700;
	text-decoration:underline;
}

#breadcrubms{
		color:#4b253e;
		font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
		font-size:9px;
		text-decoration:none;
		margin: 20px 0 1px 20px;
	}
#breadcrubms a{
		color:#4b253e;
		font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
		font-size:9px;
		text-decoration:none;

}	


/*-------------------------------- Rechts ---------------------------------*/

#rechts{
	margin:0 0 0 672px;
	background-color:#e4dfe2;	
	position:relative;

}

#rechts ul {
	padding:19px 10px 30px 35px;
	margin:0;
	list-style:none;

}

#rechts ul li {
	margin:0;			
	list-style:none;
	padding:0 0 0 12px;
	background:url('../images/secnavli.gif') 0 0 no-repeat;
	font-size:55%;
	line-height:170%;
}

#rechts ul li a {
	font-family:Verdana,Tahoma,Helvetica,Arial,sans-serif;
	color:#4b253e;
	text-decoration:none;
	padding:0;
}

#rechts ul li .a {
	font-weight:bold;
	font-family:Verdana,Tahoma,Helvetica,Arial,sans-serif;
	color:#4b253e;
}
			
						
#rechts ul li a:hover {
	text-decoration:underline;
}

#rechts  #flash{
	background-color:#e4dfe2;	
	float:rght;
}

/*----------------------------------------- FOOTER -----------------------------------*/

#footer {
	margin:20px 0 0 0;
	padding:0 0 20px 0;
	font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color:#686868;
	font-size:55%;
}



#footer #adres{
	width:300px;
	float:left;
}

#footer #adres p{
	color:#FFFFFF;
	font-size:100%;
	
}

#footer #adres p a{
	background:url('../images/contact-li.gif') 0 3px no-repeat;
	text-decoration:none;
	padding:0 0 0 20px;
	color:#ffffff;
}

#footer #adres p a:hover{
	text-decoration:underline;
}

#footer #footer_content{
	margin:0 0 0 707px;
	padding:87px 0 0 0;
}		
	
#footer #footer_content a {
	text-decoration:none;
	font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color:#686868;
}
			
#footer #footer_content a:hover {
	font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color:#686868;
	text-decoration:underline
}