/* All rights reserved (c) 2008, WEBBER interactieve vormgeving. More information at info@webber.nl */

/* de standaard styles om problemen te voorkomen */

* { margin: 0; padding: 0; } 
p { margin: 0; padding: 0; } 
hr { display: none; clear: both; }
a img { border : none; }
a { outline: none; }
html, body { margin: 0; height: 100%;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; 	font-size: 11px;
	line-height: 17px;
	color: #333333;
}

/* einde standaard styles */

a
{
	text-decoration: none;
	color: #000;
}

a:visited
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a:active
{
	text-decoration: none;
}


/* IE 5.5+ styles voor transparante PNG */

img, div { behavior: url(../html/iepngfix.htc) }

/* bovenstaand .htc bestand moet op de server staan */

/* basis DIV's start */

#banner
{
      left: 50%;
      top: 380px;
      width: 200px;
      margin-left: -550px; /* half of width */
      z-index:200;
      position: absolute;
}

#centerblok
{
      position: relative;
      margin: 0 auto;
      width: 920px;
      background-color: #fff;
      z-index: 1;
      min-height: 100%;
      height: 100%;
}

#nieuwsblok h1.oranje
{
	font-size: 16px;
	color: #fff;	
}

#nieuwsblok h1.olijf
{
	font-size: 16px;
	color: #330;	
}

#berkvens
{
	width: 200px;
	position: absolute;
	vertical-align: top;
	height: 100%;
	z-index: 200;
}

#berkvensservicemenu
{
	bottom: 0px;
	height: 40px;
	width: 720px;
	position: relative;
	z-index: 20;
	background-image: url(../img/bgfooter.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#tekstkaderservicemenu
{
	color: #a7a495;
	padding: 10px;
	padding-left: 20px;
	text-align: left;
}

#tekstkaderservicemenu li
{
	list-style-type: none;
	font-size: 10px;
	line-height: 14px;
}

#tekstkaderservicemenu li a:link {text-decoration: none; color: #66b6ee;}
#tekstkaderservicemenu li a:visited {text-decoration: none; color: #66b6ee;}
#tekstkaderservicemenu li a:hover {text-decoration: none; color: #fff;}
#tekstkaderservicemenu li a:active {text-decoration: none; outline: 0px; color: #66b6ee;}

.navigatiepad
{
	margin-bottom: 13px;
	font-size: 11px;
	color: #b8af9d;
	display: block;
	border-top-color: #fff;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-color: #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding: 3px;
}

.navigatiepad a
{
	color: #b8af9d;
	text-decoration: none;
}

.navigatiepad a:hover
{
	color: #a39985;
}

.tijdelijkdicht
{
	padding: 8px;
	border-color: #66b6ee;
	border-style: dotted;
	border-width: 1px;
	background-color: #fff;
	color: #000	;
}

#berkvensrechts
{
	position: absolute;
	margin-left: 200px;
	height: 100%;	
}

#inzetje
{
	margin: 15px;
	padding: 15px;
	background-color: #f4f0e0;
	color: #000;
	border-style: solid;
	border-color: #fff;
	border-width: 1px;
}

#inzetje ul
{
	font-size: 11px;
	line-height: 16px;
	padding: 0;
	margin: 0;
	list-style-type: circle;
}

#inzetje li
{
	margin-left: 15px;
}

#submenu
{
	position: relative;
	clear: both;
	width: 200px;
	background-color: #1d8cda;
	z-index: 201;
}

#submenu ul
{
	list-style-type: none;
}

#submenu li a
{
}

#submenu li a:hover
{

}


#talenkeuze
{
	position: absolute;
	right: 5px;
	top: -20px;	
}
#menudiv
{
	width: 720px;
	clear: both;
	height: 75px;
	position: relative;
	background-color: #002f67;
	font-size: 14px;
	z-index: 300;
	text-align: left;
	vertical-align: bottom;
}

#content
{
	background-image: url(../img/bg_content.gif);
	background-repeat: repeat-x;
	background-position: top;
	position: relative;
	width: 720px;
	height: 300px;
}

#content p
{
	font-size: 11px;
	line-height: 17px;
	color: #333333;
}

#content ul
{
	list-style-type: circle;
	margin-bottom: 15px;
}

#content ul li
{
		margin-left: 15px;
}

.imgright
{
	margin-left: 20px;	
}

#techinfo
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	background-color: #efefef;
	background-position: center center;
	text-align: center;
	vertical-align: middle;
	color: #000000;
	padding: 10px;
	
}

td#techinfo a:link {color: #cc6600;}
td#techinfo a:visited {color: #003366;}
td#techinfo a:hover{color: #000000;}
td#techinfo a:active {color: #cc6600;}

table.bodytext {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #fff;
	border-collapse: collapse;
}
table.bodytext th, table.bodytext td {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #fff;
}

#content h1
{
	font-size: 18px;
	color: #000;	
	margin-bottom: 10px;
}

#content h2
{
	font-size: 16px;
	color: #000;	
	margin-bottom: 12px;
}

#content h3, .bodykoppen
{
	font-size: 15px;
	color: #000;	
	margin-bottom: 12px;
	margin-top: 12px;
}

#content h4, .bodykoppencaption
{
	font-size: 14px;
	color: #000;	
	margin-bottom: 6px;
}

.caption
{
	font-size: 9px;
	color: #ccc;	
}

#content h5, .bodykoppenklein
{
	font-size: 13px;
	color: #000;	
	margin-bottom: 4px;
}

#content h6
{
	font-size: 12px;
	color: #000;	
	margin-bottom: 2px;
}


#padding
{
	padding: 15px 15px 10px 30px;	
}

#padding table td
{
 	padding: 4px;
}

#padding ul
{
	margin: 0;
	padding: 0;
	list-style-type: circle;
}

#padding li
{
	
}

#padding p
{
	margin-bottom: 8px;	
}

#nieuwsblok
{
	padding: 30px 10px 10px 10px;	
}

.nieuwsvlak
{
	background-color: #1d8cda;	
}

#nieuwsblok h1
{
	color: #fff;
	font-size: 14px;
	font-weight: 18px;
	line-height: 20px;
	margin-bottom: 6px;
}

#nieuwsblok p
{
	color: #fff;
	line-height: 18px;
	margin-top: 4px;
	font-size: 11px;
}

.nieuwsdatum
{
	color: #d3d3d3;
}

.nieuwsdatumlicht
{
	color: #d3d3d3;
}

.naarnieuwsoverzicht
{

}

.naarnieuwsoverzicht a
{
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

#footer
{
	position: relative;
	height: 25px;	
}

#indexblok
{
	margin-bottom: 10px;
	margin-right: 15px;
}

#indexbloktitel
{
	background-color: #f0f0e5;
	border-top-color: #fff;
	border-left-color: #fff;
	border-right-color: #fff;
	border-style: solid;
	border-width: 1px;
	border-bottom-width: 0px;
	height: 36px;
	clear: both;
	width: 285px;
}

#indexbloktitel h1
{
	line-height: 28px;
	font-size: 15px;
	color: #2f2d0e;
	margin-left: 15px;
	margin-top: 5px;	
}

#indexblokfoto
{
	border-left-color: #fff;
	border-right-color: #fff;
	border-style: solid;
	border-width: 1px;
	border-bottom-width: 0px;
	border-top-width: 0px;
	height: 125px;
	overflow: hidden;
	clear: both;
	width: 285px;
}

#indexbloktekst
{
	background-color: #fff;
	border-bottom-color: #996;
	border-left-color: #996;
	border-right-color: #996;
	border-style: solid;
	border-width: 1px;
	border-top-width: 0px;
	width: 285px;
}

#indexblokarrow
{
	text-align: right;
	width: 285px;
}

#tekstblokindexblokpadding
{
	padding: 8px;
	color: #666;
	font-size: 11px;
	line-height: 17px;
}

#tekstblokindexblokpadding a:link {text-decoration: underline; color: #333;}
#tekstblokindexblokpadding a:visited {text-decoration: underline;color: #333;}
#tekstblokindexblokpadding a:hover {text-decoration: underline;color: #000;}
#tekstblokindexblokpadding a:active {text-decoration: underline; outline: 0px;color: #333;}

/* menu */

.clsCMOn
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000033;
	font-size : 11px;
	text-decoration : none;
	padding: 3px 4px;
	text-align: left;
	vertical-align: middle;
}

.clsCMOver
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size : 11px;
	text-decoration : none;
	padding: 3px 4px;
	text-align: left;
	vertical-align: middle;
}


