/************************************************************************
 * Stylesheet voor VCD, www.vcd.nl
 * VEELGEBRUIKTE KLEUREN: 
 * 	Donkerblauw: 	#00408A
 * 	Oranje: 		# F29400
 *************************************************************************/

 img, div { behavior: url(/styles/iepngfix.htc) }
 
 /* mac hide\*/
html, body {height:100%}
/* end hide */

body { 
	margin: 0; 
	padding: 0; 
	font-family: Helvetica, Arial,Courier, sans-sarif;
	font-size: 12px;
	color: black;
	min-width: 980px;
	background-color: #474747;
	/*background-image: url(../images/background.gif);
	background-repeat: repeat-x;
	*/
} 

img { border: 0; }

div#wrapper {
	height: 100%;
	min-height: 100%; 
	position: relative;
	text-align: left;
	width: 980px;
	margin: 0 auto;
	background-color: white;
	background-image: url(../images/header_background.jpg); 
	background-repeat: no-repeat;
}

html>body #wrapper{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

div#innerwrap_ja {/* enables content first */
	float: left;
	width: 765px; /* was 780 */
}
div#innerwrap_nee {/* enables content first */
	float: left;
	width: 955px; /* was 970 */
}

div#bgKop {
	position:absolute;
	top:0;
	left:0;
	width:980px;
	height:31px;
	background:#696969;	
}

div#schaduwbalk {
	position: absolute;
	top: 0;
	height: 38px;
	background-image: url(../images/schaduw_boven-trans.png);
	/* background-repeat: repeat-x; */
	z-index: 95;
	width: 100%;
}

img#headerfoto {
	position: absolute;
	top: 24px;
	right: 0;
	z-index: 80;
}


div#headermenu {
	position: absolute;
	top: 5px;
	left: 0;
	height: 40px;
	width: 980px;
	overflow:hidden;
	z-index: 97;
	padding: 0;

}
div#headermenu ul {
	display: inline;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div#headermenu li {
	display: inline;
	margin: 0;
	padding: 0 19px;
	line-height: 1.5em;
}

div#portals li.leeg {
	line-height: 1px;
	height: 5px;
}

div#headermenu a {
	color: #DDD;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 0.1em;
}
div#headermenu a:hover, li#portalmenu:hover a {
	color: #F29400;
}
li#portalmenu {
	cursor: pointer;
}

div#portals {
	position: absolute;
	top: 20px;
	left: 390px;
	z-index: 99;
	display: none;
	background-color: #8C8D8E;
	padding: 0;
	background-image: url(../images/pijltje_headermenu.gif);
	background-repeat: no-repeat;
	width: 150px;
}
div#portals ul {
	list-style-type: none;
	margin: 11px 0 0 0;
	padding: 0;
}
div#portals li {
	margin: 0;
	padding: 1px 9px;
}
div#portals li.menuitem:hover {
	background-color: #DC931A;
}
div#portals a {
	font-size: 11px;
	text-decoration: none;
	color: white;
}
div#portals a:hover { 
	color: black; 
} 

div#headertekst {
	position: absolute;
	top: 65px;
	left: 330px;
	color: #DDD;
	z-index: 91;
	letter-spacing: 0.2em;
	font-size: 14px;
}

div#taalkeuze {
	position: absolute;
	top: 7px;
	right: 205px;
	font-size: 10px;
	font-weight: bold;
	z-index: 99;
	color: #CCC;
}
div#taalkeuze a {
	color: #CCC;
	text-decoration: none;
	font-size: 10px;
}
div#taalkeuze a:hover {
	color: white;
}

img#logo {
	position: absolute;
	top: 75px;
	left: 42px;
}


div#content_ja {
	float:right;
	width: 550px; /* was 580 */
	color: black;
	border-top: 25px solid #696969; 
	background-color: white;
	padding-top:183px;
	padding-bottom:220px;/* needed to make room for footer */
}
div#content_nee {
	float:right;
	width: 740px; /* was 770 */
	color: black;
	border-top: 25px solid #696969; 
	background-color: white;
	padding-top:183px;
	padding-bottom:220px;/* needed to make room for footer */
}

div#streep2{
	position: absolute;
	top: 209px;
	left: 783px;
	height: 0px; /* wordt dynamisch geset */
	width: 1px;
	border-left: 1px solid #aaa;
	z-index: 100;
}
div#streep1 {
	position: absolute;
	top: 209px;
	left: 198px;
	height: 0px; /* wordt dynamisch geset */
	width: 1px;
	border-left: 1px solid #aaa;
	z-index: 100;
}

