/* structuur */
			/* in order of appearance: */
			
html,body{
	height: 100%;
	margin: 0;
	padding: 0;
	background: url(../images/bg_body.jpg) #668811 repeat-x;	
}

div#centreren{
	height: 100%;
	min-height: 100%; 		
}

div#container{
	text-align: left;
	height: 100%;/* value for IE */
	min-height: 100%;
	margin-bottom: -23px;	
	width: 727px;
	background: url(../images/bg_container.gif) bottom;					
}

html>body  div#container{
height: auto;/* value for real browser */
}

div#columnLeft{
width: 524px;
float: left;
}

div#serviceMenu{
	height: 17px;
	background: #88aa33;
	padding: 19px 0 0 0;					
}

div#header{
	height: 100px;
	background: #ffffff;
	text-align: left;	
}

div#menu{
	height: 22px;		
	background: #000000;
	border-top: 4px solid #88aa33;						
}

div#inhoud{
line-height: 1.2em;
padding: 39px 20px 20px 53px;
float: left;
background: url(../images/bg_inhoud.gif) no-repeat;
}

div#columnRight{
width: 199px;
float: right;
}

div#euro{
background: #88aa33;
height: 17px;
text-align: right;
padding: 27px 0 0 0;
}

div#brood_en_vis{
height: 193px;
background: url(../images/brood_en_vis.jpg);
}

div#subMenu{
border-top: 5px solid #88aa33;
width: 199px;
padding: 52px 0 104px 0;
background: url(../images/bg_submenu.gif);
}

div#marginBottom{
	height: 23px;
	clear: both;
}

div#footer{
	width: 727px;	
	text-align: left;	
	height: 20px;		
	padding: 3px 0 0 0;					
}




/* subMenu en subSubMenu */


#subMenu ul {
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	margin: 0px;
	padding: 0px;	
}
	
#subMenu ul li{					/* subMenu is opgebouwd met een UL en LI's */
	margin: 0;
	padding: 0;
	display: inline;
	background: none;	
}

#subMenu li a{
	font-size: 0.9em;	
	color: #000000;
	text-decoration: none;
	background: url(../images/sub_u.gif) no-repeat top left;
	margin: 0px;
	padding: 3px 2px 1px 21px;
	display: block;
	width: 176px;	
}

#subMenu li a:hover, #subMenu li a:active{
background: url(../images/sub_u.gif) #ffffff no-repeat top left;
color: #000000;
}
	

									/* Aan-versie van subMenu  */
li#subMenuAan a:link, li#subMenuAan a:visited, li#subMenuAan a:hover, li#subMenuAan a:active{					
font-weight: bold;
color: #000000;
text-decoration: none;
background: url(../images/sub_a.gif) #ffffff no-repeat top left;	
}

									/* open-versie van subMenu  */
li#subMenuOpen a:link, li#subMenuOpen a:visited, li#subMenuOpen a:hover, li#subMenuOpen a:active{					
font-weight: normal;
color: #000000;
text-decoration: none;
background: url(../images/sub_u.gif) #ffffff no-repeat top left;	
}

									/* Links in subSubMenu */
li#subSubMenuUit a:link, li#subSubMenuUit a:visited{
font-weight: normal;
color: #000000;
text-decoration: none;
background: url(../images/subsub_u.gif) #ffffff no-repeat top left;
margin: 0;
line-height: 1em;
padding: 5px 0px 5px 38px;
width: 161px;
}
li#subSubMenuUit a:hover, li#subSubMenuUit a:active{
font-weight: normal;
color: #000000;
background: url(../images/subsub_u.gif) #ffffff no-repeat top left;
}

								/* Aan-versie van subSubMenu  */
li#subSubMenuAan a:link, li#subSubMenuAan a:visited{
color: #000000;
text-decoration: none;
font-weight: bold;
background: url(../images/subsub_a.gif) #ffffff no-repeat top left;
line-height: 1em;
padding: 5px 0px 5px 38px;
width: 161px;
}
li#subSubMenuAan a:hover, li#subSubMenuAan a:active{
color: #000000;
background: url(../images/subsub_a.gif) #ffffff no-repeat top left;
}

#subMenu #doneren{
	color: #446610;
	padding: 0px 10px;
}
	#subMenu #doneren img{
		margin-left: 23px;
	}



/* INHOUD */
h1, h2{
color: #aa2211;
font-size: 1.4em;
margin: 0 0 -3px 0;
}

h2{
font-size: 1.2em;
}

div#inhoud p{
line-height: 1.4em;
}

div.item{
width: 440px;
}

div.kolom{
float: left;
width: 150px;
}









/* Volgende en- vorige paginalinks indien te veel items */
div#pagVorige{
	width: 150px;
	
	float: left;	
}

div#pagVorige a, div#pagVolgende{padding: 0;}

div#pagVolgende{
	text-align: right;
	width: 150px;
	float: right;	
}
div#pagVolgende a{padding: 0 14px 0 0;}


div#pagNrs{
	text-align: center; 
	width: 178px;
	float: left;
	padding: 22px 0 0;
}




/* Handig: een class om bepaalde content te verbergen */
.verberg{
	display: none;
}

/* Handig: plaats deze div onderin een div om die goed te laten omsluiten */
div.breaker, div.breakerBizar{
	height: 1px;
	clear: both;
	background: transparent;
	font-size: 0px;
	line-height: 0;
}

div.breakerBizar{
height: 0;
_margin: -1px;/* underscore-hack for IE */
}

div.item div{
/*line-height: 1.4em;*/
}





/* SITEMAP */


div#sitemap A:link, div#sitemap A:visited, div#sitemap A:active {
text-decoration: none;
color: #000;
}

div#sitemap A:hover {
text-decoration: underline;
background: white;
}

div#sitemap h2{
font-size: 1em;
padding: 2px 0 0 15px;
margin-top: 5px;
}

div#sitemap h2 A:link, div#sitemap h2 A:visited, div#sitemap  h2 A:active {
color: #aa2211;
}

div#sitemap h3{
font-size: 0.9em;
font-weight: normal;
padding: 2px 0 0 40px;
background: url(../images/subsub_u.gif) no-repeat top left;
}

div#sitemap h3 A:link, div#sitemap h3 A:visited{
color: #000000;
}

div#sitemap  h3 A:active, div#sitemap  h3 A:hover{
color: #aa2211;
}

div#sitemap h4{
font-size: 0.9em;
font-weight: normal;
padding: 1px 0 0 40px;
margin-left: 20px;
background: url(../images/subsub_u.gif) no-repeat top left;
}

div#sitemap h3 a:hover{
color: #aa2211;
}

div#sitemap h4 A:link, div#sitemap h4 A:visited{
color: #000000;
}

div#sitemap  h4 A:active, div#sitemap  h4 A:hover {
color: #aa2211;
}

.step2Map{
margin-left: 34px;
}

/* FORMULIER-PAGINA */
table#formTable td{
	vertical-align: top;
}

table#formTable td.formCaption{
	color: #555555;
	padding: 3px 5px 0 0;
}

table#formTable td.formCaptionBestel{
	padding: 3px 5px 0 3px;
}