/* All rights reserved (c) 2008, WEBBER interactieve vormgeving. More information at info@webber.nl */

/* de standaard styles om problemen te voorkomen */

* { margin: 0; padding: 0; } 
p { margin: 0; padding: 0; font-size: 11px;} 
hr { display: none; clear: both; }
a img { border : none; }
a { outline: none; }
body { color : #666; margin: 0;
	font-family: "Lucida Grande", Lucida, Arial, Helvetica, Geneva, sans-serif;  font-size: 11px; line-height: 16px;
}

img, div
{
	padding: 0;
	margin: 0;	
}

h1
{
font-size: 18px;
margin-top: 5px;
margin-bottom: 5px;
line-height: 24px;
}

h2
{
font-size: 16px;
margin-top: 4px;
margin-bottom: 4px;
line-height: 21px;
}

h3
{
font-size: 15px;
margin-top: 3px;
margin-bottom: 3px;
line-height: 19px;
}

h4
{
font-size: 14px;
margin-top: 2px;
margin-bottom: 2px;
line-height: 18px;
}

h5
{
font-size: 13px;
margin-top: 1px;
margin-bottom: 1px;
line-height: 16px;
}

h6
{
font-size: 12px;
line-height: 16px;
}

#tekstkader h1, #tekstkader h2, #tekstkader h3, #tekstkader h4, #tekstkader h5, #tekstkader h6, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6
{
	color: #333;
}

#tekstkaderwittetekst h1, #tekstkaderwittetekst h2, #tekstkaderwittetekst h3, #tekstkaderwittetekst h4, #tekstkaderwittetekst h5, #tekstkaderwittetekst h6
{
	color: #fff;
}

#tekstkader li
{
	color: #a89a00;
	list-style-type: circle;
	margin-left: 15px;
}

#tekstkader ul
{
	color: #a89a00;
	padding: 0;
	margin: 0;
}

/* einde standaard styles */

