@charset "utf-8";
/* CSS Document */

body {
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}

#recentie_fond {
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	background-image: url(img/fond_recentie.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


/* Accompanies Windows IE 5.5 PNG fix by Bob Osola */


img {
	border : 0 none;
}


a {
	color: #F00;
}

a:hover {
}

.valid a:hover{
}







<style type="text/css">
/*
Basis CSS layout
Op basis van code geschreven door  Eivind Savio
Vertaald door: www.web-garden.be
*/
* 
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
	color:#CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
	text-align: center;
	font-size: 11px;
	line-height: 1.5em;
}
p {padding: 0px 0 0px 0;}

a {
	text-decoration: none;
}
a:hover{
color:#CCCCCC;
text-decoration: none;
}

h1, h2, h3, h4, h5 {
font-weight: bold;
padding-bottom: 0px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h1 a, #header h2{
color: #fff;
}
.clear { clear: both; }

#mainContainer {
	width: 887px;
	min-height: 420px;
	background:#000000;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
* html #mainContainer {
height: 420px; 
}
/**************************
HEADER
**************************/
#header {
	padding: 0px;
	text-align:right;
	background-repeat: no-repeat;
	background-position:left center;
	background-color: #000000;
}
/**************************
Inhoud en kolommen
**************************/
.outer {
margin-top: 0px; /***Maakt wat plaats vrij voor het menu bovenaan. ***/
padding-left: 165px;  
}

.inner {
width: 887px;
height:420px;
}
* html .inner {
width: 100%;
}

.float-wrap {
float: left;
width: 887px;
margin-left: -165px; 
}

#content {
float: right;
width: 534px;
height:420px;
}
* html #content {
position: relative; 
}
.contentWrap {
	background-image:url(img/home_rechts.jpg);
	min-height:420px;
	width:534px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left top;
}

.contentWrap_product {
	background-image:url(img/producten_rechts.jpg);
	min-height:420px;
	width:534px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left top;
}
.contentWrap ol, .contentWrap ul {
margin: 0px 0 0px 0px;
}
.contentWrap li {
padding-bottom: 0px;
}

.contentWrap_afhalen {
	background-image:url(img/home_rechts2.jpg);
	min-height:420px;
	width:534px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left top;
}
.contentWrap_afhalen ol, .contentWrap_afhalen ul {
margin: 0px 0 0px 0px;
}
.contentWrap_afhalen li {
padding-bottom: 0px;
}


.contentWrap_reserveren {
	background-image:url(img/home_rechts4.jpg);
	min-height:420px;
	width:534px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left top;
}
.contentWrap_reserveren ol, .contentWrap_reserveren ul {
margin: 0px 0 0px 0px;
}
.contentWrap_reserveren li {
padding-bottom: 0px;
}

.contentWrap_reserveren2 {
	background-image:url(img/home_rechts4.jpg);
	min-height:420px;
	width:534px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left top;
}
.contentWrap_reserveren2 ol, .contentWrap_reserveren2 ul {
margin: 0px 0 0px 0px;
}
.contentWrap_reserveren2 li {
padding-bottom: 0px;
}

.contentWrap_recenties {
	background-image:url(img/home_rechts6.jpg);
	min-height:420px;
	width:534px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left top;
}
.contentWrap_recenties ol, .contentWrap_recenties ul {
margin: 0px 0 0px 0px;
}
.contentWrap_recenties li {
padding-bottom: 0px;
}


.contentWrap_borrelen {
	background-image:url(img/home_rechts3.jpg);
	min-height:420px;
	width:534px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left top;
}
.contentWrap_borrelen ol, .contentWrap_borrelen ul {
margin: 0px 0 0px 0px;
}
.contentWrap_borrelen li {
padding-bottom: 0px;
}

.contentWrap_menu {
	background-image:url(img/home_rechts01.jpg);
	min-height:420px;
	width:534px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left top;
}
.contentWrap_menu ol, .contentWrap_menu ul {
margin: 0px 0 0px 0px;
}
.contentWrap_borrelen li {
padding-bottom: 0px;
}

#recentie {
	height:234px;
	overflow: scroll;
	width: 400px;
	position:absolute;
	visibility: hidden;
}
/**************************
Linker kolom
**************************/

#left {
	background-image:url(img/random_home_1.jpg);
	float: left;
	width: 353px;
	min-height: 420px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #000000;
}

#left_afhalen {
	background-image:url(img/random_home_2.jpg);
	float: left;
	width: 353px;
	min-height: 420px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #000000;
}
* html #left #left_afhalen {
position: relative; 
height: 420px;
}
#left ul {
list-style: none;
padding-bottom: 0px;
}
#left li {
padding-bottom: 0px;
}
/*************************
Rechter kolom
**************************/
#right {
margin: -20px 0 0 -722px; /***Met deze waarden wordt het "rechter menu" bovenaan geplaatst  ***/
float: left; 
width: 722px;
background: #94c593;
padding: 0px;
height: 420px;
}
* html #right {
position: relative; 
}
#right ul {
list-style: none;
}
#right li {
display: inline;
padding-right: 15px;
}
/**************************
FOOTER
**************************/
#footer {
	width: 887px;
	height:50 px;
	margin: 0 auto;
	text-align: center;
	background-color:#000000;
}
.style1 {
	color:#6F6F6F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 2em;
	letter-spacing: 0.1em;
}
#navigatie {
	width:887px;
	height:131px;
	text-align: left;
	background-color: #000000;
}

