* {
margin: 0;
padding: 0;
}
html, body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 90%;
color: #ccc;
height: 100%;
background: url(../img/wrapperbg.gif) repeat-y;
}
#wrapper {
width: 100%;
height: 100%;
}
/* ------- header ------- */
#headerBox {
width: 980px;
height: 136px;
}
#headerLeft {
width: 59px;
height: 136px;
background: url(../img/headerLeft.gif);
float: left;
}
#logo {
width: 196px;
height: 136px;
background: url(../img/logo.gif);
float: left;
}
#logo a {
display: block;
width: 196px;
height: 136px;
text-decoration: none;
}
#picBox {
width: 600px;
height: 136px;
float: left;
}
#pic1,
#pic2,
#pic3 {
width: 199px;
height: 134px;
float: left;
}
#line1, #line2 {
width: 1px;
height: 135px;
background-color: #fff;
float: left;
}
#lineWhite {
width: 600px;
height: 1px;
position: absolute;
margin-left: -1px;
top: 116px;
background-color: #fff;
}
#lineBlack {
width: 600px;
height: 1px;
position: absolute;
margin-left: -1px;
top: 134px;
background-color: #000;
}
#transparentRedBlock {
width: 600px;
height: 17px;
background: red;
position: absolute;
top: 117px;
margin-left: -1px;
filter: alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
}
#headerRight {
width: 94px;
height: 136px;
background: url(../img/headerRight.gif);
float: left;
}

/* ------- body ------- */
#bodyBox {
width: 980px;
}
#bodyLeft {
width: 59px;
min-height: 400px;
background: url(../img/bodyLeft.gif);
float: left;
}

/* ------- menue ------ */
#menuBox {
width: 196px;
min-height: 400px;
background: url(../img/menu_bg.gif) repeat-y;
float: left;
}

#menuBox ul {
list-style-type: none;
}
#menuBox li {
min-height: 28px;
line-height: 26px;
}
#menuBox a {
display: block;
text-decoration: none;
font-size: 85%;
font-weight: bold;
padding-left: 12px;
color: #fff;
min-height: 28px;
letter-spacing: 1px;
}
#menuBox a.menuOn,
#menuBox a.menuOff:hover {
background: url(../img/buttonOn_bg.gif) no-repeat;
}
#menuBox a.menuOff {
background: url(../img/button_bg.gif) no-repeat;
}
#menuBox a.submenuOn,
#menuBox a.submenuOff:hover {
background: url(../img/buttonsubOn_bg.gif) no-repeat;
padding-left: 40px;
}
#menuBox a.submenuOff {
background: url(../img/buttonsub_bg.gif) no-repeat;
padding-left: 40px;
}

/* ------- content ------- */
#contentBox {
width: 560px;
min-height: 330px;
float: left;
padding: 20px 20px 40px 20px;
font-size: 100%;
color: #000;
}
#contentBox h1 {
font-size: 100%;
font-weight: bold;
color: #0561a6;
margin-bottom: 20px;
}
#contentBox ul {
margin-left: 25px;
}
#contentBox li {
line-height: 18px;
}
#contentBox a {
text-decoration: none;
font-size: 90%;
font-weight: bold;
color: #0561a6;
}
#contentBox a:hover {
color: #ed2f01;
}
#bodyRight {
width: 114px;
min-height: 400px;
float: left;
}

#play_desc{
margin-bottom: 20px;
}
.mitarbeiter_foto {
float: left;
width: 88px;
height: 116px;
margin-right: 10px;
}
h4.ma_name {
height: 116px;
padding-left: 10px;
}

/* ------- Hauptsponsor ------- */
#hstext {
width: 89px;
height: 12px;
font-size: 85%;
position: absolute;
top: 160px;
left: 875px;
color: #000;
}
#hsponsor {
width: 109px;
min-height: 137px;
position: absolute;
top: 175px;
left: 835px;
}

/* ------- Spielplan ------- */
#spielplan {
width: 430px;
min-height: 460px;
float: left;
padding-top: 20px;
background: #fff;
color: #000;
}
/* ------- SPsponsor ------- */
#spsponsorBox {
width: 100px;
height: 350px;
float: left;
padding-left: 15px;
}

.ssponsorText {
width: 100px;
height: 15px;
margin-top: 25px;
background-color: #fff;
font-size: 85%;
color: #a4a4a4;
text-align: right;
}
.ssponsor {
width: 100px;
height: 120px;
margin-bottom: 40px;
}

.partner {
 width: 400px;
 margin-left: auto;
 margin-right: auto;
 padding-bottom: 10px;
 margin-bottom: 20px;
 border-bottom: 1px solid #ccc; 
 font-weight: small;
}
.partner div {
 padding-left: 100px;
}

/* ------- Kontaktformular ------- */
#cform h3 {
font-size: 85%;
margin-top: 20px;
margin-bottom: 6px;
}
#cform label,
#cform input {
 display: block;
 float: left;
 width: 140px;
 margin-bottom: 6px;
}
#cform input,
#cform textarea,
#cform input#submit {
width: 150px;
border-top: 1px solid #555;
border-left: 1px solid #555;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 1px;
color: #333;
}
#cform input:focus,
#cform textarea:focus,
#cform input#submit {
background-color: #efefef;
color: #000;
}
#cform textarea {
width: 290px;
}
#cform input#submit {
float: none;
width: 100px;
}
#cform form br {
 clear: left;
}

/* ------- footer ------- */
#footer {
width: 100%;
position: fixed;
bottom: 0px;
padding: 8px;
text-align: left;
border-top: 1px dotted #808080;
font-size: 80%;
color: #353535;
background:#efefef;
}
#footerText {
width: 740px;
margin-left: 110px;
text-align: center;
}

#footer a {
text-decoration: none;
color: #353535;
}
#footer a:hover {
text-decoration: underline;
}


/* ------- list spacer ------- */
div.listspacer {
  width: 100%;
  height: 6px;
  margin: 20px 0 20px 0;
  background-color: #efefef;
}



/* + sitemap + */
#sitemap .dTrenner {
 font-size: 0;
 margin-top: 10px;
 margin-bottom: 10px;
 border-top: 1px solid #ccc;
}
#sitemap .D1 a {
 font-weight: bold;
 text-decoration: none;
}
#sitemap a:hover {
 text-decoration: underline;
}
#sitemap .D4 {
 margin-top: 10px;
 margin-left: 12px;
}
#sitemap .D4 a {
 font-weight: normal;
}



/*========*/
.clear {
clear: both;
}
.invis, hr {
display: none;
}
img {
border: 0 none;
}