html, body {height: 100%;}
body {margin: 0; font: 12px/1.6 verdana, tahoma, arial; color: #3f3f3f; background: #ebe8d0 url(../img/bg.gif) top center repeat-y;}

a {color: #80807c; text-decoration: none;}
a:hover {color: #3b94c7; text-decoration: underline;}

h2 {padding: 0 10px; margin: 0 0 15px 0; color: white; font-weight: bold; font-size: 13px; line-height: 35px;}
h3 {padding: 0; margin: 0; font-weight: bold; font-size: 13px;}
h4 {padding: 0 5px; margin: 0; font-weight: bold; font-size: 13px; color: white; background: #d31214;}
h5 {border: 1px dashed #c0c0bb; background: #fefefb; padding: 0 5px; margin: 0; font-size: 12px;}

p {padding: 5px 0; margin: 0;}

input, textarea, select {background: #fefefb; border: 1px dashed #c0c0bb;} 
input.submit {width: auto; border: none; background: #d31214; color: white; font-weight: bold; cursor: pointer;}

fieldset, form {padding: 0; margin: 0; border: 0;}
fieldset table {width: 50%;}
fieldset table tr td {padding: 10px 0;}
fieldset table input {width: 99%;}

img {border: 0;}

#container {width: 889px; margin: 0 auto; padding: 0; position: relative; min-height: 100%; height: auto !important; height: 100%;}

#header {background: transparent url(../img/header-bg.gif) top right no-repeat; position: absolute; left: 491px; top: 0; width: 427px; height: 154px;}

#nav {padding:0; list-style:none; height: 39px; line-height: 39px; position: relative; z-index: 1; width: 879px; padding: 0 5px; margin: 0; background: transparent url(../img/nav-bg.gif) top left no-repeat;}
#nav li {float: left; position: relative; padding: 0;}
#nav li a {display:block; padding: 0 8px; text-decoration: none; font-weight: bold; color: white; background: transparent url(../img/nav-hover.gif) -999px -999px no-repeat;}
#nav li a:hover {background-position: top center;}

#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav :hover ul {left: 0px; top: 39px; white-space: nowrap; width: 150px; margin: 0 0 0 5px; line-height: 30px;}
#nav :hover ul li {background: #d61517 url(../img/nav-sub-bg.gif) right repeat-y; width: 100%; padding: 0;}
#nav :hover ul li a {background: transparent url(../img/nav-sub-bullet.gif) 10px 13px no-repeat; padding: 0 10px 0 25px; }
#nav :hover ul li a:hover {text-decoration: underline;}
#nav ul li.end {background: transparent url(../img/nav-sub-end.gif) top right no-repeat; height: 9px !important; line-height: 9px !important; font-size: 1px !important;}
#nav ul li.end div {background: transparent url(../img/nav-sub-end.gif) top left no-repeat; height: 9px !important; line-height: 9px !important; font-size: 1px !important; width: 40%; }
 
#nav ul, #nav a:hover ul ul, #nav a:hover a:hover ul ul, #nav a:hover a:hover a:hover ul ul, #nav a:hover a:hover a:hover a:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover > ul {left: 150px; top:-1px; white-space:nowrap; width: 120px; z-index:400; height:auto;}
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#logo {width: 221px; height: 113px; padding: 0; margin: 0 0 11px 0; background: transparent url(../img/logo.gif) top left no-repeat;}
#logo a {padding: 113px 221px 0 0; display: block;}

#logo a {font-size: 0px !important; line-height: 0px !important; width: 0px !important; height: 0px !important; overflow: hidden; text-indent: -999px;}

#intro {width: 517px; position: relative; padding: 10px 360px 10px 10px; min-height: 90px; height: auto !important; height: 90px; border: dashed #c0c0bb; background: #f4f3e5 url(../img/intro-bg.gif) top right no-repeat; border-width: 0 1px 1px 1px; margin: 0 0 25px 0;}
#intro .header { width: 355px; height: 55px; display: block; float: right; position: relative; margin: -10px -10px 0 0;}

#footer {width: 100%; height: 50px; line-height: 50px; color: white; text-align: center; background: #cf1815 url(../img/footer-bg.gif) top left no-repeat; position: absolute; bottom: 0;}

.w50 {width: 50%;}

.content {padding: 30px 0 70px 0;}

ul.boxes {padding: 0; margin: 0; list-style: none;}
ul.boxes li {padding: 10px; margin: 0 0 10px 0; border: 1px dashed #c0c0bb;}

.b-left {border-left: 1px dashed #c0c0bb;}
.b-right {border-right: 1px dashed #c0c0bb;}
.b-top {border-top: 1px dashed #c0c0bb;}
.b-bottom {border-bottom: 1px dashed #c0c0bb;}
.b {border: 1px dashed #c0c0bb;}

.bg-dark {background: #f4f3e5;}
.bg-light {background: #fefefb;}
.bg-red {background: #d31214;}

.col-m {width: 500px;}
.col-m h2  {width: 480px;}
.col-m h2 {background: transparent url(../img/title-green-bg.gif) top left no-repeat;}

.col-n {width: 365px;}
.col-n h2  {width: 345px;}
.col-n h2 {background: transparent url(../img/title-red-bg.gif) top left no-repeat;}

h2.wide {background: transparent url(../img/title-wide-bg.gif) top left no-repeat;}

.floatleft {float: left; position: relative;}
.floatright {float: right; position: relative;}

.txt {padding: 5px 10px;}
.bigtxt {padding: 10px;}

.icon {padding-left: 20px; background: transparent left center no-repeat;}
.icon-news {background-image: url(../img/icon-news.gif); padding-top: 1px; padding-bottom: 1px;}

#verwen {height: 256px; width: 365px;position: relative;}
#verwen a {position: absolute; top: 0; left: 0; margin: 15px 0; display: block; height: 256px; width: 389px;}
#verwen img { width: 389px; z-index: 9;}

.brochure {display: block; width: 280px !important; height: 60px !important; text-indent: -999px; overflow: hidden; padding: 0; font-size: 1px !important; line-height: 0 !important; background: transparent url(../img/brochure.gif) top left no-repeat; position: absolute; bottom: -5px; right: 30px;}

.cadeau {margin: 20px 20px 0 0;}

.uitstapjes {}
.uitstapjes .item {list-style: none; padding: 10px; margin: 5px 0; width: 47%; min-height: 170px; height: auto !important; height: 160px;}
.uitstapjes .pic {width: 27%; float: left; position: relative;}
.uitstapjes .desc {width: 68%; float: right; position: relative;}
.uitstapjes .desc a {background: #d31214; color: white; padding: 0 2px;}

.clear {clear: both;}