@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	border:0;
	outline:0;
}

A * {
	cursor:pointer;
}

BODY {
	background:url(../images/backgrounds/body-default.jpg) no-repeat white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:white;
	position:relative;
	z-index:0;
}

BODY.informatie {
	background:url(../images/backgrounds/body-informatie.jpg) no-repeat white;	
}

BODY.home {
	background:url(../images/backgrounds/body-home.jpg) no-repeat white;	
}

BODY.recepten, BODY.gastenboek {
	background:url(../images/backgrounds/body-recepten.jpg) no-repeat white;	
}

BODY.film {
	background:url(../images/backgrounds/body-film.jpg) no-repeat white;	
}

#site {
	width:990px;
	height:920px;
	position:relative;
}

BODY.informatie #site {
	height:1230px;
}

BODY.film #site {
	height:800px;
}


#menu {
	position:absolute;
	left:140px;
	top:30px;
}

#menu UL LI {
	list-style:none;
	float:left;
	margin:0 3px;
	font-size:11px;
	color:#30352A;
}

#menu UL LI A {
	color:#30352A;
	font-size:11px;
	text-decoration:none;
}

#menu UL LI A:hover {
	text-decoration:underline;
}

#flags {
	position:absolute;
	right:380px;
	top:30px;
}

#flags UL LI {
	list-style:none;
	float:left;
	margin-right:4px;
}

#flags UL LI A IMG {
	padding:2px;
}

#flags UL LI.active A IMG {
	border:1px solid #999999;
	padding:1px;
}


BODY.recepten #site, BODY.gastenboek #site {
	height:1000px;
}


#search {
	position:absolute;
	right:80px;
	top:15px;
	height:40px;
	width:280px;
	background:url(../images/backgrounds/search.png) no-repeat left center;
}

#search-input {
	position:absolute;
	left:10px;
	top:12px;
	height:15px;
	width:230px;
	border:0;
	background:white;
	font-size:11px;
	color:#889379;
}

#search-submit {
	position:absolute;
	right:2px;
	top:6px;
}

#film {
	position:absolute;
	left:166px;
	top:450px;
}

#film IMG {
	width:300px;
	height:315px;
}

#film-container {
	width:414px;
	height:314px;
	background:#BCD14B;
	margin-bottom:20px;
}

#film-content {
	width:400px;
	height:300px;
	padding:7px;
}

#tip {
	position:absolute;
	left:120px;
	top:520px;
	width:210px;
	height:110px;
	color:#666666;
}

#title {
	position:absolute;
	left:360px;
	top:140px;
	width:520px;
	height:36px;
}

#title2 {
	position:absolute;
	left:360px;
	top:113px;
	width:520px;
	height:36px;
}

#sorting {
	position:absolute;
	left:360px;
	top:155px;
}

#sorting UL LI {
	list-style:none;
	float:left;
	margin:0 5px;
	font-size:11px;
	color:#889379;
}

/* SORTEREN */

#sorting UL LI A {
	color:#889379;
	font-size:11px;
	text-decoration:none;
}

#sorting UL LI A:hover {
	text-decoration:underline;
}

#sorting UL LI A.asc {
	background:url(../images/icons/asc.png) no-repeat right center;
	padding-right:12px;
	display:block;
}

#sorting UL LI A.desc {
	background:url(../images/icons/desc.png) no-repeat right center;
	padding-right:12px;
	display:block;
}


#sorting UL LI A.print {
	background:url(../images/icons/print.png) no-repeat left center;
	padding-left:15px;
	display:block;
}


#sorting UL LI A.email {
	background:url(../images/icons/email.png) no-repeat left center;
	padding-left:15px;
	display:block;
}


#sorting UL LI.soort {
	background:url(../images/icons/soort.png) no-repeat left center;
	padding-left:15px;
}

#sorting UL LI.duur {
	background:url(../images/icons/duur.png) no-repeat left center;
	padding-left:15px;
}

#sorting UL LI.personen {
	background:url(../images/icons/personen.png) no-repeat left center;
	padding-left:15px;
}


/* NAVIGATIE */

#navigation {
	position:absolute;
	left:380px;
	bottom:120px;
}

#navigation UL LI {
	list-style:none;
	float:left;
}

#navigation UL LI A.previous {
	padding-left:12px;
	background:url(../images/icons/nav-previous.png) no-repeat left center;
	display:block;
	color:#7D9123;
	font-size:11px;
	font-weight:bold;
	margin-right:6px;
	line-height:24px;
	text-decoration:none;
}

