/* Structuur **************************************************************************/
h1{height: 45px;
   display: none;
}
body,html {
   background-color: #FFFFFF;
  padding: 0px;
  margin: 0px;
  font-size: 100%;
  height: 100%;
}
#top{
   width: 930px;
   margin: 0px auto;
   display: block;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 0.7em;
   line-height: 1.5em;
}
#container{
   background-image: url(../images/back.jpg);
   background-repeat: no-repeat;
   background-position: right top;
   float: left;
   min-height: 558px;
}
.home #container{
   background-image: url(../images/backhome.jpg);
}
   #header{
      float: left;
      width: 930px;
      height: 86px;
   }
      #logo{
         position: absolute;
      }
   #skiplinks{
      visibility: hidden; /* ivm IE6! */
      position: absolute; /* ivm IE6! */
      top: -1000px;
      left: 0px;
   }
   #kolomwrapper{
      float: left;
      width: 681px; /* nodig voor Opera */
   }
         #navigatie{
            float: left;
            width: 198px;
         }
            #navigatie ul{
               list-style: none;
               margin: 0px 0px 19px 0px; 
               padding: 0px;
            }
            #navigatie ul ul{
               margin-bottom: 0px;
               background-color: #FFFFFF;
            }
            #navigatie ul li{
               display: block;
               margin: 0px 0px;
            }
            #navigatie ul li a{
               display: block;
               color: #000000;
               text-decoration: none;
               font-weight: bold;
               padding: 0px 5px 1px 5px;
               border-bottom: 1px solid #FFFFFF;
            }
            #navigatie ul li a:hover{
               background-color: #648f3f;
               color: #FFFFFF;
            }
            #navigatie ul li a.active{
               background-color: #648f3f;
               color: #FFFFFF;
            }
            #navigatie .submenu li a{
               font-weight: normal;
            }
            
            #navigatie .niveaus li{                background-color: #B1C7A0;            }
            #navigatie .niveaus ul li{               background-color: #D0DCC4;            }
            #navigatie .niveaus ul ul li{               background-color: #E8EEE2;            }
            #navigatie .niveaus ul ul ul li{               background-color: #FFFFFF;            }    
            
            #navigatie .niveaus li a{
               padding: 0px 5px 1px 5px;
            }
            #navigatie .niveaus li li a{
               padding: 0px 5px 1px 12px;
               font-weight: normal;
            }
            #navigatie .niveaus li li li a{
               padding: 0px 5px 1px 19px;
            }
            #navigatie .niveaus li li li li a{
               padding: 0px 5px 1px 26px;
            }
            #navigatie h2{
               display: none;
            }

			#navigatie .hidden {
				display: none;
			}
         #content{
            float: right;
            width: 459px;
         }
         .home #content{
            position: absolute;
            top: 280px;
            left: 0px;
            font-weight: bold;
            width: 378px;
         }
         .intro{
            padding-top: 0px;
            padding-bottom: 0px;
            color: #648F3F;
         }
#nieuws{
   position: absolute;
   width: 168px;
   top: 220px;
   left: 760px;
   font-size: 0.9em;
}
   #nieuws a {
      display: block;
      text-align: right;
      font-weight: normal;
      text-decoration: none;
      font-size: 0.9em;
   }
   #nieuws a:hover{
      text-decoration: underline;
   }
   #nieuws ul{
      margin: 0px;
      padding: 0px;
      list-style: none;
      font-weight: bold;
   }
   #nieuws ul li{
      margin-bottom: 10px;
   }
   #nieuws h2 {
      font-weight: normal;
      color: #648F3F;
      padding-bottom: 5px;
   }
