/* =summary
***************************************************************************************************

Beemsterkaas.be v2.0

Credits:

	- Hosting:     Hosted by Stake5.be
	- XHTML + CSS: Tim Van Damme (aka. MaxVoltar) tim@maxvoltar.be
	- Design:      Tim Van Damme (aka. MaxVoltar) tim@maxvoltar.be

Colors:

	- Shades of blue:
		* Lightest: #9cf
		            #39f
		            #06c
		            #039
		* Darkest:  #009
		
	- Jellow:
		* Light:    #ffc
		
	- Brown:
		* Mid:      #630;

Sizes:

	- Content with sidebar: 722px wide
	- Content: 932px wide
	- Recepten-images:
		* Large:  351px x /
		* Thumbs: 150px x 150px

**************************************************************************************************/

/* =layout
**************************************************************************************************/

html
	{
	overflow: -moz-scrollbars-vertical;
	}
*
	{
	margin: 0;
	padding: 0;
	border: 0;
	}
a span
	{
	display: none;
	}
body
	{
	background: #06c url(../images/layout/body_bg.jpg) repeat-x;
	font: small Arial, sans-serif;
	margin-right: 10px;
	}
#wrapper
	{
	width: 950px;
	margin: 1px 0 0 10px;
	border-bottom: 10px solid #06c;
	background: #fff;
	}
#header
	{
	background: url(../images/layout/header_fr_bg.jpg) no-repeat top center;
	height: 226px;
	position: relative;
	}
#header ul a span.reg
	{
	display: inline;
	font-size: 85%;
	padding-left: 2px;
	}
body#startpagina #header,
body#contacteer #header,
body#recepten #header,
body#media #header {
	height: 201px;
	}
h1#startpagina a
	{
	position: absolute;
	top: 95px;
	left: 29px;
	display: block;
	width: 192px;
	height: 35px;
	background: url(../images/layout/h1-startpagina_bg.jpg) no-repeat top left;
	}
h1#startpagina a img
	{
	display: none;
	}
h3#beemsterlite a
	{
	position: absolute;
	left: 50%;
	margin-left: -200px;
	display: block;
	height: 40px;
	width: 400px; 
	background: url(../images/layout/h3-beemsterlite-fr_bg.jpg) no-repeat center top;
	}
#header a#skip
	{
	display: block;
	width: 150px;
	height: 40px;
	position: absolute;
	padding-left: 15px;
	left: 10px;
	color: #9cf;
	text-decoration: none;
	text-transform: uppercase;
	font: 80%/40px Verdana, sans-serif;
	background: url(../images/layout/skip_bg.gif) no-repeat left center;
	}
#header a#skip:hover
	{
	color: #fff;
	}
#header ul
	{
	list-style: none;
	position: absolute;
	top: 152px;
	left: 9px;
	width: 932px;
	}
#header ul li
	{
	float: left;
	padding-right: 1px;
	background: url(../images/layout/header_li_bg.gif) no-repeat top right;
	}
#header ul li#nav-taal
	{
	float: right;
	padding: 0;
	background: none;
	}
#header ul li#nav-taal a
	{
	width: 44px;
	height: 40px;
	padding: 0;
	background: url(../images/layout/taal-nl_bg.jpg) no-repeat top center;
	}
#header ul li a
	{
	display: block;
	padding: 0 20px;
	line-height: 40px;
	color: #fff;
	text-decoration: none;
	}
body#startpagina #header ul li#nav-startpagina a,
body#kazen #header ul li#nav-kazen a,
body#jong #header ul li#nav-kazen a,
body#jongbelegen #header ul li#nav-kazen a,
body#belegen #header ul li#nav-kazen a,
body#extrabelegen #header ul li#nav-kazen a,
body#oud #header ul li#nav-kazen a,
body#classique #header ul li#nav-kazen a,
body#xo #header ul li#nav-kazen a,
body#kruidenkazen #header ul li#nav-kazen a,
body#beemsterlitemild #header ul li#nav-kazen a,
body#beemsterlitegerijpt #header ul li#nav-kazen a,
body#geitenkaas #header ul li#nav-kazen a,
body#recepten #header ul li#nav-recepten a,
body#achtergrond #header ul li#nav-achtergrond a,
body#beemsterstreek #header ul li#nav-achtergrond a,
body#geschiedenis #header ul li#nav-achtergrond a,
body#geheimrecept #header ul li#nav-achtergrond a,
body#vakhandel #header ul li#nav-achtergrond a,
body#herkennen #header ul li#nav-achtergrond a,
body#duurzaamheid #header ul li#nav-achtergrond a,
body#waaromzolekker #header ul li#nav-achtergrond a,
body#media #header ul li#nav-media a,
body#print #header ul li#nav-media a,
body#audio #header ul li#nav-media a,
body#video #header ul li#nav-media a,
body#contacteer #header ul li#nav-contacteer a
	{
	background: #39f;
	}
#header ul li a:hover
	{
	color: #9cf;
	}
#header ul ul
	{
	display: none;
	}