#navigation UL LI A.next {
	padding-right:12px;
	background:url(../images/icons/nav-next.png) no-repeat right center;
	display:block;
	color:#7D9123;
	font-size:11px;
	font-weight:bold;
	line-height:24px;
	margin-left:6px;
	text-decoration:none;
}

#navigation UL LI A.number, #navigation UL LI A.active {
	display:block;
	width:24px;
	height:24px;
	background:url(../images/icons/nav-normal.png) no-repeat center center;
	text-align:center;
	line-height:24px;
	color:white;
	font-size:11px;
	margin:0 1px;
	text-decoration:none;
}


#navigation UL LI A.active {
	background:url(../images/icons/nav-active.png) no-repeat center center;
}



#content {
	position:absolute;
	left:380px;
	top:250px;
	width:400px;
	height:540px;
}

#content-pink {
	position:absolute;
	width:230px;
	height:330px;
	left:710px;
	top:670px;
}

#content-pink TABLE {
	background:url(../images/backgrounds/dotted-pink.png);
}

#content-pink TABLE TD {
	height:26px;
	text-indent:5px;
}

#content-pink TABLE THEAD TD {
	font-weight:bold;
}

#content-pink SELECT {
	width:230px;
}

BODY.informatie #content-pink,
BODY.gastenboek #content-pink,
BODY.recepten #content-pink {
	position:absolute;
	width:240px;
	height:230px;
	left:725px;
	top:600px;
}


#button-info {
	position:absolute;
	left:806px;
	top:370px;
}

#button-info IMG {
	width:110px;
	height:110px;
}


#button-recepies {
	position:absolute;
	left:806px;
	top:263px;
	width:136px;
	height:126px;
}

#button-recepies IMG {
	width:136px;
	height:126px;
}


#button-gastenboek {
	position:absolute;
	left:816px;
	top:213px;
	width:77px;
	height:67px;
}

#button-gastenboek IMG {
	width:77px;
	height:67px;
}



#button-add-recepie {
	position:absolute;
	left:212px;
	top:420px;
	z-index:100;
}


#button-add-recepie IMG {
	width:106px;
	height:110px;
}

#button-home {
	position:absolute;
	left:302px;
	top:413px;
	z-index:100;
}

#button-home IMG {
	width:77px;
	height:67px;
}

#greenery {
	position:absolute;
	right:327px;
	bottom:20px;
}

#quest {
	position:absolute;
	left:356px;
	bottom:35px;
	font-size:11px;
	color:#889379;
}

BODY.recepten #quest {
	left:600px;
	bottom:20px;
}

BODY.recepten #greenery {
	right:45px;
	bottom:10px;
}

#quest A {
	color:#889379;
	text-decoration:none;
}

#quest A:hover {
	text-decoration:underline;
}



/* RECEPTEN */

#recepten {
	width:300px;
}

.recept {
	width:300px;
	height:70px;
	background:url(../images/common/dotted-line.png) repeat-x left bottom;
	position:relative;
}

.recept-image {
	position:absolute;
	left:5px;
	top:14px;
	width:40px;
	height:40px;
	border:1px solid white;
	overflow:hidden;
}

.recept-title {
	position:absolute;
	left:60px;
	top:14px;
	font-size:12px;
}

.recept-title A {
	color:white;
	text-decoration:none;
}

.recept-description {
	position:absolute;
	left:60px;
	top:30px;
	font-size:11px;
}


.recept-rate {
	position:absolute;
	left:60px;
	top:46px;
	font-size:11px;
}
	
	
/* RECEPT */

#recept-row-1 {
	width:100%;
	margin-bottom:20px;
}


#recept-row-3 {
	background:url(../images/common/dotted-line.png) repeat-x left top;
	padding-top:20px;
	width:280px;
}


#recept-pic {
	position:absolute;
	left:72px;
	top:444px;
}

#recept-pic IMG {
	width:300px;
	height:300px;
}


/* NAVIGEREN */

#recept-previous {
	position:absolute;
	left:650px;
	top:182px;
}

#recept-previous IMG {
	width:48px;
	height:49px;
}

#recept-next {
	position:absolute;
	left:691px;
	top:185px;
}

#recept-next IMG {
	width:41px;
	height:41px;
}


/* RATING */

#rating LI {
	float:left;
	list-style:none;
}

#rating LI A.vote {
	margin-left:5px;
	margin-top:3px;
	display:block;
}

#rating LI A.star {
	margin-left:0;
	margin-right:3px;
}



#rate {
	position:absolute;
	left:845px;
	top:116px;
	color:#666666;
	font-size:11px;
}

#rate UL LI {
	list-style:none;
	float:left;
	margin:0 2px;
}

#rate SPAN {
	display:inline-block;
	margin-left:3px;
	margin-top:2px;
}



