body,html {
  font-family:verdana;
  font-size:13px;
  width: 100% !ie7;
}


#wrapper {
  width: 870px;
  
  position: relative;
  left: 50%;
  margin-left: -435px;
}

#header {
  height: 195px;
  width: 870px;
  background: url(../images/interface/header.png) no-repeat right 51px   ;
  margin-bottom:20px;
}

#header #logo {
  float: left;
  margin-left:10px;
}
/** 
 * TOP Box
 **/
 
#topBox {
  float: right;
  width: 388px;
  position: relative;
  z-index:2;
  margin-top:-6px;
} 

#topBox .box .middle {
  min-height:70px;
  padding-left:14px;
  padding-right: 14px;
  width: 161px;
  text-align: center;
  color: #0018fa;
}

#topBox .box .middle .title {
  font-weight: bold;
  text-align: center;
  margin-bottom: 3px;
}


/** ------------------------------ */
/** TOP MENU */
/** ------------------------------ */
#topmenu {
  float: right;
  margin-top:26px;
}



#topmenu ul,
#footer ul {
  list-style: none;
  margin:0px;
  padding:0px;
}

#topmenu li,
#footer li {
  list-style: none;
  float: left; 
  margin-left: 10px;
  padding-left: 10px;
  height:14px;
  border-left: 1px solid black;
}


#topmenu li.first, 
#footer li.first {
  border: 0px solid black;
}



#topmenu li a,
#footer li a {
  color: #8F8F8F;
  text-decoration: none;
  font-size: 10px;
  float: left;
}                    



/** ------------------------------ */
/** MENU */
/** ------------------------------ */
#menu {
  list-style: none;
  margin:0px;     
  padding:0px;
  margin-left:-20px !ie7;
}

#menu li {
  list-style: none;
  background: url(../images/interface/menuBackground.gif) repeat-x;
  width: 210px;
min-height:29px;
  margin:0px;
  padding: 0px;
  margin-bottom: -3px !ie7;
}

ul#menu li a {
  color: #002642;
  text-decoration: none;
}


#menu ul {
  display: none;
}

.nonActive,
.isActive,
.isActiveSolid {
  float: left;
  min-height:29px;
  height: 29px !ie7;
  width: 12px;
  background:white;
  
}

.isActive,
.isActiveSolid {
  background: url(../images/interface/menuBackgroundActive.gif) repeat-x; 
  position: relative;
}

.extraHover {
  float: left;
  height:23px;
  padding-top:6px;
  padding-left:10px;
  width: 188px;  
  cursor: pointer;
  
}

li.parentisActiveSolid ul,
li.parentisActiveSolid ul.hidden {
  display: block !important;  
  margin-left:10px; 
  margin-left: -3px !ie7;  
} 

li.parentisActiveSolid ul .extraHover ,
li.parentisActiveSolid ul.hidden .extraHover  {
  width: 178px !important;
}

#leftColumn ul li.parentisActiveSolid ul li,
#leftColumn ul li.parentisActiveSolid ul.hidden li {
  width: 200px !important;
  width: 198px !ie7;
}

ul ul .isActive,
ul ul .isActiveSolid,
ul ul .nonActive {

}


/** ------------------------------ */
/** Left Column
/** ------------------------------ */

#leftColumn {
  float: left; 
  width: 210px;
  margin-right: 20px;
  margin-right: 20px;  
}

#centerColumn {
  float: left;
  width:420px;
  min-height: 100px;
  height: 100px !ie7;  
  font-size: 11px;
  width: 420px !ie7;
}

#content {
  width: 870px;
  min-height: 339px;
  height: 339px !ie7;
  margin-bottom: 20px;


}

#rightColumn {
  float: left; 
  width: 200px;
  margin-left: 20px;
}
/** ------------------------------ */
/** Left BOX
/** ------------------------------ */

.box {
  width: 189px;
}

.box .top {
  background: url(../images/interface/leftBoxTop.png) no-repeat;
  width: 189px;
  height: 26px;
}

.box .middle {
  background: url(../images/interface/leftBoxBackground.png) repeat-y;
  width: 189px;
  min-height: 260px;
  height: 260px !ie7
}

.box .bottom {
  background: url(../images/interface/leftBoxBottom.png) no-repeat;
  width: 189px;
  height: 26px;
}

.box .blueTop {
  background: url(../images/interface/leftBoxBlueTop.png) no-repeat;
  width: 161px;
  height: 30px;
  padding-left:14px;
  padding-right: 14px;
  padding-top:12px;
  text-align: center;
}

.box .middle ul {
  margin-left: 14px;
  list-style-position: inside;
  padding-right: 14px;
  
}

