/*******************************/
/* REGULAR */
/*******************************/
body{ margin:0px; padding:0px; color:#585858; font-size:0.70em; font-family:Arial, Verdana, Helvetica, sans-serif; text-decoration:none; background:url(../images/bg.jpg) repeat-x #eef6f9;}
body a{ text-decoration:underline; color:#19485b; font-weight:bold;}
body a:hover{ text-decoration:underline; color:#0580b9; font-weight:bold;}

.clear{clear:both; overflow:hidden; height:0px;} .clear2{clear:both; } img{border:0px; display:block;} ul, li{list-style:none; margin:0px; padding:0px; } form, fieldset {margin:0px;padding:0px;border:0;} h1, h2, h3, h4, h5 {margin:0px; padding:0px; font-size:1.7em; color:#19485b; font-weight:normal;} p{ margin:0px; padding:0px 0px 18px 0px;}
.red { color: red;}
.green { color: green;}
.darkblue { color: #19485B;} 
/*******************************/
/* CONTAINER DIVISION */
/*******************************/
#container{ position:relative; width:960px; margin:0 auto; }


/*******************************/
/* TOP DIVISION */
/*******************************/
#container #top{ height:150px; background:url(../images/bg_top.jpg) no-repeat; }
#container #top #logo{ height:91px; line-height:91px; padding:0px 0px 0px 0px; font-size:3.4em; font-weight:bold; }
#container #top #logo a{color:#28b2f1; text-decoration:none; }
#container #top #logo a span{ color:#19485b; }
#container #top #logo a:hover{ color:#28b2f1;  }
#container #top #logo a:hover span{  color:#28b2f1;}
#container #top .tagline { font-size: 12px; margin-top: -10px; margin-left: 25px; width: 250px;}
#container #top #menu{ height:36px; font-size:1.1em; }
#container #top #menu ul{ height:36px; }
#container #top #menu ul li{ display:block; float:left; height:36px; padding:0px 4px 0px 0px; }
#container #top #menu ul li a{ color:#fff; text-decoration:none; display:block; float:left; height:36px; background:url(../images/bg_li.jpg) no-repeat right; }
#container #top #menu ul li a span{ cursor:pointer; display:block; float:left; height:36px; padding:0px 18px; line-height:36px; background:url(../images/bg_lispan.jpg) no-repeat left; }
#container #top #menu ul li a.aanbieding{ background:url(../images/bg_li2.jpg) no-repeat right; }
#container #top #menu ul li a.aanbieding span{ background:url(../images/bg_lispan2.jpg) no-repeat left; }
#container #top #menu ul li a:hover{color:#1e7eaa;}
#container #top #menu ul li a.aanbieding:hover{color:#85ccec; }

/*******************************/
/* LEFT DIVISION */
/*******************************/
#container #left{ float:left; width:230px; }
#container #left .tagline { background:#fff; padding:14px 18px; border:1px solid #9bbdcb; margin:0px 0px 13px 0px; font-size: 13px; font-weight: italic;  }
#container #left .tekstvak{ background:#fff; padding:14px 18px; border:1px solid #9bbdcb; margin:0px 0px 13px 0px; }
#container #left .tekstvak h3{ padding:0px 0px 14px 0px; display:block; position:relative; }
#container #left .zoekform { font-size: 14px; color: black;}
#container #left .tekstvak form{  }
#container #left .tekstvak form fieldset{  }
#container #left .tekstvak form fieldset select{ display:block; width:190px; margin:0px 0px 3px 0px; }
#container #left .tekstvak form fieldset button{ display:block; width:110px; height:28px; background:url(../images/bg_button.jpg) no-repeat; border:0px; cursor:pointer; color:#fff; font-weight:bold; }
#container #left .tekstvak form fieldset button:hover{ background:url(../images/bg_buttonover.jpg) no-repeat; }
#container #left .tekstvak #logos{ width:230px; margin-right:-42px; padding:0px 0px 0px 10px; }
#container #left .tekstvak #logos img{ float:left; margin:0px 28px 4px 0px; }
#container #left .tekstvak .countrytoggle  { display: none;}
#container #left .tekstvak .areatoggle  { display: none;}
#container #left .tekstvak ul{ font-size:1.1em; }
#container #left .tekstvak ul li{ display:block; background:url(../images/bg_list.jpg) no-repeat top left; padding:0px 0px 7px 20px; }
#container #left .tekstvak ul li a{ text-decoration:none; }
#container #left .tekstvak ul li a:hover{ text-decoration:none; color: red;}
#container #left .tekstvak ul li a span{ color:#0580b9; }
#container #left .tekstvak ul li.selected{background:url(../images/bg_listover.jpg) no-repeat top left; }
#container #left .tekstvak ul li.selected a{ color:#000;  }



#container #left .tekstvak ul.sterren{ font-size:1.1em; }
#container #left .tekstvak ul.sterren li{ display:block; text-indent:-3333px; height:22px; background:none; padding:0px; margin:0px;}
#container #left .tekstvak ul.sterren li a{ text-decoration:none; float:left; height:22px; background:url(../images/bg_sterren.jpg) no-repeat top left; padding:0px; margin:0px; }
#container #left .tekstvak ul.sterren li.ster1 a{ width:26px; }
#container #left .tekstvak ul.sterren li.ster2 a{ width:52px; }
#container #left .tekstvak ul.sterren li.ster3 a{ width:78px; }
#container #left .tekstvak ul.sterren li.ster4 a{ width:104px; }
#container #left .tekstvak ul.sterren li.ster5 a{ width:130px; }
#container #left .tekstvak ul.sterren li a span{ color:#0580b9; }
#container #left .tekstvak ul.sterren li a:hover{ background:url(../images/bg_sterrenover.jpg) no-repeat top left; }
#container #left .tekstvak ul.sterren li.selected a{ background:url(../images/bg_sterrenover.jpg) no-repeat top left; }

/*******************************/
/* RIGHT DIVISION */
/*******************************/
#container #right{ float:right; width:685px; line-height:18px;}
#container #right #breadcrumb{ width:647px;  height:23px; }
#container #right #breadcrumb ul{  }
#container #right #breadcrumb ul li{ float:left; display:block; color:#19485b; }

#container #right .newsvak{ width:647px;  padding:18px 18px 0px 18px; border:1px solid #9bbdcb; background:#fff; margin:0px 0px 13px 0px; font-size: 13px; }
#container #right .newsvak h2 {padding:0px 0px 16px 0px; color:#28b2f1; }
#container #right .newsvak a { text-decoration: none; }
#container #right .newsvak .newstop { width:647px; height: 25px;} 
#container #right .newsvak #newsitems { width:647px; height: 25px;  position: relative; overflow: hidden; padding-bottom: 18px;}
#container #right .newsvak #newsitems .headline { position: absolute; top: 210px;  height: 15px; width:647px;  font-weight: bold; }

#container #right .contentvak{ width:647px; padding:18px 18px 0px 18px; border:1px solid #9bbdcb; background:#fff; margin:0px 0px 13px 0px; }
#container #right .contentvak h1 {color:#28b2f1; padding:0px 0px 10px 0px; }
#container #right .contentvak .foto{ float:left; padding:0px 20px 18px 0px; }
#container #right .contentvak .foto img{ border:1px solid #a2c1ce; float:left;}
#container #right .contentvak .omschrijving{  width:604px; font-size: 12px; }
#container #right .contentvak .omschrijving .bigul ul li{ font-size: 13px; list-style-type: circle; margin-left: 15px; line-height: 2em;}
#container #right .contentvak .omschrijving table.taaltips { width: 100%; }
#container #right .contentvak .omschrijving td.woord { font-weight: bold; }
#container #right .contentvak p {padding:0px 0px 18px 0px; font-size: 12px;}
#container #right .contentvak .logos{ width:685px; margin:0px -40px 0px 0px; padding:0px 0px 13px 0px; }
#container #right .contentvak .logos table {  text-align: center; }
#container #right .contentvak .logos img{ float:left; margin:0px 19px 5px 0px; }
#container #right .contentvak h3 {padding:0px 0px 16px 0px; color:#28b2f1; }
#container #right .contentvak h2 {padding:0px 0px 16px 0px; color:#28b2f1; }
#container #right .contentvak h2 strong{ display:block; font-weight:normal; float:left; padding:0px 10px 0px 0px; }
#container #right .contentvak h2 a{ color:#28b2f1; text-decoration:none; }
#container #right .contentvak h2 a span{ cursor:pointer; }
#container #right .contentvak h2 a strong{ cursor:pointer; }
#container #right .contentvak h2 span{ float:left; display:block; height:22px; text-indent:-3333px; margin:-4px 0px 0px 0px; background:url(../images/bg_sterren.jpg) no-repeat top left; }
#container #right .contentvak h2 span.ster1{ width:26px; }
#container #right .contentvak h2 span.ster2{ width:52px; }
#container #right .contentvak h2 span.ster3{ width:78px; }
#container #right .contentvak h2 span.ster4{ width:104px; }
#container #right .contentvak h2 span.ster5{ width:130px; }
#container #right .contentvak .breadcrumb { clear:both; }
#container #right .contentvak .breadcrumb ul{ height:14px; padding:4px 0px 13px 0px; border-bottom:1px solid #9bbdcb; margin:0px 0px 5px 0px; }
#container #right .contentvak .breadcrumb ul li{ float:left; display:block; color:#19485b; }
#container #right .contentvak .breadcrumb ul li a{ float:left; text-decoration:none; display:block; background:url(../images/bg_libread.jpg) no-repeat right; padding:0px 19px 0px 0px; }
#container #right .contentvak .left{ float:left; width:450px; margin:0px 0px -1px 0px; }
#container #right .contentvak .right{ float:right; width:152px; margin:50px 0px -1px 0px; }
#container #right .contentvak .right em{ width:152px; height:22px; padding:0px 0px 26px 0px; display:block; }
#container #right .contentvak .right em a{ color:#585858; text-indent:28px; font-weight:normal; text-decoration:none; line-height:22px; width:152px; height:22px; font-style:normal; display:block; background:url(../images/bg_voegtoe.jpg) no-repeat; }
#container #right .contentvak .right em a:hover{ background:url(../images/bg_voegtoeover.jpg) no-repeat; }
#container #right .contentvak .right img{ border:1px solid #a2c1ce; }
#container #right .contentvak .aanbieders { background:url(../images/bg_aanbieders.jpg) no-repeat; padding:18px 0px 16px 0px;}
#container #right .contentvak .aanbieders .aanbieder{ border-top:1px solid #e7e7e7; font-size:1.1em; padding:2px 0px 2px 0px; line-height:23px; }
#container #right .contentvak .aanbieders .aanbieder:hover{ background:#eef6f9; }
#container #right .contentvak .aanbieders .grijs{ background:#efefef;  }
#container #right .contentvak .aanbieders .titel{ border-top:0px solid #e7e7e7; color:#19485b; font-weight:bold; padding:0px 0px 8px 0px; }
#container #right .contentvak .aanbieders .titel:hover{ background:#fff; }
#container #right .contentvak .aanbieders .aanbieder .een{ float:left; width:211px; padding:1px 0px 0px 4px; }
#container #right .contentvak .aanbieders .aanbieder a{ text-decoration:none; color:#585858; font-weight:normal; }
#container #right .contentvak .aanbieders .aanbieder .twee{ float:left; width:181px; }
#container #right .contentvak .aanbieders .aanbieder .drie{ float:left; width:99px; color:#1688be; font-size:1.4em; font-weight:bold;}
#container #right .contentvak .aanbieders .aanbieder .drie a{ color:#1688be; font-weight:bold; }
#container #right .contentvak .aanbieders .aanbieder .vier{ float:left; width:150px; }
#container #right .contentvak .aanbieders .aanbieder .vier em{ display:block; width:86px; height:22px; text-align:center; line-height:22px; background:url(../images/bg_bestel.jpg) no-repeat; font-style:normal; }
#container #right .contentvak .aanbieders .aanbieder .vier em a{ font-weight:bold; color:#fff; width:86px; height:22px; display:block; text-decoration:none;}
#container #right .contentvak .aanbieders .titel .drie{ float:left; width:99px; color:#19485b; font-size:1.0em; font-weight:bold;}
#container #right .contentvak .weather { height: 150px; }
#container #right .contentvak .weather .day { float: left; width: 160px; }
#container #right .contentvak #googlemaps #googlemap { width:642px; height: 300px; margin-bottom: 15px; border:1px solid #9bbdcb; overflow: hidden;}
#container #right .contentvak #googlemaps #googlemap .markerTooltip { color: black; font-weight: bold; background-color: white; white-space: nowrap; margin: 0; padding: 2px 4px; border: 1px solid black; }
#container #right .contentvak #hotspottoggle { display: none; }

#container #right .contentvak #reviews .greenmsg {  border: 1px dotted green; font-size: 12px; color: green; font-weight: bold; padding: 5px 5px; margin-bottom: 5px;}

#container #right .statistics { width:647px; margin-bottom: 10px; border:1px solid #9bbdcb; background-color: white; height: 220px; padding:18px 18px 0px 18px;}
#container #right .statistics h2 { color: #28B2F1; line-height: 25px; }
#container #right .statistics .statisticscolumn { float: left; margin-right: 20px; width: 300px; }

#container #right .groot .aanbieders { background:none; }
#container #right .groot .aanbieders .aanbieder{ border-bottom:1px solid #e7e7e7; border-top:0px; font-size:1.1em; padding:4px 0px 4px 0px; line-height:33px; }
#container #right .groot .aanbieders .aanbieder .een{ float:left; width:175px; padding:1px 0px 0px 6px; }
#container #right .groot .aanbieders .aanbieder .twee{ float:left; width:217px; }
#container #right .groot .aanbieders .aanbieder .vier em{ margin:2px 0px 0px 0px; display:block; width:86px; height:30px; text-align:center; line-height:30px; background:url(../images/bg_bestelgroot.jpg) no-repeat; font-style:normal; }
#container #right .groot .aanbieders .titel{ border-top:0px solid #e7e7e7; color:#19485b; font-weight:bold; padding:0px 0px 8px 0px; }
#container #right .groot .content img{ border:1px solid #a2c1ce; }
#container #right .groot .content{ background:url(../images/bg_groot.jpg) no-repeat right bottom;  }
#container #right .groot .breadcrumb ul{ border-bottom:0px solid #9bbdcb; margin:0px 0px 5px 0px; }
#container #right .groot .foto{ float:left; padding:0px 18px 0px 0px; }
#container #right .groot .tekst{ float:left; width:414px; padding:12px 4px 0px 0px; background:url(../images/bg_groot.jpg) no-repeat top right;}
#container #right .groot .youtube { color: red; margin-top: 10px; margin-left: 83px;}

#container #right .groot .tabs{ width:683px; margin:10px -18px 15px -18px; height:35px; background:url(../images/bg_groot.jpg) repeat-x bottom; cursor: pointer;} 
#container #right .groot .tabs ul{ height:35px; padding:0px 0px 0px 18px; font-size:1.1em;}
#container #right .groot .tabs ul li{ height:34px; display:block; float:left; margin-right:6px; border-left:1px solid #9bbdcb; border-top:1px solid #9bbdcb; border-right:1px solid #9bbdcb;}
#container #right .groot .tabs ul li a{ color:#9bbdcb; text-decoration:none; height:34px; line-height:34px; display:block; float:left; padding:0px 15px 0px 15px;  }
#container #right .groot .tabs ul li a:hover{  border-right:3px solid white; border-left:3px solid white; padding:0px 12px 0px 12px;  background:url(../images/bg_tab.jpg) #fff;}
#container #right .groot .tabs ul li.selected a{ color:#19485b; border-right:3px solid white; border-left:3px solid white; padding:0px 12px 0px 12px;  background:url(../images/bg_tab.jpg) #fff;}

#container #right .groot .tabs ul li a span{ cursor:pointer; text-decoration:none; height:34px; line-height:34px; display:block; float:left; padding:0px 15px 0px 15px; }
#container #right .groot .tabs ul li a:hover span{  background-image:url(../images/bg_tab.jpg); display:block; float:left; border-right:3px solid white; border-left:3px solid white; padding:0px 12px 0px 12px; }
#container #right .groot .tabs ul li.selected a span{  background-image:url(../images/bg_tab.jpg); cursor:pointer; color:#19485b; text-decoration:none; height:34px; line-height:34px; display:block; padding:0px 12px 0px 12px; border-right:3px solid white; border-left:3px solid white;}

#container #right .groot #beschrijvingen { padding:0px 0px 30px 0px; display: none;}
#container #right .groot #beschrijvingen .beschrijving{ border-bottom:1px solid #e7e7e7; padding:10px 0px 10px 0px; line-height:18px; }
#container #right .groot #beschrijvingen .grijs{ background:#efefef; }
#container #right .groot #beschrijvingen .beschrijving:hover{ background:#eef6f9; }
#container #right .groot #beschrijvingen .beschrijving .een{ float:left; width:138px; padding:1px 0px 0px 4px; }
#container #right .groot #beschrijvingen .beschrijving .twee{ float:left; width:486px; margin:0px 0px -18px 0px; }
#container #right .groot #beschrijvingen .beschrijving .twee p{ margin:0px; padding:0px 0px 18px 0px; }

#container #right .groot #reviews { padding:0px 0px 30px 0px;}
#container #right .groot #reviews .beschrijving{ border-bottom:1px solid #e7e7e7; padding:10px 0px 10px 0px; line-height:18px; }
#container #right .groot #reviews .grijs{ background:#efefef; }
#container #right .groot #reviews .beschrijving:hover{ background:#eef6f9; }
#container #right .groot #reviews .beschrijving .een{ float:left; width:138px; padding:1px 0px 0px 4px; }
#container #right .groot #reviews .beschrijving .twee{ float:left; width:486px; margin:0px 0px -18px 0px; }
#container #right .groot #reviews .beschrijving .twee p{ margin:0px; padding:0px 0px 18px 0px; }
#container #right .groot #reviews .greenmsg { border: 1px dotted green; font-size: 12px; color: green; font-weight: bold; padding: 5px 5px; margin-bottom: 5px;}

#container #right .groot #fotos { padding:0px 0px 20px 0px; margin:0px -33px 0px 0px; width:680px; display: none;}
#container #right .groot #fotos .rij{ padding:0px 0px 10px 0px; }
#container #right .groot #fotos .rij img{ border:1px solid #9bbdcb; float:left; margin:0px 13px 0px 0px; width:150px; }

#container #right .groot #buurt { padding:0px 0px 30px 0px; display: none;}
#container #right .groot #buurt ul{ display:block; }
#container #right .groot #buurt ul li{ display:block; background:url(../images/bg_list.jpg) no-repeat top left; padding:0px 0px 7px 20px; width:286px; float:left; line-height:14px; }
#container #right .groot #buurt ul li a{ text-decoration:none; }

#container #right .groot #regio { padding:0px 0px 30px 0px; display: none;}
#container #right .groot #regio .toelichting{ float:left; width:130px; }
#container #right .groot #regio #gmap{ border:1px solid #9bbdcb; float:right; width: 498px; height: 298px;}

/*******************************/
/* FOOTER DIVISION */
/*******************************/
#container #right #footer{ text-align:center; padding:10px 0px 28px 0px; }
#container #right #footer p{ margin:0px; padding:0px; }
#container #right #footer ul li{ display:inline; padding:0px 13px 0px 10px; background:url(../images/bg_footer.jpg) no-repeat right; }
#container #right #footer ul li a{ text-decoration:none; }
#container #right #footer ul li.last{ background:none; }

/*******************************/
/* Paging */
/*******************************/
#paging { height: 70px; font-size: 10pt; align: center; }
#paging li a {  text-decoration: none; color: #4c5860;}
#paging .current { background-color: #2D81A8;}
#paging .disabled { border: none;}
#paging .disabled:hover { background-color: transparent; }
#paging ul { padding-top: 30px;}
#paging li.active { background-color: #2D81A8; }
#paging li { margin-right: 3px; float: left; border: 1px solid #84c5ff; padding: 3px; padding-left: 5px; padding-right: 5px; }
#paging li:hover { background-color: #2D81A8;}
#paging li:first-child { border: 0;}
#paging li:first-child:hover { background-color: transparent;}