/* stylesheet: okke houdt van...  */
/* versie 3.51 - 01-02-2012        */
/* robertjan@eend.nl / maaike@eend.nl   */
 
/*
schone start gebaseerd op eric meyer
http://meyerweb.com/eric/tools/css/reset/
v1.1 | 20080422 
-------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background:transparent;
	border:0;
	font-size:100%;
	margin:0;
	outline:0;
	padding:0;
	text-decoration:none;
	vertical-align:baseline;
}

ol, ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	margin:1em 0;
}

a:focus {
	outline:1px dotted #539B19;
}

/* Algemeen
-------------------------------------------- */
body {
	background:#FFF url(../img/bg_kruisbessen.jpg) no-repeat 100% 0;
	color:#000;
	font:12.5px/1.4 arial, helvetica, sans-serif;
	text-align:center;
}

ul, ol, p {
	margin:0 0 20px;
}

ul ul, ol ol {
	margin:0;
}

li p:last-child {
	margin-bottom:0;
}

table {
	margin:20px 0;
	width:100%;
}

input, select, textarea {
	font:normal 100% arial, helvetica, sans-serif;
}

h1 {
	font:normal 250% georgia, palatino, "times new roman", times, serif;
	margin-bottom:20px;
}

h2, caption {
	font:normal 110% georgia, palatino, "times new roman", times, serif;
	letter-spacing:.05em;
	margin-bottom:4px;
	text-transform:uppercase;
	text-align:left;
}

a {
	color:#1C4F01;
	text-decoration:underline;
}

a:focus, a:hover {
	color:#1C2C11;
}

dt {
	font-style:italic;
}

td, th {
	padding:5px 10px 5px 0;
	border-bottom:1px solid #539B19;
	border-collapse:collapse;
	text-align:left;
}

label {
	display:block;
	font-size:91%;
	margin-top:10px;
}

label input {
	border:none;
	padding:0;
	width:auto;
}

input, textarea {
	border:1px solid #888;
	padding:2px 2px 3px;
}

select {
	border:1px solid #888;
}

option {
	padding:1px;
}

input:focus, textarea:focus, select:focus {
	border-color:#000;
}

q {
	font-style:italic;
}

.button {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#520021;
	border:2px solid #520021 !important;
	border-bottom-radius:5px;
	border-bottom-width:3px !important;
	color:#FFF;
	cursor:pointer;
	margin-left:4px;
	overflow:visible;
	padding:0 2px;
	width:auto !important;
	padding-top:1px;
	font-size:91%;
}

.button:hover, .button:focus {
	background:#38041C;
	border-color:#38041C !important;
}

.smalltext {
	font-size:91%;
	margin-bottom:15px;
}

.wrap {
	margin:0 auto;
	overflow:hidden;
	padding:0 50px 0 50px;
	position:relative;
	text-align:left;
	width:860px;
}

.summary {
	font-weight:bold;
}

a.comments {
	background:url(../img/icon_sprite.png) no-repeat 0 0;
	clear: left;
	display:block;
	padding:0 0 3px 27px;
	text-decoration:none;
	font-size:96%;
}

a.comments:visited {
	color:#1C4F01 !important;
}

.hyves, .email, .print, .meer, .more-link, .youtube, .twitter, .facebook, .like, .feed, .terug, #pagenav a {
	padding-bottom:1px;
	padding-left:20px;
}

.tip {
	background:url(../img/icon_sprite.png) no-repeat 0 -750px;
	padding-top:30px;
}

.like {
	background:url(../img/icon_sprite.png) no-repeat 0 -549px;
}

.comments {
	background:url(../img/icon_sprite.png) no-repeat 0 -489px;
	padding:0 0 0 30px;
}

.terug, #pagenav a {
	background:url(../img/icon_sprite.png) no-repeat 0 -449px;
}

.hyves {
	background:url(../img/icon_sprite.png) no-repeat 0 -400px;
}

.email {
	background:url(../img/icon_sprite.png) no-repeat 0 -350px;
}

.print {
	background:url(../img/icon_sprite.png) no-repeat 0 -300px;
}

.meer, .more-link, #pagenav .first a {
	background:url(../img/icon_sprite.png) no-repeat 0 -250px;
}

.meer, .more-link, #pagenav .first a:visited {
	color:#1b2c10 !important;
}

.youtube {
	background:url(../img/icon_sprite.png) no-repeat 0 -200px;
}

.twitter {
	background:url(../img/icon_sprite.png) no-repeat 0 -150px;
}

.facebook {
	background:url(../img/icon_sprite.png) no-repeat 0 -100px;
}

.feed {
	background:url(../img/icon_sprite.png) no-repeat 0 -50px;
}

