/****************************************************** 
	Title:     Rama Cremefine
	Frontend:  Mag Studio
	Developer: Martin Metodiev
	Started:   14/08/2009
	Updated:   24/08/2009
	Style:     DEFAULT Stylesheet
******************************************************/



/****************************************************** 
	LIST OF CONTENTS

		Global styles:		:	Common
							:	Clearfix
							:	Links
							:	Headings
							:	Forms

		Layout:				:	Body
							:	Wrapper
							:	Header
							:	Main
							:	Content
							:	Sidebar


		Layout elements		:	Logo
							:	Tooltip
							:	Scrollbar
							:	Links box
							:	Page backgrounds
							:	Image holder
							:	Images list
							:	Purple box
							:	Popups


		Navigation:			:	Quick menu
							:	Main menu


		Page elements:		:	


		Home page			:	Home box
							:	Hotspots


		Inner pages:		:	Ihr Gewinn
							:	Produkte
							:	Taglich gewinnen
							:	Rezepte image

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



/* ************************ GLOBAL STYLES */

/* .................... Common */
	.warning {
		color: #ec2415;
	}

	span.warning {
		font-size: 0.92em; /*11px*/
		display: block;
	}
/* ........................... */


/* .................. Clearfix */
	div.header:after,
	div.quick_menu:after,
	div.main:after,
	div.links:after,
	ul.images_list:after,
	div.popup div.head:after,
	div.form div.line:after,
	div.form div.btn:after,
	div.form ul.tab_links:after,
	div.content div.products:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		font-size: 0pt;
	}
/* ........................... */


/* ..................... Links */
	a {
		text-decoration: none;
		color: #63348a;
	}

		a:hover {
			text-decoration: underline;
		}

	a.arrow {
		padding-left: 28px;
		background: url(../images/bullets/arrow_link.png) no-repeat left 1px;
		line-height: 24px;
	}

	div.purple_box a.arrow {
		background: url(../images/bullets/arrow_purple_box.png) no-repeat left top;
		padding-left: 14px;
		line-height: 16px;
		font-weight: bold;
		color: #FFF;
	}

	a.hotspot,
		a.hotspot img {
			width: 36px;
			height: 36px;
			display: block;
		}

	div.tooltip a.arrow {
		padding-left: 10px;
		background: url(../images/bullets/arrow_link_purple.gif) no-repeat left 4px;
		position: static;
		font-weight: bold;
	}

	div.form a.arrow {
		padding-left: 10px;
		background: url(../images/bullets/arrow_link_purple.gif) no-repeat left 4px;
		position: static;
		font-weight: bold;
		text-decoration: none;
	}

		div.form a.arrow:hover {
			text-decoration: underline;
		}

	div.form a {
		text-decoration: underline;
	}

		div.form a:hover {
			text-decoration: none;
		}
/* ........................... */


/* .................. Headings */
	h1 {
		margin-bottom: 20px;
	}

	h2 {
		background-repeat: no-repeat;
		background-position: 80px bottom;
		text-indent: -9999px;
		padding-top: 40px;
		margin-bottom: 20px;
	}

	h2.impressum {
		height: 29px;
		background-image: url(../images/labels/popup_impressum.png);
	}

	h2.datenschutz {
		height: 24px;
		background-image: url(../images/labels/popup_datenschutz.png);
	}

	h2.teilnahmebedingungen {
		height: 31px;
		background-image: url(../images/labels/popup_teilnahmebedingungen.png);
	}

	div.home_box h2,
	div.purple_box h2,
	body.rezepte_menu div.sidebar h2 {
		margin: 0px;
		padding: 0px;
		text-indent: 0px;
	}
/* ........................... */


