/* *** Generated by www.csscreator.com *** */
html, body{
	margin:0;
	padding:0;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
} 

:link {
color: #FFCC33
}

:visited {
color: #FFCC33
}

:hover {
color: #FFCC33
}
 
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}

.style3 {
font-size: x-small; 
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.style4 {
font-size: small; 
font-family: Verdana, Arial, Helvetica, sans-serif}

.koptekst {
	font-size: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFCC33;
}
 
#pagewidth{ 
 width:790px; 
 text-align:left; 
 min-width: 500px;margin-left:auto; 
 margin-right:auto; 
  
} 
 
#header{
	height:135px;
	width:100%;
	background-color:#FFCC33;
	margin: 0px;
	padding: 0px;
	border: 5px;
	left: 0px;
	top: 0px;
 } 
 
#leftcol{
 width:160px; 
 float:left; 
 position:relative; 
 margin-left:-160px; 
 margin-right:1px; 
 }
 
#outer{ 
 border:solid white 0px; 
  /*/*/ border-left-width: 160px ;  /* left column width. NN4 hack to hide borders */ 
border-left-color: #FFFFFF;   /* left column colour */ 
border-left-style: solid; 
background-color: #FFFFFF; /* center column colour */ 
width: auto; 
 } 
 
#footer{
 height:20px; 
 width:100%; 
 background-color:#FFFFFF; 
} 
 
#inner{margin:0; width:100%;}
 
#maincol{
	float: left;
	width: 100%;
	height: 400px;
	position: relative;
	margin: 0 -7px 0 0px;
	background-image: url(../plaatjes/midden.jpg);
 }
 
#outer>#inner { border-bottom: 1px solid #FFFFFF;  }
 
.clr{clear:both;}
 
.content{padding:0px;} /*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
 

 
 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
#leftcol{display:none;} 
#outer{border-left:0;} 
}

.tekst_content {
	background-color:#FFFFFF;
	width: 490px;
	height: 328px;
	position: relative;
	z-index: 1;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	left: 70px;
	top: 35px;
	color:#000000;
	}
	
.plaatje_choco {
	background-color:#FFFFFF;
	width: 110px;
	height: 112px;
	position: relative;
	z-index: 1;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	left: 70px;
	top: 35px;
	}

.logo {
	background-image: url(../plaatjes/logo3.jpg);
	width: 160px;
	height: 135px;
	position: relative;
	z-index: 1;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	}
	
.bovenbalk_home {
	background-image: url(../plaatjes/bovenbalk.jpg);
	width: 400px;
	height: 135px;
	position: absolute;
	z-index: 1;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	left: 215px;
	top: -15px;
	}
	
.bovenbalk_brood {
	background-image: url(../plaatjes/bovenbalk_brood.jpg);
	width: 400px;
	height: 135px;
	position: absolute;
	z-index: 1;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	left: 215px;
	top: -15px;
	}
	
.bovenbalk_banket {
	background-image: url(../plaatjes/bovenbalk_banket.jpg);
	width: 400px;
	height: 135px;
	position: absolute;
	z-index: 1;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	left: 215px;
	top: -15px;
	}	
	
.bovenbalk_choco {
	background-image: url(../plaatjes/bovenbalk_choco.jpg);
	width: 400px;
	height: 135px;
	position: absolute;
	z-index: 1;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	left: 215px;
	top: -15px;
	}	
	
.bovenbalk_fonteyn {
	background-image: url(../plaatjes/bovenbalk_fonteyn.jpg);
	width: 400px;
	height: 135px;
	position: absolute;
	z-index: 1;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	left: 215px;
	top: -15px;
	}
	
.bovenbalk_malsovit {
	background-image: url(../plaatjes/bovenbalk_malsovit.jpg);
	width: 400px;
	height: 135px;
	position: absolute;
	z-index: 1;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	left: 215px;
	top: -15px;
	}
	
	.bovenbalk_stroopwafel {
	background-image: url(../plaatjes/bovenbalk_stroopwafel.jpg);
	width: 400px;
	height: 135px;
	position: absolute;
	z-index: 1;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	left: 215px;
	top: -15px;
	}
	
.bovenbalk_fototaart {
	background-image: url(../plaatjes/bovenbalk_fototaart.jpg);
	width: 400px;
	height: 135px;
	position: absolute;
	z-index: 1;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	left: 215px;
	top: -15px;
	}
	
.bovenbalk_feest {
	background-image: url(../plaatjes/bovenbalk_feest.jpg);
	width: 400px;
	height: 135px;
	position: absolute;
	z-index: 1;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	left: 215px;
	top: -15px;
	}
	
	.bovenbalk_schoonhoven {
	background-image: url(../plaatjes/bovenbalk_schoonhoven.jpg);
	width: 400px;
	height: 135px;
	position: absolute;
	z-index: 1;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	left: 215px;
	top: -15px;
	}
	
.bovenbalk_contact {
	background-image: url(../plaatjes/bovenbalk_contact.jpg);
	width: 400px;
	height: 135px;
	position: absolute;
	z-index: 1;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	left: 215px;
	top: -15px;
	}
	
.bovenbalk_links {
	background-image: url(../plaatjes/bovenbalk_links.jpg);
	width: 400px;
	height: 135px;
	position: absolute;
	z-index: 1;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	left: 215px;
	top: -15px;
	}
	
.bovenbalk_vlaaien {
	background-image: url(../plaatjes/bovenbalk_vlaaien.jpg);
	width: 400px;
	height: 135px;
	position: absolute;
	z-index: 1;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	left: 215px;
	top: -15px;
	}

.tekst_bovenbalk {
	background-color:#FFCC33;
	width: 150px;
	height: 100px;
	position: absolute;
	z-index: 2;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	left: 175px;
	top: 15px;
	}
	
.plaatje_bruidstaart {
	width: 113px;
	height: 199px;
	position: absolute;
	z-index: 2;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	left: 330px;
	top: 85px;
	background-image: url(../plaatjes/bruidstaart.jpg);
	}
	
.plaatje_choco {
	width: 110px;
	height: 112px;
	position: absolute;
	z-index: 2;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	left: 280px;
	top: 85px;
	background-image: url(../plaatjes/choco_2.jpg);
	}
	
.onderbalk {
	background-image: url(../plaatjes/onder.jpg);
	width: 630px;
	height: 20px;
	position: relative;
	z-index: 1;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	left: 160px;
	top: 0px;
	}

 #navcontainer
{
width: 160px;
padding: 0 0 0 0;
margin-bottom: 0em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #FFCC33;
color: #FFCC33;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #FFCC33;
margin: 0;
}

#navcontainer li a
{
	display: block;
	padding: 5px 5px 5px 0px;
	border-left: 10px solid #FFCC33;
	border-right: 10px solid #FFCC33;
	background-color: #FFE188;
	color: #000;
	font-size: x-small;
	text-decoration: none;
	width: 135px;
}

html>body #navcontainer li a { width: 135px; }

#navcontainer li a:hover
{
	display: block;
	padding: 5px 5px 5px 0px;
	border-left: 10px solid #FFE188;
	border-right: 10px solid #FFE188;
	background-color: #FFE188;
	color: #000;
	font-size: x-small;
	text-decoration: none;
	font-weight: bold;
}