<style type="text/css">
<!--

body, html 
{
	margin:0; padding:0; background-color:#ffefd5;
}

* 
{
	font-family:Verdana,Arial,Helvetica,sans serif;
 	font-size:13px;
 	color:#510;
}




h1, h2, h3, h3 acronym, h3 abbr, h4 
{
	font-family:Georgia, Palatino, 'Times New Roman', Times, serif;
}

h5 
{
	font-family:'Times New Roman', Times, serif;
}



h3 
{
	font-size:19px;
 	color:#097393;
 	display:inline;
}

h4 
{
	/*font-family:Verdana,Arial,Helvetica,sans serif;*/
 	font-size:14px;
 	color:#890000;
 	font-weight:bold;
 	display:inline;
}

h5 
{	
	font-size:20px;
 	color:#9e8058;
 	margin-top:0;
 	margin-bottom:-10px;
}

small, small a 
{
	font-size:11px;
}
 
img.border 
{
	margin:4px 20px 6px 0;
 	border:1px solid #840;
}

code 
{
	color:#840;
}

blockquote 
{
 	background-color:#f3d3a3;
 	padding:10px;
 	margin-top:20px;
 	margin-bottom:20px;
 	font-size:11px;
 	line-height:16px;
 	border-bottom:16px solid #e7c797;
}

blockquote * 
{
	font-size:11px;
}

blockquote .tip 
{
	font-weight:bold;
 	background-color:#e7c797;
 	padding:2px 4px 2px 4px;
 	border:1px solid #8e7048;
}

:link, :visited {text-decoration:underline; color:#840; padding-left:14px;}
:link:focus, :visited:focus {color:#840;}
:link {color:#840; background:transparent url(images/lichtbruin.gif) no-repeat bottom left;}
:visited {color:#b70; background:transparent url(images/bruin.gif) no-repeat bottom left;}
:visited:hover {color:#840; background:transparent url(images/bordeaux.gif) no-repeat bottom left;}
:link:hover {color:#b70; background:transparent url(images/white.gif) no-repeat bottom left;}

acronym, abbr {border-bottom:1px dashed #840;
 cursor:help;}

li {margin-top:20px;}

.comment, .comment a {font-size:11px;}

.right {text-align:right;}

.center {text-align:center;}

.break {padding:10px 0 10px 0;
 background:transparent url(../images/colours/lichbruin.gif) repeat-x center left;}

.css {border-left:1px solid #9e8058;
 padding:20px 0 20px 20px;}

#hidden {position:absolute;
 top:-20px;
 left:-20px;
 width:10px;
 height:11px;}

#top {position:absolute;
 top:0;
 left:0;
 width:740px;
 height:166px;
 z-index:2;
 text-align:center;
 padding: 0 0 0 0;
 border-top:none;
 border-right:20px solid #d2b48c;
 border-bottom:none;
 border-left:20px solid #d2b48c;
 background:transparent url(images/logo.gif) no-repeat top left;}



#receptbox
 {position:absolute;
 top:166px;
 left:135px;
 width:300px;
 z-index:2;
 background-color:#dcceb7;

 padding:15px 20px 15px 20px
 ;}



#topunder {position:absolute;
 top:0;
 left:20px;
 width:740px;
 height:66px;
 z-index:1;
 text-align:center;}


 
#receptbox {position:relative;
 top:12px;
 left:1px;
 width:360px;
 z-index:2;
 color:#000000;
 background-color:#f1d7b4;
 margin-left:0px;
 margin-right:0px;
 padding:1px 10px 5px 5px;}

#Benodigdheden {position:relative;
 top:12px;
 left:1px;
 width:450px;
 z-index:2;
 color:#000000;
 background-color:#fdd9aa;
 margin-left:0px;
 margin-right:0px;
 padding:1px 10px 5px 5px;}

#Werkwijze {position:relative;
 top:12px;
 left:1px;
 width:450px;
 z-index:2;
 color:#000000;
 background-color:#f5deb3;
 margin-left:0px;
 margin-right:0px;
 padding:1px 10px 5px 5px;}

#Advies{position:relative;
 top:12px;
 left:1px;
 width:450px;
 z-index:2;
 color:#000000;
 background-color:#fdd9aa;
 margin-left:0px;
 margin-right:0px;
 padding:1px 10px 5px 5px;}
 
 
#container {position:absolute;
 top:166px;
 left:0px;
 width:760px;
 padding:0;
 margin:0;
 border-top:none;
 border-right:20px solid #f1d7b4;
 border-bottom:none;
 border-left:0;}

#left {position:relative;
 top:0;
 left:0;
 width:510px;
 z-index:1;
 padding:15px 20px 15px 20px;
 background-color:#ffefd5;
 border-top:none;
 border-left:20px solid #f5deb3;
 border-bottom:none;
 border-right:190px solid #fae4c4;}

#right {position:absolute;
 top:166px;
 left:585px;
 width:220px;
 z-index:2;
 color:#42240c;
 background-color:transparent;
 margin-left:0px;
 margin-right:0px;
 padding:15px 110px 5px 5px;}

.last {margin-bottom:0;
 padding-bottom:20px;}
/* stops Opera 7.11 gap between divs bug - see http://www.webmasterworld.com/forum83/1247.htm */

#right p {font-size:11px;
 line-height:16px;}

#right ul {margin:0 0 12px 0;
 padding:5px 0 0 0;}

#right li {font-size:11px;
 line-height:16px;
 list-style-type:none;
 display:block;
 padding-top:0;
 padding-left:0;
 margin-bottom:-5px;}

#right li a {font-size:11px;}



.floatrightRecept
{
float: right;
margin: 0px 20px 0px 0px;
z-index:0;
border: 0px solid #666;
#padding: 2px;
}
.floatleftRecept
{
float: left;
margin: 20px 0px 0px 0px;
z-index:0;
border: 0px solid #666;
#padding: 2px;
}

.floatrightIndex
{
float: right;
margin: 0px 20px 20px 0px;
z-index:0;
border: 0px solid #666;
#padding: 2px;
}

.floatright
{
float: right;
margin: 0px 20px 20px 0px;
border: 0px solid #000000;
#padding: 2px;
}


.floatleft
{
float: left;
margin: 20px 20px 0 0;
border: 0px solid #666;
#padding: 2px;
}
-->
</style>
