* {
 margin: 0;
 padding: 0;
}

a img {
 border: 0;
}

body {
 font-family: Helvetica, Verdana, Arial, sans-serif;
 text-align: center;
}

#page_margin {
 margin: 0 auto;
 padding: 0 10px 0 0;
 text-align: left;
 width: 980px;
}

#header {
 height: 130px;
 padding: 0px 0 0 0;
}

#header .left {
 float: left;
 padding: 40px 0 0 20px;
}

#header .right {
 float: right;
 padding: 3px 0 0 0;
}

#nav {
 padding-top: 21px;
}

#nav li {
 display: inline;
 list-style-type: none;
 padding: 0;
}

#nav li a {
 background: transparent url(/images/nav/nav.gif) no-repeat 0 0;
 display: block;
 float: left;
 height: 38px;
 width:100px;
}

#nav li a#nav_muesli {
 background-position: 0 0;
 width: 110px;
}

#nav li a#nav_mixer {
 background-position: -110px 0;
 width: 144px;
}

#nav li a#nav_blog {
 background-position: -254px 0;
 width: 127px;
}

#nav li a#nav_fragen {
 background-position: -381px 0;
 width: 140px;
}

#nav li a#nav_aboutus {
 background-position: -521px 0;
 width: 117px;
}

#nav li a#nav_muesli:hover,
#nav li.active a#nav_muesli {
 background-position: 0 -38px;
}

#nav li a#nav_mixer:hover,
#nav li.active a#nav_mixer {
 background-position: -110px -38px;
}

#nav li a#nav_blog:hover,
#nav li.active a#nav_blog {
 background-position: -254px -38px;
}

#nav li a#nav_fragen:hover,
#nav li.active a#nav_fragen {
 background-position: -381px -38px;
}

#nav li a#nav_aboutus:hover,
#nav li.active a#nav_aboutus {
 background-position: -521px -38px;
}


.teaser{
/*	position:relative; */
    cursor: pointer;
}

.teaser h2{
	font-family: Helvetica, Arial, san-serif;
	font-size: 12px;
	color:black;
	position: relative;
	float:left;
	top:130px;
	left:45px;
}

.teaser p{
	font-family: Helvetica, Arial, san-serif;
	font-size: 11px;
	text-align: left;
	line-height: 130%;
	width: 160px;
	color:black;
	position: relative;
	clear:left;
	float:left;
	top:135px;
	left:45px;	
}

a.button-txt, a.button-txt:hover, a.button-txt:visited{
	text-decoration: none;
	color:white;
	padding-top: 3px;
}

.button-right{
	width:195px;
	text-align: center;
	margin:228px 10px 0 0;
	float:right;
	font-size: 14px;
}

.button-left{
	width:195px;
	text-align: center;
	margin:228px 0 0 30px;
	float:left;
	font-size: 14px;
}

.noats a.button-left{
	margin:172px 0 0 30px;
	clear:left;
}


li.medium a.button-left{
	width:180px;
	text-align: center;
	float:left;
	margin-top: 12px;
}


.noats{
	background: url(/images/teaser/bio-porridge.jpg) no-repeat;
}

.noats_medium{
	background: url("/images/teaser/noats-winter-porridge-medium.jpg") no-repeat;
}

.probierpaket_medium{
	background: url("/images/teaser/probierpaket-muesli.gif") no-repeat;
}

.zeitlosschoen{
	background: url("/images/teaser/zeitlosschoen-teaser.jpg") no-repeat;
}
.aktivgesund{
	background: url("/images/teaser/aktiv-gesund-muesli-teaser-v3.jpg") no-repeat;
}

.kickstart_medium{
	background: url("/images/medium/kickstart-medium-neu.jpg") no-repeat;
}

.kirschmuesli_medium{
	background: url("/images/medium/kirsch-medium.jpg") no-repeat;
}


.adventskalender_medium{
	background: url("/images/medium/adventskalender-mediumbox-startseite.jpg") no-repeat;
}

