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


@font-face {  
    font-family:"American-Typewriter-Bold";  
    src: url("/fonts/AmericanTypewriterBold.eot");
    src: local("American-Typewriter-Bold"), url("/fonts/AmericanTypewriterBold.ttf") format("truetype");  
}


@font-face {  
    font-family:"American-Typewriter";  
    src: url("/fonts/AmericanTypewriter.eot");
    src: local("American-Typewriter"), url("/fonts/AmericanTypewriter.ttf") format("truetype");  
}


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

HTML, BODY {
	position:relative;
	width:100%;
	height:100%;
}

BODY {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:white;
	position:relative;
	z-index:0;
}

BODY.body-actie, BODY.body-helaas, BODY.body-gefeliciteerd, BODY.body-slagzin {
}

#menu {
	position:absolute;
	z-index:2;
	width:100%;
	height:30px;
	left:0;
	top:0;
}

#menu-back {
	position:absolute;
	width:100%;
	height:100%;
	opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
}

#menu-content {
	position:absolute;
	left:0;
	top:0;
	width:1000px;
	height:100%;
}

#menu-content UL {
	height:100%;
	margin-left:80px;
}

#menu-content UL LI {
	float:left;
	list-style:none;
	width:1px;
	white-space:nowrap;
	text-align:center;
	height:30px;
	padding:0 15px;
}

#menu-content UL > LI {
	width:auto;
}

#menu-content UL LI A {
	width:100%;
	height:30px;
	padding:0;
	text-align:center;
	line-height:30px;
	color:white;
	text-decoration:none;
}

#search {
	position:absolute;
	left:700px;
	top:50px;
	height:31px;
	width:300px;
}

#search-input {
	position:absolute;
	left:0;
	top:1px;
	width:248px;
	height:17px;
	padding:5px 10px;
	color:#999999;
	font-size:11px;
}

#search-submit {
	position:absolute;
	left:268px;
	top:0;
	width:29px;
	height:31px;
	cursor:pointer;
}

#language {
	position:absolute;
	left:520px;
	top:50px;
	width:174px;
	height:25px;
	z-index:2;
}

#language A {
	display:block;
	text-indent:45px;
	line-height:25px;
	color:#999999;
	font-size:11px;
	text-decoration:none;
	width:140px;
	height:25px; 
}

#language A.nl { background:url(../images/languages/nl.png) no-repeat 20px 5px; }
#language A.en { background:url(../images/languages/en.png) no-repeat 20px 5px; }
#language A.de { background:url(../images/languages/de.png) no-repeat 20px 5px; }
#language A.fr { background:url(../images/languages/fr.png) no-repeat 20px 5px; }
#language A.pl { background:url(../images/languages/pl.png) no-repeat 20px 5px; }
#language A.it { background:url(../images/languages/it.png) no-repeat 20px 5px; }

#language A:hover {
	color:#666666;
}

#language UL {
	position:absolute;
	top:25px;
	left:0;
	width:184px;
	height:175px;
	display:none;
}

#language:hover UL, #language UL.active {
	display:block;
}

#language UL LI {
	list-style:none;
	height:25px;
	width:100%;
}


/*	ADD THIS	*/

#addthis {
	position:absolute;
	left:375px;
	top:53px;
	z-index:2;
}



/*	BUTTONS	*/

A.button {
	position:absolute;
	z-index:3;
	text-decoration:none;
	display:block;
	background-repeat:no-repeat;
}


A#button-guestbook {
	left:808px;
	top:205px;
	width:66px;
	height:66px;
	background-position:-450px 0;
}
A#button-guestbook:hover {
	background-position:-450px -150px;
}

A#button-recepies {
	left:808px;
	top:253px;
	width:136px;
	height:136px;
}
A#button-recepies:hover {
	background-position:0 -150px;
}

A#button-info {
	left:808px;
	top:366px;
	width:110px;
	height:110px;
	background-position:-150px 0;
}
A#button-info:hover {
	background-position:-150px -150px;
}

