/* Main menu */
/* Root = Horizontal, Secondary = Vertical */

ul#klapmenu {
  border: 0 none;
  padding: 0;
  width: 800px; /*For KHTML*/
  list-style: none;
  z-index: 5;  
}

ul#klapmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;   z-index: 5;
}

ul#klapmenu ul {
  margin: 0;
  border: 1px solid #ccc;
  padding: 0;
  width: 200px;
  overflow:hidden;
  list-style: none;
  display: none;
  position: absolute;
  top: 37px;
  left: 0;
  background:#fff;
  z-index: 5;
}

ul#klapmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#klapmenu ul li {
  width: 200px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/ 
}



/* Root Menu */
ul#klapmenu a {
  float: none !important; /*For Opera*/
}

/* Root Menu Hover Persistence */
ul#klapmenu a:hover,
ul#klapmenu li:hover a,
ul#klapmenu li.iehover a {
  color: #000;
  background:#F8F8F8;
  border: 1px solid #666;
  background: url(../images/downarrow.gif) no-repeat right top #F8F8F8;
}

/* 2nd Menu */
ul#klapmenu li:hover li a,
ul#klapmenu li.iehover li a {

  padding: 0 6px;
  margin:0px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #fff;
  color: #888;
  font: bold 8pt/22px Trebuchet MS, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/ _width: 200px;
  border: 1px dotted #fff;
  border-bottom: 1px dotted #cccccc;
}

/* 2nd Menu Hover Persistence */
ul#klapmenu li:hover li a:hover,
ul#klapmenu li:hover li:hover a,
ul#klapmenu li.iehover li a:hover,
ul#klapmenu li.iehover li.iehover a {
  
  padding: 0 6px;
  margin:0;
  display: block;
  color: #888;
  font: bold 8pt/22px Trebuchet MS, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/ width: 200px;
  border: 1px dotted #fff;
  border-bottom: 1px dotted #cccccc;
  background: #eee;
  color: #990000;
}

/* 3rd Menu */
ul#klapmenu li:hover li:hover li a,
ul#klapmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #255883;
}

/* 3rd Menu Hover Persistence */
ul#klapmenu li:hover li:hover li a:hover,
ul#klapmenu li:hover li:hover li:hover a,
ul#klapmenu li.iehover li.iehover li a:hover,
ul#klapmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#klapmenu li:hover li:hover li:hover li a,
ul#klapmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #255883;
}

/* 4th Menu Hover */
ul#klapmenu li:hover li:hover li:hover li a:hover,
ul#klapmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#klapmenu ul ul,
ul#klapmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#klapmenu li:hover ul ul,
ul#klapmenu li:hover ul ul ul,
ul#klapmenu li.iehover ul ul,
ul#klapmenu li.iehover ul ul ul {
  display: none;
}

ul#klapmenu li:hover ul,
ul#klapmenu ul li:hover ul,
ul#klapmenu ul ul li:hover ul,
ul#klapmenu li.iehover ul,
ul#klapmenu ul li.iehover ul,
ul#klapmenu ul ul li.iehover ul {
  display: block;
}

/* Main CSS */

body { margin: 0px; padding: 0px; font-family: Arial, Verdana; font-size: 10pt; background: url(../images/background.gif) repeat-x;    }

a img { border: 0px; }

p img {float:right; margin-top:5px; padding: 0 5px 0 0;}

