@charset "utf-8";
/* CSS Document */
html { height:100% }
body {background-color:#F0F0F0; z-index:auto; font-family:Verdana, Geneva, sans-serif; font-size:12px; height:100% }

#loading { float:left; position:absolute; top:50%; left:50%; width:50px; height:50px; margin-left:-25px; border:0px solid #000000; text-align:center; padding:20px; margin-top:-25px; background-color:#FFFFFF; display:none; z-index:999}
 
#overlay{ text-align: center; z-index: 10; position: absolute; top: 0; left: 0; background: #333; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; width: 100%; height: 100%; font: 30px Arial, Helvetica, sans-serif; color: #FFF; display:none; z-index:998}

#voorwaarden { float:left; margin-left:20px }
#voorwaarden a{ text-decoration:none; color:#CCC }
#voorwaarden a:visited{ color:#CCC }

#horizon {
	text-align: center;
	position: absolute;

	left: 0;
	width: 100%;
}
#wrapper {
	
	margin-left: -490px;
	position: absolute;
	left: 50%;
	width: 980px;
	min-height: 672px;
	text-align:left;
	padding:0px;

}

#top {
	background:url(/img/bg_top2.png) no-repeat;
	width:980px;
	height:19px;
	float:left;
}
#main {
	background:url(/img/bg_main2.png) repeat-y;
	width:980px;
	min-height:672px;
	top:19px;
	padding-left:12px;
	float:left;
	overflow:visible;
	
}
#pagecontent { width:100%; margin-left:0px }

#logo {
	margin:5px;
	position:absolute;
	top:20px;
	left: 20px;
	
	
}
#logo img {
	width:300px;
	
}

#slogan{
	margin:15px;
	position:absolute;
	top:25px;
	left: 400px;
}

#searchbar {
	position:absolute;
	top: 300px;
	right: 20px;
	z-index:2;
	display:block;
	
}

#topright { right:40px; position:absolute; top:70px; }
#topright li{ list-style:none; margin:0; padding:0; clear:both; margin-bottom:8px}
#topright li a {text-decoration:none; color:#666 }
#topright li a.visited {color:#666 }
#topright li a.link {color:#666 }
#topright li a:hover {color:#000 }



#searchbar input{ width:150px; border:1px solid #CCC; font-style:italic;color:#333; font-size:12px }
#frmlogin { position:absolute; right:15px; top: 100px; display:none }
#frmlogin input {font-style:italic; color:#666; width:100px;}
.login-btn { width:30px; height:30px; border:none; cursor:pointer; vertical-align:middle }

#menu{
	float: left;
	width:956px;
	background:url(/img/bg_menubalk.png) repeat-x;
	height:33px;
	top:130px;
	left:12px;
	position:absolute;
	z-index:3;
}

div#navContainer {float:left; width:100%;  }
#menu ul { margin:0; padding:0; visibility:visible; display:block; list-style:none; }
#menu ul li { list-style:none; float:left; text-align:center; height:24px; padding:0;}

#menu ul li a {display:block; font-family:Verdana, Geneva, sans-serif; font-size:12px; text-decoration:none; color:#333; height:19px; padding-top:5px; padding-left:15px; padding-right:15px; }
#menu ul li a.selected { background:url(/img/bg_menubalk_selected.png) repeat-x; height:19px; font-weight:bold;}
#menu ul li a:hover {background:url(/img/bg_menubalk_mo.png) repeat-x; color:#FFF}
#menu ul li ul {position:absolute; float:left; margin-top:0px; border-left:1px solid #CCC;border-right:1px solid #CCC; background:white; margin-left:0px; padding-bottom:10px; border-bottom:8px solid #FFC600; visibility:hidden; z-index:999}
#menu ul li ul li { list-style:none ;float:left; clear:both; width:200px; background:white; padding:2px; padding-left:10px; text-align:left; border-bottom: solid 1px #CCCCCC;}
#menu ul li ul li a {min-height:20px; display:block;  background-color:#FFF; color:#000000; width:100%; padding:0; padding-top:5px }
#menu ul li ul li a:hover { color:#C90;background:#FFFFFF ; }
#menu ul li.rechts { right:0px; float:right}


#header  { float:left;margin:0; margin-top:120px; padding:0; background-color:#333; width:956px; background-color:#333  }

#paginate { color:#000; position:absolute  ; right:15px; top:165px; width:290px; height:120px; text-align:center;   }
#paginate h1 {font-size:24px; font-family:Verdana, Geneva, sans-serif; color:#E4B000; vertical-align:middle;line-height:34px }