A#button-home {
	left:167px;
	top:421px;
	width:66px;
	height:66px;
	background-position:-600px 0;
}
A#button-home:hover {
	background-position:-600px -150px;
}

A#button-add-recepie {
	left:224px;
	top:420px;
	width:110px;
	height:110px;
	background-position:-300px 0;
}
A#button-add-recepie:hover {
	background-position:-300px -150px;
}


A#button-de10 {
	left:832px;
	top:478px;
	width:58px;
	height:58px;
	background:url(../images/common/de10vanwitlof-icon.png) no-repeat !important;
}

	

#title {
	position:absolute;
	left:340px;
	top:140px;
	font-family:"American-TypeWriter-Bold", Arial;
	font-size:32px;
	letter-spacing:1px;
	font-weight:normal;
}

.body-recepten #title, .body-week #title, .body-actie #title, .body-telers #title {
	top:140px;
	font-size:22px;
}

#square-left {
	width:280px;
	height:228px;
	position:absolute;
	left:43px;
	top:452px;
	z-index:2;
}

.body-home #square-left {
	width:296px;
	height:300px;
	display:block;
	left:124px;
	top:451px;
	text-decoration:none;
	background:none;
}

.body-home #square-left-frame {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}


.body-home #square-left-text {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;	
}

.body-home #square-left-text H1 {	
	position:absolute;
	left:25px;
	top:190px;
	font-family:"American-TypeWriter-Bold", Arial;
	font-size:26px;
	color:white;
	letter-spacing:1px;
	font-weight:normal;
	 -moz-transform: rotate(5deg);
	 -webkit-transform: rotate(5deg);
	 progid:DXImageTransform.Microsoft.BasicImage(rotation=5);
}

.body-home #square-left-text H2 {	
	position:absolute;
	left:27px;
	top:192px;
	font-family:"American-TypeWriter-Bold", Arial;
	font-size:26px;
	color:black;
	letter-spacing:1px;
	font-weight:normal; 
	-moz-transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
}

.body-home #square-left-text H5 {	
	position:absolute;
	left:26px;
	top:221px;
	font-family:"American-TypeWriter", Arial;
	font-size:14px;
	color:black;
	letter-spacing:1px;
	font-weight:normal; 
	-moz-transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
	width:240px;
}



.body-home #square-left-text H6 {	
	position:absolute;
	left:25px;
	top:220px;
	font-family:"American-TypeWriter", Arial;
	font-size:14px;
	color:white;
	letter-spacing:1px;
	font-weight:normal; 
	-moz-transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
	width:240px;
}



.body-home #square-left-image {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;	
}

.body-home #square-left-frame A {
	width:100%;
	height:100%;
	display:block;
}


.body-over-witlof #square-left {
	width:280px;
	height:236px;
	display:block;
	text-decoration:none;
}


#square-right {
	position:absolute;
	left:730px;
	top:484px;
	z-index:2;
	width:270px;
	height:434px;
}

#square-right-recept {
	position:absolute;
	left:730px;
	top:484px;
	z-index:2;
	width:251px;
	height:421px;
	padding-top:15px;
}


#square-right-teler {
	position:absolute;
	left:729px;
	top:484px;
	z-index:2;
	width:270px;
	height:370px;
}


#square-left-recept {
	position:absolute;
	width:290px;
	height:228px;
	left:36px;
	top:450px;
	z-index:2;
}

#square-left-recept-image {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
}

#square-left-recept-frame {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
	


.body-home #square-right {
	width:271px;
	height:366px;
}


#square-right TABLE TD {
	height:26px;
	text-indent:5px;
}

#square-right TABLE THEAD TD {
	font-weight:bold;
}



#content {
	position:absolute;
	left:0;
	top:189px;
	width:1000px;
	min-height:500px;
	z-index:1;
}

#content-home {
	margin-left:304px;
	width:550px;
	padding-top:73px;
	height:572px;
	margin-bottom:50px;
}

