/*****************************/
/*** Core html setup stuff ***/
/*****************************/
body{
align:center;
font-size:12px;
font-family:Arial, sans-serif;
Background-color:#000000;
}
#alles{/*Alles*/
Background-color:#000000;
}

#oben{
width: 100%;
height:162px;
border-style:solid;
border-width:0px;
}

#mitte{
height:70em;
padding:1em;1em;
border-style:solid;
border-width:0px;
background-color:#000000;
}

#unten{
float:none;
}

#Bereich1{ /*Logo*/
float:left; width:200px; height:162px;
background: url(../images/Logo_187x162.jpg)0 0 no-repeat;
background-color:#000000;
}

#Bereich2{ /*weiterer Kopfbereich*/
height:162px;
margin:0 0 0 15em;
background: url(../images/ballhaus_header_3.jpg)0 0 repeat;
}

#Bereich3{ /*Breadcrumbs*/
height:3em;
padding:1em; 1em;
}

#Bereich4{ /*Navigation*/
float:left; width:15em;
margin:0 0 1.2em;
}

#Bereich5{ /*Hauptseite*/
height:100%;
margin:0 15em 0 18em;
vertical-align:top;
background-color:#666666;
}

#Bereich6{  /*rechter Bereich*/
float:right; width:15em; height:30em;
margin:0 0 1.1em;
background: url(../images/blume.gif)100px 0 no-repeat;
background-color:#000000;
}

#Bereich7{ /*Fusszeile*/
height:3em;
text-align:center;
}
.hmb0 {
position: absolute;
top: 20px;
left:350px;
vertical-align:top;
}
.hmt1 {
position: relative;
top:-20px;
left:40px;
width:150px;
}
.hmb2 {
position: absolute;
top:240px;
left:160px;
}
.hmt2 {
position: relative;
top:-20px;
left:40px;
width:180px;
}
.hmb3 {
position: absolute;
top:280px;
left:160px;
}
.hmt3 {
position: relative;
top:-20px;
left:40px;
width:180px;
}
.hmb4 {
position: absolute;
top:320px;
left:160px;
}
.hmt4 {
position: relative;
top:-20px;
left:40px;
width:180px;
}
.hmb5 {
position: absolute;
top:360px;
left:160px;
}
.hmt5 {
position: relative;
top:-20px;
left:40px;
width:180px;
}
.hmb6 {
position: absolute;
top:400px;
left:160px;
}
.hmt6 {
position: relative;
top:-20px;
left:40px;
width:180px;
}
.hmb7 {
position: absolute;
top:440px;
left:160px;
}
.hmt7 {
position: relative;
top:-20px;
left:40px;
width:180px;
}
.hmb8 {
position: absolute;
top:480px;
left:160px;
}
.hmt8 {
position: relative;
top:-20px;
left:40px;
width:180px;
font-size:12px;
}
.hmb9 {
position: absolute;
top:520px;
left:160px;
}
.hmt9 {
position: relative;
top:-20px;
left:40px;
width:180px;
font-size:12px;
}
.login {
position: absolute;
top:520px;
left:160px;
width:160px;
color:#ffffff;
}
.news {
position: absolute;
top:480px;
left:160px;
width:180px;
}
.hm:link {
color:#ffffff;
text-decoration:none;
}
.hm:visited {
color:#ffffff;
text-decoration:none;
}
.hm:active {
color:#fc0500;
text-decoration:none;
}
.hm:hover {
color:#fc0500;
text-decoration:none;
}
.hm:link img {
color:#ffffff;
border-style:none;
}
.hm:visited img {
color:#ffffff;
border-style:none;
}
.hm:active img {
background-color:#fc0500;
}
.hm:hover img {
background-color:#fc0500;
}
.Navigation {
vertical-align:middle;
width:180px;
font-size:18px;
font-weight:bold;
margin-top:25px;
}
.lm {
position: relative;
top:70px;
left:0px;
width:180px;
font-size:12px;
color:#ffffff;
}
//Stile.css
.td_logo {
background:url(../images/Logo_187x162.jpg) 0 0 repeat;
}
.td_header {
background:url(../images/ballhaus_header_3.jpg) 0 0 repeat;
}
.td_hauptfeld {
background-color:#666666;
vertical-align:top;
}
.td_rechts {
vertical-align:top;
}
.tab_inhalt {
background-color:#000000;
}
.tab_inhalt_bh {
background:url(../images/Logo_600x498.jpg) 120px 0 no-repeat;
}
.td_a a:link {
color:#ffffff;
font-family:Arial;
font-weight:bold;
text-decoration:none;
}
.td_a a:hover span {
color:red;
font-family:Arial;
font-weight:bold;
text-decoration:none;
}
.td_a a:visited {
color:#ffffff;
font-family:Arial;
font-weight:bold;
text-decoration:none;
}
.td_a a:active {
color:#ffffff;
font-family:Arial;
font-weight:bold;
text-decoration:none;
}
.td_a a:hover img {
background-color:red;
}
img {
margin-right:10px;
}
.td_a span {
font-size:14px;
}
.td_a span.klein {
font-size:10px;
}