@charset "UTF-8";
/* CSS Document */
body
{
background-image:url(../images/bodybg.png);
text-align:center;
margin-top:20px;
margin-left:0px;
text-align:center;
height:100%;
}
img
{
border:0px;
}
a:link {
        color: #597228;
        text-decoration: none;
}
a:visited {
        text-decoration: none;
        color: #597228;
}
a:hover {
        text-decoration: none;
        color: #635117;
}
a:active {
        text-decoration: none;
        color: #635117;
}
.mouseover ul {list-style: none; margin-left:-42px;}
.mouseover ul li {display: inline; font-size: 14px; line-height: 14px; font-weight: bold; font-family: "Trebuchet MS", Helvetica, sans serif;}

.mouseover ul li a {padding: 0 0 0 8px; background: url(../images/home.png) no-repeat; float: left; width:90px; height:50px; margin-right:6px;}
.mouseover ul li a.ons {padding: 0 0 0 8px; background: url(../images/ons.png) no-repeat; float: left; width:90px; height:50px; margin-right:6px;}
.mouseover ul li a.jelle {padding: 0 0 0 8px; background: url(../images/jelle.png) no-repeat; float: left; width:90px; height:50px; margin-right:6px;}
.mouseover ul li a.paul {padding: 0 0 0 8px; background: url(../images/paul.png) no-repeat; float: left; width:90px; height:50px; margin-right:7px;}
.mouseover ul li a.agenda {padding: 0 0 0 8px; background: url(../images/agenda.png) no-repeat; float: left; width:90px; height:50px;margin-right:6px;;}
.mouseover ul li a.fotos {padding: 0 0 0 8px; background: url(../images/fotos.png) no-repeat; float: left; width:90px; height:50px; margin-right:6px;}
.mouseover ul li a.media {padding: 0 0 0 8px; background: url(../images/media.png) no-repeat; float: left; width:90px; height:50px; margin-right:6px;}
.mouseover ul li a.contact {padding: 0 0 0 8px; background: url(../images/contact.png) no-repeat; float: left; width:90px; height:50px;}

.mouseover ul li a span {padding: 0px 0px 0px 0px; display: block; background: url(../images/homeo.png) no-repeat; float: left;}
.mouseover ul li a span.ons {padding: 0px 0px 0px 0px; display: block; background: url(../images/onso.png) no-repeat; float: left;}
.mouseover ul li a span.jelle {padding: 0px 0px 0px 0px; display: block; background: url(../images/jelleo.png) no-repeat; float: left;}
.mouseover ul li a span.paul {padding: 0px 0px 0px 0px; display: block; background: url(../images/paulo.png) no-repeat; float: left;}
.mouseover ul li a span.agenda {padding: 0px 0px 0px 0px; display: block; background: url(../images/agendao.png) no-repeat; float: left;}
.mouseover ul li a span.fotos {padding: 0px 0px 0px 0px; display: block; background: url(../images/fotoso.png) no-repeat; float: left;}
.mouseover ul li a span.media {padding: 0px 0px 0px 0px; display: block; background: url(../images/mediao.png) no-repeat; float: left;}
.mouseover ul li a span.contact {padding: 0px 0px 0px 0px; display: block; background: url(../images/contacto.png) no-repeat; float: left;}
.mouseover ul li a:hover {background-position: 0 0; width:90px; height:50px; }
.mouseover ul li a:hover span {background-position: 100% 0; width:90px; height:50px;}
P
{
font-family:verdana;
text-align:justify;
font-size:12px;
color:#333333;
}
H1
{
font-family:verdana;
text-align:justify;
font-size:14px;
color:#597228;
}
ul, li
{
font-family:verdana;
text-align:left;
font-size:12px;
color:#333333;
}
#wrapper
{
text-align:left;
width:1076px;
margin: 0 auto -50px;
min-height: 250px;
height: auto;
height: 100%;
border:0px solid white;
}
#menu
{
/*width:720px;*/
width:880px;
height:50px;
border:0px solid blue;
float:left;
padding-top:80px;
margin-bottom:16px;
}
#foto
{
width:250px;
height:500px;
height:100%;
border:0px solid;
float:left;
margin-top:-651px;
margin-left: -10px;
}
#logo
{
width:250px;
height:100%;
border:0px solid green;
float:left;
margin-left:820px;
margin-top:-120px;
}
#content
{
width:470px;
height:100%;
border:0px solid green;
float:left;
margin-left:315px;
margin-top:-653px;
padding-top:10px;
}
#footer
{
width:1076px;
height:80px;
background:url(../images/footer_bg.png);
border:0px solid blue;
float:left;
font-family:verdana;
text-align:center;
font-size:10px;
line-height:40px;
padding-left:10px;
}
#leeg_vormloos
{
background:url(../images/vormloos.png);
background-repeat:no-repeat;
background-position:bottom;
width:250px;
height: 100px;
border:0px solid #0000FF;
float:left;
margin-left:820px;
margin-top:-130px;
}