/* MAIN ------------------------------------------------------------------------------------------------------------------------ */

html, body {
	/* 	- Vastleggen marges van de pagina */
	margin: 0px;
	padding: 0px;
	}

body {
	/* 	- Hieronder wordt op 1 regel de kleur, achtergrondafbeeldingen, en het gedrag van de afbeelding vastgelegd */
	background: #2f6ab7 url(../images/bg_page.gif) repeat-y 50% 0;
	}
	
	/* 	- classes worden in een stylesheet aangeroepen met een punt (.) voor de naam. ID's worden aangeroepen met een hekje (#) */
	
#container {
	/* 	- breedte van de container waarin alle content komt */
	width: 765px;
	/* 	- positie van de container -- positie is in dit geval precies in het midden
		- margins worden altijd met de klok mee aangegeveven dus : top - right - bottom - left
		- Als maar 1 marge wordt aangegeven geldt deze voor alle 4 
		- Worden er 2 aangegeven (zoals hieronder) geldt de eerst voor boven en onder en de 2 e voor links / rechts */
	margin: 0 auto;
}

/* VLAKVERDELING --------------------------------------------------------------------------------------------------------------- */

#header {
	width: 765px;
	height: 198px;
	margin: 0 ; !important; margin: 0 ;
	padding:0;
	}
	
#left {
	width: 158px;
	/* postioneer de div links (naast elkaar) */
	float: left;
	/* marges tussen de divs bepalen. de marges in ie zijn verschillend maar dat is op te lossen door de !important tag te gebruiken
	ie negeert de margins dan en gebruikt de marges erna*/
	margin: 0 0 0 12px !important; margin: 0px 0 0 6px; 
	/* ruimte in de div op nul zetten */
	padding; 0px;
	}
	

#middle {
	width: 395px;
	float: left;
	margin: 0 0 0 14px;
	padding 0;
}

#middle p {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #2f6ab7 ;
	margin: 0;
	/*padding: 7px;*/
	}
	
#middle p a {
	color: #2f6ab7 ;
	text-decoration:underline;
	}
	
#middle p a:link {
	color: #008c5f ;
	text-decoration:underline;
	}
	
#middle p a:hover {
	color: #2f6ab7 ;
	text-decoration:underline;
	}

#middle ul {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #2f6ab7;	
	}
	
#middle li {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #2f6ab7;
	list-style: square;	
}

#middle ol {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #2f6ab7 ;
	}


#right {
	width: 157px;
	float: left;
	margin: 0 0 0 20px!important; margin: 0 0 0 14px;
	padding 0;
}

/* NAVIGATIE --------------------------------------------------------------------------------------------------------------- */

#navigatie {
	background: url(../images/bg_subnav.gif) repeat-y 0 0;
	}

#navigatie ul {
	/*	- hieronder wordt de unordered list vormgegeven 
		- de list-type verbergt de bolletjes */	
	list-style-type:none ;
	margin: 0px 0 0 0 ;
	padding: 0 ;
	width: 157px;
	}
#navigatie li {
	margin: 0px !important; margin: 0px 0 -2px 0 ;
	width: 157px;
	padding: 0;

}

	/*	- menubuttons vormgeven. De buttons werken door een achtergrondplaatje te laten verspringen bij mouseover of click
		- de display zorgt ervoor dat de hitarea wordt aangegeven op de grote van de button.*/

.menubutton a {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	color:#FFFFFF;
	text-decoration: none; 
	background: url(../images/button.gif) no-repeat;
	display:block;
	width: 129px;
	height: 20px;
	padding: 6px 0 0 28px ;
 }
.menubutton a:link, .menubutton a:visited{
	background-position: 0 0px;

 }
.menubutton a:hover{
	background-position: 0 -26px;
 }  
	/* de menubutton selected zorgt ervoor dat een keuze aanklikt kan blijven bij het springen naar een nieuwe pagina */ 
.menubutton a:active, .menubutton a.selected {
	background-position: 0 -52px;
 }
 
/* SUBNAVIGATIE --------------------------------------------------------------------------------------------------------------- */

.subbutton a {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#2f6ab7;
	text-decoration: none; 
	display:block;
	border-bottom: dotted 1px  #2f6ab7 ;
	width: 136px !important ; width: 135px;
	
	padding: 9px 0px 9px 14px !important ; padding: 9px 0px 9px 16px ;
	margin: 0px 0px 0px 3px !important; margin: 0px 0px 0px 3px;
 }
 
