html{
	display:block;
	margin:0;
	padding:0;
	height:100%;
    }

body{
    margin:0;
    padding:0;
	height:100%;
    color:#000;
	font-family:"Lucida Sans Unicode","Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
    font-size:11px;
    line-height:19px;
	background-color:#fff;
	background-image:url(../images/bg.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-attachment:fixed;
}
	
#container{
	position:relative;
	width:997px;
	margin-left:auto;
	margin-right:auto;
}

.groenbold{
    color:green;
    font-weight:bold;
}
	
#sub-container{
	position:relative;
	float:left;
	display:inline;
	width:997px;
	min-height:500px;
	padding-bottom:15px;
	}
	
#border-top{
	position:absolute;
	width:981px;
	height:10px;
	left:8px;
	top:108px;
	background-image:url(../images/border-top.gif);
	background-repeat:repeat-x;
	}
	
#logo{
	position:absolute;
	width:172px;
	height:96px;
	left:8px;
	top:20px;
	}
	
#banner-home{
	position:absolute;
	width:690px;
	height:216px;
	left:0px;
	top:0px;
	background-image:url(../afbeeldingen/banners/banner-1.jpg);
	}	
	
#banner-detachering{
	position:absolute;
	width:690px;
	height:216px;
	left:0px;
	top:0px;
	display:none;
	background-image:url(../afbeeldingen/banners/banner_bouw2.jpg);
	}
	
#banner-uitzenden{
	position:absolute;
	width:690px;
	height:216px;
	left:0px;
	top:0px;
	display:none;
	background-image:url(../afbeeldingen/banners/banner_koe.jpg);
	}
	
#banner-sollicitatiecoach{
	position:absolute;
	width:690px;
	height:216px;
	left:0px;
	top:0px;
	display:none;
	background-image:url(../afbeeldingen/banners/banner_holland.jpg);
	}

#banner-payrolling{
	position:absolute;
	width:690px;
	height:216px;
	left:0px;
	top:0px;
	display:none;
	background-image:url(../afbeeldingen/banners/banner_schilderbuiten.jpg);
	}
	
#banner-outplacement{
	position:absolute;
	width:690px;
	height:216px;
	left:0px;
	top:0px;
	display:none;
	background-image:url(../afbeeldingen/banners/banner_kassen.jpg);
	}
	
#banner-industriele-coaching{
	position:absolute;
	width:690px;
	height:216px;
	left:0px;
	top:0px;
	display:none;
	background-image:url(../afbeeldingen/banners/banner_productie2.jpg);
	}
    
#banner-tekst-container{
    position: absolute;
    width: 247px;
    left: 10px;
    bottom:10px;
    padding:10px;
    color:#fff;
    background-image:url(../images/bg-banner-tekst.png);
    background-repeat:repeat-y;
}
	
#arrows-container{
	position:absolute;
	right:0px;
	top:0px;
	width:299px;
	height:216px;
	}
	
#arrow-detachering, #arrow-uitzenden, #arrow-sollicitatiecoach, #arrow-payrolling, #arrow-outplacement, #arrow-industriele-coaching{
	position:relative;
	float:left;
	display:inline;
	width:259px;
	height:36px;
	line-height:32px;
	padding-left:40px;
	font-size:14px;
	color:#fff;
	background-image:url(../images/arrow.png);
	background-repeat:no-repeat;
	background-position:top;
	cursor:pointer;
	}
	
#arrow-detachering:hover, #arrow-uitzenden:hover, #arrow-sollicitatiecoach:hover, #arrow-payrolling:hover, #arrow-outplacement:hover, #arrow-industriele-coaching:hover{
	background-position:bottom;
	cursor:pointer;
	}
    
#bg-top{
	position:absolute;
	width:997px;
	height:270px;
	left:0px;
	top:110px;
	background-image:url(../images/bg-top.png);
	background-repeat:no-repeat;
	}
	
#bg-bottom{
	position:absolute;
	width:997px;
	height:262px;
	left:0px;
	bottom:0px;
	background-image:url(../images/bg-bottom.png);
	background-repeat:no-repeat;
	}
	
#container-top{
	position:relative;
	float:left;
	display:inline;
	width:981px;
	height:108px;
	margin-left:8px;
    z-index: 3;
	}
	
#container-banner{
	position:relative;
	float:left;
	display:inline;
	width:967px;
	height:216px;
	margin-left:15px;
	margin-top:17px;
	overflow:hidden;
    z-index: 1;
	}
	
#container-white{
	position:relative;
	float:left;
	display:inline;
	width:979px;
	margin-left:9px;
	background-color:#fff;
	}
	
#container-content{
	position:relative;
	float:left;
	display:inline;
	width:967px;
	margin-left:6px;
	background-color:#f0f0f0;
	}
	
#content-left{
	position:relative;
	float:left;
	display:inline;
	width:277px;
	min-height:100px;
	}
	
#content-middle{
	position:relative;
	float:left;
	display:inline;
	width:413px;
	min-height: 401px;
	}
	
#content-home{
	margin:27px;
	}
	
#content{
	position:relative;
	float:left;
	display:inline;
	width:636px;
	margin-left:27px;
	margin-top:27px;
	padding-bottom:15px;
	}
    
#vacatures-container{
    position:relative;
    float:left;
    display:inline;
    width:636px;
}

#vacature-top{
    position:relative;
    float:left;
    display: block;
    width: 636px;
    min-height: 62px;
    padding:0px;
    margin:0px;
    z-index: 2;
}

