﻿body, h1, h2, h3, h2, h5, h6, form, p, blockquote, ul, ol, li, fieldset, legend, dl, dt, dd, table, caption, tr, td, img, label, input,textarea, select, option
{
    margin: 0;
    padding: 0;
}
h1, h2, h3, h2, h5, h6
{
	font-size:100%;
	font-weight:normal;
}
ol,ul,li
{
	list-style:none;
}
img,fieldset,legend
{
	border:0;
}
caption
{
	text-align:left;
}
a
{
	text-decoration:none;
	outline:none;
}
html,body
{
	height:100%;
}
body
{
	font-size:16px;
	font-family:Arial, Verdana, Helvetica, Sans-Serif;
	width:100%;
	background:#ffffff no-repeat fixed bottom left;
	position:relative;
}
/*===common ===*/
h1
{
	font-size:30px;
	width:352px;
	padding:2px 0 3px;
}
label.normal,label.normal span,h2
{
	font-size:25px;
	color:#c80047;
}
fieldset legend
{
	visibility:hidden;
	height:0;
	font-size:0;
}
input,textarea,select
{
	font-family:Arial, Verdana, Helvetica, Sans-Serif;
	font-size:12px;
}
input.button
{
	border:0;
	cursor:pointer;
	overflow:hidden;
}
p
{
	line-height:20px;
}
/*==== layout ===*/
div#container
{
	width:1024px;
	margin:0; padding:0;
	background:url(/images/achtergrond.png) repeat-y top left;
	min-height:100%;
	height:auto;
	/*min-height:836px;*/
	position:absolute;
	top:0;
	left:0;
}
div#logoBlock
{
	position:absolute;
	top:20px;
	left:10px;
	width:432px;
	height:442px;
	overflow:hidden;
	background:url(/images/logo.gif) no-repeat top left;
	z-index:1;
}
div#menu
{
	float:right;
	width:610px;
	height:63px;
	background:url(/images/menuBg.png) no-repeat top left;
	position:relative;
	z-index:3;
}
div#wrapper
{
	float:left;
	width:958px;
	min-height:311px;
	padding:0 0 75px 40px;
	/*margin:-73px 0 0;*/
	margin:14px 0 0;
}
div#left
{
	float:right;
	width:536px;
	min-height:1%;
}
div#right
{
	float:left;
	margin:372px 0 0;
	width:408px;
	min-height:1%;
	position:relative;
	z-index:2;
}
/*=== logo ===*/
div#logoBlock span
{
	text-indent:-9999em;
	display:block;
}
div#logoBlock span a
{
	display:block;
	width:410px;
	height:230px;
}
/*=== menu ===*/
div#menu ul li
{
	float:left;
	text-align:center;
	margin:0 0 0 5px;
}
div#menu ul li:first-child
{
	margin:0 0 0 10px;
}
div#menu ul li a
{
	display:block;
	text-indent:-9999em;
	width:65px;
	height:55px;
	font-size:23px;
}
div#menu ul li a:hover,div#menu ul li a.selected
{
	background:url(/images/menuBg.png) no-repeat -11px -149px;
}
div#menu ul li + li a
{
	width:122px;
}
div#menu ul li + li a:hover,div#menu ul li + li a.selected{
	background-position:-81px -146px;
}
div#menu ul li + li + li a
{
	width:62px;	
}
div#menu ul li + li + li a:hover,div#menu ul li + li + li a.selected
{
	background-position:-127px -155px;
}
div#menu ul li + li + li + li a
{
	width:150px;
}
div#menu ul li + li + li + li a:hover,div#menu ul li + li + li + li a.selected
{
	background-position:-277px -149px;
}
div#menu ul li + li + li + li + li a
{
	width:110px;
	
}
div#menu ul li + li + li + li + li a:hover,div#menu ul li + li + li + li + li a.selected
{
	background-position:-425px -149px;
}
div#menu ul li#snack
{
	position:absolute;
	top:63px;
	right:4px;
	background:url(/images/menuBg.png) no-repeat -431px -63px;
}
div#menu ul li#snack a
{
	width:175px;
	height:90px;
}
div#menu ul li#snack a:hover,div#menu ul li#snack a.selected
{
	background:url(/images/menuBg.png) no-repeat -434px -209px;
}
/*=== sort ===*/
fieldset#sort
{
	float:left;
	overflow:hidden;
	width:100%;
	padding:0 0 25px;
	background:url(/images/hr.png) no-repeat bottom left;
}
fieldset#sort h2
{
	font-size:30px;
}
fieldset#sort ul
{
	float:left;
	margin:17px 0 0 5px;
}
fieldset#sort ul li
{
	width:163px;
	float:left;
	margin:0 5px 1px 0;
}
fieldset#sort ul li input
{
	width:13px;
	height:13px;
	vertical-align:middle;
}
fieldset#sort ul li label
{
	color:#00628e;
	font-weight:bold;
	padding:0 0 0 6px;
}
/*=== recipe list ===*/
div#recipeList
{
	float:left;
	overflow:hidden;
	width:868px;
	padding: 17px 0 0 85px;
	position:relative;
	z-index:2;
}
div#recipeList dl:first-child
{
	margin:0 0 38px 346px;
}
div#recipeList dl
{
	float:left;
	width:140px;
	height:140px;
	padding:0 25px 0 0;
	background:url(/images/recipeBg.png) no-repeat top left;
	text-align:center;
	z-index:0;
	margin:0 0 38px 7px;
}
div#recipeList dl dd
{
	padding:14px 0 7px 1px;
	height:89px;
}
div#recipeList dl dt
{
	line-height:12px;
	font-size:12px;
	height:14px;
	overflow:hidden;
	padding:0 5px;
}
div#recipeList dl dt a
{
	color:#c80047;
}
/*=== content ===*/
div#wrapper div#content
{
	margin:27px 0 0;
	padding:0 24px 0 0;
}
div#wrapper div#right img.fotoRight
{
	float:right;
}
/*=== form ===*/
blockquote
{
	line-height:20px;
	width:374px;
	padding:15px 2px 0;
}
fieldset.form
{
	float:left;
	overflow:hidden;
}
fieldset.form div > div
{
	overflow:hidden;
	clear:left;
	margin:5px 0 0;
}
fieldset.form label
{
	float:left;
	width:100%;
	margin:10px 0 0;
	height:25px;
}
fieldset.form input[type='text']
{
	float:left;
	clear:left;
	border:0;
	height:16px;
	background:url(/images/textinput.png) no-repeat top left;
}
fieldset.form textarea
{
	border:0;
	overflow:auto;
	background:transparent;
}
fieldset.form div.textarea
{
	background:url(/images/textinput.png) no-repeat top left;
	float:left;
	clear:left;
}
fieldset.form p
{
	color:#00628e;
	font-weight:bold;
	margin:36px 0 0;
}
fieldset.form input.verstuur
{
	background:url(/images/verstuur.png) no-repeat top left;
	width:135px;
	height:68px;
	padding:68px 0 0;
	clear:left;
	float:right;
}
fieldset.form input.terug
{
	background:url(/images/terugNaarFormulier.png) no-repeat top left;
	width:144px;
	height:85px;
	padding:85px 0 0;
	float:right;
	margin:44px 0 0;
}
/*=== contact ===*/
fieldset#contact
{
	background:url(/images/formBg.png) no-repeat top left;
	margin:12px 0 0 34px;
	width:245px;
	height:611px;
	padding:15px 214px 0 32px;
}
fieldset#contact h2
{
	margin:22px 0 0;
}
fieldset#contact div > div > div
{
	margin:0 0 4px;
}
fieldset#contact div > div > div > div
{
	margin:0;
}
fieldset#contact input[type='text']
{
	background-position:0 -350px;
	width:205px;
	padding:16px 18px 10px 11px;
	margin:0 0 4px;
}
fieldset#contact div + div input[type='text']
{
	width:209px;
	background-position:0 -400px;
	padding:11px 13px 12px 11px;
	margin:2px 0 4px;	
}
fieldset#contact div.textarea
{
	background-position:0 -451px;
	width:217px;
	height:111px;
	padding:8px 9px 7px 8px;
	margin:2px 0 0;
}
fieldset#contact textarea
{
	width:217px;
	height:111px;
}
fieldset#contact input.verstuur
{
	margin:0 -54px 0 0;
}
/*=== recipe form ===*/
fieldset#recipeForm
{
	background:url(/images/recipeFormBg.png) no-repeat top left;
	margin:4px 0 0 -10px;
	width:417px;
	height:735px;
	padding:27px 38px 0 65px;
}
fieldset#recipeForm label.normal
{
	margin:10px 0 0 3px;
}
fieldset#recipeForm h2
{
	margin:10px 0 4px;
	padding:0 0 2px;
}
fieldset#recipeForm p
{
	margin:37px 0 0 4px;
}
fieldset#recipeForm input[type='file']
{
	float:left;
	margin:6px 0 0;
}
fieldset#recipeForm div > div input[type='text']
{
	padding:13px 17px 7px 11px;
	width:376px;
}
fieldset#recipeForm div > div.textarea
{
	background-position:0 -42px;
	width:370px;
	height:74px;
	padding:12px 23px 10px 11px;
	/*margin:2px 0 0;*/
	margin:0;
}
fieldset#recipeForm div > div.textarea textarea
{
	width:370px; height:74px;
}
fieldset#recipeForm div + div + div > div.textarea
{
	background-position:0 -166px;
	height:117px;
}
fieldset#recipeForm div + div + div > div.textarea textarea
{
	height:117px;
}
fieldset#recipeForm input.verstuur
{
	/*margin:-26px 0 0;*/ margin:4px 0 0;
}
fieldset#recipeForm input.terug
{
	margin:44px -8px 0 0;
}
/*=== recipe ===*/
i
{
	font-size:13px;
}
i span, i span a
{
	color:#bb063b;
}
div#recipe
{
	padding:16px 0 0 8px;
	position:relative;
}
div#recipe h2
{
	font-size:27.5px;
	padding:2px 0 7px;
	height:27.5px;
}
*+html div#recipe h2
{
	padding:0 0 9px;
}
div#recipeName
{
	margin:0 0 28px;
	width:274px;
	float :left;
}
div#recipeName strong
{
	font-size:18px;
}
div#shareLink
{
    height :90px;
}
div#shareLink .addthis_toolbox
{
    margin-top :-10px;
}
div#shareLink .addthis_toolbox.addthis_default_style a
{
    font-size:12px;
    color:#c80047;
    text-decoration:underline;
    width:50px;
    height :37px;
    margin-right:15px;
}