a { color: #990000; text-decoration: none; } 
a:hover { color: #990000; text-decoration: underline; } 

h3 { font-size: 10pt; font-weight: bold; }
#highlights h3 {padding:0; margin:0; color:#000;}
#highlights h3 a{padding:0; margin:0; color:#000;}


h1, .componentheading, .contentheading { font-size: 13pt; font-weight: bold; padding: 0px; margin: 10px 0px 20px 0px; color: #990000; }
h2 { font-size: 10pt; font-weight: bold; padding: 0px; margin: 0px 0px 5px 0px; color: #000; }
#wrap { width:1003px;  margin: 0 auto; background: url("../images/bg.gif") repeat-y 21px 0px ;   }

#header { font-size: 0px; line-height: 0px; }

/*Contact Button*/
#nav ul li.contact a { padding: 10px 25px 10px 25px; background: #fff ;  }
#nav ul li.contact a:hover { padding: 10px 25px 10px 25px; line-height: 38px; color: #000; text-decoration: none; background: #F8F8F8; border: 1px solid #666; }


#nav_new { height: 52px; background: url(../images/balk.gif) repeat-x right bottom;  }
#nav { height: 52px; background: url("../images/nav_new.gif") repeat-y 748px 0;  }

#nav ul { list-style: none; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 3px; float: left; }
#nav ul li { display: inline; margin-right: 4px; }
#nav ul li a { padding: 10px 25px 10px 10px; line-height: 38px; color: #666; text-decoration: none; background:  url(../images/downarrow.gif) no-repeat right bottom #fff ; border: 1px solid #ccc; }
#nav ul li a.selected { padding: 10px 25px 10px 10px; line-height: 38px; color: #000; text-decoration: none; background: url(../images/downarrow.gif) no-repeat right top #F8F8F8; border: 1px solid #999;  }
#nav ul li a:hover { padding: 10px 25px 10px 10px; line-height: 38px; color: #000; text-decoration: none; background: url(../images/downarrow.gif) no-repeat right top #F8F8F8; border: 1px solid #666; }

#nav ul li.home a { padding: 10px 17px 10px 16px; line-height: 38px; color: #666; text-decoration: none; background: url(../images/home.gif) no-repeat #fff top; border: 1px solid #ccc;  }
#nav ul li.home a:hover { padding: 10px 17px 10px 16px; line-height: 38px; color: #666; text-decoration: none; background: url(../images/home.gif) no-repeat #eee bottom; border: 1px solid #999; }


#right {  width: 221px;  font-size: 8pt;  position: absolute; top: 0px;  margin-left: 750px; background: url(../images/shade.gif) repeat-x #eee; padding: 15px; }
#right h3{ color: #000; padding: 15px 15px 12px 0px; margin: 0px 0px 0px 0px; }
#linksnav h3 { color: #000; padding: 15px 15px 12px 0px; margin: 0px 0px 0px 15px; }
#right ul, #linksnav ul { color: #990000; margin: 0px 0px 20px 0px; padding: 0px; list-style:  none; }
#right ul li, #linksnav  ul li { padding: 5px 0px 5px 0px; border-bottom: 1px dotted #ccc;  }
#right ul#contact { color: #000000; margin: 0px 0px 20px 0px; padding: 0px; list-style:  none; }

#rss{width:221px;height:58px;}
#zoeken{width:221px;height:41px;}

#main { margin: 7px 0px 0px 0px; font-size: 8pt; line-height: 18px; }

#highlights { float: left; width: 300px; margin: 7px 0px 7px 0px;}

#content {font-size:9pt;  width:750px;  float:left;  padding:0px;  margin-top:3px;}
#content-home { width: 370px; float: left; padding: 0 0 0 10px; margin-top: 3px; margin-right:7px; font-size:9pt;}
#content p{line-height: 22px; margin-top: 20px; margin-bottom: 10px; }

#content-holder { width:545px; display:block; overflow:hidden;}

#content ul, #content-vervolg ul { color: #000; list-style: none; padding:0;  margin: 15px 0px 15px 3px; }
#content ul li, #content-vervolg ul li { background: url(../images/dot.gif) no-repeat left top; padding: 3px 2px 3px 12px; }

#pathway{padding: 10px 0;  border-bottom: 1px dashed #ccc;}

.vak{width: 229px; height: 87px; text-align: left; background: url(../images/vak.gif) no-repeat; margin: 0px 0px 6px 0px; padding: 12px; }
.vak-a {  width: 229px; height: 87px; text-align: left; background: url(../images/vak.gif) no-repeat; padding: 12px; }
.vak-big { height: 182px; text-align: left; background: url(../images/vak-big.gif) no-repeat; margin: 0px 0px 6px 0px; padding: 12px; }

#content .vak-big ul, #content .vak-big ul li{ margin: 0; padding:0; }
#content .vak-big ul li a { margin: 0 0 0 20px; padding: 15px 0 2px 15px; }

.vak img { padding: 1px 10px 1px 1px; }

#footer { clear: both; background: url(../images/footer.gif) no-repeat; padding: 19px 20px 20px 20px; height: 122px; color: #ccc; } 
#footer ul { font-size: 8pt; margin: 10px 0px 0px 0px; padding: 0px; list-style: none; }
#footer ul li a { color: #8f8f8f; }

.footervak { float: left; margin: 0px 40px 0px 0px; }

.clearfix:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
	} 
.clearfix {display:inline-block;} 
	/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
	/* End hide from IE Mac */ 

#highlights-vervolg { width:100%; height: 190px; margin: 0px; background:none; display:block; overflow:hidden; clear:left;}

#highlights-vervolg .vak-a { float: right; margin: 0 0px 0 0px; }

#content-vervolg { width: 500px; float: left; padding: 20px; margin: 3px 0px 0px 5px; }

#blog_more{margin:0; pading:0;}

ul.news {background:#fff; margin-left:0px; padding-left:0px;}
#content ul.news li { background:#F3F3F3; padding: 3px 2px 3px 3px; margin:2px 0; display:block; overflow:hidden; }
#content ul.news li a{ width:400px; display:block; overflow:hidden; }
.create-date {float:left; margin-right:15px}
.datum {margin: 0 86px 0 5px;}

#linksnav { font-size:8pt;float: left; background: url(../images/vak-links.gif); width:180px; margin-top: 4px; margin-right: 12px; }
#linksnavfooter { float: left; background: url(../images/vak-linksfooter.gif) no-repeat; width: 180px; margin: 0px; padding: 0px; height: 10px; clear: both; }
#linksnav ul { margin: 0px 0px 9px 0px; padding:0 15px; } 
#linksnav ul li{list-style:none; background:none; padding:3px 1px;} 
.floatleft{padding-right:10px;}

hr {border:2px solid #eee; background:#ccc; height:5px;}

#teasers {font-size:8pt;float: left; background: none; width:180px; margin-top: 4px; margin-right: 15px; clear:left;}
h4.comments{font-size:12px; text-align:right;}
h4.comments a{color:#333;}


/* 
   HIGHLIGHTS
   FORMS
   FOOTER
*/

a{
outline:none;
}
 
/* =HIGHLIGHTS
   ----------------------------------------------------*/
   
.high-heading{
   background: url(../images/border-top.gif) no-repeat top center;
   width: 353px;
   height: 10px;
   padding: 0px;
   }	
.high-content{
   padding: 10px;
   width: 333px;
   background: url(../images/border-bg.gif) center repeat-y #f8f8f8;
   }	
.high-bottom{
   width: 353px;
   height: 10px;
   margin-bottom:10px;
   background: url(../images/border-bottom.gif) no-repeat bottom center;
   }

/* =FORMS
   ----------------------------------------------------*/
   
 /*SEARCH*/
.search{
   display: block;
   overflow:hidden;
   margin:0;
   padding:5px 0 0 0;
   }
#mod_search_searchword{
   float:left;
   border:1px solid #cecece;
   font:normal 11px Arial, Verdana;
   color:#333;
   padding:4px 4px 4px 8px;
   margin:4px 0 0 0;
   width:160px;
   }
input.button{
	margin:0px 0 0 0;
 	padding:4px 4px 4px 8px;
   }
 label{float:left; width:100px; color:#666; font-weight:normal; }

/*Comment form*/

.sharing { padding:0; margin:0; height:25px; overflow:hidden;}
ul.sharelist { padding:0; margin:0;}

br.clear{clear:both;}
div#bbcode-editor ul.toolbar{background: none;list-style: none;margin: 0;padding:0;}
div#bbcode-editor ul.toolbar li{background: none;float: left;list-style: none;margin: 0px;}

div#bbcode-editor ul.toolbar li a{color:#333333;text-decoration: none; margin:0;padding: 2px;background:#EFEFEF;border:1px outset #CCCCCC;}
div#bbcode-editor ul.toolbar li a:active{outline: none;border:1px inset #CCCCCC;}
div#bbcode-editor ul.toolbar li a#bold_button{font-weight:bold;}
div#bbcode-editor ul.toolbar li a#italic_button{font-style: italic;}
div#bbcode-editor ul.toolbar li a#underline_button{text-decoration: underline }
div#bbcode-editor ul.toolbar li a#strikethrough_button{text-decoration: line-through;}

#bbcode-editor{
   display:block;
   width:350px;
   overflow:hidden;
   margin:0 0 0 0px;
   }
.help{
   display:block;
   height:10px;
   }
#submitter{ margin:10px 0 30px 110px;} 
#content .inputbox{
   border:1px solid #ccc;
   font:normal 11px Arial, Verdana;
   color:#333;
   padding:4px 4px 4px 8px;
   margin:0 0 4px 10px;
   width: 320px;
   }
#content .button{
   border:1px solid #333;
   font:normal 11px Arial, Verdana;
   color:#333;
   padding:4px 4px 4px 8px;
   margin-bottom:4px;
   }
.comment-black{color:#444;}
.separator{list-style-type:none; background:none;padding:0;margin:0;}
#content-holder ul.sharelist li{list-style-type:none;background:none;display:inline;margin:0;padding:.1em}

/*Specials*/

.testimonial {border: 1px dashed #990000; overflow:hidden; display:block; background: #F9F9F9 ; padding:10px; margin:7px 0 14px 0;}
.testimonial img{float:left; padding-right: 11px; }
#content ul.vinkje {margin:0px 0 10px 0; padding:0;}
#content ul.vinkje li{ list-style-image:none; background:url("../images/vinkje.gif") no-repeat 0% 50%; padding: 3px 25px; margin: 0 0 0 30px;}
.testimonial .italic { font-style:italic;}

#opmerking {font-family:Arial, Helvetica, sans-serif; font-size:12px; width:260px; padding: 5px; border:1px solid #ccc; background:#eee;}

form table {}
form td { padding: 3px 15px;  border-top:1px solid #eee; }

.button_space {margin-top:5px; padding:0;}