/* VITO SITE DESIGN V2 */
/* --------------------*/

body{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	color:black;
	line-height:1.27em;
}

#home, #home_en, #aardobservatie, #aardobservatie_en, #afval, #afval_en, #bodem, #bodem_en, #duurzaamheid, #duurzaamheid_en, #energie, #energie_en, #industrieleprocessen, #industrieleprocessen_en, #lucht, #lucht_en, #materialen, #materialen_en, #mensenmilieu, #mensenmilieu_en, #mobiliteit, #mobiliteit_en, #overheid, #overheid_en, #transport, #transport_en, #water, #water_en
{	background: #c5c5c5 url("../img/bggradient.png") repeat-x top fixed;
}

a:link, a:visited {
	color: #2784b1;
}

a:hover, a:active {
	color: #355b6e;
}

#all {
	background: url("../img/bglijnen.gif") no-repeat center 331px fixed;
	margin: 0;
	padding: 0 1% 0 1%;
}

#ds_l {
 	min-width:84.00em;
	max-width: 96.00em;
	margin: 0px auto;
	background: url("../img/ds_l.png") repeat-y top left;
	padding-left: 2px;
	border-top: 4px solid #30a4dc;
	padding-top: 0;
}

#ds_r {
	background: url("../img/ds_r.png") repeat-y top right;
	padding: 0 2px 0 0;
	margin: 0;
}

h5{
	font-size:1.00em;
	color:black;
	font-weight:bold;
	margin:0;
	padding:0;
	padding-bottom:0.45em;
}

h2{
	font-size:1.00em;
	font-weight:bold;
	padding:0;
	margin:0;
	line-height:1.67em;
}

#container{
	background-color: #ffffff;
	background-position:top right;
	background-repeat:repeat-x;
	border-bottom: 1px solid #bbbbbb;
}


/* STYLING HOOFDING
----------------------------------------------------------------*/
#print_hoofding{
	display:none;
}

#print_footer{
	display:none;
}

#ds_t {
	background: url("../img/ds_t.png") top left repeat-x;
	margin: 0 0 11px 0;
	padding: 0;
}

#headerbg {
	background: url("../img/headerbg.png") top left no-repeat;
	padding-bottom: 0;
	margin: 0;
	}

#taalkeuze p {
	margin: 0 0 0 14px;
	padding: 0;
	font-size: 100%;
	text-transform: lowercase;
	padding-top: 3px;
}

#taalkeuze a {
	cursor: pointer;
	color: #ffffff;
	padding: 4px 0 4px 6px;
	text-decoration:none;
	background: #30a4dc url("../img/lang_active_l.png") no-repeat bottom left;
}

#taalkeuze a acronym {
	background: #30a4dc url("../img/lang_active_r.png") no-repeat bottom right;
	padding: 4px 10px 4px 3px;
	border-bottom: 0;
}

html[lang="nl"] #taalkeuze p a+a {
	background: #868686 url("../img/lang_nactive_l.png") no-repeat bottom left;
}

html[lang="nl"] #taalkeuze p a+a acronym {
	background: #868686 url("../img/lang_nactive_r.png") no-repeat bottom right;
}

html[lang="en"] #taalkeuze p a:first-child {
	background: #868686 url("../img/lang_nactive_l.png") no-repeat bottom left;
}

html[lang="en"] #taalkeuze p a:first-child acronym {
	background: #868686 url("../img/lang_nactive_r.png") no-repeat bottom right;
}

html[lang="nl"] #taalkeuze p a+a:hover, html[lang="en"] #taalkeuze p a:first-child:hover {
	background: #30a4dc url("../img/lang_active_l.png") no-repeat bottom left;
}

html[lang="nl"] #taalkeuze p a+a:hover acronym, html[lang="en"] #taalkeuze p a:first-child:hover acronym {
	background: #30a4dc url("../img/lang_active_r.png") no-repeat bottom right;
}


