/* ------------- Cascading Style Sheet voor JurgenKnops.nl ------------- */
/* --------------------------------------------------------------------- */
/* ---------------------- (c) 2005-2010 Jurgen Knops ------------------- */
/* ------------------ Website: http://www.JurgenKnops.nl --------------- */
/* --------------------------------------------------------------------- */

/* --------------------------------------------------------------------- */
/* ------ Hallo CSS nieuwsgierige :), leuk dat je even achter de ------- */
/* ----- schermen komt kijken. Wat je nu doet is namelijk de beste ----- */
/* ----- manier om CSS te leren. Zo heb ik het ook geleerd, en zo ------ */
/* ------ leert iedereen het. Voel je vrij om bepaalde stukken te ------ */
/* ----  kopiëren voor eigen gebruik. Houdt er echter wel rekening ----- */
/* ------ mee dat ook ik hier mijn nodige tijd in heb gestoken. -------- */
/* -------- Kortom, kijk liever met je ogen, dan met je muis. ---------- */
/* --------------------------------------------------------------------- */

html {
background:#2C2419 url(../images/layout/website-achtergrond.jpg) no-repeat;
background-position:top center;
margin:0;
padding:0;
}

body {
height:100%;
margin:0;
padding:0;
}

#website-layout {
margin-left:auto;
margin-right:auto;
padding-top:170px;
width:770px;
}

#website-header {
background:url(../images/layout/website-inhoud-header.jpg) no-repeat 0 0;
background-position:bottom center;
height:20px;
width:770px;
}

#website-geheel {
background-color:#fff;
height:320px;
}

#website-menu-geheel {
float:left;
margin:-5px 0;
padding-left:10px;
position:relative;
}

#website-inhoud-geheel {
float:right;
margin-bottom:0;
margin-top:-5px;
padding-right:10px;
position:relative;
width:525px;
}

#website-footer {
background:url(../images/layout/website-inhoud-footer.jpg) no-repeat 0 0;
height:15px;
width:770px;
}

#website-menu-bereik {
background:url(../images/layout/website-menu-foto.jpg) no-repeat;
background-position:bottom left;
border-bottom:1px #fff solid;
border-top:1px #fff solid;
height:228px;
position:relative;
width:215px;
}

#website-menu-header {
background:url(../images/layout/website-menu-header.jpg) no-repeat;
height:65px;
width:215px;
}

#website-menu-navigatie {
list-style-type:none;
margin:0;
padding:0;
width:216px;
}

#website-menu-navigatie li {
border-bottom:#fff 1px solid;
float:left;
}

#website-menu-navigatie li a {
background-color:#6E869F;
border-right:#fff 0 solid;
color:#fff;
display:block;
font:13px/22px "Trebuchet MS";
padding-bottom:8px;
padding-left:8px;
padding-top:8px;
text-decoration:none;
width:99px;
}

#website-menu-navigatie li a:hover {
background-color:#7D93A9;
}

li.actievelink {
border-bottom:#fff 0 solid;
border-left:#fff 0 solid;
border-right:#fff 1px solid;
border-top:#fff 0 solid;
}

#website-menu-copyright {
background:url(../images/layout/website-menu-footer.jpg) no-repeat;
color:#555;
font:11px/14px "Trebuchet MS";
height:35px;
margin-bottom:-10px;
padding-top:10px;
text-align:center;
width:215px;
}

#website-menu-copyright a {
color:#555;
text-decoration:none;
}

#website-module-tekst {
height:330px;
position:relative;
width:250px;
}

#website-module-voorstelling {
height:295px;
position:relative;
width:525px;
}

#website-module-voorstelling img {
vertical-align:bottom;
border: 0px;
}

#website-module-voorstelling-beschrijving {
background:url(../images/layout/website-module-footer.jpg) no-repeat;
color:#444;
float:right;
font:11px/14px "Trebuchet MS";
height:25px;
margin-bottom:-15px;
margin-top:0;
padding-top:10px;
position:relative;
text-align:center;
width:525px;
}

#website-module-voorstelling-beschrijving a {
color:#444;
text-decoration:none;
font-style:italic;
}

p.pagina-titelbeschrijving {
background:url(../images/layout/website-inhoud-linkbelijning.jpg) no-repeat 0 25px;
color:#8E8478;
font:16px/30px Arial, Helvetica, sans-serif;
margin-bottom:-5px;
margin-top:5px;
}

p.pagina-titelbeschrijving a {
color:#5A8A17;
font-weight:700;
text-decoration:none;
}