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;
color:#14529A;
}
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 180px;
}
#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:36px 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:179px; 

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

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

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

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

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

li.arbo{width:158px;}
li.arbo-active{ width:158px; background:url(/media/images/navsprite.png) no-repeat -802px -80px; }
li.arbo a:hover{background:url(/media/images/navsprite.png) no-repeat -802px -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:180px;
	bottom:0px;
	left:0;
	clear:both;
	z-index:400;

}
#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;
	width:250px;
	margin:10px;
}

.banner-box ul{
	position:relative;
}
.banner-box li{
	position:absolute;
	top:0;
	left:0;
}

.banner-box strong{
	font-size:12px;
	display:block;
	padding-top:5px;
	margin-bottom:10px;
}

.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;
	position:relative;
}

.visual #starbox{
	position:absolute;
	right:50px;
	bottom:30px;
	z-index:510;
}

div.buttonblock{
	text-align:right;
	position:relative;
}

a.newbtn{
	display:block;
	background:url('../images/newbtn.jpg') top left no-repeat;
	width:184px;
	height:18px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	padding:14px 0 10px 0px;
	font-weight:bold;
	margin:0 0 5px 0;
	float:right;
}

a.newbtn:hover{
	background:url('../images/newbtn.jpg') no-repeat bottom left;
}

a.newbtn.last{
	margin-bottom:30px;
}

.homepage-content{padding:25px 0 0;}
.homepage-content .rightcolumn{
	width:300px;
	height:470px;
	float:left;
	border-left:1px solid #ccc;
	padding:0 0 60px 52px;
	margin:0 0 5px;
}
/*
.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;
}

.content.offerte{
	padding-left:0;
	width:955px;
}


.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; }


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;
}

span.errormsg{
	color: red;
	font-size:12px;
	display:block;
	padding:5px 0 0 0;
}

.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;
	
	display:block;
	background:url('../images/newbtn.jpg') no-repeat;
	width:184px;
	height:19px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	padding:10px 0 10px 0px;
	font-weight:bold;
	margin:20px 0 5px 0;
	border:none;
	cursor:pointer;
	height:44px;
}

.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;
}

.logo-box{
	clear:both;
}

.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;
}

ul#subnavi{
	margin:30px 0;
	border-top:1px dotted #bbb;
}

ul#subnavi li a{
	display:block;
	padding:10px 0 10px 10px;
	border-bottom:1px dotted #bbb;
	font-family:Georgia,Arial,Verdana,sans-serif;
	font-size:15px;
	color:#666;
}

ul#subnavi li a:hover,
ul#subnavi li a.active{
	text-decoration:none;
	color:#0E2E53;
}

form#folderform{
	
}

form#folderform label{
	display:block;
	margin:10px 0;
}

form#folderform fieldset{
	width:280px;
	float:left;
	margin:10px 10px 10px 0;
	padding:10px 10px 15px 10px;
	min-height:300px;
}

form#folderform fieldset h2{
	font-size:18px;
	color:#666;
	margin-bottom:20px;
}

form#folderform fieldset.foldercheckboxes input{
	margin:0 10px 0 0;
}

form#folderform fieldset label{
	font-weight:bold;
	margin:8px 0 5px 0;
	color:#777;
	font-size:13px;
}

form#folderform fieldset label span{
	color:#FF0000;
}

form#folderform fieldset.foldercheckboxes label{
	font-weight:normal;
}

form#folderform fieldset.foldernaw input,
form#folderform fieldset.folderextra textarea{
	width:200px;
	font-size:13px;
	color:#666;
	font-family:arial, verdana, tahoma;
	background:#E8ECF1;
    border:1px solid #D1D3D4;
    padding:5px;
}

form#folderform fieldset.foldernaw input:focus,
form#folderform fieldset.folderextra textarea:focus{
	background:#e4e7ed;
}

form#folderform fieldset.folderextra{
	position:relative;
}

form#folderform fieldset.folderextra input{
	display:block;
	background:url('../images/newbtn.jpg') no-repeat;
	width:184px;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	margin:20px 0 5px 0;
	border:none;
	cursor:pointer;
	height:42px;
	float:right;
	position:absolute;
	right:0;
	bottom:0;
}

ul.vereniging{
	list-style:none;
	padding:0;
	margin:0 0 10px 0;
}

ul.vereniging li{
	background:none;
	padding:0;
	margin:0px 0;
	float:left;
	overflow:hidden;
}

ul.vereniging li .verleft{
	float:left;
	width:180px;
}

ul.vereniging li .verright{
	float:left;
	width:480px;
}

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

/* IE6 */
* html .clearfix { height: 1%; }

/*IE7 */
.clearfix { min-height: 1px; }






form#klachtenform label{
	display:block;
	margin:10px 0;
}

form#klachtenform fieldset{
	float:left;
	width:330px;
	margin:0 0 10px 0;
}

form#klachtenform fieldset h2{
	font-size:18px;
	color:#666;
	margin:20px 0 15px 0;
}

form#klachtenform fieldset input{
	margin:0 10px 0 0;
}

form#klachtenform fieldset label{
	font-weight:bold;
	margin:8px 0 5px 0;
	color:#777;
	font-size:13px;
}

form#klachtenform fieldset label span{
	color:#FF0000;
}