div#shareLink .addthis_toolbox.addthis_default_style a span
{
    background :url(/images/shareLink.png) no-repeat !important;
    height :49px;
    width:48px;
    margin-left:-5px;
}
div#shareLink .addthis_toolbox.addthis_default_style a.addthis_button_facebook span
{
    background-position:-48px top !important;
}
div#shareLink .addthis_toolbox.addthis_default_style a.addthis_button_twitter span
{
    background-position :-96px top !important;
}
div#recipeNeed
{
	float:left;
	width:274px;
}
div.recipeImage
{
	background:url(/images/recipeDetailBg.png) no-repeat top left;
	overflow:hidden;
	width:167px;
	height:167px;
	text-align:center;
	float:left;
	padding:15px 18px 22px 19px;
	position:relative;
	cursor:pointer;
}
div.recipeImage + div.recipeImage
{
	margin:0 0 0 10px;
}
div.recipeImage img
{
	max-width:167px;
	max-height:167px;
}
div#left div.recipeImage
{
	margin:7px 0 -28px 0;
}
div.recipeImage input
{
	position:absolute;
	top:18px;
	right:22px;
}
div#right div.recipeImage
{
	margin:110px 0 0 4px;
}
div#right div.recipeImage+div.recipeImage
{
	float:right;
	margin:13px -11px 0 0;
}
div.originalImage
{
	clear:both;
	width:490px;
	height:490px;
	text-align:center;
	background:url(/images/originalRecipeBg.png) no-repeat top left;
	padding:25px 30px 20px 23px;
	margin:0 auto;
	position:relative;
	cursor:pointer;
}
div.originalImage input
{
	position:absolute;
	top:30px;
	right:35px;
}
div.originalImage img
{
	max-width:490px;
	max-height:490px;
}
div#recipe li
{
	line-height:23px;
	display:list-item;
}
*+html div#recipe li span
{
	margin:0 0 0 -5px;
}
div#recipe ul
{
	float:left;
	/*width:116px;*/
	margin:3px 0 0 13px;
	padding:0 0 0 5px;
}
*+html div#recipe ul
{
	margin:6px 0 0 18px;
}
div#recipe ul li
{
	list-style:none url(/images/disc.png) outside;
}
div#recipeCreate
{
	clear:left;
	float:left;
	width:450px;
	margin:32px 0 0;
}
div#recipe ol
{
	float:left;
	width:425px;
	margin:4px 0 0 2px;
	padding:0 0 0 40px;
}
*+html div#recipe ol
{
	margin:5px 0 0 6px;
}
div#recipe ol li
{
	list-style:decimal outside;
	margin:0 0 28px;
}
div#recipe ol li span
{
	width:400px;
}
div#function
{
	float:left;
	clear:left;
	width:100%;
	margin:0 0 0 -8px;
}
div#function input
{
	width:143px;
	height:85px;
	padding:85px 0 0;
	float:left;
	margin:0 7px 0 0;
}
div#function input.terug
{
	background:url(/images/terugNaarOverzicht.png) no-repeat top left;
}
div#function input.print
{
	background:url(/images/print.png) no-repeat top left;
}
div#function input.download
{
	background:url(/images/download.png) no-repeat top left;
	width:173px;
}
div#recipe input.close
{
	position:absolute;
	top:0;
	right:0;
}
/*=== snack and about===*/
div#snackcotent
{
	width:489px;
	padding:12px 0 0;
}
div#snackcotent li
{
	list-style-type:disc;
	margin:0 0 0 40px;
}
div#snackcotent img
{
	/*margin:- 0 0 -21px;*/
}
div#snackcotent p img
{
	float:right;
	margin:-6px 0 0 14px;
}
div#about
{
	width:500px;
	padding:25px 0 0;
	overflow:hidden;
}
div#about strong
{
	display:block;
}
div#about div
{
	width:420px;
}
div#about p
{
	padding:0 0 22px;
}
div#about div + div,div#about div + div
{
	width:500px;
	float:left;
}
div#about img
{
	float:right;
	/*margin:18px -10px 0 0;*/ margin:18px 0 0;
}
img.sideImg
{
	float:left;
	max-width:408px;
}
