html>body{
background: #fff;
margin:0;
padding:0;
height:100%;
overflow:auto;
}

body#moon{
background: #fff;
padding:0;
margin:20px;
text-align:center;
overflow:hidden;
}

#container {
position: absolute;
top:0;
left: 50%;
margin-left: -370px;
background:#fff;
background-repeat:repeat-y;
color: #000;
width:740px;
height:auto;
padding:0;
text-align:center;
}

html>body #container {
/* dit wordt alleen in firefox weergegeven */
height:auto;
min-height:100%;
}

.ani{
	display:none;	
}

/* ---------------------------- topmenu  ---------------------------- */

#topmenu{
position:relative;
clear:both;
float:left;
width:330px;
white-space:nowrap;
margin-top:0;
margin-left:45px;
text-align:center;
}

#topmenu ul{
float:left;
width:100%;
display:inline;
white-space:nowrap;
margin:0;
padding:0;
text-align:center;
list-style-type:none;
}

#topmenu ul li{
display:inline;
float:left;
margin:0;
padding:0;
}

#topmenu ul li a#aan{
float:left;
font: normal 10px Verdana,Arial,Helvetica,sans-serif;
color:#6ac50e;
letter-spacing:1px;
text-decoration: none;
margin:1px 5px 0 5px;
padding:0;
}

#topmenu ul li a{
float:left;
font: normal 10px  Verdana,Arial,Helvetica,sans-serif;
color:#000;
letter-spacing:1px;
text-decoration: none;
margin:1px 5px 0 5px;
padding:0;
}

#topmenu ul li a:hover{
font: normal 10px  Verdana,Arial,Helvetica,sans-serif;
color:#6ac50e;
letter-spacing:1px;
text-decoration: none;
margin:1px 5px 0 5px;
padding:0;
} 

/* ----------------------------einde topmenu  ---------------------------- */

#content{
position:relative;
clear:both;
float:left;
width:660px;
margin:10px 50px;
text-align:left;
}

#leftcol{
position:relative;
float:left;
color: #000;
top:0;
width:370px;
font: normal 11px Verdana,Arial,"Trebuchet MS",sans-serif;
line-height:18px;
text-align:left;
}

#leftcol #showcase{
position:relative;
float:left;
margin:30px 0;
color: #000;
top:0;
width:340px;
text-align:left;
}

#leftcol #showcase img{
position:relative;
float:left;
clear:left;
border-right:1px solid #000;
padding-right:10px;
margin-bottom:30px;
}

#leftcol a{
font: bold 11px  Verdana,Arial,Helvetica,sans-serif;
color:#000;
text-decoration: none;
}

#leftcol a:hover{
font: bold 11px  Verdana,Arial,Helvetica,sans-serif;
color:#ca2068;
} 

#leftcol #showcase span{
position:relative;
float:right;
font: normal 11px "Trebuchet MS",sans-serif;
line-height:16px;
text-align:left; 
/*margin-left:140px;*/
width:180px;
}

#leftcol #showcase span strong{
font: bold 11px "Trebuchet MS",sans-serif; 
vertical-align:top;
margin:0 0 10px 0;
}

h3{
font: bold 11px Verdana,Arial,Helvetica,sans-serif;
text-align:left;
margin:10px 0 0 0;
}

#rightcol{
position:relative;
float:right;
background-color:#f4f0ef;
background-image:url(images/coltext_dands.jpg);
background-repeat:no-repeat;
background-position:bottom;
/*border: 1px #bb7f8e dotted;*/
margin:35px 30px 13px 0;
width:170px;
padding:0;
text-align:center;
}

#rightcoltext{
position:relative;
clear:both;
margin:12px 12px 200px 18px;
color:#17260c;
font: normal 11px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
line-height:18px;
text-align:left;
}

p#superfooter{
position:relative;
clear:left;
float:left;
margin:0 0 0 30px;
padding:0;
font: normal 9px Verdana,Arial,Helvetica,sans-serif;
color:#000;
text-align:center;
}

#footer{
background-color:#000; 
position:relative;
clear:left;
float:left;
margin:0 0 0 10px;
padding:2px 0 0 0;
width:720px;
height:16px;
bottom:0;
font: normal 9px Verdana,Arial,Helvetica,sans-serif;
color:#fff;
letter-spacing:1px;
text-align:center;
}


/* ----------------- h2's opmaak ----------------- */
h2{
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
text-align:left;
margin:20px 0;
}




/* ----------------- einde h2's opmaak ----------------- */