/* Zoekform */
#hoofding {
	margin: 0;
	padding: 0;
	min-height: 174px;
	position: relative;
}

#zoekfunctie {
	position: absolute;
	bottom: 16px;
	right: 0px;

}

#zoekfunctie label, .anysurfer {
	position: absolute;
	top: -2500px;
}

form#zoekform{
	margin: 0;
	padding: 0 10px 0 0;
}

input.zoekveld{
	border: 1px solid #30a4dc;
}

input.zoekknop{
	background: #30a4dc url("../img/bg_knop.png") repeat-x bottom left;
	border: 1px solid #247ca6;
	color: #ffffff;
	margin: 0;
	cursor: pointer;
}

#zoekfunctie ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#zoekfunctie ul li {
	display: inline;
	padding-right: 4px;
	margin-right: 2px;
}

#zoekfunctie ul li.first {
	border-right: 1px solid #2784b1;
}

/* STYLING CONTENT
--------------------------------------------------------------------*/
#content{
	position: relative;
	padding: 0 0 0 228px;
	min-height: 400px;
	margin: -11px 0 0 0;
	background-color: #ffffff;
	overflow: hidden;
}

#nav{
	float: left;
	width: 208px;
	background: #30a4dc url("../img/bg_linkernav.png") no-repeat bottom right;
	padding: 0 10px 60px 10px;
	min-height: 272px;
	font-size: 110%;
	margin-left: -228px;
}

#nav ul{
	padding:0;
	margin: 10px 0 0 0;
	list-style-type:none;
}

#nav ul li{
	border-top:1px solid #6bc0e8;
	padding: 8px 10px 8px 0px;

}

#nav ul li:first-child {
	border: none;
}

#nav ul li.actief {
	background-color: #6bc0e8;
}

#nav ul li a:link, #nav ul li a:visited{
	color:white;
	text-decoration:none;
	font-weight:normal;
	padding-left: 10px;
		display: block;
}

#nav ul li.actief a:link, #nav ul li.actief a:visited {
	color: #000000;
	padding-left: 10px;
	text-decoration:none;
}

#nav ul li a:hover, #nav ul li a:active {
	text-decoration: underline;
	border-left: 3px solid #f58220;
	padding-left: 7px;
}

#nav ul li.actief a:hover, #nav ul li.actief a:active, #nav ul li.actief:hover a {
	color: #000000;
	border-left: 3px solid #f58220;
	padding-left: 7px;
	text-decoration:none;
}

#nav ul li ul {
	list-style-type: none;
	margin-left: 15px;
	padding: 0;
}

#nav ul li ul li {
	border: none;
	padding: 3px 10px 3px 0px;	
}

#nav ul li ul li a:link, #nav ul li ul li a:visited, #nav ul li.actief ul li a:link, #nav ul li.actief ul li a:visited {
	color: #ffffff;
	background: url("../img/arrow_ln.gif") left 0.4em no-repeat;
	border: none;
	padding-left: 10px;
}

#nav ul li ul li a:hover, #nav ul li ul li a:active, #nav ul li.actief ul li a:hover, #nav ul li.actief ul li a:active {
	color: #ffffff;
	text-decoration: underline;
	border: none;
	padding-left: 10px;
}

#inhoud, #inhoud_breed {
	font-size: 110%;
	line-height: 140%;
	text-align: left;
}

#inhoud{
	float:left;
	padding: 1em 15px 15px 15px;
	width: 67%;
	min-width: 468px;
	overflow-x: hidden;
}

.inhoudfunctions {
	width: 67%;
	margin-top: 1em;
	padding: 0 0 0 15px;
	float: left;
	clear: right;
	position: relative;
}

#inhoud_breed{
	float:left;
	padding: 1em 0 15px 15px;
	width: 92%;
}

