body{
	margin:0;
	font:12px/16px Arial,sans-serif;
	background:#fff;
	color:#666;
}

h1 {
font-size:17px;
line-height:20px;
margin:0;
padding:7px 0 0;
}

h2 {
font-size:14px;
margin-bottom:0px;
}

.h2 {
font-size:14px;
margin-bottom:0px;
}
.rotor {
margin:2px 0;
padding:0;
float:left;
display:inline;
}
img {
	border:none;
}
a{
	text-decoration:none;
	color:#007cbf;
}
a:focus{outline:none;}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
.form-item {margin:0;}
#main{
	margin:0 auto;
	width:980px;
}
/*-- header --*/
#header{
	background: url(images/bg-header.jpg) no-repeat;
	height: 86px;
	width:100%;
	overflow: hidden;
}
#header h1, .lavanslogo{
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	padding:7px 0 0 19px;
	margin:0;
}
#header h1 a, .lavanslogo a{
	display:block;
	background: url(images/logo.gif) no-repeat;
	width:187px;
	height:65px;
}
#header .search-form {
	padding: 15px 18px 0 6px;
	float: right;
}
#header .search-form .form-item{
	float: left;
}
#header .search-form .form-text {
	border: 1px solid #dbdbdb;
	background: #fff;
	margin: 0;
	float: left;
	width: 152px;
	padding: 1px 5px 2px;
	font-size: 12px;
	line-height: 15px;
}
#header .search-form label{display: none;}
#header .search-form .form-submit {
	cursor: pointer;
	float: left;
	margin: 0 0 0 2px;
	background: url(images/btn-zoek.gif) no-repeat;
	width: 44px;
	height: 20px;
	border-style: none;
}
ul.top-nav {
	margin: 0;
	padding: 16px 11px 0 0;
	float: right;
}
ul.top-nav li {
	background: url(images/top-nav-separator.gif) no-repeat 100% 3px;
	padding: 0 11px 0 10px;
	float: left;
	list-style: none;
}
.blogcat ul, .blogcat ul li {
	list-style:none;
	list-style-type:none;
	padding:0;
	margin:0;
}
ul.top-nav li a{ color: #007cbf;}
/*-- main-nav --*/
ul.main-nav {
	background: url(images/bg-main-nav.jpg) no-repeat;
	margin: 0;
	padding: 10px 10px 0;
	height: 28px;
	overflow: hidden;
}
ul.main-nav li{
	padding: 0 4px 0 0;
	float: left;
	list-style: none;
}
ul.main-nav li a{
	height: 28px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
ul.main-nav li.home a {
	background-image: url(images/nav-home.gif);
	width: 69px;
}
ul.main-nav li.producten a {
	background-image: url(images/nav-prod.gif);
	width: 92px;
}
ul.main-nav li.service-concepten  a{
	background-image: url(images/nav-service.gif);
	width: 145px;
}
ul.main-nav li.kiezen-voor-lavans a {
	background-image: url(images/nav-kiezen-voor-lavans.gif);
	width: 145px;
}
ul.main-nav li.nieuws a { 
	background-image: url(images/nav-nieuws.gif);
	width: 80px;
}
ul.main-nav li.vacatures a {
	background-image: url(images/nav-over-vacatures.gif);
	width: 96px;
}
ul.main-nav li.blog a {
	background-image: url(images/nav-blog.gif);
	width: 56px;
}
ul.main-nav li.contact a {
	background-image: url(images/nav-contact.gif);
	width: 78px;
}
ul.main-nav li.e-service a {
	background-image :url(images/nav-e-service.gif);
	width: 96px;
}
ul.main-nav li a:hover{ background-position: 0 -28px;}
ul.main-nav li a.active { background-position: 0 -56px;}
/*-- dd-nav --*/
#nav {
	width:100%;
	float:left;
	margin:0;
	padding:0;
}
#nav li{
	padding:0 0 0 2px;
	float:left;
	list-style:none;
}
#nav li a{
	text-align:center;
	width:100px;
	font-weight:bold;
	height:16px;
	padding:5px 0 0;
	font-size:120%;
	text-decoration:none;
	color:#fff;
	display:block;
	background:url(images/nav-bg.gif) no-repeat;
}
#nav li.hover,
#nav li:hover {
	position:relative;
}
#nav li.hover ul,
#nav li:hover ul{
	display:block;
}
#nav ul {
	width:144px;
	margin:0;
	padding:2px 0 54px;
	border-top:6px solid #fff;
	background:#d80f06;
	display:none;
	position:absolute;
	left:2px;
	top:21px;
	z-index:10;
}
#nav ul li{
	float:none;
	padding:4px 0 0 14px;
}
ul .level-3 {
	height:0px;
	visibility:hidden;
}
#nav ul li a{
	text-align:left;
	font-weight:normal;
	font-size:130%;
	float:none;
	width:auto;
	background:none;
}
#nav ul li a:hover{ text-decoration:underline;}
/*-- content --*/
#content{
	background: url(images/bg-content-repeat.gif) repeat-y;
	height:1%;
	padding: 10px 11px 26px;
	overflow:hidden;
}
.view-Producten * caption {
	font-size:16px;
	font-weight:bold;
	text-align:left;
	color: #007cbf;
	background:none;
	border:none;
}
.view-Producten *, .view-Producten * tr {
	background:none;
	border:none;
}
.view-Producten a:hover {
	color:#000000;
	text-decoration:none;
}