body#kazen #header ul li#nav-kazen ul,
body#jong #header ul li#nav-kazen ul,
body#jongbelegen #header ul li#nav-kazen ul,
body#belegen #header ul li#nav-kazen ul,
body#extrabelegen #header ul li#nav-kazen ul,
body#oud #header ul li#nav-kazen ul,
body#classique #header ul li#nav-kazen ul,
body#xo #header ul li#nav-kazen ul,
body#kruidenkazen #header ul li#nav-kazen ul,
body#beemsterlitemild #header ul li#nav-kazen ul,
body#beemsterlitegerijpt #header ul li#nav-kazen ul,
body#geitenkaas #header ul li#nav-kazen ul,
body#recepten #header ul li#nav-recepten ul,
body#achtergrond #header ul li#nav-achtergrond ul,
body#beemsterstreek #header ul li#nav-achtergrond ul,
body#geschiedenis #header ul li#nav-achtergrond ul,
body#geheimrecept #header ul li#nav-achtergrond ul,
body#vakhandel #header ul li#nav-achtergrond ul,
body#herkennen #header ul li#nav-achtergrond ul,
body#duurzaamheid #header ul li#nav-achtergrond ul,
body#waaromzolekker #header ul li#nav-achtergrond ul,
body#media #header ul li#nav-media ul,
body#print #header ul li#nav-media ul,
body#audio #header ul li#nav-media ul,
body#video #header ul li#nav-media ul,
body#contacteer #header ul li#nav-contacteer ul
	{
	display: block;
	position: absolute;
	top: 40px;
	left: 0;
	background: #9cf url(../images/layout/header_ul_ul_bg.gif) repeat-x top center;
	padding: 6px 12px;
	width: 908px;
	}
body#kazen #header ul li#nav-kazen ul li,
body#jong #header ul li#nav-kazen ul li,
body#jongbelegen #header ul li#nav-kazen ul li,
body#belegen #header ul li#nav-kazen ul li,
body#extrabelegen #header ul li#nav-kazen ul li,
body#oud #header ul li#nav-kazen ul li,
body#classique #header ul li#nav-kazen ul li,
body#xo #header ul li#nav-kazen ul li,
body#kruidenkazen #header ul li#nav-kazen ul li,
body#beemsterlitemild #header ul li#nav-kazen ul li,
body#beemsterlitegerijpt #header ul li#nav-kazen ul li,
body#geitenkaas #header ul li#nav-kazen ul li,
body#recepten #header ul li#nav-recepten ul li,
body#achtergrond #header ul li#nav-achtergrond ul li,
body#beemsterstreek #header ul li#nav-achtergrond ul li,
body#geschiedenis #header ul li#nav-achtergrond ul li,
body#geheimrecept #header ul li#nav-achtergrond ul li,
body#vakhandel #header ul li#nav-achtergrond ul li,
body#herkennen #header ul li#nav-achtergrond ul li,
body#duurzaamheid #header ul li#nav-achtergrond ul li,
body#waaromzolekker #header ul li#nav-achtergrond ul li,
body#media #header ul li#nav-media ul li,
body#print #header ul li#nav-media ul li,
body#audio #header ul li#nav-media ul li,
body#video #header ul li#nav-media ul li,
body#contacteer #header ul li#nav-contacteer ul li
	{
	padding: 0 7px 0 0;
	background: none;
	}
body#kazen #header ul li#nav-kazen ul a,
body#jong #header ul li#nav-kazen ul a,
body#jongbelegen #header ul li#nav-kazen ul a,
body#belegen #header ul li#nav-kazen ul a,
body#extrabelegen #header ul li#nav-kazen ul a,
body#oud #header ul li#nav-kazen ul a,
body#classique #header ul li#nav-kazen ul a,
body#xo #header ul li#nav-kazen ul a,
body#kruidenkazen #header ul li#nav-kazen ul a,
body#beemsterlitemild #header ul li#nav-kazen ul a,
body#beemsterlitegerijpt #header ul li#nav-kazen ul a,
body#geitenkaas #header ul li#nav-kazen ul a,
body#recepten #header ul li#nav-recepten ul a,
body#achtergrond #header ul li#nav-achtergrond ul a,
body#beemsterstreek #header ul li#nav-achtergrond ul a,
body#geschiedenis #header ul li#nav-achtergrond ul a,
body#geheimrecept #header ul li#nav-achtergrond ul a,
body#vakhandel #header ul li#nav-achtergrond ul a,
body#herkennen #header ul li#nav-achtergrond ul a,
body#duurzaamheid #header ul li#nav-achtergrond ul a,
body#waaromzolekker #header ul li#nav-achtergrond ul a,
body#media #header ul li#nav-media ul a,
body#print #header ul li#nav-media ul a,
body#audio #header ul li#nav-media ul a,
body#video #header ul li#nav-media ul a,
body#contacteer #header ul li#nav-contacteer ul a
	{
	background: none;
	padding: 0 4px;
	font: 75%/22px verdana, sans-serif;
	color: #039;
	text-transform: uppercase;
	}