.share {
	border:1px dotted #539B19;
	border-width:1px 0;
	margin-bottom:20px;
	overflow:hidden;
	padding:5px 3px;
	clear:left;
}

div+div.share, form+div.share {
	margin-top:20px;
}

.share a {
	color:#000;
	text-decoration:none;
}

.share a:focus, .share a:hover {
	text-decoration:underline;
}


.tip h2 {
	font-size:160%;
	letter-spacing:0;
	text-transform:none;
}

.tip h2 a {
	color:#539B19;
	text-decoration:none;
}

.tip h2 a:focus, .tip h2 a:hover {
	color:#1C2C11;
}

/* #header
-------------------------------------- */
#header {
	background:url(../img/bg_header.png) no-repeat 65% 0;
	height:160px;
	min-width:860px;
	border-bottom:40px solid #FFF;
}

#header img {
	margin-top:46px;
	position:relative;
}

/* #content
-------------------------------------- */
#content {
 overflow:hidden;
	position:relative;
}

#content #main {
	float:left;
	width:540px;
}

#content #main a:visited {
	color:#1C4F01;
}

#content #main ul li {
	background:url(../img/sitenav_sprite_kruisbessen.png) no-repeat 0 -94px;
	padding-left:13px;
}

#content #main ol li {
	list-style:decimal;
	margin-left:30px;
}

#content #main .share li {
	background-image:none;
	float:left;
	padding-left:0;
	padding-right:15px;
}

#content #aside {
	float:right;
	padding-bottom:120px;
	width:280px;
}

#content #aside div, #content #aside form {
	margin-bottom:20px;
}

#content #aside .smalltext {
	color:#666;
}

#content #aside .smalltext, div.date {
	color:#666;
	margin-bottom:20px;
}

.etalage ol {
	list-style:inside decimal;
}

/* #ingredients
-------------------------------------- */
#ingredients {
	border:1px dotted #539B19;
	border-width:1px 0;
	margin-bottom:15px;
	overflow:hidden;
	padding-left:140px;
	padding-top:10px;
	position:relative;
}

#printen {
	background:url(../img/icon_sprite.png) no-repeat 2px -300px;
	position:absolute;
	right:0;
	padding-left:21px;
	cursor:pointer;
}

#printen:hover {
	background-color:#faf7e6;
}

#ingredients .extra {
	float:left;
	left:-140px;
	margin-right:-140px;
	position:relative;
	top:2px;
	width:127px;
}

#ingredients ul {
	margin-bottom:15px;
}

#ingredients dl {
	border-bottom: 1px dotted #539B19;
	margin: 0 0 15px;
	overflow: auto;
	padding: 0 0 10px;
}

#ingredients dl dt {
	clear: left;
	float: left;
	font-style: normal;
	margin: 0 5px 0 0;
}

#ingredients dl dd {
	float: left;
	font-weight: bold;
	margin: 0;
 padding-bottom:3px;
}

/* #commentslist
-------------------------------------- */
#commentslist {
	margin-bottom:40px;
}

.home #commentslist li {
	list-style:none inside !important;
}

#commentslist li {
	list-style:decimal inside !important;
	margin-left:0 !important;
}

#commentslist h3 {
	color:#468515;
	display:inline;
	font-weight:normal;
}

#commentslist div {
	background:#F7F5E0;
	margin:10px 0 20px;
	padding:10px 13px;
}

#commentslist .owner div {
	background:#F7F5E0 url(../img/okke.png) no-repeat 13px 12px;
	padding-left:65px;
	min-height:38px;
}

/* #commentform
-------------------------------------- */
#commentform input {
	width:358px;
}

#commentform textarea {
	width:498px;
}

#commentform .button {
	margin:10px 0;
}

#what p {
/*font-size:91%;*/
}

.notify {
	margin-top: 20px;
	overflow: auto;
}

.notify input {
	float: left;
	width: 40px;
 border: none;
}

.notify label {
	float: left;
	margin: 0;
}

/* #sitenav
-------------------------------------- */
#sitenav {
	background:#520021 url(../img/sitenav_sprite_kruisbessen.png) repeat-x 0 0;
	font:normal 120% georgia, palatino, "times new roman", times, serif;
	height:33px;
	left:0;
	position:absolute;
	text-transform:uppercase;
	top:140px;
	width:100%;
	z-index:10;
	letter-spacing:0.5px;
}

#sitenav ul {
	overflow:hidden;
	height:33px;
	margin:0;
	padding:0;
	z-index:1000;
}

#sitenav li {
	float:left;
}

#sitenav a {
	color:#FFF;
	float:left;
	line-height:33px;
	margin-right:45px;
	text-decoration:none;
}

#sitenav .actief, #sitenav .current_page_item {
	background:url(../img/sitenav_sprite_kruisbessen.png) no-repeat 50% -50px;
	float:left;
	height:33px;
}

