/* ----------------------------------------------
	BASISSETTING, positionering                               
	____________________________________________ */

div{
	margin:0;
	padding:0;
}	
	
body{
	font: 11px Arial, Verdana,Helvetica;
	padding:0;
	color:#000;
	margin: 0 auto;
	background:#c9c9c9;
}
	
#container {
	margin:0 auto;
	width: 885px;
	background:#fff;
}

	#header{	
		float:left;
		width:100%;
		height:92px;
		font-size:12px;
	}
	
		#logo a{
			float:left;
			width:122px;
			height:69px;
			margin-left:20px;
			margin-top:10px;
			background:url(../images/logo.gif) no-repeat;
		}
		
		#slogan{
			float:left;
			color:#0362aa;
			font-size:12px;
			margin-left:30px;
			margin-right:195px;
			padding-top:60px;
			width:163px;
			
		}
					
		#header_menu{
			float:left;
			margin-top:60px;			
			
		}
		
			#header_menu ul{
				float:left;
			}
			
			#header_menu li{
				list-style:none;
				display:inline;
				padding-right:10px;
			}
			
			#header_menu a{
				color:#0362aa;
			}
			
			.telnummer{
				float:left;
				color:#cf003d;
			}
		
		.flag, .vlag {
			float:left;
			width:24px;
			height:15px;
		}
		
		.flag a{			
			background:url(../images/flag.gif) no-repeat white;
			display:block;
			width:24px;
			height:15px;
			float:left;
		}
		
		.vlag a{
			background:url(../images/vlag.gif) no-repeat white;
			display:block;
			width:24px;
			height:15px;
			float:left;
		}
		
		#header_foto{
			float:left;
			width:100%;
			height:184px;
			background:url(../images/header.jpg) no-repeat ;
		}
		
		#menu{
			float:left;
			width:100%;
		}
		
			#menu ul{
				margin:0;
				padding:0;
			}
			#menu li{
				list-style:none;
				display:inline;
				margin:0;
				padding:0;
			}
			#menu li a{
				float:left;
				width:177px;
				height:21px;
				color:#fff;
				font-weight:bold;
				text-align:center;
				background:#0362aa;
				padding-top:5px;
				text-decoration:none;
			}
			#menu li a:hover{
				
			}
			
			#menu li.rood a{background:#cf003d;}
			#menu li.oranje a{background:#eb6e07;}
			#menu li.groen a{background:#50a125;}
			#menu li.paars a{background:#781b7d;}
		
		
		#content{
			float:left;
			width:100%;
			padding-bottom:20px;
		}
			
			
			#content_links{
				float:left;
				width:708px;
			}
			
			#submenu{
				float:left;
				height:26px;
				width:100%;
				background:#eb6e07;
			}
				#submenu ul{
					margin:0;
					padding:0;
					margin-left:20px;
					margin-top:5px;
			
				}
				#submenu li{
					display:inline;
					margin-right:20px;
				}
				#submenu li a{
					color:#fff;
					font-weight:bold;
					text-decoration:none;
				}
				#submenu li a:hover, #submenu li a.actief{
					color:#000;
				}
		
		
			.content_tekst{
				float:left;
				width:481px;
				padding:25px;
				background:#e4eff8;
			}
		
		
			#content_rechts{
				float:left;
				width:177px;
			}		
			
			.blok{
				float:left;
				width:137px;
				padding:20px;
				min-height:250px;
				overflow:hidden;
			}
			*html .blok{
				height:520px;
			}
				.blok h2{
					font-weight:normal;
					font-size:12px;
				}
		
				.oranje h2{
					color:#eb6e07;
				}
				.oranje{
					background:#fdf0e6;
				}
				
				.paars h2{
					color:#781b7d;
				}
				.paars{
					background:#f1e8f2;
				}
				
				.groen h2{
					color:#50a125;
				}
				
				.rood h2{
					color:#cf003d;
				}
				
				.blauw h2{
					font-weight:bold;
					font-size:14px;
					color:#0362aa;
				}
				
				.blauw a {
					color:#0362aa;
				}

/* ----------------------------------------------
	CLEARER, it will not stretch otherwise
	____________________________________________ */
	
.clearer{ 
	clear: both;
} 

/* ----------------------------------------------
	CONTENT STYLES
	____________________________________________ */

h1{
	color:#0362aa;
	font-size:16px;
}

h2{
	color: #0362aa;
	font-size:14px;
	margin:0;
}

h3{
	font-size:13px;
	color: #0362aa;
}

h4{
	font-size:12px;
	color: #0362aa;
}

h5{
	font-size:11px;
	color: #0362aa;
}

hr{
	height:1px;
	color:#0362aa;
}

ul{
	margin:0;
	padding:0;
	margin-left:15px;
}

.blauw li{
	list-style:decimal;
}

a {
	color: #0362aa;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}


.selectbox {
 width:150px;
 border:1px solid #0362AA;
}

.textveld {
	width:146px;
	border:1px solid #0362AA;
}

.button {
	border:1px solid #0362AA;
	color:#0362AA;
	font-weight:bold;
	background:#fff;
}

.oranjeBold {
	font-weight:normal;
	color:#eb6e07;
}

.subheader td {
	color:#eb6e07;
}

#vacaturegebied, #reactie {
	float:left;
	width:50%;
}

.foto_item {
	float:left;
	margin-top:20px;
	margin-bottom:10px;
	padding-top:20px;
	padding-bottom:8px;
	width:485px;
	border-top:1px solid #fff;
}

.foto {
	float:left;
	width:250px;
}

.omschrijving-foto {
	float:left;
	width:225px;
	padding-left:10px;
}