/* ..................... Forms */
	div.form {
		width: 412px;
		margin: 20px 0px 40px;
		position: relative;
	}

		div.form div.top,
		div.form div.bottom {
			height: 10px;
			background-repeat: no-repeat;
			background-position: 0px 0px;
			font-size: 0pt;
		}

		div.form div.top {
			background-image: url(../images/backgrounds/bgr_form_top.png);
		}

		div.form div.bottom {
			background-image: url(../images/backgrounds/bgr_form_bottom.png);
		}

		div.form fieldset {
			background-color: #CEC0DB;
			min-height: 100px;
			padding: 0px 20px 20px;
		}

			div.form img.badge {
				position: absolute;
				top: -45px;
				right: -90px;
				z-index: 100;
			}

			div.form img.label {
				display: block;
				margin: 25px 0px 15px;
			}

			div.form div.line {
				margin-top: 20px;
			}

			div.form fieldset.gewinnteilnahme div.line {
				margin-top: 5px;
			}

			div.form div.radio_line {
				padding-bottom: 8px;
			}

				div.form div.line label,
				div.form div.line input,
				div.form div.line div {
					float: left;
				}

				div.form div.line label {
					width: 162px;
					margin-right: 5px;
				}

				div.form div.line input,
				div.form div.line select {
					border: 2px inset #cec0db;
					background-color: #e2daea;
					color: #63348a;
					font-size: 1.08em; /*13px*/
				}

				div.form div.line input {
					width: 157px;
				}

				div.form div.line input#plz1 {
					width: 50px;
					margin-right: 5px;
				}

				div.form div.line input#plz2 {
					width: 94px;
				}

				div.form div.line select {
					padding: 0px;
					width: 165px;
				}

		div.form div.btn {
			height: 30px;
			position: absolute;
			right: 15px;
			bottom: -15px;
			z-index: 100;
		}

			div.form div.btn div.left,
			div.form div.btn div.right {
				width: 5px;
				height: 30px;
				background-repeat: no-repeat;
				background-position: 0px 0px;
				float: left;
			}

			div.form div.btn div.left {
				background-image: url(../images/buttons/form_btn_left.png);
			}

			div.form div.btn div.right {
				background-image: url(../images/buttons/form_btn_right.png);
			}

			div.form div.btn input {
				background: #63348a url(../images/bullets/arrow_btn_white.gif) no-repeat 5px 13px;
				float: left;
				border: 0px;
				height: 30px;
				font: bold 1em Arial, Helvetica, sans-serif;
				color: #FFF;
				padding: 0px 5px 0px 12px;
				text-align: left;
			}

			div.form div.radio_line div.radio {
				
			}

				div.form div.radio_line div.radio label,
				div.form div.radio_line div.radio input {
					width: auto;
					float: left;
				}

				div.form div.radio_line div.radio label {
					margin-right: 15px;
				}

				div.form div.radio_line div.radio input {
					border: 0px;
					background: none;
					margin-right: 2px;
				}

				div.form div.bitte_wahlen_sie div.radio label {
					width: 330px;
					margin: 0px 0px 5px 5px;
				}

				div.form div.bitte_wahlen_sie div.radio input {
					margin-top: 2px;
				}
/* ........................... */





/* ******************************* LAYOUT */

/* ...................... Body */
	html {
		background: #fefefe;
	}

		body {
			font-family: Arial, Helvetica, sans-serif;
			color: #63348a;
			background-color: #ded5e8;
		}
/* ........................... */


/* ................... Wrapper */
	div.wrapper_top {
		background: url(../images/backgrounds/bgr_body_top.png) repeat-x center top;
	}

		div.wrapper_bottom {
			background: url(../images/backgrounds/bgr_body_bottom.png) repeat-x center bottom;
			min-height: 732px;
			padding-bottom: 30px;
		}

	div.outer_wrapper,
		div.wrapper {
			margin: 0px auto;
		}

	div.outer_wrapper {
		width: 980px;
	}

		div.wrapper {
			width: 877px;
			border-left: 1px solid #a98fbf;
			border-right: 1px solid #a98fbf;
			background: #d5c9e1 url(../images/backgrounds/bgr_wrapper_header.png) no-repeat left top;
		}

			div.footer_gradient {
				background: url(../images/backgrounds/bgr_wrapper_footer.png) repeat-x left bottom;
				min-height: 620px;
				border-bottom: 3px solid #63348a;
			}

		body.rezepte div.wrapper {
			
		}

		body.home_page div.wrapper {
			background: #d5c9e1 url(../images/backgrounds/bgr_home_page.jpg) no-repeat left top;
			height: 615px;
			border-bottom: 3px solid #63348a;
		}

			body.home_page div.wrapper div.footer_gradient {
				background: none;
				border-bottom: 0px;
			}

		body.ihr_gewinn div.wrapper {
			background: url(../images/backgrounds/bgr_der_gewinn.jpg) no-repeat left top;
			border-bottom: 3px solid #63348a;
		}

			body.ihr_gewinn div.wrapper div.footer_gradient {
				background: none;
				border-bottom: 0px;
			}

		body.produkte div.wrapper {
			background: url(../images/backgrounds/bgr_produkte.jpg) no-repeat left top;
			border-bottom: 3px solid #63348a;
		}

			body.produkte div.wrapper div.footer_gradient {
				background: none;
				border-bottom: 0px;
			}
