#middle-bg{
	height: 377px;
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	background: #aa68ab;
}
.seo-block{
	width: 607px;
	float: right;
}
.sidebar{
	width: 212px;
	float: left;
}
#header{
	width: 100%;
	background: url(../images/bg-page.gif) repeat-x;
}
#header .inner{
	width: 100%;
	background: url(../images/bg-black.gif) repeat-y;
	position: relative;
	padding: 0 0 3px;
	min-height: 454px;
}
#header .inner:after{
	content: "";
	clear: both;
	display: block;
}
* html #header .inner{height: 454px;}
#header .sidebar{
	background: url(../images/bg-main.png) no-repeat 0 100%;
	padding: 0 0 343px;
}
.logo{
	display: block;
	width: 211px;
	height: 67px;
	margin: 0;
	overflow: hidden;
}
.logo a{
	display: block;
	height: 100%;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/bg-logo.png) no-repeat;
}
.top-bar{
	height: 1%;
	overflow: hidden;
	padding: 56px 0 0 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
}
.top-bar ul{
	float: right;
	margin: 0 -5px 0 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.top-bar ul li{
	float: left;
	background: url(../images/bg-separate.gif) no-repeat left;
	margin: 0 0 0 -1px;
	padding: 0 5px;
}
.top-bar a{
	color: #aa68ab;
	text-decoration: none;
}
.top-bar a:hover{text-decoration: underline;}
.images{
	margin: -1px -12px 0 12px;
	position: relative;
	height: 1%;
	color: #fff;
	font-size: 15px;
}
.images img{
	display: block;
	background: url(../images/bg-images.png) no-repeat;
	padding: 4px 11px 12px 5px;
	position: relative;
}
.images .text{
	width: 590px;
	background: #d5a4d8;
	margin: -12px 0 -4px 5px;
	padding: 19px 0 18px;
	text-align: center;
}
.images .text p{
	width: 437px;
	border: 1px solid #aa68ab;
	padding: 9px 10px;
	text-align: center;
	margin: 0 auto;
}
#content{
	width: 100%;
	overflow: hidden;
	padding: 0 0 75px;
}
#content h2{
	margin: 12px 0 0;
	font-size: 12px;
	text-transform: uppercase;
}
#content .seo-block{
	padding: 0 15px 0 17px;
	width: 575px;
}
#content p{margin: 13px 0 0;}
.main-nav{
	background: #fff;
	margin: 0;
	padding: 8px 0 0;
	list-style: none;
	font-weight: bold;
	font-size: 17px;
	letter-spacing: -1px;
}
.main-nav li{padding: 1px 0 6px;}
.main-nav a{
	display: block;
	line-height: 21px;
	background-repeat: no-repeat;
	text-decoration: none;
	padding: 0 5px;
}
.main-nav .home a{background-image: url(../images/bg-main-nav-home.png)}
.main-nav .historie a{background-image: url(../images/bg-main-nav-historie.png)}
.main-nav .filialen a{background-image: url(../images/bg-main-nav-filialen.png)}
.main-nav .vacatures a{background-image: url(../images/bg-main-nav-vacatures.png)}
.main-nav .assortiment a{background-image: url(../images/bg-main-nav-assortiment.png)}
.main-nav .promoties a{background-image: url(../images/bg-main-nav-promoties.png)}
.main-nav .contact a{background-image: url(../images/bg-main-nav-contact.png)}
.main-nav .hcs24 a{background-image: url(../images/bg-main-nav-hcs24.png)}
.main-nav .aanvraag a{background-image: url(../images/bg-main-nav-aanvraag.png)}
.example{
	background: #fff;
	margin: 37px 0 0 -3px;
}
.example img{
	display: block;
	width: 195px;
	height: 200px;
	background: url(../images/example-bg.png) no-repeat;
	padding: 12px 15px 15px 11px;
}
#footer{
	height: 67px;
	margin: -67px 0 0;
}
#footer ul{
	display:inline;
	float:left;
	height:62px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	overflow:hidden;
	padding:5px 0 0;
}
#footer ul li{
	float: left;
	padding: 0 20px 0 8px;
}
#footer ul li img{display: block;}

/* Color schema */
.historie #middle-bg, historie #footer ul{background: #afdfe9;}
.filialen #middle-bg, filialen #footer ul{background: #afe0e9;}
.assortiment #middle-bg, assortiment #footer ul{background: #c5de94;}
.promoties #middle-bg, promoties #footer ul{background: #f7931e;}
.vacatures #middle-bg, vacatures #footer ul{background: #ffec5f;}
.aanvraag #middle-bg, aanvraag #footer ul{background: #eda2c0;}
.contact #middle-bg, contact #footer ul{background: #b3d335;}

.historie .images .text{background: #ddf6fa;}
.historie .images .text p{border: 1px solid #afdfe9;}
.filialen .images .text{background: #54c5da;}
.filialen .images .text p{border: 1px solid #afe0e9;}
.assortiment .images .text{background: #a6d942;}
.assortiment .images .text p{border: 1px solid  #c5de94;}
.promoties .images .text{background: #d9a263;}
.promoties .images .text p{border: 1px solid #f7931e;}
.vacatures .images .text{background: #f4d809;}
.vacatures .images .text p{border: 1px solid #ffec5f;}
.aanvraag .images .text{background: #f16aa0;}
.aanvraag .images .text p{border: 1px solid #eda2c0;}
.contact .images .text{background: #94ad33;}
.contact .images .text p{border: 1px solid #b3d335;}

#emailForm label{
	display: block;
	width: 150px;
	margin-top: 5px;
}

.historie .gallery {background:#afdfe9 none repeat scroll 0 0;}
.filialen .gallery {background:#BEE3EB none repeat scroll 0 0;}
.assortiment .gallery {background:#CEE0A4 none repeat scroll 0 0;}
.promoties .gallery {background:#F6A32B none repeat scroll 0 0;}
.vacatures .gallery {background:#F9EE72 none repeat scroll 0 0;}
.aanvraag .gallery {background:#F2B4CB none repeat scroll 0 0;}
.contact .gallery {background:#BED046 none repeat scroll 0 0;}

.gallery{
	background:#B87FB2 none repeat scroll 0 0;
	margin:0 0 0 auto;
	overflow:hidden;
	width:589px;
}
.gallery div {
	overflow:hidden;
	width:9999px;
}