 /* Design by Sunlion Media Studio */






 /* das hier für den ie */

#page {height:100%;}






/* Folgende Anweisung wird nicht vom IE interpretiert */

#page[id] {height:auto; min-height:100%;}






/* Allgemeine Formate*/

html {height:100%; margin:0; padding:0;}
body {height:100%; margin:0; padding:0; background-image:url(images/bg_repeat.jpg); background-repeat:repeat-x;}
#page {width: 987px; margin:0 auto; padding:0; min-height:100%; position:relative;}






/* Oben */

#header {height:80px; width:auto; background-image:url(images/bg_header.jpg); background-repeat:no-repeat; background-position:center; text-align:center; margin:0px; padding:0px;}






/* Linke Seite */

#links {position:absolute; top:100px; left:10px; height:436px; width:210px;}






/* Navigation Links */

#navilinks {height:369px; width:210px; background-image:url(images/navikopf.jpg); background-repeat:no-repeat; padding-top:22px;} 
#navilinks a {height:30px; width:210px; display:block; background:url("images/navitaste.jpg") 0px 0px no-repeat; font-family:arial, helvetica, sans-serif; color:#988b78; font-size:15px; line-height:30px; font-weight:bold; text-indent:20px; text-align:left; text-decoration:none; margin:0px; padding:0px;}
#navilinks a:hover {background-position: 0px -30px; font-family:arial, helvetica, sans-serif; color:#988b78; font-size:15px; line-height:30px; font-weight:bold; text-indent:20px; text-align:left; margin:0px; padding:0px;}
#navilinks a:active {background-position: 0px -60px; font-family:arial, helvetica, sans-serif; color:#ffffff; font-size:15px; line-height:30px; font-weight:bold; text-indent:20px; text-align:left; margin:0px; padding:0px;}
#navifuss {height:55px; width:210px; background-image:url(images/navifuss.jpg); background-repeat:no-repeat; text-indent:20px;}
#navifuss a {height:55px; width:210px; font-family:arial, helvetica, sans-serif; color:#ffffff; font-size:12px; line-height:63px; font-weight:bold; text-decoration:none;}






/* Navigation Oben */

#navigationoben {position:absolute; top:100px; left:230px; height:30px; width:530px;}

#navioben {height:30px; width:530px;} 

#navioben1 {position:absolute; top:0px; left:0px; height:30px; width:87px;}
#navioben1 a {position:absolute; top:0px; left:0px; height:30px; width:87px; background:url(images/naviobenlinks.jpg) 0px 0px no-repeat; font-family:arial, helvetica, sans-serif; color:#b3a48d; font-size:10px; line-height:18px; font-weight:bold; text-align:center; margin:auto;}
#navioben1 a:hover {position:absolute; top:0px; left:0px; height:30px; width:87px; background:url(images/naviobenlinks.jpg) 0px -30px no-repeat; font-family:arial, helvetica, sans-serif; color:#988b78; font-size:10px; line-height:18px; font-weight:bold; text-align:center; margin:auto;}
#navioben1 a:active {position:absolute; top:0px; left:0px; height:30px; width:87px; background:url(images/naviobenlinks.jpg) 0px -60px no-repeat; font-family:arial, helvetica, sans-serif; color:#ffffff; font-size:10px; line-height:18px; font-weight:bold; text-align:center; margin:auto;}

#navioben2 {position:absolute; top:0px; left:87px; height:30px; width:87px;}
#navioben2 a {position:absolute; height:30px; width:87px; background:url(images/naviobenmitte.jpg) 0px 0px no-repeat; font-family:arial, helvetica, sans-serif; color:#b3a48d; font-size:10px; line-height:18px; font-weight:bold; text-align:center; margin:auto;}
#navioben2 a:hover {position:absolute; height:30px; width:87px; background:url(images/naviobenmitte.jpg) 0px -30px no-repeat; font-family:arial, helvetica, sans-serif; color:#988b78; font-size:10px; line-height:18px; font-weight:bold; text-align:center; margin:auto;}
#navioben2 a:active {position:absolute; height:30px; width:87px; background:url(images/naviobenmitte.jpg) 0px -60px no-repeat; font-family:arial, helvetica, sans-serif; color:#ffffff; font-size:10px; line-height:18px; font-weight:bold; text-align:center; margin:auto;}