/* ........................... */


/* .................... Header */
	div.header {
		position: relative;
	}

	body.rezepte div.header,
	body.du_darfst div.header,
	body.rezepte_menu div.header {
		z-index: 1000;
	}
/* ........................... */


/* ...................... Main */
	div.main {
		position: relative;
		padding-bottom: 30px;
	}
/* ........................... */


/* ................... Content */
	div.content {
		width: 400px;
		float: left;
		padding: 65px 0px 0px 174px;
		font-size: 1.2em; /*12px*/
	}
/* ........................... */


/* ................... Sidebar */
	div.sidebar {
		float: right;
		margin: -79px 5px 0px 0px;
	}

	body.ihr_gewinn div.sidebar {
		padding-top: 80px;
		margin: 0px -25px 30px 0px;
	}

	body.produkte div.sidebar {
		margin: 30px -25px 30px 0px;
	}

	body.rezepte_menu div.sidebar {
		width: 278px;
		height: 532px;
		background: url(../images/backgrounds/bgr_rezepte_menu.png) no-repeat 0px 0px;
		top: -32px;
		right: -52px;
		z-index: 200;
		position: absolute;
		padding: 65px 72px 200px 40px;
	}
/* ........................... */





/* ********************** LAYOUT ELEMENTS */

/* ...................... Logo */
	div.logo {
		width: 165px;
		height: 169px;
		float: left;
	}
/* ........................... */


/* ................... Tooltip */
	div.tooltip span.arrow {
		display: block;
		position: absolute;
		background-image: url(../images/backgrounds/tooltip_arrows.png);
		background-repeat: no-repeat;
	}

	div.tooltip span.up,
	div.tooltip span.down {
		width: 41px;
		height: 21px;
	}

	div.tooltip span.left,
	div.tooltip span.right {
		width: 21px;
		height: 41px;
	}

	div.tooltip span.up {
		background-position: -21px top;
	}

	div.tooltip span.down {
		background-position: -21px bottom;
	}

	div.tooltip span.left {
		background-position: left -21px;
	}

	div.tooltip span.right {
		background-position: right -21px;
	}

	div.tooltip table {
		width: 100%;
		height: 100%;
	}

			div.tooltip table tr td.tc {
				background: url(../images/backgrounds/tooltip_tc.png) no-repeat center top;
			}

			div.tooltip table tr td.ml {
				width: 34px;
				background: url(../images/backgrounds/tooltip_ml.png) no-repeat left center;
			}

			div.tooltip table tr td.mr {
				width: 34px;
				background: url(../images/backgrounds/tooltip_mr.png) no-repeat right center;
			}

			div.tooltip table tr td.bc {
				background: url(../images/backgrounds/tooltip_bc.png) no-repeat center bottom;
			}

			div.tooltip table tr td.content {
				background-color: #FFF;
				vertical-align: text-top;
				font-size: 1.2em; /*12px*/
			}

				div.tooltip table tr td.content img.label {
					margin: 10px 0px 20px;
				}

				div.tooltip table tr td.content p {
					margin-bottom: 10px;
				}

			div.tooltip table tr td.tl,
			div.tooltip table tr td.tr,
			div.tooltip table tr td.bl,
			div.tooltip table tr td.br {
				width: 34px;
				height: 34px;
			}
/* ........................... */


/* ................. Scrollbar */
	div.scroll-pane {
		width: auto;
		padding: 0px 20px;
		height: 360px;
		overflow: auto;
	}
/* ........................... */


/* ................. Links box */
	div.links {
		margin: 5px 0px 20px;
	}

		div.links a {
			float: left;
			clear: both;
			font-weight: bold;
			margin-bottom: 3px;
		}
/* ........................... */


/* .......... Page backgrounds */
	body.rezepte img.bgr {
		position: absolute;
		margin-top: -102px;
		margin-left: -35px;
	}

	body.rezepte div.main {
		margin-top: 230px;
	}

	body.du_darfst img.bgr {
		position: absolute;
		margin-top: -67px;
		margin-left: -35px;
	}

	body.du_darfst div.main {
		margin-top: 230px;
		padding-bottom: 20px;
	}
