﻿/* START STYLE SHEET ALGEMEEN */

* { 
      margin: 0; 
      padding: 0;    
      } 
html { 
	height: 100%; 
      } 
      
body { 
	height: 100%; 
	margin: 0; 
	padding: 0; 
	color: #FFF; 
	font: 12pt 'Comic Sans MS', Verdana, Arial, Helvetica, sans-serif; 
	overflow: auto;
	background-image:url('/site/images/bg_verloop.jpg');
	background-repeat:repeat-x;
	background-color: #253E73;
      } 
p { 
      margin: 0px 0 10px 0; 
      } 
      
h1 {
	font: 17px 'Comic Sans MS', Arial, Verdana, Helvetica, sans-serif; 
	font-weight:bold;
	margin: 0px 0 20px 0;
}
      
      h2 {
	font: 14px 'Comic Sans MS', Arial, Verdana, Helvetica, sans-serif; 
	font-weight:bold;
	margin: 0px;
	color: #FFA923;
}

#container { 
      height: 100%; 
      /* position: relative; zorgt ervoor dat de position: absolute; van #content 
      berekend wordt ten opzichte van #container. 
      In dit voorbeeld is #container overbodig. */ 
      position: relative; 
      } 
#content { 
      height: 588px; 
      left: 50%; 
      margin: -294px 0 0 -502px; /* top right bottom left */ 
      padding: 0px; 
      position: absolute; 
      top: 50%; 
      width: 1004px; 
      } 

/* -----------------------------------------------
ALGEMEEN
*/

a {
	text-decoration : none;
	color : #FFFFC8;
    font-weight:bold;

}
a:visited {
	color: #FFFFFF;
}
a:active {
	color: #FFFFFF;
}
a:hover {
	color: #FFFFFF;
}


a.terug{
	text-decoration : none;
	}
	
.kop {color: #FFFFC8; font-weight:bold; margin:0}
.tekstflash {color: #000613}
.gastenboek_line {
	background-image:url('/site/images/gastenboek_line.gif');
	text-decoration : none;
	color : #FFFFC8;
   	font-weight:bold;
}


/* OPMAAK VAN STANDAARDFORMULIEREN */
input, select, textarea, button { 
font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold; margin:0 
}

      
/* OPMAAK VAN DOLFJE */      
#dolfjelinks {
	position: absolute;
	top: 75px;
}

#dolfjeoverflow {
position:absolute;
top: 75px;
left: 400px;
width: 604px;
height: 425px;
background-color: #A9CDED; 
overflow: auto; 
	}
	
#dolfjeinhoud {
margin: 20px;
text-align:left;
color: #3555A2;
padding-top: 10px;
}

#dolfjeinhoud a {
	text-decoration : none;
	color: #3555A2;
    font-weight:bold;
}


#dolfjeonder {
	position:absolute;
	top: 500px;
}

/* OPMAAK VAN FOEKSIA */      
#foeksiaoverflow {
position:absolute;
top: 140px;
left: 0px;
width: 604px;
height: 348px;
background:#DAECFA;
overflow: auto; 
}

#foeksiainhoud {
margin: 20px;
text-align:left;
padding-top: 10px;
color: #6f2f53;
}

#foeksiarechts {
	position:absolute;
	left: 604px;
	top: 140px;
	
}
	
#foeksiaonder {
	position:absolute;
	top: 488px;
}

#foeksiainhoud a {
	text-decoration : none;
	color: #6f2f53;
    font-weight:bold;
}

/* OPMAAK VAN DE GRIEZELBUS */      
#griezelbusoverflow {
position:absolute;
top: 100px;
left: 0px;
width: 529px;
height: 388px;
overflow: auto; 
background:#A41E53;
}

#griezelbusinhoud {
margin: 20px;
text-align:left;
color: #3555A2;
padding-top: 10px;
color: white;
}

#griezelbusrechts {
	position:absolute;
	left: 529px;
	top: 100px;
	
}
#griezelbusonder {
	position:absolute;
	top: 488px;
}

/* OPMAAK VAN MEESTER KIKKER */      
#kikkerlinks {
	position:absolute;
	left: 0px;
	top: 0px;
	width:300px;
	height:588px;
	}

#kikkeroverflow {
position:absolute;
top: 100px;
left: 300px;
width: 704px;
height: 388px;
overflow: auto; 
background:#FFF87F;
}

#kikkerinhoud {
margin: 20px;
text-align:left;
padding-top: 10px;
color: #0F4004;
}


#kikkerinhoud a {
	text-decoration : none;
	color: #0F4004;
    font-weight:bold;
}


#kikkertop {
	position:absolute;
	left: 300px;
	top: 0px;
	}


#kikkeronder {
	position:absolute;
	left: 300px;
	top: 468px;
}
/* OPMAAK VAN LEEUWENKUIL */      
#leeuwenkuillinks {
	position: absolute;
	top: 0px;
	height: 588px;
	width: 386px;
}

#leeuwenkuilboven {
	position: absolute;
	left: 386px;
	height: 106px;
	width: 618px;
}

#leeuwenkuiloverflow {
position:absolute;
top: 106px;
left: 386px;
width: 618px;
height: 424px;
background-color: #EF85A9; 
overflow: auto; 
	}
	
#leeuwenkuilinhoud {
margin: 20px;
text-align:left;
color: white;
padding-top: 10px;

}

#leeuwenkuilonder {
	position:absolute;
	left: 386px;
	width: 618px;
	height: 58px;
	top: 530px;
}


/* OPMAAK VAN ALGEMENE PAGINA'S */      
#algemeenlinks {
	position:absolute;
	left: 0px;
	top: 0px;
	width:250px;
	height:588px;
	}

#algemeenoverflow {
position:absolute;
top: 50px;
left: 250px;
width: 700px;
height: 490px;
overflow: auto; 
background:#385EA7;
}

#forumoverflow {
position:absolute;
top: 50px;
left: 250px;
width: 700px;
height: 490px;
overflow: none; 
background:#385EA7;
}


#algemeeninhoud {
margin: 20px;
text-align:left;
color: white;
padding-top: 10px;
}

#algemeentop {
	position:absolute;
	left: 250px;
	top: 0px;
	height: 50px;
	}


#algemeenonder {
	position:absolute;
	left: 250px;
	top: 540px;
	height: 48px;
}

#algemeenrechts {
	position:absolute;
	left: 950px;
	top: 50px;
}

/* EINDE STYLE SHEET */
