/* 
    Document   : toevlabra
    Created on : 4-mrt-2010, 15:28:38
    Author     : Roel.Daniels
    Description:
        Purpose of the stylesheet follows.
*/

/* == START General definitions == */
body{width: 100%; font-size: /*80%; 75%*/ 12px; font-weight: normal; font-family: Verdana,Arial,Geneva,Helvetica,sans-serif; text-decoration: none; text-align: center; letter-spacing: 0; word-spacing: normal; background-color: #918376; color: #333;}

#container{position: relative; /*min-width: 1000px; max-width: 1000px;*/ width: 1000px; margin: 0 auto; text-align: left; overflow: hidden; background-color: #fff;}
#container #content-body{margin-top: 195px; margin-bottom: 10px; min-height: 400px;}
#container #header{position: absolute; top: 0; left: 0; width: 100%; height: 195px;}


#content-nav{width: 200px; padding: 10px; float: left; overflow: hidden;}
#content{padding: 0 15px; padding-top: 15px; overflow: hidden;}
#main #modules{overflow: hidden;}

#one-col #main #content{width: 970px;}
#two-col-leftnav #content-container{width: 780px; float: right;}
#two-col-modules #content{width: 750px; float: left;}
#two-col-modules #modules{width: 220px; float: right;}
#three-col #content-container{width: 780px; float: right;}
#three-col #content{width: 530px; float: left;}
#three-col #modules{width: 220px; float: right;}
#three-col #content-nav{width: 220px;}
/* == END General definitions == */

/* == START header == */
#header{position: relative; background-color: transparent; background-position: 220px 0; background-repeat: no-repeat; background-image: url(/images/banner-toevlabra.jpg);}
#header ul{list-style: none;}
#header #logo{width: 220px; height: 150px; float: left; background: transparent url(/images/bg-logo.jpg) repeat-x 0 0;}
#header #modules-lang-toolbar{width: 780px; min-height: 30px; position: absolute; top: 3px; left: 220px; background-color: #fff;}
#header #modules-lang-toolbar #module-nav{width: 530px; float: left; min-height: 30px;}
#header #modules-lang-toolbar #taal-nav{width: 240px; float: right; list-style: none; margin-right: 10px}
#header #modules-lang-toolbar a{display: inline-block; padding: 8px;}
#header #topnav{margin-top: 150px; min-height: 45px; background: #aad030 url(/images/bg-topnav.jpg) repeat-y 0 0;}

/* Logo */

#header #logo a{display: block; width: 210px; height: 115px; text-decoration: none; text-align: center; padding: 22px 5px 11px 5px;}
#header #logo a span{display: inline-block; text-align: center; font-weight: normal; font-family: Verdana,Arial,Geneva,Helvetica,sans-serif; color: #77B420;}
#header #logo a span.major{font-size: 40px;}
#header #logo a span.minor{font-size: 22px;}
#header #logo a span.imagelogo{width: auto; margin-top: 14px; background: url(/images/logo.png) no-repeat 0 0;}
#header #logo a span.imagelogo img{visibility: hidden;}

/* Module-nav */
#header #modules-lang-toolbar #module-nav ul li{float: left; font-size: 12px; background: transparent url(/images/module-nav-divider.jpg) no-repeat 100% 50%;}
#header #modules-lang-toolbar #module-nav ul li.last{background: none;}
#header #modules-lang-toolbar #module-nav ul li a{color: #4b6122; text-decoration: none;}
#header #modules-lang-toolbar #module-nav ul li a:hover{text-decoration: underline;}
#header #modules-lang-toolbar #module-nav ul li.active a{/*font-weight: bold;*/ text-decoration: underline;}

/* Taal-nav */
#header #modules-lang-toolbar #taal-nav li{float: right; font-size: 11px; background: transparent url(/images/language-nav-divider.jpg) no-repeat 100% 50%;}
#header #modules-lang-toolbar #taal-nav li.first{background: none}
#header #modules-lang-toolbar #taal-nav li a{color: #2188b6; padding-top: 6px; padding-bottom: 10px; padding-right: 10px;}

/* Top-nav */
#header #topnav #level-one-nav{width: 630px; float: left;}
#header #topnav #search-box{width: 342px; min-height: 4px; float: right; margin-right: 10px;}

/* Level-one-nav */
#header #topnav #level-one-nav ul li{float: left; background: transparent url(/images/level-one-nav-divider.jpg) no-repeat 100% 50%;}
#header #topnav #level-one-nav ul li.last{background: none;}
#header #topnav #level-one-nav ul li a{font-size: 20px; display: block; padding: 10px 16px; color: #fff; text-decoration: none;}
#header #topnav #level-one-nav ul li a:hover {color: #4B6122;}
#header #topnav #level-one-nav ul li.selected a {color: #4B6122;}

/* Search-box */
#header #topnav #search-box input{font-size: 20px; width: 224px; padding: 4px; margin: 4px 0;}
#header #topnav #search-box input.input-text{float: left;}
#header #topnav #search-box input.input-submit{float: right; width: 100px; border: none; background: #fff; color: #75b31f; font-size: 24px; font-weight: bold; padding: 0; padding-bottom: 2px; margin-top: 5px; cursor: pointer;}

/* Shopping cart */
#header #shopping-cart-overview{position: absolute; top: 105px; right: 10px; width: 342px; text-align: right; border: 1px solid #a9cf2f; background-color: #fff;}
#header #shopping-cart-overview a{display: inline-block; font-size: 18px; font-weight: bold; padding: 5px; padding-right: 45px; margin: 2px 10px; background: transparent url(/images/shoppingcart.jpg) no-repeat right top; color: #75b31f; text-decoration: none;}
/* == END header == */

/* == START footer == */
#footer ul{list-style: none;}
#footer #bottomnav{min-height: 140px; padding: 15px; background-color: #75b31f;}
#footer #footer-regular{padding: 15px;}

/* Bottom-nav */
#footer #bottomnav li{width: 186px; float: left; margin-right: 10px;}
#footer #bottomnav li.last{margin-right: 0;}

#footer #bottomnav h4{display: inline-block; margin-bottom: 4px; font-weight: bold; color: #fff;}
#footer #bottomnav li a{display: inline-block; margin-bottom: 4px; font-weight: bold; color: #fff; text-decoration: none;}
#footer #bottomnav li a:hover{text-decoration: underline;}
#footer #bottomnav li ul li{margin-right: 0;}
#footer #bottomnav li ul li a{font-weight: normal; margin-bottom: 2px;}

/* Regular footer */
#footer #footer-regular{font-size: 11px; text-align: center;}
#footer #footer-regular ul{display: inline-block;}
#footer #footer-regular ul li{float: left; padding: 0 4px; border-right: 1px solid #000;}
#footer #footer-regular ul li.last{border-right: none;}
#footer #footer-regular ul li a{color: #333;}
#footer #footer-regular ul li a:hover{text-decoration: none;}
/* == END footer == */

/* == START leftnav == */
#content-nav{background: #e2dfd9 url(/images/bg-leftnav.jpg) repeat-x left top; }
#content-nav h2{width: 85%; margin: 0px 0px 10px -10px; padding: 5px 10px; background-color: #abd030; color: #4b6122; font-size: 18px;}
#content-nav span.searchfacets-toggler a{font-size: 14px; /*cursor: pointer;*/ padding-left: 18px;}
#content-nav span.open a{background: transparent url(/images/bg-toggler-down.gif) no-repeat 0 4px;}
#content-nav span.close a{background: transparent url(/images/bg-toggler-right.gif) no-repeat 0 3px;}
#content-nav div.searchfacets-more{margin: 10px -10px; padding: 0 10px;}
#content-nav div.searchfacets-more h3{font-size: 14px; font-weight: bold; color: #75b31f; margin: 10px 0;}

/*
#content-nav ul.leftnavlist{margin-left: 0;}
#content-nav ul.leftnavlist li{list-style: none; list-style-image: none; margin-bottom: 5px;}
#content-nav ul.leftnavlist li a{display: inline-block; font-size: 14px; color: #333; text-decoration: none; cursor: pointer;}
#content-nav ul.leftnavlist li a span{display: inline-block; padding-left: 20px;}
#content-nav ul.leftnavlist li a:hover{background: transparent url(/images/bg-leftnav-facetlist.gif) no-repeat 0 2px; font-weight: bold;}
#content-nav ul.leftnavlist li.selected a{background: transparent url(/images/bg-leftnav-facetlist.gif) no-repeat 0 2px; color: #4b6122; font-weight: bold;}
#content-nav ul.leftnavlist li.selected ul{margin-top: 5px;}
#content-nav ul.leftnavlist li.selected ul li{margin-bottom: 0;}
#content-nav ul.leftnavlist li.selected ul li a{color: #333; font-weight: normal;}
#content-nav ul.leftnavlist li.selected ul li a span{padding-left: 45px;}
#content-nav ul.leftnavlist li.selected ul li a{background: transparent url(/images/bg-linklist-item.gif) no-repeat 30px 2px;}
#content-nav ul.leftnavlist li.selected ul li a:hover{background: transparent url(/images/bg-linklist-item.gif) no-repeat 30px 2px; font-weight: normal;}
#content-nav ul.leftnavlist li.selected ul li a:hover span{text-decoration: underline;}
*/

#content-nav img, #content-nav div.google-map-small{margin-bottom: 15px;}
/* == END leftnav == */

/* == START general items == */
.right, .rechts{float: right;}
.left, .links{float: left;}
img.right, img.rechts{margin-left: 10px; margin-bottom: 10px;}
img.left, img.links{margin-right: 10px; margin-bottom: 10px;}


.pdf{display: block; background: transparent url("/images/icon_pdf.gif") no-repeat 0 0; margin: 2px 0 4px 0; padding: 0 0 4px 23px;}
.gpx{display: block; background: transparent url("/images/icon_gpx.gif") no-repeat 0 0; margin: 2px 0 4px 0; padding: 0 0 4px 23px;}
.zip{display: block; background: transparent url("/images/icon_zip.gif") no-repeat 0 0; margin: 2px 0 4px 0; padding: 0 0 4px 23px;}
.jpg{display: block; background: transparent url("/images/icon_jpg.gif") no-repeat 0 0; margin: 2px 0 4px 0; padding: 0 0 4px 23px;}
.eps{display: block; background: transparent url("/images/icon_eps.gif") no-repeat 0 0; margin: 2px 0 4px 0; padding: 0 0 4px 23px;}
.microsof-excel{display: block; background: transparent url("/images/icon_microsoft-excel.gif") no-repeat 0 0; margin: 2px 0 4px 0; padding: 0 0 4px 23px;}
.xls{display: block; background: transparent url("/images/icon_microsoft-excel.gif") no-repeat 0 0; margin: 2px 0 4px 0; padding: 0 0 4px 23px;}
.xlsx{display: block; background: transparent url("/images/icon_microsoft-excel.gif") no-repeat 0 0; margin: 2px 0 4px 0; padding: 0 0 4px 23px;}
.microsof-word{display: block; background: transparent url("/images/icon_microsoft-word.gif") no-repeat 0 0; margin: 2px 0 4px 0; padding: 0 0 4px 23px;}
.doc{display: block; background: transparent url("/images/icon_microsoft-word.gif") no-repeat 0 0; margin: 2px 0 4px 0; padding: 0 0 4px 23px;}
.docx{display: block; background: transparent url("/images/icon_microsoft-word.gif") no-repeat 0 0; margin: 2px 0 4px 0; padding: 0 0 4px 23px;}
.ppt{display: block; background: transparent url("/images/icon_ppt.gif") no-repeat 0 0; margin: 2px 0 4px 0; padding: 0 0 4px 23px;}


span.mandatory, .Error_standard{color: #f10909; font-weight: bold;}

ul.facetlist, ul.leftnavlist{margin-left: 0;}
ul.facetlist li, ul.leftnavlist li{list-style: none; list-style-image: none; padding-bottom: 6px;}
ul.facetlist li.active, ul.leftnavlist li.active{background: transparent url(/images/bg-leftnav-facetlist.gif) no-repeat 0 2px; color: #4B6122;}
ul.facetlist li a, ul.leftnavlist li a{display: inline-block; font-size: 12px; color: #333; text-decoration: none; cursor: pointer;}
ul.facetlist li a span, ul.leftnavlist li a span{display: inline-block; padding-left: 16px; /*padding-right: 18px;*/}
ul.facetlist li span.inactive, ul.leftnavlist li span.inactive{font-size: 12px; color: #ADAAAB; padding-left: 16px;}
ul.facetlist li a:hover, ul.leftnavlist li a:hover{/*background: transparent url(/images/bg-leftnav-facetlist.gif) no-repeat 0 2px;*/ font-weight: normal; color:#333; background-color: #e6f1c0; /*text-decoration: underline;*/}
ul.facetlist li.active a:hover, ul.leftnavlist li.active a:hover{background: transparent url(/images/bg-leftnav-facetlist.gif) no-repeat 0 2px; color:#333; background-color: #e6f1c0;}

input.autocomplete{width: 75%; float: left; font-size: 12px; padding: 1px 1px 1px 30px; background: #fff url(/images/magnifier.jpg) no-repeat 3px 3px;}
a.remove{display: block; width: 16px; height: 16px; float: left; margin-left: 5px; background: transparent url(/images/icon-remove.png) no-repeat 0 0; margin-top: 2px; cursor: pointer;}
ul.facetlist-thema li, ul.leftnavsublist li  {list-style: none; list-style-image: none; background:none;padding-bottom: 1px;}
ul.facetlist-thema li a, ul.leftnavsublist li a{display: inline-block; font-size: 11px; color: #4B6122; text-decoration: none; cursor: pointer;}
ul.facetlist-thema li a span, ul.leftnavsublist li a span{display: inline-block; padding-left: 22px; padding-bottom: 2px; padding-top: 2px;}
ul.facetlist-thema li.active, ul.leftnavsublist li.active{background:transparent url(/images/bg-linklist-item.gif) no-repeat scroll 10px 4px; color:#4B6122;}
ul.facetlist li.active ul.facetlist-thema li a:hover, ul.leftnavlist li.active ul.leftnavsublist li a:hover{/*background:transparent url(/images/bg-linklist-item.gif) no-repeat scroll 10px 4px;*/ background-image: none; color:#4B6122; background-color: #e6f1c0;}
ul.facetlist li.active ul.facetlist-thema li.active a:hover, ul.leftnavlist li.active ul.leftnavsublist li.active a:hover{background:transparent url(/images/bg-linklist-item.gif) no-repeat scroll 10px 4px; color:#4B6122; background-color: #e6f1c0;}
ul.facetlist-thema li span.inactive, ul.leftnavsublist li span.inactive{color: #ADAAAB; font-size: 11px; padding-left: 22px; display:inline-block;}
ul.facetlist-thema li:last-child a span, ul.leftnavsublist li:last-child a span{padding-bottom: 8px;}

input.autocomplete{width: 75%; float: left; font-size: 12px; padding: 1px 1px 1px 20px; background: #fff url(/images/magnifier.jpg) no-repeat 3px 3px; margin-bottom: 10px;}
a.remove{display: block; width: 14px; height: 14px; float: left; margin-left: 5px; background: transparent url(/images/icon-remove.png) no-repeat 0 0; margin-top: 2px; cursor: pointer;}
a.show_all{display: block; width: 14px; height: 14px; float: left; margin-left: 5px; background: transparent url(/images/checkmark.png) no-repeat 0 0; margin-top: 2px; cursor: pointer;}
/* == END general items == */

/* == START CONTENT == */
#content a{color: #333;}
#content p{margin-bottom: 10px;}
#content ul{margin-left: 15px; margin-bottom: 5px; list-style-image: url(/images/bg-list-item.jpg);}
#content ol{margin-left: 25px; margin-bottom: 5px;}

#content ul.linklist{margin-left: 0; margin-bottom: 15px;}
#content ul.linklist li{list-style: none; list-style-image: none; background: transparent url(/images/bg-linklist-item.gif) no-repeat 0 2px; padding-left: 15px; margin-bottom: 3px;}
#content ul.linklist li a{text-decoration: none;}
#content ul.linklist li a:hover{text-decoration: underline;}
#content div.jump-links-overview ul.linklist li{background: none; padding-left: 0px; list-style-image: url("/images/bg-list-item.jpg"); list-style-position: inside; }
#content div.jump-links-overview ul.linklist li a{text-decoration: underline;}

#content ul.documentlist{margin-left: 0;}
#content ul.documentlist li{list-style: none; list-style-image: none;}
/*#content ul.documentlist li a{text-decoration: none;}*/
#content ul.documentlist li a:hover{text-decoration: underline;}

#content h1{font-size: 18px; color: #4b6122; margin-bottom: 20px;}
#content h2{font-size: 14px; color: #333; margin-bottom: 15px;}
#content h3{font-size: 12px; font-weight: bold; color: #75b31f;}

#content div.redactioneel-blok{margin-bottom: 5px;}
#content div.patio-info{margin-bottom: 5px;}
#content div.patio-info p, #content div.patio-info ul{margin-bottom: 15px;}
#content div.paragraph{margin-bottom: 15px;}
#content div.extra-info h2 {background-color: #ABD030; padding: 5px 10px;}

#content a.topjump{float:right;}

/* Contact form */
#content div.contactform{background: #fff url(/images/bg-contactform.jpg) repeat-x left bottom; padding: 10px;}
#content div.contactform h2{color: #75b31f; margin-bottom: 5px;}
#content div.contactform table{width: 100%;}
#content div.contactform table td{padding: 2px;}
#content div.contactform table td.label{width: 38%; text-align: right;}
#content div.contactform table td.field{width: 62%;}
#content div.contactform input{width: 60%; font-size: 13px; padding: 2px;}
#content div.contactform textarea{width: 100%; font-size: 13px; font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;}
#content div.contactform input.submitbtn{color: #75b31f; font-weight: bold; cursor: pointer;}

span.mandatory{font-weight: bold; color: red;}
p.errormessage, #content table.formtable tr.Error_standard td{font-weight: bold; color: red;}
#content table.formtable{border: none; margin-bottom: 10px}
#content table.formtable table{border: none; margin-bottom: 5px}
#content table.formtable tr td{border: none; vertical-align: top; padding-bottom: 7px;}
#content table.formtable tr.Error_standard td{margin-top: -7px;}
#content table.formtable tr th{background: none; border: none; padding: 0; padding-bottom: 10px; color: red;}
#content table.formtable tr td.label{text-align: right; width: 45%}
#content table.formtable tr td.field input[type=text], #content table.formtable tr td.field select{width: 50%}
#content table.formtable tr td.field textarea{width: 80%; font-size: 1.1em; font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;}
#content table.formtable tr td.field input.submitbtn{margin-top: 15px;}
#content table.formtable fieldset{border: 1px solid #DFE4E9;}
#content table.formtable legend{padding: 5px; font-weight: bold;}
#content div.form div.formElement{border: none; vertical-align: top; padding: 5px 0 10px 5px;}
#content div.form div.formElement div.formLabel{padding-bottom: 3px;}
#content div.form div.formElement div.formField{padding-left: 10px;}
#content div.form div.formElement div.formField input[type=text], #content div.form div.formElement div.formField select, #content div.form div.formElement div.formField textarea{width: 50%}
#content div.form fieldset{padding: 5px; border: 1px solid #DFE4E9; margin-bottom: 10px;}
#content div.form legend{padding: 5px; font-weight: bold;}

/* Overzicht item */
#content .overzicht-item-row{padding: 0; margin: 0; padding-bottom: 10px;}
#content .overzicht-item-row .overzicht-item{position: relative; float: left; margin-right: 40px; cursor: pointer;}
#content .overzicht-item-row .overzicht-item h2, #content .overzicht-item-row .overzicht-item h2 a{color: #75b31f; text-decoration: none; margin-bottom: 10px;}
#content .overzicht-item-row div.teasered{position: absolute; left: 0; bottom: 0; width: 100%;}
#content .overzicht-item-row div.teasered h2{width: 85%; margin: 0; padding: 5px; background-color: #abd030; color: #4b6122; font-size: 16px;}
#content .overzicht-item-row div.teasered h2 a{color: #4b6122;}
#content .overzicht-item-row .hovered div.teaserimg{filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; cursor: pointer;}

#content .search-overview .overzicht-item-row .overzicht-item h2{margin-bottom: 2px;}
#content .search-overview .overzicht-item-row .overzicht-item h2 a{text-decoration: underline;}

/* Overzichtslijst */
#content #commonoverview div.facets{margin-bottom: 5px; padding: 10px; padding-bottom: 25px; background-color: #f5f4f2;}
#content #commonoverview div.facets div.facet{width: 80%; background-color: #f5f4f2;}
#content #commonoverview div.facets h1{color: #333333; font-size: 14px;}
#content #commonoverview div.facets hr{border: none; border-top: 1px dotted #ABD030; height: 1px; }
#content #commonoverview div.facets div.facet{width: 60%; background-color: #f5f4f2;}
#content #commonoverview div.facets div.facet span.facettheme{color: #4b6122; font-weight: bold;}
#content #commonoverview div.facets div.facet a.remove{width: 100px; /*float: right;*/ padding-left: 25px;}
#content #commonoverview div.facets div.facet a.show_all{width: 100px; /*float: right;*/ padding-left: 25px;}

#content #commonoverview div.overzicht-item-row{margin-top: 15px; padding-bottom: 15px; background: transparent url(/images/overviewdivider.jpg) repeat-x left bottom;}
#content #commonoverview div.overzicht-item-row div.overzicht-item{float: none; margin-right: 0;}
#content #commonoverview div.overzicht-item-row div.overzicht-item h2{color: #75b31f;}
#content #commonoverview div.overzioverzicht-item-rowchtslijst div.overzicht-item div.paragraph{margin-bottom: 0;}
#content #commonoverview div.overzicht-item-row div.overzicht-item div.extra-info{}

#content #commonoverview div.overzicht-item-row div.overzicht-item div.extra-info span.city, #content #commonoverview div.overzicht-item-row div.overzicht-item div.extra-info span.distance{font-weight: bold;}

#content #commonoverview div.pager, #content div.search-overview div.pager{margin: 10px 0;}
#content #commonoverview div.pager ul, #content div.search-overview div.pager ul{list-style: none; margin: 0;}
#content #commonoverview div.pager ul li, #content div.search-overview div.pager ul li{float: left; margin-right: 5px;}
#content #commonoverview div.pager ul li a, #content div.search-overview div.pager ul li a{display: block; cursor: pointer; color: #000; padding: 2px 5px; border: 1px solid #77b420; text-align: center; text-decoration: none;}
#content #commonoverview div.pager ul li a:hover, #content div.search-overview div.pager ul li a:hover{background-color: #f5f4f2;}
#content #commonoverview div.pager ul li a.active, #content div.search-overview div.pager ul li a.active{text-decoration: none; background-color: #abd030;}
#content #commonoverview div.pager ul li a.pagetextlink, #content div.search-overview div.pager ul li a.pagetextlink{border: none; background-color: transparent;}
#content #commonoverview div.pager ul li a.pagetextlink:hover, #content div.search-overview div.pager ul li a.pagetextlink:hover{text-decoration: underline; background-color: transparent;}

#content #infokantoor-overview div.overzicht-item-row h2{margin-bottom:5px;}
#content #infokantoor-overview div.overzicht-item-row h2 a{text-decoration:none;}
#content #infokantoor-overview div.overzicht-item-row h2 a:hover{text-decoration:underline;}
#content #infokantoor-overview div.overzicht-item-row div{padding: 0px 15px;}
#content #infokantoor-overview div.overzicht-item-row div.even{background: #fff url(/images/bg-infokantoor-blok.jpg) repeat-x left bottom;}



/* Homepage navigator */
#content div.navigator{margin: -15px; margin-bottom: 15px; padding: 30px 0 15px 45px; background: #e0ddd6 url(/images/bg-home-3blok.jpg) repeat-x 0 0;}
#content div.navigator div.column{width: 280px; float: left; margin-right: 30px;}
#content div.navigator div.navigator-item{position: relative; width: 264px; min-height: 395px; padding: 8px; padding-top: 0; background-color: #fff;}
#content div.navigator div.navigator-item img {position: absolute; bottom: 8px;}
#content div.navigator div.navigator-item div.facets{min-height: 170px; margin-bottom: 190px;}
#content div.navigator div.navigator-item div.facets ul.facetlist li a{font-size:14px; /*color: #4B6122;*/}
#content div.navigator div.navigator-item div.facets ul.facetlist li a:hover{background-color: #fff; background: transparent url(/images/bg-leftnav-facetlist.gif) no-repeat 0 2px; color: #4B6122;}
#content div.navigator div.navigator-item div.facets ul.facetlist li a:hover span{text-decoration: underline;}
#content div.navigator div.navigator-item h2{width: 80%; margin: 0 -10px 10px -10px; padding: 5px 10px; background-color: #abd030; color: #4b6122; font-size: 18px;}
#content div.navigator div.navigator-item h3{font-size: 14px; margin: 10px 0;}
#content div.navigator div.navigator-item ul{margin-left: 0;}
#content div.navigator div.navigator-item input.autocomplete{margin-bottom: 10px;}

/* Homepage overzicht-items */
#content div.minor h2{font-size: 14px; color: #75b31f; margin-bottom: 10px;}

#content div.hovered{cursor: pointer;}
/* Homepage indekijker */
#content div.indekijker div.banner{position: relative; margin-bottom: 10px;}
#content div.indekijker div.banner h2{position: absolute; bottom: 8px; left: 0; margin: 0; padding: 5px 10px; background-color: #abd030; color: #4b6122; font-size: 18px;}

/* Column layouts */

#content div.two-col-layout div.column{width: 48%; float: left; margin-right: 15px;}

#content div.four-col-layout{margin-bottom: 15px;}
#content div.four-col-layout div.column{width: 23%; float: left; margin-right: 10px;}
/* == END CONTENT == */

/* == START specials == */
/* Google Map integration */
#map_canvas{width: 220px; height: 220px;}
#map_canvas_big{width: 560px; height: 480px;}

#googleMapOverlay{margin: 20px;}
#googleMapOverlay div.two-col-layout{}
#googleMapOverlay div.two-col-layout div.column1, #googleMapOverlay div.two-col-layout div.column2{float: left;}
#googleMapOverlay div.two-col-layout div.column1{width: 575px;}
#googleMapOverlay div.two-col-layout div.column2{width: 120px; color: #fff;}


/* Shadowbox */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family: Verdana,Arial,Geneva,Helvetica,sans-serif; font-weight: 200; color: #fff;}
#sb-container{position: fixed; margin: 0; padding: 0; top: 0; left: 0; z-index: 999; text-align: left; visibility: hidden; display: none;}
#sb-overlay{position: relative; height: 100%; width: 100%;}
#sb-wrapper{position: absolute; visibility: hidden; width: 100px }
#sb-wrapper-inner{position: relative; border: 1px solid #303030; overflow: hidden; height: 100px;}
#sb-body{position: relative; height: 100%;}
#sb-body-inner{position: absolute; height: 100%; width: 100%;}
#sb-player.html{height: 100%; overflow: auto;}
#sb-body img{border: none;}
#sb-loading{position: relative; height: 100%;}
#sb-loading-inner{position: absolute; font-size: 14px; line-height: 24px; height: 24px; top: 50%; margin-top: -12px; width: 100%; text-align: center;}
#sb-loading-inner span{background: url(/images/loading.gif) no-repeat; padding-left: 34px; display: inline-block;}
#sb-body,#sb-loading{background-color: #060606;}
#sb-title,#sb-info{position: relative; margin: 0; padding: 0; overflow: hidden;}
#sb-title,#sb-title-inner{height: 26px; line-height: 26px;}
#sb-title-inner{font-size: 16px;}
#sb-info,#sb-info-inner{height: 20px; line-height: 20px;}
#sb-info-inner{font-size: 12px;}
#sb-nav{float: right; height: 16px; padding: 2px 0; width: 45%;}
#sb-nav a{display: block; float: right; height: 16px; width: 16px; margin-left: 3px; cursor: pointer; background-repeat: no-repeat;}
#sb-nav-close{background-image: url(/images/close.png);}
#sb-nav-next{background-image: url(next.png);}
#sb-nav-previous{background-image: url(previous.png);}
#sb-nav-play{background-image: url(play.png);}
#sb-nav-pause{background-image: url(pause.png);}
#sb-counter{float: left; width: 45%;}
#sb-counter a{padding: 0 4px 0 0; text-decoration: none; cursor: pointer; color: #fff;}
#sb-counter a.sb-counter-current{text-decoration: underline;}
div.sb-message{font-size: 12px; padding: 10px; text-align: center;}
div.sb-message a:link,div.sb-message a:visited{color: #fff; text-decoration: underline;}

/* Autocomplete */
.ac_results{padding: 0px; border: 1px solid #333; background-color: #fff; overflow: hidden; z-index: 99999;}
.ac_results ul{width: 100%; list-style: none; padding: 0; margin: 0;}
.ac_results li{margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 16px; text-align: left; overflow: hidden;}
.ac_loading{}
.ac_over{background-color: #abd030;}

/* Slider */
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #ABD030 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

#distance-slider-range{width:700px; margin-left: 5px; margin-top: 15px;}

/* == END specials == */


/* === LOGIES ===*/

/* ==START Widget-user ==*/

/* ++++++++++ WIDGET BODY ++++++++++ */
body {
    background-color: #FFFFFF;
    color: #6C6C6C;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

label, .gwt-Label, .fixedWidthSearchFieldLabel {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

hr {
    color: #b7b7b7;
    background-color: #b7b7b7;
}

.title {
  
    background-color: #FFF;
    color: #4B6122;
    font-size: 18px;
    font-weight: bold;
}

/* ++++++++++ PRODUCT RESULT ++++++++++ */
.product-Result-Panel, .product-Result-Panel-unEven {
    color: #6C6C6C;
    font-size: 12px;
}

.product-Result-Panel {
    background-color: #F7F7F7;
}

.product-Result-Panel-hover {
    background-color: #DDDDDD;
}

.product-Result-Panel-unEven-hover {
    background-color: #DDDDDD;
}

.result-Image-Panel {
    background-color: white;
    border: 1px solid #CCCCCC;
}

.result-No-Image-Available {
    font-size: 10pt;
}

.result-TitleLabel {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}

/* ++++++++++ SEARCH PANEL ++++++++++ */
.searchPanel {
    background-color: #F5F5F5;
}

.searchFieldLabel {
/*color: #FFFFFF;*/
    font-size: 12px;
}

.searchFieldGrid {
/*background-color: #62B3E8;*/
}

.button:hover {
    border-color: #000000;
}

.button {
    font-weight: bold;
    border-color: #5F7CA8;
}

/* ++++++++++ ERROR DIALOG ++++++++++ */
.gwt-DialogBox {
    background-color: #FFFFFF;
}

.gwt-DialogBox .Caption {
    background-color: #FF0000;
    color: #FFFFFF;
    font-weight: bold;
}

.userExceptionDialog .Caption {
    background-color: #C50066;
    color: #FFFFFF;
    font-weight: bold;
}

.userExceptionDialog {
    background-color: #FFFFFF;
    color: #6C6C6C;
    border: 1px #6C6C6C solid;
}

/* ++++++++++ BACK BUTTON ++++++++++ */

.backLinkBar {
    border-bottom: 1px solid #AACF31;
    border-top: 1px solid #AACF31;
    background-color: #AACF31;
}

.backLink a {
/* color needs to be set for visited link */
    color: #000000;
    font-weight: bold;
    font-size: 10pt;
    cursor: pointer;
}

/* ++++++++++ SUGGESTBOX ++++++++++ */
.gwt-SuggestBoxPopup {
    border: 2px solid #E6F3FB;
    background-color: #FFFFFF;
}

.gwt-SuggestBoxPopup .item {
    background-color: #FFFFFF;
}

.gwt-SuggestBoxPopup .item-selected {
    background-color: #E6F3FB;
}

/* ++++++++++ DETAIL PANEL ++++++++++ */
.detailHeaderPanel {
    background-color: #ABD030;
}

.detailHeaderPanel .gwt-Label {

    color: #FFF;
    font-weight: bold;
    font-size: 11pt;
}

.detailContactTitleLabel {
    font-weight: bold;
    color: #000000;
    font-size: 10pt;
}

.detailFieldLabel {
    color: #000000;
    font-weight: bold;
    font-size: 11pt;
}

.productDetailInfoBlock {
    margin-bottom: 5px;
    margin-top: 5px;
    float: left;
    width: 430px;
}

.detailHeaderPanelCell {
    vertical-align: middle !important;
}

.detailDescriptionPanel, .detailContactPanel, .detailPricePanel, .detailContactLabel {
    color: #666666;
    font-size: 10pt;
}

.detailAddressContent, .detailTelephoneContent, .detailFaxContent, .detailMobileContent {
    color: #666666;
}

.detailAddressContentTitle {
    font-size: 10pt;
}

/* ++++++++++ DETAIL IMAGE PANEL ++++++++++ */
.detail-Main-Image-Panel {
    background-color: white;
    border: 1px solid #CCCCCC;
}

.detail-Main-No-Image-Available {
    font-size: 20px;
    color: #6C6C6C;
}

.detail-Thumbnail-Image-Panel {
    background-color: white;
    border: 1px solid #CCCCCC;
}

.detail-Thumbnail-Image-Panel-hover {
    background-color: #E6F3FB;
    border: 1px solid #62B3E8;
}

.detail-Thumbnail-No-Image-Available {
    font-size: 12px;
    color: #6C6C6C;
}

.image-bar-arrow {
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
}

/* ++++++++++ DETAIL FACILITIES PANEL ++++++++++ */
.facilityImage {
    background-color: #75B31F; /*was #4B6122;*/
}

.facilityLabel {
    font-weight: bold;
    font-size: 8pt;
}

/* ++++++++++ DETAIL PRICE TABLE ++++++++++ */

.priceColumnHeader {
    font-weight: bold;
    color: black;
}

.priceRowHeader {
    padding-right: 20px;
    font-size: 10pt;
    color: #666666;
}

.priceCell {
    color: #666666;
    text-align: right;
}

.priceDivider {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 10pt;
}

/* ++++++++++ PAGING BAR ++++++++++ */
.pagingBar {
    border-bottom: 1px solid #AACF31;
    border-top: 1px solid #AACF31;
    background-color: #AACF31;
    color: #000000;
}

.pagingButton-Image-Panel {
    border: 1px solid #CCCCCC;
}

.pagingButton-Image-Panel-hover {
    border: 1px solid black;
}

/* ++++++++++ SORTING PANEL ++++++++++ */
.sortingPanel {
    border-bottom: 1px solid #AACF31;
    border-top: 1px solid #AACF31;
    background-color: #AACF31;
    color: #000000;
}

/* ++++++++++ LOADING PANEL ++++++++++ */
.loadingOverlayPanel {
    font-weight: bold;
    background: white;
}

/* == END Widget-user =*/

/* ==START Widget =*/

/* ++++++++++ WIDGET BODY ++++++++++ */
hr {
    height: 1px; color: #74B21F; margin: 6px;
}

.title {
    border-spacing: 4px;
    padding: 4px;
    padding-left: 15px;
    margin: 2px;
}

.floatingFacility {
    width: 300px;
    float: left;
}

a img {
    border: 0px;
}

/* ++++++++++ PRODUCT RESULT ++++++++++ */
.product-Result-Description{
    border-spacing: 4px;
    padding-right:15px;
}

.product-Result-Panel, .product-Result-Panel-unEven {
    cursor: pointer;
    margin: 1px;
}

.product-Result-Price{
    padding-right:15px;
}

.product-Result-Starspanel {
    margin-left: 10px;
}

.result-Image-Panel {
    height: 90px;
    width: 90px;
    text-align: center;
    vertical-align: middle;
    margin-left:10px;
}


.result-Image-Panel td {
    padding: 0px;
}

.result-No-Image-Available {
    vertical-align: middle;
}

/* ++++++++++ SEARCH PANEL ++++++++++ */
.searchPanel {
    margin: 2px;
    padding: 4px;
    padding-left:15px;
    padding-right:15px;
}

.searchFieldGrid {
   
}

.searchField {
    width: 270px;
}

.searchFieldLabel {
    text-align: left;
    margin-right: 3px;
}

.fixedWidthSearchFieldLabel{
    text-align: left;
    margin-right: 3px;
    width: 100px;
}

.fixedWidthListBox{
    width: 275px;
}

.fixedWidthPlaceHolder{
    width: 300px;
}
.fixedWidthLabel-Image-Panel img{
    height: 1px;
    width: 100px;
}

.fixedWidthAddressTitle-Image-Panel img{
    height: 1px;
    width: 70px;
}

.priceSearchField {
    width: 50px;
    margin-right: 3px;
}

.searchButtonPanel{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 2px;
}

.button {
    background: transparent url( "./bg_btn.jpg" ) repeat-x scroll 0;
    border-width: 1px;
}


.disclosureHeaderCenter {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* ++++++++++ ERROR DIALOG ++++++++++ */
.gwt-DialogBox {
    border: 2px outset;
}

.gwt-DialogBox .Caption {
    padding: 3px;
    margin: 2px;
    cursor: default;
}

.errorDialog-StackTrace {
    overflow: scroll;
}

/* ++++++++++ BACK BUTTON ++++++++++ */

.backLinkBar {
    text-align: left;
    vertical-align: middle;
    padding: 4px;
    margin-top: 5px;
    padding-left:15px;
    padding-right:15px;
}
}

.backLink a {
    text-decoration: none;
}

.backLink a:hover {
    text-decoration: underline;
}

.backLinkText {
    display: inline;
    margin-left: 2px;
}

/* ++++++++++ SUGGESTBOX ++++++++++ */
.gwt-SuggestBoxPopup {
    width: 200px;
}

.gwt-SuggestBoxPopup .item {
    padding: 0;
    cursor: pointer;
    width: 196px;
    text-align: left;
}

.gwt-SuggestBoxPopup .item-selected {
    padding: 0;
}

/* ++++++++++ DETAIL PANEL ++++++++++ */
.detailPanel{
    padding-left:15px;
    padding-right:15px;
}

.detailFieldLabel {
    margin-top: 12px;
    text-align: left;
    padding-bottom: 5px;
}

.detailContactTitleLabel {
    padding-right: 5px;
}

.detailHeaderPanel {
    padding: 4px;
    margin: 2px;
    padding-left:15px;
    padding-right:15px;
}

/* ++++++++++ DETAIL IMAGE PANEL ++++++++++ */
.detailImagePanel {
    margin-top: 12px;
}

.detail-Main-Image-Panel {
    height: 320px;
    width: 336px;
    text-align: center;
    vertical-align: middle;
}

.detail-Main-Image-Panel td {
    padding: 0px;
}

.detail-Main-No-Image-Available {
    vertical-align: middle;
}

.detail-Thumbnail-Panel {
    margin-top: 3px;
}

.detail-Thumbnail-Image-Panel {
    height: 75px;
    width: 75px;
    text-align: center;
    vertical-align: middle;
    margin: 3px;
}

.detail-Thumbnail-Image-Panel td {
    padding: 0px;
}

.detail-Thumbnail-No-Image-Available {
    vertical-align: middle;
}
.arrow-Image{
    width: 10px;
    height: 10px;
}

.image-bar-arrow{
    cursor: pointer;
}

.image-bar-arrow-hidden{
    cursor: default;
}

.image-bar-arrow-hidden img{
    visibility: hidden;
}
/* ++++++++++ DETAIL FACILITIES PANEL ++++++++++ */
.facilitiyBarWrapper {
    padding-top: 10px;
    width: 100%;
}

.facilityBar {
    text-align: left;
    padding-bottom: 2px;
    padding-top: 10px;
    width: 100%;
}

.facilityImage {
    margin: 0px;
    padding: 0px;
}

.facilityLabel {
    margin: 0px;
    padding: 0px;
}
.floatingPanel{
    float: left;
}
/* ++++++++++ DETAIL PRICE TABLE ++++++++++ */
/* not available */

/* ++++++++++ PAGING BAR ++++++++++ */
.pagingBar {
    margin-top:10px;
    margin-bottom:10px;
    padding-left:15px;
    padding-right:15px;
}

.pagingButton {
    padding: 2px;
}

.pagingButton-Image-Panel {
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.pagingButton-Image-Panel-hover {
    cursor: pointer;
}

.pagingButton-Image-Panel-disabled {
    border: 0;
    cursor: auto;
}

.pagingButton-Image-Panel td {
    text-align: center;
}

/* ++++++++++ SORTING PANEL ++++++++++ */
.sortingPanel {
    margin-top:10px;
    margin-bottom:10px;
    text-align: left;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left:15px;
    padding-right:15px;
}

/* ++++++++++ LOADING PANEL ++++++++++ */
.loadingOverlayPanel {
    opacity: 0.75;
    filter: alpha( opacity = 75 );
    float: left;
    position: absolute;
    width: 100%;
    height: 100%;
}

/* ++++++++++ EVENTS ON MAP ++++++++++ */
.infoWindowTitle {
    font-weight: bold;
    font-size: 15px;
    color: black;
}

.eventValue {
    vertical-align:top;
}

.eventLabel {
    font-weight: bold;
    vertical-align: top;
    color: black;
}

.eventDetailTable {
    padding: 2px;
}

.eventInfoWindow {
    width:500px;
    height:200px;
    overflow:auto;
    margin-right:15px;
}
.eventHyperlink {
}

.infoWindowImagePanel-Image {
    padding: 5px 5px 5px 0px;
}

.labelDetailLink {
    display: inline;
    padding: 0 0 0 5px;
    text-decoration: none;
}

.labelDetailLink a {
    text-decoration: none;
}

/* == END widget == */

/* === END LOGIES === */