.vacature-knop{
    position: relative;
    float: left;
    display: inline;
    height: 31px;
    margin-right: 5px;
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    color: #787878;
    background-image: url(../images/tb-vacature-knop.gif);
    background-position: bottom;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    cursor: pointer;
}

.direct-solliciteren-kop{
    position: relative;
    float: left;
    display: inline;
    height: 31px;
    margin-right: 5px;
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    color: #787878;
    background-image: url(../images/tb-vacature-knop.gif);
    background-position: bottom;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    margin-top:30px;
}

.vacature-knop:hover{
    position: relative;
    float: left;
    display: inline;
    height: 31px;
    margin-right: 5px; 
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    color: #000;
    background-image: url(../images/tb-vacature-knop.gif);
    background-position: top;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
}

.vacature-knop-active{
    position: relative;
    float: left;
    display: inline;
    height: 31px;
    margin-right: 5px; 
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    color: #000;
    background-image: url(../images/tb-vacature-knop.gif);
    background-position: top;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
}

#vacature-content{
    position: relative;
    float: left;
    display: inline;
    width: 636px;
    z-index: 1;
}

#direct-solliciteren{
    position: relative;
    float: left;
    display: inline;
    width: 636px;
    z-index: 1;    
}
	
#content-right-home{
	position:absolute;
	right:0px;
	width:277px;
	height:100%;
    min-height: 351px;
	line-height:0px;
	font-size:0px;
	background-image:url(../images/bg-content-right.gif);
	background-repeat:repeat-y;
	}
	
#content-right{
	position:relative;
	float:right;
	display:inline;
	width:277px;
	line-height:0px;
	font-size:0px;
	overflow:hidden;
	background-image:url(../images/bg-content-right.gif);
	background-repeat:repeat-y;
	}
	
#languages{
	position:absolute;
	width:87px;
	height:34px;
	right:0px;
	top:74px;
	}
	
#languages-nl{
	position:relative;
	float:left;
	display:inline;
	width:29px;
	height:34px;
	background-image:url(../images/flag-nl.gif);
	background-repeat:no-repeat;
	background-position:top;
	cursor:pointer;
	}
	
#languages-nl-active{
	position:relative;
	float:left;
	display:inline;
	width:29px;
	height:34px;
	background-image:url(../images/flag-nl.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	cursor:pointer;
	}
	
#languages-nl:hover{
	background-position:bottom;
	cursor:pointer;
	}
	
#languages-po{
	position:relative;
	float:left;
	display:inline;
	width:29px;
	height:34px;
	background-image:url(../images/flag-po.gif);
	background-repeat:no-repeat;
	background-position:top;
	cursor:pointer;
	}
	
#languages-po-active{
	position:relative;
	float:left;
	display:inline;
	width:29px;
	height:34px;
	background-image:url(../images/flag-po.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	cursor:pointer;
	}
	
#languages-po:hover{
	background-position:bottom;
	cursor:pointer;
	}
	
#languages-en{
	position:relative;
	float:left;
	display:inline;
	width:29px;
	height:34px;
	background-image:url(../images/flag-en.gif);
	background-repeat:no-repeat;
	background-position:top;
	cursor:pointer;
	}
	
#languages-en-active{
	position:relative;
	float:left;
	display:inline;
	width:29px;
	height:34px;
	background-image:url(../images/flag-en.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	cursor:pointer;
	}
	
#languages-en:hover{
	background-position:bottom;
	cursor:pointer;
	}
		
#copyrightdoit{
	position:relative;
	float:right;
	display:inline;
	width:500px;
	margin-top:-8px;
	margin-right:10px;
	text-align:right;
	font-size:11px;
	color:#bcbcbc;
	}
		
a:link.doit, a:visited.doit, a:active.doit {
    text-decoration:none;
	font-size:11px;
	color:#bcbcbc;
	}
	
a:hover.doit{
	text-decoration:underline;
	font-size:11px;
	color:#4e4e4e;
	}
	
h1{
    /*font-family:Arial, Helvetica, sans-serif;*/
    font-family:"Lucida Sans Unicode","Lucida Grande", Arial, Verdana, Helvetica, sans-serif;  
    font-size:21px;
    color:#009058;
	font-weight:normal;
	display:inline;
	line-height:22px;
    }
	
h2{
    /*font-family:Arial, Helvetica, sans-serif;*/
    font-family:"Lucida Sans Unicode","Lucida Grande", Arial, Verdana, Helvetica, sans-serif;  
    font-size:16px;
    color:#009058;
	display:inline;
	font-weight:normal;
	}
	
h3{
    /*font-family:Arial, Helvetica, sans-serif;*/
    font-family:"Lucida Sans Unicode","Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
    font-size:14px;
    color:#009058;
	display:inline;
	font-weight:normal;
	line-height:22px;
    }


a:link, a:visited, a:active{
    color:#009058;
    text-decoration:none;
    font-size:12px;
}

a:hover{
    color:#009058;
    text-decoration:underline;
    font-size:12px;
}

ul{
	list-style-position:inside;
}

li{
	list-style-position:inside;
}

.banner{
    position: absolute;
    display: none;
}

#arrows-container a{
    text-decoration: none;
}

.verplicht{
    border:1px red dotted;
}

.verplicht_niet_ingevuld_color{
    color:red;
}

.verplicht_niet_ingevuld_border{
    border:1px solid red !important;
}