#sitenav a:focus, #sitenav a:hover {
	color:#EFCADF;
}

/* #subnav
-------------------------------------- */
#subnav {
	border-bottom:none;
}

#subnav li {
	border-bottom:1px solid #539B19;
}

#subnav li:last-child {
	border:none;
}

#subnav li a {
	background:url(../img/icon_sprite.png) no-repeat 6px -537px;
	display:block;
	padding:6px 0 6px 20px;
	text-decoration:none;
}

#subnav li a:focus, #subnav li a:hover {
	background-color:#FAF7E6;
 outline:none;
}

/* #footer
-------------------------------------- */
#footer {
	background:#F7F5E0;
	padding-bottom:80px;
	position:relative;
	top:30px;
	width:100%;
}

#footer h2 {
	color:#539B19;
	margin-bottom:5px;
}

#footer input {
	width:158px;
}

#footer .smalltext {
	margin-bottom:0;
	margin-top:10px;
}

#footer .wrap {
	overflow:visible;
}

#footer .footerdecor {
	background:url(../img/footer_kruisbessen.png) no-repeat 100% 0;
	height:220px;
	left:595px;
	position:absolute;
	top:-150px;
	width:300px;
}

#footer .footerwrap {
	background:url(../img/dotted_sprite.png) repeat-y -360px 0;
	overflow:hidden;
	position:relative;
	top:40px;
}

#footer .footerwrap div {
	position:relative;
}

#footer li {
	margin-bottom:5px;
}

.netwerk, #okkenetwerk {
	float:left;
	margin-right:30px;
	width:180px;
}

.social {
	float:left;
	margin-right:30px;
	width:150px;
}

.nieuwsbrief {
	float:left;
	margin-right:30px;
	width:270px;
}

.nieuwsbrief p {
	margin-bottom:10px;
}

.service {
	float:left;
	width:160px;
}

.service .feed {
	position:relative;
	top:20px;
}

img.alignnone, img.alignright, img.alignleft, img.size-thumbnail {
	float:left;
	width:127px;
	margin:0 13px 13px 0;
	clear:both;
}

img.alignright {
	float:right;
	margin:0 0 13px 13px;
}

div.categorie {
	background-color:#539B19;
	padding:3px 6px;
	float:left;
	margin-bottom:10px;
	color:#fafaed;
	font:100% georgia, palatino, "times new roman", times, serif;
}

/* #sitesearch
-------------------------------------- */
#sitesearch label {
	position:absolute;
	top:-5000px;
}

#sitesearch input {
	width:222px;
}

/* #searchagain
-------------------------------------- */
#searchagain {
	margin-bottom:40px;
}

#searchagain label {
	font:normal 110% georgia, palatino, "times new roman", times, serif;
	letter-spacing:.05em;
	margin-bottom:10px;
	text-transform:uppercase;
}

#searchagain input {
	width:328px;
}

/* #oversite
-------------------------------------- */
#oversite {
	background:#FAFBEE url(../img/bg_okke.png) no-repeat 100% 100%;
	border:1px dotted #539B19;
	margin-bottom:20px;
	padding:10px 10px 0;
}

#oversite li {
	margin-bottom:5px;
}

/*#oversite li.fblike {
 margin-top:30px;
 margin-bottom:-30px
}*/

#aside #oversite {
	padding-bottom:20px;
	min-height:190px;
}

/* #abonneer
-------------------------------------- */
#abonneer {
	background-color:#1C4F01;
	padding:2px;
	margin-bottom:30px !important;
	color:#fff;
}

#abonneer h2 {
	margin-bottom:10px;
}

#abonneer fieldset {
	border:1px dotted #fff;
	padding:18px 10px 0;
}

body form#abonneer label {
	color:#C2D3B6 !important;
}

#abonneer input {
	width:240px;
	margin-bottom:8px;
	margin-top:2px;
	border:1px solid #57A01B;
}

#abonneer input:focus {
	border-color:#508C17;
}

#abonneer input.button {
	background:#57A01B url(../img/pijltje.png) 10% 55% no-repeat;
	border:none !important;
	padding:3px 7px 2px 22px;
	margin-left:0;
}

#abonneer input.button:hover {
	background-color:#508C17;
}

#abonneer .smalltext {
	margin-top:10px;
}

body #aside form#abonneer .smalltext {
	margin-top:5px;
	color:#C2D3B6 !important;
	margin-bottom:15px;
}

/* #js-netwerk
-------------------------------------- */
#js-netwerk {
	background-color:#1B2C10;
	background-color:rgba(15, 33, 3, 0.95);
	left:0;
	overflow:hidden;
	padding:3px 0;
	position:absolute;
	top:0;
	width:100%;
}