#footer{
   width: 709px;
   margin: 0px auto;
   padding: 30px 0px 14px 221px;
   clear: both;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 0.7em;
   line-height: 1.5em;
   color: #e31b23;
}
.home #footer{
   width: 930px;
   padding: 30px 0px 14px 0px;
}
#inloggen{
   background-color: Lime;
   position: absolute;
   left: 11px; /* altijd left ivm IE6 */
   top: 190px;
   margin-top: -2em;
   width: 150px; /* alleen nodig voor sifr */
}
#zoeken{
   position: absolute;
   left: 680px; /* altijd left ivm IE6 */
   top: 27px;
   width: 250px; /* alleen nodig voor sifr */
   color: #648F3F;
   font-weight: bold;
   text-align: right;
}
   #zoeken #zoek{
      background-image: url(../images/zoekveld.jpg);
      background-repeat: no-repeat;
      background-position: top right;
      padding: 2px 3px 0px 3px;
      width: 150px;
      height: 20px;
      border: 0px;
      background-color: transparent;
      margin-left: 12px;
      font-size: 10 px;
   }
   #zoeken #submit{
      background-color: transparent;
      background-image: url(../images/zoekpijl.jpg);
      background-position: right center;
      background-repeat: no-repeat;
      border: 0px;
      width: 18px;
      padding: 0px;
   }

/* sIFR CSS **************************************************************************/
/* 
   hier kunnen via css de blokelementen van de headers voorzien worden van font-size, padding en margin.
   Overige zaken zoals kleur, link-kleur, :hover, text-align, backgroundcolor, etc, worden meegegeven 
   in sifr-css.js
*/
 .sIFR-active #content h2 {
   visibility: hidden;
   line-height: 1em;
   padding: 0px;
   margin: -8px 0px 4px 0px;
   xheight: 45px;
 }

 .sIFR-active #footer h2{
   visibility: hidden;
   line-height: 1em;
   padding: 0px;
   margin: -8px 0px 4px 0px;
   height: 45px;
 }

/* Standaard opmaak  */

h1,h2,h3,h4,h5,h6{
   line-height: 1.3em;
   margin: 0px;
   padding: 0.75em 0px 0em 0px;
   font-weight: bold;
}
   h1{
      font-size: 2.5em;
   }
   h2{
      font-size: 1.9em;
      padding: 0px 0px 18px 0px;
   }
   h3{
      font-size: 1em;
      color: #648F3F;
   }
   h4{
      font-size: 1em;
   }
   h5{
      font-size: 1em;
   }
   h6{
      font-size: 0.8em;
   }

p {
   padding: 0px 0px 0.75em 0px;
   margin: 0px;
}
a{
   text-decoration: underline;
   color: #648F3F;
}
a:hover{
   text-decoration: underline;
}
ul, ol {
   padding: 0px 0px 0px 25px;
   margin: 0px 0px 0.75em 0px;
}
   ul ul, ol ol{
      margin: 0px 0px 0px 0px;
   }
   ul li, ol li {
      line-height: 1.5em;
   }
table {
   border-collapse: collapse;
   padding-top: 0.3em;
   empty-cells: show;
}
   table td {
      padding: 0.2em;
      border: 1px solid #CCCCCC;
      vertical-align: top;
   }
   table th {
      padding: 0.2em;
      border: 1px solid #CCCCCC;
      background-color: #EEEEEE;
      text-align: left;
      vertical-align: top;
   }
   form table td{
      border: 0px;
   }
code {
   font-size: 100%;
}
#swd5searchform{
  width: 100%;
}
#swd5searchform td,
#swd5searchform th{
  border:0px;
  background-color: transparent;
}	
#swd5searchform input,
#swd5searchform select{
   width: 250px;
  border: 1px solid #D2E2E1;
}
#swd5searchform #btnSearch{
  width:auto;
  color: #648F3F;
  border: 1px solid #648F3F;
  background-color: #D2E2E1;
  font-weight: bold;
}
#zoekresultaten{
  margin: 10px 0px;
  padding: 0px;
  list-style: none;
  border-bottom: 1px solid #D2E2E1;
}
#zoekresultaten a{
  display: block;
  font-weight: bold;
  text-decoration: none;
  border-top: 1px solid #D2E2E1;
  padding: 2px 0px 0px 0px;
}
#zoekresultaten a:hover{
  text-decoration: underline;
}