/******************************************* Default settings ****************************************/
a, form, div, td { font-family:Verdana, Arial, Helvetica; }
a, form, div, td { font-size:8pt; }
a, form, div, td { color:black; }
a, form, div, td { background-color::white; }
a, form, div, td { border:0px; }
table { cellspacing:0px; cellpadding:0px; margin:0px; padding:0px;}

a:link { color:blue; text-decoration:none; }
a:link:hover { color:red; text-decoration:none; }
a:link:visited { color:blue; text-decoration:none; }

td.a:link { color:blue; text-decoration:none; }
td.a:link:hover { color:red; text-decoration:none; }
td.a:link:visited { color:blue; text-decoration:none; }

form {
	margin:0px;
	padding:0px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/********************************************** Layout *******************************************/
#body {
	background-image: url(images/bg.jpg);
	padding:0px;
	margin:0px;
	z-index:0;
}

#site {
	position:absolute;
	top:20px;
	min-height:580px;
	left:50%;
	width:800px;
	margin-left:-400px;
	border:0px;
	background-color:white;
	z-index:2;
}

#menu {
	position:relative;
	left:0px;
	top:0px;
	width:800px;
	min-height:100px;
	
    background-image: url(images/bg2.jpg);
	border:0px;
	
	z-index:3;
}

#content {
	position:relative;
	left:0px;
	top:0px;
	min-height:490px;
	margin-top:12px;
	margin-bottom:12px;
	margin-left:25px;
	margin-right:25px;
	width:750px;
    background:white;
	
	z-index:2;
}

/********************************************** Login/out *******************************************/
.buttonBlack {
	border:0px;
	background:black;
	width:12px;
	color:white;
}

.debug {
	position:absolute;
	top:50%;
	left:50%;
	width:400px;
	height:200px;
	margin-left:-200px;
	margin-top:-100px;
	
	border:0px;
	background-color:white;
	z-index:99;
	color:red;
}

.gameBox {
	border:0px;
	background-image:inherit;
	text-indent:8px;
}

.gameBox a {
	color:black;
	font-size:8pt;
}

.logButton {
	border:0px;
	background:black;
	color:white;
}

.titelBlau {
	font-weight:bold;
	font-size:12pt;
}

.titelBlau a {
	color:blue;
}

.Formbutton {
	border:1px;
	border-style:solid;
	border-color:black;
	background:red;
	color:white;
	font-size:8pt;
}

.FormLink {
	border:0px;
	background:black;
	color:white;
	margin:0px;
	padding:0px;
	font-size:8pt;
}

div.title {
	background:blue;
	height:18px;
	pading:4px;
}
td.title {
	background:blue;
	height:18px;
	pading:8px;
}
td.titleSmall {
	background:blue;
	height:18px;
	pading:4px;
}

.title a {
	color:white;
	font-weight:bold;
	font-size:10px;
	padding:6px;
}

td.titleSmall a {
	color:white;
	font-weight:normal;
	font-size:9px;
}

tr.list {
	border-bottom:1px;
	border-style:dotted;
	border-color:black;
}

td.list {
	border-bottom:1px;
	border-style:dotted;
	border-color:black;
}

div.list {
	position:relative;
	left:0px;
	width:100%;
	background:#eeeeee;
}

a.Menubutton {
	display:block;
	color:white;
	vertical-align:middle;
	text-decoration:none;
	font-weight:bold;
	background:inherit;
}

a.Menubutton:visited {
	display:block;
	color:white;
	vertical-align:middle;
	text-decoration:none;
	font-weight:bold;
	background:inherit;
}

a.Menubutton:hover {
	display:block;
	color:red;
	vertical-align:middle;
	text-decoration:none;
	font-weight:bold;
	background:inherit;
}

a.MenubuttonActive {
	display:block;
	color:#bbbbbb;
	vertical-align:middle;
	text-decoration:none;
	font-weight:bold;
	background:black;
}

a.MenubuttonActive:visited {
	display:block;
	color:#bbbbbb;
	vertical-align:middle;
	text-decoration:none;
	font-weight:bold;
	background:black;
}

a.MenubuttonActive:hover {
	display:block;
	color:#bbbbbb;
	vertical-align:middle;
	text-decoration:none;
	font-weight:bold;
	background:black;
}

a.newsLink {
	color:blue;
	vertical-align:left;
	text-decoration:none;
	font-weight:bold;
	background:none;
	font-weight:bold;
}

a.newsLink:hover {
	color:red;
	vertical-align:left;
	text-decoration:none;
	font-weight:bold;
	background:none;
	font-weight:bold;
}