body {
   background-image:url("../img/ball_bg.jpg");
   font-family: Arial;
   font-size: 15px;
}

@media print { 
   .divnoprint{
      display:none;
   }
}

#maintab{
   width:85%;
   margin:auto;
   margin-top:0;
}

#kopflogo{
   color: #fff;
   text-align: center;
   letter-spacing: 2px;
}

#leftright{
   text-align:left;
   vertical-align:top;
   height:480px;
}
#leftbox{
   text-align:top;
   padding: 0 5px 0 5px; /*top right bottom left*/
   margin: 0;
   background:#fff url("../img/logo.png") no-repeat bottom;
   background-size: 180px 180px;
}

#inhalt {
   font-size: 11px;
   background-color: #fff;
   padding: 5px;
}

#fusszeile {
   text-align: center;
   letter-spacing: 1px;
   color: #ffffff;
   padding: 4px 0 4px;
}

div#logo {
   position: absolute;
   bottom: 0;
}
/* sonstige Definitionen */
.pixelbtn,.mlbtn {
   border:0;
   font-weight:bold;
   color:#fff;
   padding:0px 1px 0px 1px;
   margin:0 0 2px 0;
   text-align:middle;
}
.mlbtn{
   width:18px;
   height:18px;
}
table{
   font-size:9pt;
   font-family:arial;
   cellpadding: 1px;
}
.tableftsmal{
   font-size:8pt;
}
tr.tr1 {
   /*Jede ungerade Tabellenzeile*/
   text-align:left;
}
tr.tr2 {
   /*Jede gerade Tabellenzeile*/
   text-align:left;
   background:gainsboro;
}


div#login{
   /*background-color: #DDD;*/
   padding: 0px;
   margin: 0px;
   margin-bottom: 15px;
   min-height: 140px;
   max-height: 140px;
}

div#rangliste{
   font-size:8pt;
   padding: 0px;
   margin: 7px 0px 0px 0px;
}
div#navigation{
   /*background-color: #DDD;*//*#C5D6FC;*/
   padding: 0px;
   margin: 0px;
   margin-top: 1px;
}

div#leftbox label{
   color:#888888;
}
div#leftbox input{
   width:140px;
}
div#message{
   background-color: #EEE;
   border: solid;
   border-width: 1px;
   padding: 5px; /*top right bottom left*/
   margin: -5px 0 5px 0;
   min-height: 370px;
   max-height: 370px;
   overflow: auto;
}
a#pwdverg {
   font-size: 9px;
}

h1#titelzeile{
   font-size: 13px;
   background-color: #DDD;                   /* Farbe: Titel fuer Seite */
   color: #fff;
   text-align: Center;
   letter-spacing: 2px;
   margin: -5px -5px 10px -5px; /*top right bottom left*/
   padding: 4px 0 4px 0;
}

h3{
   background-color: #EEE;
   padding:3px;
   margin:5px 0 5px 0;
}

.aktuell {
   font-size: 11px;
   background-color: #DDD;                   /* Farbe: Aktueller Navi Link */
   color: #008;                              /* Farbe: Navigat-Link */
   font-weight: bold;
}
a.nav {
   font-size: 11px;
   text-decoration: None;
   color: #008;                              /* Farbe: Navigat-Link */
   background-color:white;
}
a:visited.nav {
   color: #008;                              /* Farbe: Navigat-Link */
}
a:hover.nav {
   color: #000000;
   text-decoration: Underline;
}

.selgrp,a.klapp, a:visited.klapp {
   margin-left:9px;
   margin-right:9px;
}
a.klapp, a:visited.klapp{
   text-decoration: None;
   color: #008;                              /* Farbe: Navigat-Link */
}

a.tooltip,a.tooltipdate {
   position: relative;
   text-decoration: none;
   cursor:default;
   color: #000;
}
a.tooltip span,a.tooltipdate span {
   display: none;
   position: absolute;
   top: 15px;
   left: 15px;
   width: 200px;
   padding: 2px;
   z-index: 100;
   color: #000;
   background: #ff8;
   text-align: Center;
   -moz-border-radius: 5px; /* this works only in camino/firefox */
   -webkit-border-radius: 5px; /* this is just for Safari */
}
a:hover.tooltip,a:hover.tooltipdate { text-decoration: none;
   font-size: 99%; /* this is just for IE */
}
a:hover.tooltip span,a:hover.tooltipdate span {
   display: block;
}
a.tooltipdate span {
   width: 200px;
}


