body {
 background-color: #ff7;
 color: #222;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 100.01%;
 margin: 0;
 overflow: scroll;
 overflow-x: auto;
 text-align: center;
 scrollbar-arrow-color: #ff7;
 scrollbar-face-color: #36c;
 scrollbar-track-color:#ff7;
}
#kopf {
 margin: auto; 
 padding-top: 5px;
 text-align: left;
 width: 980px;
 height: 46px;
 position: relative;
 top: 0;  
}
#kopf .logo{
 background-image: url(img/logo.gif);
 background-repeat: no-repeat;
 display: block;
 width: 46px;
 height: 46px;
 position: absolute;
 top: 15px;
}
h1 {
 color: #36f;
 display: inline;
 font-size: 125%;
 font-weight: normal;
 letter-spacing: 1px;
 margin: 0;
 position: absolute;
 top: 12px;
 left: 50px;
}
a {
 background-image: url(img/zlr.gif);
 background-repeat: no-repeat;
 background-position: 2px 50%; 
 color: #00f;
 padding-left: 10px;
}
a:hover {
 background-image: url(img/zlrhr.gif);
 color: #f06;
}
a.aktiv {
 background-color: #ffc;
 color: #33c; 
}
a.lopf {
 background-image: none;
}
ul, li {
 display: inline;
 margin: 0;
 padding: 0;
}
#home {
 font-size: 80%;
 position: absolute;
 top: 17px;
 right: 5px;
}
#home a {
 padding-left: 10px;
}
#home a:hover {
 background-color: #ff7;
 color: #f06;    
}
#box {
 border: 2px solid #36f;
 margin: 3px auto 0 auto;
 position: relative;
 text-align: left;
 width: 980px;
}
* html #box {
 width: 984px;
}
#navi {
 font-size: 75%;
 text-align: left;
 position: absolute;
 top: 0;
}
#navi div {
 color: #36f;
 width: 110px;
}
#navi .menue {
 background-color: #36f;
 color: #ff7;
 padding: 0 0 2px 0;
 text-indent: 10px;
}
#navi a {
 border-bottom: 1px solid #36f;
 display: block;
 padding-top: 3px;
 padding-bottom: 3px;
 text-decoration: none;
 width: 100px;
}
* html #navi a {
 width: 110px;
}
#navi a:hover {
 background-color: #ffc;
 color: #f06;
}
#submen {
 font-size: 75%;
 margin-left: 385px;
 text-align: left;
 width: 105px;
 position: fixed;
 left: 50%;
 top: 55px;
 right: 0;
}
* html #submen {
 font-size: 75%;
 margin-left: 385px;
 text-align: left;
 width: 105px;
 position: absolute;
 left: 50%;
 top: 0;
 right: 0;
}
#submen .menue {
 background-color: #36f;
 color: #ff7;
 padding: 0 0 2px 0;
 text-indent: 10px;
}
#submen .auswahl {
 border-bottom: 1px solid #36f;
 text-align: center;
 margin: 0;
 padding: 5px;
}
#submen a {
 border-bottom: 1px solid #36f;
 display: block;
 padding-top: 3px;
 padding-bottom: 3px;
 text-decoration: none;
 width: 95px;
}
* html #submen a {
 width: 105px;
}
#submen a:hover {
 background-color: #ffc;
 color: #f06;
}
#ohne a {
 background-image: none;
 color: #222;
}
#unten {
 font-size: 70%;
 margin: 0 auto 0 auto;
 padding: 0 5px 5px 5px;
 text-align: center;
 vertical-align: top;   
 width: 975px;
}
a.top {  
 background-image: url(img/top.gif);
 background-repeat: no-repeat;
 background-position: 0px -4px;  
 font-size: 120%;
} 
a:hover.top {  
 background-image: url(img/toph.gif);
}
img {
 border: none;
}
img.border{
 border: 1px solid #ccc;
}
#ibox {  
 background-color: #ffd;
 color: #222;
 border-right: 2px solid #36f;
 border-left: 2px solid #36f;
 margin-left:110px;
 padding: 5px;
 text-align: center;
 width: 751px;
}
* html #ibox {
 width: 763px;
}
#info { 
 font-size: 75%;
 margin: auto;
 vertical-align: top;
 min-height: 480px;
}
* html #info {
 height: 480px;
}
h2 {
 font-size: 120%;
 margin: 0;
 padding: 0 0 20px 0;
 text-align: center;
}
h2 em {
 font-family: verdana, helvetica, sans-serif;
 font-size: 80%;
}
h2#klein  {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size: 125%;
 text-align: left;
}
h3 {
 font-family: arial, verdana, helvetica, sans-serif;
 font-size: 115%;
 margin: 0;
 padding: 0px 0 5px 0;
}
h3.gross {
 font-family: verdana, helvetica, sans-serif;
 font-size: 130%;
}
h3 big {
 font-size: 140%;
 font-family: verdana, helvetica, sans-serif;
}
h4 {
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 110%;
 margin: 0;
}
#frame {
 background-color: #fff;
 border: 1px solid #36f;
 position: relative;
}
#frame p {
 position: absolute;
 top: 175px;
 left: 225px;
 z-index: 1;
}
iframe {
 position: relative;
 z-index: 2;
}
#info p {
 margin: 0;
 padding: 3px 0 10px 0;
}
.bericht {
 padding: 5px;
 text-align: justify;
}
.block {
 text-align: justify;
}
.startblock {
 float: right;
 line-height: 22px;
 text-align: justify;
 width: 750px;
 position: relative;
}
.dotted  {
 border-top: 1px dotted #36f;
}
.bdotted  {
 border-bottom: 1px dotted #36f;
}
.fett  {
 font-weight: bold;
}
.grau  {
 background-color: #eee;
}
.klein  {
 font-size: 90%;
}
* html .klein  {
 font-size: 85%;
}
.kleiner  {
 font-size: 80%;
}
.left {
 float: left;
}
.right {
 float: right;
}
.nonfloat {
 clear: both;
}
.links {
 text-align: left;
}
.rechts {
 text-align: right;
}
.mitte {
 text-align: center;
}
.rb {
 border: 1px solid #36f;
 padding: 5px;
}
.rahmen {
 border: 1px solid #36f;
}
.zeilenabstand {
 line-height: 22px;
}
.blind {
 visibility: hidden;
}
.textbox {
 background-color: #fff;
 border: 1px solid #999;
 padding: 5px;
 text-align: left;
}
table {
 font-size: 100%;
 width: 752px;
}
td {
 border-top: 1px solid #ccc;
}
td .nonborder {
 border-top: none;
}
tr.kopf { 
 background-color: #eee;
 color: #222;
 font-weight: bold;
 text-align: left;
}
td strong {
 background-color: #ff7;
 border-right: 1px solid #ccc;
 border-left: 1px solid #ccc;
 padding: 2px;
}
#staffel, #staffel2 {
 background-color: #fff;
 color: #222;
 border: 1px solid #999;
 margin-bottom: 8px;
 text-align: left;
}
#auswahl {
 margin: 0 0 3px 0;
}
#auswahl a {
 background-image: none;
 border: 1px solid #ff7;
 line-height: 25px;
 margin-left: -3px;
 padding-left: 2px;
 padding: 1px;
}
#auswahl a:hover {
 border: 1px solid #66f;
}
#auswahl .aktuell {
 background-color: #ffd;
 border: 1px solid #66f;
 color: #06c;
}
#auswahl small {
 font-size: 0.85em;
}
.spiele, #spiele, #spiele_v, #spiele_h, #spiele_f, .partie, #tabelle, #tabellen, .tabelle, #leer {
 background-color: #fff;
 color: #111;
 border: 1px solid #999;
 margin-bottom: 3px;
 width: 100%;
}
.spiele, #spiele, #spiele_v, #spiele_h, #spiele_f, .partie {
 margin: 0;
}
.spiele td, #spiele td, #spiele_v td, #spiele_h td, #spiele_f td, .partie td, #tabelle td, #tabellen td, .tabelle td {
 border-top: 1px solid #ccc;
}
#spiele .titel, #spiele_v .titel, #spiele_h .titel, #spiele_f .titel, .partie .titel, #tabelle .titel, .tabelle .titel, #leer .titel {
 border-top: none;
 text-align: center;
}
.leer {
 text-align: center;
}
#extern {
 font-size: 95%;
 font-weight: bold;
}
.auswahl {
 line-height: 1em;
 padding: 0;
}
.termin {
 width: 80px;
}
.zeit {
 width: 50px;
}
.heim {
 width: 200px;
}
.gegen {
 width: 25px;
}
.ergebnis {
 width: 30px;
}
.ausfall {
 background-image: url(img/stop.gif);
 background-repeat: no-repeat;
 background-position: 5px 5px;
 width: 11px;
 height: 11px;
}
.neu {
 background-image: url(img/termin.gif);
 background-repeat: no-repeat;
 background-position: 5px 5px;
 width: 11px;
 height: 11px;
}
.tag {
 background-color: #fff;
 color: #309;
 font-style: italic;
}
#meinWettbewerb0 a, #meineBegegnungen a, #meineTabelle a {
 background-image: none;
}
#meineBegegnungen a, #meineTabelle a {
 text-align: center;
}
#vorschau {
 line-height: 1.5em;
 border: 1px solid #999;
 margin-bottom: 5px;
 width: 100%;
}
#vorschau td {
 text-align: center;
}
.mfoto {
 font-size: 90%;
 text-align: left;
}
#aktuelles .menue {
 background-color: #36f;
 color: #ff7;
 font-weight: bold;
 padding: 0 0 2px 0;
 text-align: center;
}
#aktuelles .hinweis {
 font-size: 120%;
 margin-bottom: 10px;
 padding: 1px;
}
#aktuelles b {
 background-color: #ff0;
 border: 1px solid #36f;
}
#aktuelles p {
 line-height: 1.3em;
 text-align: justify; 
}
.eintrag {
 border-bottom: 2px solid #36f;
 margin-bottom: 15px;
 padding-bottom: 15px;
}
.normal {
 font-weight: normal;
}
.ausfall {
 background-color: #ccc;
}