body {
  margin: 0px;
  padding: 0px;
  background-color: #979C36;
  font-family: arial;
  font-size: small;
}
a { color: #632F17;}                      
a:link { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
img {
  border-style: none;
}

#container {
  margin: 10px auto;
  padding: 5px;
  width: 780px;
  background-color: #FFFFFF;
  border: solid #632F17 1px;
  position: relative;
}

#head_wrapper {
  margin: 0px;
  padding: 0px;  
  width: 100%;
  height: 105px;
  border-bottom: 5px solid #632F17;
  position: relative;
}
#mainNav_wrapper {
  margin: 0px;
  padding: 0px 0px 1px 0px;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
#banner {
  padding: 2px 0px 2px 0px;
  width: 100%;
  height: 150px;
  background-image: url('images/banner.jpg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-bottom: 5px solid #632F17;
}

#tweedeNiveau
{
  float:left;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 5px;
  color: #005E2F;
}
#main {  
  margin-top: 1px;
  padding: 5px 5px 5px 0px;
  font-family: verdana;
  float:left;
  width:80%;
  border-right: 5px solid #005E2F;
  min-height: 350px;
  height: auto !important; /*Css-hack voor ie6*/
  height: 350px
}
#main h1 {
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 5px;
  color: #979C36;
  font-weight: bold;
  border-left: 5px solid #979C36;
  font-family: arial;
}

#body_wrapper {  
  margin-top: 1px;
  padding: 5px 0px 5px 0px;
  font-family: verdana;
  min-height: 350px;
  height: auto !important; /*Css-hack voor ie6*/
  height: 350px;
  border-top: 5px solid #005E2F;
  border-bottom: 5px solid #005E2F;
}
#body_wrapper h1 {
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 5px;
  color: #979C36;
  font-weight: bold;
  border-left: 5px solid #979C36;
  font-family: arial;
}
#footer_wrapper {
  margin-top: 1px;
  padding: 3px 0px 5px 3px;
  background-color: #632F17;
  text-align: center;
  color: #FFFFFF;
}
#footer_wrapper a {
  letter-spacing: 2px;
  color: #FFFFFF;
  font-size: 10px;
}                                                             
/************Wijzigen op eigen risico***********/
/*Navigatie menu*/    
.scheidingsTeken {          margin: 0px;
                            padding: 0px;
                            float: left;}    
.menu1 {
  float: left;  
}
.menu1 a {
  margin: 0px 0px 0px 5px;
  padding: 5px 10px 3px 10px; 
  position: relative;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 12px;
  display: block;
  background-color: #005E2F;
  font-weight: bold;
  letter-spacing: 1px;
}  
.menu1 a:hover {  
  bottom: -1px;
}
#menu1Actief a {
  background-color: #632F17;
  bottom: -1px;}
.menu2 {                    
  margin: 0px;
  padding: 0px 0px 0px 0px;}
#menu2Actief {}                              
.menu3 {                    
  margin: 0px;
  padding: 0px 0px 0px 20px;}
#menu3Actief {}                        
/*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;
}