/* ........................... */


/* .............. Image holder */
	div.img_holder {
		width: 159px;
		height: 113px;
		background: url(../images/backgrounds/img_holder.png) no-repeat 0px 0px;
		padding: 4px 9px 10px 3px;
	}

		div.img_holder img {
			width: 159px;
			height: 113px;
		}
/* ........................... */


/* ............... Images list */
	ul.images_list,
		ul.images_list li {
			float: left
		}

	ul.images_list {
		margin: 74px 0px 0px 32px;
	}
/* ........................... */


/* ................ Purple box */
	div.purple_box {
		width: 271px;
		font: normal 1.2em Arial, Helvetica, sans-serif;
		color: #FFF;
		position: relative;
		z-index: 10;
		margin-top: 10px;
	}

		div.purple_box div.top {
			background: url(../images/backgrounds/purple_box_top.png) no-repeat 0px 0px;
			height: 17px;
		}

		div.purple_box div.bottom {
			background: url(../images/backgrounds/purple_box_bottom.png) no-repeat 0px 0px;
			height: 16px;
		}

		div.purple_box div.content_box {
			background: url(../images/backgrounds/purple_box_line.png) repeat-y center center;
		}

			div.purple_box div.content_box div.gradient {
				min-height: 110px;
				background: url(../images/backgrounds/purple_box_gradient.png) no-repeat 12px 0px;
				padding: 10px 20px;
			}

				div.purple_box div.content_box div.gradient p {
					width: 140px;
					margin: 0px 0px 15px 3px;
				}

				div.purple_box div.content_box div.gradient img.icon {
					position: absolute;
					right: 12px;
					top: -10px;
					z-index: 100;
				}
/* ........................... */


/* .................... Popups */
	div.popup {
		position: absolute;
		left: 50%;
		top: 50%;
		padding: 42px 72px;
		z-index: 2000;
	}

		div.popup div.head {
			height: 21px;
			padding-top: 9px;
			position: relative;
			z-index: 2100;
		}

			div.popup div.head a {
				float: right;
			}

	div.info_box {
		/*background-image: url(../images/backgrounds/popup.png);*/
		width: 466px;
		height: 503px;
		margin: -294px 0px 0px -285px;
		padding: 42px 52px;
	}

		div.info_box div.bgr {
			background: url(../images/backgrounds/popup.png) no-repeat 0px 0px;
			width: 466px;
			height: 503px;
			padding: 42px 52px;
			position: absolute;
			z-index: 1;
			left: 0px;
			top: 0px;
		}

		div.info_box div.text {
			background: url(../images/logos/popup_logo.png) no-repeat 0px 0px;
			font-size: 1.2em; /*12px*/
			height: 450px;
			position: relative;
			z-index: 2100;
		}

			div.info_box div.text div.scroll_box {
				overflow: hidden;
				height: 362px;
				padding: 0px 40px 0px 20px;
				position: relative;
			}

			div.info_box div.text p {
				margin-bottom: 15px;
			}

	div.flash_box {
		background-image: url(../images/backgrounds/popup_flash.png);
		width: 272px;
		height: 405px;
		margin: -245px 0px 0px -208px;
	}
/* ........................... */





/* *************************** NAVIGATION */

/* ................ Quick menu */
	div.quick_menu {
		height: 20px;
		background-color: #63348a;
		font-size: 1.1em; /*11px*/
	}

		div.quick_menu ul {
			float: right;
		}

			div.quick_menu ul li {
				float: left;
				margin-right: 18px;
			}

				div.quick_menu ul li a {
					color: #FFF;
					line-height: 18px;
				}
/* ........................... */


