#body {
    font-family: arial,verdana,helvetica, sans-serif; 
    font-size: 12px; 
    }

/* dit is de indeling van de pagina*/
#header  {z-index: 10;
    font-family: arial,verdana,helvetica, sans-serif; 
    font-size: 12px;
   	position: absolute; 
/*    margin-left: 0px; */
/*    margin-top: 5px;*/
    position: absolute; 
    top: -5px; 
    left: 60px;}

#contenthome {
    z-index: 50;
    font-family: arial,verdana,helvetica, sans-serif; 
    font-size: 12px; 
    border-top: 2px solid white; 
    background: #FFFFFF;padding: 1px;
   	position: absolute;
    top: 86px; 
    left: 180px;
	width: 550px;}

#content {
    z-index: 50;
    font-family: arial,verdana,helvetica, sans-serif; 
    font-size: 12px; 
    border-top: 2px solid white; 
    background: #FFFFFF;
    padding: 1px;
   	position: absolute;
    top: 86px; 
    left: 200px;
	width: 660px;}
	
#content_popup {
    z-index: 50;
    font-family: arial,verdana,helvetica, sans-serif; 
    font-size: 12px; 
    border-top: 2px solid white; 
    background: #FFFFFF;
    padding: 1px;
   	position: absolute;
    top: 110px; 
    left: 20px;
	width: 660px;}

#contentdivers {
    z-index: 50;
    font-family: arial,verdana,helvetica, sans-serif; 
    font-size: 12px; 
    border-top: 2px solid white; 
    background: #FFFFFF;padding: 1px;
   	position: absolute;
    top: 86px; 
    left: 180px;
	width: 550px;}
	
#header_popup  {z-index: 10;
    font-family: arial,verdana,helvetica, sans-serif; 
    font-size: 12px;
   	position: absolute; 
    position: absolute; 
    top: 24px; 
    left: 150px;}
	
#contentpu {
    z-index: 50;
    font-family: arial,verdana,helvetica, sans-serif; 
    font-size: 12px; 
    border-top: 2px solid white; 
    background: #FFFFFF;
    padding: 1px;
   	position: absolute;
    top: 10px; 
    left: 10px;
	width: 500px;}
	
#label {
    z-index: 50;
    font-family: arial,verdana,helvetica, sans-serif; 
    font-size: 12px; 
    border-top: 2px solid white; 
    background: #FFFFFF;
    padding: 1px;
	position:absolute;
    top: 100px; 
    left: 880px;
	height: 220px;
	width:  64px;}
	
/* dit is de menu opmaak van de header buttons en adres*/
#adres {
    font-size: 10px;
	height: 25px;
	width: 10px;
/*	margin: 3em 0; */
/*	padding:0 1em; */
	margin-left: 650px;
	margin-top: 0px;
/*	z-index: 80;*/
    text-align: right;
   	position: absolute;
	}
#stempel{
	height: 30px;
	width: 30px;
	position:absolute;
    top: 24px; 
    left: 24px;
	}	



/* Dit is het format van de diverse elementen*/
A:link             {
	color: blue;
	background-color: none;
	border-color: orange;
	text-decoration: none;
    font-weight: bold; 
}
A:visited          { 
	color: blue;  
	text-decoration: none;
	background-color: none;
    font-weight: bold; }
A:active           { 
	color: blue; 
	text-decoration: none; 
	background-color: none; 
    font-weight: bold; }
A:hover            { 
	color: blue; 
	text-decoration:underline;
	background-color: none; 
    font-weight: bold; }

            