#navioben3 {position:absolute; top:0px; left:174px; height:30px; width:87px}
#navioben3 a {position:absolute; height:30px; width:87px; background:url(images/naviobenmitte.jpg) 0px 0px no-repeat; font-family:arial, helvetica, sans-serif; color:#b3a48d; font-size:10px; line-height:18px; font-weight:bold; text-align:center; margin:auto;}
#navioben3 a:hover {position:absolute; height:30px; width:87px; background:url(images/naviobenmitte.jpg) 0px -30px no-repeat; font-family:arial, helvetica, sans-serif; color:#988b78; font-size:10px; line-height:18px; font-weight:bold; text-align:center; margin:auto;}
#navioben3 a:active {position:absolute; height:30px; width:87px; background:url(images/naviobenmitte.jpg) 0px -60px no-repeat; font-family:arial, helvetica, sans-serif; color:#ffffff; font-size:10px; line-height:18px; font-weight:bold; text-align:center; margin:auto;}

#navioben4 {position:absolute; top:0px; left:261px; height:30px; width:87px}
#navioben4 a {position:absolute; height:30px; width:87px; background:url(images/naviobenmitte.jpg) 0px 0px no-repeat; font-family:arial, helvetica, sans-serif; color:#b3a48d; font-size:10px; line-height:18px; font-weight:bold; text-align:center; margin:auto;}
#navioben4 a:hover {position:absolute; height:30px; width:87px; background:url(images/naviobenmitte.jpg) 0px -30px no-repeat; font-family:arial, helvetica, sans-serif; color:#988b78; font-size:10px; line-height:18px; font-weight:bold; text-align:center; margin:auto;}
#navioben4 a:active {position:absolute; height:30px; width:87px; background:url(images/naviobenmitte.jpg) 0px -60px no-repeat; font-family:arial, helvetica, sans-serif; color:#ffffff; font-size:10px; line-height:18px; font-weight:bold; text-align:center; margin:auto;}

#navioben5 {position:absolute; top:0px; left:348px; height:30px; width:87px;}
#navioben5 a {position:absolute; height:30px; width:87px; background:url(images/naviobenmitte.jpg) 0px 0px no-repeat; font-family:arial, helvetica, sans-serif; color:#b3a48d; font-size:10px; line-height:18px; font-weight:bold; text-align:center; margin:auto;}
#navioben5 a:hover {position:absolute; height:30px; width:87px; background:url(images/naviobenmitte.jpg) 0px -30px no-repeat; font-family:arial, helvetica, sans-serif; color:#988b78; font-size:10px; line-height:18px; font-weight:bold; text-align:center; margin:auto;}
#navioben5 a:active {position:absolute; height:30px; width:87px; background:url(images/naviobenmitte.jpg) 0px -60px no-repeat; font-family:arial, helvetica, sans-serif; color:#ffffff; font-size:10px; line-height:18px; font-weight:bold; text-align:center; margin:auto;}

#navioben6 {position:absolute; top:0px; left:435px; height:30px; width:95px;}
#navioben6 a {position:absolute; height:30px; width:95px; background:url(images/naviobenrechts.jpg) 0px 0px no-repeat; font-family:arial, helvetica, sans-serif; color:#b3a48d; font-size:10px; line-height:18px; font-weight:bold; text-indent:-8px; text-align:center; margin:auto;}
#navioben6 a:hover {position:absolute; height:30px; width:95px; background:url(images/naviobenrechts.jpg) 0px -30px no-repeat; font-family:arial, helvetica, sans-serif; color:#988b78; font-size:10px; line-height:18px; font-weight:bold; text-indent:-8px; text-align:center; margin:auto;}
#navioben6 a:active {position:absolute; height:30px; width:95px; background:url(images/naviobenrechts.jpg) 0px -60px no-repeat; font-family:arial, helvetica, sans-serif; color:#ffffff; font-size:10px; line-height:18px; font-weight:bold; text-indent:-8px; text-align:center; margin:auto;}






/* Mitte */

