body  { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin: 0; padding: 0; background: url("pics/back.gif") #221124; }

#text { position: absolute; z-index: 3; top: 179px; left: 209px; width: 340px }

ul { list-style-type: square; margin: 0 0 15px 20px; padding: 0; }
*html ul { margin: 0 0 15px 22px }
ul li { margin: 0 0 5px; padding: 0; }

ol { list-style-type: decimal; margin: 0 0 15px 20px; padding: 0; }
*html ol { margin: 0 0 15px 22px }
ol li { margin: 0 0 5px; padding: 0; }


#navi { position: absolute; z-index: 2; top: 175px; left: 30px; text-align: left; font-size: 12px;}
#rrdance { position: absolute; z-index: 1; top: 21px; left: 80px }
#email { position: absolute; z-index: 1; top: 100px; left: 538px }
#backleft { position: absolute; z-index: 0; top: 0; left: 0; width: 200px; height: 600px }
#sprache { position: absolute; z-index: 1; top: 470px; left: 30px; font-size: 12px; }
#zurueck { position: absolute; z-index: 3; top: 167px; left: 555px }
#rahmen  { position: absolute; z-index: 0; top: 160px; left: 501px }
#rahmenslideshow  { position: absolute; z-index: 0; top: 160px; left: 516px }

#academy     { position: absolute; z-index: 2; top: 185px; left: 578px; float: left }
#taenzer { position: absolute; top: 275px; left: 209px }
#etaenzer { position: absolute; top: 235px; left: 209px }
#debut { position: absolute; top: 275px; left: 578px }
#edebut { position: absolute; top: 235px; left: 578px }
#performance   { position: absolute; z-index: 2; top: 200px; left: 560px }
#productions   { position: absolute; z-index: 2; top: 900px; left: 595px }
#anim  { position: absolute; top: 159px; left: 201px }
#reflections  { position: absolute; top: 160px; left: 501px }
#performing  { position: absolute; z-index: 2; top: 185px; left: 578px; float: left }
#presse { position: absolute; z-index: 1; top: 200px; left: 560px; float: left }
#aktuelles   { position: absolute; z-index: 1; top: 200px; left: 557px; float: left }


a:link { text-decoration: none;}
a:active { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: none;}
.text  { color: #a99099; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }
.navi { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-size: 12px; color: #FFC808; line-height: 20px; }
.arot { color: #C05B57;}
.arot:hover { color: #fff; }
.aweiss { color: #fff;}
.aweiss:hover { color: #FFC808; font-weight: bold; }
.textweiss { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-size: 12px; color: #E0D5D9;}
.textrose { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-size: 12px; color: #473036;}
.textrot  { color: #f00; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }
.textgelb { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-size: 12px; color: #FFC808;}

#navi h1 { display: none; }
#terms { background-image: url("pics/backblack.gif"); padding-top: 10px; padding-bottom: 10px; position: absolute; z-index: 2; top: 169px; left: 640px }
.terms { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-size: 12px; color: #FFC808; line-height: 20px; font-weight: bold;}
.agelb { color: #FFC808 }
.agelb:hover { color: #fff; font-weight: bold; }
.agrau { color: #A99099; }

hr { display: block; margin: 0 0 15px 0; line-height: 15px; border: 0; width: 100%; color: #D26054; background-color: #D26054; height: 1px; }
*html hr { margin: 0 0 8px 0; }

#navi ul { margin: 0; padding: 0; line-height: 22px; list-style-type: none ! important; list-style-image: url("pics/spacerul.gif"); }
#navi ul li { list-style-type: none ! important; margin: 0 0; padding: 0; }
#navi a { color: #fff; }
#navi a:hover { color: #FFC808; }

#navi ul ul { margin: 0 0 5px 10px; padding: 0; font-weight: normal; line-height: 15px; color: #FFC808; }

#navmain { cursor:pointer; cursor:hand; color: #fff; font-weight: bold; }
h1 { font-size: 12px; }
p { margin: 0 0 15px 0; padding: 0px; line-height: 15px; }