div.nieuwsblok_home {
	float: left;
	/* width: 282px; */
	width: 267px;
	height: 108px;
	overflow: hidden;
	padding: 10px 0 0 0;
	margin-top: 5px;
	line-height: 15px;
	cursor: pointer;
}

div.nieuwsblok_home  img, div.nieuwsblok_home  br {
	display: none;	
}  
div.nieuwsblok_home div {
	margin: 0; 
	padding: 0;
} 
div#content_ja div.nieuwsblok_home h1 {
	line-height: 15px;
	margin: 0; 
	padding: 0;
}

div#content_ja div.nieuwsblok_home h1 a {
	font-size: 12px;
	font-weight: bold;
	color: #00408A;
	text-decoration: none;
	
}
div#content_ja div.nieuwsblok_home h1 a:hover {
	font-size: 12px;
	font-weight: bold;
	color: #00408A;
	text-decoration: underline;
	background-color: white;
}

div#content_vacatures {
	position: absolute;
	top: 248px;
	left: 40px;
	width: 900px;
	padding: 0px;
	color: black;
	background-color: white;
	background-image: url(../images/bg_vacatures_itgroep.gif);
	background-position: -1px 0px;
	margin-bottom: 0px;
	z-index: 50;
}

div#content_vacatures div#cv {
	width: 820px;
	padding: 40px;
	margin-bottom: 0px;
	z-index: 50;
}

table#allevacatures th {
	cursor: pointer;
	text-align: left;
	text-align: left;
}
th span.nieuwslijstAll { /*buttons voor sortering */
	display: inline-block;
	-moz-box-shadow: 0.4em 0.4em 1em 0.2em gray;
	background-color: gray;
	color: white;
	padding: 5px;
	margin: 0 -10px 10px 0;
	
}
img#buttondetachering {
	position: absolute;
	top: 196px;
	left: 320px;
	width: 200px;
	height: 30px;
	z-index: 100;
}

img#buttonallevacatures {
	position: absolute;
	top: 196px;
	left: 542px;
	width: 200px;
	height: 30px;
	z-index: 100;
}

div#content_ja iframe, div#content_nee iframe {
	width: 650px;
	height: 850px;
	margin: 0px;
	padding-top: 10px;
	border: 0;
	z-index: 1;
}

div#content_ja h1, div#content_nee h1, div#content_vacatures h1 { 
	font-size: 15px; 
	margin: 0 0 10px 0; 
	padding: 0; 
	color: #F29400; 
	font-weight: bold; 
	text-transform: uppercase;
}
hr {
	height: 1px;
	color: #989898;
	background-color: #989898;
	margin: 0;
	padding: 0;
	border: 0;
}


div#content_ja h2, div#content_nee h2 { font-size: 14px; font-weight: bold; margin: 5px 0 0 0; color: #707070; }
div#content_ja h3, div#content_nee h3 { font-size: 12px; font-weight: bold; margin: 5px 0 0 0; color: #707070; }
div#content_ja h4, div#content_nee h4 { font-size: 11px; font-weight: bold; margin: 5px 0 0 0; color: #707070; }

div#content_ja a, div#content_nee a {
	color: #999;
	text-decoration: underline;
	padding: 0px;
}
div#content_ja a:hover, div#content_nee a:hover  {
	text-decoration: none;
	background-color: #AAA;
	color: white;
}

div.oranjebalk {
	background-color: #F29400;
	width: 100%;
	height: 10px;
	margin: 0 0 6px 0;
	padding: 0;
	overflow: hidden;
}
div.blauwebalk {
	background-color: #00408A; 
	width: 100%;
	height: 10px;
	margin: 0 0 5px 0;
	padding: 0;
	overflow: hidden;
}


div#cv a {
	color: #444;
	text-decoration: none;
	margin-bottom: 3px;
}
div#cv a:hover {
	text-decoration: underline;
}


div#content_ja a.nohover:hover,div#content_nee a.nohover:hover, a.nohover:hover {
	background-color: white;
}


div#rechterkolom {
	position:relative;/*ie needs this to show float */
	width:170px;
	float:right;
	padding-top:208px;/*needed to make room for header*/
	padding-right: 10px;
	padding-bottom:220px;/* needed to make room for footer */
}


div#rechterkolom h1 {
	font-size: 14px;
	font-weight: bold;
	color: #00408A;
	margin: 3px 0 3px;
	padding: 0;
}
div#rechterkolom h2 {
	font-size: 12px;
	font-weight: bold;
	color: black;
	display: inline;
}
div#rechterkolom a.meer {
	color: #888;
	font-weight: normal;
}
div#rechterkolom a:hover.meer {
	text-decoration: underline; 
}

div#rechterkolom a.meernieuws {
	font-style: italic;
	color: #707070;
}
div#rechterkolom a.meernieuws:hover {
	color: black;
}