#content-header {
	margin-left:304px;
	width:550px;
	height:73px;
}

#content-main {
	margin-left:304px;
	width:550px;
	height:350px;
}

#content-between {
	width:528px;
	height:125px;
	margin-left:22px;
}

#content-between UL {
	padding-top:52px;
	padding-left:20px;
}

#content-between UL LI {
	list-style:none;
	float:left;
	margin-right:15px;
	font-size:11px;
	color:#644270;
}


#content-between UL LI A {
	color:white;
	font-size:11px;
	text-decoration:none;
}

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

#content-between UL LI.email {
	background:url(../images/icons/email.png) no-repeat left center;
	padding-left:20px;
}

#content-between UL LI.print {
	background:url(../images/icons/print.png) no-repeat left center;
	padding-left:20px;
}

#content-between UL LI.react {
	background:url(../images/icons/react.png) no-repeat left center;
	padding-left:20px;
	margin-top:1px;
}






#content > #content-main {
	height:auto;
	min-height:350px;
}

#content-footer {
	margin-left:304px;
	width:550px;
	height:320px;
	position:relative;
}

#footer {
	width:1000px;
	height:60px;
	z-index:10;
}

#footer UL {
	padding-left:350px;
	height:60px;
}

#footer UL LI {
	height:60px;
	float:left;
	list-style:none;
	padding-right:20px;
	line-height:60px;
	color:#462A50;
	margin:0;
	padding:0;
}

#footer UL LI IMG {
	margin:0;
	padding:0;
	float:left;
}

#footer A {
	color:#462A50;
	text-decoration:underline;
}



#footer IMG {
	display:inline;
	
}



/* RECEPTEN */

#recepten {
	width:380px;
}

.recept {
	width:380px;
	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;
}



/*	NAVIGATIE	*/

#next {
	position:absolute;
	left:740px;
	top:183px;
	width:40px;
	height:40px;
	display:block;
	z-index:2;
}

#previous {
	position:absolute;
	left:700px;
	top:180px;
	width:46px;
	height:46px;
	display:block;
	z-index:2;
}

.nav {
	width:100%;
	height:24px;
	padding-top:150px;
	padding-left:30px;
}


.nav UL LI {
	float:left;
	list-style:none;
	margin-right:3px;
	height:24px;
	line-height:24px;
}

.nav UL LI.dots {
	width:16px;
}

.nav UL LI.text {
	margin-right:15px;
	color:black;
	font-size:11px;
}

.nav UL LI A {
	display:block;
	width:24px;
	height:24px;
	text-decoration:none;
	line-height:24px;
	text-align:center;
	color:black;
	font-size:11px;
}


/* SUBTITEL */


#subtitle {
	position:absolute;
	left:340px;
	top:170px;
}

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


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

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

#subtitle UL LI A.asc {
	padding-right:12px;
	display:block;
	color:#94C131;
}

#subtitle UL LI A.desc {
	padding-right:12px;
	display:block;
	color:#94C131;
}

#subtitle UL LI.soort {
	padding-left:15px;
}

#subtitle UL LI.duur {
	padding-left:15px;
}

#subtitle UL LI.personen {
	padding-left:15px;
}


.body-telers #subtitle UL LI A.active {
	padding-right:12px;
	display:block;
}

.body-telers #subtitle UL LI:first-child A.active {
	padding-right:12px;
	display:block;
}


/* 	RATING	*/

#rating {
	float:right;
}

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

#rating LI A.vote {
	margin-left:5px;
	margin-top:3px;
	display:block;
	font-family:"American-TypeWriter", Arial;
	font-size:13px;
	color:white;
	letter-spacing:1px;
	text-decoration:none;
}

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

#rate {
	margin-bottom:20px;
}

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

#rate UL LI.text {
	margin-left:15px;
	font-size:11px;
	line-height:20px;
}


/*	RECEPT RATING	*/

#recept-rating {
	position:absolute;
	left:100px;
	top:712px;
	z-index:2;
	width:200px;
	height:80px;
}

