@charset "utf-8";

/* Schelderpoort CSS
	
	
	1) Global definitions
	2) Page layout definitions
	3) Header section definitions
	4) Menu section definitions
	5) Leader section definitions
	6) Content section definitions
	7) Footer section definitions
	8) Subpage definitions
	9) Table definitions
*/

/* 1. Global definitions*/
* {
	margin:0;
	padding:0;
	cursor:default;
}
	
	a,a:hover {
		cursor:pointer;
	}

body {
	font-family:Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#010462;
}
h1, h2, h3, h4, h5, h6 {
	font-family:Lucida Sans Unicode, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
h2,h4{
	color:#00a8e6;
	font-size:11px;
	padding-bottom:5px;
}
h3{
	color:#7a7a7a;
	font-size:13px;
	padding-bottom:7px;
}
p, li{
	line-height:2em;
}
img.left{
	float:left;
	margin: 10px 10px 0px 0px;
}
img.right{
	float:right;
	margin: 20px 20px 20px 0px;
}
dl{
	line-height:2em;
	padding-bottom:20px;
}
dt{
	font-weight:bold;
}

/* 2. Page layout definitions*/
div#layout{
	background-image:url(/static/img/background.png);
	background-repeat:repeat-y;
	background-color:white;
	width:1000px;
	margin:0 auto;
}

div#layout.wide {
	background-image:url(/static/img/background.png);
	background-repeat:repeat-y;
	width:1010px;
}

div#main{
	width:1000px;
	margin:0 auto;
}
div#header{
	background-repeat:no-repeat;
	height:248px;
}
div#menubar{
	background-image:url(/static/img/menubar.jpg);
	background-repeat:no-repeat;
	height:45px;
}
div#leader{
}
div#content{
	background-image:url(/static/img/content-bg.png);
	background-repeat:repeat-x;
	min-height:150px;
	clear:both;
}
div.column{
	float:left;
	width:253px;
	padding:30px 40px;
}
div.fullcolumn{
	padding:30px 40px 30px 40px;
	width:675px;
	padding:30px 40px;
}
	

div#footer{
	background-image:url(/static/img/footer.png);
	background-repeat:repeat-x;
	background-color:#f1f2f3;
	height:41px;
	line-height:41px;
	text-align:center;
	font-size:9px;
	color:#959697;
	clear:both;
}

/* 3. Header definitions*/
div#header h1 {
	background-image:url(/static/img/logo.png);
	background-repeat:no-repeat;
	position:relative;
	left:40px;
	height:103px;
	width:202px;
	padding:0;
	margin:0;
}
div#header h1 a {
	display:block;
	height:100%;
	width:100%;
}
div#header span{
	display:none;
}

/* 4. Menu section definitions*/
ul#sitemap li {
	list-style-type:none;
	background-image:url(/static/img/gray-arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;
	padding-left:10px;
	color:#b1b1b1;
	list-style-position:outside;
}

ul#sitemap li a {
	color:#999999;
	text-decoration:none;
}

ul#sitemap li a:hover {
	color:#000;
}


ul#mainmenu {
	height:45px;
	padding:0px 0px 0px 10px;
}
ul#mainmenu li {
	color:#b1b1b1;
	list-style:none;
	background-image:url(/static/img/menu-block.gif);
	background-repeat:no-repeat;
	background-position:14px 20px;
	font-size:12px;
	height:45px;
	line-height:43px;
	float:left;
	position:relative;
}	
ul#mainmenu a, ul#mainmenu a:visited {
	color:#010462;
	display:block;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:0px 14px 0px 29px;
}
ul#mainmenu a:hover, ul#mainmenu :hover > a{
	color:#b1b1b1;
}
ul#mainmenu ul {
	position:absolute;
	left:26px;
	top:45px;
	visibility:hidden;
	background-color:#FFFFFF;
	border-color:#787c99;
	border-width:1px;
	border-style:solid;
}
ul#mainmenu ul li{
	background-image:none;
	height:auto;
	line-height:2.5em;
	width:225px;
}



ul#mainmenu ul a, ul#mainmenu ul a:visited{
	color:#b1b1b1;
	height:auto;
	font-size:10px;
	padding:0px 15px 0px 15px;
}
ul#mainmenu ul a:hover, ul#mainmenu ul :hover > a{
	background-color:#787C99;
	color:#FFFFFF;
	text-decoration:none;
}
ul#mainmenu ul ul {
	background-image:url(/static/img/arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 7px;
	position:absolute;
	top:-1px;
	left:225px;
	width:145px;
}
ul#mainmenu ul ul a:hover {
	color:#000000;
	text-decoration:underline;
	background-color:transparent;
}
ul#mainmenu li:hover ul, ul#mainmenu li:hover ul, ul#mainmenu :hover ul :hover ul {
	visibility:visible;
}
ul#mainmenu :hover ul ul {
	visibility:hidden;
}

/* 5. Leader section definitions*/
ul#contactinfo li {
	color:#b1b1b1;
	padding:0px 0px 0px 20px;
	background-repeat:no-repeat;
	background-position:0px 6px;
	list-style-type:none;
	list-style-position:outside;
}
li#contact-email {
	background-image:url(/static/img/icon-contact-email.gif);
}
li#contact-phone {
	background-image:url(/static/img/icon-contact-phone.gif);
}
li#contact-callme {
	background-image:url(/static/img/icon-contact-callme.gif);
}
div#news ul li{
	list-style-type:none;
	background-image:url(/static/img/gray-arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;
	padding-left:10px;
	color:#b1b1b1;
	list-style-position:outside;
}
div#news ul li a, 
div#news ul li a:visited {
	color:#b1b1b1;
	text-decoration:none;
}
div#news ul li a:hover{
	text-decoration:underline;
}

