/* Algemeen deel stylen */
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color: #fffbdb;
	} 

/* CONTAINERS */
	#container { 
	margin: auto;
	width: 1024px;
	
	position: relative;
	min-height: 100%;
	height: auto !important; /* voor moderne browsers */
	height: 100%; /* voor IE */
	}		

/* HEADER */
	#header {
	background-image: url(img/header.jpg);
	background-repeat: no-repeat;

	width: 1024px;
	height: 260px;
	}
		
/* MENU */
	#menu {
	width: 1024px;
	height: 41px;
	text-align: center;
	padding-top: 210px;
	color: #fff;
	}
	
	#menu a{
	font-size: 13px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	color: #fff;
	text-decoration: none;
	padding: 0 5px 0 5px;
	}
	
	#menu a:hover {
	color: #066348;
	border-bottom: #066348 dotted 2px;
	}
	
/* INHOUD */
	#content { 
	float: left;
	width: 680px;
	height: auto;
	overflow: auto;	
	padding: 0 0px 0px 30px;
	margin-bottom: 50px;	
	}
	
	p { 
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 16px; 
	color: #066348;
	}
	
	h1 { 
	font-size: 20px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight:  normal; 
	color: #066348;
	}
	
	h2 { 
	font-size: 16px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	margin: 0.83em 0; 
	color: #c2cc00;
	}
	
	h3 { 
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	margin: 1em 0; 
	color: #066348;
	}

	#content img {
	padding: 0 10px 0 10px;
	border: 0px;
	}
	
	.product {
	padding: 0px;
	border: 0px;
	}
	
	#tabletop {
	width: 100%;
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #066348;
	}
	
	
/* RECHTER KOLOM */
#banner {
	width: 251px;
	height: 610px;
	float: left;
	background-image: url(img/banner.jpg);
	background-repeat: no-repeat;
	padding: 30px;
	}
	
#banner h1 {
	font-size: 20px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight:  normal; 
	color: #066348;
	border-bottom: #066348 2px dotted;
	}
	
#banner p {
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 16px; 
	color: #c2cc00;
	}
	
#banner h2 { 
	font-size: 14px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	margin: 0.83em 0; 
	color: #066348;
	}	
	
/* EINDE CONTAINER */

/* FOOTER */
	#footer {
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
	height: 45px;
	padding-top: 12px;
	
	text-align: center;
	bottom: 0; /* heel belangrijk */

	background-image: url(img/footer.jpg);
	background-repeat: no-repeat;
	
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 16px; 
	color: #fff;
	}

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

#footer a:hover {
	text-decoration: underline;
	color: #fff;
	}