/* LAYOUT */



html>body {font-size: 10px;}





body {

margin:0px; 

padding:0px;

background-image: url(../bilder/background.gif);

background-repeat: repeat;

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

color:#000000;

font-size: 62.5%;

text-align: left;

scrollbar-base-color:#E6E6E6;

scrollbar-face-color:#E6E6E6;

scrollbar-darkshadow-color:#E6E6E6; 

scrollbar-highlight-color:#E6E6E6;

scrollbar-3dlight-color:#000000;

}





#wrapper {

position:relative;

clear:both;

border: 1px; 

border-left-style:solid; 

border-right-style: solid; 

border-bottom-style: none; 

border-top-style: none;  

background-color:#FBFBFB; 

width:960px; 

margin:auto; 

z-index:1;

}





#logo {

position:relative;

background-color:#FBFBFB;

float:left;

height: 140px;

width:315px; 

z-index:2;

}





#randomImage {

position:relative;

background-color:#FBFBFB;

float:left;

height:140px;

width:645px; 

z-index:2;

}	





#col_rechts {

margin: 0;

padding: 0;

float:left;

width: 210px;

}





#col_mitte {

position: relative;

float: left;

width: 600px;

text-align: right;

}





#col_links {

position: relative;

float: left;

width: 150px;

}





#footer {

position:relative;

clear:both;

width:100%;

height: 3px;

line-height: 3px;

z-index:2;

}





#endtag {

position:relative;

clear:both;

margin: auto;

background-image: url(../bilder/endtag.gif);

clear:both;

width:962px; 

height:20px; 

z-index:2;

}





#navi {

position:relative; 

float:left;

width:100%;

z-index:2;

overflow: visible;

}





#content {

position:relative;

margin:auto;

margin-bottom: 10px;

text-align: left;

line-height: 13px;

padding: 12px;

padding-top: 10px;

padding-right: 10px;

background-color: #EDEDED;

border: 1px; border-style:solid;

width:92%;

height:500px;

overflow: auto; 

z-index:2;

}







/* SCHRIFTEN */



h1, h2, h3, h4 {

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

margin: 0;

padding: 0;

}





h1{

font-size: 140%;

margin: 0px 0px 25px 0px;

}





h2{

font-size: 120%;

margin: 0px 0px 10px 0px;

}





h3{

font-size: 100%;

margin: 0px 0px 5px 0px;

}



h4{

font-size: 130%;

margin: 0px 0px 10px 0px;

}



p {

font-size:120%;

line-height: 18px;

}



table p {

padding:0;

margin:0;

}



a{

color: #DAB51A;

font-weight: bold;

text-decoration: none;

}





a:hover, a:focus {

color:#828592;

text-decoration:none;

}





#navi ul{

padding:0;

margin:0;

border-bottom:1px;

border-bottom-style:solid;

}





#navi ul li {

padding:0;

margin:0;

display:block;

}





#navi ul li a{

color: #333333;

font-size: 130%;

font-weight: bold;

text-decoration: none;

display: block;

padding: 4px 0 4px 25px;

border: 1px;

border-top-style: solid;

border-bottom-style: none;

border-right-style: solid;

border-left-style: none;

width: 124px;

}





#navi ul li a:hover, #navi ul li a:focus{

background-color:  #E7D177;

background-image: url(../bilder/tennisball5.gif);

background-repeat: no-repeat;

background-position: 6px;

}







#navi ul li a.subnavi{

font-size: 110%;

width: 124px;

padding: 4px 0 4px 25px;

background-color:  #bdbdbd;

}





#navi ul li a.subnaviactive{

font-size: 110%;

width: 124px;

padding: 4px 0 4px 25px;

background-color: #EFE6C0;

background-image: url(../bilder/tennisball7.gif);

background-repeat: no-repeat;

background-position: 11px;

}





#navi ul li a.subnavi:hover, #navi ul li a.subnavi:focus{

background-color:  #EFE6C0;

background-image: url(../bilder/tennisball7.gif);

background-repeat: no-repeat;

background-position: 11px; 

}





a.normal{

background-color: #EDEDED;

}



a.active{

background-color: #E7D177;

background-image: url(../bilder/tennisball5.gif);

background-repeat: no-repeat;

background-position: 6px; 

}





/* TABELLEN */



table.mainTable {

width: 544px;

background-color: #F5F1E2;

text-align: center;

border-collapse:collapse;

border-color:#000000;
}


table.mainTable th{

background-color: #E9D78F;

}

th {

border-collapse:collapse;

border-color:#000000;
}

td {

border-collapse:collapse;

border-color:#000000;
}



td.belegt {

background-color:  #FF3333;

}





td.frei {

background-color: #EDEDED;

}





td.gerade {

background-color: #FFE33E;

}





td.ungerade {

background-color:  #278AED;

}


td.jugend {

background-color:  #57B000;

}



#legende {

float: left;

margin: 0 4px 0 16px;

width: 10px;

height: 10px;

border: 1px;

border-style: solid;

}



hr {

margin:10px 0px 10px 0px;

}



DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {

border: 1px solid #000000;

padding: 0px 0px 0px 0px;

margin: 0px 0px 7px 0px;

}