/*-- promo --*/
#promo {
	background: url(images/bg-promo.jpg) no-repeat;
	width:958px;
	margin:0;	
	padding: 129px 0 115px 3px;
	overflow: hidden;
	clear: both;
}
#promoserviceconcepten {
	background: url(images/bg-promo-serviceconcepten.jpg) no-repeat;
	width:958px;
	margin:0;	
	padding: 129px 0 115px 3px;
	overflow: hidden;
	clear: both;
}
#promoserviceconcepten2 {
	width:223px;
	height:185px;
	overflow: hidden;
	margin-left:-19px;	
	margin-top:-30px;
	padding-top:106px;
	padding-left:33px;
	clear: both;
}
#promo li, #promoserviceconcepten li {
	list-style: none;
	padding: 0 19px 0 19px;
	float: left;
}
#promoserviceconcepten2 li {
	list-style: none;
	float: left;
}
#promo li h2, #promoserviceconcepten li h2, #promoserviceconcepten2 li h2 {
	overflow: hidden;
	text-indent: -9999px;
	margin: 0;
	width: 201px;
	height: 31px;
}
#promoserviceconcepten li h2.ruilpoets {height:58px;}
#promo li h2 a, #promoserviceconcepten li h2 a, #promoserviceconcepten2 li h2 a {
	width: 201px;
	height: 31px;
	display: block;
	background-position: 0 -31px;
	background-repeat: no-repeat;
}

#promo li h2.bedrijfskleding a,#promoserviceconcepten li h2.bedrijfskleding a{ background-image: url(images/text-head-bedrijfskleding.gif);}
#promo li h2.sanitair a, #promoserviceconcepten li h2.sanitair a{ background-image: url(images/text-head-sanitair.gif);}
#promo li h2.vloer a, #promoserviceconcepten li h2.vloer a{ background-image: url(images/text-head-vloer.gif);}
#promo li h2.kiezen a{ background-image: url(images/text-head-kiezen.gif);}
#promoserviceconcepten li h2.ruilpoets {margin-top:-8px;}
#promoserviceconcepten li h2.ruilpoets a{ background-image: url(images/text-head-ruilpoets.gif);height:58px;background-position: 0 -58px;}
#promoserviceconcepten2 li h2.waterkoelers a{ background-image: url(images/text-head-water.gif);}

#promo li h2 a:hover, #promoserviceconcepten li h2 a:hover, #promoserviceconcepten2 li h2 a:hover, 
#promo li h2.active a, #promoserviceconcepten li h2.active a, #promoserviceconcepten2 li h2.active a { background-position: 0 0;}