div#meer{
position:relative;
float:left;
margin: 0;
font: bold 11px Verdana,sans-serif;
line-height:18px;
text-align:left;
}

div.marker{
position:relative;
clear:left;
float:left;
font: bold 12px Verdana,sans-serif;
color:#ca2068;
text-align:center;
width: 80px;
height:3px;
/*background: url(images/marker4.jpg) no-repeat;*/
margin:0 0 20px 130px;
}

div.parfin{
position:relative;
clear:left;
float:left;
width: 50px;
height:3px;
background: url(images/parfin.gif) no-repeat;
margin:8px 0 10px 160px;
}

div#sub.parfin{
position:relative;
clear:left;
float:left;
width: 50px;
height:3px;
background: url(images/parfin.gif) no-repeat;
margin:8px 0 10px 160px;
}

/* ----------- voor Opera -------- */
div.clear{
clear:both;
}	
/* ----------- dat was 'em -------- */

div.puntjes{
font: bold 11px Verdana,sans-serif;
color:#ca2068;
text-align:center;
margin:0;
}	

p.vet{
font: italic bold 11px "Trebuchet MS",Verdana,sans-serif;
text-align:center;
line-height:24px;
margin-top:30px;
}

p{
clear:left;
}

#leftcol p{
clear:left;
margin-bottom:5px;
}

#rightcol p{
clear:left;
margin-bottom:0;
}

p.kop{
font: bold 11px Verdana,Arial,Helvetica,sans-serif;
text-align:left;
margin:20px 0;
}

p.nieuwskop{
font: italic bold 12px "Trebuchet MS",Verdana,sans-serif;
/*color:#ca2068;*/
text-align:center;
margin-top:10px;
text-align:center;
}

.pointer{
vertical-align:-10%;
margin:0;

}
	
img{
	border-style:none;
    border:0;
	margin:0;
}

ul.weblijst{
list-style-image: url(images/liststip.gif);
font: normal italic 11px Verdana,Arial,Helvetica,sans-serif;
line-height:18px;
margin-bottom:20px;
}
 	
/* ----------------- NAVIGATIE MENU opmaak ----------------- */
.arrow{
vertical-align:-7%;
font:bold 18px Arial,Verdana,sans-serif;
color:#ca2068;
}


.arrowhite{
display:none;
}

/* ----------------- NAVIGATIE MENU ----------------- */



#navigatie {
position:relative;
float:left;
top:0;
left:0;
background-color:#f6fcf1;
font: italic bold 12px "Trebuchet MS",Arial,Verdana,sans-serif;
letter-spacing: 1px;
line-height:18px;
padding:0;
margin:0 0 20px 0;
width:170px;
}

#navigatie ul {
 position:relative;
 height:146px;
 width:170px;
 margin:0;
 padding:0;
 text-align:left;
 list-style-type:none;
}

#navigatie ul li{
 height: 20px;
 width: auto;
 margin:0;
 padding:0;
 border-bottom: 1px #bb7f8e dotted;
 }
 
 #navigatie ul li#kopje{
 background-color:#ca2068;
 color:#f6fcf1;
 height: 18px;
 width: auto;
 margin:0;
 padding:1px;
 border-top: 2px #f6fcf1 solid;
 font: italic bold 12px "Trebuchet MS",Arial,Verdana,sans-serif;
 letter-spacing: 1px;
 line-height:18px;
 text-align:center;
 }


 #navigatie ul li a,  #navigatie ul li a:visited,  #navigatie ul li a:active{
/*border: 1px #000 solid;*/
height: 16px;
display: block;
margin:0;
padding:0 0 4px 10px;
font: italic bold 12px "Trebuchet MS",Arial,Verdana,sans-serif;
color:#000;
text-decoration: none;
text-align:left;
}

 #navigatie ul li a#aan{
/*border: 1px #000 solid;*/
height: 16px;
display: block;
background-color:#ca2068;
margin:0;
padding:0 0 4px 10px;
text-align:left;
font: italic bold 12px "Trebuchet MS",Arial,Verdana,sans-serif;
color:#f6fcf1;
text-decoration: none;
}

  
#navigatie ul li a:hover{
/*border: 1px #000 solid;display: block;*/
height: 16px;
width: auto;
margin:0;
padding:0 0 4px 10px;
background-color:#ca2068;
font: italic bold 12px "Trebuchet MS",Arial,Verdana,sans-serif;
color:#f6fcf1;
text-decoration: none;
}