/* css vanassche (c) Maarten Deketele */

html{
	height: 100%;
	overflow-x:hidden;
	overflow-y:auto;
	background: #ADADAD url(../images/bg-html.gif) top center repeat-y;
	scrollbar-face-color:#ccc;
	scrollbar-arrow-color:#666;
	scrollbar-track-color:#efefef;
	scrollbar-shadow-color:#ccc;
	scrollbar-highlight-color:#ccc;
	scrollbar-3dlight-color:#ccc;
	scrollbar-darkshadow-color:#ccc;
}

body, div, td, p, h1, h2, h3, input, textarea, select{
	font: 8pt "trebuchet ms", verdana, arial;
	color: #272727;
}

img{
	border: 0
}

input, textarea{
	border:1px solid #272727;
	background:white;
	color:#272727;
}

input, textarea{
	border:1px solid #272727;
	background:white;
	color:#272727;
}

.nieuwsbrief{	

	border:1px solid #B60004;
}

.button{
	background:#B60004;
	color:white;
	border:1px solid white;
	height:19px;
}

/* links */

a:link, a:visited, a:hover, a:active{
	color:#EB1C23;
	text-decoration:none;
}

a:link.headermenubtn, a:visited.headermenubtn, a:hover.headermenubtn, a:active.headermenubtn{
	float:left;
	width:80px;
	color:white;
	text-decoration:none;
	font-size:7pt;
	padding-top: 13px;
}

a:link.frontlinks, a:visited.frontlinks, a:hover.frontlinks, a:active.frontlinks{
	width:324px;
	height:27px;
	padding-top:4px;
	display:block;
	background:#B6B6B6;
	float:left;
	margin:0 0 4px 0;	
	color:#545454;
	text-transform:uppercase;
	text-align:left;
	font-size:14pt;
	letter-spacing:-1px;
}

body{
	height:100%;
	margin:0;
	text-align:center;
}

.wrapper{
	width:1000px;
	height:100%;
	margin:0 auto;
	display:table;
	background:white;
}

.headermenu{
margin: 0px;
	height:108px;
	background: url(../images/menubalk.jpg) top left no-repeat;
		width:1000px;
		display:table;
}

.zoekdiv{
	float:left;
	margin-left:12px;
	margin-top: 13px;
}

.middenkader{
	width:1000px;
	display:table;
}

.pilaarlinks{
	width:290px;
	margin-top:-50px;
	display:table;
	float:left;
	z-index:7;
	position:relative;
}

.kijkerbox{
	width:255px;
	float:left;
	margin:-50px 0 10px 10px;
	background:#EAEAEA;
	padding-bottom:5px;
	z-index:3;
	position:relative;
	height:1335px;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	border: 0px solid white;
}
.kijkeriframe{
	width:241px;
	float:left;
	margin:0px 0 -1px 0px;
	background:#EAEAEA;
	padding-bottom:10px;
}

.kijkerheader{
	width:205px;
	height:38px;
	padding:9px 0 0 40px;
	color:white;
	font-size:14pt;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	background:url(../images/bg-kijkheader.jpg) top left no-repeat;
}

.vacaheader{
	width:390px;
	margin-top:10px;
	min-height:27px;
	padding:9px 0 8px 30px;
	color:white;
	font-size:16pt;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	background:url(../images/bg-kijkheader.jpg) top left no-repeat;
	background-color: #e60000;
}
.vacafoto{
	margin:5px 2px 0 0;
	float:right;
	clear:both;
}
.kijkerpart{
	width:215px;
	margin:10px auto 0;
	background:#F4F4F4;
	display:table;
	border:1px solid #B6B6B6;
}

.h1kijker{
	text-align:left;
	padding:0 10px;
	font-size:10pt;
	font-weight:bold;
	color:#ad0000;
	margin:5px 0 0;
	cursor:pointer;
}

.h2kijker{
	text-align:left;
	padding:0 10px;
	font-size:10pt;
	font-weight:bold;
	margin:5px 0 0;
	cursor:pointer;
}

.kijkerdesc{
	text-align:left;
	padding: 0 10px;
	margin:5px 0;
}

.pilaarrechts{
	width:420px;
	float:left;
	margin:-60px 0 0 10px;
	z-index:3;
	position:relative;
}

.bedrijfhome{
	float:left;
	width:420px;
	margin:0px;
	padding:0 0px 0px 0px;
	text-align:left;
}
.bedrijfsubhome{
	width:195px; 
	padding: 0 5px;
}
.vacapic{
	display: block;
	float:left;

	width:110px;
	height:170px;
	margin: 0 0 10px 0;
}
.vacahome{
	display: block;
	float:right;
	width:290px;
	height:150px;
	background:#EAEAEA;
	padding:10px;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	text-align:left;
		margin: 0 0 10px 0;
}
.wegenwerken{
	display: block;
	float:right;
	width:400px;
	height:150px;
	background:#EAEAEA;
	padding:10px;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	text-align:left;
		margin: 0 0 10px 0;
}
.frontlinkimg{
	margin:-2px 10px 0 2px;
	float:left;
}

.maandpromo{
	width:304px;
	height:98px;
	padding:10px;
	float:left;
	margin:6px 0 0;
	background:#FF7575 url(../images/promopijl.jpg) 10px 10px no-repeat;
	display:table;
	color:white;
	text-align:left;
	cursor:pointer;
}

.maandpromo h3{
	margin: -4px 0 4px 0;
	font-size:13pt;
	text-transform:uppercase;
	color:#ad0000;
	letter-spacing:-1px;
	padding-left:30px;
}

.promopic{
	float:left;
	margin-right:10px;
}

.maandnieuws{
	width:304px;
	height:98px;
	padding:10px;
	float:left;
	margin:6px 0 0;
	background:#54A0D2 url(../images/nieuwspijl.jpg) 10px 10px no-repeat;
	display:table;
	color:white;
	text-align:left;
	cursor:pointer;
}

.maandnieuws h3{
	margin: -4px 0 4px 0;
	font-size:13pt;
	text-transform:uppercase;
	color:#004D80;
	letter-spacing:-1px;
	padding-left:30px;
}

.frontcontact{
	width:270px;
	padding:10px;
	float:left;
	background: #0071BC url(../images/bg-h12.jpg) top left repeat-y;
	color:white;
	text-align:left;
	height:900px;
}

.frontcontact h3{
	font-weight:bold;
	margin:0;
	color:white;
}

.footer{
	width:960px;
	height:21px;
	padding:4px 10px 0;
	margin:0 0 10px 10px;
	display:table;
	float:left;
	background:#f0f0f0;
}

.footleft{
	float:left;
}

.footer a:link, .footer a:visited, .footer a:hover, .footer a:active{
	color:#272727;
}	
	
	
	
	
