* {
 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: default;
}

.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;
}

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

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

.weleda_medium{
	background: url("/images/medium/weleda-muesli-startseite.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;}


.kinder{
	background: url(/images/teaser/kindermuesli.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 {
	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 .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;
}

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;
}