@charset "UTF-8";

/* CSS Document */

/* ALGEMEEN */
* {
	margin:0em;
	padding:0em;
	outline:none;
}

body {
	font-size: 62.5%;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/bg-body.gif) repeat-x;
}

ul, li, img, a {
	list-style:none;
	border:none;
	text-decoration:none;
}

/* TEKST */
p {
	line-height:1.5em;
	text-align: justify;
	font-size: 1.1em;
}

h1 {
	font-size:3.6em;
	color:#404040;
	margin:0.3em 0.2em 0em 0.5em;
}

h2 {
	font-size:2.4em;
	margin-bottom:1em;
	color: #404040;
}

h3 {
	font-size:2.4em;
	color:#8d8d8d;
	margin:0.9em 0em 0em 0em;
}

h4 {
	font-size:1.8em;
	margin-bottom:0.5em;
	color: #353535;
}

h5 { }

#rechts a{color: #EE7536; text-decoration:none;}

#rechts a:hover{color: #EE7536; text-decoration: underline;}

#rechts a:active{color: #EE7536; text-decoration:none;}

#rechts a:visited{color: #EE7536; text-decoration:none;}

.news_homepage
{
	background-color: #EE7536;
	color: #FFFFFF;
	font-size: 14px;
	margin-top: 20px;
	padding: 15px;
	text-align: left;
}

.news_homepage a
{
	color: #fff !important;
	text-decoration: underline !important;
}


/* VERHOUDINGEN */
div#container {
	width:98em;
	margin:0em auto 0em auto;
}

div#header {
	height:12em;
	background: url(images/logo-lauwers-keukens.gif) no-repeat left; 
}

div#header div.rechts {
	float:right;
	padding:4.5em 2em 4em 0em;
}

div#header div.rechts * { color:#9c9c9c; }

#cbw {
	background: url(images/CBW-erkend-logo.gif) no-repeat right bottom;
	height: 80px;
	width: 80px;
	float: right;
	padding-right: 20px;
	padding-top: 20px
}

/* NAVIGATIE */
div.navigatie {
	overflow: hidden;
	text-transform:uppercase;
}

div.navigatie ul {
	width:100%;
	background-color:#353535;
	height:5em;
}

div.navigatie ul li, div.navigatie ul li ul li { display:inline; }

div.navigatie ul li a, .navigatie ul li ul li a {
	font-size:1em;
	color:#FFF;
	text-align:center;
	float:left;
	padding:2em;
	height:1em;
}

div.navigatie ul li a:hover { background-color:#006199; }

div.navigatie ul li ul {
	position:absolute;
	z-index:100;
	left:0;
	top:0;
	visibility:hidden;
	background-color:#006199;
	display:none;
	height:5em;
}

div.navigatie ul li ul li a:hover {
	text-decoration:underline;
	color:#FFF;
}

div.breadcrums {
	height:0.9em;
	border-bottom: #DEDEDE 0.1em solid;
	padding: 2.0em 1.5em;
	z-index:1;
	color: #9a9a9a;
}
div.breadcrums a{
	color: #9a9a9a;
	text-decoration: underline;
	}
div.breadcrums a:hover{
	text-decoration: none;
	}
div.breadcums ul{
	list-style: none;
	}
div.breadcrums li{
	float: left;
	}

div.kop {
	height:6.5em;
	z-index:1;
}

div.kop h1, div.kop h3 { float:left; }

div.kop div.mailons, div.kop div.print {
	height:3em;
	background-color:#9f9f9f;
	margin:2em 2em 0em 0em;
	float:right;
}

div.kop div.mailons a, div.kop div.print a {
	display:block;
	height:1em;
	padding:1em 2.5em 1em 1em;
	margin-right:1em;
	text-transform:uppercase;
	color:#FFF;
}

div.kop div.mailons a {
	background:url(images/mail.gif) no-repeat center right;
	width:5.1em;
}

div.kop div.print a {
	background:url(images/print.gif) no-repeat center right;
	width:10.5em;
}

div.kolommen { height:49em; }

div.kolommen_contact { height:58em; }

/* Slider */

div#slider {
	margin-bottom:2em;
	position:relative;
	background-color:#FFF;
	overflow:hidden;
	border:solid 0.5em #FFF;
}

div#slider img {
	width:63em;
	height:20.5em;
}

div#slider div#nextBtn, div#slider div#prevBtn {
	height:7.5em;
	width:4.5em;
	position:absolute;
	top:6em;
}

div#slider div#nextBtn:hover, div#slider div#prevBtn:hover { cursor:pointer; }

div#slider div#nextBtn { right:0em; }

div#slider div#prevBtn { left:0em; }

div#slider div#nextBtn a, div#slider div#prevBtn a {
	display:block;
	height:7.5em;
	width:4.5em;
}

div#slider div#nextBtn a { background:url(images/sliderbuttons.png) no-repeat left; }

div#slider div#prevBtn a { background:url(images/sliderbuttons.png) no-repeat right; }

div#slider ul, div#slider li {
	list-style:none;
	height:20.5em; /* Min 1 (Padding) */
}

span#prevBtn{display:none !important;} span#nextBtn{display:none !important;}

div#links div.box, div.boxright {
	float:left;
	background-color:#FFF;
	padding:2em;
	position:relative;
}

div.boxright{ padding-left:1.9em !important;}

div#links div.bigbox {
	float:left;
	background-color:#FFF;
	padding:2em;
	position:relative;
	width:40em;
}

div#links div.bigbox div.kolom {
	width:15em;
	float:left;
}

/* Formulier */

div#links input.route {
	font-size:1.5em;
	color:#9f9f9f;
	border:0.1em solid #9f9f9f;
	padding:0.4em;
	float:left;
}