body#jong #header ul li#nav-kazen ul li#nav-kazen-jong a,
body#jongbelegen #header ul li#nav-kazen ul li#nav-kazen-jongbelegen a,
body#belegen #header ul li#nav-kazen ul li#nav-kazen-belegen a,
body#extrabelegen #header ul li#nav-kazen ul li#nav-kazen-extrabelegen a,
body#oud #header ul li#nav-kazen ul li#nav-kazen-oud a,
body#classique #header ul li#nav-kazen ul li#nav-kazen-classique a,
body#xo #header ul li#nav-kazen ul li#nav-kazen-xo a,
body#kruidenkazen #header ul li#nav-kazen ul li#nav-kazen-kruidenkazen a,
body#beemsterlitemild #header ul li#nav-kazen ul li#nav-kazen-beemsterlitemild a,
body#beemsterlitegerijpt #header ul li#nav-kazen ul li#nav-kazen-beemsterlitegerijpt a,
body#geitenkaas #header ul li#nav-kazen ul li#nav-kazen-geitenkaas a,
body#beemsterstreek #header ul li#nav-achtergrond ul li#nav-achtergrond-beemsterstreek a,
body#geschiedenis #header ul li#nav-achtergrond ul li#nav-achtergrond-geschiedenis a,
body#geheimrecept #header ul li#nav-achtergrond ul li#nav-achtergrond-geheimrecept a,
body#vakhandel #header ul li#nav-achtergrond ul li#nav-achtergrond-vakhandel a,
body#herkennen #header ul li#nav-achtergrond ul li#nav-achtergrond-herkennen a,
body#duurzaamheid #header ul li#nav-achtergrond ul li#nav-achtergrond-duurzaamheid a,
body#waaromzolekker #header ul li#nav-achtergrond ul li#nav-achtergrond-waaromzolekker a,
body#print #header ul li#nav-media ul li#nav-media-print a,
body#audio #header ul li#nav-media ul li#nav-media-audio a,
body#video #header ul li#nav-media ul li#nav-media-video a
	{
	background: #06c;
	color: #fff;
	}
body#kazen #header ul li#nav-kazen ul a:hover,
body#jong #header ul li#nav-kazen ul a:hover,
body#jongbelegen #header ul li#nav-kazen ul a:hover,
body#belegen #header ul li#nav-kazen ul a:hover,
body#extrabelegen #header ul li#nav-kazen ul a:hover,
body#oud #header ul li#nav-kazen ul a:hover,
body#classique #header ul li#nav-kazen ul a:hover,
body#xo #header ul li#nav-kazen ul a:hover,
body#kruidenkazen #header ul li#nav-kazen ul a:hover,
body#beemsterlitemild #header ul li#nav-kazen ul a:hover,
body#beemsterlitegerijpt #header ul li#nav-kazen ul a:hover,
body#geitenkaas #header ul li#nav-kazen ul a:hover,
body#recepten #header ul li#nav-recepten ul a:hover,
body#achtergrond #header ul li#nav-achtergrond ul a:hover,
body#beemsterstreek #header ul li#nav-achtergrond ul a:hover,
body#geschiedenis #header ul li#nav-achtergrond ul a:hover,
body#geheimrecept #header ul li#nav-achtergrond ul a:hover,
body#vakhandel #header ul li#nav-achtergrond ul a:hover,
body#herkennen #header ul li#nav-achtergrond ul a:hover,
body#duurzaamheid #header ul li#nav-achtergrond ul a:hover,
body#waaromzolekker #header ul li#nav-achtergrond ul a:hover,
body#media #header ul li#nav-media ul a:hover,
body#print #header ul li#nav-media ul a:hover,
body#audio #header ul li#nav-media ul a:hover,
body#video #header ul li#nav-media ul a:hover,
body#contacteer #header ul li#nav-contacteer ul a:hover  
	{
	border: 1px solid #06c;
	padding: 0 3px;
	line-height: 20px;
	background: #9cf;
	}
body#jong #header ul li#nav-kazen ul li#nav-kazen-jong a:hover,
body#jongbelegen #header ul li#nav-kazen ul li#nav-kazen-jongbelegen a:hover,
body#belegen #header ul li#nav-kazen ul li#nav-kazen-belegen a:hover,
body#extrabelegen #header ul li#nav-kazen ul li#nav-kazen-extrabelegen a:hover,
body#oud #header ul li#nav-kazen ul li#nav-kazen-oud a:hover,
body#classique #header ul li#nav-kazen ul li#nav-kazen-classique a:hover,
body#xo #header ul li#nav-kazen ul li#nav-kazen-xo a:hover,
body#kruidenkazen #header ul li#nav-kazen ul li#nav-kazen-kruidenkazen a:hover,
body#beemsterlitemild #header ul li#nav-kazen ul li#nav-kazen-beemsterlitemild a:hover,
body#beemsterlitegerijpt #header ul li#nav-kazen ul li#nav-kazen-beemsterlitegerijpt a:hover,
body#geitenkaas #header ul li#nav-kazen ul li#nav-kazen-geitenkaas a:hover,
body#beemsterstreek #header ul li#nav-achtergrond ul li#nav-achtergrond-beemsterstreek a:hover,
body#geschiedenis #header ul li#nav-achtergrond ul li#nav-achtergrond-geschiedenis a:hover,
body#geheimrecept #header ul li#nav-achtergrond ul li#nav-achtergrond-geheimrecept a:hover,
body#vakhandel #header ul li#nav-achtergrond ul li#nav-achtergrond-vakhandel a:hover,
body#herkennen #header ul li#nav-achtergrond ul li#nav-achtergrond-herkennen a:hover,
body#duurzaamheid #header ul li#nav-achtergrond ul li#nav-achtergrond-duurzaamheid a:hover,
body#waaromzolekker #header ul li#nav-achtergrond ul li#nav-achtergrond-waaromzolekker a:hover,
body#print #header ul li#nav-media ul li#nav-media-print a:hover,
body#audio #header ul li#nav-media ul li#nav-media-audio a:hover,
body#video #header ul li#nav-media ul li#nav-media-video a:hover
	{
	color: #9cf;
	}