div#rechterkolom a.navigatie {
	color: #707070;
}

table.contactform td.linkerkolom {
	text-align: right;
}

table.contactform td {
	vertical-align: top;
}

/* overige opmaak */


/*  linkerkolom */
div#hoofdmenu {
	position: relative;
	width: 180px;
	float: left;
	padding-top:208px;/*needed to make room for header*/
	padding-left: 10px;
	padding-bottom:220px;/* needed to make room for footer */
}

div#hoofdmenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 180px;
}

/* hoofdmenu items */
div#hoofdmenu li.main_notselected {
	float: left;
	width: 175px;
	background-image: url(../images/bg_menu.gif);
	padding: 0 0 0 5px;
	margin: 1px 0;
	height: 23px; 
	font-size: 10px;
	font-weight: bold;
	cursor:pointer;
	background-repeat: no-repeat;
	line-height: 1.9em;
}
div#hoofdmenu li.main_selected {
	float: left;
	width: 175px;
	background-image: url(../images/bg_menu_selected.gif);
	padding: 0 0 0 5px;
	margin: 1px 0;
	height: 23px;
	font-size: 10px;
	font-weight: bold;
	cursor:pointer;
	background-repeat: no-repeat;
	line-height: 1.9em;
}
div#hoofdmenu li.main_notselected  a {
	display: block; 
	text-decoration: none;
	color: #D4D4D6;
	letter-spacing: 0px;
}
div#hoofdmenu li.main_selected  a {
	display: block; 
	text-decoration: none;
	color: white;
	letter-spacing: 0px;
}


/* submenu */

div#hoofdmenu ul.submenu_blok_selected {
	clear: both;
	display: block;
}
div#hoofdmenu  ul.submenu_blok_notselected {
	clear: both;
	display: none;
}


div#hoofdmenu li.sub_notselected {
	padding: 2px 0 2px 5px;
	margin: 1px 0;
	font-weight: normal;
	font-size: 12px;
	cursor:pointer;
	width: 165px;
}
div#hoofdmenu li.sub_selected {
	padding: 2px 0 2px 5px;
	margin: 1px 0;
	font-size: 12px;
	font-weight: normal;
	cursor:pointer;
	background-color: #E5E5E5;
	width: 165px;
}
div#hoofdmenu li.sub_selected  a {
	text-decoration: none;
	color: #2A4690;
	display: block; /* voor Firefox/Mac */
}
div#hoofdmenu li.sub_notselected  a {
	text-decoration: none;
	color: black;
	display: block; /* voor Firefox/Mac */
}

div#login_vcddistributie {
	background-image: url(../images/bg_menu_inlog.gif); 
	background-repeat: no-repeat;
	width: 163px;
	height: 19px;
	
	z-index: 100; 
	margin: 0;
	padding: 5px 0 0 7px; 
	font-weight: bold;
	font-size: 10px;
	line-height: 1.4em;
	color: #00408A;
	cursor: pointer;
}

div#login_vcddistributie a {
	text-decoration: none;
	color: #00408A;
} 

li#webshop {
	background-image: url(../images/bg_menu_inlog.gif); 
	background-repeat: no-repeat;
	height: 19px;
	padding: 5px 0 0 7px; 
	font-weight: bold;
	font-size: 10px;
	line-height: 1.4em;
	color: #00408A;
	cursor: pointer;
}

li#webshop a {
	text-decoration: none;
	color: #00408A;
} 

div#sollicitatiebutton {
	background-image: url(../images/bg_menu_selected.gif);
	background-repeat: no-repeat;
	padding: 5px 0 0 7px;
	width: 162px;
	height: 18px;
	float: right;
	cursor: pointer; 
	margin-top: -30px;
}
div#sollicitatiebutton  a {
	color: white;
	font-weight: bold;
	text-decoration: none;
	display: block;
	font-size: 10px;
}
div#sollicitatiebutton  a:hover {
	color: white;
	background-color: transparent;
}
/* subsubmenu */
div#hoofdmenu li.subsub_notselected {
	padding: 2px 0 2px 10px;
	margin: 0;
	/* height: 15px; */
	font-size: 12px;
	font-weight: normal;
	cursor:pointer;
	background-color: #E5E5E5;
	width: 160px;

}
div#hoofdmenu li.subsub_selected {
	padding: 2px 0 2px 10px;
	margin: 0;
	/* height: 15px; */
	font-size: 12px;
	font-weight: normal;
	cursor:pointer;
	background-color: #CCCCCC;
	width: 160px;
}
div#hoofdmenu li.subsub_selected  a {
	text-decoration: none;
	color: #2A4690; 
	display: block; /* voor Firefox/Mac */
}
div#hoofdmenu li.subsub_notselected  a {
	text-decoration: none;
	color: black;
	display: block; /* voor Firefox/Mac */
}

