html{
	height: 100%;
	background:#fff;
}
body{
	margin:0;
	min-height:100%;
	position: relative;
	background:#fff url(/media/images/bg-body.gif) repeat-x;
	font:14px Arial,Verdana,sans-serif;
	color:#5e5e5e;
}
* html body{height:100%;}
img {border:none;
	display:block;
}
a{
outline:none;
text-decoration:none;
}
a:hover {
text-decoration:underline;

}


form, fieldset{
	padding:0;
	margin:0;
	border:0;
}
input, textarea, select{
	font:100% Verdana,sans-serif;
	vertical-align:middle;
	outline:none;
}
textarea{overflow:auto;}
ul{list-style:none;}
table{border-collapse:collapse;}
*{margin:0;padding:0;}
#main{
	width:960px;
	margin:0 auto;
	padding:0 0 130px;
}
#header{
	width:100%;
	height:183px;

}
strong.logo{
	float:left;
	margin:24px 0 0 9px;
}
.logo a{
	display:block;
	background:url(/media/images/logo0204a.png) no-repeat;
	width:196px;
	height:83px;
	/*
	 width:154px;
	height:77px;
	 */
	overflow:hidden;
	text-indent:-9999px;
}
span.intro{
	font:26px Georgia,Arial,sans-serif;
	float:left;
	font-style:italic; 
	color:#0d294c;

	margin:76px 0 0 32px;
	letter-spacing:1px;
}
ul.top-nav {
	font-size:14px;
	margin:30px 4px 0 0;
	float:right;


}
ul.top-nav  li{
	float:left;
	background:url(/media/images/bg-nav.gif) no-repeat 98% 3px;
	padding:0 8px;
}
ul.top-nav a{
float:left;
	color:#114178;
	padding: 5px 15px;
	display:block;
}
ul.top-nav li.active{background:#dbe3f1;}
ul.top-nav a:hover {
	background:#dbe3f1;
	text-decoration:none;
}
.login-section{
	width:375px;
	float:right;
	padding:26px 0px 0 0;
}
.login-section input.field{
	float:left;
	width:104px;
	height:16px;
	border:none;
	background:none;
	font-size:12px;
	padding:5px 0 0 6px;
}
.login-button{float:left;}
.login-section span{
	width:121px;
	height:27px;
	background:url(/media/images/bg-field.gif) no-repeat;
	float:left;
	margin:0 10px 0 0;
}
.nav-bar{
	width:960px;
	height:40px;
	background:url(/media/images/navsprite.png) no-repeat;
	float:left;
	margin:34px 0 0;
}
.nav-bar li{float:left;}
.nav-bar span{padding:0 0 0 18px;}
.nav-bar ul{
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
}
.nav-bar a{
	width:100%;
	height:29px;
	padding:11px 0 0 0px;
	display:block;
	color:#fff;
}
li.main{ width:172px; 

}
li.main-active{ width:172px; background:url(/media/images/active.png) no-repeat; }
li.main a:hover{background:url(/media/images/navsprite.png) no-repeat 0 -40px;}

li.uniformen{ width:126px; }
li.uniformen-active{ width:126px; background:url(/media/images/navsprite.png) no-repeat -172px -80px; }
li.uniformen a:hover{background:url(/media/images/navsprite.png) no-repeat -172px -40px;}

li.werkkleding{width:151px;}
li.werkkleding-active{ width:151px; background:url(/media/images/navsprite.png) no-repeat -298px -80px; }
li.werkkleding a:hover{background:url(/media/images/navsprite.png) no-repeat -298px -40px;}

li.medisch{width:103px;} 
li.medisch-active{ width:103px; background:url(/media/images/navsprite.png) no-repeat -449px -80px; }
li.medisch a:hover{background:url(/media/images/navsprite.png) no-repeat -449px -40px;}

li.horeca{width:102px;}
li.horeca-active{ width:102px; background:url(/media/images/navsprite.png) no-repeat -552px -80px; }
li.horeca a:hover{background:url(/media/images/navsprite.png) no-repeat -552px -40px;}

li.arbo{width:172px;}
li.arbo-active{ width:172px; background:url(/media/images/navsprite.png) no-repeat -654px -80px; }
li.arbo a:hover{background:url(/media/images/navsprite.png) no-repeat -654px -40px;}

li.werkwijze{width:133px;}
li.werkwijze-active{ width:133px; background:url(/media/images/navsprite.png) no-repeat -826px -80px; }
li.werkwijze a:hover{background:url(/media/images/navsprite.png) no-repeat -826px -40px;}

.nav-bar a:hover{text-decoration:none;}
#footer{
	width:100%;
	position:absolute;
	height:120px;
	bottom:0px;
	left:0;

}
#footer a{
	color:#14529a;
	text-decoration:underline;
}
.footer-content{
	width:960px;
	margin:0 auto;
	border-top:1px solid #d9d9d9;
	height:160px;

}
a.contact{
	position:relative;
	float:left;
	width:46px;
	height:119px;
	background:url(/media/images/bg-contact.png) no-repeat;
	text-indent:-9999px;
	margin:-1px 0 0;
}