#content
	{
	margin: 9px;
	}
.small-large
	{
	background: url(../images/layout/wrapper_small-left_bg.gif) repeat-y left bottom;
	}
.large-small
	{
	background: url(../images/layout/wrapper_small-right_bg.gif) repeat-y right bottom;
	}
#col-left-small
	{
	width: 200px;
	float: left;
	background: url(../images/layout/col-small-left-top_bg.gif) no-repeat top right;
	padding-bottom: 10px;
	}
div[id=col-left-small],
div[id=col-right-small]
	{
	margin-bottom: 10px;
	}
#col-right-large
	{
	width: 722px;
	float: right;
	position: relative;
	}
#col-right-small
	{
	width: 200px;
	float: right;
	background: url(../images/layout/col-small-right-top_bg.gif) no-repeat top left;
	}
#col-left-large
	{
	width: 722px;
	float: left;
	}
#footer
	{
	background: #06c url(../images/layout/footer_bg.jpg) no-repeat bottom center;
	padding: 0 9px 9px 9px;
	margin: 0;
	clear: both;
	}
#footer p
	{
	border-top: 1px solid #003164;
	padding: 10px 20px;
	color: #fff;
	font: 75%/22px verdana, sans-serif;
	}
#footer p a
	{
	color: #9cf;
	text-decoration: none;
	font-weight: bold;
	}
/*#footer p a.maxvoltar
	{
	background: url(../images/layout/maxvoltar.gif) no-repeat right center;
	padding-right: 14px;
	}*/
#footer p a:hover {
	color: #fff;
	}
#footer p span
	{
	display: none;
	}
#startpagina #footer p span
	{
	display: inline;
	}

/* =standard
**************************************************************************************************/

#content h2
	{
	margin: 0 0 10px 0;
	color: #7bf;
	font-size: 180%;
	position: relative;
	}
body#jong #col-right-large h2,
body#jongbelegen #col-right-large h2,
body#belegen #col-right-large h2,
body#extrabelegen #col-right-large h2,
body#oud #col-right-large h2,
body#classique #col-right-large h2,
body#xo #col-right-large h2,
body#kruidenkazen #col-right-large h2,
body#beemsterlitemild #col-right-large h2,
body#beemsterlitegerijpt #col-right-large h2,
body#geitenkaas #col-right-large h2
	{
	padding: 10px 20px;
	margin: 0;
	color: #fff;
	}
body#jong #col-right-large h2
	{
	background: #0a0 url(../images/layout/wrapper_small-left_jong_h2_bg.gif) no-repeat top left;
	}
body#jongbelegen #col-right-large h2
	{
	background: #ff6d6d url(../images/layout/wrapper_small-left_jongbelegen_h2_bg.gif) no-repeat top left;
	}
body#belegen #col-right-large h2
	{
	background: #02e url(../images/layout/wrapper_small-left_belegen_h2_bg.gif) no-repeat top left;
	}
body#extrabelegen #col-right-large h2
	{
	background: #b77dd2 url(../images/layout/wrapper_small-left_extrabelegen_h2_bg.gif) no-repeat top left;
	}
body#extrabelegen img.wide
	{
	border-bottom: 5px solid #b77dd2;
	}
body#oud #col-right-large h2
	{
	background: #bb9854 url(../images/layout/wrapper_small-left_oud_h2_bg.gif) no-repeat top left;
	}
body#oud h3
	{
	color: #bb9854;
	}
body#oud img.wide
	{
	border-bottom: 5px solid #bb9854;
	}
body#classique #col-right-large h2
	{
	background: #404040 url(../images/layout/wrapper_small-left_classique_h2_bg.gif) no-repeat top left;
	}
body#classique h3
	{
	color: #404040;
	}
body#classique img.wide
	{
	border-bottom: 5px solid #404040;
	}
body#xo #col-right-large h2
	{
	background: #edbb76 url(../images/layout/wrapper_small-left_xo_h2_bg.gif) no-repeat top left;
	}
body#xo h3
	{
	color: #edbb76;
	}
body#xo img.wide
	{
	border-bottom: 5px solid #edbb76;
	}
body#kruidenkazen #col-right-large h2
	{
	background: #885544 url(../images/layout/wrapper_small-left_kruidenkazen_h2_bg.gif) no-repeat top left;
	}
body#kruidenkazen h3
	{
	color: #885544;
	}
body#kruidenkazen img.wide
	{
	border-bottom: 5px solid #885544;
	}
body#beemsterlitemild #col-right-large h2,
body#beemsterlitegerijpt #col-right-large h2
	{
	background: #9cf url(../images/layout/wrapper_small-left_beemsterlite_h2_bg.gif) no-repeat top left;
	}