/* ................. Main menu */
	div.main_menu {
		width: 680px;
		height: 35px;
		float: left;
		margin-top: 26px;
	}

		div.main_menu ul,
			div.main_menu ul li,
				div.main_menu ul li a {
					height: 100%;
				}

		div.main_menu ul {
			
		}

			div.main_menu ul li {
				float: left;
				margin-right: 8px;
			}

				div.main_menu ul li a {
					display: block;
					text-indent: -9999px;
					background-image: url(../images/navigation/main_menu.png);
					background-repeat: no-repeat;
				}

				div.main_menu ul li.home a {
					width: 58px;
					background-position: 0px 10px;
				}

				div.main_menu ul li.taglich a {
					width: 130px;
					background-position: -66px 10px;
				}

				div.main_menu ul li.ihr_gewinn a {
					width: 90px;
					background-position: -205px 10px;
				}

				/*div.main_menu ul li.die_gewinner a {
					width: 108px;
					background-position: -305px 10px;
				}*/

				div.main_menu ul li.produkte a {
					width: 78px;
					background-position: -421px 10px;
				}

				div.main_menu ul li.recepte a {
					width: 68px;
					background-position: -508px 10px;
				}

				div.main_menu ul li.du_darfst a {
					width: 80px;
					background-position: -587px 10px;
				}

				div.main_menu ul li.home a.active,
					div.main_menu ul li.home a:hover {
						background-position: 0px -34px;
					}

				div.main_menu ul li.taglich a.active,
					div.main_menu ul li.taglich a:hover {
						background-position: -66px -34px;
					}

				div.main_menu ul li.ihr_gewinn a.active,
					div.main_menu ul li.ihr_gewinn a:hover {
						background-position: -205px -34px;
					}

				/*div.main_menu ul li.die_gewinner a.active,
					div.main_menu ul li.die_gewinner a:hover {
						background-position: -305px -34px;
					}*/

				div.main_menu ul li.produkte a.active,
					div.main_menu ul li.produkte a:hover {
						background-position: -421px -34px;
					}

				div.main_menu ul li.recepte a.active,
					div.main_menu ul li.recepte a:hover {
						background-position: -508px -34px;
					}

				div.main_menu ul li.du_darfst a.active,
					div.main_menu ul li.du_darfst a:hover {
						background-position: -587px -34px;
					}
/* ........................... */





/* ************************ PAGE ELEMENTS */

/* ........................... */
	
/* ........................... */





/* **************************** HOME PAGE */

/* .................. Home box */
	div.home_box {
		width: 238px;
		height: 96px;
		background: url(../images/backgrounds/home_box.png) no-repeat 0px 0px;
		position: absolute;
		z-index: 10;
		top: 85px;
		right: -26px;
		padding: 32px;
		font-size: 1.2em;
		color: #FFF;
	}

		div.home_box p,
		div.home_box img.banner {
			float: left;
		}

		div.home_box p {
			width: 148px;
			margin: 8px 0px 0px 8px;
		}

		div.home_box a {
			display: block;
			clear: both;
			margin: 12px 0px 0px 6px;
		}
/* ........................... */


/* .................. Hotspots */
	div.hotspots {
		position: relative;
	}

		div.hotspots div {
			position: absolute;
		}

			div.hotspots div a {
				position: absolute;
			}

				div.hotspots div a span {
					position: absolute;
				}

					div.hotspots div a span img {
						width: auto;
						height: auto;
						margin: auto;
					}

		div.lesen_sie {
			left: 156px;
			top: 134px;
		}

				div.lesen_sie a span {
					width: 130px;
					height: 131px;
					background: url(../images/bubbles/bubble_right_middle.png) no-repeat 0px 0px;
					left: -122px;
					top: -90px;
				}

					div.lesen_sie a span img {
						margin-top: 30px !important;
					}

		div.tolle_rezepte {
			left: 130px;
			top: 270px;
		}

				div.tolle_rezepte a span {
					width: 130px;
					height: 131px;
					background: url(../images/bubbles/bubble_right_middle.png) no-repeat 0px 0px;
					left: -122px;
					top: -90px;
				}

					div.tolle_rezepte a span img {
						margin-top: 35px !important;
					}

		div.mit_diesen1 {
			left: 240px;
			top: 232px;
		}

				div.mit_diesen1 a span {
					width: 136px;
					height: 135px;
					background: url(../images/bubbles/bubble_left.png) no-repeat 0px 0px;
					left: 30px;
					top: -100px;
				}

					div.mit_diesen1 a span img {
						margin-top: 26px !important;
					}

		div.mit_diesen2 {
			left: 765px;
			top: 375px;
		}

				div.mit_diesen2 a span {
					width: 136px;
					height: 135px;
					background: url(../images/bubbles/bubble_right_big.png) no-repeat 0px 0px;
					left: -130px;
					top: -100px;
				}

					div.mit_diesen2 a span img {
						margin-top: 26px !important;
					}

		div.das_konnen {
			left: 495px;
			top: 300px;
		}

				div.das_konnen a span {
					width: 114px;
					height: 114px;
					background: url(../images/bubbles/bubble_right_small.png) no-repeat 0px 0px;
					left: -110px;
					top: -80px;
				}

					div.das_konnen a span img {
						margin-top: 33px !important;
					}
