body{
text-align:center;
font-family:Verdana,Sans-serif;
margin:3px;
padding:0px;
background:#E5E9EC;}
body a{text-decoration:none; color:black;border-style:none;}
body a:hover{color:red;}


#alles{
color:black;
background:#FFFFCC;
text-align:left;
margin:auto;
width:771px;
border-style:solid;
border-width:1px;
border-color:black;}

#logo{
color:#FFFFCC;
text-align:center;
height:160px;
background:red;}

#logo h1{
font-family:Georgia,Serif;
font-size:36px;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;}

#navoben{
padding-left:0px;
padding-top:2px;
background:red;
margin-left:0px;
margin-right:0px;
font-size:12px;}

#navlinks{
width:192px;
text-align:left;
margin-top:2px;
float:left;}

#login{
float:right;
width:100px;
text-align:center;
font-size:10px;
margin-top:0px;
padding-top:0px;
padding-right:0px;}

.name {
font-size:10px;
padding-top:5px;}

.feldname {
width:50px;
font-size:9px;
}

.formfeld {
padding-top:0px;}

.formular {
margin-top:0px;
margin-bottom:0px}

.button {
padding-top:10px;
padding-bottom:0px;}

.image {
padding:0px;}

#ergebnis{
text-align:center;
padding-top:5px;
padding-bottom:10px;
font-size:12px;
border-bottom:solid silver 1px;}

.ergebnis2 {
margin-top:5px;
font-size:12px;
font-weight:normal;
}


#forum{
text-align:center;
padding-top:5px;
padding-bottom:10px;
font-size:12px;
border-bottom:solid silver 1px;}

.thema {
margin-top:5px;
font-size:12px;
font-weight:normal;
line-height:20px;
}

.autor {
color:#998;
font-size:10px;
font-style:italic;}


#navrechts {
width:180px;
text-align:center;
margin-top:2px;
float:right;}

#werbung{
text-align:center;
font-size:10px;
padding-top:10px;
padding-bottom:5px;
border-bottom:solid silver 1px;}

#werbung a{
color:silver;
border-style:none;}

.werbung2{
padding-bottom:5px;}

#kalender {
padding-top:5px;
text-align:center;
font-size:10px;
padding-bottom:10px;
border-bottom:solid silver 1px;}


.monat {
padding-bottom:10px;
font-size:14px;
font-weight:bold;}

.tab {
width:22px;
height:18px;
font-size:10px;
text-align:center;
border:solid silver 1px;}

.tag {
width:22px;
height:18px;
font-size:10px;
background:#E5E9EC;
text-align:center;
border:solid silver 1px;}

.heimspiel {
text-align:center;
width:22px;
height:18px;
background:#FFE4E1;
font-size:10px;
border:solid silver 1px;}

.turnier {
width:22px;
height:18px;
background:#90EE90;
font-size:10px;
text-align:center;
border:solid silver 1px;}

.andere {
width:22px;
height:18px;
background:#87CEEB;
font-size:10px;
text-align:center;
border:solid silver 1px;}

.bedeutung {
text-align:left;
font-size:10px;
padding-left:20px;
}

#geburtstag {
padding:5px;
text-align:center;
font-size:12px;
line-height:18px;
border-bottom:solid silver 1px;}

#footer{
text-align:center;
padding-top:20px;
padding-bottom:10px;
clear:left;}


#menuebox {
font-size:12px;
position: relative;
height: 22px;
background:red;

}
.stupidie {
display: none;
}
#menue {
position:absolute;
top: 0px;
left: 0px;
margin:0px;
z-index: 2;
}

#menue .aussen, #menue .aussenaktiv, #menue .aussen2, #menue .aussenaktiv2 {
float: left;
display: block;
overflow: hidden;
width: 80px;
height: 21px;
font-weight: bold;
text-align: center;
background-color: red;
color: #FFFFCC;
border-top:solid black 1px;
border-left:solid black 1px;
}
#menue .aussenaktiv, #menue .aussenaktiv2 {
background-color: #FFFFCC;
color: #000000;
}

#menue .aussen2, #menue .aussenaktiv2 {
width:100px;
}

#menue .aussenaktiv:hover, #menue .aussenaktiv2:hover {
height:auto;

}

#menue .aussen:hover, #menue .aussen2:hover {
height: auto;
background-color: #FFFFCC;
color: #000000;
}

#menue a{
color:#FFFFCC;
}

#menue a:hover{
color:#000000;
}


a.innen-1 {
margin-top: 2px;
}
a.innen,
a.innen-1 {
display: block;
width: 101px;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid black;
border-right: 1px solid black;
background-color: red;
color: #FFFFCC;
}

a:hover.innen,
a:hover.innen-1 {
background-color: #FFFFCC;
color: #900;
}

span.menutag {
display: block;
height:18px;
padding-top:3px;
}


++++++++++++++++++++
   CSS Teil II
++++++++++++++++++++

/*
	Menue-styles fuer IEs
	Am besten per Conditional Comment einbinden.
	Fuer IE5.5 und 5.0 muessen nur geringfuegige kosmetische
	Anpassungen vorgenommen werden (siehe Kommentare).
*/

#menue {
display:none;
}
.stupidie {
display: block;
position: absolute;
top: 0px;
left: 0;
z-index: 40;
}

a.auss, a.aussaktiv, a.auss2, a.aussaktiv2{
float: left;
width: 80px;
height: 24px;
overflow: hidden;
display: block;
font-weight: bold;
text-align: center;
text-decoration: none;
background-color: red;
color: #FFFFCC;
border-top:solid black 1px;
border-left:solid black 1px;
}
a.aussaktiv, a.aussaktiv2 {
background-color: #FFFFCC;
color: #000000;
}

a.auss2, a.aussaktiv2{
width: 101px;
}

a:hover.auss, a:hover.aussaktiv, a:hover.auss2, a:hover.aussaktiv2{
overflow: visible;
background-color: #FFFFCC;
color: #000000;
cursor:pointer;
}
a:hover.auss table, a:hover.aussaktiv table, a:hover.auss2 table, a:hover.aussaktiv2 table  {
display: block;
margin-top: 3px;
background-color: red;
color: #FFFFCC;
border-collapse: collapse;
border-right:solid silver 1px;
}

a.inn {
display: block;
width: 98px; /* fuer 5er IEs anpassen, sonst 'zuckt' es */
padding: 2px 0;
font-size: 12px; /* fuer 5er IEs auf 80% reduzieren */
font-weight: normal;
text-align: center;
text-decoration: none;
border-bottom: 1px solid black;
background-color: red;
color: #FFFFCC;
}
a:hover.inn {
position: relative;
background-color: #FFFFCC;
color: #000000;
}

a.links{
border-bottom-style:dashed;
border-width:1px;
color:#358;
}

a.links:hover{
border-bottom-style:solid;
color:#933;
}