body {font-family: "times new roman";/* Verdana, Arial, Helvetica, sans-serif;*/
padding:0px; margin:0px;
color: #000099;
font-size: 15px;
background-color: rgb(204, 255, 255);
height: 100%;
}

h1 {font-size: 24px; font-style: bold; color: #000099; text-align: center;}

h2 {font-size: 24px; color: #000099; text-align: center;}

h3 {font-size: 18px; color: #000099; margin-bottom:0px; text-align: left;}

h4 {font-size: 16px; color: #000099; margin-bottom:10px; text-align: left;}

h5 {font-size: 14px; font-style: italic; color: #000099; margin-bottom:0px; text-align: left;}


a {text-decoration: underline;}
a:link { color: #0000FF; text-decoration: underline;}
a:hover { color: red; text-decoration: underline;}
a:active { color: red; text-decoration: underline;}
a:visited {color: purple; text-decoration: underline;}

/* de id selectors*/

/*image van 796 px: lay-out met fixed width*/

#container {margin-right: auto; margin-left: auto; width: 796px; height: 100%;}

#header { position:absolute; width: 796px; height: 91px; top: 10px; z-index:10;}

/*image*/
#topKop { 
        position:relative;
        top: 0px;	
	margin-bottom: 0px;        
}

#menu  { 
        position:relative;
        top: 0px;	
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;        
        background-color: #3300FF; /*is: rgb(51, 51, 255);*/
	text-align: center;             
	width: 796px;
        height: 30px;			

}
#menu a {    
    color: #FFFFFF;
	background-color: #3300FF;
	text-align: center;
	text-decoration: none;	
}

#menu a:hover {    
	color: red;
	background-color: #3300FF;
}

#page { position: absolute; top: 101px; width: 796px; height: 84%; z-index: 5; background-color: #FFFFFF;}

#linkerKolom {
float:left;
width: 122px;
height: 100%;
padding-left: 10px;
background-color: #CCFFFF;
}

#IframeEl {
float:right;
width: 650px;
height: 100%;
}

#linkerKolom label,input {position: relative; top: 20px; font-weight: bold;}


/* de class selectors*/


.leftKop {
  color: #000099;
}


/* de menu elementen: hyperlinks*/
.menuTop {
  position: relative;
  top: 5px;
  margin: 0px 15px 0px 15px;          
}

/* de uitklap menu elementen */
.menuOut  {	
	display: none;
	position: relative;		
	top: 0px;
	left: auto;	
	width: 110px;
	color: #3300FF;
	background-color: yellow;        
	border-right: 2px #3300FF groove;
        border-left: 2px #3300FF groove;
        border-bottom: 1px #3300FF groove;        
        text-indent: 4px;
        z-index:20;                       
        
}
/* uitklap hyperlinks: submenu */
.menuOut a {text-decoration: none; display:block; width:110px; border-bottom: 1px solid #3300FF; padding: 2px 0px 2px 0px;}
.menuOut a:hover { color: #3300FF; background-color: #66FFCC;}


/* alle veranderlijke paginas die in het iframe geladen worden */
.framePage {
height: 90%;
margin-right: 5%; 
margin-left: 5%; 
background-color: #FFFFFF;
padding-top: 20px; /*padding-bottom: 10px;*/
text-align: justify;
}