#footer{
	clear:both;
	background:url(/img/bg_footer2.png) no-repeat;
	width:980px;
	height:91px;
	float:left;
	margin:0;
	
	
}
#footer #f-menu { text-align:center; color:#FFF; margin-top:40px;  }

#nieuwsberichten { float:left; width:765px }
#logos { float:right; width:150px; margin-top:30px; margin-right:-5px; border:1px dotted #CCC }
#logos ul { margin:0; padding:0}
#logos ul li{ list-style:none; text-align:center; }
#logos img{ border:0}


hr.gele_lijn { width:500px; size:2px; color:#E4B000; background-color:#E4B000; height:2px; border:none;  position:absolute}
hr.grijze_lijn {  width:500px; size:1px;   height:1px; border:none;  position:absolute; border-top: 1px dashed #ccc; }

.bovenaan { margin-top:-15px}
.onderaan {bottom:110px}
.rechts {right:25px}
.links { float:left}
.midden { left:250px;}

.lichtgrijs { color:#666 }
.klein { font-size:0.8em;}
.clear{ clear:both}
.clearright{ clear:right}
.clearleft{ clear:left}



#content { padding:15px;top:300px; margin-left:0; float:left; width:95%; margin-right:0px;  padding-left:10px;  }
#ccontent { width:700px; float:left }
#content h1{ font-size:16px; color:#333; width:500px; border-bottom:2px solid #E4B000; padding-bottom:2px; float:left; margin-right:150px; margin-bottom:10px;  }
#content p { text-align:justify; padding-right:6px; line-height:1.5em; }
#content h2{ font-size: 12px; margin-bottom:-10px; padding-bottom: 0px;}
#content a { color:#900; font-weight:bold }
#content a:visited { color:#900; }
#content blockquote { font-style:italic; font-size:14px; margin:0; color:#666; border:1px solid #333 }
#content div.zoekresultaat { margin-top:10px} 
#content div.zoekitem { background-color:#E8E8E8; margin-bottom:10px; padding:10px; border:1px dotted #CCC }

#submenu {  width:200px; float:right; background-color:#EAEAEA; margin-top:30px;border:2px dotted #333; margin-left:10px; min-height:50px; font-size:10px; }
#submenu ul {list-style-type: disc;	list-style-position: inside; list-style-image:url(/img/arrow_grey10x10.png) ;  background-color:#FFF; padding:5px ;margin:0; width:190px; z-index:999}
#submenu ul li { border-bottom:1px solid #CCC;  padding-top:5px; padding-bottom:5px;    }
#submenu ul li:hover { list-style-image:url(/img/arrow_yellow10x10.png); color:#C90}
#submenu ul li a {color:#000; text-decoration:none}
#submenu ul li a:visited {color:#666}
#submenu ul li a:hover { color:#C90 }
#submenu ul li.selected {  list-style-image:url(/img/arrow_yellow10x10.png); color:#C90; background-color:#333 }
#submenu ul li.selected a {color:#C90 }
#submenu ul li.selected a:hover {color:#FFF }


fieldset legend { color:#C3C3C3; padding-left:5px; padding-right:5px}

#loginform { text-align:center; float:left; width:500px; margin-left:200px }

fieldset { border:1px solid #C3C3C3; }
fieldset ul { float:left; clear:both; text-align:right; margin:0; padding:0; }
fieldset ul li { list-style:none; float:left; padding:10px; width:70px; display:inline; line-height:24px; margin:0   }
fieldset ul li input[type="text"]{ width:350px; background-color:#FFFFD2; border:1px solid #CCC; padding:5px; margin:0}
fieldset ul li input[type="password"]{ width:350px ; background-color:#FFFFD2;border:1px solid #CCC; padding:5px; margin:0 }


.button { background:url(/img/bg_menubalk.png) repeat-x; border: 1px solid #ccc; color:#000; height:24px; padding-left:30px; padding-right:30px}
.button:hover { background:url(/img/bg_menubalk_mo.png) repeat-x; color:#999;}
.midden { text-align:center; }
div.error { background-color:#FFC6C6; color:#900; font-weight:bold; border:2px solid  #900 ;width:50%; text-align:center; margin-left:23%; margin-top:10px; margin-bottom:10px; float:left; display:none }

.rechts { float:right }
div#klantid { float:left; background-color:#666; color:#FFF; width:936px; position:absolute; left:12px; top:292px; padding:10px; font-size:14px; font-weight:bold; z-index:2   }

div.klantcontent { margin-top:45px;    }


#zeeman { font-family:Verdana, Geneva, sans-serif; font-size:1em}
img.logo { width:300px; padding:0; margin:0;position:absolute; top:150px; right:12px; z-index:1 }
form.zoekwinkelform { width:170px; position:absolute; right:20px; top: 340px}
form.zoekwinkelform ul { float:left ; margin:0; padding:0; width:100%; }
form.zoekwinkelform ul li { width:50px; display:inline; line-height:25px; }
form.zoekwinkelform input[type="text"]{ width:40px; }
fieldset.output { float:left; width:740px; padding-left:10px; padding-right:10px; position:absolute; top: 340px }

.DataTabel { }
.tabelholder { width:760px;}

#contactform { float:left; width:390px; margin-top:20px; height:490px; border:1px dotted #999; padding:5px}
#contactform h3{ font-size: 12px; color:#666 } 
#contactform input[type="text"] { width:370px; background-color:#FFFFD2; border:1px solid #CCC; padding:5px; margin:0}
#contactform textarea { width:370px; background-color:#FFFFD2; border:1px solid #CCC; padding:5px; margin:0 }
#route { float:left; width:520px; margin-top:20px; height:500px; border:1px dotted #999}
#map_canvas { height:100%; width:100%}
#infocontent { font-size: 10px; width:250px; height:250px }
#infocontent img {width:150px;}
#errorDiv2 { text-align:left; padding:5px; width:370px; margin-left:0px; position:absolute; top:400px; left:400px; z-index:9999 }

#tabs { margin-top:30px; padding:0; float:left; width:100%; min-height:330px}
#tabs div fieldset { padding:5px; border:1px dotted; padding-left:20px }
#tabs div fieldset legend { color:#900; background-color:#FFF; font-weight:bold } 
#tabs div ul li { margin:0; width:100%; padding:0;}
#tabs div ul li h4 { padding:0; margin:0; color:#F90}
#tabs a {color:#000 }
#tabs div ul { margin:0; padding:0;  list-style:none; width:100%; float:left; padding-left:20px }
#tabs div ul li { text-align:left }
#tabs a:visited {color:#000 }
#tabs div ul li a { color:#333; font-weight:normal}
#tabs div ul li a:hover {color:#999}
div#zoekdocument { z-index:3; float:right; position:absolute; right:20px; margin-top:-10px}

div.leesverder { clear:both }

body.iphone { width: 210px !important; }

#frmLogboek { width:280px; font-size:12px}
#frmLogboek li { width:100%; clear:both; text-align:left}
#frmLogboek li.label {margin:0; padding:0; margin-bottom:-8px; margin-left:10px}
#frmLogboek li.titel { text-transform:uppercase; font-weight:bold }
#frmLogboek input[type="text"] { width:250px}
#frmLogboek input[type="password"] { width:250px}
#frmLogboek fieldset{ margin-bottom:20px; width:100%}
#frmLogboek fieldset legend{ color:#666}
#frmLogboek select {background-color:#FFFFD2; width:250px;border:1px solid #CCC; padding:5px; margin:0; font-size:10px }
#frmLogboek textarea {background-color:#FFFFD2;border:1px solid #CCC; padding:5px; margin:0;  width:230px; }
#frmLogboek input.button{ float:right; margin-right:100px;  } 
#frmLogboek #updated { background-color:#FBB; width:100%; height:50px; border:1px solid #800000; padding-top:24px; text-align:center }
#frmLogboek #logboek-identity { position:absolute; font-size:10px; top:2px; right: 10px }
#frmLogboek #logboek-identity a { color:#000; text-decoration:none}
#frmLogboek #logboek-identity a:visited { color:#000;}


.hoofdletters { text-transform:uppercase }

#logindiv {background-color:#030; width:100%}

#webdesign { float:right; margin-right:20px; font-size:10px; margin-top:20px}
#webdesign a{ color:#666; text-decoration:none }
#webdesign a:visited { color:#666 }
#webdesign a:hoover { color:#CCC }

#legenda { float: right; position:absolute; top:500px; right:20px; background-color:#FFC; width:155px; padding:5px; border:1px dotted #666 }
#legenda h1 { width:100%}


#account { margin-top:40px}
#account ul { margin:0px; padding:0; width:100%}
#account ul li{ margin:0px; padding:0; width:200px; padding-right:5px; font-weight:normal}
#account ul li.links{ text-align:left; font-weight:bold; }

#wijzigwachtwoord { width:500px}