/*	RSS KNOP	*/

#rss {
	position:absolute;
	left:255px;
	top:657px;
	width:31px;
	height:30px;
	display:block;
	text-decoration:none;
	background:url(../images/icons/rss.png) no-repeat;
	z-index:10;
}


/*	POLL RESULTATEN	*/



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

/*	VIDEO	*/

#video-container {
	width:414px;
	height:314px;
	margin-bottom:20px;
	position:relative;
	margin-left:20px;
}

#video-content {
	width:400px;
	height:300px;
	position:absolute;
	left:7px;
	top:7px;
}

/*	GASTENBOEK	*/

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


/* TELERS	*/

#tabs-content {
	padding-top:10px;
	width:380px;
	min-height:400px;
}

#fragment-2, #fragment-3, #fragment-4 {
	display:none;
}

#teler-visit {
	position:absolute;
	left:300px;
	top:60px;
}


/* GOOGLE MAPS */

#jmap {
	width:270px;
	height:369px;
	position:absolute;
	left:0;
	top:0;
}

#jmap UL {
	display:none;
}

#jmap div a,
#jmap div span,
#jmap span.gmnoprint a img{ display:none; }

#jmap div.gmnoprint{ z-index:999; margin-left:200px; margin-top:15px;}


.jmap-frame-top {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:17px;	
}

.jmap-frame-right {
	position:absolute;
	left:257px;
	top:17px;
	width:13px;
	height:307px;
}
.jmap-frame-bottom {
	position:absolute;
	left:0;
	top:324px;
	width:100%;
	height:45px;
}

.jmap-frame-left {
	position:absolute;
	left:0;
	top:17px;
	width:23px;
	height:307px;
}


/*	CONTENT ELEMENTEN	*/


.content {
	line-height:180%;
}

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

.content H1, .content H2 {
	font-family:"American-TypeWriter-Bold", Arial;
	font-size:16px;
	color:white;
	letter-spacing:1px;
	font-weight:normal;
}

.content H3 {
	font-family:"American-TypeWriter-Bold", Arial;
	font-size:18px;
	color:white;
	letter-spacing:1px;
	font-weight:normal;
	margin-bottom:6px;
}


.content H4 {
	font-family:"American-TypeWriter-Bold", Arial;
	font-size:16px;
	letter-spacing:1px;
	font-weight:normal;
	margin-bottom:12px;
}


#square-left .content {
	color:#666666;
}

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

.content P.lines {
	line-height:26px;
}

.content A {
	color:white;
	text-decoration:underline;
}

.content A:hover {
	text-decoration:none;
}

/*	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 LABEL {
	float:left;
	width:130px;
	margin-right:10px;
	line-height:30px;
}

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

.form  DIV {
	float:left;
	margin-bottom:12px;
}

.form  DIV.block {
	float:none;
	margin-bottom:12px;
}

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

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

.captcha {
	width:346px;
	height:21px;
	padding:3px 10px;
	background:url(../images/actie/captcha.png) no-repeat;
	display:block;
}

.form DIV P {
	display:none;
}

.form DIV.error {
}

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

.form-input {
	border-width:0;
	height:13px;
	padding:7px 10px;
	font-size:11px;
	color:#666666;
	width:180px;
	float:none;
}

.form-textarea {
	border-width:0;
	height:13px;
	padding:7px 10px;
	font-size:11px;
	color:#666666;
	width:180px;
	height:100px;
	float:none;
}

.form-input-long {
	border-width:0;
	height:13px;
	padding:7px 10px;
	font-size:11px;
	color:#666666;
	width:346px;
	float:none;
	overflow:hidden;
}

.form-input-orange {
	border-width:0;
	height:13px;
	padding:7px 10px;
	font-size:11px;
	color:#666666;
	width:197px;
	float:none;
}

TEXTAREA {	
	overflow:hidden;
}


.form-textarea-long {
	border-width:0;
	height:254px;
	padding:7px 10px;
	font-size:11px;
	color:#666666;
	width:346px;
	float:none;
}


.form-textarea-short {
	border-width:0;
	height:72px;
	padding:7px 10px;
	font-size:11px;
	color:#666666;
	width:346px;
	float:none;
	overflow:hidden;
	font-family:Arial;
}

.form-textarea-orange {
	border-width:0;
	height:187px;
	padding:7px 10px;
	font-size:11px;
	color:white;
	width:201px;
	float:none;
}


.form-select {
	border:1px solid #CCCCCC;
	font-size:11px;
	color:#999999;
	width:217px;
	float:none;
}

.form-select-long {
	font-size:11px;
	color:#999999;
	width:366px;
	float:none;
}


.form-submit {
	margin-top:5px;
	font-family:"American-TypeWriter-Bold", Arial;
	font-size:16px;
	color:white;
	letter-spacing:1px;
	font-weight:normal;
	margin-bottom:6px;
	border-width:0;
	background:none;
}


/*	POPUP	*/