.overliboff
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size : 11px;
	text-decoration : none;
	padding: 3px 4px;
	text-align: left;
	vertical-align: middle;
}

.overlibon
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size : 11px;
	text-decoration : none;
	padding: 3px 4px;
	text-align: left;
	vertical-align: middle;
}

/* My Comment */

.clsCMOntop
{
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size : 11px;
	text-decoration : none;
	padding: 3px 4px;
	text-align: left;
	vertical-align: middle;
}

.clsCMOvertop
{
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size : 11px;
	text-decoration : none;
	padding: 3px 4px;
	text-align: left;
	vertical-align: middle;
}
.clsCMOnhoofd
{
	font-family: Arial, Helvetica, sans-serif;
	color: #999966;
	font-size : 11px;
	text-decoration : none;
	padding: 3px 4px;
	text-align: left;
	vertical-align: middle;
}

.clsCMOverhoofd
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333300;
	font-size : 11px;
	text-decoration : none;
	padding: 3px 4px;
	text-align: left;
	vertical-align: middle;
}

.menulijntjes
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	letter-spacing: 20%;
}

.menulijntjessub
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #999966;
}


#cleardiv
{
	clear: both;	
}

#padding p.vacaturequote
{
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
}

#padding h3
{
	margin-bottom: 12px;
	font-size: 18px;
}

#padding h5
{
	margin-bottom: 8px;
	font-size: 14px;
	margin-top: 16px;
}

.vacatureoverzicht
{
	font-size: 14px;
	line-height: 22px;
}

#padding h6
{
	font-size: 9px;
	color: #999;
	margin-top: 3px;
	margin-bottom: 16px;
}

.switchcontent ul li
{
	font-size: 11px;
	line-height: 18px;	
}