a:link {text-decoration: none; color: #a89a00;}
a:visited {text-decoration: none; color: #a89a00;}
a:hover {text-decoration: none; color: #000;}
a:active {text-decoration: none; outline: 0px; color: #a89a00;}
a:focus {outline: 0px;}


/* IE 5.5+ styles voor transparante PNG */

img, div { behavior: url(../html/iepngfix.htc) }

/* bovenstaand .htc bestand moet op de server staan */

/* basis DIV's start */

#centerblok
{
      position: absolute;
      left: 50%;
      width: 920px;
      margin-left: -460px; /* half of width */
      z-index: 1;
      height: 100%;
      border-right-color: #CC9;
      border-right-style: solid;
      border-right-width: 1px;
      border-left-color: #CC9;
      border-left-style: solid;
      border-left-width: 1px;
}


/* einde basis DIVS */

/* start header DIVS */

#header
{
	position: relative;
	background-image: url(../img/headerimage.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	height: 224px;
	margin-bottom: 25px;
}

#headerlogo
{
	position: absolute;
	left: 310px;
	top: 25px;
}

#headermenu
{
	position: absolute;
	top: 172px;
	font-size: 13px;
	left: 47px;
	color: #fff;
	z-index: 2;
}

#headersubmenu
{
	position: absolute;
	top: 211px;
	left: 47px;
	color: #999;
	font-size: 12px;
	z-index: 3;
}

#headervruchtje
{
	position: absolute;
	left: 20px;
}

.hoofdmenu ul, .submenu ul
{

}

.hoofdmenu li, .submenu li
{
	list-style-type: none;
	display: inline;
}

.hoofdmenu li a
{
	color: #fff;	
}

.hoofdmenu li a:hover
{
	color: #1b4164;	
}

.kslimblauw
{
	color: #1b4164;
}

.kslimgroen
{
	color: #a89a00;
}

.submenu li a
{
	color: #999;
}

.submenu li a:hover
{
	color: #a89a00;
}

.bywebber
{
	font-size: 11px;
	color: #ccc;
	position: relative;	
}

.bywebber a
{
	color: #999;
}

.bywebber a:hover
{
	color: #C00;
}

/* start content DIVS */

#content
{
	position: relative;
	clear: both;
}

#indexlinks
{
	padding-left: 30px;
	top: 0px;
	vertical-align: top;
	text-align: left;
}

#indexmidden
{
	top: 0px;
	vertical-align: top;
	text-align: left;
	width: 290px;
}

#indexmiddentekst
{
	top: 0px;
	vertical-align: top;
	text-align: left;
}

#groenkader
{
	background-image: url(../img/bg_groenkader.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
}

#groenkaderbottom
{
	background-image: url(../img/groenkader_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;	
	width: 290px;
	height: 10px;
	margin: 0;
	padding: 0;
}

#blauwkader
{
	background-image: url(../img/bg_blauwkader.gif);
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0;
	padding: 0;
	width: 228px;
	margin-left: 35px;
	margin-bottom: 0px;
}

#blauwkaderbottom
{
	background-image: url(../img/blauwkader_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 228px;
	height: 10px;
	margin: 0;
	padding: 0;
}

#tekstkaderwittetekst
{
	color: #fff;
	padding: 12px;	
}

#tekstkaderwittetekst a
{
	color: #fff;	
}

#tekstkader
{
	padding: 0px 20px 12px 0px;	
}


#indexrechts
{
	top: 0px;
	vertical-align: top;
	text-align: left;
}

#cleardiv
{
	clear: both;	
}

/* start footer DIVS */

#footer
{
	height: 50px;
	position: relative;
	background-image: url(../img/footerimage.gif);
	background-position: top;
	background-repeat: no-repeat;
	clear: both;
	padding-left: 20px;
	padding-top: 10px;
	margin-top: 12px;
}

#verkoopadressen
{
	position: absolute;
	z-index: 20;
	left: 40px;
	top: 95px;
}

ul.blogsomming li
{
	list-style-type: none;	
}

/* toevoeging voedingswaardetabel */

.rood
{
	color: #CC0000;
}

.oranje
{
	color: #ff6600;
}

.groen
{
	color: #339900;
}

#kleurkader
{
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	background-color: #f7f7f7;
}


table.voedingswaardtabel tr
{
	height: 20px;
	vertical-align: middle;
	line-height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c5c7ba;
}

table.voedingswaardtabel
{
	margin: 0;
	padding: 0;
	border: 0;
}

table.voedingswaardtabel td
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c5c7ba;
}/* All rights reserved (c) 2008, WEBBER interactieve vormgeving. More information at info@webber.nl */

/* de standaard styles om problemen te voorkomen */

* { margin: 0; padding: 0; } 
p { margin: 0; padding: 0; font-size: 11px;} 
hr { display: none; clear: both; }
a img { border : none; }
a { outline: none; }
body { color : #666; margin: 0;
	font-family: "Lucida Grande", Lucida, Arial, Helvetica, Geneva, sans-serif;  font-size: 11px; line-height: 16px;
}

img, div
{
	padding: 0;
	margin: 0;	
}

h1
{
font-size: 18px;
margin-top: 5px;
margin-bottom: 5px;
line-height: 24px;
}

h2
{
font-size: 16px;
margin-top: 4px;
margin-bottom: 4px;
line-height: 21px;
}

h3
{
font-size: 15px;
margin-top: 3px;
margin-bottom: 3px;
line-height: 19px;
}

h4
{
font-size: 14px;
margin-top: 2px;
margin-bottom: 2px;
line-height: 18px;
}

h5
{
font-size: 13px;
margin-top: 1px;
margin-bottom: 1px;
line-height: 16px;
}

h6
{
font-size: 12px;
line-height: 16px;
}

#tekstkader h1, #tekstkader h2, #tekstkader h3, #tekstkader h4, #tekstkader h5, #tekstkader h6, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6
{
	color: #333;
}

#tekstkaderwittetekst h1, #tekstkaderwittetekst h2, #tekstkaderwittetekst h3, #tekstkaderwittetekst h4, #tekstkaderwittetekst h5, #tekstkaderwittetekst h6
{
	color: #fff;
}

#tekstkader li
{
	color: #a89a00;
	list-style-type: circle;
	margin-left: 15px;
}

#tekstkader ul
{
	color: #a89a00;
	padding: 0;
	margin: 0;
}

/* einde standaard styles */

a:link {text-decoration: none; color: #a89a00;}
a:visited {text-decoration: none; color: #a89a00;}
a:hover {text-decoration: none; color: #000;}
a:active {text-decoration: none; outline: 0px; color: #a89a00;}
a:focus {outline: 0px;}


/* IE 5.5+ styles voor transparante PNG */

img, div { behavior: url(../html/iepngfix.htc) }

/* bovenstaand .htc bestand moet op de server staan */

/* basis DIV's start */

#centerblok
{
      position: absolute;
      left: 50%;
      width: 920px;
      margin-left: -460px; /* half of width */
      z-index: 1;
      height: 100%;
      border-right-color: #CC9;
      border-right-style: solid;
      border-right-width: 1px;
      border-left-color: #CC9;
      border-left-style: solid;
      border-left-width: 1px;
}


/* einde basis DIVS */

/* start header DIVS */

#header
{
	position: relative;
	background-image: url(../img/headerimage.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	height: 224px;
	margin-bottom: 25px;
}

#headerlogo
{
	position: absolute;
	left: 310px;
	top: 25px;
}

#headermenu
{
	position: absolute;
	top: 172px;
	font-size: 13px;
	left: 47px;
	color: #fff;
	z-index: 2;
}

#headersubmenu
{
	position: absolute;
	top: 211px;
	left: 47px;
	color: #999;
	font-size: 12px;
	z-index: 3;
}

#headervruchtje
{
	position: absolute;
	left: 20px;
}

.hoofdmenu ul, .submenu ul
{

}

.hoofdmenu li, .submenu li
{
	list-style-type: none;
	display: inline;
}

.hoofdmenu li a
{
	color: #fff;	
}

.hoofdmenu li a:hover
{
	color: #1b4164;	
}

.kslimblauw
{
	color: #1b4164;
}

.kslimgroen
{
	color: #a89a00;
}

.submenu li a
{
	color: #999;
}

.submenu li a:hover
{
	color: #a89a00;
}

.bywebber
{
	font-size: 11px;
	color: #ccc;
	position: relative;	
}

.bywebber a
{
	color: #999;
}

.bywebber a:hover
{
	color: #C00;
}

/* start content DIVS */

#content
{
	position: relative;
	clear: both;
}

#indexlinks
{
	padding-left: 30px;
	top: 0px;
	vertical-align: top;
	text-align: left;
}

#indexmidden
{
	top: 0px;
	vertical-align: top;
	text-align: left;
	width: 290px;
}

#indexmiddentekst
{
	top: 0px;
	vertical-align: top;
	text-align: left;
}

#groenkader
{
	background-image: url(../img/bg_groenkader.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
}

#groenkaderbottom
{
	background-image: url(../img/groenkader_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;	
	width: 290px;
	height: 10px;
	margin: 0;
	padding: 0;
}

#blauwkader
{
	background-image: url(../img/bg_blauwkader.gif);
	background-repeat: no-repeat;
	background-position: top right;
	margin: 0;
	padding: 0;
	width: 228px;
	margin-left: 35px;
	margin-bottom: 0px;
}

#blauwkaderbottom
{
	background-image: url(../img/blauwkader_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 228px;
	height: 10px;
	margin: 0;
	padding: 0;
}

#tekstkaderwittetekst
{
	color: #fff;
	padding: 12px;	
}

#tekstkaderwittetekst a
{
	color: #fff;	
}

#tekstkader
{
	padding: 0px 20px 12px 0px;	
}


#indexrechts
{
	top: 0px;
	vertical-align: top;
	text-align: left;
}

#cleardiv
{
	clear: both;	
}

/* start footer DIVS */

#footer
{
	height: 50px;
	position: relative;
	background-image: url(../img/footerimage.gif);
	background-position: top;
	background-repeat: no-repeat;
	clear: both;
	padding-left: 20px;
	padding-top: 10px;
	margin-top: 12px;
}

#verkoopadressen
{
	position: absolute;
	z-index: 20;
	left: 40px;
	top: 95px;
}

ul.blogsomming li
{
	list-style-type: none;	
}

/* toevoeging voedingswaardetabel */

.rood
{
	color: #CC0000;
}

.oranje
{
	color: #ff6600;
}

.groen
{
	color: #339900;
}

#kleurkader
{
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	background-color: #f7f7f7;
}


table.voedingswaardtabel tr
{
	height: 20px;
	vertical-align: middle;
	line-height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c5c7ba;
}

table.voedingswaardtabel
{
	margin: 0;
	padding: 0;
	border: 0;
}

table.voedingswaardtabel td
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c5c7ba;
}

div#verkooppuntendiv {
	background-image: url(../img/kaart.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:250px;
	height:361px;
	overflow:hidden;
}
div#verkooppuntendiv.map1 {
	background-position:left -720px;
}
div#verkooppuntendiv.map2 {
	background-position:-750px -720px;
}
div#verkooppuntendiv.map3 {
	background-position:-500px top;
}
div#verkooppuntendiv.map4 {
	background-position:-750px top;
}
div#verkooppuntendiv.map5 {
	background-position:-750px top;
}
div#verkooppuntendiv.map5 {
	background-position:-499px -359px;
}
div#verkooppuntendiv.map6 {
	background-position:-249px -359px;
}
div#verkooppuntendiv.map7 {
	background-position:-249px -720px;
}
div#verkooppuntendiv.map8 {
	background-position:left -1079px;
}


div#verkooppuntendiv.map10 {
	background-position:-749px -359px;
}
div#verkooppuntendiv.map11 {
	background-position:left -359px;
}
div#verkooppuntendiv.map12 {
	background-position:-250px top;
}
div#verkooppuntendiv.map13 {
	background-position:-500px -720px;
}
div#verkooppuntendiv.map14 {
	background-position:-249px -1079px;
}