/* MAIN */

* {
margin: 0;
padding: 0;
}

body {
text-align: center;
background-color: #6b6251;
font: 12px Verdana, Geneva, sans-serif;
color: #6b6251;
line-height: 16px;
}

html, body {
height: 100%;
}

img {display: block;} 

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -396px; /* de bottom margin moet de negatieve waarde krijgen van de footer-height*/
	
position: relative;
text-align: left;
width: 897px;
background-image: url(img/content.jpg);
}

.footer, .push {
height: 396px; /* .push moet dezelfde hoogte hebben als de footer */
}

.footer {
	text-align:left;
height: 396px;
position: relative;
width: 897px;
margin: 0 auto;
background: url(footer.jpg) no-repeat;
}

H1 {
	color: #e31818;
	font-size: 16px;
	margin-bottom: 15px;
}

H2 {
	color: #e31818;
	font-size: 12px;
}

H3 {
	color: #6b6251;
	font-size: 12px;
}

a {
	color: #e31818;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* HOME */

#content {
	width: 897px;
	overflow: auto;
}

#headerhome {
	background-image: url(img/headerbackground.jpg);
	width: 897px;
	height: 321px;
}

#logo {
	position: absolute;
	left: 24px;
	top: 3px;
}

#homeimage {
	position: absolute;
	left: 237px;
	top: 3px;
	width: 636px;
	height: 315px;
}

#links {
	padding-top: 0px;
	padding-left: 24px;
	position: relative;
	width: 210px;
	float: left;
}

#midden {
	padding-top: 17px;
	padding-left: 24px;
	padding-right: 20px;
	position: relative;
	width: 565px;
	float: left;
}

#rechts {
	padding: 0;
	position: relative;
	width: 232px;
	float: left;
}

#links {font-size: 10px;
line-height: 15px;
}

#balk {
	font-size: 10px;
	position: relative;
	width: 849px;
	height: 37px;
	margin-left: 24px;
	margin-top: 0px;
}

#zoekbalk {
	background-image:url(img/zoekbalk.jpg);
	position: relative;
	height: 37px;
	width: 210px;
	margin-right: 3px;
	float: left;
}

#zoekkader {
	padding-left: 5px;
	padding-top: 2px;
	top: 7px;
	left: 13px;
	width: 136px;
	height: 18px;
	position: absolute;
	background-color: #FFF;
	z-index: 10;
}

#zoekactivatie a{
	color: #FFF;
	position: absolute;
	left: 160px;
	top: 9px;
	text-decoration: none;
}

#zoekactivatie a:hover{
	text-decoration: underline;
	}

#breadcrumb {
	background-image: url(img/breadcrumbbalk.jpg);
	position: relative;
	height: 37px;
	width: 636px;
	float:right;
}

#breadcrumb a{
	color:#FFF;
	text-decoration: none;
}

#breadcrumb a:hover{
	text-decoration:underline;
}

#breadcrumbtext{
	color: #FFF;
	position: absolute;
	left: 12px;
	top: 9px;
	text-decoration: none;
}

.nieuwskop{
	color: #e31818;
	font-weight:bold;
	margin-bottom: 3px;
	margin-top: 5px;
}

.nieuwsmargin {
	margin-bottom: 10px;
}

.lijnmargin{
	margin-bottom: 14px;
}

.nieuwsfoto {
	width: 185px;
	height: 52px;
}

#footermenu {
	height: 23px;
	background-color: #332a19;
	padding-top: 7px;
	font-size: 10px;
	margin-left: 24px;
	margin-right: 24px;
	padding-left: 23px;
}

#footermenu a{
	color: #fff;
	text-decoration: none;
}

#footermenu a:hover{
	text-decoration: underline;
}

#footerframe {
	padding-top: 3px;
	margin-left: 24px;
	background-color: #FFF;
	height: 363px;
	width: 849px;
}

#showrooms {
	color: #FFF;
	background: url(img/showroomskader.jpg);
	height: 243px;
	width: 210px;
}

#showroomstitel {
	position: absolute;
	padding-left: 12px;
	padding-top: 6px;
	font-size:14px;
}

#showroomstekst {
	position: absolute;
	padding-left: 12px;
	width: 186px;
	top: 50px;
}

#postcodeveld {
	text-align: center;
	position: absolute;
	left: 42px;
	top: 130px;
	width: 170px;
	height: 24px;
	position: absolute;
	z-index: 10;
	color: #6b6251;
	padding-top: 8px;
}

#showroomsbutton a{
	background-image: url(img/showroomsbutton.jpg);
	position: absolute;
	top: 55px;
	left: 0px;
	width: 170px;
	height: 24px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	padding-top: 8px;
}

#showroomsbutton a:hover{
	background-position: 0px -32px;
}

#footerbuttons {
	position: absolute;
	top: 3px;
	left: 237px;
	width: 423px;
	height: 243px;
}