#js-netwerk h2, #js-netwerk ul, #js-netwerk li {
	float:left;
	font:12px/20px arial, helvetica, sans-serif;
	margin-bottom:0;
	text-transform:none;
}

#js-netwerk h2, #js-netwerk a {
	color:#FFF;
	padding-right:13px;
	text-decoration:none;
}

#js-netwerk a:focus, #js-netwerk a:hover {
	text-decoration:underline;
}

#js-netwerk h2 {
	color:#E1E9BF;
	font-style:italic;
}

#js-netwerk a:focus, #js-netwerk a:hover {
	text-decoration:underline;
}

/* .home & .search
-------------------------------------- */
.home #header {
	height:200px;
	border:none;
}

.home #okke {
	background-color:#FAF7E6;
	background-color:rgba(249, 250, 235, 0.9);
	border:1px dotted #539B19;
	border-width:1px 0;
	margin-bottom:20px;
	position:relative;
	top:-10px;
	width:100%;
}

.home #okke .wrap {
	background:url(../img/dotted_sprite.png) repeat-y 599px 0;
}

.home #okke .okkewrap {
	background:url(../img/bg_okke.png) no-repeat 400px 100%;
	overflow:hidden;
	padding:3px 0;
}

.home #oversite {
	background:none;
	border:none;
	float:right;
	margin-bottom:0;
	padding:20px 0 10px 0;
	width:282px;
}

.home #oversite li {
	float:left;
	margin-right:20px;
}

.home #oversite p {
	margin-bottom:5px;
}

.home #doemee {
	float:left;
	min-height:110px;
	padding:20px 180px 0 0;
	width:370px;
}

.home .hrecipe, .search .hrecipe, .archive .hrecipe, .result {
	background:url(../img/dotted_sprite.png) no-repeat -1360px 100%;
	margin-bottom:20px;
	overflow:hidden;
	padding-left:140px;
	clear:left;
}

.hrecipe.intro {
	border-bottom:1px dotted #539B19;
	margin-bottom:30px;
	background:none;
}

.home .hrecipe h2, .search .hrecipe h2, .archive .hrecipe h2, .result h2 {
	font-size:200%;
	left:-140px;
	letter-spacing:.02em;
	margin-bottom:5px;
	margin-right:-140px;
	position:relative;
	text-transform:none;
	width:540px;
}

.hrecipe.overview h2 {
	font-size: 170%;
	margin-bottom: 20px;
}

.hrecipe.overview h2 a {
	background:url(../img/icon_sprite.png) no-repeat 0 -246px;
	padding: 0 0 0 20px;
}

.home .hrecipe h2 a, .search .hrecipe h2 a, .archive .hrecipe h2 a {
	color:#539B19;
	text-decoration:none;
}

.home .hrecipe h2 a:focus, .home .hrecipe h2 a:hover, .search .hrecipe h2 a:focus, .search .hrecipe h2 a:hover, .archive .hrecipe h2 a:focus, .archive .hrecipe h2 a:hover {
	color:#1C2C11;
}

.home .hrecipe .extra, .search .hrecipe .extra, .archive .hrecipe .extra, .result .extra {
	float:left;
	left:-140px;
	margin-right:-140px;
	position:relative;
	top:4px;
	width:127px !important;
}

a.photo {
	border: 1px solid #4a841e;
	float: left;
	height: 127px;
	margin: 0 10px 10px 0 !important;
	position: relative;
	width: 127px;
}

a.photo.alignright {
	float: right;
	margin: 0 0 10px 10px !important;
}

a.photo img {
	display: block;
}

a.photo span {
	background: #4a841e url(../img/bg.zoom.png) no-repeat left top;
	bottom: 0;
	height: 20px;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	width: 20px;
}

a.photo:hover {
	border-color: #264e00;
}

a.photo:hover span {
	background-color: #264e00;
	background-position: left bottom;
}

div.wp-caption {
	position:relative;
	top:4px;
	float:left;
	width:127px !important;
	margin-right:13px;
}

div.wp-caption .wp-caption-text {
	font-size:96%;
	line-height:1.2;
	margin-top:4px;
	color:#666;
}

.home .hrecipe .summary, .search .hrecipe .summary, .archive .hrecipe .summary, .result .summary {
	font-weight:normal;
}

.home .hrecipe .photo, .search .hrecipe .photo, .archive .hrecipe .photo {
	margin-bottom:4px;
}

/* .home #pagenav */
#pagenav {
	overflow:hidden;
	list-style-type:none !important;
}

#pagenav.page {
 position:relative;
 top:15px;
 border-top:1px dotted #539B19;
 padding-top:12px;
}

/* .home #content #main #pagenav li {*/
#content #main ul#pagenav li {
	background-image:none;
	float:left;
	padding-left:0;
	width:50%;
}

