body,html {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	margin: 0px;
	background-color:#b3c6b8;
}

#tooltip {
	border : 2px solid #b3c6b8;
	border-width : 0px 1px 1px 0px;
	background-color : #E8A965;
	width : 200px;
	padding : 0;
}
#tooltip p {
	margin : 4px 8px 3px 8px;
	color : black;
	font-size : 10pt;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

#loginbody table,td {
border:0px;
}

#what {
position:absolute;
left: 91px;
top:200px;
visibility: hidden;
font-size:10pt;
background-color:white;
width:609px;
border:1px solid #E8A965;
margin-left:6px;
padding: 6px 6px 6px 6px;
z-index:1;
text-align: justify;
}

#what .closeb {
position:absolute;
right:5px;
top: 5px;
}

#kontakt {
position:absolute;
padding:5px 5px 5px 5px;
left:10px;
top:1px;
}

#kontakt a {
color:#ffffff;
font-size:10pt;
}

#leisteoben {
background: url(../images/leisteoben.gif) repeat-x;
height:50px;
}

#tantable {
width:800px;
height:550px;
margin-left:20px;
z-index:-1;
position:absolute;
background: url(../images/wasserzeichen.png) no-repeat;
}

#content {
background-color:white;
width:800px;
position:relative;
top:10%;
border: 1px solid black;
}

#logo {
position:relative;
left:10px;
margin-top:10px;
width:100%;
text-align:left;
}

#login-box {
	margin: 6px auto;
	padding: 6px;
	text-align: center;
	width:633px;
	height:406px;
background: url(../images/login.png) no-repeat;
text-align: center;
}

#navi .navi_left {
width:120px;
}

#navi .navi_right{
width:120px;
}

#navi .navi_home a{
background-color:#39cd62;
width:80px;
display:block;
width:120px;
height:25px;
border-left:1px solid black;
text-decoration: none;
color: white;
padding-top:5px;
}

#navi .navi_home a:hover{
background-color:#096423;
width:80px;
display:block;
width:120px;
height:25px;
border-left:1px solid black;
text-decoration: none;
color: white;
padding-top:5px;
}

#navi .navi_game a{
background-color:#cd3966;
width:80px;
display:block;
width:120px;
height:25px;
border-left:1px solid black;
text-decoration: none;
color: white;
padding-top:5px;
}

#navi .navi_game a:hover{
background-color:#740628;
width:80px;
display:block;
width:120px;
height:25px;
border-left:1px solid black;
text-decoration: none;
color: white;
padding-top:5px;
}

#navi .navi_match a{
background-color:#7383e7;
width:80px;
display:block;
width:120px;
height:25px;
border-left:1px solid black;
text-decoration: none;
color: white;
padding-top:5px;
}

#navi .navi_match a:hover{
background-color:#12217b;
width:80px;
display:block;
width:120px;
height:25px;
border-left:1px solid black;
text-decoration: none;
color: white;
padding-top:5px;
}

#navi .navi_high a{
background-color:#f1bf0f;
width:80px;
display:block;
width:120px;
height:25px;
border-left:1px solid black;
text-decoration: none;
color: white;
padding-top:5px;
}

#navi .navi_high a:hover{
background-color:#776320;
width:80px;
display:block;
width:120px;
height:25px;
border-left:1px solid black;
text-decoration: none;
color: white;
padding-top:5px;
}

#navi .navi_prof a{
background-color:#b3c6b8;
width:80px;
display:block;
width:120px;
height:25px;
border-left:1px solid black;
border-right:1px solid black;
text-decoration: none;
color: white;
padding-top:5px;
}

#navi .navi_prof a:hover{
background-color:#5c6f61;
width:80px;
display:block;
width:120px;
height:25px;
border-left:1px solid black;
border-right:1px solid black;
text-decoration: none;
color: white;
padding-top:5px;
}

#navi .navi_prem a{
background-color:#f60331;
width:80px;
display:block;
width:120px;
height:25px;
border-right:1px solid black;
text-decoration: none;
color: white;
padding-top:5px;
}

#navi .navi_prem a:hover{
background-color:#700418;
width:80px;
display:block;
width:120px;
height:25px;
border-right:1px solid black;
text-decoration: none;
color: white;
padding-top:5px;
}

#navi table {
	border-top:1px solid black;
	border-bottom:1px solid black;
	width:100%;
	height:25px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	margin: auto;
	background-color:white;
	margin-top:20px;
} 

.mainContainer .finishedBox {
border:1px solid black;
width:300px;
height:150px;
text-align: center;
position:absolute;
left:37%;
top:100px;
background-color:white;
}

.mainContainer form {
	margin: 0px;
}

.mainContainer input {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	margin: 1px;
}

.mainContainer a {
	color: #000;
	text-decoration: none;
}
.mainContainer a:hover {
	text-decoration: underline;
}
.mainContainer a:visited {
	color: #000;
}

.mainContainer a:link img {
	border: none;
}

.mainContainer a:visited img {
	border: none;
}

.mainContainer .inputText_cellOdd {
	background: #ddd;
	border: 0px;
	font-size: 10pt;
	font-weight: bold;
	padding: 0px;
	padding-top: 1px;
	text-align: center;
	width: 78px;
}
.mainContainer .inputText_cellEven {
	border: 0px;
	font-size: 10pt;
	font-weight: bold;
	padding: 0px;
	padding-top: 1px;
	text-align: center;
	width: 78px;
}

.mainContainer p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 2px;
}

.mainContainer table {
	border: 2px solid #e4e4e4;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	margin: auto;
}

#stat{
	width: 700px;
	border: 2px solid #e4e4e4;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	margin: auto;
}

#stat td {
	font-size: 9pt;
	font-weight: normal;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	height: 15px;
	width: 100px;
}

.mainContainer table td {
	font-size: 10pt;
	font-weight: bold;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	height: 35px;
	width: 80px;
}

.cellOdd {
	background: #ddd;
	text-align: center;
}
.cellEven {
	background: #ffffff;
	text-align: center;
}

.infoBox {
	border-top: 3px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #f4f4f4;
	text-align: left;
	margin: 0px auto 6px auto;
	padding: 3px;
}

.mainContainer {
	margin: 6px auto;
	padding: 6px;	
}

#highscore td{
	font-size: 9pt;
	font-weight: 100;
}

#highscore  .title {
	font-size: 12pt;
	font-weight: bolder;
}

#gegner table {
width:200px;
height:200px;
}

#gegner td {
height:15px;
}

#gegner .filled{
background: #E8A965;
}