.inhoudfunctions_breed {
	width: 92%;
/* margin-top: 1em; */
	margin-top: 0;
	padding: 0 0 0 15px;
	xxfloat: left;
	clear: right;
	position: relative;
}


.broodkruimel{
	margin: 0 12em 1em 0;
	display: block;
	
}

.broodkruimel a{
	color:#6cb242;
	font-weight:normal;
}

.broodkruimel a:link, .broodkruimel a:visited {
	text-decoration:none;
}

.broodkruimel a:hover, .broodkruimel a:active {
	text-decoration:underline;
}

.broodkruimel a.uzoek{
	color:#666666;
	text-decoration:underline;
	float:right;
	margin-right:0.91em;
}

#inhoud p img, #inhoud_breed p img{
	padding:0px;
	padding-top:0px;
	pading-left:0;
	padding-right:0px;
}

#inhoud img, #inhoud_breed img{
	text-align:none;
	margin-top:0;
/*	display:block;*/
/*	clear:both;*/
}

#inhoud a, #inhoud_breed a{
	color:#6cb242;
	font-weight:normal;
}

#inhoud a:link, #inhoud a:visited, #inhoud_breed a:link, #inhoud_breed a:visited {
	text-decoration:none;
}

#inhoud a:hover, #inhoud a:active, #inhoud_breed a:hover, #inhoud_breed a:active {
	text-decoration:underline;
}

.titel{
	display:block;
	margin-bottom:0.91em;
	clear: left;
}

.titel_nofloat
{
	/* toegevoegd voor search.aspx (mj) */
	display:block;
	float:none;
	margin-bottom:0.91em;

}
.printer{
	display: none;
}

.printer2
{
	position: absolute;
	top: 0;
	right: 9px;
	width: 11em;
	text-align: right;
}

.printer2 a {
	color: #000000;
	font-weight: normal;
}

.printer2 a:link, .printer2 a:visited, .printer2 a:hover, .printer2 a:active {
	text-decoration: none;
}

.printer2 a span {
	color: #6cb242;
}

.printer2 a:link span, .printer2 a:visited span {
	text-decoration: none;
}

.printer2 a:hover span, .printer2 a:active span {
	text-decoration: underline;
}


#inhoud h1, #inhoud_breed h1{
	font-size:1.18em;
	font-weight:bold;
	padding:0;
	margin:0;
	margin-bottom:0.45em;
	color: #30a4dc;

}

#inhoud h2, #inhoud_breed h2{
	font-size:1.00em;
	font-weight:bold;
	padding:0;
	margin:0;
}

#inhoud h3, #inhoud_breed h3{
	font-size:1.00em;
	font-weight:bold;
	padding:0;
	margin:12px 0 0 0;
}



#inhoud p, #inhoud_breed p{
	color:#333333;
	text-align:justify;
	margin-top:0;
	display:block;
	clear:both;
}

#inhoud p.center, #inhoud_breed p.center{
	text-align:center;
}

#inhoud p.broodkuimel2 a:link, #inhoud p.broodkruimel2 a:visited, #inhoud p.broodkruimel2 a{
	text-decoration:none;
	font-weight:normal;
}

#inhoud p.broodkruimel2 a:hover{
	color:#666666;
}

#inhoud a:link.categorie, #inhoud a:visited.categorie{
	width:15.64em;
	padding:0.45em;
	padding-left:20px;
	background-color:#E8E9EB;
	margin:1px;
	float:left;
	text-decoration:none;
	color:#666666;
	font-weight:bold;
}

#inhoud a:hover.categorie{
	background-color:#FEDC1B;
	text-decoration:none;
	color:#666666;
}

#sublinks{
	background-color: #eaf6fc;
	padding: 15px 10px 15px 10px;
	margin-top: 12px;
}

#sublinks ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sublinks ul li{
	background: url("../img/arrow_rn.gif") left 0.4em no-repeat;
	padding-left: 14px;

}

