/*-- png fix ie6 line --*/
div.column { behavior: url(pngfix/iepngfix.htc) }

/*-------------------------*/
*{
	margin:0;
	padding:0;
}
body{
	margin:15px 0 40px 0;
	font-family: "Trebuchet MS", Trebuchet, sans-serif;	
	background:url(../images/bg_body.jpg) 0 0 repeat-x #0a447e;
}
img, 
object{
	display: block;
}
img{
	border:0;
}

p{
	margin:0 0 20px 0;
	font-size:12px;
	line-height:160%;
	color:#0a447e;
}
#home p{
	line-height:140%;
}
h1{
	font-size:18px;
	color:#FFFFFF;
}
h2{
	font-size:11px;
	margin:0 0 10px 0;
}
ul{
	font-size:12px;
	line-height:150%;
	list-style:none;
	color:#0a447e;
}
li{
	padding:0 0 0 10px;
	background:url(../images/li_contact.gif) 0 6px no-repeat;
}

a{
	color:#e42c2a;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
table{

}
table td{
	padding:0 3px;
}
label{
	font-size:12px;
	color:#636363;
}

input,textarea{
	padding:3px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#dcebfa;
	border:none;
}

.bordernone{
	background-color:#FFFFFF;
}

.verzenden{
	background-color:#004b96;
	color:#FFFFFF;
}

table#referenties td{
	border-top:1px solid #FFFFFF;
	padding:3px;
}

.borderbottom{
	border-bottom:1px solid #FFFFFF;
}


/*-----------------------*/
#container{
	position:relative;
	left:50%;
	width:1000px;
	margin:0 0 10px -500px;
	padding:0 0 2px 0;
	background:#FFFFFF;
}


/*-----------------------*/
#logo{
	position:absolute;
	left:659px;
	top:59px;
}


ul#nav{
	position:relative;
	margin:0 0 0 17px;
	padding:15px 0 2px 0;
	list-style:none;
	z-index:2;
}
ul#nav li{
	position:relative;
	float:left;
	padding:0 0 2px 0;
	margin:0 33px 0 0;
	text-transform:uppercase;
	font-weight:bold;
	background:none;
}
ul#nav li a{
	padding:0 0 0 10px;
	display:block;
}
ul#nav li a:hover{
	text-decoration:none;
	background:url(../images/li_red_on_white.gif) 0 4px no-repeat;
}

/*-----*/
ul#nav li ul {
	position:absolute;
	display:none;
	top:20px; 
	left:0; 
	width:210px; /* the width of submenu items, used again bellow (1)  */
	padding:0;
	margin:0;
	font-size:11px;
	color:#FFFFFF;
	background:#dcebfa;
	z-index:5;
	border:1px solid #9abbdc;
}
ul#nav li ul li{ 
	clear:left; /* It inherits float:left. No float:none, because that creates a whitespace beneath the last item in IE6 */
	display:block;
	width:100%; /* Make list items do what they're supposed to in IE6 */
	padding:0;
	margin:0 0 0 0;
	background:#dcebfa;
	border-bottom:1px solid #9abbdc;
}
ul#nav li ul li a {
	display:block;
	margin:0;
	padding:5px 5px 5px 16px;
	color:#004b96;
	text-decoration:none;
	text-indent:0;
	height:auto;
	background:url(../images/li_contact.gif) 5px 10px no-repeat #dcebfa;
}
ul#nav li ul li a:hover{
	background:url(../images/li_contact.gif) 5px 10px no-repeat #FFFFFF;
}
ul#nav li ul li ul{
	top:-1px; /* the height of the top border */
	left:210px; /* (1) the width of submenu items */
	font-size:100%; /* font reset for submenu's after the first*/
}
/*switch submenu's for full css supporting browsers*/
ul#nav li:hover ul{display:block;}
ul#nav li:hover ul li ul{display:none;}
ul#nav li ul li:hover ul{display:block;}
ul#nav li ul li:hover ul li ul{display:none;}
ul#nav li ul li ul li:hover ul{display:block;}
ul#nav li ul li ul li:hover ul li ul{display:none;}
ul#nav li ul li ul li ul li:hover ul{display:block;}
ul#nav li ul li ul li ul li:hover ul li ul{display:none;}
ul#nav li ul li ul li ul li ul li:hover ul{display:block;}
ul#nav li ul li ul li ul li ul li:hover ul li ul{display:none;}
/*add styles if needed*/