#content #main ul#pagenav li a:visited {
	color:#1C4F01;
}

#content #main #pagenav li.first {
	float:right;
	text-align:right;
}

.home #commentslist {
	margin-bottom:0;
	margin-top:10px;
}

.home #commentslist li {
	list-style:none outside;
	margin-bottom:20px;
}

.home #commentslist li .who {
	color:#666;
}

.home #aside div {
	border-bottom:1px dotted #539B19;
}

.home #aside div:last-child {
	border-bottom:none;
}

/* .search
-------------------------------------- */
.home .result, .search .result, .archive .result {
	background:url(../img/dotted_sprite.png) no-repeat -1360px 100%;
	margin-bottom:20px;
	overflow:hidden;
	clear:left;
}

.home .result h2, .search .result h2, .archive .result h2 {
	font-size:200%;
	letter-spacing:.02em;
	margin-bottom:5px;
	text-transform:none;
}

.home .result h2 a, .search .result h2 a, .archive .result h2 a {
	color:#539B19;
	text-decoration:none;
}

.home .hrecipe h2 a:focus, .home .hrecipe h2 a:hover, .home .result h2 a:focus, .home .result h2 a:hover, .search .result h2 a:focus, .search .result h2 a:hover, .archive .result h2 a:focus, .archive .result h2 a:hover {
	color:#1C2C11;
}

/* @font-face generated by Font Squirrel
---------------------------------------- */
@font-face {
font-family: 'WorstveldSlingRegular';
src: url('../fonts/worstveld_sling-webfont.eot');
src: local('?'), url('../fonts/worstveld_sling-webfont.woff') format('woff'), url('../fonts/worstveld_sling-webfont.ttf') format('truetype'), url('../fonts/worstveld_sling-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}

#oversite h2, #doemee h2, h2.comments {
	font:normal 36px/1 'WorstveldSlingRegular', sans-serif;
	text-transform:none;
	letter-spacing:0;
	margin:0;
}

/* Lightbox 
---------------------------------------- */
#lightbox {
	background-color:#eee;
	padding: 20px;
}

#lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
}

#lightboxCaption {
	float: left;
}

#keyboardMsg {
	float: right;
}

#lightbox img {
	border: none;
	display:block;
}

#lightboxOverlay img {
	border: none;
}

#lightboxOverlay {
	background-image: url(../img/overlay.png);
}

#closeButton {
	top:0;
	right:0;
}

/* Speciaal voor IE7
---------------------------------------- */
*:first-child+html #js-netwerk {
	background-color:#1B2C10;
}

*:first-child+html .home #okke {
	background-color: #FAF7E6;
}

/* Speciaal voor IE6
---------------------------------------- */
* {
	_zoom:1
}

* ol li {
	_zoom:0;
}

#js-netwerk {
	_background-color:#1B2C10;
}

.home #okke {
	_background-color: #FAF7E6;
}

/* #kweeperen
---------------------------------------- */
body#kweeperen {
	background-image:url(../img/bg_kweeperen.jpg);
}

#kweeperen .button {
	background:#073059;
	border-color:#073059 !important;
}

#kweeperen #content #main a:visited, #kweeperen #content #main a:hover {
	color:#1C4F01;
}

#kweeperen #content #main ul li {
	background-image:url(../img/sitenav_sprite_kweeperen.png);
}

#kweeperen #content #main ul#pagenav li {
	background-image:none;
	padding:10px 0;
}

#kweeperen #content #aside {
	padding-bottom:160px; /* 40px minder dan de top-waarde bij .footerdecor*/
}

#kweeperen #sitenav {
	background:#073059 url(../img/sitenav_sprite_kweeperen.png) repeat-x 0 0;
}

#kweeperen #sitenav a:focus, #kweeperen #sitenav a:hover {
	color:#9ECBF8;
}

#kweeperen #abonneer {
	border-color:#073059;
}

#kweeperen #footer .footerdecor {
	background:url(../img/footer_kweepeer.jpg) no-repeat 100% 0;
	height:285px;
	left:590px;
	top:-202px;
	width:335px;
}

/* #vijg
---------------------------------------- */
body#vijgen {
	background-image:url(../img/bg_vijgen.jpg);
}

#vijgen .button {
	background:#820D2A;
	border-color:#820D2A !important;
}

#vijgen .button:hover, #vijgen .button:focus {
	background-color:#6B0D15;
	border-color:#6B0D15 !important;
}

/*#vijgen #content #main a:visited {
	color:#073059;
}*/

#content #aside {
	padding-bottom:160px; /* 40px minder dan de top-waarde bij .footerdecor*/
}

#vijgen #sitenav {
	background:#820D2A url(../img/sitenav_sprite_vijgen.png) repeat-x 0 0;
}

