/* 	Reset */
*{margin:0;padding:0}
img{border:0}

/* Algemeen */
body{background:url(/img/background.jpg) #fff;color:#707070;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;line-height:16px;margin:0 auto;overflow:-moz-scrollbars-vertical;overflow-x:auto;width:1300px}
h1{color:#22b0e5;font-size:20px;font-family:Trebuchet MS,Verdana,Arial;font-weight:bold;margin:35px 0}
h2{color:#22b0e5;font-size:18px;font-family:Trebuchet MS,Verdana,Arial;font-weight:bold}
h3,h4{font-family:Trebuchet MS,Verdana,Arial;font-size:16px;margin-bottom:5px}
p{margin:0 35px 20px 0}
a{border:none;color:#707070;font-weight:bold;text-decoration:none}
a:visited{color:#707070}
a:hover{color:#000;text-decoration:underline}
li{line-height:20px;list-style:none}
hr{background-color:#ddd;border:none;color:#ddd;height:2px;margin:0 35px 10px 0}
img{float:left;margin:5px 10px 10px 0}
img.aanbiedingen{margin:5px 20px 0 0;padding-bottom:5px}

/* Layout */
#wrapper{margin:0 auto 0 -9px;width:1300px}
#header{height:481px;width:1300px}
#contentwrapper{background:url(/img/shadow.jpg) repeat-y #fff;display:table;margin:0 auto;width:1008px}
#content{background-color:#fff;display:table;margin:-260px 0 0 9px;width:990px;z-index:10}
#leftcolumn{float:left;width:330px}
#rightcolumn{background:url(/img/headers/landkaart_onderkant.jpg) no-repeat top right;float:left;margin-bottom:40px;width:660px}
#footer{background:url(/img/shadow-bottom.jpg) no-repeat;clear:both;margin:0 auto;padding:35px 0;text-align:center;width:1008px}

/* Navigatie */
#nav{margin:0 auto;width:990px}
#nav li{float:left;height:30px;line-height:30px;margin-right:14px}
#nav li a{color:#fff;display:block;font-weight:bold;padding:0 15px}
#nav li a:hover{background:#fff;color:#015e53;text-decoration:none}
#nav li ul{background-color:#fff;left:-999em;position:absolute;width:200px}
#nav li ul li{height:25px;line-height:25px;margin:0;padding:0;width:200px}
#nav li ul li a{color:#015e53;margin:0;padding:0 0 0 15px}
#nav li:hover a, #nav li.sfhover a{background:#fff;color:#015e53;text-decoration:none}
#nav li:hover ul{background:#fff;clear:left;width:200px}
#nav li:hover ul li{background:#fff;clear:both;color:#015e53}
#nav li ul li a:hover{color:#347e75;text-decoration:none}
#nav li:hover ul, #nav li.sfhover ul{left:auto}

/* Linker kolom, banner */
#banners{float:left;margin:30px 35px 0 35px;width:260px}
#banners img{float:left;margin:0 0 35px 0}

/* Linker kolom, nieuwsbrief */
#nieuwsbrief{height:75px;margin:35px 35px 45px 35px;width:260px}
#nieuwsbrief h3{background:#ddd;height:30px;line-height:30px;margin:0;padding:0 0 0 10px}
#nieuwsbrief p{background:#eee;height:40px;padding:10px;width:240px}
#nieuwsbrief p a{color:#21b0e5;text-decoration:none}
#nieuwsbrief p a:hover{text-decoration:underline}

/* Linker kolom, gastenboek, wistjedat */
.leftcolumn-block{background:#eee;clear:left;height:auto;margin:0 35px 35px 35px;padding:0;padding-bottom:15px;width:260px}
.leftcolumn-block h3{background:#ddd;height:30px;line-height:30px;margin-bottom:10px;padding:0 0 0 10px}
.leftcolumn-block h4{border-top:2px solid #ddd;color:#21b0e5;font-size:12px;font-weight:bold;line-height:14px;margin:0 10px;padding:5px 0 0 0}
.leftcolumn-block p{line-height:14px;margin:0 0 5px 0;padding:0 10px}
.leftcolumn-block .form{margin-left:10px}
.leftcolumn-block .form select{width:186px}
.leftcolumn-block .form .submit{margin-left:3px;width:50px}

/* Linker kolom, weer */
#weather-box{margin-left:10px}
#weather-box .left{width:216px;height:27px}
#weather-box .left span{color:#21b0e5;font-weight:bold;font-size:12px}

/* Linker kolom, gastenboek */
#gastenboek{background:#eee;height:245px;margin:0 35px 35px 35px;padding:0;width:260px}
#gastenboek h3{background:#ddd;height:30px;line-height:30px;margin-bottom:10px;padding:0 0 0 10px}
#gastenboek h4{border-top:2px solid #ddd;color:#21b0e5;font-size:12px;font-weight:bold;line-height:14px;margin:0 10px;padding:5px 0 0 0}
#gastenboek p{line-height:14px;margin:0 0 5px 0;padding:0 10px}

/* Linker kolom, weblog */
#weblog{background:#eee;height:255px;display:table;margin:0 35px 35px 35px;width:260px}
#weblog h3{background:#ddd;height:30px;line-height:30px;margin-bottom:10px;padding:0 0 0 10px}
#weblog h4{border-top:2px solid #ddd;color:#21b0e5;font-size:12px;font-weight:bold;line-height:14px;margin:0 10px;padding:5px 0 0 0}
#weblog p{line-height:14px;margin:0 0 5px 0;padding:0 10px}

/* Rechter kolom */
#rightcolumn #language{clear:left;float:right;margin:45px 20px 0 0}
#rightcolumn #language img{clear:left;margin:0;margin-bottom:8px}
#rightcolumn #imagerow img{border:5px solid #ddd;float:none;margin:0 35px 20px 0}

/* Nieuws */
.nieuwsheader{background:#ddd;font-size:16px;line-height:30px;margin-bottom:4px;padding:0 0 0 10px;width:625px}
.nieuwsitem{border-bottom:2px solid #ddd;clear:both;margin:15px 0;min-height:90px;padding-bottom:10px;width:625px}
.nieuwsitem h4{color:#22b0e5;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px}
.nieuwsitem p{margin:0}
.nieuwsitem img{float:left;margin:5px 10px 10px 0}

/* Weblog */
#weblog-list{margin-top:35px}
#weblog-list h3 a{color:#22b0e5}
#weblog-list img{border:5px solid #ddd;float:left;margin:5px 10px 10px 0}
#weblog-list p{line-height:14px;margin:0 0 5px 0;padding:0}
#weblog-list li{border-bottom:2px solid #ddd;clear:left;margin:0 10px 10px 0;padding-bottom:10px}

#weblog-reacties{width:625px;margin:20px 0 0 0}
#weblog-reacties h3{width:610px;background:#ddd;color:#707070;font-size:14px;margin-top:20px;padding:5px 5px 5px 10px}
#weblog-reacties ul{margin-top:20px}
#weblog-reacties li{border:2px solid #ddd;margin-bottom:20px;padding:10px}
#weblog-reacties h4{color:#22b0e5;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-weight:normal;padding-bottom:10px}
#weblog-reacties form{margin-top:20px}

/* Video */
#video{margin:0}
#video h2{color:#22b0e5;font-size:18px;padding-bottom:10px}

/* Interactieve kaart */
#kaart{margin:20px 0 0 0}

/* Gastenboek */
#rightcolumn #gastenboek{width:625px}
#rightcolumn #gastenboek li{list-style:none}
#rightcolumn #gastenboek h2{width:610px;background:#ddd;color:#707070;font-size:14px;margin-top:20px;padding:5px 5px 5px 10px}
#rightcolumn #gastenboek p.reactie{padding:5px 5px 10px 10px;border:1px solid #ddd}
#rightcolumn #gastenboek form{margin-top:20px}
#captcha{margin-top:5px}

/* Nieuwsbrief */
#rightcolumn #nieuwsbrief h2{border-top:2px solid #ddd;color:#22b0e5;font-size:18px;padding-bottom:10px}

/* Form: Contact, Weblog reacties & Gastenboek */
#rightcolumn .form{width:625px}
#rightcolumn .form p{width:400px;margin:0 0 20px 0}
#rightcolumn .form fieldset{border:0}
#rightcolumn .form label{float:left;clear:left;width:100px;font-size:12px;color:#707070}
#rightcolumn .form input{float:left;height:20px;line-height:25px;margin-bottom:10px;width:520px}
#rightcolumn .form textarea{float:left;width:520px}
#rightcolumn .form div.error{float:left;margin-left:10px;color:red}
#rightcolumn .form input.submit{width:100px;margin:10px 0 0 100px;height:30px;line-height:25px;padding:0}

/* Sitemap */
#sitemap li ul li{padding:0 0 0 25px}

/* Footer */
#footer p{color:#22b0e5}
#footer a{color:#22b0e5;font-weight:bold;text-decoration:underline}

/* Overig */
#paginator{clear:both;padding:10px 0 0 0;width:410px}
.faq-cats{float:left;width:200px}
.h2-alt{color:#22b0e5;font-size:20px;font-family:Trebuchet MS,Verdana,Arial;font-weight:bold;margin:35px 0}
.h1-alt{color:#22b0e5;font-size:18px;font-family:Trebuchet MS,Verdana,Arial;font-weight:bold;margin-bottom:20px}
.backlink{display:block;margin-top:20px}
.blue{color:#22b0e5;margin:20px 0 5px 0}
.image-border{border:5px solid #ddd}
.extraspacing{margin-top:20px;padding-bottom:20px}

/* landingspagina */
#wrapper-landing{width:800px;height:600px;margin:3% auto;background-color:#fff;border:1px solid #ddd}
#wrapper-landing .thumb{width:835px;height:95px;margin-top:30px;text-align:center}
#wrapper-landing .thumb img{border:5px solid #ddd;float:none;margin-right:35px}
#wrapper-landing .language{width:800px;height:450px}
#wrapper-landing .logo{float:left;width:400px;height:450px;text-align:center}
#wrapper-landing .logo img{margin:110px 0 30px 117px}
#wrapper-landing .logo h1{clear:left}
#wrapper-landing .logo a{text-decoration:none}

/* Zoeken */
#zoeken{width:990px;height:30px;margin:0 auto}
#zoeken .zoekform{float:right;width:243px;height:30px}
#zoeken .zoekform input{float:left;width:184px;margin:6px 5px 0 0}
#zoeken .zoekform input.submit{float:left;width:50px;margin:3px 0 0 0}