#keukenbutton1 a{
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	background-image: url(img/keukenbutton1.jpg);
	width: 200px;
	height: 115px;
	position: absolute;
	padding-top: 5px; 
	padding-left: 10px;
	margin-right: 3px;
	margin-bottom: 3px;
}

#keukenbutton1 a:hover{
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	background-position: 0px -120px;
}

#keukenbutton2 a{
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	background-image: url(img/keukenbutton2.jpg);
	width: 200px;
	height: 115px;
	position: absolute;
	left: 213px;
	padding-top: 5px; 
	padding-left: 10px;
	margin-right: 3px;
	margin-bottom: 3px;
}

#keukenbutton2 a:hover{
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	background-position: 0px -120px;
}

#keukenbutton3 a{
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	background-image: url(img/keukenbutton3.jpg);
	width: 200px;
	height: 115px;
	position: absolute;
	left: 0px;
	top: 123px;
	padding-top: 5px; 
	padding-left: 10px;
	margin-right: 3px;
}

#keukenbutton3 a:hover{
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	background-position: 0px -120px;
}

#keukenbutton4 a{
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	background-image: url(img/keukenbutton4.jpg);
	width: 200px;
	height: 115px;
	position: absolute;
	left: 213px;
	top: 123px;
	padding-top: 5px; 
	padding-left: 10px;
	margin-right: 3px;
}

#keukenbutton4 a:hover{
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	background-position: 0px -120px;
}

/* MENU */

#menu1 {
	background-color: #FFF;
	font-size: 14px;
	color: #FFF;
	position: relative;
	width: 852px;
	height: 42px;
	margin-left: 24px;
	display: block;
}

#menu1 ul{
	list-style: none;
}

.menubutton {
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	background-image: url(img/menubutton.jpg);
	width: 198px;
	height: 34px;
	margin-right: 3px;
	position: relative;
	padding-left: 12px;
	padding-top: 5px;
	background-position: 0px -39px;
	}
	
.menubutton2 {
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	background-image: url(img/menubutton.jpg);
	width: 198px;
	height: 34px;
	margin-right: 3px;
	position: relative;
	padding-left: 12px;
	padding-top: 5px;
	background-position: 0px 0px;
	}
	
.menubutton3 {
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	background-image: url(img/menubutton.jpg);
	width: 198px;
	height: 34px;
	margin-right: 3px;
	position: relative;
	padding-left: 12px;
	padding-top: 5px;
	background-position: 0px 0px;
	}

.menubutton, .menubutton2, .menubutton3 a{
	display: block;
	list-style: none;
	text-decoration: none;
	color: #FFF;
}

.menubutton:hover {
	background-position: 0px -39px;
}

.menubutton2:hover {
	background-position: 0px 0px;
}

.menubutton3:hover {
	background-position: 0px -39px;
}

#top li {
	float: left;
	margin-right: 3px;
}

#menu1 ul .subnav {display:none;}

#menu1 li:hover .subnav {display:block;}

/* UITKLAPMENU */

.uitklapmenu{
	position: absolute;
	left: 0px;
	top: 38px;
	width: 210px;
	background-color: #3b342c;
	z-index: 20;
	font-size: 10px;
	visibility: visible;
}

.uitklapmenu ul{
	list-style-type: none;
}

.uitklapmenu li a{
	width: 200px;
	display: block;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	color: #FFF;
}

.uitklapmenu li a:hover{
	width: 200px;
	display: block;
	padding-left: 10px;
	background-color: #be1f1c;
	text-decoration: none;
	color: #FFF;
}

/* Actieframe */

#actieframe {
	position: absolute;
	color: #FFF;
	background: url(img/showroomskader.jpg);
	height: 243px;
	width: 210px;
	left: 663px;
	top: 3px;
}

#actieframetitel {
	position: absolute;
	padding-left: 12px;
	padding-top: 6px;
	font-size:14px;
}

#actieframetekst {
	position: absolute;
	padding-left: 12px;
	width: 186px;
	top: 50px;
}

#actieframe a{
	color: #FFF;
	text-decoration: underline;
}

#nieuwsberichten {
position: absolute;
top: 246px;
left: 24px;
background: #e6e3d8;
width: 849px;
height: 117px;
font-size: 10px;
line-height: 15px;
margin-top: 3px;
margin-bottom: 3px;
}

#nieuwsbericht1{
	position: absolute;
	width: 423px;
	height: 117px;
}

#nieuwsbericht2{
	position: absolute;
	left: 426px;
	width: 423px;
	height: 117px;
}

#nieuwsbericht2{
}

.fotonieuws {
	position: absolute;
	width: 160px;
	height: 111px;
	top: 14px;
	left: 14px;
}

.nieuwstekst {
	position: absolute;
	width: 240px;
	height: 89px;
	left: 158px;
	top: 14px;
}

.nieuwstitel {
	color: #e31818;
	font-weight:bold;
}