* {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
body, html {          
  margin: 0px;
  padding: 0px;  
  height: 100%;
}
a {                   
  color: #0099ff;
	text-decoration: none;
	font-weight: bo
}                      
a:hover {
  color: #0099ff;
	text-decoration: underline;	
}
image { border: 0px;}

#container {  
  background: #ccffcc url('images/banner_rechtsgroen.jpg') no-repeat 0 125px; 
  background-repeat: repeat-y;
  padding-right: 10px;    
  margin-bottom: -30px;
  min-height: 100%;  
  height: auto !important;
  height: 100%;
  overflow-x: hidden;
}                  
#banner_wrapper {  
  background-color: #99ff66;
  height: 130px;
  width: 100%;
  color: #99CCFF;
	font-size: 12px;
	background-image: url('images/logo_schoolcompleet.jpg');
	background-repeat: no-repeat;
	background-position: left;
	position: absolute;
	top: 0px;
}      
   
#header_linksInlog {
  float: right;  
  padding: 5px;
}  
#header_linksInlog a {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#header_linksInlog a:hover {
	color: #FFFF00;
}  

#mainNav_wrapper {
  background-color: #33ccff;  
  height: 28px;
  width: 100%;
  position: absolute;
	top: 130px;
	color: #ffffff;
	font-size: 18px;
  padding-top: 2px;  
  text-align: center;
}
#mainNav {
  margin: 0px auto;  
}
#content {   
  padding: 20px;
}
#subNav_wrapper {
  padding-top: 5px;
  width: 200px;  
  vertical-align: top;
}
#wrapper {
  margin-top: 155px;
  padding: 0px;
  width: 100%;
  border-collapse: collapse;
}

#footer_push {
  height: 30px;
  clear: both;
}
#footer_wrapper {
  background-color: #99ff66;
  position: relative;
  z-index: 1000;
  height: 30px;
  text-align: center;
  line-height: 30px;
}
#footer_wrapper,
#footer_wrapper a {
  color: #FFFFFF;
  font-size: 10px;
}       
#footer_wrapper a:hover {
  color: #0066ff;
}                                             
/************Wijzigen op eigen risico***********/
/*Navigatie menu*/    
.scheidingsTeken {
  font-size: 18px;
  display: inline;
  color: #ffffff;
}
.menu1 {
  display: inline;
}    
.menu1 a {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 1px;
  font-size: 18px;
  color: #ffffcc;
  text-decoration: none;
}
.menu1 a:hover {
  color: #ffff00;                    
}
#menu1Actief a {
  color: #ffff00;
	text-decoration: none;
}
#menu1Actief a:hover {
  color: #0099FF;
}
.menu2 {                    
  margin-top: 10px;
  background-image: url('images/button7.jpg');
  background-repeat: no-repeat; 
}
.menu2 a {
  font-size: 12px;
	font-weight: bolder;
	display: block;
	height: 23px;
  width: 195px;    
  color: #0099ff;
  padding-top: 7px;
  padding-left: 5px;
  text-decoration: none;
}
.menu2 a:hover {
  color: #0099ff;
  text-decoration: underline;
}
#menu2Actief {              
  background-image: url('images/button7.jpg');
  background-repeat: no-repeat; 
}                              
#menu2Actief a {
  color: #0066ff;	
}
#menu2Actief a:hover {  
  text-decoration: none;
}
.menu3 {                    
  margin: 0px;
  padding: 0px 0px 0px 10px;
}
.menu3 a {
  font-size: 10px;
	font-weight: bolder;
	display: block;	
  width: 180px;    
  color: #666699;
  padding-top: 3px;
  padding-bottom: 3px;
  text-decoration: none;
}
.menu3 a:hover {
  text-decoration: underline; 
}
#menu3Actief a {  
	text-decoration: underline;
}
#menu3Actief a:hover {  
}          
/*Forms*/
.formulier {                padding: 2px;
                            margin: 0px auto;
                            width: 95%}
.row {                      clear: both;
                            width: 100%;}
.label {                    float: left;
                            text-align: right;
                            width: 20%;
                            padding: 3px 0px 0px 0px;
                            font-style: italic;}
.input {                    float: right;
                            text-align: left;
                            width: 78%;}
.submit {                   margin: 5px 0px 0px 0px;
                            text-align: center;
                            width: 100%;}     
.melding {							    margin: 5px 0px 10px 0px;
    												width: 100%;
                            text-align: center;                        
                            font-style: italic;}