.mueslibrei_medium{
	background: url("/images/medium/mueslibrei-medium.jpg") no-repeat;
}

.muttertag2011{
	background: url("/images/teaser/muttertag2011-teaser.jpg") no-repeat;
}

.jubilaeum2011{
	background: url("/images/teaser/teaser-jubilaeum2011.jpg") no-repeat;
}

.mango2go{
	background: url("/images/teaser/teaser-mango2goi.jpg") no-repeat;
}

.activerunner{
	background: url("/images/teaser/activerunner-teaser.jpg") no-repeat;
}

.genussbox{
	background: url("/images/teaser/teaser-genussbox.jpg") no-repeat;
}

.muesli2go{
	background: url(/images/teaser/muesli2go.jpg) no-repeat;
}

.weleda{
	background: url(/images/teaser/weleda-muesli.jpg) no-repeat;
}

.herbst2010{
	background: url(/images/teaser/teaser-herbst2010.jpg) no-repeat;
}

.herbstmuesli-2011 {
	background: url(/images/teaser/herbstmuesli-teaser-2011.jpg) no-repeat;
}

.weleda_medium{
	background: url("/images/medium/weleda-muesli-startseite.jpg") no-repeat;
}

.herbst2010_medium{
	background: url("/images/medium/herbstmuesli-box-start.jpg") no-repeat;
}

.biker{
	height: 269px;
	background: url(/images/teaser/bike-teaser-neu.jpg) no-repeat -16px -12px;
}

.biker .button-right {margin:228px 8px 0 0;}

.postgutschein{
	background: url(/images/teaser/postgutschein-teaser.jpg) no-repeat;
}

.adrenalin{
	background: url(/images/teaser/adrenalin-muesli.jpg) no-repeat;
}

.gutschein-xmas{
	background: url(/images/teaser/teaser-gutschein-xmas.jpg) no-repeat;
}

.kinder{
	background: url(/images/teaser/kindermuesli.jpg) no-repeat;
}

.urgetreide{
	background: url(/images/teaser/teaser-urgetreide.jpg) no-repeat;
}

.ostern2011{
	background: url(/images/teaser/teaser-ostern2011.jpg) no-repeat;
}

.schlankerleben{
	background: url(/images/teaser/teaser-schlankerleben-2011.jpg) no-repeat;
}

.weihnachten2010{
	background: url(/images/teaser/weihnachten2010.jpg) no-repeat;
}

.eatsmarter {
	background: url(/images/teaser/eatsmarter-teaser.jpg) no-repeat;
}

.valentin2011{
	background: url(/images/teaser/valentin2011-teaser.jpg) no-repeat;
}

.fff{
	background: url(/images/teaser/fit-for-fun-muesli.jpg) no-repeat;
}

.fitness{
	background: url(/images/teaser/fitness-muesli.jpg) no-repeat;
}


#top {
 clear: both;
}

#top .left {
 text-decoration: none; 
 float: left;
 width:330px;
 height:324px;
 cursor: pointer;
 cursor: hand;
 background: url(/images/start/bio-muesli-mixen.jpg) no-repeat 4px 0;
}

#top .left a{
 font-size: 14px;
 text-decoration: none;
 color:white;
 margin:287px 40px 0 0;
 float:right;
}


#header .right .flaggen {
 text-align: right;
 padding: 4px 3px 3px 20px;
}

#header .right .flaggen img {
 width:19px;
 height: 19px;
}

#header .right .flaggen a {
 margin-right: 5px;
}

#top .right {
 font-size: 0.9em;
 text-align: right;
}

#top .right .headers {
 height:58px;
}

h1 {
 font-family: Century Gothic, Helvetica, Arial, sans-serif;
 font-weight: normal;
 letter-spacing: 0.04em;
 line-height: 1em;
 text-transform: lowercase;
 padding-bottom: 5px;
 padding-top: 5px;
}

.headers p, p {
	font-family: Century Gothic, Helvetica, Arial, sans-serif;
}