body#geitenkaas #col-right-large h2
	{
	background: #9da3a6 url(../images/layout/wrapper_small-left_geitenkaas_h2_bg.gif) no-repeat top left;
	}
#content h3
	{
	margin: 10px 0;
	color: #06c;
	font-size: 120%;
	font-weight: bold;
	}
body#jong h3
	{
	color: #0a0;
	}
body#jongbelegen h3
	{
	color: #ff6d6d;
	}
body#belegen h3
	{
	color: #02e;
	}
body#extrabelegen h3
	{
	color: #b77dd2;
	}
body#beemsterlitemild h3,
body#beemsterlitegerijpt h3
	{
	color: #9cf;
	}
body#geitenkaas h3
	{
	color: #9da3a6;
	}
body#recepten h3.naam
	{
	border-bottom: 1px solid #7bf;
	padding-bottom: 5px;
	}
em
	{
	background: #ffc;
	color: #630;
	font-weight: bold;
	}
body#jong img.wide
	{
	border-bottom: 5px solid #0a0;
	}
body#jongbelegen img.wide
	{
	border-bottom: 5px solid #ff6d6d;
	}
body#belegen img.wide
	{
	border-bottom: 5px solid #02e;
	}
body#beemsterlitemild img.wide,
body#beemsterlitegerijpt img.wide
	{
	border-bottom: 5px solid #9cf;
	}
body#geitenkaas img.wide
	{
	border-bottom: 5px solid #9da3a6;
	}
#content h4
	{
	color: #06c;
	font-size: 110%;
	font-weight: bold;
	}
#content #samenvatting h4
	{
	width: 357px;
	line-height: 20px;
	margin-bottom: 2px;
	}
#col-right-small h4,
#col-left-small h4
	{
	color: #06c;
	font-size: 110%;
	padding: 5px 10px;
	background: #7bf;
	margin-bottom: 5px;
	font-weight: normal;
	text-align: center;
	text-transform: none;
	border-bottom: 1px solid #39f;
	}
#col-right-small h4.first,
#col-left-small h4.first
	{
	background: url(../images/layout/col-small-left_h3_bg.gif) no-repeat top right;
	margin: 0;
	}
#content p
	{
	margin: 10px 0;
	line-height: 1.5em;
	}
#content p.intro
	{
	font-family: Verdana, sans-serif;
	font-style: italic;
	border-bottom: 5px solid #d9ecff;
	border-top: 5px solid #d9ecff;
	padding: 10px 5px;
	margin: 10px auto;
	width: 90%;
	}
#content ol
	{
	margin: 10px;
	padding-left: 20px;
	}
#content ol li
	{
	margin: 5px 0;
	text-align: justify;
	}
#content .center
	{
	text-align: center;
	}
#content .center img
	{
	padding: 1px;
	border: 1px solid #ddd;
	}
#content p a,
#content h5 a,
#samenvatting ul a,
#content ol a,
table a
	{
	color: #06c;
	text-decoration: none;
	border-bottom: 1px dotted #7bf;
	}
a#print
	{
	position: absolute;
	right: 10px;
	top: 5px;
	display: block;
	width: 28px;
	height: 27px;
	background: url(../images/layout/print.gif) no-repeat;
	z-index: 1000;
	}
#content p a:hover,
#content h5 a:hover,
#samenvatting ul a:hover,
#content ol a:hover,
table a:hover
	{
	background: #d9ecff;
	border-bottom-style: solid;
	}
#content img.left
	{
	float: left;
	padding: 1px;
	margin-right: 10px;
	border: 1px solid #ddd;
	background: #fff;
	}
#content img.leftno
	{
	float: left;
	margin-right: 10px;
	}
#content img.right
	{
	float: right;
	padding: 1px;
	margin-left: 10px;
	border: 1px solid #ddd;
	background: #fff;
	}
p.img
	{
	text-align: center;
	margin: 0;
	}
#content ul.links,
#content ul.list
	{
	border-top: 1px dotted #7bf;
	list-style: none;
	margin: 10px auto;
	color: #06c;
	font-size: 85%;
	clear: both;
	}
#content ul.links li,
#content ul.list li
	{
	padding: 0;
	margin: 0;
	border-bottom: 1px dotted #7bf;
	}
#content ul.links a,
#content ul.list li
	{
	display: block;
	padding: 7px 0 7px 30px;
	margin: 0;
	background: url(../images/layout/ul-links_bg.gif) no-repeat 5px 9px;
	color: #06c;
	text-decoration: none;
	}
body #content ul.links a:hover
	{
	background-color: #d9ecff;
	}
#content #col-left-small p
	{
	padding: 0 10px;
	}
#content #col-left-small ul.links
	{
	background: #b8dbff url(../images/recepten/categorieen_bg.jpg) repeat-y;
	border-top: 0;
	margin-top: 0;
	}
body.salades #content ul.links li#sec-nav-salades,
body.aperitief #content ul.links li#sec-nav-aperitief,
body.broodjes #content ul.links li#sec-nav-broodjes,
body.warmegerechten #content ul.links li#sec-nav-warmegerechten,
body.audio #content ul.links li#sec-nav-media-audio,
body.video #content ul.links li#sec-nav-media-video,
body.print #content ul.links li#sec-nav-media-print,
body.figuur #content ul.links li#sec-nav-media-figuur,
body.cunina #content ul.links li#sec-nav-media-cunina
	{
	background: url(../images/recepten/categorieen_bg.jpg) repeat-y right center;
	font-weight: bold;
	}
