﻿
body { margin: 0; padding: 0; font-family: Trebuchet MS, serif; color: #6c684f; font-size: 62.5%; background: #3d9f5d url(../images/html_bg.gif) 0 0 repeat;  }

body { font-size: small; }
* { font-size: 99%; }
:focus { -moz-outline-style: none; }
a img { border: 0; }

/* Basic Layout */
#container {  width: 970px; margin: 0 auto; padding: 0 23px 0 10px; background: #fff url(../images/container_bg.gif) 10px 0 repeat-y;}
#container_layout { background: transparent url(../images/header_bg.gif) 0 0 no-repeat; }
#content { min-height: 450px; }
#column_wrapper { float: left; width: 615px; }
#column_center { float: right; width: 365px; }
#column_left { margin-right: 365px; padding: 21px 0 150px 0;  }
#column_right { margin-left: 615px; padding: 21px 0 170px 0;  }



/* Header items */
#header { position: relative; height: 278px; }
#logo { position: absolute; top: 0px; left: 265px; z-index: 1; width: 342px; height: 156px;  } 
#logo_paintball { display: none; }
.paintballdagstrandlink { display: none; }
#utils { position: absolute; top: 125px; left: 11px; z-index: 2; }
#utils ul { margin: 0; padding: 0; list-style: none; }
#utils li { float: left; margin-right: 3px; }
#utils a { display: block; width: 19px; height: 19px; text-indent: -9999px; }
#utils a.en { background: transparent url(../images/utils_en.gif) 0 0 no-repeat; }
#utils a.fr { background: transparent url(../images/utils_fr.gif) 0 0 no-repeat; }
#utils a.du { background: transparent url(../images/utils_du.gif) 0 0 no-repeat; }
#utils a.home { background: transparent url(../images/utils_home.gif) 0 0 no-repeat; }
#utils a.mail { background: transparent url(../images/utils_mail.gif) 0 0 no-repeat; }
#utils a.sitemap { background: transparent url(../images/utils_sitemap.gif) 0 0 no-repeat; }
#utils a.tellafriend { background: transparent url(../images/utils_tellafriend.gif) 0 0 no-repeat; }
#menu { position: absolute; top: 156px; left: 0; height: 30px; width: 970px; background: #ffeb6e url(../images/menu_bg.gif) 0 0 repeat-x; }
#menu ul { margin: 0; padding: 0; list-style: none; }
#menu ul.paintball { display: none; }
#menu li { float: left; background: transparent url(../images/menu_li_bg.gif) right 0 no-repeat; }
#menu a { float: left; height: 30px; margin-right: 2px; text-indent: -9999px; background: transparent url() 0 0 repeat;}
#menu a:hover { background-position: left bottom; }
#menu a.item_01 { width: 117px; background-image: url(../images/menu_item01_bg.gif); }
#menu a.active { background-position: left bottom; }
#menu a.item_02 { width: 86px; background-image: url(../images/menu_item02_bg.gif); }
#menu a.item_03 { width: 115px; background-image: url(../images/menu_item03_bg.gif); }
#menu a.item_04 { width: 98px; background-image: url(../images/menu_item04_bg.gif); }
#menu a.item_05 { width: 62px; background-image: url(../images/menu_item05_bg.gif); }
#menu a.item_06 { width: 76px; background-image: url(../images/menu_item06_bg.gif); }
#header_foto { position: absolute; top: 0; left: 0; }
#header_foto .foto_01 { width: 327px; height: 156px; background: transparent url(../images/header_foto_01.jpg) 0 0 no-repeat; } 
#header_foto .foto_02 { width: 327px; height: 156px; background: transparent url(../images/header_foto_02.jpg) 0 0 no-repeat; } 
#header_foto .foto_03 { width: 327px; height: 156px; background: transparent url(../images/header_foto_03.jpg) 0 0 no-repeat; } 
#header_item { position: absolute; top: 0px; right: -20px; z-index: 5; }
#header_item .item_01 { width: 275px; height: 205px; background: transparent url(../images/header_item_01.png) 0 0 no-repeat; } 
#header_item .item_02 { width: 203px; height: 158px; background: transparent url(../images/header_item_02.png) 0 0 no-repeat; } 
#header_item .item_03 { width: 167px; height: 167px; background: transparent url(../images/header_item_03.png) 0 0 no-repeat; } 
#header_polaroid { position: absolute; top: 61px; right: 0px; }
#header_polaroid .polaroid_01 { width: 398px; height: 236px; background: transparent url(../images/header_polaroid_01.jpg) 0 0 no-repeat; } 
#header_polaroid .polaroid_02 { width: 398px; height: 245px; background: transparent url(../images/header_polaroid_02.jpg) 0 0 no-repeat; } 
#header_polaroid .polaroid_03 { width: 398px; height: 245px; background: transparent url(../images/header_polaroid_03.jpg) 0 0 no-repeat; } 
#header_polaroid .polaroid_04 { width: 398px; height: 245px; background: transparent url(../images/header_polaroid_04.jpg) 0 0 no-repeat; } 
#header_polaroid .polaroid_05 { width: 398px; height: 245px; background: transparent url(../images/header_polaroid_05.jpg) 0 0 no-repeat; } 
#header_polaroid object { position: absolute; top: 1px; left: 6px; }
#quote { position: absolute; top: 186px; left: 0; }
#quote .quote_1 { width: 349px; height: 93px; background: transparent url(../images/quote_01.gif) 0 0 no-repeat; } 
#quote .quote_2 { width: 268px; height: 92px; background: transparent url(../images/quote_02.gif) 0 0 no-repeat; } 
#quote .quote_3 { width: 268px; height: 89px; background: transparent url(../images/quote_03.gif) 0 0 no-repeat; } 
#quote .quote_4 { width: 306px; height: 88px; background: transparent url(../images/quote_04.gif) 0 0 no-repeat; } 

/* (Sub)Menu-items */
#submenu { margin-bottom: 20px; }
#submenu ul { margin: 0; padding: 0; list-style: none; }
#submenu ul ul { margin: 0; padding: 0 0 0 40px; margin-bottom: 3px; list-style: disc; background: #d4ceaa; width: 185px; }
#submenu li a { display: block; width: 236px; height: 21px; margin-bottom: 3px; color: #fff; font-weight: bold; text-decoration: none; text-indent: 17px;  background: transparent url(../images/submenu_a.gif) 0 0 no-repeat; }
#submenu li a:hover { background: transparent url(../images/submenu_a_active.gif) 0 0 no-repeat; } 
#submenu li a.active { background: transparent url(../images/submenu_a_active.gif) 0 0 no-repeat; }
#submenu li li a { display: inline; height: auto; width: auto; color: #6e6844; text-indent: 0; background: none; }
#submenu li li a:hover { text-decoration: underline; background: none; }
#submenu li li a.active { background: none; text-decoration: underline; }

/* Content items */
.wrapper { padding: 0 18px; }
h1 { color: #009534; /*font-size: 140%;*/ }
h2 { color: #009534; /*font-size: 140%;*/ }
/*p, strong, dt, ul, .tekst { font-size: 120%; color: #6c684f; }*/
a { color: #f70009; font-weight: bold; }
a img { border: 0; }
.print { display: none; }

#newsteasers .item { margin-bottom: 20px; }
#newsteasers .item img { float: left; margin: 3px 0; border: 1px solid #7d7356; }
#newsteasers .item h2 { margin: 0 0 5px 0; font-size: 120%; }
#newsteasers .item p { clear: left; margin: 5px 0 0 0; }
#newsteasers .item a { font-weight: bold; font-size: 80%;}
#newsteasers .item a:hover { text-decoration: none; }
#newsteasers .toon_alle { display: block; font-weight: bold; color: #009534; border: 1px solid #b1ac8c; border-width: 1px 0; padding: 5px 0; }
#weer_online { margin: 17px 0; padding: 25px 0; text-align:center; /* background: #dfd9b4; border:1px solid #b1ac8c; */ }
#weer_online table { background: #fff; border: 1px solid #b1ac8c; margin: 0 auto; width: 156px; }
#weer_online table table { border: 0; }
#zoek_activiteiten { position: relative; margin-bottom: 10px; width: 300px; height: 70px; background: transparent url(../images/zoek_activiteiten_bg.png) 0 0 no-repeat; }
#zoek_activiteiten fieldset { border: 0; margin: 0; padding: 32px 0 0 16px; }
#zoek_activiteiten legend { display: none; }
#zoek_activiteiten label { display: none; }
#zoek_activiteiten select { width: 220px; }
#zoek_activiteiten input { position: absolute; top: 21px; right: 12px; width: 39px; height: 42px; cursor: pointer; font-size: 0; border: 0; background: transparent url(../images/zoek_activiteiten_submit.gif) 0 0 no-repeat; }
#spotlight { margin-bottom: 10px; width: 300px; }
#spotlight dl { margin: 0; background: transparent url(../images/spotlight_dt_bg.gif) bottom left no-repeat; }
#spotlight dd { position: relative; margin: 0; padding: 0; }
#spotlight dd .bottom { position: absolute; bottom: 0px; left: 0; height: 9px; width: 300px; background: transparent url(../images/spotlight_dd_bottom.png) 0 0 no-repeat; }
#spotlight dt { padding: 5px 10px; }
#spotlight img { display: block; width: 300px; }
#spotlight h2 { position: relative; margin: 0; width: 300px; height: 40px; text-indent: -9999px; background: transparent url(../images/spotlight_bg.png) 0 0 no-repeat; }
#spotlight p { margin: 5px 0 0 0; }
#plattegrond { margin-bottom: 10px; width: 300px; }
#plattegrond dl { margin: 0; }
#plattegrond h2 { position: absolute; left: 0; top: 0; margin: 0; width: 300px; height: 40px; text-indent: -9999px; background: transparent url(../images/plattegrond_bg.png) 0 0 no-repeat; }
#plattegrond dd { margin: 0; padding-top: 20px; position: relative; }
#plattegrond dd .bottom { position: absolute; bottom: 0px; left: 0; height: 9px; width: 300px; background: transparent url(../images/plattegrond_dd_bottom.png) 0 0 no-repeat; }
#plattegrond img { display: block; width: 300px; }
#plattegrond dt { display: none; }
#adresgegevens { margin-bottom: 10px; width: 300px; }
#adresgegevens dl { margin: 0; }
#adresgegevens h2 { position: absolute; left: 0; top: 0; margin: 0; width: 300px; height: 40px; text-indent: -9999px; background: transparent url(../images/adresgegevens_bg.png) 0 0 no-repeat; }
#adresgegevens dd { margin: 0; padding-top: 30px; position: relative; }
#adresgegevens dt {  padding: 15px 10px 5px 10px; width: 280px; background: transparent url(../images/adresgegevens_dt_bg.gif) bottom left no-repeat; }
#adresgegevens p { margin: 5px 0 0 0; }

.paragraaf { margin-bottom: 20px; overflow: hidden; }
.paragraaf dd { margin: 0; padding: 0; position: relative; }
.paragraaf dd .top { position: absolute; top: 0; left: 0; height: 9px; width: 330px; background: transparent url(../images/paragraaf_dd_top.gif) 0 0 no-repeat; }
.paragraaf dd .bottom { position: absolute; bottom: 0px; left: 0; height: 9px; width: 330px; background: transparent url(../images/paragraaf_dd_bottom.png) 0 0 no-repeat; }
.paragraaf dl img { display: block; width: 327px; border: 1px solid #c0bb9d; }
.paragraaf dt { font-size: 80%; color: #035c22; padding: 5px 10px; width: 310px; background: transparent url(../images/paragraaf_dt_bg.gif) bottom left no-repeat; }
.paragraaf ul { margin: 0; padding: 0 0 0 15px; }
.topbutton { margin-top: 25px; clear: both; float: right; text-indent: -9999px; width: 39px; height: 42px; background: transparent url(../images/topbutton.png) 0 0 no-repeat; }


/* Sitemap */
#sitemap ul { margin: 0; padding: 0 0 0 15px; }

/* Footer items */
#footer { position: relative; clear: both; height: 100px; padding-bottom: 50px; background: #fff url(../images/footer_bg.gif) 0 0 no-repeat; }
#footer ul { margin: 0; padding: 59px 0 0 87px; list-style: none; }
#footer li { font-size: 80%; float: left; padding: 0 5px; background: #fff url(../images/footer_li_bg.gif) right 3px no-repeat; font-weight: bold;  }
#footer li.last { background: none; }
#footer .logos { position: absolute; right: 5px; top: 35px; width: 440px; height: 60px; text-align: right; }
#footer .logos ul { margin: 0; padding: 0; list-style: none; }
#footer .logos li { float: right; background: none; }
#footer .zon { position: absolute; top: -147px; left: 82px; width: 167px; height: 161px; background: transparent url(../images/footer_zon.gif) 0 0 no-repeat; }
#footer_item { position: absolute; top: -168px; right: 0px; }
#footer_item .item_01 { width: 332px; height: 200px; background: transparent url(../images/footer_item_01.jpg) 0 0 no-repeat;  }
#footer_item .item_02 { width: 332px; height: 200px; background: transparent url(../images/footer_item_02.jpg) 0 0 no-repeat;  }
#footer_item .item_03 { width: 281px; height: 200px; background: transparent url(../images/footer_item_03.jpg) 0 0 no-repeat;  }

/* Activiteitpagina */
#body_activiteit #container { background-image: url(../images/activiteit_container_bg.gif); }
#body_activiteit #container_layout { background-image: url(../images/activiteit_header_bg.gif); }
#body_activiteit #column_wrapper { width: 685px; }
#body_activiteit #column_center { width: 435px; padding: 20px 0 0 0; }
#body_activiteit #column_left { margin-right: 435px; }
#body_activiteit #column_right { margin-left: 685px; }

#body_activiteit #zoek_activiteiten { position: relative; margin-bottom: 10px; width: 230px; height: 70px; background: transparent url(../images/act_zoek_activiteiten_bg.png) 0 0 no-repeat; }
#body_activiteit #zoek_activiteiten select { width: 150px; }
#body_activiteit #zoek_activiteiten input { position: absolute; top: 21px; right: 12px; width: 41px; height: 41px;  }
#body_activiteit #spotlight { width: 230px; }
#body_activiteit #spotlight h2 { width: 230px; background-image: url(../images/act_spotlight_bg.png); }
#body_activiteit #spotlight dl { background-image: url(../images/act_spotlight_dt_bg.gif); } 
#body_activiteit #spotlight dd .bottom { width: 230px; background: transparent url(../images/act_spotlight_dd_bottom.png) 0 0 no-repeat; }
#body_activiteit #spotlight img { width: 230px; }
#body_activiteit #spotlight img.horecalijst { width: 230px; height:85px; background: transparent url(../images/banner_horecalijst_v2_klein.png) 0 0 no-repeat;  }
#body_activiteit #plattegrond { width: 230px; }
#body_activiteit #plattegrond h2 { width: 230px; background-image: url(../images/act_plattegrond_bg.png); }
#body_activiteit #plattegrond dd .bottom { bottom: -1px; width: 230px; background-image: url(../images/act_plattegrond_dd_bottom.png); }
#body_activiteit #plattegrond img { width: 230px; }
#body_activiteit #adresgegevens { width: 230px; }
#body_activiteit #adresgegevens h2 { width: 230px; background-image: url(../images/act_adresgegevens_bg.png); }
#body_activiteit #adresgegevens dt {  width: 210px; background-image: url(../images/act_adresgegevens_dt_bg.gif); }

#body_activiteit .act_print { position: absolute; right: 7px; top: 7px;  }
#body_activiteit #activiteit h1 { margin: 0 0 10px 0; color: #ffdc00; font-size: medium; }
#body_activiteit #activiteit { min-height: 600px; position: relative; color: #fff; padding: 10px 0;  background: transparent url(../images/act_activiteit_bg.jpg) 0 0 no-repeat; }
#body_activiteit .activiteit_bottom { height: 9px; background: transparent url(../images/act_activiteit_bottom.jpg) 0 0 no-repeat; }
#body_activiteit #activiteit h2 { color: #ffdc00; }
#body_activiteit #activiteit p { color: #fff; }
#body_activiteit #activiteit ul { color: #fff; }
#body_activiteit #activiteit ol { color: #fff; }
#body_activiteit #activiteit a { color: #ffdc00; font-weight: bold; }
#body_activiteit #activiteit .paragraaf dd .top { background-image: url(../images/act_paragraaf_dd_top.gif); }
#body_activiteit #activiteit .paragraaf dd .bottom { background-image: url(../images/act_paragraaf_dd_bottom.gif); }
#body_activiteit #activiteit .paragraaf img { border: 1px solid #0c4620; }


/* Strand */
#body_strand { background: #aed0e8 url(../images/strand/html_bg.gif) 0 0 repeat; }

/* Outdoor */
#body_outdoor { background: #aed0e8 url(../images/outdoor/html_bg.gif) 0 0 repeat; }
#body_activiteit { background: #aed0e8 url(../images/outdoor/html_bg.gif) 0 0 repeat; }

/* Paintball */
#body_paintball { background: #aed0e8 url(../images/paintball/html_bg.gif) 0 0 repeat; }
#body_paintball #container_layout { background-image: url(../images/paintball/header_bg.jpg); }
#body_paintball #logo { display: none;  }
#body_paintball #logo_paintball { display: block; position: absolute; top: 5px; left: 193px; z-index: 1; width: 460px; height: 173px; }
#body_paintball .paintballdagstrandlink { display: block; position: absolute; top: 0; left: 0; height: 70px; width: 140px; text-indent: -9999px; text-decoration: none; }
#body_paintball #utils { top: 160px; }
#body_paintball #header_foto { display: none; }
#body_paintball #quote { display: none; }
#body_paintball #header_item .item_01 { width: 297px; height: 176px; background: transparent url(../images/paintball/header_item_01.png) 0 0 no-repeat; } 
#body_paintball #header_polaroid { position: absolute; top: 63px; right: 0px; }
#body_paintball #header_polaroid .polaroid_01 { width: 397px; height: 236px; background: transparent url(../images/paintball/header_polaroid_01.jpg) 0 0 no-repeat; } 
#body_paintball #header_polaroid div { width: 397px; height: 236px; background: transparent url(../images/paintball/header_polaroid_01.jpg) 0 0 no-repeat; } 
#body_paintball #dagstrand_flash { display: none; }
#body_paintball #menu { top: 188px; background: #6e6a4b url(../images/paintball/menu_bg.gif) 0 0 repeat-x; }
#body_paintball #menu ul.dagstrand { display: none; }
#body_paintball #menu ul.paintball { display: block; }
#body_paintball #menu a.item_06 { width: 148px; background-image: url(../images/paintball/menu_item01_bg.gif); }
#body_paintball #menu a.item_07 { width: 79px; background-image: url(../images/paintball/menu_item02_bg.gif); }
#body_paintball #menu a.item_08 { width: 69px; background-image: url(../images/paintball/menu_item03_bg.gif); }
#body_paintball #menu a.item_09 { width: 115px; background-image: url(../images/paintball/menu_item04_bg.gif); }
#body_paintball #menu a.item_10 { width: 97px; background-image: url(../images/paintball/menu_item05_bg.gif); }
#body_paintball #menu a.item_11 { width: 53px; background-image: url(../images/paintball/menu_item06_bg.gif); }
#body_paintball #menu li { background-image: url(../images/paintball/menu_li_bg.gif); }
#body_paintball #zoek_activiteiten { background-image: url(../images/paintball/zoek_activiteiten_bg.gif); }
#body_paintball #footer_item { display: none; }

/* IE7 */
*+html #container_layout { height: 1%; }
*+html #content { height: 1%; }
