@charset "utf-8";
/* CSS Document */

body{
margin:0;
padding:0;
font: Tahoma , "Trajan Pro";
background: url(../images/mainbg.jpg) repeat-x;
overflow-x:hidden;

}
@font-face {  
	  font-family: "TrajanPro";  
	  src: url( ../fonts/TrajanPro-Regular.otf); /* IE */  
	  src: local("real FontName "), url( ../fonts/TrajanPro-Regular.otf) format("truetype"); /* non-IE */  
}  
img{ border:0;
}
span{
margin:0;}

#wrapper{
width:1002px;
height:100%;
margin:0 auto;
padding:0;
/*background:url(../images/whitebg.jpg) repeat;*/
background:#fff;
overflow:hidden;
position: relative;
}
.bottombg{
width:1002px;
height:163px;
margin:0;
padding:0;
float:left;
overflow:hidden;
}

.kidssfooter{
width:1002px;
height:163px;
margin:0;
padding:0;
float:left;
background: url(../images/kidsfooter.jpg) no-repeat;
overflow:hidden;
}

.trainingfooter{
width:1002px;
height:163px;
margin:0;
padding:0;
float:left;
background: url(../images/triningfooter.jpg) no-repeat;
overflow:hidden;
}

.vitaliteitfooter{
width:1002px;
height:163px;
margin:0;
padding:0;
float:left;
background: url(../images/vitaliteit_agenda_footer.jpg) no-repeat;
overflow:hidden;
}


.fotosfooter{
width:1002px;
height:163px;
margin:0;
padding:0;
float:left;
background: url(../images/fotosfooter.jpg) no-repeat;
overflow:hidden;
}
/*
.masstrobox{
position:relative;
z-index:1;
width:438px; 
bottom:0; 
right:0; 
float:right;
}
.maestro{
width:438px;
height:564px;
margin:0;
padding:0px;
position: absolute;
z-index:2;
background: url(../images/maestro.png) no-repeat;
right:0;
bottom:0px;
float:right;
}*/


.masstrobox{
position:relative;
z-index:10;
width:438px; 
bottom:0; 
right:0; 
float:right;
}
.maestro{
width:438px;
height:564px;
margin:0;
padding:0px;
position: absolute;
z-index:1;
background: url(../images/maestro.png) no-repeat;
right:0;
bottom:0px;
float:right;
}

.header{
width:988px;
height:66px;
margin:0;
padding:0 7px;
float:left;
}
.logo{
 width:284px;
 height:39px;
 float:left;
 margin:5px 0 0 0;
 }
.headermenu{
width:526px;
height:24px;
margin:0;
padding:0;
float:left;
background: url(../images/menubg.jpg) repeat-x;
position:relative;
z-index:90;
}

.flags{
 width:90px;
 height:10px;
 float:right;
 margin:5px 0 0 0;
 padding:0 8px 0 0;
 position: relative;
 z-index:35;
 }
 
 .flags a{
 text-decoration:none;
 padding:0 0 0 10px;
 margin:0;
 width:17px;
 float:right;
 }
.headermenu ul{ 
margin:0;
padding:0 0 0 7px;
}
.headermenu li{
list-style:none;
display:inline;
margin:0 ;
padding:7px 0 0 10px;
}
.headermenu a{
margin:0;
padding:0;
color:#fff;
text-decoration:none;
font:14px Tahoma;
}
.headermenu a:hover{
color:#000;
}
.bodycontent{
width:988px;
float:left;
margin:0;
padding:0 7px;
min-height:695px;
}
.opengallery{
width:988px;
min-height:505px;
margin:0;
padding:0 7px;
float:left;
}
.opengallery a img{
margin:0 15px 5px 0;
}


.entertainment{
width:385px;
float:left;
padding:0 0 18px 0;
margin:27px 5px 0 0;
position:relative;
z-index:30;
background:url(../images/tracebg.png) repeat;
min-height:295px;
}
.entertainmenth2{
background:url(../images/hedingicon.png) no-repeat scroll 0 0 transparent;
height:22px;
margin:0 0 27px;
padding:0 0 0 25px;
width:309px;
font-family:TrajanPro;
font-size:16px;
font-weight:normal;
/*background:url(../images/listicon.jpg) no-repeat;
*/}
.entertainment ul{
width:336px;
margin:0;
padding:0 0 0 26px;
float:left;
}
.entertainment li{
list-style:none;
margin:0;
padding:0;
font:11px Tahoma;
color:#777;
0099ff
}

.entertainment p{
list-style:none;
margin:0;
padding:0 0 5px 36px;
font:11px Tahoma;
color:#333;
width:336px;
float:left;
}
.blueli{
font:11px Tahoma;
color:#0099ff;
padding:0;
text-decoration:none;
}

.bluetext{
font:12px Tahoma;
color:#0099ff;
padding:0;
margin:0;
}


.media{
width:370px;
float:left;
padding:0 0 18px 0;
margin:27px 0 0 0;
position:relative;
z-index:2;
background:url(../images/tracebg.png) repeat;
min-height:295px;
}
.mediah2{
background:url(../images/hedingicon.png) no-repeat scroll 0 0 transparent;
height:22px;
margin:0 0 27px;
padding:0 0 0 25px;
width:309px;
font-family:TrajanPro;
font-size:16px;
font-weight:normal;
/*background:url(../images/listicon.jpg) no-repeat;*/
}
.mediaplayer{
width:336px;
margin:0 0 0px 0;
padding:0 0 0 26px;
float:left;
}


.mediaplayer ul{
width:336px;
margin:-8px 0 6px 0;
padding:0;
}

.mediaplayer li{
margin:0;
padding:2px 0;
font:11px Tahoma;
color:#777777;
list-style:none;
}