#boxes {
	overflow: hidden;
	height: 1%;
	padding: 0;
	margin-left:10px;
}
#boxes .box{
	margin: 2px 4px 0 4px;
	display: inline;
	background: url(images/bg-box-repeat.gif) repeat-y;
	width: 229px;
	height:191px;
	float: left;
}
#boxes .boxkvs{
	margin: 2px 4px 0 4px;
	display: inline;
	background: url(images/kvs-banner.jpg) no-repeat;
	width: 211px;
	height:191px;
	float: left;
}
#boxes .box2{
	margin: 2px 4px 0 4px;
	display: inline;
	background: url(images/bg-box-sc5.jpg) no-repeat;
	width: 229px;
	height:191px;
	float: left;
	overflow:hidden;
}
#boxes .box34 {
	padding:0;
	margin: 3px 4px 0 4px;
	width:229px;
	height:191px;
	display:block;
	overflow:hidden;
	float:left;
}
#boxes .box3{
	display: inline;
	background: url(images/bg-home-small.gif) no-repeat;
	width: 229px;
	height:91px;
	float: left;
}
#boxes .box4{
	margin: 7px 4px 0 0px;
	display: inline;
	background: url(images/bg-home-small2.gif) no-repeat;
	width: 229px;
	height:91px;
	float: left;
}
#boxes .box h3{
	margin: 0;
	padding: 10px 22px 0;
	background: url(images/bg-box-head.gif) no-repeat;
	height: 30px;
	font-size: 14px;
	line-height: 20px;
}
#boxes .box3 h3, #boxes .box4 h3{
	margin: 0;
	padding: 10px 22px 0;
	height: 30px;
	font-size: 14px;
	line-height: 20px;
}
#boxes .boxgratismat{
	margin: 3px 4px 0 3px;
	display: inline;
	/*background: url(images/gratismatopproefhome.jpg) no-repeat;*/
	cursor:pointer;
	width: 229px;
	height:191px;
	float: left;
}
#boxes .boxgratismat div {
	margin: 0;
	padding: 14px 22px 0;
	height: 30px;
	width: 229px;
	height:191px;
	color:#fff;
	font-size: 14px;
	line-height: 20px;
}
#boxes .boxgratismat a {
	color:#fff;
	font-weight:bold;
}
#boxes .boxgratismat a:hover {
	text-decoration:none;
}
#boxes .boxgratismat a:hover {
	text-decoration:underline;
}
#boxes .box3 ul li, #boxes .box4 ul li {
	padding:0;
}
#boxes .box h4{
	margin: 0;
	padding: 10px 22px 0;
	background: url(images/bg-box-head2.gif) no-repeat;
	height: 30px;
	font-size: 14px;
	line-height: 20px;
}
* .box-foot{
	padding: 0 22px 10px;
	overflow: hidden;
	min-height: 141px;
	background: url(images/bg-box-foot.jpg) no-repeat 0 100%;
}
* html .box-foot {
	overflow: visible;
	height: 141px;
}
* .box-foot3{
	padding: 0 22px 0px;
	overflow: hidden;
	min-height: 91px;
}
* html .box-foot3 {
	overflow: visible;
	height: 91px;
}
* .box-foot4{
	padding: 0 22px 0px;
	overflow: hidden;
	min-height: 91px;
}
* html .box-foot4 {
	overflow: visible;
	height: 91px;
}
.green-boxes {
	float: left;
	width: 209px;
	margin: -2px 3px 0 4px;
}
.green-boxes a {
	text-indent: -9999px;
	margin: 5px 0 0;
	display: block;
	overflow: hidden;
	width: 209px;
	height:91px;
}
.box-foot .view-Nieuws ul,
.box-foot ul.menu, .box-foot3 ul.menu, .box-foot4 ul.menu {
	margin: 0;
	padding: 7px 0;
}
.box-foot .view-Nieuws ul li,
.box-foot ul.menu li, .box-foot3 ul.menu li, .box-foot4 ul.menu li{
	padding: 0 0 11px;
	list-style: none;
        list-style:none;
        list-style-image:none;
        margin:0;
}
.box-foot .view-Nieuws ul li {
	padding: 0 0 4px;
}
.blog_usernames_blog {
	visibility:hidden;
}
.view-Nieuwsoverzicht ul li, .view-archive ul li, .view-blogs ul li, .view-blogarchive ul li,
.view-Nieuwsoverzicht li, .view-archive li, .view-blogs li, .view-blogarchive li{
	padding:0;
	margin:0;
    list-style:none;
    list-style-image:none;
}
.view-Vacatureoverzicht ul li {
	padding: 0 0 11px;
    list-style:none;
    list-style-image:none;
	margin-left:0px;
}