#inhoud #sublinks ul li a:link, #inhoud #sublinks ul li a:visited, #inhoud_breed #sublinks ul li a:link, #inhoud_breed #sublinks ul li a:visited {
	color:#000000;
	text-decoration:none;
	font-size: 100%;
}

#inhoud #sublinks ul li a:hover, #inhoud #sublinks ul li a:active, #inhoud_breed #sublinks ul li a:hover, #inhoud_breed #sublinks ul li a:active {
	text-decoration:underline;
	color:#000000;
	font-size: 100%;

}

#nieuws{
	float:right;
	width:26%;
	overflow-x: hidden;
	border-left: 1px solid #e6e7e5;	
	min-height: 500px;
	padding: 0 8px 0 0;
	margin-top: 11px;

}

#nieuws h2 {
	color: #2888b5;
	border-left: 4px solid #2888b5;
	padding-left: 12px;
	display: block;

}

#nieuws a{
	text-decoration:underline;
	color: #298ebe;
}

#nieuws a:hover{

}

#nieuws ul{
	margin:0 0 0 8px;
	padding:0;
	list-style-type:none;
}

#nieuws ul li{
	color: #969696;
	margin-bottom: 20px;

}

#nieuws span{
	font-weight:bold;
	font-style:italic;
	color:#333333;
	display:block;
}

#tabelVacature
{
clear: both;

}

#divAlles

{
clear: both;

}

.anysurferXX {
    visibility: hidden;
}

.anysurfer_abs {
  position: absolute;
  left: 0px;
  top: -10000px;
  width: 0px;
  height: 0px;
  overflow: hidden;
}


/* STYLING FOOTER 
--------------------------------------------------------------------*/
#footer {
	clear:both;
	font-size:0.9em;
	background: #ffffff url("../img/footerbglijnen.png") 8em bottom no-repeat;
	position: relative;
	min-height: 107px;
	margin: 0;
	padding: 0 0 4px 0;
}

#copyright {
	text-align: center;
	color: #ffffff;
}

#footer .left{
	position: absolute;
	bottom: 15px;
	right: 10px;
}

#footer .right {
	position: absolute;
	bottom: 15px;
	right: 99px;
}

#footer .center {
	margin-left: 8em;
	padding: 4.96em 0 0 204px;
	color: #c2c2c2;
	width: 45%;
	position: absolute;
	bottom: 7px;
}

#footer .center p{
	margin: 0;
	padding: 0;
}

#footer .center a {
	color: #c2c2c2;
	font-size: 100%;
}


/* STYLING AZOEKFORM ---------------------------------------------- */

/* STYLING Advanced ZOEKFORM ---------------------------------------------- */

input.azoekknop{
	background:url(/VITO/img/zoek_knop.gif) no-repeat;
	width:20px;
	height:17px;
	border:0;
	cursor:pointer;
}
input.azoekveld{
	height:13px;
	width:120px;
	border:1px solid #F7D728;
	font-family:verdana;
	font-size:0.82em;
}

form#azoekform{
	position:relative;
	top:20px;
	left:20px;
}

/* STYLING APPLY  ---------------------------------------------- */
#frmContact TABLE
{
	float:left;	
}

#frmContact TABLE TH
{
	 vertical-align:text-top;
}


/*----------clearfix----------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*--------end clearfix--------*/



/* STYLING EXTERNE APPLICATIES */

/* Gebruikt bij vacatures */
.vac_knoppen 
{
	/*display: none;*/
	border:0px solid green;
	float:right;
	margin-bottom:0.91em;
	margin-top:0;
	_margin-top:0;
}


.titel_ext
{
	border:0px solid black;
	float:left;
	margin-bottom:0.91em;

}

.printer_ext{
	display:block;
	float:right;
	margin-bottom:0.91em;
}


.ev_ul{
   	clear: both;
	text-align: justify;
}

.ev_blok{

	border:0px solid green;
	line-height: 1.6;
}