p#text{
   margin: 0;
   text-align: Justify;
   font-size:15px;
}
li{
   font-size:15px;
}


div.errCode {
   color: #ff4444;
   font-size: 14;
   font-weight: bold;
   padding: 5px;
}
div#gruppe{
   width: 400px;
   /*float:left;*/
   padding: 0px;
   margin: 0px;
}
div#gruppenChar{
   font-size: 50px;
   color: #ddd;
   margin-top: 10px; /*top right bottom left*/
   min-height: 110px;
}
input.tabinp {
   width:35px;
   margin: 0px;
   padding: 0px;
   font-size: 8pt;
   text-align: center;
}

div#register {
   width:450px;
   padding:5px 0px 3px 0px;  
   border: 0;
   margin:20px 0 20px 0;
}
label.reglbl  {
    width:210px;
    padding:0px;
    margin:2px;
    float:left;
    font-size: 12px;
    height: 16px;
}
input.reginp {
    width:225px;
    margin:0px 0px 2px 0;
    height: 16px;
}
label.usrlbl  {
    width:115px;
    padding:0px;
    margin:2px;
    float:left;
    font-size: 12px;
    height: 16px;
}
a#titel {
   color: #fff;
   text-decoration: None;
}
a:visited#titel {
   color: #fff;
   text-decoration: None;
}

.greenbtn,.redbtn,.backbtn
{
	cursor: pointer;
	font-size: 12px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5), -1px -1px 1px rgba(0, 0, 0, 1);
	padding: 5px 7px;
	border-radius: 5px;
	box-shadow: inset 3px 3px 6px rgba(255, 255, 255, 0.7), inset -3px -3px 6px rgba(0, 0, 0, 0.5);
}
.greenbtn
{
	color: #afa;
	background: #004000;
	background-image: -moz-linear-gradient(center bottom, rgb(0,64,0) 23%, rgb(25,100,25) 39%);
}
.redbtn
{
	color: #faa;
	background: #400000;
	background-image: -moz-linear-gradient(center bottom, rgb(64,0,0) 23%, rgb(100,25,25) 39%);
	padding: 1px 7px;
}
.backbtn
{
	color: #aaf;
	background: #000040;
	background-image: -moz-linear-gradient(center bottom, rgb(0,0,64) 23%, rgb(25,25,100) 39%);
}

.titel2{
   font-size:20px;
   padding:5px;
   margin:10px 0 0 0;
   background-color:#ddd;
   color:#888;
}

.tabletipperg th,.tabletipperg td{
   border-right:1px solid gainsboro;
}
#hello-name{
   margin:3px 0 10px;
   padding:3px;
   text-align:center;
   background-color:#EEEEEE;
}

.flag{
   width:16px;
   height:11px;
}
.imglast{
   align:0;vertical-align:middle;
   width:16px;
}
.tab-tippen {
   width:480px;
}
#divfinaltree {
   position:relative;
   width:600px;
   height:280px;
}
.divfintrmatch {
   border: 2px solid;
   height: 28px;
}
.fintrmatchline {
   display: inline-block;
   min-width: 100px;
}
.divfintr8 {
   position:absolute;
   top:0px;
   left:0px;
   width:130px;
}
.divfintr8 .divfintrmatch {
   margin:2px;
}
.divfintr4 {
   position:absolute;
   top:18px;
   left:150px;
   width:130px;
}
.divfintr4 .divfintrmatch {
   margin:0 2px 35px 2px;
}
.divfintr2 {
   position:absolute;
   top:50px;
   left:300px;
   width:130px;
}
.divfintr2 .divfintrmatch {
   margin:0 2px 100px 2px;
}
.divfintr1 {
   position:absolute;
   top:120px;
   left:450px;
   width:130px;
}