body {
behavior:url("csshover.htc");
margin:0px;
padding:0px;
font-family:Century Gothic, Arial;
height:100%;
background-color:#384656;
line-height:0.5cm;
font-size:13px;
}

h1, h2 {
font-size:20px;
color:#3399ff;
letter-spacing:1.6px;
font-weight:bold;
margin:0px;
padding:0px;
margin-bottom:15px;
}

h2 {
font-size:16px;
font-weight:bold;
color:#8c0a4f;
}

p { margin-top:0px; }

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

a, a:visited {
color:#7A003C;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

img {
border:0px;
}

input, textarea {
border:1px solid #e3c3d3;
}

.radiobutton {
border:0px;
}

legend { padding:4px; font-weight:bold; border:1px solid #e3c3d3; background:#e3c3d3; color:#ffffff; }
fieldset { padding:10px; border:1px solid #e3c3d3; margin-bottom:20px; }
fieldset h2 { margin-top:10px; margin-bottom:10px; }

.clear { clear: both; }
* html #main {
height: 1%;
}


#main { position:relative; margin:auto; width:1082px; z-index:0; }
#main_content { position:relative; width:1082px; float:left; background:url(images/main_back.png) top center repeat-y; z-index:1; }

#header { float:left; position:relative; width:927px; height:358px; margin-left:62px; margin-top:38px; }
#fotos { width:927px; height:358px; overflow:hidden; }
#images { margin:0px; padding:0px; list-style-type:none; }
#logo { position:absolute; width:222px; height:99px; left:20px; top:20px; z-index:1000;}

#cloud { position:absolute; width:493px; height:183px; z-index:1000; left:473px; top:32px; background:url(images/cloud2.png) no-repeat; }
#cta_vraagouder { position:absolute; width:179px; height:49px; left:29px; top:94px; }
#cta_gastouder { position:absolute; width:179px; height:49px; top:94px; left:255px; }

#middle { float:left; position:relative; width:927px; margin-left:62px; margin-top:30px; z-index:2; }

#left { float:left; position:relative; width:220px; margin-right:16px; z-index:5; }
#menu { float:left; width:220px; background:#8CC63F; min-height:300px; z-index:6; }

/*#menu ul { list-style-type:none; margin:4px 0px 10px 0px; padding:0px; width:220px; }
#menu ul li { text-align:right; padding-right:12px; line-height:32px;  }
#menu ul li a { color:#ffffff; font-size:15px; font-weight:bold; text-shadow: #444444 1px 1px 1px; }
#menu ul li a:hover, #menu ul li.active a { text-decoration:none; color:#7A003C; text-shadow: #B1DB6E 1px 1px 0px; }*/

#content { float:right; position:relative; width:649px; margin-bottom:30px; color:#464646; border:1px solid #e3c3d3; padding:20px; z-index:3; }

.succes { padding:10px; background:#5BCE2E; color:#ffffff; margin:10px 0px 10px 0px; }
.error { padding:10px; background:#E41D1D; color:#ffffff; margin:10px 0px 10px 0px; }
.succes a, .error a { color:#ffffff; text-decoration:underline; }

#test table { margin:0px; padding:0px; border:0px; width:100%; }
#test table tr td { width:50%; background:#f4f4f4; padding:3px; }
#test table tr.header td { background:#ffffff; }
#test table tr.spacer td { background:#ffffff; }

#right { float:right; position:relative; width:691px; z-index:3; }
.block { float:left; font-size:12px; }
.block h2 { font-size:14px; font-weight:bold; }
.block span  { font-size:10px; }

#info { margin-right:16px; color:#464646; width:218px; height:298px; border:1px solid #e3c2d3; }
#info div { width:208;  margin-bottom:16px; padding-top:10px; padding-left:10px; }
#nieuws_home ul { list-style-type:none; margin:0px; padding:0px; }

#vraagouder { margin-right:15px; background:#FC830B; width:200px; height:280px; padding:10px; color:#ffffff; }

#gastouder { background:#ED1E79; width:200px; height:280px; padding:10px; color:#ffffff; }

#vraagouder h2, #gastouder h2 { color:#ffffff; margin-bottom:0px; text-shadow: #444444 1px 1px 0px; }
#vraagouder ul, #gastouder ul { margin:0px; padding:10px 0px 0px 0px; list-style-type:none; }
#vraagouder ul li, #gastouder ul li { padding-left:18px; background:url(images/block_bullet.png) center left no-repeat; line-height:20px; font-size:12px; }
#vraagouder ul li a, #gastouder ul li a { color:#ffffff; }
#vraagouder img, #gastouder img { border:5px solid white; margin-top:10px; }

#footer { float:left; position:relative; width:927px; border-top:1px solid #d8d8d8; line-height:60px; margin:30px 0px 0px 62px; font-size:11px; }
#footer a { color:#3399ff; }

#bottom { position:relative; float:left; width:1082px; height:20px; background:url(images/footer_back.png) no-repeat; }

#form_table tr td { padding:3px 10px 3px 0px; }

.formerror { border:2px solid red; padding:10px; }

.formsuccess { background:#8CC63F; border:2px solid green; padding:10px; color:#ffffff; }

#vraagaanbod_table tr td {
padding:0px 10px 20px 0px;
}

#vraagaanbod_table tr td ul {
margin:0px;
padding:0px;
margin-top:10px;
}

#vraagaanbod_table tr td ul li { margin-left:20px; }


ul#nav {
  margin:4px 0px 10px 0px;
  padding:0px;
  text-align:right;
  display:block;
  list-style:none;
  width:220px;
  left:0px;
  top:0px;
 }


/*achtergrondkleur van de <li>'s hier instellen anders detecteert IE de <li> niet als het menu over een div met content heenvalt*/

  ul.sub {
  margin:0px;
  padding:0px;
  text-align:left;
  list-style:none;
  width:199px;
  border-left:1px solid white;
  position:absolute;
  display:none;
  right:-200px;
  z-index:100;
  top:0px;
  background-color:#8cc63f;
  }
  
/* aparte styling voor niveau 2 */  
  
  ul.sub ul.sub {
  margin:0px;
  padding:0px;
  text-align:left;
  list-style:none;
  width:160px;
  position:absolute;
  display:none;
  right:-160px;
  z-index:200;
  top:0px;
  }
  
  
 
 /* Het 100% CSS menu */

 
/*#menu ul { list-style-type:none; margin:4px 0px 10px 0px; padding:0px; width:220px; }
#menu ul li { text-align:right; padding-right:12px; line-height:32px;  }
#menu ul li a { color:#ffffff; font-size:15px; font-weight:bold; text-shadow: #444444 1px 1px 1px; }
#menu ul li a:hover, #menu ul li.active a { text-decoration:none; color:#7A003C; text-shadow: #B1DB6E 1px 1px 0px; }*/


 ul#nav li {
  position:relative;
  z-index:9;
  display:block;
  margin:0px;
  padding:0px 12px 0px 0px;
  line-height:32px;
   color:#ffffff; font-weight:bold; cursor:default;
   /* text-shadow:#444444 1px 1px 1px;  */
 }
 
 
 ul#nav li.active, ul#nav li:hover { text-decoration:none; color:#7A003c; /* text-shadow: #B1DB6E 1px 1px 0px; */ }
 
 ul#nav li a, ul.sub li a {
 height:1%; color:#ffffff; font-weight:bold; /* text-shadow:#444444 1px 1px 1px; */ text-decoration:none; 
 }
 
 ul#nav li a:hover, ul.sub li a:hover, ul#nav li.active a {
 text-decoration:none; color:#7A003c; /* text-shadow: #B1DB6E 1px 1px 0px; */
 }
 
 ul.sub li {
 display:block;
  position:relative;
  z-index:9;
  margin:0px;
  line-height:24px;
  text-align:left;
  font-size:12px;
 }
 
 ul#nav li:hover ul.sub li a {
 color:#ffffff; display:block; width:180px; padding:0px 0px 0px 20px; /* text-shadow:#444444 1px 1px 1px; */
 }
 
 ul#nav li:hover ul.sub li a:hover, ul#nav li:hover ul.sub li.active a {  text-decoration:none; color:#7A003c; /* text-shadow: #B1DB6E 1px 1px 0px; */ }


* ul#nav a{display:inline-block;}



 


 
  ul#nav ul.sub ul.sub {
  display:none;
  }
 
  
  li:hover ul#nav ul.sub {
   display:none;
  }

  li:hover ul.sub, li:hover li:hover ul.sub {
   display:block;
  }
  
  ul#nav li:hover ul.sub li:hover ul.sub {
  display:block;
  }