/* CSS Document */
/* verschillende stylen resetten */
img, object{
	display: block;
	border: none;
}

h1{
	font-size:120%;
	color:#009EE0;
	margin:0 0 20px 0;
	padding:0;
}

h2{
	font-size:100%;
	color:#009EE0;
	margin:0;
	padding:5px 0 0 0;
	line-height:165%
}

h3,h5, h6{
	font-size:100%;
	color:#009EE0;
	margin:0;
	padding:0;
	line-height:165%
}

h4{
	font-size:100%;
	color:#404040;
	margin:0;
	padding:0;
	line-height:165%
}


p{
	padding:0;
	margin:0 0 15px 0;
	line-height:165%;
	color:#404040;
}

ul, ol{
}

li{
	color:#404040;
	line-height:165%;	
}

ul li ul, ul li ol, ol li ul, ol li ol{
	font-size:100%;
}

table{
}

tr{
}

td{
}

input, select, textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	padding-top:3px;
	padding-bottom:2px;	
	border:1px solid #C9C9CA;
	color:#404040;
	background-color:#FFFFFF;
}

input.submit{
	position:relative;
	top:7px;
	border:0;
	color:#404040;
}

input.radio, .radio{
	border:none;
}

input.knop{
	border:1px solid #009EE0;
	color:#ffffff;
	background-color:#009EE0;
}

a{
	color:#404040;
	border-bottom:1px solid #b2e2f6;
	text-decoration:none;
}

a:hover{
	border:none;
}

/* standaard layout stylen */
body {
	margin: 0;
	background:url(../images/bg_left.gif) #FFFFFF 0 0 no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
}
#container {
	position: absolute;
	top:0;
	left:0;
	background:url(../images/background_contain.gif) 80% 0 repeat-y;
}

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

html>body, html>body #container {
	height: auto;
}

#main {
	height: auto;
	margin-bottom: 25px;
}


#flash_home{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:215px;
	z-index:1;
	background:url(../images/no_flash.jpg) 0 0 repeat-x;

}

#logo{
	position:absolute;
	left:170px;
	top:10px;
	z-index:2;
}

#search{
	position:absolute;
	left:54%;
	top:165px;
	z-index:3;
}
#home #search{
	left:48%;
	top:151px;
}

#content{
	margin:0 45% 50px 17%;
	padding: 178px 0 0 0;
	min-height:350px;
}

.noborder{
	border:none;
	text-decoration:none;
	}

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

#content ul li ul{
	margin: 0 0 5px 0;
}

#content ul li{
	padding:0 0 0 15px;
	margin:0;
	line-height:165%;
	background:url(../images/list.gif) 0 7px no-repeat;
}

#content ul li a{
	color:#404040;
	border-bottom:1px solid #b2e2f6;
	text-decoration:none;
}

#content ul li a:hover{
	border-bottom:none;
}

#home #container #main #content{
	margin:0 0 50px 0;
	padding: 213px 0 0 17%;
	min-height:200px;
	width:24%;
	float:left;
	
}

#home #container #main #dynamiccontent{
	margin:0 0 50px 48%;
	padding: 207px 0 0 0;
	min-height:200px;
	width:24%;
}


#home #container #main #dynamiccontent ul{
	list-style:none;
	margin: 0 0 20px 0;
	padding:5px 0 0 0;
}

#home #container #main #dynamiccontent ul li{
	padding:0 0 0 15px;
	margin:0;
	color:#404040;
	line-height:165%;
	background:url(../images/list_nieuws.gif) 0 8px no-repeat;
}

#home #container #main #dynamiccontent ul li a{
	color:#404040;
	border-bottom:1px solid #b2e2f6;
	text-decoration:none;
}

#home #container #main #dynamiccontent ul.vacature li a{
	color:#404040;
}

#home #container #main #dynamiccontent ul li a:hover{
	border-bottom:none;
}

.kruimelpad p{
	color:#8C8C8C;
	padding:0;
	margin:0 0 20px 0;
	font-size:90%;
}

.kruimelpad p a{
	color:#8C8C8C;
	text-decoration:none;
	border:none;
}

.kruimelpad p a:hover{
	text-decoration:underline;
}

.sfeerbeeld{
	position:absolute;
	left:59%;
	top:255px;
}	

.imageleft{
	float:left;
	margin:5px 10px 0 0;
}

.clear{
	clear:both;
}	



/* hoofdmenu */
#menu{
	position:absolute;
	top:118px;
	left:0;
	height:24px;
	width:100%;
	z-index:5;
}

#menu ul{
	margin:0 0 0 43px;
	padding:0;
	list-style:none;
	position:relative;
	z-index:5;
}

#menu ul li{
	margin:0;
	padding:5px 0 6px 0;
	float:left;
	position:relative;
	line-height:normal;
}

#menu ul li a{
	text-decoration:none;
	margin:0;
	padding:5px 20px 6px 0px;
	color:#FFFFFF;
	border:none;	
}


#menu ul li a:hover{

}

/* Submenu */
#menu ul li ul{
	display:none;
	position:absolute; 
	z-index:5;
	top:24px;
	left:0px;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	border-left:1px solid #C9C9CB;
	border-right:1px solid #C9C9CB;
	border-bottom:1px solid #C9C9CB;
	
}

#menu ul li ul li{
	margin:0;
	padding:0;
	float:none;
	font-size:90%;		
}

#menu ul li ul li a{
	width:200px;
	display:block;
	text-decoration:none;
	margin:0;
	padding:5px 15px 5px 15px;
	color:#404040;
	background:url(../images/list_menu.gif) 3px 8px no-repeat;
	border:none;
}


#menu ul li ul li a:hover{
	color:#c01c66;
}



#menu li:hover ul, ul li.over ul{ display: block; }

#menu #nav{

}

address{
	position:absolute;
	left:84%;
	top:252px;
	line-height:150%;
	color:#FFFFFF;
	font-style:normal;
	font-size:90%;
}
address p {
	color:#FFFFFF;
}

#home #container address{ 
	top:273px;
}

#footer {
	position: absolute;
	bottom: 0;
	left:17%;
	height: 25px;
	color:#9F9F9F;
	font-size:90%;
}

#home #container #footer {
	left:17%;
}

#footer a{
	color:#9F9F9F;
	text-decoration:none;
	border:none;
}

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