/* 6. Content section definitions*/
a.full, a.full:hover, a.full:visited{
	background-image:url(../img/blue-arrow.gif);
	background-repeat:no-repeat;
	background-position:left;
	color:#00a8e6;
	padding-left:10px;
}
div.download {
	font-size:11px;
	width:200px;
	line-height:2.5em;
	margin:30px 30px 30px 0px;
}
div.download h5{
	font-size:11px;
	padding-left:2px;
	border-bottom-color:#7a7a7a;
	border-bottom-style:solid;
	border-bottom-width:2px;
}
div.download li{
	line-height:2.5em;
	list-style-position:inside;
	padding-left:3px;
	color:#7a7a7a;
	border-bottom-color:#7a7a7a;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
div.download li a, div.download li a:visited{
	color:#7a7a7a;
	text-decoration:none;
}
div.download li a:hover{
	color:#000000;
	text-decoration:none;
}

/* 7. Footer section definitions*/
div#footer a, div#footer a:hover, div#footer a:visited{
	color:#959697;
	text-decoration:none;
} 

div#navlink {
	text-align:right;
	font-size:90%;
	margin:1em 2em;
	
}

div#navlink a {
	color:#999;
	text-decoration:underline;
}

div#navlink a:hover {
	color:#000;
	text-decoration:underline;
}



/* 8. Subpage Definitions*/
div#header.subpage{
	height:143px;	
}
ul#mainmenu.subpage a, ul#mainmenu.subpage a:visited {
	color:#b1b1b1;
}
ul#mainmenu.subpage a:hover, ul#mainmenu.subpage :hover > a, ul#mainmenu.subpage li a.selected{
	color:#010462;
}


ul#mainmenu.subpage ul li {
	width:225px;
}

ul#mainmenu.subpage ul a:hover, #mainmenu.subpage ul :hover > a {
	color:#FFFFFF;
}
ul#mainmenu.subpage ul ul a:hover{
	color:#000000;
}
p.subpagepar{
	color:#7a7a7a;
}
a.subfull, a.subfull:hover, a.subfull:visited{
	color:#7a7a7a;
	text-decoration:none;
}



/* 9. Table definitions */


div.column a,
div.fullcolumn table a {
	color:#000066;
	text-decoration:none;
}

div.column a:hover,
div.fullcolumn table a:hover {
	color:#000066;
	text-decoration:underline;
}

	

table.small{
	text-align:left;
	line-height:2em;
	color:#7a7a7a;
}
table.small th{
	font-weight:bold;
	padding:0px 25px 0px 2px;
	margin-bottom:4px;
	color:#000000;
	border-bottom-color:#7a7a7a;
	border-bottom-style:dashed;
	border-bottom-width:1px;
}
table.small td{
	padding:0px 25px 0px 2px;
}
table.large{
	text-align:left;
	line-height:2.5em;
	color:#7a7a7a;
	margin:30px 0 ;
}

table.vacancy-details {
	float:right;
}


	table.dock,
	table.dock th,
	table.dock td {
		border-collapse:collapse;
		border:1px solid #CCCCCC;
		margin:0 0 30px 0;
		padding:7px;
		vertical-align:top;
		text-align:left;
	}
	
		table.dock td {
			width:100px;
			color:#666666;
		}

table.large th{
	font-weight:bold;
	padding:0px 65px 0px 2px;
	color:#000000;
	border-bottom-color:#7a7a7a;
	border-bottom-style:solid;
	border-bottom-width:2px;
}
table.large tr{
	padding:0px 65px 0px 2px;

}
table.large td{
	border-bottom-color:#7a7a7a;
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding-left:3px;
}
table.large a, table.large a:visited{
	color:#7a7a7a;
	text-decoration:none;
}
table.large a:hover{
	color:#000000;
	text-decoration:none;
}
/* 10 Form layout */
table.formtable, table.formtable td{
	color:#7A7A7A;
	border:1px solid #B7B7B7;
	border-collapse:collapse;
	font-size:11px;
	padding:10px;
	vertical-align:top;
}
table.formtable th{
	color:black;
	text-align:left;
	padding:10px;
}
table.formtable input, table.formtable textarea {
	width:265px;
	border:1px solid #B7B7B7;
	height:18px;
	color:#7A7A7A;
	font-family:Lucida Sans Unicode,Lucida Sans,sans-serif,Verdana,Tahoma,Arial,Helvetica;
	font-size:11px;
	background-image:url(../img/bg-input.gif);
	background-repeat:no-repeat;
	padding:2px 4px 0px 4px;
}
table.formtable textarea{
	height:100px;
}
table.formtable span.error{
	color:red;
}
input#btnSubmit{
	border:1px solid #B7B7B7;
	height:22px;
	padding-bottom:3px;
	width:120px;
	font-weight:bold;
}
input#uplResumee{
	color:#7A7A7A;
	font-size:11px;
	height:22px;
	padding-bottom:3px;
	width:275px;
}

dl.vacancy dd {
	margin:0 0 30px 20px;
}

div.fullcolumn ul {
	margin-left:25px;
}

div.fullcolumn ul ul {
	margin-left:40px;
}

table.vacancy-details,
table.vacancy-details td {
	border-collapse:collapse;
	margin:0 0 20px 20px;
	padding:8px;
	border:1px solid #999999;
}

form#contact {
	clear:both;
	margin-top:20px;
}
form#contact table {
	width:600px;
}
form#contact table input,
form#contact table textarea {
	width:365px;
}
form#contact table label {
	white-space:nowrap;
}


table.vacancy-details,
table.vacancy-details td,
table.vacancy-details th {
	border-collapse:collapse;
	padding:7px;
	text-align:left;
	vertical-align:top;
}