.view-Nieuwsoverzicht * .views-field-created, .view-archive * .views-field-created, .view-blogs * .views-field-created, .view-blogarchive * .views-field-created {
	position:relative;
	z-index:10;
	top:10px;
	color: #ffffff;
	font-weight:bold;
	background:#007cbf;
	width:64px;
	padding-left:6px;
	padding-right:6px;
}
.view-Nieuwsoverzicht * .views-field-title .field-content,  .view-archive * .views-field-title .field-content, .view-blogs * .views-field-title .field-content, .view-blogarchive * .views-field-title .field-content {
	position:relative;
	z-index:10;
	top:-8px;
	margin-left:84px;
	padding: 7px 0 0;
	font-size: 14px;
	font-weight:bold;
	line-height: 20px;
	color:#666;	
}
.view-Nieuwsoverzicht * .views-field-view-node .field-content a, .view-archive * .views-field-view-node .field-content a, .view-blogs * .views-field-view-node .field-content a, .view-blogarchive * .views-field-view-node .field-content a {
	text-decoration:underline;
	position:relative;
	top:10px;
}
.views-field-field-blogcategorie-value .field-content {
	float:right;
}
.views-field-field-blogcategorie-value .field-content * div {
	float:left;
	margin:0;
	padding:0;
}
.views-field-field-blogcategorie-value .field-content, .views-field-field-blogcategorie-value .field-content div {
	color:#007cbf;
}
.box-foot .view-Nieuws * .views-field-title .field-content a.rood {
	color:#FF0000;
}
a.more-link { font-weight: bold;}

/*-- footer --*/
#footer{
	background: url(images/bg-content-foot.gif) no-repeat;
	overflow:hidden;
	height: 1%;
	padding: 9px 38px 30px;
}
#footer ul{
	overflow: hidden;
	height: 1%;
	margin:0;
	padding:0 0 0 9px;
}
#footer ul li{
	padding: 0 7px 0 10px;
	background: url(images/bg-footer-nav-separator.gif) no-repeat 0 8px;
	display:inline;
	list-style:none;
}
#footer p{
	float:left;
	margin:0;
	padding:0;
}
/*--------------------------------- inner --------------------------*/
ul.breadcrumb {
	margin: -3px 0 0 -3px;;
	padding: 0 0 5px;
	list-style: none;
	overflow: hidden;
	height: 1%;
}
ul.breadcrumb li{
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 0 -5px;
	padding: 0 12px 0 12px;
	background: url(images/bg-arrow.gif) no-repeat 0 5px;
	float: left;
	display: inline;
}
#nav-col {
	width: 176px;
	float: left;
	padding: 3px 8px 0 0;
	overflow: hidden;
}
.sml-box {
	margin:0;
	overflow: hidden;
	width: 176px;
	background: url(images/bg-small-box-repeat2.gif) repeat-y;
}
#nav-col .sml-box h3{
	background: url(images/bg-small-box-head2.gif) no-repeat;
	padding: 13px 22px 8px 17px;
	margin: 0;
	font-size: 14px;
	line-height: 16px;
}
#nav-col .sml-box-foot{
	overflow: hidden;
	min-height: 40px;
	padding: 0 22px 8px 17px;
	background: url(images/bg-small-box-foot2.jpg) no-repeat 0 100%;
}
* html #nav-col .sml-box-foot {
	height: 40px;
	overflow: visible;
}
#sub-nav {
	margin: 0;
	padding: 0;
}
#sub-nav li{
	padding:1px 0 0;
	width: 100%;
	vertical-align: top;
	list-style: none;
}
#sub-nav li a{
	background:#2f98d0 url(images/bg-arrow-white.gif) no-repeat 100% 10px;
	width: 145px;
	padding: 3px 22px 6px 9px;
	color: #fff;
	display: block;
	text-decoration: none;
}
#sub-nav li.active a,
#sub-nav li a:hover{
	background-color: #a9ad0f;
}
#sub-nav li li a{
	padding-bottom: 4px;
	color: #379cd3;
	background: #fff !important;
}
#sub-nav li li.active a{
	text-decoration: none !important;
	background:#d7ebf6 url(images/bg-arrow-blue.gif) no-repeat 100% 9px !important;
}
#sub-nav li li a:hover{ text-decoration: underline;}
#sub-nav  ul{
	display: none;
	margin:0;
	padding:0;
}
#sub-nav li.active ul { display: block;} 
#main-column {
	margin: 3px 0 0;
	padding: 8px 22px 0;
	float: left;
	width: 529px;
	min-height:300px;
	background: url(images/bg-main-column.jpg) no-repeat;
}
#automotivevoorbeeld {
	margin: -37px 0 0;
	padding: 0px 22px 10px;
	float: left;
	width: 529px;
	min-height:300px;
	background: url(images/bg-automotive.jpg) no-repeat bottom;
}
#main-column h2{
	margin:0;
	padding: 7px 0 0;
	font-size: 14px;
	line-height: 20px;
}
#main-column p{
	margin: 15px 20px 0 0;
}
ul.image-gallery {
	width: 559px;
	padding: 13px 0 0;
	margin: 0 0 0 -30px;
}
ul.image-gallery li{
	padding: 15px 0 15px 30px;
	float: left;
	list-style: none;
}
ul.image-gallery li img{
	display: block;
	border: 1px solid #d8d7d7;
}
ul.image-gallery2 {
	width: 559px;
	padding: 13px 0 0;
	margin: 0 0 0 -8px;
}
ul.image-gallery2 li{
	padding: 15px 0 5px 10px;
	float: left;
	list-style: none;
}
ul.image-gallery2 li img{
	display: block;
	border: 1px solid #d8d7d7;
}
ul.image-gallery3 {
	width: 559px;
	padding: 13px 0 0;
	margin: 0 0 0 -20px;
}
ul.image-gallery3 li{
	padding: 15px 0 0px 20px;
	float: left;
	list-style: none;
}
ul.image-gallery3 li img{
	display: block;
	border: 1px solid #d8d7d7;
}
.view-Nieuwsoverzicht, .view-Vacatureoverzicht {
	padding-top:20px;
	}