/* ........................... */





/* ************************** INNER PAGES */

/* ................ Ihr Gewinn */
	body.ihr_gewinn div.content {
		padding-top: 100px;
		position: relative;
	}

		body.ihr_gewinn div.content img.badge {
			position: absolute;
			left: 50px;
			top: 140px;
		}

	body.ihr_gewinn div.abs_holder {
		position: absolute;
		right: 0px;
		top: 0px;
		z-index: 1000;
		width: 348px;
		height: 332px;
	}

		body.ihr_gewinn div.abs_holder div.hotspots {
			width: 100%;
			height: 100%;
			background: url(../images/backgrounds/machine_der_gewinn.png) no-repeat 0px 0px;
			margin: -74px -35px 0px 35px;
		}

				body.ihr_gewinn div.abs_holder div.hotspots div.dampfgaraufsatz div.tooltip {
					width: 396px;
					left: -100px;
					top: 45px;
				}

				body.ihr_gewinn div.abs_holder div.hotspots div.dampfgaraufsatz a {
					left: 80px;
					top: 5px;
				}

							body.ihr_gewinn div.abs_holder div.hotspots div.dampfgaraufsatz div.tooltip table tr td.content {
								height: 178px;
							}

					body.ihr_gewinn div.abs_holder div.hotspots div.dampfgaraufsatz div.tooltip span.arrow {
						left: 177px;
						top: -6px;
					}

				body.ihr_gewinn div.abs_holder div.hotspots div.jahres_2009 div.tooltip {
					width: 400px;
					left: -228px;
					top: 108px;
				}

				body.ihr_gewinn div.abs_holder div.hotspots div.jahres_2009 a {
					left: 178px;
					top: 220px;
				}

							body.ihr_gewinn div.abs_holder div.hotspots div.jahres_2009 div.tooltip table tr td.content {
								height: 192px;
							}

					body.ihr_gewinn div.abs_holder div.hotspots div.jahres_2009 div.tooltip span.arrow {
						right: -6px;
						top: 110px;
					}

				body.ihr_gewinn div.abs_holder div.hotspots div.mixtopf div.tooltip {
					width: 400px;
					left: -265px;
					top: -8px;
				}

				body.ihr_gewinn div.abs_holder div.hotspots div.mixtopf a {
					left: 140px;
					top: 130px;
				}

							body.ihr_gewinn div.abs_holder div.hotspots div.mixtopf div.tooltip table tr td.content {
								height: 242px;
							}

					body.ihr_gewinn div.abs_holder div.hotspots div.mixtopf div.tooltip span.arrow {
						right: -6px;
						top: 135px;
					}

				body.ihr_gewinn div.abs_holder div.hotspots div.waage div.tooltip {
					width: 325px;
					left: -90px;
					top: -10px;
				}

				body.ihr_gewinn div.abs_holder div.hotspots div.waage a {
					left: 55px;
					top: 250px;
				}

							body.ihr_gewinn div.abs_holder div.hotspots div.waage div.tooltip table tr td.content {
								height: 188px;
							}

					body.ihr_gewinn div.abs_holder div.hotspots div.waage div.tooltip span.arrow {
						right: 142px;
						bottom: -6px;
					}

				body.ihr_gewinn div.abs_holder div.hotspots div.motor div.tooltip {
					width: 400px;
					left: -365px;
					top: 70px;
				}

				body.ihr_gewinn div.abs_holder div.hotspots div.motor a {
					left: 40px;
					top: 182px;
				}

							body.ihr_gewinn div.abs_holder div.hotspots div.motor div.tooltip table tr td.content {
								height: 192px;
							}

					body.ihr_gewinn div.abs_holder div.hotspots div.motor div.tooltip span.arrow {
						right: -6px;
						top: 110px;
					}
/* ........................... */