.footer-content address{
font-style:normal;
line-height:20px;
float:left;
width:240px;
font-size:12px;
padding:15px 20px 15px 20px;
}

.footer-content .datesfp{
font-size:12px;
width:280px;
float:left;
padding:15px 20px 15px 30px;
}


.footer-content .datesfp dd{
line-height:20px;
padding-bottom:10px;
}

.banner-box{
	float:right;
	margin:15px 20px 0 0px;

}
.banner-box li{
	float:left;
	padding:0 0 0 27px;
}
.holder{
	width:100%;
	overflow:hidden;
}
.holder h2{
	color:#0e2e53;
	font:24px Georgia,Arial,Verdana,sans-serif;
	font-style:italic;
}
.visual{
	width:500px;
	float:left;
	padding:30px  0 0 77px;
}
.homepage-content{padding:25px 0 0;}
.homepage-content .rightcolumn{
	width:300px;
	height:370px;
	float:left;
	border-left:1px solid #ccc;
	padding:0 0 60px 32px;
	margin:0 0 15px;
}
/*
.info-box{
	padding:20px 0 50px 3px;
	margin:0 0 25px;

} */


#slideshow{
	float:left;
	height:142px;
	width:161px;
	position:relative;
	margin:25px;
	list-style:none;

}
#slideshow li{
position:absolute;
top:0;
left:0;
z-index:1;
vertical-align:top;
padding-left:20px;;
}
#slideshow li.active{ z-index:2;}
#slideshow img{ display:block;}


#slideshow2{
float:left;
position:relative;
list-style:none;
width:205px;
height:431px;
margin:0;
margin-bottom:20px;

}

#slideshow2 li{
position:absolute;
top:4px;
_top:2px;
left:0;
z-index:1;
padding-left:20px;
margin:0;
}

#slideshow2 li.active
{z-index:2;}



.leftcolumn{
width:250px;
float:left;
padding:0 50px 20px 0px;
overflow:hidden;
}

.content{
padding:30px 0 47px 300px;
width:660px;

}

.content a{
font-size:13px;
color:#14529a;
text-decoration:underline;
dispaly:block;
}

.content a:hover{
text-decoration:underline;
color:#00002e;
}

.content-box{

padding:0 0 4px 0px;
}


.leftcolumn .info-box{
padding:12px 0px; 0 0px;
margin:0;
margin-right:30px;
}

.leftcolumn .info-box img{padding:0 0 0 50px;}
.content-holder{padding:15px 0 0;}
.leftcolumn .logo-box em{
	font:17px Georgia,Arial,Verdana;
	color:#2f405b;
	font-style:italic;
	padding-left:10px;
}
.leftcolumn .logo-box #slideshow{margin:0;}
.leftcolumn .logo-box{
	width:100%;
	padding:14px 0 55px;
	border: solid #ccc;
	border-width:1px 0 0 0;
	overflow:hidden;
}
.leftcolumn .logo-box img{margin:27px 0 30px 17px;}
.content h1{
	font:30px 'TitilliumText14L';
	color:#6488c1;
	margin:0 0 33px;
}
.content h2{margin:0 0 9px;}
.content p{
	line-height:24px;
	margin:0 0 23px;
}
.content h3{
	font-size:18px;
	font-weight:normal;
	color:#0e2e53;
}
.content h4{
	font-size:16px;
	color:#0e2e53;
	font-weight:normal;
}
.content table{margin:10px 0 35px;}
.content th{
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
	background:#cbd9ef url(/media/images/bg-table.gif) repeat-x;
	color:#113a6d;
	font-size:12px;
	font-weight:bold;
	padding:5px 88px 5px 8px;
	text-align:left;
}
.content td{
	padding:3px 0 6px 8px;
	font-size:12px;
	border-bottom:1px solid #ccc;
}
.content ul{font-size:11px;}
.content ul {
	margin:15px 0 20px 3px;
	font-size:12px;
padding-left:15px;
}
.content ul li{
	background:url(/media/images/bullit.gif) no-repeat 0px 5px;
	padding:5px 0 6px 21px;

}
.content ol{
	margin:15px 0 15px 17px;
	font-size:12px;
}
.content ol li{padding:0 0 15px 6px;}
.content ol li p{margin:0 0 -10px;}