#vijgen #sitenav a:focus, #vijgen #sitenav a:hover {
	color:#EDB2B7;
}

#vijgen #footer .footerdecor {
	background:url(../img/footer_vijgen2.jpg) no-repeat 100% 0;
	height:285px;
	left:590px;
	position:absolute;
	top:-208px;
	width:335px;
}

/* #snijbiet
---------------------------------------- */
body#snijbiet {
	background-image:url(../img/bg_snijbiet.jpg);
}

#snijbiet .button {
	background:#AD160E;
	border-color:#AD160E !important;
}

#snijbiet .button:hover, #snijbiet .button:focus {
	background-color:#6B0D15;
	border-color:#6B0D15 !important;
}

#snijbiet #content #main a:visited {
	color:#073059;
}

#content #aside {
	padding-bottom:160px; /* 40px minder dan de top-waarde bij .footerdecor*/
}

#snijbiet #sitenav {
	background:#AD160E url(../img/sitenav_sprite_snijbiet.png) repeat-x 0 0;
}

#snijbiet #sitenav a:focus, #snijbiet #sitenav a:hover {
	color:#EDB2B7;
}

#snijbiet #footer .footerdecor {
	background:url(../img/footer_snijbiet.jpg) no-repeat 100% 0;
	height:285px;
	left:590px;
	position:absolute;
	top:-144px;
	width:335px;
}

/* #cranberry
---------------------------------------- */
body#cranberry {
	background-image:url(../img/bg_cranberry.jpg);
}

#cranberry .button {
	background:#C40C38;
	border-color:#C40C38 !important;
}

#cranberry .button:hover, #cranberry .button:focus {
	background-color:#A30D31;
	border-color:#A30D31 !important;
}

/*#cranberry #content #main a:visited {
	color:#073059;
}*/

#content #aside {
	padding-bottom:160px; /* 40px minder dan de top-waarde bij .footerdecor*/
}

#cranberry #sitenav {
	background:#C40C38 url(../img/sitenav_sprite_cranberry.png) repeat-x 0 0;
}

#cranberry #sitenav a:focus, #cranberry #sitenav a:hover {
	color:#EDB2B7;
}

#cranberry #footer .footerdecor {
	background:url(../img/footer_cranberry.jpg) no-repeat 100% 0;
	height:285px;
	left:590px;
	position:absolute;
	top:-145px;
	width:335px;
}

/* #schorseneren
---------------------------------------- */
body#schorseneren {
	background-image:url(../img/bg_schorseneren.jpg);
}

#schorseneren .button {
	background:#0b8a9b;
	border-color:#0b8a9b !important;
}

#schorseneren .button:hover, #schorseneren .button:focus {
	background-color:#A30D31;
	border-color:#A30D31 !important;
}

#schorseneren #content #main a:visited {
	color:#073059;
}

#schorseneren #content #aside {
	padding-bottom:160px; /* 40px minder dan de top-waarde bij .footerdecor*/
}

#schorseneren #sitenav {
	background:#0b8a9b url(../img/sitenav_sprite_schorseneren.png) repeat-x 0 0;
}

#schorseneren #sitenav a:focus, #schorseneren #sitenav a:hover {
	color:#B8F3F4;
}

#schorseneren #footer .footerdecor {
	background:url(../img/footer_schorseneren.jpg) no-repeat 100% 0;
	height:285px;
	left:590px;
	position:absolute;
	top:-145px;
	width:335px;
}

/* #pastinaak
---------------------------------------- */
body#pastinaak {
	background-image:url(../img/bg_pastinaak.jpg);
}

#pastinaak .button {
	background:#d7730b;
	border-color:#d7730b !important;
}

#pastinaak .button:hover, #pastinaak .button:focus {
	background-color:#C16508;
	border-color:#C16508 !important;
}

#pastinaak #content #main a:visited {
	color:#073059;
}

#pastinaak #content #aside {
	padding-bottom:160px; /* 40px minder dan de top-waarde bij .footerdecor*/
}

#pastinaak #sitenav {
	background:#d7730b url(../img/sitenav_sprite_pastinaak.png) repeat-x 0 0;
}
#pastinaak #sitenav a:focus, #pastinaak #sitenav a:hover {
	color:#FFE4CC;
}

#pastinaak #footer .footerdecor {
	background:url(../img/footer_pastinaak.jpg) no-repeat 100% 0;
	height:285px;
	left:590px;
	position:absolute;
	top:-145px;
	width:335px;
}

/* #vlierbessen
---------------------------------------- */
body#vlierbessen {
	background-image:url(../img/bg_vlierbes.jpg);
}

#vlierbessen .button {
	background:#a7005b;
	border-color:#a7005b !important;
}

#vlierbessen .button:hover, #vlierbessen .button:focus {
	background-color:#870352;
	border-color:#870352 !important;
}