#mittestartbild {position:absolute; top:100px; left:230px; height:190px; width:530px; margin:0px; padding:0px; background-color:#ffffff;}

#mittenavigation {position:absolute; top:302px; left:230px; height:250px; width:530px; background-image:url(images/navihintergrun.jpg); background-repeat:no-repeat;}

#mitte {position:absolute; top:145px; left:230px; height:345px; width:530px; overflow:auto; background-color:#ffffff; font-family:arial, helvetica, sans-serif;}
#mittegalerie {position:absolute; top:145px; left:230px; height:392px; width:530px; overflow:none; background-color:#ffffff; font-family:arial, helvetica, sans-serif;}
h1 {font-family:arial, helvetica, sans-serif; color:#c3371e; font-size:20px; line-height:28px; font-weight:bold; margin:0px; padding:0px 10px 20px 0px;}
h2 {font-family:arial, helvetica, sans-serif; color:#c3371e; font-size:14px; line-height:24px; font-weight:bold; margin:0px; padding:0px 10px 0px 0px;}
h3 {font-family:arial, helvetica, sans-serif; color:#c3371e; font-size:14px; line-height:24px; font-weight:bold; margin:0px; padding:24px 10px 0px 0px;}
p {font-family:arial, helvetica, sans-serif; color:#666666; font-size:14px; line-height:24px; text-align:left; margin:0px; padding:0px 10px 0px 0px;}
p.einzug {font-size:14px; line-height:24px; text-indent:22px; color:#666666; margin:0px; padding:0px 10px 0px 0px;}
p.autor {font-size:12px; line-height:24px; color:#666666; text-align:right; font-weight:bold; margin:0px; padding:0px 20px 0px 0px;}
p.warnung {font-family:arial, helvetica, sans-serif; color:#c3371e; font-size:14px; line-height:24px; text-align:left; font-weight:bold; text-decoration:blink; margin:0px; padding:0px 10px 0px 0px;}
p.anmerkung {font-size:10px; line-height:14px; color:#999999; margin:24px 0px 0px 0px; padding:0px 10px 0px 0px;}
a {font-family:arial, helvetica, sans-serif; color:#999999; font-size:14px; line-height:24px; font-weight:normal; text-decoration:none;}
ul.aufzaehlung {font-size:14px; line-height:24px; color:#666666; list-style-image:url(images/kreis.jpg); list-style-position:outside; margin:0px 0px 0px 37px; padding:0px 10px 24px 0px;}
ul.aufzaehlungbild {font-size:14px; line-height:24px; color:#666666; list-style-image:url(images/kreis.jpg); list-style-position:outside; margin:0px 0px 0px 37px; padding:0px 10px 0px 0px;}






/* Rechte Seite */

#rechts {position:absolute; top:100px; left:770px; width:210px; height:446px; background-color:#ffffff; margin:0px; padding:0px;}
h5 {width:210px; font-family:arial, helvetica, sans-serif; color:#c3371e; font-size:11px; line-height:17px; font-weight:bold; font-stretch:extra-condensed; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.startseite {width:210px; font-size:11px; line-height:17px; color:#666666; font-weight:normal; margin:0px 0px 13px 0px; padding:0px 0px 0px 0px;}






/* Startseite Unten */
#startseiteunten {position:absolute; top:550px; left:10px; height:265px; width:970px; background-image:url(images/startseiteunten.jpg); background-repeat:no-repeat;padding-top:33px;}

table.startseiteunten {width:550px; table-layout:fixed;}
td.eins {border-width:0px; border-style:dotted; vertical-align:top; width:157px; margin:0px 0px 0px 0px; padding: 10px 30px 0px 30px;}
td.zwei {border-width:0px; border-style:dotted; vertical-align:top; width:229px; margin:0px 0px 0px 0px; padding: 10px 0px 0px 27px;}
td.drei {border-width:0px; border-style:dotted; vertical-align:top; width:244px; margin:0px 0px 0px 0px; padding: 10px 0px 0px 12px;}
td.vier {border-width:0px; border-style:dotted; vertical-align:top; width:205px; margin:0px 0px 0px 0px; padding: 0px 0px 0px 25px;}

p.startseiteunten {font-family:arial, helvetica, sans-serif; color:#666666; font-size:10px; line-height:14px; font-weight:normal;}
a.startseiteunten {font-family:arial, helvetica, sans-serif; color:#c3371e; font-size:11px; line-height:16px; font-weight:bold; font-style:normal; text-decoration:none; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;}












/* Kurse-Trainer-Zeile */

#kurse {position:absolute; top:270px; left:0px; width:260px; height:70px; background-color:#ffffff; background-image:url(images/kurse.jpg); background-repeat:no-repeat; margin:0px; padding:0px}
.kurse {width:220px; font-family:arial, helvetica, sans-serif; color:#666666; font-size:11px; line-height:15px; font-weight:normal; margin:22px 0px 0px 20px;}

#trainer {position:absolute; top:270px; left:260px; width:200px; height:61px; background-color:#ffffff; background-image:url(images/trainer.jpg); background-repeat:no-repeat; margin:0px; padding:9px 0px 0px 70px;}
#trainerbreit {position:absolute; top:270px; left:260px; width:210px; height:61px; background-color:transparent; background-image:url(images/trainer.jpg); background-repeat:no-repeat; margin:0px; padding:9px 0px 0px 57px;}

#trainer530 {position:absolute; top:270px; left:0px; width:460px; height:61px; background-color:#ffffff; background-image:url(images/trainer530.jpg); background-repeat:no-repeat; margin:0px; padding:9px 0px 0px 70px;}
#trainertext {position:absolute; top:270px; left:260px; width:270px; height:70px; background-color:#ffffff; background-image:url(images/trainer.jpg); background-repeat:no-repeat; margin:0px; padding:0px;}
.trainertext {width:220px; font-family:arial, helvetica, sans-serif; color:#666666; font-size:11px; line-height:15px; font-weight:normal; margin-left:20px; margin:22px 0px 0px 20px;}
#team {position:absolute; top:210px; left:0px; width:460px; height:121px; background-color:#ffffff; background-image:url(images/teamzeile.jpg); background-repeat:no-repeat; line-height:44px; margin:0px; padding:9px 0px 0px 70px;}



/* Fußzeile */

#fuss {position:absolute; top:502px; left:230px; width:530px; height:54px; background-color:#ffffff; margin:0px; padding:0px}
a.fuss1 {font-family:arial, helvetica, sans-serif; color:#c3371e; font-size:12px; line-height:14px; text-align:left; font-weight:bold; text-decoration:none;}
a.fuss2 {font-family:arial, helvetica, sans-serif; color:#666666; font-size:10px; line-height:33px; text-align:left; text-decoration:none;}




/* Info- und Werbeboxen */

#infobody {height:364px; width:210px; overflow:hidden; background-image:url(images/infobody.jpg); background-repeat:no-repeat; margin:0px 0px 0px 0px; padding:12px 0px 15px 20px;}
#infobodynews {height:364px; width:190px; overflow:hidden; background-image:url(images/infobody.jpg); background-repeat:no-repeat; margin:0px 0px 0px 0px; padding:12px 0px 15px 20px;}
#infofuss {height:55px; width:210px; background-image:url(images/infofuss.jpg); background-repeat:no-repeat; text-indent:20px; margin:0px 0px 7px 0px; padding:0px 0px 0px 0px;}
#infofuss a {height:50px; width:210px; font-family:arial, helvetica, sans-serif; color:#ffffff; font-size:12px; line-height:63px; font-weight:bold; text-decoration:none;}
h4 {width:160px; font-family:arial, helvetica, sans-serif; color:#c3371e; font-size:18px; line-height:24px; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 10px 0px;}
.info {width:165px; font-family:arial, helvetica, sans-serif; font-size:12px; line-height:19px; font-weight:bold; color:#666666; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
h6 {width:165px; font-family:arial, helvetica, sans-serif; color:#c3371e; font-size:11px; line-height:17px; font-weight:bold; font-stretch:extra-condensed; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.news {width:165px; font-family:arial, helvetica, sans-serif; font-size:11px; line-height:17px; color:#666666; font-weight:normal; margin:0px 0px 12px 0px; padding:0px 0px 0px 0px;}
