#col-left-small div.img
	{
	text-align: center;
	padding: 10px 10px 6px 10px;
	}
#col-left-small div.ingredients,
#col-left-small div.values
	{
	width: 200px;
	padding-bottom: 5px;
	float: left;
	background: #d1e9ff;
	}
#col-left-small div.values ul,
#col-left-small div.ingredients ul
	{
	list-style: none;
	color: #06c;
	font: 85% Verdana, sans-serif;
	margin: 0 10px;
	}
#col-left-small div.ingredients ul li
	{
	line-height: 20px;
	background: url(../images/layout/ul-links_bg.gif) no-repeat 0 5px;
	padding-left: 20px;
	}
#col-left-small div.values ul li
	{
	float: left;
	background: url(../images/layout/ul-ingredients_li_bg.gif) repeat-x bottom left;
	width: 180px;
	margin: 3px 0;
	}
#col-left-small div.values ul li span
	{
	float: left;
	background: #d1e9ff;
	padding: 0 3px 0 0;
	}
#col-left-small div.values ul li span.quant
	{
	float: right;
	padding: 0 0 0 3px;
	}

/* =index
**************************************************************************************************/

#randomkaas
	{
	background: #9cf;
	height: 206px;
	border-bottom: 9px solid #7bf;
	}
#randomkaas div
	{
	position: relative;
	}
#randomkaas .jong
	{
	background: url(../images/layout/randomkaas_jong_fr_bg.jpg) no-repeat top left;
	}
#randomkaas .jongbelegen
	{
	background: url(../images/layout/randomkaas_jongbelegen_fr_bg.jpg) no-repeat top left;
	}
#randomkaas .kruidenkazen
	{
	background: url(../images/layout/randomkaas_kruidenkazen_fr_bg.jpg) no-repeat top left;
	}
#randomkaas .belegen
	{
	background: url(../images/layout/randomkaas_belegen_fr_bg.jpg) no-repeat top left;
	}
#randomkaas .extrabelegen
	{
	background: url(../images/layout/randomkaas_extrabelegen_fr_bg.jpg) no-repeat top left;
	}
#randomkaas .oud
	{
	background: url(../images/layout/randomkaas_oud_fr_bg.jpg) no-repeat top left;
	}
#randomkaas .classique
	{
	background: url(../images/layout/randomkaas_classique_fr_bg.jpg) no-repeat top left;
	}
#randomkaas .xo
	{
	background: url(../images/layout/randomkaas_xo_fr_bg.jpg) no-repeat top left;
	}
#randomkaas .litemild
	{
	background: url(../images/layout/randomkaas_litemild_fr_bg.jpg) no-repeat top left;
	}
#randomkaas .litegerijpt
	{
	background: url(../images/layout/randomkaas_litegerijpt_fr_bg.jpg) no-repeat top left;
	}
#randomkaas h3
	{
	display: none;
	}
#randomkaas p
	{
	padding: 133px 15px 5px 170px;
	margin: 0 0 9px 0;
	text-align: justify;
	color: #039;
	font: 85%/135% Verdana, sans-serif;
	}
#randomkaas a
	{
	position: absolute;
	top: 20px;
	left: 20px;
	padding-top: 140px;
	display: block;
	width: 130px;
	height: 30px;
	background: url(../images/layout/meer_info_bg.jpg) no-repeat bottom left;
	text-align: center;
	font: bold 120%/30px Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	}
#randomkaas a:hover
	{
	color: #9cf;
	}
#nieuws
	{
	float: left;
	width: 462px;
	margin: 9px 9px 0 0;
	}
#nieuws p
	{
	text-align: justify;
	}
#thumbs
	{
	float: left;
	width: 461px;
	}
div[id=thumbs]
	{
	margin-bottom: 10px;
	}
a#recepten
	{
	border-bottom: 10px solid #fff;
	margin-top: 10px;
	display: block;
	width: 461px;
	height: 225px;
	background: url(../images/layout/recepten_fr_bg.jpg) no-repeat top left;
	}
a#recepten:hover
	{
	background-position: bottom left;
	}	
a#waaromzolekker
	{
	border-bottom: 10px solid #fff;
	margin-top: 10px;
	display: block;
	width: 461px;
	height: 225px;
	background: url(../images/layout/waaromzolekker_fr_bg.jpg) no-repeat top left;
	}
a#waaromzolekker:hover
	{
	background-position: bottom left;
	}	
a#radiospots
	{
	float: left;
	display: block;
	width: 225px;
	height: 225px;
	background: url(../images/layout/herbeluister_fr_bg.jpg) no-repeat top left;
	}
a#radiospots:hover
	{
	background-position: bottom left;
	}
a#herkennen
	{
	float: right;
	display: block;
	width: 225px;
	height: 225px;
	background: url(../images/layout/herkennen_fr_bg.jpg) no-repeat top left;
	}
a#herkennen:hover
	{
	background-position: bottom left;
	}
	
/* =kazen
**************************************************************************************************/