#vlierbessen #content #main a:visited {
	color:#073059;
}

#vlierbessen #content #aside {
	padding-bottom:160px; /* 40px minder dan de top-waarde bij .footerdecor*/
}

#vlierbessen #sitenav {
	background:#a7005b url(../img/sitenav_sprite_vlierbes.png) repeat-x 0 0;
}

#vlierbessen #sitenav a:focus, #vlierbessen #sitenav a:hover {
	color:#F9CDE7;
}

#vlierbessen #footer .footerdecor {
	background:url(../img/footer_vlierbes.jpg) no-repeat 100% 0;
	height:285px;
	left:590px;
	position:absolute;
	top:-155px;
	width:335px;
}

/* #hopscheuten
---------------------------------------- */
body#hopscheuten {
	background-image:url(../img/bg_hopscheuten.jpg);
}

#hopscheuten .button {
	background:#4d204e;
	border-color:#4d204e !important;
}

#hopscheuten .button:hover, #hopscheuten .button:focus {
	background-color:#331435;
	border-color:#331435 !important;
}

#hopscheuten #content #main a:visited {
	color:#073059;
}

#hopscheuten #content #aside {
	padding-bottom:160px; /* 40px minder dan de top-waarde bij .footerdecor*/
}

#hopscheuten #sitenav {
	background:#4d204e url(../img/sitenav_sprite_hopscheuten.png) repeat-x 0 0;
}

#hopscheuten #sitenav a:focus, #hopscheuten #sitenav a:hover {
	color:#e8d8ea;
}

#hopscheuten #footer .footerdecor {
	background:url(../img/footer_hopscheuten.jpg) no-repeat 100% 0;
	height:285px;
	left:590px;
	position:absolute;
	top:-145px;
	width:335px;
}

/* #tuinbonen
---------------------------------------- */
body#tuinboon {
	background-image:url(../img/bg_tuinboon.jpg);
}

#tuinboon .button {
	background:#0f488c;
	border-color:#0f488c !important;
}

#tuinboon .button:hover, #tuinboon .button:focus {
	background-color:#072C75;
	border-color:#072C75 !important;
}

#tuinboon #content #main a:visited {
	color:#073059;
}

#tuinboon #content #aside {
	padding-bottom:160px; /* 40px minder dan de top-waarde bij .footerdecor*/
}

#tuinboon #sitenav {
	background:#0f488c url(../img/sitenav_sprite_tuinboon.png) repeat-x 0 0;
}

#tuinboon #sitenav a:focus, #tuinboon #sitenav a:hover {
	color:#D2E7F9;
}

#tuinboon #footer .footerdecor {
	background:url(../img/footer_tuinboon.jpg) no-repeat 100% 0;
	height:285px;
	left:590px;
	position:absolute;
	top:-145px;
	width:335px;
}

/* #sla
---------------------------------------- */
body#sla {
	background-image:url(../img/bg_sla.jpg);
}

#sla .button {
	background:#635B1F;
	border-color:#635B1F !important;
}

#sla .button:hover, #sla .button:focus {
	background-color:#4C4416;
	border-color:#4C4416 !important;
}

#sla #content #main a:visited {
	color:#073059;
}

#sla #content #aside {
	padding-bottom:160px; /* 40px minder dan de top-waarde bij .footerdecor*/
}

#sla #sitenav {
	background:#635a23 url(../img/sitenav_sprite_sla.png) repeat-x 0 0;
}

#sla #sitenav a:focus, #sla #sitenav a:hover {
	color:#eae9e1;
}

#sla #footer .footerdecor {
	background:url(../img/footer_sla.jpg) no-repeat 100% 0;
	height:285px;
	left:590px;
	position:absolute;
	top:-145px;
	width:335px;
}

/*
Facebook-like box
*/

.fbConnectWidgetFooter {
	background-color:#FFFFFF;
	bottom:0;
	cursor:default;
	display:none;
	position:absolute;
	width:100%;
}

.fan_box .connections_grid .grid_item {
	float:left;
	overflow:hidden;
	padding:0 2px 8px 0;
	width:50px;
}

.fbConnectWidgetTopmost {
	border:1px solid #AAAAAA;
	overflow:hidden;
	padding:0;
	position:relative;
}

.uiButtonSpecial {
	background-color:#3B5998;
	background-position:0 -96px;
	border-color:#3B5998;
	left:5px;
	top:10px;
	position:absolute;
}

.uiButtonSpecial:active {
	background:none repeat scroll 0 0 #3B5998;
	border-bottom-color:#3B5998;
}

.pvm {
	padding-bottom:10px;
	padding-left:105px;
	padding-top:8px;
	position:relative;
}

/* Aanmeldpagina */