div#links input.button {
	color:#FFF;
	background-color:#9f9f9f;
	text-transform:uppercase;
	height:2.8em;
	width:8em;
	border:0em;
	float:right;
}

input#verzenden {
	color:#FFF;
	background-color:#9f9f9f;
	text-transform:uppercase;
	height:2.8em;
	width:8em;
	border:0em;
	float:left;
}

input#naam, input#adres, input#plaats, input#telefoon, input#email, input#onderwerp, textarea#bericht {
	font-size:1.3em;
	border:0.1em solid #9f9f9f;
	padding:0.2em;
	margin-bottom:0.5em;
}

div#rechts div.errors {
	float:right;
	width:17em;
}

div#rechts div.errors ul li { margin-bottom:0.2em; }

div#links div.informatie div.box { margin-right:2em; }

div#links div.informatie-home div.box { margin-right:2em; }

div#links a{
	color: #505050;
	text-decoration: none;
	}
div#links a:hover{
	text-decoration: none;
	}


div#links, div#rechts { height:45.5em; }

#rechts-keukenverkoop { 
	width: 30em; 
	float:right;
	padding:2em;
	background-color:#FFF;
	height:70em;
	}

div.button {
	right:2em;
	background-color:#ee7536;
	position:absolute;
	bottom:2em;
	width: 16em;
}

div.button a {
	display:block;
	height:1em;
	padding:1em;
	text-transform:uppercase;
	color:#FFF;
}

a.pijltje {
	background:url(images/pijltje.gif) no-repeat center right;
	margin-right:1em;
}

div.reclame {
	margin-top:2em;
	height:14em;
}

div.reclame div.left, div.reclame div.right {
	float:left;
	height:10em; /* Min 4 (Padding) */
	padding:2em 1em;
	background-color:#eeeeee;
	position:relative;
}

div.reclame div.left p, div.reclame div.right p {
	font-size:1.1em;
	line-height:1.5em;
	color:#9c9c9c;
}

div.reclame div.left {
	width:42em; /* Min 4 (Padding) */
	margin-right:2em;
	padding-left:27em;
	padding-right: 3.9em;
	background:url(images/reclamelinks.gif) no-repeat left;
}

div.reclame div.right { width:21em; /* Min 4 (Padding) */ }

div.merken {
	height:6.2em;
	margin:2em 0em;
	background:url(images/lauwers-merken.gif) no-repeat;
}

div#footer {
	height:6em;
	background-color:#717171;
	padding:2em;
}
div#footer a{
	color: #FFF;
	}
div#footer a:hover{
	text-decoration: none;
	}

div#footer div.kolom {
	width:14.5em;
	float:right;
}

div#links { margin-top:2em; float:left;}
body#keuken div#links img{ border: #FFF 0.5em solid; margin: 0 0 1.7em 0;}

body#home div#links img{
	border: none;
	}
	
div#links img{
	border: #FFF 5px solid;
	margin: 0 0 16px 0;
	}
	
div#horeca img{
	border: #FFF 5px solid;
	margin: 0 0 16px 16px;
	}

div#links .informatie{
	background: #FFF;
	padding: 15px;
	height: 16em;
	width: 43.1em;
	}
div#links .routeinformatie{
	background: #FFF;
	padding: 15px;
	height: 16em;
	width: 43.1em;
	}
div#contact-informatie{
	background: #FFF;
	padding: 15px;
	height: 26em;
	width: 43.1em;
	}
div#links .informatie-home{
	/*height: 16em;*/
	}
div#links .informatie-horeca{
	background: #FFF;
	padding: 15px;
	height: 18.5em;
	}
div#links div.kolom {
	width:16.5em;
	float:left;
	padding-right:30px;
}

/* FOTO OVERZICHT */

div.photoscroll {
	width:64em;
}
div.photoscroll div.rij {
	width:64em;
	height:20em;
}
div.photoscroll img {
	float:left;
	height:6.5em;
	width:13em;
}

.referenties{
	/*width: 480px;*/
}
.referenties ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.referenties li{
	float: left;
	margin: 0 20px 0 0;
}
div#rechts {
	width:46em; /* Min 4 Padding */
	float:right;
	padding:2em;
	background-color:#FFF;
}

div#footer p { color:#FFF; }

div#bottomline {
	height:1em;
	padding:1em 1em 3em 1em;
}

div#bottomline div.links { float:left; }

div#bottomline div.rechts { float:right; }

div#bottomline * { color:#9c9c9c; }

/* VARIATIES */
body#home div.box, body#home div.boxright {
	height:17.5em;
	width:16em;
	color: #7B7B7B;
	display:inline;
} /* Min 4 (Padding) */

body#home div#links { width:64em; background: none; } /* Min 2 Padding */

body#horeca div#links { width:64em; background: none; } /* Min 2 Padding */

body#home div#rechts { width:28em; color: #7B7B7B; } /* Min 4 Padding */

body#horeca div#rechts { width:28em; color: #000; } /* Min 4 Padding */

body#home div.informatie p { color:#9c9c9c; }

body#home div.reclame { display:none; }

body#routebeschrijving div.button {
	background-color:#EE7536;
	right:2em;
}
body#home div.button a{
	color: #FFF;
	}


/* FORMULIER */

.formulier span{
	width: 200px;
	display: block;
	float: left;
	}

.formulier input{
	border: #cecece 1px solid;
	height: 13px;
	padding: 5px;
	margin: 0 0 10px 0;
	}
.formulier textarea{
	border: #cecece 1px solid;
	height: 63px;
	width: 315px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 0 10px 0;
	}
	
.formulier .left{
	width: 325px;
	float: left;
	}
.formulier .right{
	width: 325px;
	float: right;
	}
	
label {
	width: 50px;
	margin-right: 8px;
	}