html, body, p, div, ul, li, form, h1, h2, h3, h4 { padding: 0px; margin: 0px; font-family: arial; font-size: 12px; }
body { background-color: #213140; }
html { overflow: scroll; overflow-x: hidden; }
a { color: #213140; }
#centerDiv { width: 990px; margin: 10px auto; }
#centerDiv #flagsContainer { margin-left: 264px; height: 20px; width: 571px; }
#centerDiv #flagsContainer a { text-indent: -2000px; display: block; width: 25px; height: 20px; line-height: 20px; background-color: red; float: left; margin-right: 8px; }
#centerDiv #headerContainer { width: 990px; height: 180px; position: relative; }
#centerDiv #headerContainer #logoContainer { width: 219px; height: 180px; background: url(/images/logo.gif); float: left;}
#centerDiv #headerContainer #logoContainer a { display: block; text-indent: -2000px; width: 219px; height: 180px;}
#centerDiv #headerContainer .fotoContainer { width: 571px; height: 180px; float: left; position: relative; }
#centerDiv #headerContainer .fotoContainer img { position: absolute; left: 0px; top: 10px; }
#centerDiv #headerContainer #headerSpacer { z-index: 101; position: absolute; left: 219px; top: 5px; width: 571px; height: 180px; }
#centerDiv #headerContainer #topMenu { width: 200px; height: 180px; background:url(/images/topMenu.jpg); float: left;}
#centerDiv #headerContainer #topMenu ul { list-style: none; width: 180px; margin-left: 10px; height: 160px; margin-top: 20px;}
#centerDiv #headerContainer #topMenu ul li { height: 30px; background:url(/images/menuDivider.jpg); background-position: left bottom; background-repeat: no-repeat; line-height: 30px; text-indent: 10px;}
#centerDiv #headerContainer #topMenu ul li a { text-decoration: none; font-family: arial; color: #213140; font-size: 16px; font-weight: bold; text-transform: uppercase;}
#centerDiv #headerContainer #topMenu ul li a:hover { color: #000000; }
#centerDiv #headerContainer #topMenu ul li a img { border: 0px; }
#centerDiv #headerContainer #topMenu ul li.copyright { text-indent: 20px; margin-top: 30px; }
#centerDiv #headerContainer #topMenu ul li.copyright a { font-size: 12px; text-transform: lowercase; }
#centerDiv #crumbContainer { width: 990px; height: 33px; background:url(/images/crumbBackground.gif);}
#centerDiv #crumbContainer #crumbTrail { list-style: none; margin-left: 262px; /*???*/ width: 628px; height: 30px; line-height: 30px; }
#centerDiv #crumbContainer #crumbTrail li { font-size: 11px; float: left; color: #FFFFFF; line-height: 30px; height: 30px;}
#centerDiv #crumbContainer #crumbTrail li a { font-size: 11px; color: #FFFFFF; text-decoration: none; }
#centerDiv #crumbContainer #crumbTrail li a:hover { color: #000000; }
#centerDiv #contentContainer { width: 990px; }
#centerDiv #contentContainer #menu { float: left; width: 232px; height: 293px; background: url(/images/menuBackground.jpg); }
#centerDiv #contentContainer #menu ul { list-style: none; width: 180px; margin-left: 26px; margin-top: 10px; margin-bottom: 15px;}
#centerDiv #contentContainer #menu ul li { height: 30px; background:url(/images/menuDivider.jpg); background-position: left bottom; background-repeat: no-repeat; line-height: 30px; text-indent: 10px;}
#centerDiv #contentContainer #menu ul li a { text-decoration: none; font-family: arial; font-weight: bold; color: #213140; font-size: 16px; }
#centerDiv #contentContainer #menu ul li a:hover { color: #000000; }
#centerDiv #contentContainer #menu ul.small { list-style: none; width: 205px; margin-left: 26px; margin-top: 35px; margin-bottom: 0px;}
#centerDiv #contentContainer #menu ul.small li { height: 30px; background:url(/images/menuDivider.jpg); background-position: left bottom; background-repeat: no-repeat; line-height: 30px; }
#centerDiv #contentContainer #menu ul.small li a { text-decoration: none; font-family: arial; color: #213140; font-size: 16px; font-weight: bold;}
#centerDiv #contentContainer #menu ul.small li a:hover { color: #000000; }
#centerDiv #contentContainer #content { position: relative; float: left; width: 748px; background: #FFFFFF url(/images/contentBackground.jpg) ; background-repeat: no-repeat; }
#centerDiv #contentContainer #content #leftContent { position: relative; min-height: 225px; float: left; width: 505px; margin: 13px 25px 30px 30px; }
#centerDiv #contentContainer #content #leftContent p { padding-bottom: 10px; }
#centerDiv #contentContainer #content #leftContent p.marginBottomNull { padding-bottom: 0px !important; }
#centerDiv #contentContainer #content #leftContent p a { color: #213140; }
#centerDiv #contentContainer #content #leftContent h2 { font-family: arial; font-size: 18px; color: #213140; font-weight: bold; margin-bottom: 10px; }
#centerDiv #contentContainer #content #leftContent h3 { font-size: 12px; color: #213140; font-weight: bold; margin-bottom: 10px; }
#centerDiv #contentContainer #content #leftContent ul { list-style: none; width: 505px; height: 20px; }
#centerDiv #contentContainer #content #leftContent ul li { float: left; line-height: 20px; height: 20px; }
/*#centerDiv #contentContainer #content #leftContent ul li */ #datumItem { width: 230px; font-weight: bold; }
/*#centerDiv #contentContainer #content #leftContent ul li */ #gebruikerItem { width: 150px; font-family: arial; font-size: 13px; color: #213140; font-weight: bold; }
/*#centerDiv #contentContainer #content #leftContent ul li #permaItem { width: 70px; color: #213140; }*/
/*#centerDiv #contentContainer #content #leftContent ul li #permaItem a { color: #213140; }*/
/*#centerDiv #contentContainer #content #leftContent ul li */ #reactiesItem { width: 120px; color: #213140; }
/*#centerDiv #contentContainer #content #leftContent ul li */ #reactiesItem a {color: #213140; }
/* tabs van de campings */
#centerDiv #contentContainer #content #leftContent ul#tabs { position: absolute; list-style: none; height: 28px; top: -29px; left: -2px; }
#centerDiv #contentContainer #content #leftContent ul#tabs li { width: 100px; height: 28px; line-height: 28px; }
#centerDiv #contentContainer #content #leftContent ul#tabs li a { display: block; text-decoration: none; width: 100px; height: 28px; text-align: center; color: #FFFFFF; line-height: 28px; }
#centerDiv #contentContainer #content #leftContent ul#tabs li.tab_1 a { background:url(/images/tab_1.gif); color:#213140; }
#centerDiv #contentContainer #content #leftContent ul#tabs li.tab_1_active, #centerDiv #contentContainer #content #leftContent ul#tabs li.tab_1 a:hover { background:url(/images/tab_1_active.gif); color:#FFFFFF; }
#centerDiv #contentContainer #content #leftContent ul#tabs li.tab_2 a { background:url(/images/tab_2.gif); color:#213140; }
#centerDiv #contentContainer #content #leftContent ul#tabs li.tab_2_active, #centerDiv #contentContainer #content #leftContent ul#tabs li.tab_2 a:hover { background:url(/images/tab_2_active.gif); color:#FFFFFF; }
#centerDiv #contentContainer #content #leftContent ul#tabs li.tab_3 a { background:url(/images/tab_3.gif); color:#213140; }
#centerDiv #contentContainer #content #leftContent ul#tabs li.tab_3_active, #centerDiv #contentContainer #content #leftContent ul#tabs li.tab_3 a:hover { background:url(/images/tab_3_active.gif); color:#FFFFFF; }
#centerDiv #contentContainer #content #leftContent #contentTab { position: relative; margin-left: 1px; border: 1px solid #213140; width: 500px; min-height: 220px;}
.onderdeelTekstarea { margin-top: 8px; padding: 4px; padding-bottom: 0px;}
.onderdeelTekst { padding: 4px; padding-bottom: 0px;}
.beschrijving { float: left; width: 100px; font-weight: bold;}
.waarde { float: left; }
.waarde a { color: #213140; }
#centerDiv #contentContainer #content #contentRight { float: left; margin-top: 13px; width: 167px; margin-left: 10px;}
#centerDiv #contentContainer #content #contentRight #fotoboeken { position: relative; width: 167px; margin-bottom: 15px; }
#centerDiv #contentContainer #content #contentRight #fotoboeken span { display: block; margin-bottom: 8px; font-weight: bold; font-size: 16px; font-weight: bold;}
#centerDiv #contentContainer #content #contentRight #fotoboeken span.title { width: 167px; text-align: center; font-size: 11px; }
#centerDiv #contentContainer #content #contentRight #fotoboeken .fotoboek { position: relative; margin: 0 auto; margin-bottom: 4px; width: 167px; }
#centerDiv #contentContainer #content #contentRight #fotoboeken .fotoboek a { width: 167px; display: block; text-align: center;}
#centerDiv #contentContainer #content #contentRight #fotoboeken .fotoboek a img { border: 0px; margin: 0 auto;}
#centerDiv #contentContainer #content #contentRight .items { list-style: none; }
#centerDiv #contentContainer #content #contentRight .items li { color: #213140; font-weight: bold; margin-bottom: 7px;}
#centerDiv #contentContainer #content #contentRight .items li a { color: #213140; font-weight: normal;}
.spanHeader { display: block; font-weight: bold; font-size: 16px; font-weight: bold;}
#centerDiv #footer { float: left; width: 749px; height: 26px; background: url(/images/footerContentBackground.jpg);}
#centerDiv #footer_modified { float: left; width: 749px; height: 15px; background-color: #213140; text-align: center; color: #FFFFFF; font-size: 10px; }
#videoDiv { text-align: center; width: 505px; margin-top: 10px; margin-bottom: 10px; }
#reacties { padding: 4px; }
#reacties .reactie { }
#reacties .reactie p { margin-top: 8px; }
#reacties .reactie .geplaatst { font-weight: bold;}
.divider { background:url(/images/reactieDivider.jpg); background-repeat: no-repeat; background-position: center; width: 482px; height: 7px; margin-bottom: 10px;}
.clear { clear: both; }
/* ------------------------------------------- Formulier elementen */
form { margin: 10px 0 10px 0; padding: 0; border: none; }
form br { clear: left; }
label { margin-top: 2px; display: block; font-weight: bold; cursor: pointer; float: left; width: 200px; vertical-align: middle; }
fieldset { padding:0; margin: 0; border: none; margin-bottom: 10px;}
legend { font-weight: bold; font-size:13px; border: none !important; width: 300px; padding-left: 0px; }
/* ------------------------------------------- Formulier input velden */
input.text, input.title,
textarea, select {
margin: 0.5em 0;
border: 1px solid #bbb;
}
input,
textarea, select {
margin: 2px 0 0 0;
padding:2px 0 2px 4px;
border: 1px solid #666;
font-family:"Tahoma", sans-serif;
font-size:1.0em;
color:#333;
}
select { width: 278px;}
input:focus,
textarea:focus,
select:focus { background: #e5e5e5; }
input.text,
input.title { width: 300px; padding:.5em; border: none; }
textarea { width: 465px; height: 40px; padding:5px; }
input { width: 272px; }
.checkbox { width: 15px !important; float: left; margin-right: 10px;}
.button { width: 100px; background-color: #213140; color: #FFFFFF;}
input.button:focus { background-color: #213140; color: #FFFFFF;}
#postErrorDiv { font-weight: bold; color: #FF2200;}
/* HEADER SLIDESHOW */
#rotator
{
overflow: hidden;
position: relative;
width: 571px;
height: 180px;
}
#rotator img
{
border: 0;
cursor: pointer;
width: 571px;
height: 180px;
}
/* 404 PAGINA */
#centerDiv #errorDiv { position: relative; margin: 0 auto; width: 750px; height: 482px; background: url(/images/404.gif); }
#centerDiv #errorDiv a.homeClick { display: block; position: absolute; width: 250px; height: 250px; left: 230px; top: 50px; text-indent: -2000px; }
#centerDiv #errorDiv #errorMessage { position: absolute; bottom: 45px; font-family: arial; height: 100px; width: 500px; line-height: 20px; left: 120px; font-weight: normal; font-size: 18px; color: #991C1F;letter-spacing: 1px; }
#centerDiv #errorDiv #errorMessage p { font-size: 12px; }
#centerDiv #errorDiv #errorMessage p a { text-decoration: none; border: 0px; color: #991C1F;}
#centerDiv #errorDiv #errorMessage p img { margin-bottom: 3px; border: 0px; }
/* aankondigingspagina */
#centerDiv #binnenkortDiv { position: relative; margin: 0 auto; width: 750px; height: 482px; background: url(/images/binnenkortonline.gif); }
#centerDiv #binnenkortDiv a.homeClick { display: block; position: absolute; width: 250px; height: 250px; left: 230px; top: 50px; text-indent: -2000px; }
#centerDiv #binnenkortDiv #binnenkortMessage { position: absolute; bottom: 35px; font-family: arial; height: 100px; width: 470px; line-height: 20px; left: 120px; font-weight: normal; font-size: 18px; color: #213140; letter-spacing: 1px;}
#centerDiv #binnenkortDiv #binnenkortMessage p { font-size: 16px; font-weight: bold; }