#content #main form ul.subscribe-reloaded-list {
	margin-bottom:1em;
	overflow:auto;
}

#content #main form ul.subscribe-reloaded-list li {
	background:none !important;
	padding-left:0;
	float:left;
	clear:left;
	margin-bottom:.5em;
}

ul.subscribe-reloaded-list li input {
	float:left;
	margin-right:8px;
}

ul.subscribe-reloaded-list li label {
	float:left;
	margin-top:.1em;
	font-size:100%;
	min-width:510px;
}

form#post_list_form label {
	display:inline;
	font-size:100%;
}

form#post_list_form input {
	border:none;
}

ul.subscribe-reloaded-list li span {
	float:left;
}

ul.subscribe-reloaded-list li span.subscribe-separator-1 {
	display:none;
}

ul.subscribe-reloaded-list li span.subscribe-column-3 {
	font-weight:bold;
}

ul.subscribe-reloaded-list li span.subscribe-separator {
	padding:0 5px;
}

ul.subscribe-reloaded-list+p {
	clear:left;
}

span.subscribe-column-2 {
	font-style:italic;
}

input.subscribe-form-button {
	background:#57A01B url(../img/pijltje.png) 5% 55% no-repeat;
	border:none !important;
	padding:5px 7px 4px 22px;
	margin-left:0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-bottom-radius:5px;
	border-bottom-width:3px !important;
	color:#FFF;
	cursor:pointer;
	margin-left:4px;
	overflow:visible;
	width:auto !important;
}

input.subscribe-form-button:hover {
	background-color:#508C17;
}

/* @media */
@media only screen and (max-width: 860px) {
body{background-position:120px 0}
 #header{min-width:640px;background-position:60% 0 !important}
.wrap {padding:0 5%;width:90%;overflow:visible;}
.home #header {height:240px}
.home #okke .wrap {padding:0;width:100%;background-image: none;}
.home #okke .okkewrap {background-position: 100% 100%;padding: 0 5%}
.home #doemee,.home #oversite {float:none;width:500px;}
#content #main, #content #aside{float:none;width:100%;}
#content #aside #sitesearch {border: 1px dotted #539B19;border-width:1px 0;padding:20px 0;}
#content #aside #abonneer-alt{border-bottom: 1px dotted #539B19;}
#sitenav {background-image: none !important}
#sitenav,#sitenav ul{overflow:visible;height:auto;}
#sitesearch label {position: relative;top:0;margin-top:0;}
#footer .footerdecor {left:5% !important;margin-right:0 !important}
#footer .footerwrap {top:60px;background-image:none}
#footer .footerwrap div {width:100%;float:none;border-bottom: 1px dotted #539B19;margin-bottom:20px;margin-right:0;}
#footer ul {overflow:hidden;}
#footer li {float:left;display:block;padding-right:20px;}
#footer .smalltext {margin-bottom:20px}
#footer .service .feed {top:0}
}

@media only screen and (max-device-width: 480px), screen and (max-width: 740px) {
#header{min-width:100%;background-position:55% 0 !important;height:200px;}
#header img {margin-top: 56px;}
#js-netwerk ul {float:none;overflow: hidden}
.home .hrecipe h2, .search .hrecipe h2, .archive .hrecipe h2, .result h2 {width:auto;} 
#sitenav a {margin-right:25px;}
}

@media only screen and (max-width: 640px) {
.home #doemee,.home #oversite {width:350px;}
#js-netwerk {display: none;}
#header img {margin-top: 36px;}
#commentform textarea,#commentform input {width: 80%;}
.photo {cursor:default;}
.photo span {display: none}
.photo img,.home .hrecipe .photo, .search .hrecipe .photo, .archive .hrecipe .photo {width:90px;height:90px}
a.photo {width:auto;height:auto;}
.home .hrecipe, .search .hrecipe, .archive .hrecipe, .result {padding-left:100px;}
.home .hrecipe .extra, .search .hrecipe .extra, .archive .hrecipe .extra, .result .extra {float: left;left: -100px;margin-right: -100px;    width: 90px !important;}
#ingredients {padding-left:0}
#ingredients .extra {float:none;left: 0;margin-right:0;width: 127px;}
#ingredients .photo img {width:127px;height:127px}
.home .hrecipe h2, .search .hrecipe h2, .archive .hrecipe h2, .result h2 {left:-100px;margin-right:-100px}
}


@media only screen and (max-width: 460px), screen and (max-device-width: 240px) {
.home #okke .okkewrap {background-image:none; }
#header img {width:100%;max-width:320px;height:auto;}
.home #doemee,.home #oversite {padding:0;width:100%;}
.home #header {height:240px}
body,#header{background-image: none !important;}
#header img {margin-top: 26px;}
#sitenav {top:120px;}
}