span.lowercase {
	text-transform: none;
	padding-left: 5px;
}

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

ul#vacaturelijst_rechts_home li { 
	padding: 3px 5px; 
	color: black; 
} 
ul#vacaturelijst_rechts_home li.even {
	background-color: #E3A948;
}
ul#vacaturelijst_rechts_home li.oneven {
	background-color: #DC931A;
}
ul#vacaturelijst_rechts_home a {
	text-decoration: none;
	color: black;
}
ul#vacaturelijst_rechts_home a:hover {
	text-decoration: none;
	color: white;
	background-color: transparent; 
}

table.vacature {
	margin-top: 10px;
	border-collapse: collapse;
	width: 100%;
}
tr.even { background-color: white; color: black; font-size: 12px; }
tr.oneven { background-color: #EAEAEA; color: black; font-size: 12px;}
tr.even a, tr.oneven a { text-decoration: none; color: black; } 
tr.even td a:hover, tr.oneven td a:hover { text-decoration: underline; } 
tr.even td, tr.oneven td { vertical-align: top; padding: 3px 5px; } 

table#allevacatures tr td, table#allenieuwsberichten tr td  { padding: 3px 5px; vertical-align: top;}
table#allevacatures th.table-th-nosort, table#allenieuwsberichten th.table-th-nosort { cursor: default;} 
table#allevacatures th.table-th-sort, table#allenieuwsberichten th.table-th-sort { font-weight: bold;} 
table#allevacatures th, table#allenieuwsberichten th { font-weight: normal; border-bottom: 1px solid gray; cursor: pointer; text-align: left;}

input, textarea { border: 1px solid black; margin-bottom: 5px; font-family: Helvetica, Arial, Courier, sans-sarif; font-size: 12px; }

div#webshop_button {
	position:absolute;
	top:275px;
	left:135px;
}

label { cursor: pointer; } 

form { 
	display: inline; 
	margin: 0;
	padding: 0;
}

input#zoekterm {
	margin: 1px 5px 0 4px;
	/* border: 1px solid #DDD;  */
	border: 0;
	color: white; 
	float: left; 
	background-color: #696969; 
	height: 12px; 
	font-size: 11px;
	width: 87px; 
}

input.submitbutton_zoek {
	/* border: 1px solid #DDD; */
	border: 0;
	color: white;
	background-color: transparent;
	font-size: 9px;
	height: 16px;
	cursor: pointer;
	width: 60px;
}

#footer {
	width:980px;
	clear:both;
	height:220px;
	padding: 20px 0 0 0;
	margin-left: 0px;
	background-color: #474747;
	color: white;
	text-align:center;
	left:0;
	bottom:0;
	position: absolute;
}

#credit  {
	color: #888;
	font-size: 9px;
	text-decoration: none;
}

#footer a:hover {
	color: white;
}

* html #footer {/*only ie gets this style*/
	\height:218px;/* for ie5 */
	he\ight:216px;/* for ie6 */
}
div,p  {margin-top:0}/*clear top margin for mozilla*/

#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */

ul.footermenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	/* width: 165px; */
	width: 205px; 
	float: left;
	display: inline;
	
}

ul.eerste {
	margin-left: 13px;
}
ul.laatste {
	width: 145px;
}

ul.footermenu li {
	line-height: 1.5em;
	text-align: left;
}
ul.footermenu li.kop {
	font-weight: bold;
	padding-bottom: 7px;
}

.footermenu a  {
	color: white;
	text-decoration: none;
}

.footermenu a:hover { 
	color: white;
	text-decoration: underline; 
}

#footer a#credit   {
	display: block;
	color: #888;
}
#footer a#credit:hover   {
	color: white;
	text-decoration: none;
}


div#breadcrumbs {
	padding: 0 0 4px 0;
	margin: 0 0 5px 0;
	font-size: 9px;
	color: #999;
}

div#breadcrumbs a {
	font-size: 9px;
	text-decoration: none;
}
div#breadcrumbs a:hover {
	background-color: transparent;
	color: black;
}

div#icoontjes {
	position: absolute;
	top: 223px;
	right: 215px;
	z-index: 100;
}
div#icoontjes  a:hover {
	background-color: transparent;
}

div#rssinfo {
	position: absolute;
	right: 25px;
	top: 70px;
	width: 300px;
	padding: 5px;
	border: 1px solid black;
	z-index: 100;
	background-color: white;
	cursor: pointer;
	display: none;
	opacity: 0.9;
	filter:alpha(opacity=90);
}