#beemsterkazen
	{
	width: 736px;
	float: left;
	list-style: none;
	margin-right: 0;
	}
div[id=beemsterlitekazen]
	{
	padding-bottom: 0;
	}
#beemsterlitekazen
	{
	width: 194px;
	float: right;
	padding: 0 0 10px 0;
	background: #9cf url(../images/kazen/beemsterlitekazen_bg.gif) no-repeat bottom left;
	margin-left: -9px;
	}
div[id=beemsterkazen],
div[id=beemsterlitekazen]
	{
	margin-bottom: 10px;
	}
#beemsterkazen h2 span,
#beemsterlitekazen h2 span
	{
	display: none;
	}
#beemsterkazen h2,
#beemsterlitekazen h2
	{
	margin-bottom: 0;
	}
#beemsterkazen h2
	{
	height: 40px;
	width: 200px;
	background: url(../images/kazen/beemsterkazen_h2_bg.jpg) no-repeat center left;
	}
#beemsterlitekazen h2 a
	{
	display: block;
	width: 194px;
	height: 40px;
	background: url(../images/kazen/beemsterlitekazen_h2_bg.jpg) no-repeat top left;
	}
#beemsterkazen ul,
#beemsterlitekazen ul
	{
	list-style: none;
	}
#beemsterlitekazen ul
	{
	padding-left: 10px;
	}
ul.kazenlijst li
	{
	float: left;
	width: 174px;
	height: 174px;
	font: bold 130%/40px Arial, sans-serif;
	text-align: center;
	margin: 0 10px 10px 0;
	}
#beemsterlitekazen ul.kazenlijst li
	{
	margin-right: 0;
	}
#beemsterlitekazen ul.kazenlijst li[class=kiezen_lite_gerijpt]
	{
	margin-bottom: 0;
	}
ul.kazenlijst li a
	{
	display: block;
	width: 174px;
	height: 40px;
	padding-top: 134px;
	text-decoration: none;
	color: #fff;
	}
#beemsterlitekazen ul.kazenlijst li a
	{
	color: #39f;
	}
ul.kazenlijst li a:hover
	{
	text-decoration: underline;
	}
ul.kazenlijst li.kiezen_jong
	{
	background: url(../images/kazen/kiezen_jong_bg.jpg) no-repeat;
	}
ul.kazenlijst li.kiezen_jonggerijpt
	{
	background: url(../images/kazen/kiezen_jonggerijpt_bg.jpg) no-repeat;
	}
ul.kazenlijst li.kiezen_belegen
	{
	background: url(../images/kazen/kiezen_belegen_bg.jpg) no-repeat;
	}
ul.kazenlijst li.kiezen_extrabelegen
	{
	background: url(../images/kazen/kiezen_extrabelegen_bg.jpg) no-repeat;
	}
ul.kazenlijst li.kiezen_xo
	{
	background: url(../images/kazen/kiezen_xo_bg.jpg) no-repeat;
	}
ul.kazenlijst li.kiezen_oud
	{
	background: url(../images/kazen/kiezen_oud_bg.jpg) no-repeat;
	}
ul.kazenlijst li.kiezen_classique
	{
	background: url(../images/kazen/kiezen_classique_bg.jpg) no-repeat;
	}
ul.kazenlijst li.kiezen_kruidenkazen
	{
	background: url(../images/kazen/kiezen_kruidenkazen_bg.jpg) no-repeat;
	}
ul.kazenlijst li.kiezen_geitenkaas
	{
	background: url(../images/kazen/kiezen_geitenkaas_bg.jpg) no-repeat;
	}
ul.kazenlijst li.kiezen_lite_mild,
ul.kazenlijst li.kiezen_lite_gerijpt
	{
	background: url(../images/kazen/kiezen_lite_mild_bg.jpg) no-repeat;
	}
	
/* =beemsterlite
**************************************************************************************************/
	
#splash-recepten
	{
	display: block;
	width: 461px;
	height: 225px;
	float: left;
	background: url(../images/recepten/splash_recepten_bg.jpg) no-repeat top center;
	}
#splash-koks
	{
	display: block;
	width: 461px;
	height: 225px;
	float: right;
	background: url(../images/recepten/splash_koks_bg.jpg) no-repeat top center;
	}
#splash-recepten:hover,
#splash-koks:hover
	{
	background-position: bottom center;
	}
a[id=splash-recepten],
a[id=splash-koks]
	{
	border-bottom: 9px solid #fff;
	}
	
/* =hacks
**************************************************************************************************/

.clear
	{
	content: ".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
	}
.clearboth
	{
	clear: both;
	}
	
/* =recepten
**************************************************************************************************/

ul[class=recepten]
	{
	border-bottom: 20px solid #fff;
	}
ul.recepten
	{
	list-style: none;
	border-top: 1px solid #9cf;
	float: left;
	}
ul.recepten li
	{
	padding: 10px 0;
	border-bottom: 1px solid #9cf;
	float: left;
	width: 722px;
	}
ul.recepten li p
	{
	padding: 0;
	margin: 0;
	}
ul.recepten li img
	{
	float: left;
	padding: 1px;
	border: 1px solid #9cf;
	}