.ev_testblok{
	border:1px solid red;
}

.ev_line{
width:98%;
margin-top:2.0em;
margin-bottom:2.0em;
}

.ev_datum{
margin-top:1.0em;

}

.ev_plaats{
margin-bottom:1.0em;
}

TEXTAREA
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:1em 
}
INPUT
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:1em 
}

#as-gfx img {
   width: 50px;
   height: 40px;
   border: none;
}
#as-txt {
  position: absolute;
  left: 0px;
  top: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

SELECT
{
	 border:1px solid #30a4dc;
	 margin-bottom: 6px;
}
.labeladvsearch
{
	width:7em;
	float:left;
	font-weight:bold; 
}
#advsearch
{
	 WIDTH:45em;
}
.fieldsetadvsearch
{
	border:1px solid #30a4dc;
	width:45em;	
}

fieldset {
	border:1px solid #30a4dc;
}

.functievacature
{
	color:#30a4dc;

}

.sublinksvideo
{
	border-bottom: #EEEEEE 1px solid;
	padding-bottom: 12px;
}

.sublinksvideo ul{
	margin: 0;
	padding:0;
	list-style-type: none;
	position: relative;
	overflow: auto;
}

.sublinksvideo ul li{
	background: url(../img/pijltje_blauw.gif) no-repeat left 0.7em;
	margin:0;
	padding:0;
	padding-top:3px;
	padding-left:20px;
	text-align: left;
}

.sublinksvideo img {
	float: left;
	margin-right: 12px;
}


/* CARROUSEL */
/* --------- */

#carrousel {
	position: relative;
	max-width: 610px;
	margin-bottom: 24px;
	min-height: 310px;
	overflow: hidden;
}

#carrousel #carrouselnav {
	position: absolute;
	bottom: 12px;
	right: 9px;
	z-index: 900;
}

#carrousel #carrouselnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#carrousel #carrouselnav ul li {
	float: left;
	text-align: center;
	margin-left: 6px;
}

#carrousel #carrouselnav ul li a:link, #carrousel #carrouselnav ul li a:visited, #carrousel #carrouselnav ul li a:hover, #carrousel #carrouselnav ul li a:active {
	display: block;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	height: 24px;
	width: 24px;
	font-size: 11px;
	padding-top: 3px;
	background: url("../img/carnavbg_nactive.png") no-repeat top left;	
	cursor: hand;
}

#carrousel #carrouselnav ul li.actief a:link, #carrousel #carrouselnav ul li.actief a:visited, #carrousel #carrouselnav ul li.actief a:hover, #carrousel #carrouselnav ul li.actief a:active {
	background: url("../img/carnavbg_active.png") no-repeat top left;
	cursor: default;
}

#carrousel .carrouselentry {
	margin-bottom: 24px;
}

#carrousel .carrouselentry .carrouselwrapper {
	overflow: hidden;
	position: relative;
}

#carrousel .carrouselquote {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #ffffff;
	display: block;
	width: 100%;
	padding: 16px 100px 16px 9px;
	filter: alpha(opacity=88);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=88);
 	-moz-opacity: 0.88; 
	opacity:0.88;
	margin: auto;
	border-bottom: 3px solid #30a4dc;
}

#inhoud #carrousel .carrouselquote p {
	font-size: 110%;
	font-weight: bold;
	color: #478b1f;
	filter: none;
	filter: alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 	-moz-opacity: 1.00; 
	opacity:1.00;
	margin: 0;
}

.show {
	display: block;
}

.hide, .invisible {
	display: none;
}

.current {
	z-index: 50;
	position: absolute;
	top: 0;
	left: 0;
}

.next {
	z-index: 20;
	position: absolute;
	top: 0;
	left: 0;
}

.console 
{
	right: 0px;
	top: 0px;	
	z-index: 10000;
	visibility: visible;
	position: absolute;
}