.subbutton a:hover {
	color:#FFFFFF;
	display:block;
	background: #2f6ab7;
}

.open {
	 display: block;
}
.closed {
	 display: none;
 
}
#menuschaduw {
	background: url(../images/menu_schaduw.gif) no-repeat;
	width: 158px;
	height: 26px;
	overflow:hidden
	padding:  -5px 0 0 0 !important ; padding: 0;
	margin: 0 0 0 1px!important; margin:  -19px 0px 0 0  ;
}

/* WERKNEMER VAN DE MAAND --------------------------------------------------------------------------------------------------------------- */

#werknemer {
	margin: 0 ;
	width: 157px;
}

#werknemer_kop {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	color:#FFFFFF;
	text-decoration: none; 
	background: url(../images/kop_werknemer.gif) ;
	padding: 7px 0 0 27px ;
	width: 130px;
	height: 20px
}

#werknemer_txt {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#008c5f;
	background: url(../images/bg_werknemer.gif) ;
	width: 141px;
	padding:  8px;
}

.werknemer_button a {
	background: url(../images/leesmeer_groen.gif) ;
	display: block;
	width: 157px;
	height: 16px;
	margin: 0 !important; margin:  0  0 -2px 0 ;
 }
 
.werknemer_button a:link {
	background-position: 0 0px;
 }
 
.werknemer_button a:hover {
	background-position: 0 -16px;
 }  
 
/* SNELZOEKEN --------------------------------------------------------------------------------------------------------------- */

#snelzoeken_venster {
	width: 147px;
	height: 40px;
	padding: 10px 0 0 10px;
	margin: 0 !important; margin: 0 ;
}
input {
	font:  10px Verdana, Arial, Helvetica, sans-serif;	
	width: 130px;
	border: 1px solid #2f6ab7 ;
	background-color: #ffffff;
}

.zoeken {
	width: 157px;
	height:17px;
	border: 0;
}

.zoek1 {
 	float: left;
	width: 146px;
	margin: 0px;
	padding: 0px;
 }
 
 .zoek2 {
 	float: left;
	width: 240px;
	margin: 0px;
	padding: 0px;
 }

.snelzoeken_button a {
	background: url(../images/button_zoeken.gif) ;
	display: block;
	width: 157px;
	height: 16px;
	overflow:hidden;
	margin: 0 0 0 -1px !important; margin:  0  0  -2px -1px;
 }
.snelzoeken_button a:link {
	background-position: 0 0px;
 }
 
.snelzoeken_button a:hover {
	background-position: 0 -16px;
 }  	
 
#menuschaduw_right {
	background: #FFF url(../images/menu_schaduw.gif) no-repeat;
	width: 157px;
	height: 26px;
	padding:  0 ;
	margin: 0 0 0 -2px !important; margin: -19px 0 0 0px;
} 
 
 /* CONTENT --------------------------------------------------------------------------------------------------------------- */
 
td {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #2f6ab7 ;
	 background: #FFFFFF;
	}
 
#tabelkop {
 font: bold 12px Verdana, Arial, Helvetica, sans-serif;
 color: #FFFFFF ;
 background: #618ec8;
 }
 
#content_pagina_kop {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #c0d2e9 ;
	font-variant:small-caps;
	background: #618ec8;
	width: 100%;
	height: 19px;
	margin: 15px 0 0 0;
	padding: 2px 0 0 5px;
} 
 
#content_kop {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF ;
} 	
 
#content_subkop {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #2f6ab7 ;
	background: #c0d2e9;
	width: 100%;
	height: 19px;
	margin: 0px;
	padding: 5px 0 0 5px;
} 		



.pictures {
	border: 1px #618ec8 solid;
	float:left ;
	padding: 1px;
	margin: 12px 14px 0px 7px !important; margin: 12px 17px 0px 7px;
	}
.pictures2 {
	border: 1px #618ec8 solid;
	float:right ;
	padding: 1px;
	margin: 12px 14px 0px 7px !important; margin: 12px 17px 0px 7px;
	}
	
#ankers {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #008c5f;
	text-decoration: none;
	list-style: none;
	padding: 0;
	margin: 0;
	}	

#ankers li {
	font:  11px Verdana, Arial, Helvetica, sans-serif;
	color: #008c5f;
	text-decoration: none;
	display: inline;
	padding: 0;
	margin: 0;
	}