ul.recepten li h4,
ul.recepten li p
	{
	width: 558px;
	float: right;
	}
ul.recepten li h4 a
	{
	text-decoration: none;
	color: #06c;
	padding: 3px 25px;
	display: block;
	width: 508px;
	position: relative;
	background: #d9ecff url(../images/layout/ul-links_bg.gif) no-repeat 5px 5px;
	}
ul.recepten li h4 a span
	{
	display: inline;
	position: absolute;
	right: 5px;
	font-weight: normal;
	font-size: 90%;
	}
ul.recepten li h4 a:hover
	{
	color: #09f;
	}
ul.recept-ingredienten
	{
	list-style: none;
	width: 276px;
	color: #06c;
	margin: 15px 0 15px 20px;
	}
ul.recept-ingredienten li
	{
	background: url(../images/layout/ul-ingredients_li_bg.gif) repeat-x bottom left;
	margin: 5px 0;
	position: relative;
	}
ul.recept-ingredienten span.product
	{
	position: absolute;
	right: 0;
	padding: 0 0 0 3px;
	}
ul.recept-ingredienten span
	{
	background: #fff;
	padding-right: 3px;
	}
#kok
	{
	padding: 10px;
	background: #d9ecff;
	font-size: 90%;
	margin-top: 0px;
	color: #036;
	width: 701px;
	float: left;
	border-right: 1px solid #9cf;
	border-bottom: 1px solid #9cf;
	}
#kok p
	{
	margin: 0;
	}
#kok p img
	{
	float: left;
	padding-right: 10px;
	}
#samenvatting ul
	{
	width: 357px;
	list-style: none;
	color: #06c;
	font: 85%/140% Verdana, sans-serif;
	margin: 10px 0 15px 0;
	border-top: 1px solid #d9ecff;
	}
#samenvatting ul li
	{
	background: url(../images/layout/ul-links_bg.gif) no-repeat 0 7px;
	padding: 5px 5px 5px 20px;
	border-bottom: 1px solid #d9ecff;
	}
ul.beemsterlite {
	list-style: none;
	}
ul[class=beemsterlite] a
	{
	border-bottom: 10px solid #fff;
	}
ul.beemsterlite li.mild
	{
	float: left;
	}
ul.beemsterlite li.gerijpt
	{
	float: right;
	}
ul.beemsterlite li a
	{
	display: block;
	height: 225px;
	width: 461px;
	background-repeat: no-repeat;
	}
ul.beemsterlite li.mild a
	{
	background-image: url(../images/kazen/lite/splash-mild_fr_bg.jpg);
	}
ul.beemsterlite li.gerijpt a
	{
	background-image: url(../images/kazen/lite/splash-gerijpt_fr_bg.jpg);
	}
body.beemsterlite h2
	{
	height: 40px;
	background: url(../images/kazen/beemsterlite_h2_bg.jpg) no-repeat center top;
	margin-bottom: 9px;
	}
body.beemsterlite h2 span
	{
	display: none;
	}
	
/* =media
**************************************************************************************************/

table.media
	{
	width: 100%;
	border: 1px solid #9cf;
	}
table.media td
	{
	border-top: 1px solid #9cf;
	padding: 5px;
	line-height: 17px;
	text-align: center;
	font-size: 90%;
	color: #039;
	}
table.media td.audio,
table.media td.video,
table.media td.print
	{
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: 4px 4px;
	text-align: left;
	}
table.media td.audio
	{
	background-image: url(../images/media/icon_audio.gif);
	}
table.media td.video
	{
	background-image: url(../images/media/icon_video.gif);
	}
table.media td.print
	{
	background-image: url(../images/media/icon_print.gif);
	}
.rowtint
	{
	background-color: #d9ecff;
	}
table.media th
	{
	background: #fff url(../images/media/table_th_bg.gif) repeat-x top center;
	line-height: 30px;
	font-size: 120%;
	color: #06c;
	}
table.media th.naam
	{
	text-align: left;
	padding-left: 30px;
	}

/* =voorverpakkingen
**************************************************************************************************/

#voorverpakkingen
	{
	width: 932px;
	float: right;
	}
#voorverpakkingen ul
	{
	list-style: none;
	float: left;
	border-bottom: 10px solid #fff;
	margin-top: 5px;
	}
#voorverpakkingen li
	{
	float: left;
	border-right: 1px solid #9cf;
	border-bottom: 1px solid #9cf;
	width: 224px;
	text-align: center;
	background: #d9ecff;
	margin-right: 10px;
	padding-bottom: 10px;
	}
#voorverpakkingen li.last
	{
	margin-right: 0;
	margin-left: 1px;
	}
	
/* =formulieren
**************************************************************************************************/	

form {
	margin: 10px 0;
	}
form label {
	display: block;
	font-weight: bold;
	margin: 5px 0;
	color: #039;
	}
form input,
form textarea {
	display: block;
	border: 1px solid #9cf;
	margin: 5px 0;
	padding: 3px;
	width: 400px;
	}
form input.button {
	width: 60px;
	background: #d9ecff;
	color: #039;
	display: inline;
	padding: 1px;
	}
form input.check {
	width: auto;
	display: inline;
	padding: 0;
	border: 0;
	}
form p {
	margin-left: 0;
	font-weight: bold;
	}