﻿/*
	rot:	#c80000
	braun:	#420203
*/
* {
	margin:0;
	padding:0;
}
html {
	margin:0;
	padding:0;
}
body {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	background:#c00000;
	margin:0;
	padding:0;
}
a img {
	border:none;
}
div.wrap {
	width:680px;
	height:510px;
	background:url('img/bg_start.jpg') no-repeat 0 0;
	overflow:hidden;
	position:relative;
	margin:0 auto;
	padding:0;
}
#shaker div.wrap {
	background:url('img/bg_sammelaktion.jpg') no-repeat 0 0;
}
#products div.wrap {
	background:url('img/bg_produkte.jpg') no-repeat 0 0;
}
#recipes div.wrap {
	background:url('img/bg_rezepte.jpg') no-repeat 0 0;
}
#teilnahmebedingungen div.wrap {
	background:url('img/bg_teilnahme.jpg') no-repeat 0 0;
}
h2 {
	margin:15px 0 0 30px;
	color:#420203;
	margin:0 0 10px 0;
}
#home h2 {
	width:591px;
	height:0;
	padding:121px 0 0 0;
	overflow:hidden;
	background:url('img/home_headline.png') no-repeat 0 0;
}
#shaker h2 {
	width:535px;
	height:0;
	padding:55px 0 0 0;
	overflow:hidden;
	background:url('img/shaker_headline.png') no-repeat 0 0;
}
p {
	color:#420203;
	font-weight:bold;
	font-size:13px;
	line-height:18px;
}
/********************
	MENU
********************/
ul.mainnav {
	list-style-type:none;
	margin:0 0 0 0;
}
ul.mainnav li{
	display:block;
	float:left;
	overflow:hidden;
}
ul.mainnav li a:visited,
ul.mainnav li a {
	display:block;
	height:0px;
	padding:29px 0 0 0;
	overflow:hidden;
	margin:0 0 0 0;
}
* html ul.mainnav li a {
	text-indent:-5000px;
}
ul.mainnav li a#startseite { background:url('img/navi_start.jpg') no-repeat 0 0; width:108px;}
ul.mainnav li a#sammelaktion { background:url('img/navi_sammelaktion.jpg') no-repeat 0 0; width:156px;}
ul.mainnav li a#produkte { background:url('img/navi_produkte.jpg') no-repeat 0 0; width:209px;}
ul.mainnav li a#rezepte { background:url('img/navi_rezepte.jpg') no-repeat 0 0; width:207px;}

/* hover */
ul.mainnav li a#startseite:hover { background:url('img/navi_start_ro.jpg') no-repeat 0 0; width:108px;}
ul.mainnav li a#sammelaktion:hover  { background:url('img/navi_sammelaktion_ro.jpg') no-repeat 0 0; }
ul.mainnav li a#produkte:hover { background:url('img/navi_produkte_ro.jpg') no-repeat 0 0; }
ul.mainnav li a#rezepte:hover { background:url('img/navi_rezepte_ro.jpg') no-repeat 0 0; }

/* active */
#shaker #sammelaktion  { background:url('img/navi_sammelaktion_ro.jpg') no-repeat 0 0; }
#products #produkte { background:url('img/navi_produkte_ro.jpg') no-repeat 0 0; }
#recipes #rezepte { background:url('img/navi_rezepte_ro.jpg') no-repeat 0 0; }
/********************
	HOME
********************/
a.sammelaktion {
	position:absolute;
	top:318px;
	left:400px;
	display:block;
	height:1px;
	padding:55px 0 0 0;
	width:200px;
	overflow:hidden;
}
* html a.sammelaktion {
	text-indent:-5000px;
	overflow:visible;
	padding:0;
	height:55px;
}
img.home_products {
	position:absolute;
	bottom:0;
	left:0;
}
img.home_stoerer {
	position:absolute;
	top:310px;
	left:400px;
}
img.home_shaker {
	position:absolute;
	top:315px;
	right:0px;
}
p.home {
	position:absolute;
	top:130px;
	right:25px;
	width:260px;	
}
ul.links {
	position:absolute;
	top:387px;
	left:387px;
	list-style-type:none;
}
ul.links li a.link1:visited,
ul.links li a.link1 {
	background:url('img/home_shakeraktion.jpg') no-repeat 0 0;
	height:0px;
	width:195px;
	padding:32px 0 0 0;
	overflow:hidden;
	display:block;
}
ul.links li a.link1:hover {
	background:url('img/home_shakeraktion_ro.jpg') no-repeat 0 0;
}
ul.links li a.link2:visited,
ul.links li a.link2 {
	background:url('img/home_produktinfo.jpg') no-repeat 0 0;
	height:0px;
	width:139px;
	padding:32px 0 0 0;
	overflow:hidden;
	display:block;
}
ul.links li a.link2:hover {
	background:url('img/home_produktinfo_ro.jpg') no-repeat 0 0;
}
ul.links li a.link3:visited,
ul.links li a.link3{
	background:url('img/home_rezepte.jpg') no-repeat 0 0;
	height:0px;
	width:235px;
	padding:32px 0 0 0;
	overflow:hidden;
	display:block;
}
ul.links li a.link3:hover {
	background:url('img/home_rezepte_ro.jpg') no-repeat 0 0;
}


/********************
	shaker
********************/
a.teilnahmebedingungen {
	display:block;
	width:160px;
	height:1px;
	overflow:hidden;
	padding:20px 0 0 0;
	position:absolute;
	top:335px;
	left:30px;
}
* html  a.teilnahmebedingungen {
	height:20px;
	text-indent:-5000px;
}
#teilnahmebedingungen h2 {
	font-size:11px;
	position:absolute;
	top:50px;
	left:32px;
}
p.teilnahmebedingungen {
	font-size:11px;
	position:absolute;
	top:75px;
	left:32px;
	width:425px;
	font-weight:normal;
	line-height:auto;
}
p.teilnahmebedingungen a,
p.teilnahmebedingungen a:visited {
	color:#c80000;
	font-weight:bold;
}
p.teilnahmebedingungen a:hover {
	color:#420203;
	font-weight:bold;
}

/********************
	PRODUKTE
********************/

body#products div.wrap h2 {
	width:535px;
	height:0;
	padding:55px 0 0 0;
	overflow:hidden;
	background:url('./img/produkte_headline.png') no-repeat 0 0;
}
body#products div.wrap div.flash-products{
	margin:0;
	padding:0;
	position:absolute;
	top:260px;
	left:0px;
	width:685px;
	height:250px;
}



/********************
	rezepte
********************/
ul.recipes {
	position:absolute;
	top:260px;
	left:33px;
}
ul.recipes li {
	display:block;
	float:left;
	width:77px;
	height:107px;
	overflow:hidden;
}
ul.recipes li.last {
	width:80px;
}
ul.recipes li a:visited,
ul.recipes li a {
	
}
ul.recipes li a:hover {
	
}
div.clear{
	margin:0;
	padding:0;
	clear:both;
}
.hidden {
	display:none;
}