.view-Nieuwsoverzicht ul li, .view-Vacatureoverzicht ul li {
	padding-top:10px;
}
.view-Nieuwsoverzicht * .views-field-title {
	color:#007cbf;
	font-size: 14px;
}
.view-Vacatureoverzicht * .views-field-title a, .view-Vacatureoverzicht * .views-field-field-niveau-value a, .view-Vacatureoverzicht * .views-field-field-voltijddeeltijd-value a {
	color:#000;
	font-size: 14px;
}
.view-Vacatureoverzicht * .views-field-field-standplaats-value {
	color:#007cbf;
	font-size: 14px;
}
.webform-client-form * #edit-submitted-vacature, .webform-client-form * #edit-submitted-vacaturenummer {
	color:#999999;
}
#sidebar {
	float: right;
	width: 197px;
}
#sidebar .sml-box {
	margin: 3px 0 0;
	overflow: hidden;
	width: 197px;
	background: url(images/bg-small-box-repeat.gif) repeat-y;
}
#sidebar .sml-box h3{
	background: url(images/bg-small-box-head.gif) no-repeat;
	padding: 13px 22px 8px 17px;
	margin: 0;
	font-size: 14px;
	line-height: 16px;
}
#sidebar .sml-box-foot{
	overflow: hidden;
	min-height: 40px;
	padding: 0 22px 8px 17px;
	background: url(images/bg-small-box-foot.jpg) no-repeat 0 100%;
}
* html #sidebar .sml-box-foot {
	height: 40px;
	overflow: visible;
}
.search-by-form { padding: 7px 0 0;}
.search-by-form select{
	float: left;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
	width: 160px;
	color: #000;
}
.banner {padding: 12px 0 0px 2px;}
.banner img{display: block;}
/*--------------------------------- inner-1 --------------------------*/
.image img{
	border: 1px solid #d8d7d7;
	display: block;
}
.left-image{
	margin: 12px 24px 5px 0;
	float: left;
}
.content-holder {
	overflow: hidden;
	height: 1%;
	padding: 0 16px 0 0;
}
.param {
	margin-top: 9px;
	border-top: 1px solid #e8e7e7;
}
.item {
	padding: 5px 1px;
	border-bottom: 1px solid #e8e7e7;
	overflow: hidden;
	height: 1%;
}
.item strong.heading{
	float: left;
	width: 90px;
}
.item ul{
	margin: 0;
	padding: 0 0 7px;
	overflow: hidden;
	height: 1%;
}
ul.tools {
	margin: 0;
	padding: 8px 0 23px;
	border-bottom: 1px solid #e8e7e7;
}
ul.tools li{
	padding: 7px 0 0;
	vertical-align: top;
	width: 100%;
	list-style: none;
}
ul.tools li a{
	padding: 0 8px;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	display: block;
	background: url(images/bg-btn-green.gif) no-repeat;
	width: 199px;
	height: 25px;
	line-height: 23px;
}
ul.nav {
	margin: 0;
	padding: 8px 0 0 10px;
}
ul.nav li {
	padding: 0 0 15px;
	font-size: 13px;
	font-weight: bold;
	list-style: none;
}

ul.menu {padding-left:5px;}


