body {font-size: 12px;word-spacing:1px;line-height:140%;font-family:Arial, Helvetica, sans-serif;background: white url(grafik/verlauf-shaper.jpg) repeat-x; color: #535353;text-align: center;margin:0;padding: 0;}
#header{width: 980px;margin: 10px auto 0px; height: 148px;background: url(grafik/header-shaper.gif) no-repeat;text-align:left;}
.logo {width:313px;margin:10px 0 0 25px;border:none;}
.language {float:left;width:200px;height:50px;font-weight:bold;}
.twitter {float:left;width:100px;height:25px;font-weight:bold;margin:5px}
.fb {float:left;width:20px;height:25px;font-weight:bold;margin:5px}
.rss{float:left;width:20px;height:25px;font-weight:bold;margin:5px}
#main{width: 979px;margin: 0px auto;border-bottom:1px solid #ccc;border-right:1px solid #ccc;overflow: hidden;background: url(grafik/border_left_shaper.gif) repeat-y;}
#navi{width: 22%;float: left;text-align: left;}
#content{width: 78%;float: left;}
#headnavi{width: 730px;height:30px;margin: 10px auto 0;background: url(grafik/headnavi.gif) no-repeat;}
.headnavi a{float:right;display:block;width:100px;text-align:center;border-left:2px solid white;line-height:30px; height:30px;display:block;font-weight:bold;} 
.headnavi a:link {color:white;background: url(grafik/headnavi.gif) repeat-x;}
.headnavi a:visited {color:white;background: url(grafik/headnavi.gif) repeat-x;}
.headnavi a:hover {color:white;background: url(grafik/headnavi2.gif) repeat-x;}
#welcome {width:730px;height:300px;margin: 10px auto;border:1px solid #ccc;}
#flash {width:730px;height:200px;margin: 10px auto;border:1px solid #ccc;}
#galerie {width:730px;margin: 10px auto;border:1px solid #ccc;text-align:center;}
.galerie{width:95%;margin:5px auto;}
#news {width:730px;margin: 10px auto;border:1px solid #ccc;overflow: auto;padding-bottom: 10px;text-align: left;}
#offers {width:730px;height:100px;margin: 10px auto;}
.offers1 {width:238px;height:100px;float: left;border:1px solid #ccc;background: url(grafik/produkt.gif) no-repeat;text-align: right;}
.offers2 {width:238px;height:100px;float: left;margin-left:5px;border:1px solid #ccc;background: url(grafik/produkt.gif) no-repeat;text-align: right;}
.offers3 {width:238px;height:100px;float: left;margin-left:5px;border:1px solid #ccc;background: url(grafik/produkt.gif) no-repeat;text-align: right;}
#partner {width:180px;margin: 10px 0 10px 10px;border:1px solid #ccc;}
h1{ font-size: 140%;font-variant:small-caps;margin: 8px 0px 20px 0px;text-align: center; }
h2{ font-size: 130%;font-variant:small-caps;margin: 8px 10px 2px 10px;text-align: center; }
h3{ font-size: 130%;font-variant:small-caps;margin: 4px 6px 2px 0; }
h4{ font-size: 110%;margin: 4px 10px 2px 10px; }
h5{ font-size:105%;font-weight: bold;margin:4px 10px 2px 10px; }
hr{width: 90%;margin:10px auto; text-align: center; border:1px solid #535353;}
p{ margin-left:10px; margin-right: 10px; }

.navi {width: 180px;border: 1px solid #535353;margin:10px 0 0 10px;padding:0;}
.navi-kopf {width: 100%;text-align: center;line-height:30px;height:30px;font-size:110%;font-weight:bold;margin:0;padding:0;color: white;background: url(grafik/aquared.gif) repeat-x;}
ul {list-style-type : none;margin : 10px 0 10px 0;padding: 0;}
li {width: 160px;text-align: left;margin-left:10px;}
li a {line-height:20px;width: 145px;text-decoration : none;padding-left: 30px;background: url(grafik/button.gif) no-repeat left center;}
li a:hover {width: 160px;background: url(grafik/button2.gif) no-repeat left center;}

.feed {width: 160px;text-align: left;margin:0 0 0 10px;line-height:20px;background: url(grafik/feed-white.gif) no-repeat left center;}
.feed2 {width: 160px;text-align: left;margin:0 0 10px 10px;line-height:20px;background: url(grafik/feed-white.gif) no-repeat left center;}

#footer {width:985px;margin:20px auto;}
.link{background: url(grafik/button.gif) no-repeat left;padding-left: 15px;font-weight: bold;}
.klein  {font-size: 80%;}
.border  {border: 1px solid #535353;}
.search  {margin:10px 0 0 10px;}
.button-submit {border-right:1px solid #535353;border-bottom: 1px solid #535353;border-left:1px solid #ccc;border-top: 1px solid #ccc;background: transparent;color: #000080;font-weight: bold;}
a:link {color: #000080; text-decoration: none} 
a:visited {color: #000080; text-decoration: none}
a:active {color: red; text-decoration: none}
a:hover {color: red; text-decoration: none}
.cleaner {clear: both;width: 100%;height: 1px;}
.right-margin {margin:30px 5px 0 0;}
.bild {float: left;text-align: left;margin-right: 10px;margin-bottom: 2px;border:1px solid #ddd;}
.bild2 {float: left;text-align: left;margin-right: 10px;margin-bottom: 2px;}
.pic-m {float: right;text-align: left;margin-right: 10px;margin-bottom: 2px;}
.gfe-info {width: 95%;margin-left: 10px;}
.middle {width: 95%;margin-left: 10px;}
.bild-info {width: 100%;margin-left: 10px;}
.news-box{width:97%;text-align: left;margin:5px auto;border-bottom: 2px solid #ddd;}
.newstop{margin:20px;font-size:110%;}
.cleaner { clear:both;width:100%; }
.olympians { float:left;margin:10px 0 10px 12px;font-size:10px; }
.black{ background-color:#001c37; }
.prinzip{ float: left;width: 50%; }
.prod-left{float:left;width:60%;}
.prod-right{float:left;width:40%;text-align:center;}
.m-left {margin:20px 5px 0 5px;}
.pyramide-women{width:650px;height:350px; background:url(produkte2/womenpyramide.gif) no-repeat top left;text-align: right;margin-left:15px; }
.pyramide-men{width:710px;height:380px; background:url(produkte2/menpyramide.gif) no-repeat top left;text-align: right;margin-left:15px; }
.bull{background: url(grafik/bull.gif) no-repeat left;padding-left: 10px;}
.uebersicht{width:100%;background:url(grafik/back-shaper.jpg) no-repeat;margin:0;}
.neuheiten {margin:10px 0 10px 64px;}