#ankers li a:link {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #008c5f;
	text-decoration: none;
	display: inline;
	padding: 0;
	margin: 0;
	}	
#ankers li a:visited {
	font:  11px Verdana, Arial, Helvetica, sans-serif;
	color: #008c5f;
	text-decoration: none;
	display: inline;
	padding: 0;
	margin: 0;
	}		
#ankers li a:hover {
	font:  11px Verdana, Arial, Helvetica, sans-serif;
	color: #008c5f;
	text-decoration: underline;
	display: inline;
	padding: 0;
	margin: 0;
	}	
#ankers li a:active {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #008c5f;
	text-decoration: none;
	display: inline;
	padding: 0;
	margin: 0;
	}	

#ankers li:before { content: "|  "; color:#CCCCCC }
#ankers li:first-child:before { content:  ""; }

/*IE workaround*/
/*All IE browsers*/
* html #ankers li
	{
	border-left: 1px solid #888888;
	padding: 0 0.6em 0 0.6em;
	margin: 0 0.6em 0 -0.6em;
	}

/*Win IE browsers - hide from Mac IE\*/
* html #ankers { height: 1%; }
* html #ankers li
	{
	display: block;
	float: left;
	}
/*End hide*/
/*Mac IE 5*/
* html #ankers li:first-child { border-left: 0; }

	
	
/* NIEUWSITEMS --------------------------------------------------------------------------------------------------------------- */

#nieuwsitems {
	background: url(../images/bg_nieuwsitems.gif) repeat-y;
	margin: 0 1px 0 0;
	padding:0 ;
	}
	

#nieuwsitems_kop  {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	color:#FFFFFF;
	text-decoration: none; 
	background: url(../images/kop_nieuws.gif) ;
	padding: 7px 0 0 27px ;
	margin: 0 1px 0 -1px;
	width: 130px;
	height: 20px;
}

dl {	
	padding: 8px;
	margin: 0 0 0 0 ;
}

dt {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#2f6ab7;
	margin: 0 0 0 0 ;
}

dd {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#2f6ab7;
	margin: 10px 0 0 0 ;
}

dd a:link{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#008c5f;
	text-decoration:underline;
	margin: 10px 0 0 0 ;
}

dd a:hover{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#008c5f;
	text-decoration:underline;
	margin: 10px 0 0 0 ;
}

.nieuwsitems_leesmeer a {
	background: url(../images/leesmeer_blauw.gif) ;
	display: block;
	width: 157px;
	height: 16px;
	overflow: hidden;
	padding: 1px 0 0 0;
	margin: 0 0 0 -1px;
 }
 
.nieuwsitems_leesmeer a:link {
	background-position: 0 0px;
 }
 
.nieuwsitems_leesmeer a:hover {
	background-position: 0 -16px;
 } 
 
.open_nieuwsarchief a {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	color:#FFFFFF;
	text-decoration: none; 
	background: url(../images/button_archief.gif) ;
	display: block;
	padding: 7px 0 0 27px ;
	margin: 0 1px 0 -1px;
	width: 130px;
	height: 20px;
	}
		
.open_nieuwsarchief a:link {	
	background-position: 0 0px;
}

.open_nieuwsarchief a:hover {	
	background-position: 0 -26px;
}	
	
 /* FOOTER--------------------------------------------------------------------------------------------------------------- */	
 
.clear {
	clear:both;
	}
	 
 
#footer {
	text-align: center;
	width: 780px;
	height: 60px;
	position:relative;
	padding: 0;
	margin: 0 auto;
	clear:both
	}

#footer p { 
	border-top:dotted 1px #42aa88;
	font:   9px Verdana, Arial, Helvetica, sans-serif  ;
	width: 400px;
	padding: 4px 0 0 0 ;
	margin: 0 0 0 190px !important ; margin: 0 0 0 95px;
	color: #42aa88 ;
	float: left;
	}
	
.logo_delta {
	float: right;
	margin: 0 40px 0 0 !important ; margin: 0 40px 0 0; 
	
	}

	.menaddwork a {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;	
	color:#FFFFFF;
	text-decoration: none; 
	
	}
	.menaddwork {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;	
	color:#FFFFFF;
	text-decoration: none; 
	
	}
	
 /* EINDE --------------------------------------------------------------------------------------------------------------- */