/* CSS ALGEMEEN VOOR HELE SITE */

/*
groen: #6ca930
groentabs: 81c142
geel: #fbf9d1
text-groen: #4a5c38
*/

body {
	background-color: #f8f4a3;
	font-family: verdana, sans-serif;
	font-size: 1em;
	margin-top: 0px;
	text-align: center;
	margin-top: -11px;
	margin-bottom: -12px;
}

* img {
	border: none;
}

table {
	font-size: 1em;
}
a 
{
	text-decoration: none;
	font-weight: bold;
	color: #6ca930;
}

#container {
	position: relative;
	margin: 0px auto 10px auto;
	padding: 0px 13px 0px 13px;
	width: 923px;
	background-image: url(../images/achtergrond_schaduw.jpg); 
	background-repeat: repeat-y;
	text-align: left;
}

#wapen {
	position: relative;
	float: left;
	width: 53px;
	height: 81px;
	/*background-image: url(../images/wapen.jpg);*/ 
	margin-left: 10px;
	/*margin-top: 3px;*/
}

#logo {
	position: relative;
	float: right;
	width: 300px;
	height: 58px;
	margin-right: 2px;
	margin-top: 5px;
}

#witruimte {
	clear: both;
}

#navigatie{
	position: relative;
                z-index: 10000;
	float: left;
	padding-left:2px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
   	font-size: 0.7em;
   	line-height: 1.3em;
	width: 903px;
	height: 40px;
}
   #navigatie h2{
      display: none;
   }
   #navigatie #primair{
      position: absolute;
   }
      #navigatie #primair ul{
         margin: 0px;
         padding: 0px;
         list-style: none;
      }
         #navigatie #primair li.primairnav{
            background-color: #81c142;
            background-image: url(../images/tabmenu3.gif);
            background-position: left top;
            background-repeat: no-repeat;
            display: inline-block;
            width: 125px;
            float: left;
         }
         #navigatie #primair li.primairnav a{
            text-decoration: none;
            font-variant: normal; /*small-caps*/
            display: block;
            float: left;
            padding: 10px 5px 5px 12px;
            color: #ffffff;
            width: 125px;
            height: 25px; /* IE is 40px*/
            line-height: 1.2em;
         }
         #navigatie #primair li a:hover{
            text-decoration: none;
            color: #ffffff;
         }   
         #navigatie #primair li.primairnav ul{
            float: left;
            display: none;
            width: 125px;
            background-color: #81c142;
         }
         #navigatie #primair li.primairnav ul li {
            overflow:hidden;
            display: block;
            width: 125px;
            background-color: #81c142;
            background-image: url(../images/contentmenu_ruler3.gif);
            background-position: left bottom;
            background-repeat: repeat-x;
         }

         #navigatie #primair li.primairnav ul a{
            padding: 5px 0px 5px 5px;
            color: #FFFFFF;
            font-weight:normal;
            font-variant:normal;
            float: none;
            height: auto;
        }
         #navigatie #primair li.primairnav ul a:hover{
            color: #FFFFFF;
            text-decoration:underline;
         }

#topmenu {
	position: relative;
	float: left;
	width: 743px;
	height: 20px;
	font-size: 0.7em;
	margin: 5px 0px -3px 6px;

}
#topmenu img 
{
	margin-bottom: -8px;
}
#topmenu a 
{
	color: black;
	text-decoration: none;
}
#topmenu a:hover {
	text-decoration: underline;
}

#zoeken {
	position: relative;
	float: right;
	width: 144px;
	height: 16px;
	margin-bottom: 0px;
	font-size: 0.8em;
}

#zoeken input {
	width: 120px;
	height: 16px;
	margin-top: 3px;
	color: #4a5c38;
	font-weight: normal;
	font-size: 1em;
}

input#zoeksubmit 
{
	width: 17px;
	height: 16px;
	margin-bottom: -2px;
}

#headerimage 
{
	position: relative;
	float: left;
	width: 922px;
	height: 155px;
}

#talen 
{
	position: relative;
	float: left;
	width: 918px;
	height: 16px;
	text-align: right;
	margin-right: 4px;
}

#talen a 
{
	margin: 4px 0px 0px 6px;
}

