html, body { height:101%; margin:0px; padding:0px; border:0px; }
html, td, body, div, p, ul, li, input, textarea, select, h1, h2, h3, h4
{ font-family:Georgia, Arial, Trebuchet MS, Sans-Serif, Helvetica; font-weight:normal; font-style:normal; font-size:13px; color:#666; }
img { border:none; }
body { background:url('../img/bg_main.gif') top left repeat-x; }
h1 { color:#5C839D; font-size:180%; padding:0px; margin:0px 0px 10px 0px; }
h2 { color:#5C839D; font-size:150%; padding:0px; margin:0px 0px 10px 0px; }
h1.inverted, h2.inverted { background-color:#A0B8C8; color:#fff; padding:2px 5px; }
h3 { color:#5C839D; font-size:120%; padding:0px; margin:0px 0px 5px 0px; }
h4 { color:#5C839D; font-size:110%; font-weight:normal; padding:0px; margin:0px 0px 5px 0px; }
h5 { }
h6 { color:#5C839D; font-size:100%; font-weight:bold; margin:0px; padding:0px; margin-top:4px; }
h2 a { font-size:11px; }
#Weblog h4 { font-size:150%; margin:0px; }
#Weblog p { margin:10px 0px 10px 0px; line-height:2em; }
p { margin:0px 0px 5px 0px; line-height:1.4em; }
a { text-decoration:none; font-weight:normal; color:#9EAE7D; outline:none; }
a:hover { text-decoration:none; color:#804A1E; }
a.hand { cursor:pointer; }
a.active { text-decoration:underline; color:#804A1E; }
a.headerinfowin { text-decoration:none; font-weight:normal; color:#5C839D; outline:none; margin-bottom:2px; }
a.headerinfowin:hover { text-decoration:underline; }
a.h1, a.h2, a.h3 { color:#5C839D; display:block; margin-bottom:3px; }
a.h1:hover, a.h2:hover, a.h3:hover { color:#804A1E; }
a.h1 { font-size:180%; }
a.h2 { font-size:150%; }
a.h3 { font-size:120%; }
/* layout related --------------------------------------- */
#main { margin:0 auto; position:relative; padding:0px 0px 0px 0px; width:970px; padding:0px 10px 0px 10px; }
#header { height:90px; margin:0px 0px 10px 0px; }
#header #logo { width:300px; margin:10px 0px 0px 0px; }
#header #payoff { width:450px; margin:2px 0px 0px 0px; font-size:90%; color:#998675; }
#header_left { float:left; width:30%; height:90px; }
#header_right { float:right; position:relative; width:70%; height:90px; }
#header #metamenu { position:absolute; top:0px; right:0px; padding:2px 0px 2px 10px; }
#header #metamenu a { }
#header #metamenu .divider { margin:0px 10px 0px 10px; font-size:120%; color:#ddd; }
#header #mainmenu { position:absolute; bottom:4px; right:230px; padding:2px 0px 2px 10px; }
#header #mainmenu a { }
#header #mainmenu .divider { margin:0px 10px 0px 10px; font-size:120%; color:#ddd; }
#header #metatabs { position:absolute; bottom:0px; right:0px; height:27px; width:180px; padding:0px 20px 0px 20px; background:url(../img/bg_metatabs.gif) no-repeat bottom center; }
#header .metatab { width:89px; height:20px; margin:5px 0px 1px 0px; text-align:center; color:#999; font-weight:normal; cursor:pointer; float:left; }
#header .metatab:hover { color:#9EAE7D; }
#content { min-height:500px; margin:0px 0px 20px 0px; }
#footer { height:300px; }
#footerintroduction { margin:0 auto; width:940px; padding:15px; background-color:#759BB4; color:#fff; line-height:1.7em; font-size:125%; }
#footercontent { margin:0 auto; width:940px; padding:15px; background-color:#5C839D; color:#fff; }
#footercontent a { font-weight:bold; color:#fff; }
#footercontent a:hover { text-decoration:underline; }
#footercontent .section { float:left; width:30%; padding:0% 1% 0% 0%; margin-right:2%; font-size:85%; border-right:1px dotted #fff; color:#fff; line-height:1.6em; min-height:150px; }
#footer_contact { }
#footer_campsiteowner { }
#footer_locationdisclaimer { }
#footer a, #footer a.active { color:#fff; }
#footer a:hover { text-decoration:underline; }
/* for generic use */
#left { float:left; width:79%; margin-right:1%; }
#right { float:right; width:17%; padding:1%; padding-top:20px; }
#bottom { padding:0px 5px 0px 5px; line-height:1.6em; }
.container { margin:0px 0px 15px 0px; padding:10px; border:1px solid #ddd; }
.container_noborder { margin:0px 0px 15px 0px; }
/* homepage-specific ---------------------------------- */
#content_home { padding:10px 0px 10px 0px; }
#content_home p { margin:0px 0px 10px 0px; }
#home_top { height:500px; }
.home_section { margin-bottom:10px; }
.home_left { float:left; width:475px; margin:0px 10px 0px 0px; /*padding-right:10px;*/ }
.home_right { float:left; width:465px; margin:0px 0px 0px 10px; padding-right:10px; }
.home_article { line-height:1.7em; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #ddd; }
.home_article p { line-height:1.7em; }
.home_voorpret { line-height:1.7em; margin-bottom:20px; padding:10px; background:#EAF0DE; }
.home_articles { line-height:1.7em; margin-bottom:10px; }
.home_articles p { line-height:1.7em; }
.home_specials { line-height:1.7em; margin-bottom:30px; }
.home_specials p { line-height:1.7em; }
#home_clickmap { position:relative; width:460px; height:440px; padding:15px 0px 0px 15px; background:url('../img/bg_clickmap.gif') top left no-repeat; }
#home_clickmap a { font-size:140%; font-weight:normal; color:#804A1E; }
#home_clickmap a:hover { text-decoration:underline; }
#home_search { padding:15px 15px 15px 15px; height:425px; background:url('../img/bg_search.gif') top left no-repeat; }
#home_popularsearches { margin-top:20px; padding:15px; background-color:#fff; }
#home_popularsearches a { font-size:130%; font-weight:normal; }
#home_popularsearches a:hover { text-decoration:underline; }
#home_villages { margin-top:20px; }
#home_updatedcampsites { margin:0px 0px 30px 0px; }
#home_mostviewed { margin-bottom:20px; padding:10px; background-color:#F1F7FA; }
#home_weblog { border:1px solid #ddd; padding:15px; margin-bottom:20px; }
#home_introduction { }
#home_savedcampsitesandmaps { border:1px solid #ddd; }
#home_recentfeedback { line-height:1.7em; margin-bottom:20px; }
#home_links { padding:15px; border:1px solid #ddd; margin:15px 0px 0px 0px; }
#home_aanbiedingen { padding:10px 15px 5px 15px; border:1px solid #ddd; margin:0px 0px 20px 0px; }
/* menu related --------------------------------------- */
#mapmenu_placeholder { margin:5px 0px 5px 0px; }
#mapmenu { float:left; padding:0px 5px 0px 5px; }
.mapmenutab { float:left; margin-right:20px; padding:2px 5px 2px 5px; }
.mapmenutabactive { background-color:#ededed; }
/* form related --------------------------------------- */
form { padding:0; margin:0; }
.bt-ok { width:61px; height:27px; background:url(../img/bt_ok.gif) no-repeat top left; cursor:pointer; text-align:center; }
.bt-ok:hover { background:url(../img/bt_ok_ro.gif) no-repeat top left; }
.inputfield { padding:4px; margin-bottom:10px; border:1px solid #5C839D; }
.inputfield:hover { background-color:#EEF2D7; }
.inputfield:focus { background-color:#EEF2D7; }
form .label { margin:0px 0px 5px 0px; }
.submit { padding:4px 12px 4px 12px; }
.formcontainer { margin:10px 0px 10px 0px; padding:10px; border:1px solid #ddd; background-color:#efefef; }
.searchformcontainer { margin:0px 0px 10px 0px; padding:10px; border:1px solid #ddd; background-color:#efefef; }
/* cancel, close, etc, below all kinds of stuff */
.options { margin:10px 0px 10px 0px; }
.options_right { margin:10px 0px 10px 0px; text-align:right; }
/* preferences, help, contact and mapsize related ------- */
#preferences { float:right; padding:0px; }
#preferences .label { padding:0px 5px 0px 14px; margin-left:7px; font-weight:normal; color:#ccc; cursor:pointer; background:url(../img/checkbox.gif) left 0px no-repeat; }
#preferences .labelact { padding:0px 5px 0px 14px; margin-left:7px; font-weight:normal; color:#5C839D; cursor:pointer; background:url(../img/checkbox_checked.gif) left 0px no-repeat; }
#preferences .label:hover { color:#5C839D; text-decoration:underline; }
#preferences .labelact:hover { text-decoration:underline; }
/* saved campsites, for mail and print */
#mailsavedcampsites { display:none; margin-bottom:5px; }
#mailsavedcampsitesfeedback { display:none; margin:5px 0px 5px 0px; color:green; }
#printsavedcampsitescontainer { display:none; z-index:100; width:100%; height:100%; position:absolute; padding-top:2%; background:url(../img/bg_print.png) top left; }
#printsavedcampsites { margin:0 auto; z-index:101; background-color:#fff; padding:0px 0px 10px 10px; border:2px solid #ddd; width:40%; height:80%; overflow:hidden; }
/* help */
#helppanel { display:none; padding:10px 20px 20px 20px; border:1px solid #ddd; margin-bottom:10px; }
#helpcontent { }
#helpcontent .helpsection { float:left; width:200px; margin-right:20px; line-height:1.6em; }
#helppanel h2 { font-size:120%; padding:0px; margin:0px 0px 5px 0px; }
/* contact */
#contactpanel { display:none; padding:10px 20px 20px 20px; border:1px solid #ddd; margin-bottom:10px; }
#contactcontent { }
#contactpanel h2 { font-size:120%; font-weight:bold; padding:0px; margin:0px 0px 5px 0px; }
#contactform { }
#contactform label.error { color:red; display:block; }
/* feedback related ------------------------------------- */
#feedbackpanel { }
#feedbackform { }
#feedbackform label.error { color:red; display:none; margin-left:10px; }
/* tip related ------------------------------------- */
#tippanel { }
#tipform { }
#tipform label.error { color:red; display:none; margin-left:10px; }
/* new campsite related ------------------------------------- */
#newcampsitepanel { }
#newcampsiteform { }
#newcampsiteform label.error { color:red; display:none; margin-left:10px; }
/* advertiser related ------------------------------------- */
#advertiserpanel { }
#advertiserform { }
#advertiserform label.error { color:red; display:none; margin-left:10px; }
/* campsite contact */
#campsitecontact { display:none; padding:20px; margin:10px 0px 10px 0px; background-color:#edefef; border:1px solid #ddd; }
/* map related --------------------------------------- */
#map_placeholder { position:relative; }
#mapcampsites { height:550px; margin-bottom:15px; }
#mapoptions { padding:5px 10px 10px 10px; width:160px; position:absolute; top:10px; left:10px; background-color:#fff; border:1px solid #ddd; }
#savemapform { padding:5px 10px 5px 10px; margin-top:5px; border:1px solid #ddd; display:none; }
#searchcityform { padding:5px 0px 0px 0px; margin-top:5px; border-top:1px solid #ddd; }
#mapfeedback { height:150px; margin-bottom:10px; }
#mapsize { padding-top:10px; margin-top:15px; border-top:1px solid #ddd; }
#mapsize .label { display:inline; padding:0px 5px 0px 0px; font-weight:normal; color:#ccc; cursor:pointer; }
#mapsize .label:hover { color:#5C839D; text-decoration:underline; }
#mapsize .labelact { display:inline; padding:0px 5px 0px 0px; font-weight:normal; color:#5C839D; text-decoration:underline; cursor:pointer; }
#linktomap { padding:0px; margin:0px 10px 5px 0px; cursor:pointer; }
#linktomapcontainer { width:400px; display:none; margin:5px 0px 5px 5px; }
.campsite { margin-bottom:0px; }
.campsite a { }
.campsite .savelink { display:inline; margin-left:3px; font-size:11px; font-weight:bold; vertical-align:top; color:#5C839D; }
.campsite .savelink a { font-size:11px; }
.campsitename { font-weight:normal; }
#campsitedetails { border:1px solid #ddd; padding:10px; margin-bottom:10px; background-color:#F4F5EC; }
#campsitead { }
#campsitead_content { padding:10px; border:1px solid #ddd; }
/* search result (as list) related ------------------- */
#searchresult { margin-bottom:20px; }
#searchresult .campsite { border:1px solid #ededed; padding:8px; margin-bottom:10px; }
#searchresult .campsite:hover { background-color:#E4EFF6; }
#searchresult .campsite .details { width:480px; margin-right:15px; float:left; }
#searchresult .campsite .map { width:220px; float:left; border:1px solid #fff; }
#navigation { margin:5px 0px 10px 0px; padding-bottom:5px; }
/* panoramio ----------------------------------------- */
#panoramiopanel { border:1px solid #ddd; padding:10px; margin-bottom:15px; line-height:0.8em; }
#panoramiopanel p, #panoramiopanel a, #panoramiopanel div
{ font-size:11px; font-weight:normal; color:#444; }
#panoramiopanel .photo { float:left; width:47%; margin-right:3%; margin-bottom:5px; height:150px; overflow:hidden; }
#panoramiopanel .copyright { margin-top:5px; text-align:right; }
#panoramiopanel .caption { margin-top:2px; }
#panoramiopanel .owner { position:absolute; margin:5px 0px 0px 5px; }
#panoramiopanel .owner a { font-size:11px; font-weight:normal; color:#fff; }
/* flickr ----------------------------------------- */
#flickrpanel { border:1px solid #ddd; padding:10px; margin-bottom:15px; line-height:0.8em; }
#flickrpanel p, #flickrpanel a, #flickrpanel div
{ font-size:11px; font-weight:normal; color:#444; }
#flickrpanel .photo { float:left; width:47%; margin-right:3%; margin-bottom:5px; height:150px; overflow:hidden; }
#flickrpanel .copyright { margin-top:5px; text-align:right; }
#flickrpanel .caption { margin-top:2px; }
#flickrpanel .owner { position:absolute; margin:5px 0px 0px 5px; }
#flickrpanel .owner a { font-size:11px; font-weight:normal; color:#fff; }
#vale { display:none; width:100%; height:100%; z-index:100; position:absolute; background:url(../img/panoramiobg.png) repeat left top; }
#valepreview { width:500px; background-color:#fff; border:10px solid #fff; z-index:101; margin:150px auto 0px auto; }
/* campsite photos -----------------------------------*/
#campsitephotos { border:1px solid #ddd; padding:10px; margin-bottom:15px; line-height:0.8em; background-color:#F4F5EC }
#campsitephotos .photo { margin-bottom:5px; } /*#campsitephotos .photo { float:left; width:47%; margin-right:3%; margin-bottom:5px; overflow:hidden; }*/
/* ad hoc ------------------------------------------- */
#progressbar { display:none; padding:30px; border:1px solid #ddd; text-align:center; margin-bottom:20px; }
.AdminSection { margin:6px 6px 0px 6px; padding:6px; border:1px solid #ddd; }
.clearboth { clear:both; }
.button { cursor:pointer; }
#feedback { display:none; padding:10px; margin-bottom:10px; border:1px solid #ddd; }
#alert { display:none; padding:10px; margin-bottom:10px; border:1px solid #ddd; }
.note { margin:10px 0px 10px 0px; padding:10px; border:1px solid #ddd; background-color:#fff; }
.stars { font-size:140%; font-weight:bold; }
.row { padding:2px 0px 2px 0px; border-bottom:1px dotted #efefef; }
.row:hover { background-color:#F4F5EC; border-bottom:1px dotted #ddd; }
.adstack { margin-bottom:15px; }
/* listview */
#listview { float:left; width:650px; }
#listview_ads { float:right; width:300px; text-align:right; overflow:hidden; }
#listview p { line-height:2em; }
#listview .campsite { border:1px solid #ededed; padding:8px; margin-bottom:10px; }
#listview .campsite:hover { background-color:#E4EFF6; }
#listview .campsite .details { width:380px; margin-right:10px; float:left; }
#listview .campsite .details_wide { }
#listview .campsite .map { width:240px; float:left; }
#listview .campsite .photos { width:240px; float:left; }
#listview .campsite .photos img { width:240px; }
/* articles */
#article { line-height:2em; }
/* infowindow */
#infowin { display:none; width:275px; z-index:99; position:absolute; left:0px; top:0px; background:url('../img/bg_infowin.png') 0px 18px no-repeat; }
#infowinmain { width:266px; margin:0px 0px 0px 15px; padding:10px; border:2px solid #5C839D; background-color:#fff; }
#infowincontent { margin:0px; }
#infowinfooter { width:271px; height:11px; background:url('../img/bg_infowinfooter.png') 8px 0px no-repeat; }
.closeinfowin { text-align:right; }
.infowinthumbnail { float:left; margin:0px 10px 4px 0px; width:100px; max-height:120px; overflow:hidden; }
.infowinthumbnail:hover { cursor:pointer; }
#infowinpreview { display:none; z-index:99; position:absolute; left:0px; top:0px; }
/* icons */
a.icon { background:url(../img/icon.png) no-repeat left center; padding:0px 0px 2px 18px; }
a.icon:hover { background:url(../img/icon_act.png) no-repeat left center; }
a.icon_act { background:url(../img/icon_act.png) no-repeat left center; padding:0px 0px 2px 18px; color:#804A1E; }
a.icon_save { background:url(../img/icon_save.png) no-repeat left center; padding:0px 0px 2px 18px; }
a.icon_save_act { background:url(../img/icon_save_act.png) no-repeat left center; padding:0px 0px 2px 18px; color:#804A1E; }
a.icon_save:hover { background:url(../img/icon_save_act.png) no-repeat left center; }
a.icon_zoom { background:url(../img/icon_zoom.png) no-repeat left center; padding:0px 0px 2px 18px; }
a.icon_zoom:hover { background:url(../img/icon_zoom_act.png) no-repeat left center; }
a.icon_zoomlarge { background:url(../img/icon_zoom24.png) no-repeat left center; padding:0px 0px 2px 30px; font-size:150%; }
a.icon_zoomlarge:hover { background:url(../img/icon_zoom24_act.png) no-repeat left center; }
a.icon_photo { background:url(../img/icon_photo.png) no-repeat left center; padding:0px 0px 2px 18px; }
a.icon_photo:hover { background:url(../img/icon_photo_act.png) no-repeat left center; }
a.icon_search { background:url(../img/icon_search.png) no-repeat left center; padding:0px 0px 2px 18px; }
a.icon_search:hover { background:url(../img/icon_search_act.png) no-repeat left center; }
a.icon_back { background:url(../img/icon_arrowback.png) no-repeat left center; padding:0px 0px 2px 18px; }
a.icon_back:hover { background:url(../img/icon_arrowback_act.png) no-repeat left center; }
a.icon_home { background:url(../img/icon_home.png) no-repeat left center; padding:0px 0px 2px 18px; }
a.icon_home:hover { background:url(../img/icon_home_act.png) no-repeat left center; }
a.icon_email { background:url(../img/icon_email.png) no-repeat left center; padding:0px 0px 2px 18px; }
a.icon_email:hover { background:url(../img/icon_email_act.png) no-repeat left center; }
a.icon_print { background:url(../img/icon_print.png) no-repeat left center; padding:0px 0px 2px 18px; }
a.icon_print:hover { background:url(../img/icon_print_act.png) no-repeat left center; }
a.icon_close { background:url(../img/icon_close.png) no-repeat left center; padding:0px 0px 2px 18px; color:#B93D35; }
a.icon_close:hover { background:url(../img/icon_close_act.png) no-repeat left center; color:#E4372C; }
a.icon_closeright { background:url(../img/icon_close.png) no-repeat right center; padding:0px 18px 2px 0px; color:#B93D35; }
a.icon_closeright:hover { background:url(../img/icon_close_act.png) no-repeat right center; color:#E4372C; }
a.icon_closeright10 { background:url(../img/icon_close10.png) no-repeat right center; padding:0px 14px 2px 0px; color:#B93D35; font-size:85%; }
a.icon_closeright10:hover { background:url(../img/icon_close10_act.png) no-repeat right center; color:#E4372C; }
a.icon_speak { background:url(../img/icon_speak.png) no-repeat left center; padding:0px 0px 2px 18px; }
a.icon_speak:hover { background:url(../img/icon_speak_act.png) no-repeat left center; }
/* non-clickable icon */
.icon_saved { background:url(../img/icon_save_act.png) no-repeat left center; padding:0px 0px 2px 18px; font-weight:normal; color:#804A1E; }
/* print */
@media print {
.hideforprint { display:none; }
}