/* GASTENBOEK */

#gastenboek {
	width:300px;
}

.gastenboek {
	width:300px;
	background:url(../images/common/dotted-line.png) repeat-x left bottom;
	padding:5px 0;
}






/* CONTENT ELEMENTEN */

.content {
	line-height:180%;
}


.content .kantlijn {
	padding:0 50px;
}

.content BLOCKQUOTE {
	margin-left:100px;
}

.content .dotted-line {
	margin:15px 0;
	height:2px;
	background:url(../images/common/dotted-line.png) repeat-x;
}

.content P, .content H1, .content H2, .content UL, .content OL, .content TABLE {
	margin-bottom:12px;
}

.content H1 {
	font-size:17px;
	color:#79BD32;
	font-weight:bold;
}

.content H2 {
	font-size:14px;
	color:#79BD32;
	font-weight:bold;
}

.content H3 {
	margin-bottom:12px;
	diaply:block;
	width:622px;
	height:32px;
	text-indent:40px;
	background:#DFE8F0;
	margin-left:-40px;
	font-size:12px;
	font-weight:bold;
	line-height:32px;
}

.content A {
	color:#46305F;
	text-decoration:none;
}

.content UL LI {
	list-style:square;
	margin-left:30px;
}


.message {
	color:green;
	font-weight:bold;
}

.error {
	color:red;
	font-weight:bold;
}

.content .results {
	background:url(../images/backgrounds/poll-results.png) no-repeat left top;
}

.content .results SPAN {
	width:40px;
	text-indent:6px;
	display:inline-block;
}

.content .lines {	
	background:url(../images/backgrounds/dotted-pink.png);
	line-height:26px;
}

/* FORMULIEREN */

.form {
	padding:0;
	margin:0;
	height:auto;
	width:auto;
	border:0;
}

.form UL {
	list-style:none;
}

.form UL LI {
	list-style:none;
	clear:both;
}

.form UL LI LABEL {
	float:left;
	width:150px;
	margin-right:10px;
	line-height:23px;
}

.form UL LI LABEL.required {
	background:url(../images/common/form-required.png) no-repeat right top;
}

.form UL LI DIV {
	float:left;
	padding:2px;
	border:1px solid white;
	margin-bottom:15px;
}

.form UL LI.reverse DIV {
	margin-left:160px;
}

.form UL LI.reverse LABEL {
	width:350px;
	margin-left:10px;
}


.form UL LI DIV P {
	display:none;
}

.form UL LI DIV.error {
	border:1px solid red;
}

.form UL LI DIV.error P {
	color:red;
	margin-left:10px;
	font-size:11px;
	display:block;
	margin-bottom:0;
	margin-top:4px;
}

.form UL LI A {
	float:left;
	display:block;
	width:13px;
	height:23px;
	background:url(../images/common/form-info.png) no-repeat;
	margin-left:5px;
}

.form-input {
	border:0;
	background:url(../images/backgrounds/form-input.png) no-repeat;
	height:15px;
	width:374px;
	padding:6px;
	font-size:11px;
	color:#999999;
	float:none;
}


.form-input-small {
	border:0;
	background:url(../images/backgrounds/form-input-small.png) no-repeat;
	height:15px;
	width:238px;
	padding:6px;
	font-size:11px;
	color:#999999;
	float:none;
}



.form-input-pink {
	border:0;
	background:url(../images/backgrounds/form-select-pink.png) no-repeat;
	height:15px;
	width:238px;
	padding:6px;
	font-size:11px;
	color:#999999;
	float:none;
}

.form-textarea {
	border:0;
	background:url(../images/backgrounds/form-textarea.png) no-repeat;
	height:115px;
	width:374px;
	padding:6px;
	font-size:11px;
	color:#999999;
	float:none;
}

.form-textarea-pink {
	border:0;
	background:url(../images/backgrounds/form-textarea-pink.png) no-repeat;
	height:144px;
	width:220px;
	padding:6px 6px 6px 10px;
	font-size:11px;
	color:white;
	float:none;
}

.form-select {
	width:250px;
	float:none;
}

.form-submit {
	color:white;
	background:#79BD32;
	font-size:11px;
	padding:2px 10px;
}


/* EENVOUDIGE STIJLEN */



/* HULP ELEMENTEN */

.clear {
	clear:both;
}

.container {
	width:100%;
	height:100%;
	position:relative;
}

.line {
	width:100%;
	height:2px;
	background:url(../images/common/dotted-line.gif) no-repeat;
	margin:20px 0;
}

.left {
	float:left;
}

.right {
	float:right;
	margin-right:20px;
}