* {
 margin: 0;
 padding: 0;
}

a img {
 border: 0;
}

body {
 font-family: 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(/img/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; */
}

.button-right{
	width:204px;
	text-align: center;
	margin:228px 10px 0 0;
	float:right;
}

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

.biker{
	height: 258px;
	background: transparent url("/img/teaser/bike-teaser-ch.jpg") no-repeat 16px 7px;
}
.biker .text_r {
    padding: 175px 0 15px 25px;
}

.muttertag{
	height: 255px;
	background: transparent url("http://www.mymuesli.com/images/teaser/muttertag2011-teaser.jpg") no-repeat;
}

.schlankerleben2011neu{
	height: 255px;
	background: transparent url("/img/teaser/teaser-schlankerleben-2011-neu.jpg") no-repeat;
}
.schlankerleben2011 .text_r {
    padding: 175px 0 15px 25px;
}

.schlankerleben2011{
	height: 255px;
	background: transparent url("/img/teaser/teaser-schlankerleben-2011.jpg") no-repeat;
}
.schlankerleben2011 .text_r {
    padding: 175px 0 15px 25px;
}

.mueslibrei{
	height: 255px;
	background: transparent url("/img/teaser/teaser-mueslibrei.jpg") no-repeat;
}
.mueslibrei .text_r {
    padding: 175px 0 15px 25px;
}

.valentinstag2011{
	height: 255px;
	background: transparent url("/img/teaser/valentin2011-teaser.jpg") no-repeat;
}
.valentinstag2011 .text_r {
    padding: 175px 0 15px 25px;
}

.herbst2010{
	height: 255px;
	background: transparent url("/img/teaser/teaser-herbst2010.jpg") no-repeat;
}
.herbst2010 .text_r {
    padding: 175px 0 15px 25px;
}

.herbst2011{
	height: 255px;
	background: transparent url("/img/teaser/herbstmuesli-teaser-2011.jpg") no-repeat;
}
.herbst2011 .text_r {
    padding: 175px 0 15px 25px;
}

.weihnachtsdose2010{
	height: 255px;
	background: transparent url("/img/teaser/teaser630px-christmas-startseite-ch.jpg") no-repeat;
}
.weihnachtsdose2010 .text_r {
    padding: 175px 0 15px 25px;
}

.weihnachten2010{
	height: 255px;
	background: transparent url("/img/teaser/xmas-teaser-muesli.jpg") no-repeat;
}
.weihnachten2010 .text_r {
    padding: 175px 0 15px 25px;
}

.weihnachten2011 {
	height: 255px;
	background: transparent url("/img/teaser/xmas-2011-teaser.jpg") no-repeat;
}

.adventskalender {
	height: 255px;
	background: transparent url("/img/teaser/adventskalender-teaser.gif") no-repeat;
}


.runners{
	height: 255px;
	background: transparent url("/img/teaser/runners.jpg") no-repeat -16px -12px;
}
.runners .text_r {
    padding: 175px 0 15px 25px;
}


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


.muesli2go{
height: 255px;
background: transparent url("/img/teaser/muesli2go.jpg") no-repeat;
}
.muesli2go .text_l {
    padding: 175px 0 15px 25px;
}


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

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

#top {
 clear: both;
}

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

#top .left a{
	font: 16px Helvetica, Arial, sans-serif;
	text-decoration: none;
	color:white;
	margin:289px 35px 0 0;
	float:right;
}


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

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

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

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

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

#top .right h1 {
 font: Helvetica, Arial, sans-serif;
 font-weight: normal;
 letter-spacing: 0.1em;
 line-height: 1em;
 text-transform: lowercase;
 padding-bottom: 5px;
}

#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(/img/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(/img/startseite/slider_prev.gif) no-repeat top right; 
}
#nextBtn a {
 background: url(/img/startseite/slider_next.gif) no-repeat top left; 
}