#slider { 
 cursor: pointer;
 cursor: hand;
 float: right;
 width:645px;
 height:295px;
 overflow: hidden;
}

#bottom {
 background: #f1f1f1;
 clear: both;
 height: 113px;
 margin: 20px 0 20px 20px;
}

#bottom img {
 float:left;
}

#bottom a img {
 margin:13px 17px 0 0;
}

#bottom a img.letztes {
 margin-right: 0;
}

#footer {
 background: transparent url(/images/footer/footer.gif) repeat-x;
 border-top: 1px solid #e4e4e4;
 font-size:0.7em;
 margin-top: 40px;
 text-align: center;
}

#footer_inner {
 height: 130px;
 margin:0 auto;
 text-align: left;
 padding: 20px 10px 40px 20px;
 width: 960px;
}

.footer_col {
 float:left;
 padding:0 10px;
 width:172px;
}

.footer_col ul {
 list-style-type: none;
}

.footer_col ul li {
 color: #c4c4c4;
 margin: 0.2em 0;
}

.footer_hover .footer_col ul li {
 color: #989898;
}

.footer_col ul li a {
 color: #c4c4c4;
 text-decoration: none; 
}

.footer_hover .footer_col ul li a {
 color:#989898;
}

.footer_col ul li a:hover {
 color:#727272;
}

.footer_col ul li.big {
 color: #727272;
 font-size: 1.3em;
 margin: 0.4em 0;
}

.footer_col ul li.big a {
 color: #8c8c8c;
 text-decoration: none;
}

.footer_hover .footer_col ul li.big a {
 color: #727272;
}

.footer_col ul li.big a:hover {
 color:#555;
}

#footer_bottom {
 color: #989898;
}

#footer_bottom p.bookmarks {
 padding: 30px 0 25px 0;
}

#footer_bottom p.bookmarks img {
 margin: 0px 0 0 15px;
}


.footer_col img {
 filter:alpha(opacity=30); /* Internet Explorer */
 -moz-opacity: 0.30; /* Mozilla Browser */
 opacity: 0.30; /* Opera */
}

.footer_hover .footer_col img {
 filter:alpha(opacity=90); /* Internet Explorer */
 -moz-opacity: 0.90; /* Mozilla Browser */
 opacity: 0.90; /* Opera */
}

.graphic, 
#prevBtn, 
#nextBtn{
 display:block;
 margin:0;
 overflow:hidden;
 padding:0;
 text-indent:-8000px;
}

#slider ul,
#slider li{
 list-style:none;
 margin:0;
 padding:0;
}

#slider li{ 
 height:265px;
 overflow:hidden; 
 width:645px;
}	
		
#prevBtn, 
#nextBtn{ 
 display: block;
 float:left;
 height:20px;
 width:50px;
}	

#prevBtn {
 margin-left:500px;
 margin-bottom: 20px;
}

#prevBtn a, 
#nextBtn a{ 
 display: block;
 height:20px;
 width:49px;
}	
		
#prevBtn a {
 background: url(/images/start/slider_prev.gif) no-repeat top right; 
}
#nextBtn a {
 background: url(/images/start/slider_next.gif) no-repeat top left; 
}

/* newsbox */

.doubleteaser{
	width:645px;
}

#slider li.medium {
width:295px;
margin-top:15px;
}


#slider div.newsbox {
background:url("/images/start/muesli-news.jpg") no-repeat scroll 20px 15px transparent;
height:265px;
overflow:hidden;
text-align:left;
width:295px;
padding-right:55px;
}

div.newsbox {
    float: left;
}

.doubleteaser .medium {
    float: left;
    width: 295px;
    margin-top: 15px;
    height: 250px;
}

.doubleteaser .medium a {
    text-decoration: none;
    cursor: pointer;
    color: black;
}

.doubleteaser .medium h3 {
    padding:0;
    margin: 12px 0 0 0;
}

