/*algemene css voor sterk-verhaal*/

html, body {
    margin:0;
	padding:0;
	height: 100%;
	width: 100%;
}
#BaanBovenSlice {
	position: absolute;
	height: 70px;
	width: 100%;
	left: 0;
	top: 0;
	overflow:visible;
}
#BaanBoven {
	position: absolute;
	z-index: 1;
	height: 70px;
	width: 702px;
	left: 0;
	top: 0;
}

/*Menu-ondergrond*/

#MenuLayerSlice {
    position:absolute;
	height: 100%;
	width: 190px;
	overflow:visible;
}
#MenuLayer {
	position:absolute;
	height: 600px;
	width: 190px;
	top:0;
	left:0;
}
#MenuTotaal {
	float: left;
	width: 20%;
	height: 100%;
	overflow:visible;
}
#Logo {
	position:absolute;
	left:49px;
	top:26px;
	width:129px;
	height:109px;
	z-index:3;
}
#MenuKop {
	font-family: "PalatinoOblique", "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #DFDF00;
	position: absolute;
	height: 75px;
	width: 100px;
	left: 47px;
	top: 160px;
	
}
/*MENU*/   
   #menu
   {  position:absolute;
   	top: 220px;
   	  width:190px;/*hoe breed menu*/
   }
   #menu ul
   {
     list-style:none; 
     margin:0;
	 padding:0;
	 width:auto;
	 float:left;	/*om hokjes om menu-items te shrink-fitten*/
   }
    #menu li { 
	  display:inline;/*om grote gaten tussen menu-items in IE te voorkomen*/ 
	  width:auto;
}
#menu li a
   { 
     padding: 5px;
     display:block;
     text-decoration: none; 
	 height:23px; /* +2*5px padding*/
	 width:auto;
	 font-family: PalatinoOblique, "Times New Roman", Times, serif ;
	 font-size:16px;
	 font-style:italic;
   } 
   
#menu a.hoofdm{    
     color: #000;
	 text-indent:36px;
}  

#menu a.hoofdmHuidig{	
     color: #000;
	 text-indent:36px;
	 cursor:default;
}  

#menu a.hoofdmHuidig:hover{	
     color: #000;
}

   #menu li a:hover
   {
     color: #FFFFCC;
   }
   #menu ul.submenu
   {
     margin-left:20px; /*hoeveel inspringen voor submenu*/	
	 float: none; /*tijdig ophouden met floaten*/	
   }
   
   #menu ul.submenu li a
   { line-height: normal;     
	 font-family: Arial, Helvetica, sans-serif;
	 font-size:12px;
	 font-style:normal;
   } 

#menu ul.submenu a.subm{
    background: url(plaatjes/BulletGroenGroen.gif) no-repeat 0 8px;
	padding-left: 13px;  
     color: #000;
}
#menu ul.submenu a.submHuidig{
	background: url(plaatjes/BulletWitGroen.gif) no-repeat 0 8px;
	padding-left: 13px;  
	color:#FFFFCC;
	cursor:default;
}

   #menu ul.submenu li a:hover
   {     
     color: #FFFFCC;
   }


/*containers*/

#Buitenste {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	overflow:visible;
}
#RestRuimte {
	float:right;
	width:80%;
	height: 100%;
	overflow:visible;
}
#Content {
	position:relative;
	width: 710px;
	height: 100%;
	margin:0 auto;
	overflow:visible;
	/*border:1px solid blue;*/
}

/*Inhoud*/

#TekstAlgemeen {
	position: absolute;
	height: 120px;
	width: 675px;
	top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFCC;
}
#TekstInhoud {
	position:relative;
	width: 500px;
	top: 5px;
	margin-left: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFCC;
	overflow: visible;
}
.FotoHok {
	position: relative;
	width:710px;
	text-align: center;
}
.deelInhoud {
	display: none;
	}
#LA1 {
	display:block;
	}
.deelInhoud h1 {
	position: relative;
	font-family: PalatinoOblique, "Times New Roman", Times, serif;
	font-size: 26px;
	color: #DFDF00;
	font-style: italic;
	width: 100%;
	text-align: center;
}

h1 {
	font-family: PalatinoOblique, "Times New Roman", Times, serif; 
	font-size: 26px;
	font-style: italic;
	color: #DFDF00;
	text-align: center;
}
.subtitel {
	font-style: italic;
	text-align: center;
}
.OrnamentBoven {
	position:relative;
	height: 56px;
	width: 342px;
	margin-left: 144px;
}
.OrnamentOnder {
	position:relative;
	height: 56px;
	width: 342px;
	margin-left: 144px;
}
.OrnamentBovenB {
	position:relative;
	height: 56px;
	width: 342px;
	margin-left: 144px;
}
.OrnamentOnderB {
	position:relative;
	height: 59px;
	width: 342px;
	margin-left: 144px;
}
.OrnamentBovenC {
	position:relative;
	height: 56px;
	width: 342px;
	margin-left: 144px;
}
.OrnamentOnderC {
	position:relative;
	height: 59px;
	width: 342px;
	margin-left: 144px;
}
.OrnamentBovenD {
	position:relative;
	height: 56px;
	width: 342px;
	margin-left: 144px;
}
.OrnamentOnderD {
	position:relative;
	height: 56px;
	width: 342px;
	margin-left: 144px;
}
a:link {
	color: #DFDF00;
	text-decoration: none;
}
a:visited {
	color: #DFDF00;
	text-decoration: none;
}
a:hover {
	color: #FFFFCC;
	text-decoration: none;
}
@font-face {
    font-family: PalatinoOblique;
    font-style:  oblique;
    font-weight: normal;
    src: url(PALATIN1.eot);
  }