#header {
	clear:both;
}
#header #intro{
	position:absolute;
	top:156px;
	left:56px;
	width:390px;
}
#header #intro h1{
	margin:0 0 15px 0;
	font-size:22px;
}
#header #intro p{
	margin:0 0 10px 0;
	color:#FFFFFF;
	line-height:160%;
}
#header #intro a{
	padding:0 0 0 12px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/li_white_on_blue.gif) 0 4px no-repeat;
}
#header #intro a:hover{
	text-decoration:underline;
}


#columns{
	position:relative;
	margin:0 0 0 18px;
}
#home #columns{
	margin:-160px 0 160px 30px;
}
#vervolg #columns{
	/*background:url(../images/emmer.jpg) right bottom no-repeat;*/
}

div.column{
	width:510px;
	margin:0 0 20px 0;
	padding:15px 110px 20px 50px;
	background:url(../images/h1_vv.gif) 0 0 no-repeat #dcebfa;
}
#home div.column{
	float:left;
	width:263px;
	height:191px;
	padding:20px 25px;
}
div.column#nr1{
	background:url(../images/home_square1.png) 0 0 no-repeat;
}
div.column#nr2{
	background:url(../images/home_square2.png) 0 0 no-repeat;
}
div.column#nr3{
	background:url(../images/home_square3.png) 0 0 no-repeat;
}
div.column h1{
	height:60px;
}
#home div.column h1{
	height:85px;
}
div.column p{
	margin:0 0 10px 0;
}
html>body#home div.column p{
	position:relative;
}
div.column a{
	padding:0 0 0 12px;
	color:#004b96;
	font-weight:bold;
	text-decoration:underline;
	background:url(../images/li_red_on_blue.gif) 0 4px no-repeat;
}

div.column li a{
	padding:0;
	color:#004b96;
	font-weight:normal;
	background:none;
}


div.column a:hover{
	text-decoration:none;
}


.rood{
	position:absolute;
	top:280px;
	left:666px;
	background:#e42c2a;
}
.rood div{
	width:272px;
	padding:10px 19px;
	margin:4px;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	font-size:12px;
}

.fotorechts{
	position:absolute;
	top:410px;
	left:666px;
	width:200px;
	color:#FFFFFF;
}

.kaart{
	position:absolute;
	top:390px;
	left:666px;
	width:307px;
	height:300px;
	padding:5px;
	background:#FFFFFF;
	border:1px solid #9abbdc;
}

.fotorechts img{
	margin:0 0 50px 0;
	border:1px solid #FFFFFF;
}

.rood div a{
	color:#FFFFFF;
	text-decoration:underline;
}

.rood div a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

.rood h1{
	font-size:14px;
	margin:0 0 10px 0;
}
.rood ul{
	color:#FFFFFF;
}
.rood ul li{
	padding:0 0 0 23px;
	background:url(../images/li_white_on_red.gif) 10px 4px no-repeat;
}


#footer{
	position:relative;
	clear:both;
	margin:0 0 0 15px;
}
#footer img{
	float:right;
}
#footer p{
	margin:0 0 6px 0;
	padding:23px 0 0 0;
}
#footer p span{
	margin:0 15px 0 0;
}
#footer p a{
	padding:0 0 0 8px;
	color:#004b96;
	font-weight:bold;
	background:url(../images/li_contact.gif) 0 7px no-repeat;
}
#footer p a:hover{
	text-decoration:underline;
}


p#copy{
	position:absolute;
	left:50%;
	width:1000px;
	margin:0 0 10px -500px;
	font-size:11px;
	color:#babdc0;
}
p#copy a{
	color:#babdc0;
	text-decoration:none;
}
p#copy a:hover{
	text-decoration:underline;
}

.clear{
	clear:both;
}
.nomargin{
	margin:0;
}
.floatleft{
	float:left;
	margin:0 3px 0 0;
}

.certificaat{
	float:left;
	margin:0 15px 0 0;
}

.borderwit{
	border:1px solid #FFFFFF;
}

.floatleft_content{
	float:left;
	margin:2px 15px 0 0;
	border:1px solid #FFFFFF;
}



/*-------------------------- SITEMAP -----------------------------*/

ul#sitemap{
	list-style-type:none;
	background:none;
}

ul#sitemap li, ul#sitemap li a, ul#sitemap li a:hover{
	font-size:12px;
	line-height:150%;
	list-style:none;
	color:#0a447e;
	background:none;
}


/*------------------------- FORM -----------------------------*/

table#contact{
	background-color:#FFFFFF;
	padding:10px 0 10px 0;
}

table#contact td{
	border-bottom:0px solid #DCEBFA;
	padding:4px 15px 4px 15px;
}