#containermidden 
{
	position: relative;
	float: left;
	width: 922px;
	background-image: url(../images/rulers_middendeel.gif); 
	background-position: top right;
	background-repeat: repeat-y;
}

#wobcontainermidden 
{
	position: relative;
	float: left;
	width: 922px;
	background-image: url(../images/rulers_middendeel_wob.gif); 
	background-position: top right;
	background-repeat: repeat-y;
}

#footer 
{
	position: relative;
	float: left;
	width: 922px;
	height: 90px;
	background-image: url(../images/footer_image.jpg); 
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #81c142;
	margin-top: 0px;
	color: black;
	font-size: 0.6em;
	padding-top: 10px;
}

#footer a 
{
	color: black;
	text-decoration: none;
}

#footerdeel1 
{
	position: relative;
	float: left;
	width: 226px;
	height: 79px;
	text-align: center;
}

#footerdeel2 
{
	position: relative;
	float: left;
	width: 196px;
	height: 79px;
	padding-left: 4px;
}

#footerdeel3 
{
	position: relative;
	float: left;
	width: 200px;
	height: 79px;
}

/* EINDE CSS ALGEMEEN VOOR HELE SITE */

/* CSS SPECIFIEK VOOR HOMEPAGINA */

#bannermenu 
{
	position: relative;
	float: left;
	width: 216px;
	margin-left: 9px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#bannermenu a
{
	width: 193px;
	height: 60px;
	display: block;
	margin: 5px 0px 5px 0px;
}

#homenieuws 
{
	position: relative;
	float: left;
	width: 462px;
	color: #4a5c38;
	font-size: 0.7em;
	margin-left: 5px;
	padding-right: 3px;
}

#homenieuws img
{
	position: relative;
	float: right;
	margin: -5px 5px 5px 5px;
}
 
.hoofditem 
{
	margin-top: -10px;
}

#homenieuws h1 
{
	color: black;
	font-size: 1.3em;
	border-bottom: 1px solid #81c142;
	width: 100%;
	margin-top: 0px;
	padding-bottom: 9px;
}

#homenieuws h2 
{
	color: black;
	font-size: 1.2em;
}

#homenieuwsitem 
{
	position: relative;
	float: left;
	width: 470px;
}

#homenieuwsrest
{
	position: relative;
	float: left;
	width: 216px;
	color: #000000;
	font-weight: bold;
	font-size: 0.7em;
	border-top: 1px solid #81c142;
	margin-top: 27px;
	margin-left: 6px;
	padding-right: 5px;
	padding-top: 5px;
}
#homenieuwsrest1
{
	position: relative;
	float: left;
	width: 216px;
	color: #000000;
	font-weight: bold;
	font-size: 0.7em;
	border-top: 1px solid #81c142;
	margin-top: 27px;
	margin-left: 6px;
	padding-right: 5px;
	padding-top: 5px;
}

#homenieuwsrestitem
{
	position: relative;
	float: left;
	width: 221px;
	margin: 5px 0px 5px 0px;
}

.leesverder 
{
	position: relative;
	float: left;
	width: 84px;
	height: 12px;
	font-weight: normal;
	margin-left: 6px;
}

a.leesverder
{
	color: #6ca930;
	text-decoration: none;
}

a:hover.leesverder
{
	text-decoration: underline;
}

.ruler
{
	position: relative;
	float: left;
	height: 12px;
	background-position: left 8px;
	background-repeat: no-repeat;
} 

.nieuwsruler 
{
	background-image: url(../images/nieuws_ruler.gif); 
	width: 372px;
}

.nieuwsrestruler 
{
	background-image: url(../images/nieuwsrest_ruler.gif); 
	width: 126px;
}

/* CSS SPECIFIEK VOOR DE TWEE CONTENTPAGINAS */

#contentmenu 
{
	position: relative;	
	float: left;
	width: 222px;
	margin-left: 2px;
	padding-bottom: 10px;	
	font-size: 0.7em;
	margin-top: -11px;
}

#contentmenu ul 
{
	list-style-type: none;
	margin-left: -35px;
}

#contentmenu ul li 
{
	background-image: url(../images/contentmenu_ruler.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	height: 23px;
	width: 212px;
}

#contentmenu ul li a 
{
	color: #4a5c38;
	text-decoration: none;
	width: 212px;
	display: block;
	padding: 3px 0px 5px 0px;
	font-weight: normal;
}

#contentmenu ul li a:hover
{
	background-color: #fbf9d1;
	height: auto;
}

#contentartikel 
{
	position: relative;
	float: left;
	width: 490px;
	color: #4a5c38;
	font-size: 0.7em;
	margin: -10px 0px 0px 5px;
	padding: 0px 3px 40px 2px;
}

#contentartikel_2k 
{
	position: relative;
	float: left;
	width: 690px;
	color: #4a5c38;
	font-size: 0.7em;
	margin: -10px 0px 0px 5px;
	padding: 0px 3px 40px 2px;
}

#contentartikel a, #contentartikel_2k a {
	text-decoration:underline;
}

#contentartikel h1
{
	color: #4a5c38;
	font-size: 1.5em;
}

#contentartikel h2
{
    color: #4a5c38;
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: .8em;
}

#contentartikel h3
{
	color: #4a5c38;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0px;
}

#leesverder 
{
	position: relative;
	float: left;
	width: 216px;
	font-size: 0.7em;
	margin: -5px 0px 0px 6px;
	padding-right: 5px;
}

#leesverder ul
{
	list-style-image: url(../images/pijltje_leesverder.gif);
	margin-left: -25px;	
}

#leesverder ul li 
{
	margin-top: 3px;
	margin-bottom: 3px;
}

#leesverder ul li a
{
	text-decoration: none;
	color: #4a5c38;
	font-weight: normal;
}

#leesverder ul li a:hover
{
	text-decoration: underline;
}

.nieuwsrestruler 
{
	background-image: url(../images/nieuwsrest_ruler.gif); 
	width: 126px;
}

#kruimelpadcontainer 
{
	position: relative;
	float: left;
	width: 920px;
	background-image: url(../images/rulers_middendeel.gif); 
	background-position: top right;
	background-repeat: repeat-y;
	font-size: 0.7em;
	text-transform: lowercase;
	padding-left: 2px;
}

#kruimelpad
{
	position: relative;
	float: left;
	width: 462px;
	margin-left: 229px;
}

#kruimelpad a
{
	text-decoration: none;
	font-weight: bold;
	color: #4a5c38;	
}

#kruimelpad a:hover
{
	text-decoration: underline;
}

#menutitel
{
	position: relative;
	float: left;
	width: 462px;
	margin-left: 5px;
	margin-bottom: -26px;
	font-size: 0.7em;
}


#headerleesverder 
{
	position: relative;
	float: left;
	width: 222px;
	background-image: url(../images/rulers_middendeel.gif); 
	background-position: top right;
	background-repeat: repeat-y;
	font-size: 0.7em;
	padding-left: 700px;
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 1px;
}

#contenttoprulerniveau1, #contenttoprulerniveau2 
{
	position: relative;
	float: left;
	width: 922px;
	background-position: top left;
	background-repeat: no-repeat;
}

#contenttoprulerniveau1
{
	height: 3px;
	background-image: url(../images/contenttop_ruler_niveau1.gif); 
	margin-top: 10px;
} 

#contenttoprulerniveau2 
{
	height: 1px;
	background-image: url(../images/contenttop_ruler_niveau2.gif); 
}

#contentfotorechts 
{
	position: relative;
	float: left;
	width: 212px;
	height: 153px;
	margin: 0px 0px 0px 7px;
	border-bottom: 1px solid #81c142;
}

#contenttitel
{
	position: absolute;	
	width: 704px;	
	height: 65px;
	top: 90px;
	left: 215px;
	z-index: 10;
	background-image: url(../images/projecten.png); 
	background-position: left top;
	background-repeat: no-repeat;
}

.contentpage 
{
	position: relative;
	float: left;
	width: 150px;
	height: 12px;
	font-weight: normal;
	margin-left: 6px;
}

/*a.contentpage 
{
	color: #6ca930;
	text-decoration: underline;
}

a:hover.contentpage 
{
	text-decoration: none;
                color: #4a5c38;
}*/

.WE_blue { color: #000099; }
.WE_red { color: #CC0000; }
.WE_green { color: #6ca930; }
.WE_boxed { border: 1px dashed #4a5c38; }

.only_print {
	display: none;
}

/* EINDE CSS SPECIFIEK VOOR CONTENTPAGINAS */