body {background: #757e21 url(../img/body-bg.jpg) top center repeat; }


/* Text style */
body {font: 11px/1.7 verdana, sans-serif; color: #2b2929;}
h1 {background: transparent url(../img/dot.gif) 0 7px no-repeat; padding: 0 0 0 13px; margin: 0; font-weight: bold; font-size: 11px;}
h2 {font-weight: bold; font-weight: bold; font-size: 11px; margin: 0; padding: 0; border-bottom: 1px dotted #3993b6;}
a {color: #7b7a50; font-weight: bold; text-decoration: none;}
a:hover {text-decoration: underline;}
#footer {color: white; font-size: 10px; line-height: 1.5;}
.popup {color: #2b2929;}
address {color: white;}


/* Layout */
#main {position: relative; width: 783px; margin: 8% auto;}

#top {width: 783px; height: 74px; background: transparent url(../img/top-bg.gif) 0 6px no-repeat; list-style: none; margin: 0; padding: 0;}
#top li, #top h1 {display: inline; padding: 0; margin: 0; float: left; position: relative;}
#top h1 {display: block; width: 422px; height: 52px; background: transparent url(../img/logo.gif) 22px 31px no-repeat; padding: 10px;}
#top h1 a {padding: 52px 419px 0 0;}
#top .item {width: 81px; height: 74px; background: transparent top left no-repeat; padding: 0 17px 0 0;}
#top .item a {padding: 74px 81px 0 0; outline: none;}
#top .home {background-image: url(../img/nav-home.gif);}
#top .informatie {background-image: url(../img/nav-informatie.gif);}
#top .contact {background-image: url(../img/nav-contact.gif);}
#top a, .popup a.close {display: block; width: 0px !important; height: 0px !important; font-size: 1px !important; line-height: 0px !important; text-indent: -999px; overflow: hidden;}

#content {margin: -7px 0 0 0; background: transparent url(../img/content-bg.jpg) center bottom repeat; padding: 13px; min-height: 280px; height: auto !important; height: 280px;}

#footer {min-height: 114px; height: auto !important; height: 114px; margin: -90px 0 0 0; background: transparent url(../img/footer-bg.jpg) top left no-repeat; padding: 73px 0 0 0;}

#adres {width: 328px; background: transparent url(../img/adres-top-bg.gif) top left no-repeat; margin: 0 0 0 25px; padding: 7px 0 0 0; position: relative;}
#adres address {display: block; background: #f41167; border-right: 2px solid #28210f; padding: 0 13px; color: white;}
#adres .bottom {background: transparent url(../img/adres-bottom-bg.gif) top left no-repeat; height: 10px; line-height: 1px !important; font-size: 1px !important; width: 328px;}

.popup {background: transparent url(../img/popup-top-bg.gif) top left no-repeat; width: 436px; z-index: 0; top: 100px; left: 160px; position: absolute;}
.popup h2 {padding: 10px 0 5px 0; margin: 0 0 0 20px; width: 370px;}
.popup a.close {padding: 26px 26px 0 0; margin: 6px 13px 0 0;}
.popup .content {padding: 10px 20px; background: #0192cc url(../img/popup-bg.gif) top repeat-x; border-right: 3px solid #042e3f; min-height: 161px; height: auto !important; height: 161px;}
.popup .bottom {height: 8px; line-height: 1px !important; font-size: 1px !important; background: transparent url(../img/popup-bottom-bg.gif) top left no-repeat;}
.popup_active {z-index: 999;}

.left {width: 385px; float: left;}
.right {width: 335px; float: right;}
.left, .right {z-index: 100; position: relative; display: block;}

.text {padding: 7px 10px; margin: 5px 0 10px 0;}
.text, .links li {border: 1px dotted #aaad80; background-color: #f1f5c2;}
.text-dark {background-color: #d0d099 !important;}

.links, .links li {list-style: none; padding: 0; margin: 0;}
.links {padding: 0 0 10px 0;}
.links li {margin: 5px 0 0 0; padding: 2px 5px; background-image: url(../img/plus.gif); background-position: 318px 7px; background-repeat: no-repeat;}
.links a {display: block;}

.clear {clear: both;}

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