html {
	min-height: 100%;
	height: auto;
}
body{
	background:#fff url(/images/gfx/bottombg.jpg) bottom repeat-x;
	font:12px arial;
	margin:0 0 20px 0;
	color:#164666}
a{color:#d6402c}

#container{
	width:950px;
	text-align:center;
	}

#menu{
	background:url(/images/gfx/menubalkbg.gif);
	height:32px;
	width:100%;
	margin-bottom:20px;
	}
	#menuinner{
		width:960px;
		text-align:left;
		position:absolute;
		top:94px;
		}
#menuinner img{border:0}

/* TOP */
#top{
	background:url(/images/gfx/topbg.png) repeat-x;
	height:94px;
	position:relative;
	}
#topinner{width:950px;text-align:left}
#topinner h1, #topinner h2{text-indent:-500px;
				margin:0;font-size:16px;}

#toplogo{
	position:absolute;
	top:0;
	margin-left:-40px;
	border:0}

#menuul{
	position:absolute;
	left:50%;
	margin-left:220px;
	top:15px;
	text-align:left;
	width:110px;
	border-right:1px solid #b2b8bd;
	padding:0}
#menuul li{padding:0;margin:0}
#menuul a{
	font-size:11px;
	color:#787e83;
	padding-left:12px;
	background:url(/images/gfx/redarrow.gif) 0 5px  no-repeat;
	text-decoration:none;
	line-height:16px;
	display:block;
	}
	#menuul a:hover{text-decoration:underline}
#topman{
	position:absolute;
	left:50%;
	margin-left:350px;
	top:8px;
	text-align:left;
	}
#topman img{border:0}
/* KOLOMMEN */
#col1{
	text-align:left;
	width:364px;
	float:left;
	}
#col1 p{	width:360px	}
#col2{
width:584px;
float:left;
	}
#col2 .imgblok{float:left;}

.glas{float:left;width:18px;height:18px}

#tekst1, #tekst2{
	text-align:left;
	width:364px;
	float:left;
	margin:0 16px 50px 0;}
#tekst1 h2, #tekst2 h2{font-size:18px;margin:10px 0;}

#tekstmenu{
	text-align:left;
	color:#777d83;
	width:170px;float:right;padding-right:8px;}
	#tekstmenu .item{padding:10px;margin-top:10px;border-top:1px solid #b0c1cd}
	#tekstmenu a{color:#777d83}
	#tekstmenu ul{margin:0;padding:0;}
	#tekstmenu li{padding:4px 0 0 16px;margin:0;list-style:none;background:url(/images/gfx/redarrow.gif) 4px 9px  no-repeat;}



/* BLOKKEN */
.imgblok{border:1px solid #eaeaea;padding:0;display:block;}
.imgline, .imgline a{border:1px solid #bfbfbf}
a:hover .imgline{border:1px solid #fff}
.break16{height:20px;width:570px;position:relative;clear:both;}

.blok3{
	float:left;
	padding-left:18px;
	width:174px;
	padding-bottom:50px;
	text-align:left}
#col2 .blok3 .imgblok{margin:0;float:none}
.blok3 h2{font-size:13px;margin:5px 0}
.blok3 p{margin-top:5px}
.noline{text-decoration:none}

#bottom{
	border-top:1px solid #b0c1cd;
	padding:3px 5px;
	margin:30px 0 0 0;
	clear:both;
	position:relative;
	width:940px;
	color:#777d83}
#bottom .bottommenu{
float:left;
}

#bottom .right{
	float:right;
	}
#bottom a{color:#777d83}


/* MENU */

#menumain, #menumain ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1}

#menumain a {
	display: block;
	font-size:12px;
	text-decoration:none}

#menumain li { /* all list items */
	float: left}

#menumain li ul { /* second-level lists */
	position: absolute;
	background:#e2eaf0;
	border:1px solid #d5d5d5;
	padding:1px;
	width:150px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#menumain li li a {
	font-weight: bold;
	padding: 4px 4px;
	margin-top:1px;
	font-weight:normal;
	color:#555a5d;
	width:140px}
	
#menumain li li a:hover {
background:#176095;
	color:white;}


#menumain li ul ul { /* third-and-above-level lists */
	margin: -25px 0 0 146px;
}

#menumain li li ul li a{width:207px}
#menumain li ul ul{width:217px}

#menumain li:hover ul ul, #menumain li.sfhover ul ul {
	left: -999em;
}

#menumain li:hover ul, #menumain li li:hover ul, #menumain li.sfhover ul, #menumain li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* Div knoppen  bovenaan*/
#menumain .divon{padding:0 1px}

#menumain .divon:hover{
	border-left:1px solid #eeeef3;
	border-right:1px solid #eeeef3;
	padding:0
	}
	
#imageContainer{height:300px;
	}
#imageContainer img{
	position:absolute;
	display:none;}