.box .middle ul li {
  font-size: 11px;
  font-weight: bold;
  list-style-image: url(../images/interface/list-img.gif);
}

.box .middle ul li a {
  color: #0018fa;
  text-decoration: none;
}
.box .middle ul ul {
  padding-right: 0px;
}

.box .middle ul li li {
  font-weight: normal;
}

.box .middle .nieuwsItem {
  font-size: 11px;
  margin-bottom:10px;
  margin-left: 14px;
  padding-right:14px;
}

/**
 * Footer
 **/  

#footer {
  width: 660px;
  float: right;
} 

h1 {
  font-size: 15px;
  margin-bottom:5px;
  margin-top:0px;
  color: #002642;
}

h2 {
  font-size: 14px;
  margin-bottom:5px;
  margin-top:5px;
  color: #002642;
}

h3 {
  font-size: 13px;
  margin-bottom:5px;
  margin-top:5px;
  color: #002642;
}

h4 {
  font-size: 12px;
  margin-bottom:5px;
  margin-top:5px;
  color: #002642;
}




.input {
  background: url(../images/interface/input.gif);
  width: 140px;
  height: 15px;
  padding-top:1px;
  padding-left:3px;
  margin-left:9px;
  margin-bottom:5px;
}

.input input {
  width: 124px;
  height:14px;
  padding:0;
  font-size: 10px;
  border: 0px solid white;
}

ul {
  margin:0px; 
  padding:0px;
}

.clear {
  clear: both;
}

a {
  color: #24a139;
  text-decoration: none;
}

a:hover {
  color: #34ca4c;
  text-decoration: underline;
}

a img {
  border: none;
}

.right{
  float: right;
}

.left {
  float: left;
}

#fadeContainer {
      position: relative;
      height: 291px;
    }
    #fadeContainer div {
      position: absolute;
    }
    
    .fade10 {opacity: 1.0; filter: alpha(opacity=100); position: relative; z-index:9;}
		.fade9 { opacity: 0.9; filter: alpha(opacity=90); position: relative; z-index:9;}
		.fade8 { opacity: 0.8; filter: alpha(opacity=80); position: relative; z-index:9;}
		.fade7 { opacity: 0.7; filter: alpha(opacity=70); position: relative; z-index:9;}
		.fade6 { opacity: 0.6; filter: alpha(opacity=60); position: relative; z-index:9;}
		.fade5 { opacity: 0.5; filter: alpha(opacity=50); position: relative; z-index:9;}
		.fade4 { opacity: 0.4; filter: alpha(opacity=40); position: relative; z-index:9;}
		.fade3 { opacity: 0.3; filter: alpha(opacity=30); position: relative; z-index:9;}
		.fade2 { opacity: 0.2; filter: alpha(opacity=20); position: relative; z-index:9;}
		.fade1 { opacity: 0.1; filter: alpha(opacity=10); position: relative; z-index:9;}
		.fade0 { opacity: 0.0; filter: alpha(opacity=0); position: relative; z-index:9;}

ul li {
  list-style-position: inside;
}






table, td {
  font-size: 9px;
}

#search {
  
}


a.button {
  border:1px solid #959799;
  color:#0f4869;
  padding-left:5px;
  padding-right:5px;
}

#search form {
  margin:0px;  
}

input,
textarea {
  width: 153px;
  border:1px solid #d4d4d4;
  font-size: 9px;
}

.inputRadio {
  width: 10px;

  font-size: 9px;
}

#sendafriend input {
  width: 110px;
}

.greenLine {
  border-top: 1px solid #7bbd51;
  height:1px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-bottom: 0px !ie7;
  margin-top: 12px !ie7;  
}                      

.icon {
  float: left;
  width: 43px;
}

.iconText,
.iconTextUur {
  float: left;
  margin-top:7px;
  color:#0f4869;

}

.iconTextUur {
  font-size:20px;
  font-weight:bold;
  margin-left:18px;
  margin-left:10px !ie7;
}

.iconText a,
.iconTextUur a {
  color:#0f4869;
}

#sitemap ul { margin-left: 10px;}

#nieuws { 
  width: 177px;
  padding: 10px;
  margin-top: 10px;
  margin-left:10px;
  border: 1px solid #004063;
  width: 197px !ie7;
  margin-left: 8px !ie7;
}

#nieuws #itemTitel {
  color:#004063;
  font-weight:bold;
  margin-bottom:10px;
}

#nieuws .nieuwsTitel a {
  color:black !important;
}

#nieuws .nieuwsTitel {
  border-bottom: 1px solid #7BBD51;
  margin-bottom: 3px;
  padding-bottom:3px;
  font-size:10px;
}