form#klachtenform fieldset label{
	font-weight:normal;
}


form#klachtenform fieldset input,
form#klachtenform fieldset textarea{
	width:200px;
	font-size:13px;
	color:#666;
	font-family:arial, verdana, tahoma;
	background:#E8ECF1;
    border:1px solid #D1D3D4;
    padding:5px;
}

form#klachtenform fieldset input:focus,
form#klachtenform fieldset textarea:focus{
	background:#e4e7ed;
}

form#klachtenform fieldset textarea{
	width:250px;
}

form#klachtenform .foldercheckboxes input{
	display:inline;
	width:auto;
}

form#klachtenform fieldset input.submit{
	display:block;
	background:url('../images/newbtn.jpg') no-repeat;
	width:184px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	padding:10px 0 10px 0px;
	font-weight:bold;
	margin:20px 0 5px 0;
	border:none;
	cursor:pointer;
	height:42px;
}

form#loginform fieldset input{
	width:300px;
}

/*FORMS VOOR BACKEND*/

form.backform{
	
}

form.backform label{
	font-weight:bold;
	display:block;
	margin:8px 0 5px 0;
	color:#777;
	font-size:13px;
}

form.backform label span{
	font-size:11px;
	font-weight:normal;
}

form.backform fieldset{
	float:left;
	padding:5px 0;
	overflow:hidden;
	width:200px;
}


form.backform fieldset.smaller{
	width:260px;
}

form.backform fieldset.bigger{
	width:350px;
}

form.backform fieldset input.submit{
	margin:15px 0 0 0;
	padding:0;
	position:relative;
	border:none;
	display:block;
	background:url('../images/newbtn.jpg') no-repeat;
	color:#fff;
	width:184px;
	height:42px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
}

form.backform fieldset input,
form.backform fieldset textarea{
	font-size:13px;
	color:#666;
	font-family:arial, verdana, tahoma;
	background:#E8ECF1;
    border:1px solid #D1D3D4;
    padding:5px;
	margin:0 10px 0 0;
	width:170px;
}

form.backform fieldset input.reden{
	width:320px;
}

fieldset.checkbox label{
	width:auto;
	display:inline;
}

fieldset.checkbox input.chose{
	display:inline;
	width:auto;
	background:none;
	border:none;
}

fieldset.checkbox .sepit{
	display:block;
	margin-top:5px;
}

form#klachtenform fieldset input.checkit{
	width:auto;
}

/*----- Tevredenheidsondrzoek formulier --------*/

#tvo_formulier fieldset.textfields label,
#afwijk_intern_formulier fieldset.textfields label,
#afwijk_leverancier_formulier fieldset.textfields label{
	display:block;
	margin:8px 0 5px 0;
	color:#777;
	font-size:13px;
	font-weight:normal;
}

#tvo_formulier fieldset.textfields label span,
#afwijk_intern_formulier fieldset.textfields label span,
#afwijk_leverancier_formulier fieldset.textfields label span{
	color:#FF0000;
}

#tvo_formulier input.text,
#tvo_formulier textarea,
#afwijk_intern_formulier input.text,
#afwijk_intern_formulier textarea,
#afwijk_leverancier_formulier input.text,
#afwijk_leverancier_formulier textarea{
	font-size:13px;
	color:#666;
	font-family:arial, verdana, tahoma;
	background:#E8ECF1;
    border:1px solid #D1D3D4;
    padding:5px;
	margin:0 10px 0 0;
	width:220px;
}

/*
#tvo_formulier input.text:focus,
#afwijk_intern_formulier input.text:focus,
#afwijk_leverancier_formulier input.text:focus,
#tvo_formulier textarea:focus,
#afwijk_intern_formulier textarea:focus,
#afwijk_leverancier_formulier textarea:focus{
	background:#e4e7ed;
}*/

#tvo_formulier select,
#afwijk_intern_formulier select
#afwijk_leverancier_formulier select{
	background:#E8ECF1;
    border:1px solid #D1D3D4;
    padding:5px;
	width:531px;
	font-size:12px;
	color:#333;
}

#tvo_formulier div.float-me,
#afwijk_intern_formulier div.float-me,
#afwijk_leverancier_formulier div.float-me{
	float:left;
	width:300px;
}

#tvo_formulier table.matrix-form{
	margin:35px 0 20px 0;
}

#tvo_formulier table.matrix-form td{
	padding:7px;
	border-bottom:1px solid #ccc;
	text-align:center;
}

#tvo_formulier table.matrix-form tr.header td{
	font-weight:bold;
	font-size:13px;
	text-align:center;
	background:#7b9ed6;
	color:#fff;
}

#tvo_formulier table.matrix-form tr td.setleft{
	text-align:left;
}

input.submitformbutton{
	display:block;
	background:url('../images/newbtn.jpg') no-repeat;
	width:184px;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	margin:40px 0 5px 0;
	border:none;
	cursor:pointer;
	height:42px;
}

#tvo_formulier textarea,
#afwijk_intern_formulier textarea,
#afwijk_leverancier_formulier textarea{
	width:521px;
	height:100px;
}

fieldset.margintop{
	margin-top:15px;
}

/*----- Intern formulier --------*/

.iso-box-home{
	position:absolute;
	left:-40px;
	top:5px;
}