@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	background-image:url(../layout/bg_body.jpg);
	background-repeat:repeat-x;
	background-color:#ffffff;
}

img{
	border:0px;
}

#container{
	width:950px;
	margin:0px auto 0px auto;

	height:500px;
}

#top{
	position:relative;
	width:950px;
	height:100px;
	padding:8px 0px 0px 0px;
}

#logo{
	width:215px;
	height:90px;
}

#menudiv{
	position:absolute;
	right:0px;
	bottom:0px;
	height:35px;
	width:425px;
}

#header{
	position:relative;
	width:950px;
	height:199px;
	background-image:url(../layout/bg_header.jpg);
	background-repeat:no-repeat;
}

#header_content{
	float:left;
	width:588px;
	padding:30px 0px 0px 24px
}

#content_container{
	width:930px;
	height:620px;
	padding:20px 0px 240px 20px;
	border:1px solid #006a95;
	border-top:0px;
	background-image:url(../layout/bg_contentcontainer.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

#content_container_vacatures{
	width:930px;
	padding:20px 0px 350px 20px;
	border:1px solid #006a95;
	border-top:0px;
	background-image:url(../layout/bg_contentcontainer.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}


#content_container_lang{
	width:930px;
	padding:20px 0px 350px 20px;
	border:1px solid #006a95;
	border-top:0px;
	background-image:url(../layout/bg_contentcontainer.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

#content_left{
	float:left;
	width:566px;
	margin:0px 40px 0px 0px;
}

#content_left_vacatures{
	float:left;
	width:566px;
	margin:0px 0px 0px 20px;
}

#content_right{
	float:left;
	width:275px;
	padding:15px;
	background-image:url(../layout/bg_right.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#f5f9fb;
	border:1px solid #9a9a9c;
}

#content_right_contact{
	float:left;
	width:305px;
	background-image:url(../layout/bg_right.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#f5f9fb;
	border:1px solid #9a9a9c;
}


p,h1,h3{
	margin:0px;
	padding:0px 0px 15px 0px;
}

h1{
	color:#f3a81a;
	font-size:10pt;
	font-weight:bold;
}

h3{
	color:#003f5f;
	font-size:8pt;
	font-weight:bold;
}


#header p{
	width:460px;
	padding:0px 70px 0px 0px;
	margin:0px 60px 0px 0px;
	line-height:15px;
	color:#ffffff;
}

#header img{
	float:left;
	margin:24px 0px 0px 15px;
	border:4px solid #ffffff;
}

ul.right{
	width:265px;
	margin:5px 0px 20px 0px;
	padding:2px 5px 2px 5px;
	list-style-image:url(../layout/right_li.gif);	
}

ul.right li{
	margin:5px 10px 0px 10px;
	padding:3px 0px 3px 0px;
	border-bottom:1px solid #999999;
}

ul.vacatures{
	width:285px;
	margin:0px 0px 20px 0px;
	padding:2px 5px 2px 5px;
	list-style:none;
}

ul.vacatures li a{
	height:19px;
	width:238px;
	margin:0px 0px 5px 0px;
	padding:8px 0px 3px 30px;
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#005b88;
	border:1px solid #e7e8ea;
}

ul.vacatures li.normaal a{
	background-image:url(../layout/li_vacature_normaal.jpg);
}

ul.vacatures li.dealer a{
	background-image:url(../layout/li_vacature_dealer.jpg);
}

ul.vacatures li.universeel a{
	background-image:url(../layout/li_vacature_universeel.jpg);
}

ul.vacatures li.lease a{
	background-image:url(../layout/li_vacature_lease.jpg);
}

ul.vacatures li.verhuur a{
	background-image:url(../layout/li_vacature_verhuur.jpg);
}

ul.vacatures li a.item_active, ul.vacatures li a.item_active:hover{
	color:#000000;
	border:1px solid #005b88;
}

ul.vacatures li a:hover{
	color:#000000;
	border:1px solid #005b88;
}

ul.vacature_items{
	width:485px;
	margin:0px 0px 20px 0px;
	padding:2px 5px 2px 5px;
	list-style:none;
}

ul.vacature_items li a{
	height:19px;
	width:458px;
	margin:0px 0px 5px 0px;
	padding:8px 0px 3px 10px;
	background-image:url(../layout/li_vacature_items.jpg);
	background-repeat:repeat-x;
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#005b88;
	border:1px solid #e7e8ea;
}

ul.vacature_items li a:hover{
	color:#000000;
	border:1px solid #005b88;
}

#content_right img{
	margin:17px 0px 0px 4px;
}

form label{
	float:left;
	width:150px;
	margin:2px 0px 2px 0px;
}

form input{
	float:left;
	width:180px;
	margin:2px 0px 2px 0px;
}

form select{
	float:left;
	width:184px;
	margin:2px 0px 2px 0px;
}

form textarea{
	float:left;
	width:250px;
	height:150px;
	margin:2px 0px 2px 0px;
}

form input.btn{
	float:left;
	width:100px;
	height:25px;
	font-weight:bold;
	background-image:url(layout/bg_btn.jpg);
	background-repeat:repeat-x;
	color:#327ac2;
	border:1px solid #666666;
	cursor:pointer;
}

form input.btn:hover{
	text-decoration:underline;
}