html {height: 100.1%; font-size:62.5%;}	

body{
font-family: arial, helvetica, sans-serif;
font-size: 1.4em;
/* line-height: 1.6em; */
text-align: center;
color: #000000;
background-color: #FFFFFF;
/*	background-image: url(HandballKopf.gif); */
}

* {
margin: 0; 
padding: 0;
border: 0;
} 

h2 {
padding-bottom: 1em;
}

div#wrapper{
width: 840px;
text-align: left;
margin: 1px auto;
}

div#header {
height: 90px;
background-image: url(head1.gif);
background-repeat: repeat;
}

div#header h2{
color: #555500;
font-size: 36px;
text-align: center;
padding-top: 28px;
}

div#header img{
/* margin-top: 8px; */
margin-left: 1em;
float: left;
}
/****        
div#header{
width: 840px;
height: 150px;
margin-left: 0px;
color: #FF9900;
background: url(AuetalLogoX.jpg) no-repeat 0px 0px;
}
************/

div#intro.Kopf{
font-weight: bold;
}

div#menu{
width: 11em;
height: 130ex;
float: left;
background-color: #ff6400;
margin: 0em 1em 0em 0em;
}

div#menu h2{
/*font-family: serif;*/
font-size: 1.2em;
font-weight: bold;
padding-bottom: 0.2ex;
}

div#menu img{
margin-left: 1em;
}
div#menu ul{
margin-left: 0.7em;
margin-right: 0.7em;
margin-top: 2em;
list-style: none;
}

div#menu li{
display: inline;
}

div#menu a{
font-size: 1em;
font-weight: normal;
color: #000000;
text-decoration: none;
display: block;
margin-top: 0.5em;
/* background: url(menupfeil.gif) no-repeat left; */
/* padding-left: 25px; */
}

div#menu a.menupassive:hover{
color: #ffffff;
background-color: #bb6600;
padding-left: 0.5em;
/* cursor: url(Ball.gif); */
}

div#menu a.menuactive{
color: #ffffff;
background-color: #994400;
padding-left: 0.5em;
}

/* Kleine Modifikation für IE, da ansonsten der "Three Pixel Gap"-Fehler des IE zu Darstellungsfehlern führt */
* html {position:relative;left:-3px;}
div#content {
margin-left: 11em;
}
div.secmenu, div.secmenuOrt {
background: #ff6400;
margin-left:11em;
}

div.secmenu ul, div.secmenuOrt ul{
padding: 6px 20px 0px 20px;
}

div.secmenu li, div.secmenuOrt li{
display: inline;
/* margin-right: 10px; */
}

img.prtHeadLine{
display: none;
}

img.w3cinfo{
margin-top: 1.5em;
margin-right: 15px;
}

div.secmenu a, div.secmenuOrt a{
font-size: 1em;
font-weight: bold;
color: #000000;
text-decoration: none;
padding-left: 0.5em;
padding-right: 0.5em;
margin-top: 0.5em;
}

div.secmenu a:hover{
color: #ffffff;
background-color: #bb6600;
}

div.secmenu a.menuactive{
color: #000000;
background-color: #ffffff;
padding: 0.3em 0.5em;
}

div.secmenuOrt a:hover{
color: #ffffff;
background-color: #bb6600;
}

div.secmenuOrt a.menuactive{
color: #000000;
background-color: #ffffff;
padding: 0.3em 0.5em;
}	

div#introCol {
margin-left: 0em;
padding: 1ex 1em 0ex;
padding-bottom: 3ex;
margin-bottom: 1ex;
border-bottom: solid 1px;
}

div#introCol div.Bild {
margin-top: 1em;
}

div.newsSmall, div.playSmall {
border-bottom-style: dotted;
border-bottom-width: 1px;
padding-bottom: 1em;
height: 10em;
/*padding-right: 17em;*/
}

div.newsSmall .Datum, div.playSmall .Datum {
padding-top: 0.7em;
font-size: 1em;
font-weight: bold;
}

div.newsSmall .Kopf, div.playSmall .Kopf {
padding-top: 0.3em;
font-weight: bold;
font-size: 1.1em;
}

div.news {
margin-left: 12em;
}

div.news .Datumdetail {
padding: 0.7em 0em;
font-size: 1.1em;
font-weight: bold;
}

div.news .Inhaltdetail {
padding-right: 7em;
}

div.news .back {
padding-top: 1.5em;
}

div.news h1 {
padding-bottom: 0.7em;
}

div.news img {
margin-top: 1em;
}

div.news input.button {
border: 2px solid;
}

div.news form{
margin-top: 2em;
}

div.news input.button:hover {
color: #00ff00;
}

div#newsCol, div#playCol, div#tzCol, div#orgaCol, div#belCol {
padding-left: 1em;
padding-right: 1em;
}

div#belCol, body#home div#tzCol {
margin-left: 11em;
}

div#newsCol, div#playCol {
margin-top: 1em;  /**** !!!! ****/
margin-right: 17em;
}

div#newsCol h2, div#playCol h2 
{padding-top:10px;}

div#linksHB, div#eveCol {
/*margin-left: 11em;*/
padding: 3ex 1em;
}

div.eventInhaltdetail {
padding: 1ex 1em;
}

div.newsSmall .Inhalt, div.playSmall .Inhalt {
/*height: 7em;*/
padding-top: 0.8ex;
font-size: 1em;
line-height: 1.1em;
}

div.newsSmall .Inhalt .Bild, div.playSmall .Inhalt .Bild {
width: 100%;
}

div.newsSmall .Inhalt .Bild img, div.playSmall .Inhalt .Bild img {
float: left;
padding-right: 0.6em;
}

div.newsSmall .Inhalt .Link, div.playSmall .Inhalt .Link {
padding-top: 0.5ex;
}