/* .................. Produkte */
	body.produkte div.abs_holder {
		height: 256px;
		margin-top: 80px;
		position: relative;
		z-index: 1500;
	}

		body.produkte div.abs_holder div.hotspots {
			width: 100%;
			height: 100%;
			margin: -74px -35px 0px 35px;
		}

				body.produkte div.abs_holder div.hotspots div.saucen div.tooltip {
					width: 396px;
					left: 30px;
					top: 160px;
				}

				body.produkte div.abs_holder div.hotspots div.saucen a {
					left: 210px;
					top: 120px;
				}

					body.produkte div.abs_holder div.hotspots div.saucen div.tooltip span.arrow {
						left: 177px;
						top: -6px;
					}

				body.produkte div.abs_holder div.hotspots div.vanilla div.tooltip {
					width: 370px;
					left: 30px;
					top: -22px;
				}

				body.produkte div.abs_holder div.hotspots div.vanilla a {
					left: 402px;
					top: 72px;
				}

					body.produkte div.abs_holder div.hotspots div.vanilla div.tooltip span.arrow {
						right: -6px;
						top: 91px;
					}

				body.produkte div.abs_holder div.hotspots div.schlagen div.tooltip {
					width: 370px;
					left: 106px;
					top: 62px;
				}

				body.produkte div.abs_holder div.hotspots div.schlagen a {
					left: 478px;
					top: 135px;
				}

					body.produkte div.abs_holder div.hotspots div.schlagen div.tooltip span.arrow {
						right: -6px;
						top: 70px;
					}

				body.produkte div.abs_holder div.hotspots div.kochen div.tooltip {
					width: 370px;
					left: 454px;
					top: -72px;
				}

				body.produkte div.abs_holder div.hotspots div.kochen a {
					left: 620px;
					top: 136px;
				}

					body.produkte div.abs_holder div.hotspots div.kochen div.tooltip span.arrow {
						right: 165px;
						bottom: -6px;
					}

				body.produkte div.abs_holder div.hotspots div.finesse div.tooltip {
					width: 355px;
					left: 380px;
					top: -33px;
				}

				body.produkte div.abs_holder div.hotspots div.finesse a {
					left: 738px;
					top: 60px;
				}

					body.produkte div.abs_holder div.hotspots div.finesse div.tooltip span.arrow {
						right: -6px;
						top: 91px;
					}
/* ........................... */


/* .......... Taglich gewinnen */
	div.form div.security {
		margin-top: 10px;
	}

		div.form div.security div {
			width: 165px;
			height: 45px;
		}

		div.form fieldset.reihe div.btn input,
		div.form fieldset.anfordern div.btn input {
			width: 110px;
		}

	div.form ul.tab_links {
		margin-bottom: 10px;
	}

		div.form ul.tab_links li {
			float: left;
			margin-right: 20px;
		}
/* ........................... */


/* ............. Rezepte image */
	div.rezepte_image {
		border-bottom: 8px solid #FFF;
		position: relative;
		width: 877px;
		height: 320px;
		top: -68px;
	}

		div.rezepte_image div.image {
			z-index: 150;
			left: 160px;
			top: -32px;
		}

		div.rezepte_image div.image,
			div.rezepte_image div.image img {
				width: 320px;
				height: 390px;
			}

		div.rezepte_image div.image,
		div.rezepte_image div.cover,
		div.rezepte_image div.back_image {
			position: absolute;
		}

		div.rezepte_image div.cover,
		div.rezepte_image div.back_image {
			width: 100%;
			height: 100%;
			left: 0px;
			top: 0px;
		}

		div.rezepte_image div.cover,
			div.rezepte_image div.cover img {
				z-index: 100;
			}

		div.rezepte_image div.back_image,
			div.rezepte_image div.back_image img {
				z-index: 50;
			}

	body.rezepte_menu div.content {
		position: relative;
		padding-top: 0px;
	}

		body.rezepte_menu div.content div.links {
			position: absolute;
			left: 20px;
		}

			body.rezepte_menu div.content div.links a.arrow {
				line-height: normal;
				background-position: left -2px;
			}

	body.rezepte_menu div.content {
		width: 360px;
	}

	div.content div.products {
		margin-bottom: 30px;
	}

		div.content div.products div.col_left,
		div.content div.products div.col_right {
			float: left;
		}

		div.content div.products div.col_left {
			width: 140px;
			margin-right: 10px;
		}

		div.content div.products div.col_right {
			width: 210px;
		}

		div.content div.products ul,
			div.content div.products ul li {
				list-style: outside disc none;
			}

		div.content div.products ul {
			padding-left: 15px;
		}

		body.rezepte_menu div.sidebar ul {
			margin: 10px 0px 30px;
		}

			body.rezepte_menu div.sidebar ul li {
				padding-bottom: 10px;
				font-size: 1.8em; /*18px*/
			}
/* ........................... */