#popup {
	width:100%;
	height:100%;
	position:absolute;
	z-index:100;
}

BODY > #popup {
	position:fixed;
}

#popup .content {
	color:#333333;
}

#popup-background {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:101;
	cursor:pointer;
	opacity:0.95;
	-moz-opacity:0.95;
	filter:alpha(opacity=95);
}

#popup-site {
	position:absolute;
	width:417px;
	height:512px;
	left:50%;
	top:50%;
	margin:-256px 0 0 -209px;
	z-index:102;
}

#popup-close {
	position:absolute;
	right:15px;
	top:-15px;
	width:48px;
	height:48px;
	display:block;
}

#popup-content {
	position:absolute;
	left:50px;
	top:80px;
	width:350px;
	height:380px;
}

#popup .form-input {
	width:327px;
}

#popup .form-textarea {
	width:327px;
	height:127px;
}

#popup .form UL LI DIV {
	margin-bottom:12px;
}

#popup-submit {
	display:block;
	border:0;
	width:94px;
	height:85px;
	position:absolute;
	right:50px;
	bottom:-80px;
}

#popup-send {
	display:block;
	border:0;
	width:94px;
	height:85px;
	position:absolute;
	right:50px;
	bottom:-80px;
}


/*	ACTIE	*/

#actie-button {
	width:224px;
	height:224px;
	position:absolute;
	left:718px;
	top:500px;
	display:block;
	z-index:4;
}

#actie-button UL LI {
	position:absolute;
	left:0;
	width:224px;
	height:224px;
	top:0;
	display:none;
}

#actie-button UL LI.active {
	display:block;
}

.actie-code {
	width:320px;
	height:26px;
	background:url(../images/actie/code.png) no-repeat left top;
	border:0;
	font-size:20px;
	letter-spacing:29px;
	padding:10px 8px;
	font-weight:bold;
	text-transform:uppercase;
}

.actie-code-internet-explorer, .actie-code-msie {
	letter-spacing:31px;
	padding-left:6px;
}

#actie-submit {
	position:absolute;
	left:600px;
	top:880px;
	width:101px;
	height:95px;
	background:url(../images/common/slagzin-actie-submit.png);
	z-index:5;
}

.body-actie #subtitle UL LI A.desc {
	background:url(../images/icons/arrow-down-white.gif) no-repeat right center;
	padding-right:12px;
	display:block;
	color:white;
}




/*	HULP ELEMENTEN	*/


.clear {
	clear:both;
}

.kantlijn {
	padding:0 50px 20px 40px;
}

#square-right .kantlijn {
	padding:110px 20px 20px 30px;
	overflow:hidden;
	height:304px;
}

#square-right-recept .kantlijn {
	padding:10px 25px 0 25px;
	overflow:hidden;
}


#square-left .kantlijn {
	padding:30px 30px 30px 40px;
	overflow:hidden;
}

.right {
	float:right;
	clear:both;
	margin-right:10px;
}


/*	EVENTS	*/

#content-replacer {
	display:none;
}