H1, H2 { color: black; background-color: #FFFFFF;font-family: sans-serif; 	text-decoration: none;}
H1     { font-size: 20px; text-decoration: none;}
/*h1     {display: none;}*/
H2     { font-size: 12px; text-decoration: none;font-style: italic;color:#666666;font-weight: normal; }
groen  { font-size: 12px; color:green;}
rood   { font-size: 12px; color:red;}
paars  { font-size: 12px; color:#711eac}


p    {font-size: 12px; color: black;line-height: 16px;}
div  {font-size: 12px;color: black;line-height: 16px;} 
td   {font-size: 12px;color: black;line-height: 16px;} 
body {font-size: 12px;margin:0; padding:0;background: white;}
	



		
#menu {
	height: 25px;
	width: 660px;
	margin: 3em 0; 
	padding:0 1em;
	margin-left: 150px;
	margin-top: 20px;
	z-index: 20;
   	position: absolute;
	}


div.outer {
	z-index: 40;
	float: left;
	width: 120px; 
	height: 35px;
	margin: 0 3px 0 0;
	background: url('../afbeeldingen/divers/button.gif' ) 0 -37px no-repeat;
	}

div.outer a {
	z-index: 40;
	display: block;
	margin: 0; 
	padding:0;
	width:100%; height:100%;
	overflow: hidden;
	font: 14px Arial, serif;
	color: black;
    font-variant: small-caps;	
	text-decoration: none;
	background: url('../afbeeldingen/divers/button.gif' ) top left no-repeat;
	}

/*hier regel je de positie van de tekst in de button*/		
div.outer span {
	display: block;
	margin:0; 
	padding: 21px 0 0 13px;
	}
	
div.outer a:hover {
	background: url('../afbeeldingen/divers/button.gif' ) bottom left no-repeat;
	color: black;
    font-variant: small-caps;
    }

 
div.outer a:active {
	color: black;
    font-variant: small-caps;
	}

div.outer a:visited {
	color: black;
    font-variant: small-caps;
	}

div.outer a.selected {
	background: url('../afbeeldingen/divers/button.gif' ) bottom left no-repeat;
	color: orange;
    font-variant: small-caps;
    }  
    
    
/* dit is de sub-menu opmaak die aan de zijkant komt*/
#submenu {
/*	height: 25px;*/
	width:50px;
/*	margin: 3em 0; */
	padding:0 1em;
   	position: absolute;
    top: 120px; 
    left: 30px;
	}
	

div.outsub {
	width: 120px; 
	height: 40px;
	margin: 0 3px 0 0;
	background: url( '../afbeeldingen/divers/beeldjeklhoofd2.gif' ) 0 -56px no-repeat;
	}

div.outsub a {
	display: block;
	margin: 0; 
	padding:0;
	width: 120px; 
	height: 40px;
	overflow: hidden;
	font: 12px Arial, serif;
	color: black;
    font-variant: small-caps;	
	text-decoration: none;
	background: url('../afbeeldingen/divers/beeldjeklhoofd2.gif' ) 0 -4px no-repeat;
	}
	
div.selected a {
/*	background: url('../afbeeldingen/divers/beeldjeklhoofd2.gif' ) bottom left no-repeat;*/
	background-image: none;
	}
	

/*hier regel je de positie van de tekst in de button*/		
div.outsub span {
	top:40px;
	display: block;
	margin:0; 
	padding: 14px 0 0 13px;
	}
div.outsub a:hover {
/*	background-image: none;*/
	background: url('../afbeeldingen/divers/beeldjeklhoofd2.gif' ) 0 48px no-repeat;
	color: black;
    font-variant: small-caps;
    }

    
    
div.outsub a:active {
	color: black;
    font-variant: small-caps;
	}
	
div.outsub a:visited {
	color: black;
    font-variant: small-caps;
	}

div.outsub a.selected {
	background-image: none;
	color: orange;
    font-variant: small-caps;
    }	

#rechtsmidden {
	background-color: #adcffa;
	 text-align:center;}

#rechtsmidden A:link{
	color: #000000;
	background-color: none;
	border-color: orange;
	text-decoration: none;
    font-weight: bold; }
#rechtsmidden A:visited{ 
	color: #000000;  
	text-decoration: none;
	background-color: none;
    font-weight: bold; }
#rechtsmidden A:active{ 
	color: #000000; 
	text-decoration: none; 
	background-color: none; 
    font-weight: bold; }
#rechtsmidden A:hover{ 
	color: #000000; 
	text-decoration:none;
	background-color: none; 
    font-weight: bold; }

	
/* dit is het dropdownmenu bij poezieshow*/	
/* dit is de positie van het dropdownmenu bij de performance */
#pmenu {
	height: 50px;
    width: 250px;
	position:absolute;
    top: -1px; 
    left: 400px;
    z-index: 100;
	}
    
#nav, #nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-variant: small-caps;
	text-decoration: none;
	color: #FF9900;
	}

#nav a {
    display: block;
    width: 250px;
    font-variant: small-caps;
	text-decoration: none;
	color: #FF9900;	
	font-weight: none;
    }

#nav li {
    float: left;
    width: 250px;
    font-variant: small-caps;
	text-decoration: none; 
	color: #FF9900;	       
    }
    
#nav li ul {
    position: absolute;
    width: 250px;
    left: -999em;
    font-variant: small-caps;
	text-decoration: none; 
	color: #FF9900;	       
    }
 
#nav li:hover ul {
    left: auto;
	color: #FF9900;    
    }
  
#nav li:hover ul, #nav li.sfhover ul {
    left: auto;
	color: #FF9900;    
    }
    
#poezieshow a{    
    font-size: 14px;}
    
#poezieshow_sub a{    
    font-size: 12px;}
    
/* kkleurstelling van werk*/
#tekening {
    background: #ffcc00;}

#tekening h1{
    background: none;
    font-weight: bold; 
    font-size: 12px;
    margin-top:0px;
    margin-bottom:0px}
    
#grafiek {
    background: #ffcc00;}

#grafiek h1{
    background: none;
    font-weight: bold; 
    font-size: 12px;
    margin-top:0px;
    margin-bottom:0px}
    
#boek {
    background: #ffcc00;}

#boek h1{
    background: none;
    font-weight: bold; 
    font-size: 12px;
    margin-top:0px;
    margin-bottom:0px}
    
#ansicht {
    background: #ffcc00;}

#ansicht h1{
    background: none;
    font-weight: bold; 
    font-size: 20px;
    line-height: 32px
    margin-top:0px;
    margin-bottom:3px}