.mediaplayer form{
width:336px;
margin:0 0 27px 0;
padding:0;
}


.archivs{
display: none;
width:178px;
float: left;
padding:0 0 0 48px;
margin:27px 0 0 0;
position:relative;
z-index:12;
}
.archivsh2{
background:url(../images/hedingicon.png) no-repeat scroll 0 0 transparent;
height:22px;
margin:0 0 27px;
padding:0 0 0 25px;
width:309px;
font-family:TrajanPro;
font-size:16px;
font-weight:normal;
/*background:url(../images/magicstic.png) no-repeat;*/

}
.archivs ul{
margin:0;
padding:0;
list-style:none;

}
.archivs li{ margin:0 0 3px 0;
list-style:none;
padding:0px 20px 0px 4px;
width:146px;
background:#ccc;

}
.archivs a{
font:11px Tahoma;
color:#666;
text-decoration:none;
}
.archivs a:hover{
text-decoration: underline;
}

.contact{
width:385px;
float:left;
padding:0 0 18px 0;
margin:27px 5px 0 0;
position:relative;
z-index:30;
background:url(../images/tracebg.png) repeat;
min-height:295px;
}
.contacth2{
width:336px;
height:22px;
margin:0 0 27px 0;
padding:0;
float:left;
/*background:url(../images/listicon.jpg) no-repeat;*/
font:16px "Trajan Pro", Tahoma;
color:#000;
}
.contactform{
width:336px;
margin:0 0 0px 0;
padding:0 0 0 26px;
float:left;
}
.conacttextbox{
width:326px;
height:20px;
margin-bottom:14px;
float:left;
padding:0 5px ;
font:12px Tahoma;
color:#666;
background:#ccc;
border:0;
float:left;
}

.conacttextarea{
width:336px;
height:87px;
margin:0 16px 0 0;
padding:0;
text-indent:5px;
float:left;
padding:0;
font:12px Tahoma;
color:#666;
background:#ccc;
border:0;
text-align:left;
}

.verstuur{
width:77px;
height:24px;
color:#fff;
font:12px Tahoma;
background:url(../images/menubg.jpg) repeat-x 0 0;
float:right;
border:0;
margin:0 0px 0 0;
padding:0;
}

.gegevens{
width:363px;
float:left;
padding:0;
margin:25px 0 0 0;
position:relative;
z-index:40;
overflow:visible;
}
.gegevensh2{
width:336px;
height:22px;
margin:0 0 27px 0;
padding:0;
float:left;
/*background:url(../images/listicon.jpg) no-repeat;*/
font:16px "Trajan Pro", Tahoma;
color:#000;
}
.gegevenstext{
width:336px;
margin:0 0 27px 0;
padding:0 0 0 26px;
float:left;
font:16px "Trajan Pro", Tahoma;
color:#000;
}
.gegevenstext ul{
width:336px;
margin:0;
padding:0;
float:left;
font:16px "Trajan Pro", Tahoma;
color:#000;
}

.gegevenstext li{
list-style:none;
margin:0;
padding:0;
color:#777;
font:12px Tahoma;
}

.gegevenstext p{
margin:0;
padding:5px 0;
color:#333;
font:12px Tahoma;
}
.clear{
clear:both;}

.gegevenstext form{
width:336px;
margin:0 0 27px 0;
padding:0;
font:16px "Trajan Pro", Tahoma;
color:#000;
}
.gegevenname{
width:326px;
height:20px;
margin-bottom:14px;
float:left;
padding:0 5px ;
font:12px Tahoma;
color:#666;
background:#ccc;
border:0;
float:right;
}
.gegevenemail{
width:326px;
height:20px;
margin-bottom:0;
float:left;
padding:0 5px ;
font:12px Tahoma;
color:#666;
background:#ccc;
border:0;
float:left;
}
/*---footerbg imags---*/

.contactf_images{
width:1002px;
height:163px;
margin:0;
padding:0;
float:left;
background: url(../images/contactfooter.jpg) no-repeat;
overflow:hidden;
}

.footerbox{
position: fixed;
bottom:0;
float:left;
}

*+html .footerbox{
position: fixed;
bottom:0;
float:left;
left:0;
}


.fotosgallery{
width:336px;
margin:0 0 27px 0;
padding:0 0 0 26px;
float:left;
}

.fotosgallery a{
margin:0;
padding:0 0 4px 4px;
}

.fotosgallery a:hover{
margin:0;
padding:0 0 4px 4px;

}
.fotosgallery img{
margin:0;
padding:0;
width:75px;
border:#ddd solid 1px;
background: url(../images/hovershodow.png) repeat;
}

.fotosgallery img:hover {
margin:0;
padding:0;
width:75px;
border:#0099ff solid 1px;
}

.agenda{
width:336px;
margin:0 0 27px 0;
padding:0 0 0 26px;
float:left;
}

.agenda ul{
width:336px;
margin:0;
padding:0;
}
.agenda li{
width:240px;
list-style:none;
border-top:#000 solid 1px;
background:url(../images/agendaarrow.png) 230px 8px no-repeat; 
margin:0;
padding:2px 4px;
display:inline;
float:left;
}

.agenda li:hover{
list-style:none;
border-top:#000 solid 1px;
background:#e6e6e6 url(../images/agendaarrow.png) 230px 8px no-repeat;  
margin:0;
padding:2px 4px;
}

.agenda em{ color:#000;
font: bold 12px Tahoma;
width:30px;
padding:0 25px 0 0;
}
.agenda a{
color:#666;
font:11px Tahoma;
text-decoration:none;
}
.agenda a:hover{
color:#666;
font:11px Tahoma;
text-decoration:none;
}

.ediimg_body{
	color:#777777;
	font:11px Tahoma;
	list-style:none outside none;
}
