@charset "utf-8";
html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }

#site{
	position:absolute;
	width:800px;
	height:100%;
	left:50%;
	top:0;
	margin-left:-400px;
}

h1{
	font-size:22px;
	margin-bottom:10px;
	color:#77b800;
	font-family:Georgia,Palatino,Palatino Linotype,Myriad Pro,Serif;
}
h2{
	font-size:18px;
	margin-bottom:10px;
	color:#168ef4;
	font-family:Georgia,Palatino,Palatino Linotype,Myriad Pro,Serif;
}
h3{
	font-size:14px;
	margin-bottom:10px;
	color:#999999;
	font-family:Georgia,Palatino,Palatino Linotype,Myriad Pro,Serif;
}
.h3_sub{
	margin-top:-10px;
}
p{
	line-height:18px;
	margin-bottom:10px;
}
strong{
	font-weight:bold;
}
a{
	color:#168ef4;
	font-family:Georgia,Palatino,Palatino Linotype,Myriad Pro,Serif;
}
a:link{
	color:#168ef4;
}
a:hover{
	color:#77b800;
}
a:active{
	color:#77b800;
}


#menue{
	position:absolute;
	right:0;
	top:75px;
	border-left:0.1em solid #CCCCCC;
	border-right:0.1em solid #FFFFFF;
}
#menue ul{
	list-style:none;
	float:left;
}
#menue ul ul{
	background-image:url(../images/bg80.png);
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	border-top:1px solid #FFFFFF;
}
#menue ul ul a, #menue ul ul span{
	color:#FFFFFF;
}
#menue a, #menue span{
	display:block;
	font-size:14px;
	padding:4px 10px;
	font-family:Arial,Helvetica,sans-serif;
	text-decoration:none;
	cursor:pointer;
	color:#000000;
}
#menue span a{
	display:inline;
	margin:0;
	padding:0;
	padding-bottom: 4px;
}
#menue a:hover, #menue span:hover{
	color:#77B800;
}
#menue li{
	position:relative;
}
.menue li{
	border-left:1px solid #FFFFFF;
	border-right:1px solid #CCCCCC;
}
.menue ul{
	left:-1px;
}
.menue ul li{
	border:0;
}
#menue ul ul{
	position:absolute;
	z-index:500;
}
#menue ul ul ul{
	position:absolute;
	top:0;
	left:100%;
}
div#menue ul ul,
div#menue ul li:hover ul ul,
div#menue ul ul li:hover ul ul{
	display:none;
}
div#menue ul li:hover ul,
div#menue ul ul li:hover ul,
div#menue ul ul ul li:hover ul{
	display:block;
}

#login{
	position:absolute;
	right:4px;
	top:10px;
}
#login input{
	margin:2px 0;
	margin-left:4px;
}

.datatable input{
	margin:4px 0;
}

#background_topline{
	position:absolute;
	width:100%;
	height:100px;
	left:0;
	top:0;
}
#background{
	position:absolute;
	width:100%;
	height:350px;
	left:0;
	top:100px;
	background-image:url(../images/space.png);
	background-size: contain;
}
#background_content{
	position:absolute;
	width:100%;
	height:100px;
	left:0;
	top:450px;
}

#logo{
	position:absolute;
	left:0;
	top:10px;
	font-size:70px;
	color:#168ef4;
	text-decoration: none;
	font-family:Georgia,Palatino,Palatino Linotype,Myriad Pro,Serif;
}

#planet{
	position:absolute;
	top:50px;
	right:-70px;
	width:470px;
	clip:rect(50px, 470px, 470px, 0);
}

#minicontent{
	position:absolute;
	width:390px;
	height:350px;
	left:0;
	top:100px;
	color:#FFFFFF;
	z-index:15;
}

#infocontent{
	position:absolute;
	width:320px;
	height:350px;
	right:0;
	top:100px;
	color:#FFFFFF;
	z-index:15;
}

#infobox{
	background-image:url(../images/bg80.png);
	-moz-border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-webkit-border-radius:10px;
	top:100px;
	color:#FFFFFF;
	padding:20px 10px;
	margin: 30px 0px;
	text-align:left;
	z-index:20;
}
#infobox table{
	margin:0 auto;
}
#infobox td{
	padding:2px;
}

#leftcontent{
	position:absolute;
	width:390px;
	left:0;
	top:450px;
	z-index:15;
}

#rightcontent{
	position:absolute;
	width:390px;
	right:0;
	top:450px;
	z-index:15;
}

#leftcontent2{
	position:absolute;
	width:540px;
	left:0;
	top:450px;
	z-index:15;
}

#rightcontent2{
	position:absolute;
	width:240px;
	right:0;
	top:450px;
	z-index:15;
}

#maincontent{
	position:absolute;
	width:100%;
	left:0;
	top:450px;
	z-index:15;
}

.input{
	border:1px solid #999999;
	padding:2px;
	width:120px;
}
.input:focus{
	background-color:#bbdb7f;
}
.button{
	border:1px solid #999999;
	background-color:#77b800;
	padding-left:18px;
	padding-right:18px;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Georgia,Palatino,Palatino Linotype,Myriad Pro,Serif;
}

.werte{
	border-collapse:collapse;
}
.werte tr:hover{
	background-color:#bbdb7f;
}
.werte.multihover tbody:hover{
	background-color:#bbdb7f;
}
.werte td{
	border:1px solid #999999;
	padding:2px 5px;
}
.werte thead td{
	background-color:#CCCCCC;
	font-family:Georgia,Palatino,Palatino Linotype,Myriad Pro,Serif;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}

.werte th{
	background-color:#CCCCCC;
	font-family:Georgia,Palatino,Palatino Linotype,Myriad Pro,Serif;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	border:1px solid #999999;
	padding:2px 5px;
}

.werte2{
	border-collapse:collapse;
}
.werte2 td{
	padding:2px 0;
}
#werbung{
	display: none;
	position: absolute;
	top: 5px;
	width:728px;
	height:90px;
	left:50%;
	margin-left:-364px;
}
.quicktipp{
	background-image:url(../images/bg-submenu-td2.png);
	font-size:12px;
	height:26px;
}