body {font-size: 12px;word-spacing:1px;line-height:140%;font-family:Arial, Helvetica, sans-serif;background: #00152a url(grafik/verlauf.gif) repeat-x; color: #fff;text-align: center;margin:0;padding: 0;}

#header{width: 980px;margin: 10px auto 0px; height: 148px;background: url(grafik/header.jpg) no-repeat;}

#main{width: 974px;margin: 0px auto;border: 2px solid #ccc;overflow: hidden;}

#navi{width: 22%;float: left;text-align: left;}

#content{width: 78%;float: left;}

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

#news2 {width:490px;float:left;display:inline;margin: 10px 0 10px 15px;border:1px solid #ccc;overflow: hidden;padding-bottom: 10px;text-align: left;}

#update {width:220px;float:left;display:inline;margin: 10px 0 10px 15px;border:1px solid #ccc;overflow: auto;padding-bottom: 10px;text-align: left;background: url(grafik/back-updates.gif) repeat-x;}

#laufleiste {width:728px;height:105px;margin: 5px 0 5px 15px;border:1px solid #ccc;text-align:left;float:left;display:inline;}



#offers {width:730px;height:100px;margin: 10px auto;}

.offers1 {width:238px;height:100px;float: left;border:1px solid #ccc;background: url(grafik/produkt1.gif) no-repeat;text-align: right;}

.offers2 {width:238px;height:100px;float: left;margin-left:5px;border:1px solid #ccc;background: url(grafik/produkt2.gif) no-repeat;text-align: right;}

.offers3 {width:238px;height:100px;float: left;margin-left:5px;border:1px solid #ccc;background: url(grafik/produkt10.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; }

.update {margin:3px 3px 0 10px}



.navi {width: 180px;border: 1px solid white;margin:10px 0 0 10px;padding:0;}

.navi-kopf {width: 100%;text-align: center;line-height:25px;font-size:110%;font-weight:bold;margin:0;padding:0;color: white; background: url(grafik/band.gif) repeat-x;}
.navi-kopflat {width: 100%;text-align: center;line-height:25px;font-size:110%;font-weight:bold;margin:0;padding:0;color: white; background: url(grafik/bandlat.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-black.gif) no-repeat left center;}

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



#footer {width:985px;margin:20px auto;}

.link{background: url(grafik/button.gif) no-repeat left;padding-left: 22px;font-weight: bold;}

.link-ani{background: url(grafik/anibutton.gif) no-repeat left;padding-left: 22px;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: white;font-weight: bold;}

a:link {color: white; text-decoration: none} 

a:visited {color: white; 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 10px 5px 10px;}

.bull{background: url(grafik/bull.gif) no-repeat left;padding-left: 10px;}

.german-partner {float:left; width:33%;text-align: left;}

#tv {width:400px;height:360px;background: url(grafik/weidertv.gif) no-repeat top;margin:30px auto;border:1px solid #00152a}

.title{float:left;width:50%;}

.title2{float:left;width:24%;}

.title3{float:left;width:25%;}

.finale {float:left; width:120px;margin:10px;}