div#eventCol, div#sponsorCol {
width: 15em;
float: right;
background-color: #eeeeee;
margin-left: 1em;
margin-bottom: 2em;
margin-top: 3em;  /**** !!!! ****/
padding: 0ex 0.6em;
border: 2px solid #ff6400;
}

div#eventCol h2, div#sponsorCol{padding-bottom:3px;}

div.eventVon {
float: left;
color: #ffffff;
padding-left:0.3em;
font-size: 1em;
font-weight: bold;
width: 3.5em;
}

div.eventKopf {
padding-left:1em;
background-color: #ff6400;
padding-bottom: 0.3ex;
}

div.eventKopf a{
color: #ffffff;
text-decoration: none;
padding-left: 0.3em;
}

div.eventInhalt {
padding-bottom: 5px;
font-size: 0.9em;
}

div.eventInhalt a{
color: #000000;
text-decoration: none;
padding-left: 0.3em;
}

div.back a{
color: #330000;
}

div#ergebnis, div#spiel {
border-top: 1px solid #000;
padding-top: 0.2em;
}

div#spiel {
height: 85px;
}

div#ergebnis {
height: 85px;
}

div#spiel p.termin, div#ergebnis p.termin {
float: left;
padding-right: 0.5em;
}

div.spielFuture, div.spielErgebnis {
height:0px;
overflow: hidden;
}

div.ergebnis {
/*float: left;*/
padding-right: 0.5em;
}

div#ergebnis p.paarung img, div#spiel p.paarung img {
width: 0.8em;
padding-left: 0.3em;
}

div#ergebnis a {
text-decoration: none;
color: #000000;
}

div#ergebnis a img.bericht {
width: 1em;
padding-left: 0.3em;
float: right;
}

div#orgaCol {
margin-top: 1ex;
}

div#orgaCol table, div#tzCol table, div#belCol table{
border: 1px solid;
border-spacing: 0px;
margin-top: 1ex;
}

div#orgaCol td {
border: 1px solid;
padding: 0.4em;
}

div#orgaCol thead {
font-weight: bold;
}

div#tzCol h2 {
padding-bottom: 0em;
}

div#tzCol h3 {
padding-top: 0.6em;
}

div#tzCol td, div#belCol td {
padding: 0 0.4em;
}

div#tzCol td.tag, div#belCol td.tag {
width: 6em;
}

div#tzCol td.zeit, div#belCol td.zeit {
width: 8em;
}

div#tzCol td.ort {
/*width: 12em;*/
}

div#tzCol td.team, div#belCol team {
width: 25em;
}

div#belCol ul {
margin-left: 1em;
margin-right: 1em;
margin-top: 2em;
list-style: none;
}

div#belCol ul ul {
margin-top: 0em;
margin-bottom: 1.8em;
}

div#belCol ul ul li{
padding-bottom: 0.1em;
padding-left: 1em;
}
div#belCol ul ul li p, div#belCol table p {
display: inline;
}
div#belCol ul ul li p.org {
padding-left: 1em;
}
div#belCol ul h2 {
padding-bottom: 0.6em;
}

div#archivCol thead td {
font-size: 0.9em;
font-weight: bold;
padding-bottom: 0.4em;
}

div#archivCol tbody a {
text-decoration: none;
}

div#footer{
margin-top: 10px;
/*	background: url(footer.jpg) no-repeat 0px 0px; */
}

div#footer p{
text-align: right;
color: #0004F8;
padding-top: 25px;
padding-right: 50px;
font-size: 0.8em;
}

div#footer a,div#footer a:link,div#footer a:visited,div#footer a:active{
text-decoration: none; 
color: #00FFF8;
}

div#footer a:hover{
text-decoration: underline; 

}

a.mail {
text-decoration: none; 
color: #0000F8;
}

.defloat {		clear: both;}

div#content form{
color:#000000;
font-size: 1em;
margin-top: 1.5ex;
margin-bottom: 1.5ex;
text-align: center;
width: 80%;
}

div#content legend{
padding-top: 1ex;
padding-bottom: 1ex;
}

div#content label.formleft{
clear: left;
float: left;
text-align: right;
width: 23%;
margin-right: 0.5em;
margin-bottom: 0.5em;
margin-top: 0.5em;
}



div#content div.formright{
margin-bottom: 0.5em;
margin-top: 0.5em;
text-align: left;
}

div#content input, textarea, select{
border: 1px solid #000066;
margin-bottom: 0.5em;
margin-top: 0.5em;
}

div#content input, textarea{
width: 75%;
}

div#content select{
margin-left: -23.7em;
width: 20%;
}

div#content select.archTyp{
margin-left: -20em;
width: 10em;
}

div#content select.archJahr{
margin-left: -25.5em;
width: 4.5em;
}

div#content textarea{
height: 8em;
}

div#content input.formsubmit{
background-color:  #000066;
color: white;
margin-left: -21em;
margin-right: 1em;
padding: 0.2em;
width: auto;
border: 8px double white;
}

div.report {
margin-top: 2em;
margin-left: 12em;
}

div.report .Datumdetail {
font-size: 1.3em;
font-weight: bold;
}

div.report .Inhaltdetail {
margin-top: 1em;
}

div.report .team {
font-family: serif;
font-size: 1.5em;
font-weight: bold;
}

div.report .paarung {
font-size: 1.3em;
font-weight: bold;
}

div.report img {
margin-top: 1em;
}

div.report input.button {
border: 2px solid;
}

div.report form{
margin-top: 2em;
}

div.report input.button:hover {
color: #00ff00;
}
p.autor {
margin-top: 0.5ex;
text-align: right;
font-size: 0.8em;
}

p.org, p.description {display: inline; padding-left: 0em;}