.doubleteaser .text_l {
    text-align: left;
    color: #000;
    font-family: "Century Gothic", Helvetica, Arial, sans-serif;
    font-size: 0.82em;
    line-height: 130%;
    height: 135px;
    padding: 15px;
}

.doubleteaser .text_r {
    text-align: right;
    color: #000;
    font-family: "Century Gothic", Helvetica, Arial, sans-serif;
    font-size: 0.82em;
    line-height: 130%;
    height: 145px;
    padding: 15px;
}


.doubleteaser .medium .button-left {
    color: white;
    float:left;
    display: block;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    margin: 7px 0 0 15px;
    text-align: center;
    width: 170px;
}

.doubleteaser .medium .button-right {
    color: white;
    float:right;
    display: block;
    height: 24px;
    line-height: 19px;
    font-size: 14px;
    margin: 0px 0 0 15px;
    text-align: center;
    width: 195px;
}


div.doubleteaser h3 a {
    color: black;
}

div.newsbox h2 {
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	padding:15px 0 0 42px;
}

div.newsbox a {
	text-decoration: none;
        padding-left:42px;
	font-size: 12px;
	color:#f20d54;
}

p.bloglink{
	text-align: right;
	padding: 10px 10px 0 0;
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
}



/* medium box startseite */

.medium span {
display: block;
height: 224px;
padding: 13px 15px;
width: 265px;
}

.medium h3 {
font-size: 1.2em;
font-weight: bold;
text-align: center;
padding: 0px 0 17px 0;
color: #000;
font-family: "Century Gothic", Helvetica, Arial, sans-serif;

}

.medium p.text_l,
.medium p.text_r {
color: #000;
font-family: "Century Gothic", Helvetica, Arial, sans-serif;
font-size: 0.82em;
line-height: 1.0;
height: 146px;
}

.medium p.text_l {
text-align: left;
}

.medium p.text_r {
text-align: right;
}


/* Text fŸr Beschreibung unten */

p.muesli-beschreibung {
	padding-top:10px;
	color:#999;
	font-size:13px;
	line-height: 140%;
	padding-left:20px;
}

/*
 22. juni 2011 - geoip -- aboehm --- <start>
*/
#lang_message {
	-moz-box-shadow: 0px 0px 30px #50505a;
	-webkit-box-shadow: 0px 0px 30px #50505a;
	box-shadow: 0px 0px 30px #50505a;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	z-index: 15000;  
	width:540px; 
	height:260px; 
	padding-top:20px; 
	padding-left:20px;
	top: 30%; 
	left:50%; 
	position: fixed;
	margin-left: -270px; 
	border: 1px solid #cecece;
	background-color:white;
}

#lang_message_text {
padding-top:50px;
color: #50505a;
text-align: left;
}

#lang_message_generic {
	clear: left;
    color: #50505A;
    font-weight: bold;
    margin-left: 25px;
    text-align: left;
    font-size: 19px;
}

#lang_message_generic a{
	color: #f20d54;
	text-decoration: none;
}

button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}

.magenta { 
	padding: 8px 15px 5px 0; 
	margin-right:5px; 
	font-size:14px; 
	text-align: center; 
	background: transparent url(/images/buttons/magenta-button.gif) no-repeat right -48px;
	text-decoration: none;
	float: left;
	margin-top:20px;  
}
	
.magenta span {
	padding: 8px 0 5px 15px; 
	height:37px; 
	background: transparent url(/images/buttons/magenta-button.gif) no-repeat left top; 
	color:#fff;
	text-decoration: none;
	
}

#displaybox {
	z-index: 10000;
	filter: alpha(opacity=70); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
	-moz-opacity: .70; /*older Mozilla*/
	-khtml-opacity: 0.7;   /*older Safari*/
	opacity: 0.7;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#FFFFFF;
	position:fixed; top:0px; left:0px; width:100%; height:100%; color:#FFFFFF; text-align:center; vertical-align:middle;
}
/*
 22. juni 2011 - geoip -- aboehm --- <end>
*/