.map-box{
	padding:33px 0 20px;
	margin:0 0 22px;
	float:left;
	border-bottom:1px solid #ccc;
}
.photo-box{
	float:right;
	margin:-8px 3px 0 0;
	border:1px solid #b1c4e0;
}
.form-holder{
	width:560px;
	overflow:hidden;
	padding:0 0 4px;
}
.form-holder label{
	float:left;
	font-size:13px;
	padding:6px 0 0;
}
.form-holder label span{color:#f00;}
.row input{
	float:left;
	width:228px;
	height:18px;
	background:none;

	border:none;
	font-size:14px;
	padding:5px 0;
	overflow:hidden;
}
.row .error strong{
	color:#f00;
	font-weight:normal;
	font-size:13px;
}
.form-holder .error{
	float:right;
	padding:6px 0 0 24px;
}
.row{
	width:378px;
	float:right;
}
.form-holder .row span{
	width:233px;
	height:32px;
	background:url(/media/images/bg-contact-form.gif) no-repeat;
	float:left;
	padding:0 0 0 5px;
}
.row textarea{
	width:231px;
	height:120px;
	float:left;
	background:#e8ecf1;
	border:1px solid #d1d3d4;
	padding:5px 0 0 5px;
	margin:0 0 13px;
}
.contact-info{
	width:240px;
	padding:0;
}
.contact-info p{font-size:13px;}

address{
font-style:normal;
line-height:20px;
padding:0;
font-size:13px;
}

.content .contact-info dl{
padding:0;
margin:0;
font-size:13px;
padding-top:25px;
}

.content .contact-info dt{

font-weight:bold;
}

.content .contact-info dd{
line-height:20px;
padding:0 0 15px 0;
}



.contact-form{padding:21px 0 15px;}
.row input.chose{
	width:15px;
	height:15px;
	padding:0;
}
ul.radiobox{margin:12px 0 0 4px;}
ul.radiobox label{
	float:none;
	padding:0 0 0 12px;
}
ul.radiobox li{
	padding:0 0 4px;
	background:none;
}
ul.checkbox{margin:22px 0 0 3px;}
ul.checkbox li{
	padding:0 0 4px;
	background:none;
}
.row input.check{
	width:15px;
	height:15px;
	padding:0;
	margin:0 14px 0 0;
	clear:both;
}
.versturen{
	display:block;
	text-indent:-9999px;
	width:97px;
	height:28px;
	background:url(/media/images/versturen.gif) no-repeat;
	overflow:hidden;
	margin:5px 0 0 141px;
}

/* SCREEN CSS by Wes Oudshoorn */

/* FORM */

/*
 
form p {
margin: 0;
border-bottom: 1px solid #ccc;
padding: 5px 0;
background: #f9f9f9;
}

form p.submit {
border: 0;
background: none;
}

form fieldset {
margin-bottom: 20px;
}

form p label {
width: 160px;
display: block;
float: left;
padding: 3px 10px;
}

form p input {
padding: 3px;
width: 200px;
border: 1px solid #ccc;
}

#cont form ul {
padding: 5px;
background: #f9f9f9;
margin: 0;
border-bottom: 1px solid #ccc;
}

#cont form li {
margin: 0;
list-style: none;
}

form li input {
margin-right: 10px;
padding: 0;
}

form h3 {
margin-bottom: 0;
padding-bottom: .5em;
border-bottom: 1px solid #ccc;
}*/

p.error {
color: red;
font-size: .9em;
padding: 8px 8px 0px 8px;
border: 0;
}

span.error {
	color: red;
float: right;
width: 240px;
font-size: .9em;
padding: 2px;
}
.required{
	color: red;
}
#map_canvas {
/*margin-left: 300px;*/
height: 400px; /*398*/
width: 655px; /*248*/
border: 1px solid #cccccc;
}
#map_canvas span{
	display:block;
}
#contact #submit{
font:14px Arial;
	height:30px;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:4px;
	margin-top:15px;
}

.stappen{
border-bottom: 1px dashed #d8d8d8;
padding-top:15px;
}

.stappenfirst{
border-top: 1px dashed #d8d8d8;
border-bottom: 1px dashed #d8d8d8;
padding-top:15px;
}
.stappenlast{
border-bottom: 1px dashed #d8d8d8;
padding-top:15px;
margin-bottom:15px;

}

.logo-box .datesfp{
font-size:12px;
width:280px;
float:left;
padding:15px 20px 15px 30px;
}


.logo-box .datesfp dd{
line-height:20px;
padding-bottom:10px;
}

.leftcolumn .contact-info dl{
padding:0;
margin:0;
font-size:13px;
padding-top:25px;
}

.leftcolumn .contact-info dt{

font-weight:bold;
}

.leftcolumn .contact-info dd{
line-height:20px;
padding:0 0 15px 0;
}
.leftcolumn h1{
	font:30px 'TitilliumText14L';
	color:#6488c1;
	margin:0 0 33px;
}
.map-box{
	width: 655px;
}
span.center{
	margin-left:25px;
}

.vacature{
padding:20px;
}