/*Inloggen*/
/*Aanmelden*/
.intro {								    margin: 0px 0px 20px 0px;
												    padding: 0px;} 
/*PopUp*/
#popUpInhoud {              margin: 5px;
                            padding: 0px;
                            background-color: #FFFFFF;}
#popUpClose {               margin: 25px 0px 0px 0px;
                            padding: 0px;
                            text-align: center;}   
/*modules*/
.kop {                      font-weight: bold;}
.tabelLabel {               font-style: italic;}      
/*sitemap*/
.niveau1 {                  margin: 0px;
                            padding: 0px;}
.cNiveau1 {                 margin: 0px 0px 10px 0px;
                            padding: 0px;}                                                                                                                        
.niveau2,
.niveau2Last {              margin: 0px;
                            padding: 2px 0px 0px 25px;}
.cNiveau2 {                 margin: 0px;
                            padding: 0px 0px 0px 0px;}                                                                                                                       
.niveau3,
.niveau3Last{               margin: 0px 0px 0px 25px;;
                            padding: 2px 0px 0px 25px;}
.cNiveau3 {                 margin: 0px;
                            padding: 0px;}  
.midden {                   background-image: url('../system/images/client/MiddleLine.gif');
                            background-repeat: repeat-y;}
.niveau2,
.niveau3 {                  background-image: url('../system/images/client/MiddleCrossLine.gif');
                            background-repeat: no-repeat;}
.niveau2Last,
.niveau3Last {              background-image: url('../system/images/client/BottomLine.gif');
                            background-repeat: no-repeat;}      
/*rss*/
.rss {                      margin: 0px auto;
                            padding: 0px 3px 0px 16px;
                            width: 35px;
                            font-weight: bold;
                            background-image: url('../system/images/client/rss.gif');
                            background-position: 3px 50%;
                            background-repeat: no-repeat;
                            border: 1px solid #cc5500;
                            background-color: #EE7700;}
.rss a {                    color: #FFFFFF;}
.rss a:hover {              text-decoration: none;}

/***************************javascript menu***************************************/
#js_menu ul li ul{
	display:none;	/* Needed to display ok in Opera */
}
	
#js_menu img {
	border:0px;
}
#js_menu{
	visibility: hidden;	
}
#js_menu ul{
	margin:0px;	/* No indent */
	padding:0px;	/* No indent */
}
#js_menu li{
	list-style-type:none;	/* No bullets */
}	
#js_menu a{
	margin:0px;
	padding:0px;
}
/* End general configuration CSS */

/***********************************************************************
	CSS - MENU BLOCKS
 	General rules for all menu blocks (group of sub items) 
***********************************************************************/
#js_menu ul{
	padding:1px;
}
	
#js_menu ul.menuBlock1{	/* Menu bar - main menu items */
	border:0px;
	padding: 0px;
	overflow:visible;
}
#js_menu ul.menuBlock2{	/* Menu bar - main menu items */
	padding: 5px;
	border: 1px solid #3B3B3B;
  background-color: #FFFFFF;
}
#js_menu ul.menuBlock3{	/* Menu bar - main menu items */
	padding:5px;
	background-color: #FFFFFF;
	border: 1px solid #3B3B3B;
}
/***********************************************************************
	CSS - MENU ITEMS
 	Here, you could assign rules to the menu items at different depths.
***********************************************************************/
/* General rules for all menu items */
#js_menu a{
	text-decoration:none;
	padding-left:2px;
	padding-right:2px;
}

/* Main menu items */
#js_menu .currentDepth1{
	padding-left:5px;
	padding-right:5px;
	height: 22px;
                 }
#js_menu .currentDepth1over{
	padding-left:5px;
	padding-right:5px;

	
}
#js_menu .currentDepth1 a{
	/*font-weight:bold;*/

}
#js_menu .currentDepth1over a{	/* Text rules */
	/*font-weight:bold;*/
	color: #3B3B3B;
}	
/* Sub menu depth 1 */
#js_menu .currentDepth2{
	padding-right:2px;
}
#js_menu .currentDepth2over{
	padding-right:2px;
}	
#js_menu .currentDepth2over a{	/* Text rules */
  color: #3B3B3B;
}	
/* Sub menu depth 2 */
#js_menu .currentDepth3{
	padding-right:2px;
}
#js_menu .currentDepth3over{
	padding-right:2px;
}
#js_menu .currentDepth3over a{	/* Text rules */
  color: #3B3B3B;
}