/* ---------- RESET ---------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;padding:0;
border:0;outline:0;
font-weight:inherit;font-style:inherit;font-family:inherit;font-size: 100%;
vertical-align: baseline;
}
body {
line-height:1.25em;
font-family: Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
font-size: 13px;
color: #44261F;
font-weight: normal;
background:#B3AC8F url(/content/design/images/bg2.png) repeat-x top left;
}
:focus { outline: 0; }
ol, ul { list-style: none; }
table {border-collapse:collapse;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
.cleanup {clear:both;}
/* ---------- GENERAL ---------- */
p {margin:0 0 1.45em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
a {color:#524C44;text-decoration:underline;}
a:focus, a:hover {color:red;}
input, select, textarea {
font-size:12px;
}
.bold {font-weight:bold;}
.red{color:red;}
/* ---------- HEADINGS ---------- */
.TeaserTitle {
font-size: 19px;
border-bottom:1px solid #44291F;
color:#44291F;
height:35px;
padding-top:10px;
background:transparent url(/content/design/images/IcoBlad.png) no-repeat 2px right;
line-height:35px;
font-weight:bold;
margin-bottom:20px;
}
h1 {
font-size: 15px;
color:#76805B;
font-weight:bold;
margin-bottom:16px;
}
/* ---------- CONTAINERS ---------- */
#HeaderWrapper {
margin: 0 auto;
width: 888px;
}
#MainWrapper {
margin: 0 auto;
width: 888px;
}
#ContainerMenu {
width: 888px;
margin-top:237px;
}
/* ---------- HOOFDMENU ---------- */
ul#listMenuRoot {
margin: 0 auto;
width:888px;
height:43px;
}
ul#listMenuRoot li {
float:left;
width:84px;
height:29px;
text-align:center;
padding-top:10px;
margin-right:20px;
}
ul#listMenuRoot li.actief {
background:transparent url(/content/design/images/MenuBg.png) no-repeat 0 0;
}
ul#listMenuRoot li a {
font-size: 15px;
color:#EAE6DF;
font-weight: bold;
text-decoration: none;
display:block;
height:29px;
margin-top:-10px;
padding-top:10px;
position:relative;
}
ul#listMenuRoot li a:hover {
color:#fff;
text-decoration:underline;
height:29px;
}
ul#listMenuRoot li.actief a {
background:none;
color:;
}
#ContainerLogo {
width: 791px;
height: 196px;
top:40px;
position:absolute;
}
#ContainerBlad {
width:547px;
height:220px;
top:17px;
position:absolute;
margin-left:60px;
background:transparent url(/content/design/images/blad.png) no-repeat 0 0;
}
#ContainerFotos {
width:358px;
height:358px;
top:44px;
position:absolute;
margin-left:550px;
background:transparent url(/content/design/images/BgFotos.png) no-repeat 0 0;
}
#ContainerBody {
width:888px;
margin-top:10px;
/*height:610px;*/
}
#ContentLeft {
float:left;
width:450px;
margin-right:15px;
margin-top:10px;
}
#RouteMap iframe {
border:1px solid #aaa;
padding:4px;
}
#RouteMap small a {
padding-top:5px;
color:#363029;
display:block;
}
#TeaserBox {
width:445px;
height:153px;
background:transparent url(/content/design/images/TeaserBox.png) no-repeat 0 0;
margin-top:25px;
}
#ContentRight {
float:right;
width:330px;
margin-top:150px;
}
ul#InDeKijker {
margin-left:0;
}
ul#InDeKijker li {
width:330px;
height:83px;
background:transparent url(/content/design/images/BgInDeKijker.png) no-repeat 0 0;
margin-bottom:6px;
}
ul#InDeKijker li img {
margin-top:10px;
margin-left:11px;
}
#Boompje {
width:330px;
height:100px;
background:transparent url(/content/design/images/BgFooterTree.png) no-repeat 0 0;
float:right;
margin-top:-117px;
}
div#footer #Boompje {
margin-top:-120px;
}
#SlideShowInDeKijker {
margin:22px 0 0 26px;
}
/*---------- Picasa entries ----------*/
#PicasaWrapper {
width: 520px;
}
.image-container {
text-transform:lowercase;
}
#photos .image-container, #photos .lightbox {
float: left;
margin: 0 18px 10px 0;
}
#photos .image-container p {
margin: 0;
padding: 0;
padding-top:3px;
}
#photos .image-container a {
text-decoration:none;
}
#photos .image-container .date {
color: #76805B;
display:none;
}
#photos img {
padding:2px;
border:1px solid #aaa;
}
#navigate {
font-weight:bold;
color:#000;
}
#navigate a {
color:#A45200;
}
#navigate h2 {
margin:18px 0 12px 0;
font-size:18px;
color:#44291F;
font-weight:bold;
}
/* ---------- FTR ---------- */
#FooterWrapper {
width:auto;
}
#FooterContainer {
margin: 0 auto;
width: 888px;
}
div#footer #FooterContainer {
padding-top:120px;
}
#FooterText {
width:888px;
height:20px;
color:#524C44;
font-size:11px;
}
#Keeman {
float:left;
}
#FooterMenu {
float:right ;
}
/* ---------- VARIA ---------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
}
/* Hides from IE-mac */
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */
#at16pf {
display:none;
}
* {margin:0;padding:0;}
html, body {height: 100%;}
#wrap {min-height: 100%;}
#main {
overflow:auto;
padding-bottom: 180px;
} /* must be same height as the footer */
#footer {
position: relative;
margin-top: -180px; /* negative value of footer height */
height: 180px;
clear:both;
background:#B3AC8F url(/content/design/images/ftr.png) repeat-x 0 0;
}
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
/* IMPORTANT
You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher.
*/