/*---{ Imports )-------------------------------------------------------*/

@import "custom/form.css";
@import "custom/news.css";
@import "custom/vacancy.css";
@import "custom/search.css";

/* ---------- */


#vacancyFinder{
	position:absolute;
	width: 254px;
	height: 131px;
	right: 1px;
	top: 6px;
	background:#c8c8c8;
	color:white;
}

#vacancyFinder h1{
	margin:0px;
	padding:0px;
	background:url(../images/locatieZoeken.gif) no-repeat top left;
	width:254px;
	height:42px;

}

#vacancyFinder h1 span{
	display:none;
}

#vacancyFinder table{
	width: 265px;
	margin-left:4px;
	position:absolute;
	top: 40px;
	display:block;
}

#vacancyFinder select{
	width:180px;
	border:1px solid #7f9db9;
}

#contentWrapper{
	padding-bottom: 31px;
	background: #bcb9b4 url(../images/contentwrapper-bottom.gif) repeat-x bottom left;
}

.home #cols{
	/*background: #c8c8c8 url(../images/homeBack.jpg) no-repeat top left;*/
	height: 463px;
}

.home #content{
	font-size:12px;
	color:white;
	font-weight:bold;
	z-index: 10;
	width: 150px;
	display:none;
}

.home #content a{
	text-decoration:none;
	color:white;
}

.home #sidecolblock{
	position:absolute;
	left:0px;
	top:0px;
	width: 150px;
	height: 463px;
	background:#5f5f5f;
	display:block;
	z-index:1;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}
.home #colslink{
	position:absolute;
	left:150px;
	top:0px;
	width: 559px;
	height: 463px;
	display:block;
	z-index:1;
}

#sidebar #vacancyCount{
	display:block;
	position:relative;
	border-bottom:1px solid white;
	margin:0px;
	padding:0px;
	text-align:center;
}

#sidebar #vacancyCount h1{
	color:white;
	font-size:34px;
	font-family:futura,arial;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:-1px;
	margin:0px;
	padding:2px;
	line-height:75px;

}
#sidebar #vacancyTop5 {
	background:#5f5f5f;
	border-bottom:1px solid white;
	border-right:1px solid white;
	height: 214px;
}

#sidebar #vacancyTop5 h1{
 background: url(../images/top5_vacatures.gif) no-repeat top left;
 margin:0px;
 padding:0px;
 height: 52px;
}

#sidebar #vacancyTop5 h1 span{
	display:none;
}

#sidebar #aboutShoeby h1{
 background: url(../images/overShoeby.gif) no-repeat top left;
 margin:0px;
 padding:0px;
 height: 47px;
}

#sidebar #aboutShoeby h1 span{
	display:none;
}

#sidebar #aboutShoeby {
	color:white;
	line-height:18px;
	font-size:12px;
}

#sidebar #aboutShoeby a{
	color:white;
}

#sidebar #aboutShoeby  p{
	margin:0px;
	padding:0px 10px;
}

#sidebar #employeroftheyear{
	width: 142px;
	height: 141px;
	margin:0px;
	padding:0px;
	position:absolute;
	top: 290px;
	right: -20px;
	background: url(../images/werkgevervhjaar.png) no-repeat top left;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/werkgevervhjaar.png');
}

#sidebar #employeroftheyear span{
	display:none;
}

.home #sidebar #employeroftheyear{
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/werkgevervhjaar.png');
}

#vacancyCount{
	width: 250px;
	float:right;
	margin-top: 10px;
}

#vacancyTop5{
	width: 250px;
	float:left;
	margin-top: 10px;
}

#sidebar #bottomBlock{
	position:absolute;
	bottom: -72px;
	background: #c8c8c8;
	width: 254px;
	height: 39px;
}

#searchbox{
	height: 80px;
	display:block;
	background:#2b5d6a;
	color:white;
}

#storelocator{
	background:#d12b1d url(../images/storelocator.jpg) no-repeat top left;
	height: 104px;
	padding-top: 40px;
	position:relative;
}

#storelocator.vacature{
background:#d12b1d url(../images/vacature.jpg) no-repeat top left;
}

#storelocator select{
	position:relative;
	width: 200px;
	clear:right;
	float:right;
	margin: 5px 30px 0px 0px;
	
}

#storelocator .search{
	position:absolute;
	bottom :10px;
	right: 10px;
}

img.picture{
	border: 1px solid #dce0e1; 
	padding: 3px;
	margin-right: 10px;
	margin-bottom:10px;

}	

.storeDetail{
	float:left;
	display:block;
	width: 200px;
	min-height: 200px;
	_height:200px;
}

#homeFlash{
	width: 708px;
	height: 263px;
	position:absolute;
	left: 0px;
	bottom:0px;
}

a.small{
	text-decoration:none;
	font-size:9px;
}
