@charset "utf-8";
/* CSS Document */
/*Pure element*/
body{
margin:0;
padding:0;
background:url(../img/mainbg.png) repeat-x #2e8e90 top right;
font-family:"Georgia", Times New Roman, Times, serif;

}

/*header en container*/
#container{
margin:0 auto;
width:850px;
}


#header{
height:93px;
}

#header h1{
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color:#FFFFFF;
padding:25px 0 0 0px;
margin:0;
}
#header img{
position:absolute;
margin:-25px 0 0 600px;
z-index:5;
}

/* navigatie */
#navigatie{}
#navigatie ul{
margin:0;
padding:0;
}
#navigatie ul li{
list-style:none;
float:left;
margin:0;
padding:0;
}
#navigatie ul li a{
text-decoration:none;
display:block;
padding:15px 15px 33px;
color:#000000;
font-size:11px;
}
#navigatie ul li a .mainlabel{
font-size:24px;
}

#navigatie ul li.current a{
background:url(../img/left_tab_curr.jpg) no-repeat;
color:#FFFFFF;

}

li.current{
padding:5px;
background:url(../img/right_tab_curr.jpg) no-repeat top right;
color:green;
}
/*a actions*/
#navigatie ul li a:link, #navigatie ul li a:visited{}
#navigatie ul li a:hover{
background:url(../img/bg_hover.gif) repeat-x;
color:#FFFFFF;
} 
#navigatie ul li.current a:hover{
background:url(../img/left_tab_curr.jpg) no-repeat;
}   

#pageContent h1{
width:550px;
color:#FFFFFF;
font-weight:normal;
float:left;
margin-bottom:0;
padding-left:12px;
}

#pageContent p{
clear:left;
color:#FFFFFF;
width:500px;
float:left;
padding-left:12px;
margin-bottom:35px;
line-height:20px;
}

#knop{
margin:50px 22px 0 0;
float:right;
width:258px;
}
#knop a{
display:block;
}
#knop img{
position:absolute;
}
p#knoptekst{
width:258px;
margin:0px 0px 0 10px;
position:absolute;
}
body #pageContent a#vraag:link, body #pageContent a#vraag:visited{
padding-top:20px;
color:#ffffff;
font-size:24px;
text-decoration:none;
}
body #pageContent a#vraag:hover{
text-decoration:underline;
}
p#knoptekst a:link, p#knoptekst a:visited{
color:#cacf43;
width:258px;
}
#boxes{
clear:both;
}
.box{
font-size:12px;
float:left;
width:280px;
background:url(../img/box_side.png) repeat-y;
}
body #pageContent .box .content {
width:260px;

padding:0px 0px 30px 22px;
color:#000000;
background:url(../img/box_bottom.png) no-repeat bottom left;
margin:0;
overflow:hidden;
}
body #pageContent .box p{
width:220px;
color:#000000;
margin:0 0 10px; 10px;
padding:0 0 0 10px;
}

.box h2{
margin:0;
padding:18px 10px 10px 30px;
background:url(../img/top_box.png) no-repeat;
color:#146567;
font-size:12px;
}
.box h2 .feestkleur{
color:#d6156c;
font-size:18px;
line-height:25px;
}

.box h2 .feestkleur2{
color:#969b13;
font-size:18px;
}
.box img{
float:left;
margin-right:10px;
}
#pageContent.content p{
margin-right:50px;
margin-top:0;

}
.clear{
clear:both;
text-indent:-9999px;
}
body #pageContent .box .content p{


}
h3{
clear:left;
text-indent:10px;
margin:0 0 10px 0;
}

li.extra{
font-weight:bold;
}

.content ul{
clear:left;
margin:0px;
margin-bottom:20px;
}
.content ul li{
width:180px;
}

.bijzin{
font-size:12px;
line-height:20px;
color:#666666;
}
#pageContent #boxes #fotogallerij{

background:url(../img/bg_foto_top.png) no-repeat;
clear:both;
text-indent:-9999px;
}

h2.foto{
margin:0;
padding:20px 0 0 18px;
}

#fotoOverzicht{
background:url(../img/bg_fotogallerij.png) repeat-y;

}

#bottomFoto{
background: url(../img/bg_foto_bottom.png) no-repeat;
text-indent:-9999px;
}
a img{
border:none;
}
body #pageContent p.address{
padding:20px;
color:#000000;
}
#fotos{
padding-left:25	px;
}
#fotoOverzicht{
padding:10px 0 0 30px;
}