html{
	height:100%;
	background:url(../graphic/index/background.jpg);
}
body{
	margin:0px;
	padding:0;
	border:0;
	float:left;
	width:100%;
	height:100%;
	background:url(../graphic/index/bg-body.jpg) repeat-x;
	font:10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#665544;
}
* {
	font:10px/12px Verdana, Arial, Helvetica, sans-serif;
}
form{
	margin:0;
	padding:0;
}
#main{
	width:960px;
	margin:0 auto;
	padding:0 0 20px;
	overflow:hidden;
}
/*----------------------header----------------------*/
#header{
	width:960px;
	height:154px;
	margin:12px 0 0;
	position:relative;
}
#header h1{
	position:absolute;
	top:39px;
	left:80px;
	margin:0;
	width:800px;
	height:115px;
	overflow:hidden;
}
#header h1 a{
	display:block;
	margin:0;
	text-decoration:none;
	text-indent:-9999px;
	width:800px;
	height:115px;
}

#header .logo-fz{
	position:absolute;
	top:55px;
	right:6px;
	width:65px;
	height:74px;
	z-index:1;
}
#header .logo-fz a{
	float:left;
	width:65px;
	height:74px;
	cursor:pointer;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../graphic/index/bg-logo-fz.png) no-repeat 100% 0;
}
/*--navigation--*/
.navigation{
	width:960px;
	overflow:hidden;
	position:relative;
	text-align:center;
	z-index:999;
}
.navigation-holder{
	left:50%;
	float:left;
	position:relative;
	text-align:center;
	min-width:800px;
}
.navigation-holder div.navigation-wrapper{
	left:-50%;
	float:left;
	position:relative;
	text-align:center;
	min-width:800px;
	background:url(../graphic/index/bg-top-navigation-rounding.jpg) no-repeat;
}
* html .navigation-holder div span{width:786px;}
.navigation span{
	display:block;
	margin:0 0 0 14px;
	padding:0 14px 0 5px;
	height:39px;
	min-width:767px;
	white-space:nowrap;
	text-align:center;
	background:url(../graphic/index/bg-top-navigation.jpg) no-repeat 100% 0;
}
.navigation a{
	text-decoration:none;
	font-size:11px;
	line-height:30px;
	color:#950;
}
.navigation a:hover{text-decoration:underline;}

/*----------------------content----------------------*/
#content{
	width:960px;
	position:relative;
}
#content .paladin{
	position:absolute;
	top:-69px;
	left:13px;
	width:195px;
	height:377px;
	z-index:100;
}
#content h2{
	margin:0;
	font-size:18px;
	line-height:20px;
	color:#000;
}
#content p{
	margin:8px 0;
	font-size:11px;
	line-height:16px;
	color:#000;
}
/*--container-block--*/
.container-block,
.container-holder,
.container{
	width:800px;
	overflow:hidden;
}
.container-block{
	background:url(../graphic/index/bg-content-line.jpg) repeat-y;
	margin:0 auto;
}
.container-holder{background:url(../graphic/index/bg-content-top.jpg) no-repeat;}
.container{
	background:url(../graphic/index/bg-content-bottom.jpg) no-repeat 0 100%;
	overflow:hidden;
	padding:20px 0;
	min-height:150px;
}
* html .container{
	height:1%;
	overflow:visible;
}
/*--info-block--*/
.info-block{
	float:left;
	width:305px;
	padding:15px 0 12px 140px;
	position:relative;
}
.info-block img{
	float:right;
	margin:3px 0 0;
	border:none;
}
.info-block p{
	padding:1px 0 0;
}
.info-block strong{
	display:block;
	font-size:11px;
	line-height:18px;
	font-weight:bold;
	color:#000;
}
.info-block a.btn-kostenlos-anmelden{
	float:right;
	margin:15px 0;
	width:308px;
	height:38px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	background:url(../graphic/index/btn_register.png) no-repeat;
	font-size:18px;
	line-height:35px;
}
.info-block a.btn-kostenlos-anmelden:hover{
	background-position:0 -38px;
	color:#fff;
}
/*--screenshots--*/	
#screenshot {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	z-index:999;
}

#screenshot_image {
	margin:0 auto;
	position:relative;
	top:-114px;
	left:0px;
	width:640px;	
	z-index:999;
}

.screenshots{
	display:block;
	margin:0;
	padding:2px 0 0;
	clear:both;
}
.screenshots li{
	float:left;
	display:inline;
	margin:0 23px 0 0;
	list-style:none;
	width:80px;
	height:60px;
	padding:3px;
	background:url(../graphic/index/bg-frame.gif) no-repeat;
}
.screenshots li.last{margin:0;}
.screenshots img{
	display:block;
	margin:0;
	border:none;
}
/*--login-block--*/
.login-block{
	float:right;
	width:250px;
	margin:0 49px 0 0;
	padding:15px 0 0;
	display:inline;
}
.login-block h2{text-align:center;}
.login-block div{
	overflow:hidden;
	margin:0 0 25px;
}
.login-block label{
	display:block;
	margin:0;
	padding:0 0 6px;
	width:249px;
	overflow:hidden;
}
.login-block label strong{
	float:left;
	margin:0;
	display:inline;
	width:115px;
	text-align:right;
	font-size:11px;
	line-height:22px;
	color:#000;
}
.login-block label span{
	float:right;
	width:120px;
	height:18px;
	padding:3px;
	background:url(../graphic/index/bg-input-text.jpg) no-repeat;
}
.login-block .text{
	float:left;
	width:111px;
	margin:0;
	padding:1px 3px;
	border:1px solid #fff;
	font-size:11px;
}
.login-block .server_select{
	float:left;
	margin:0 0 0 8px;
	padding:2px;
	font-size:11px;
	border:1px solid #bbb;
}
.server_select option{
	padding-right:7px;
}

.login-block a.btn-login{
	clear:both;
	margin:14px 1px 0 0;
	display:block;
	width:106px;
	height:26px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	line-height:22px;
	font-weight:bold;
	overflow:hidden;
}
.login-block a.btn-login:hover{
	width:212px;
	margin-left:-106px;
}

.login-block p{
	text-align:left;
	clear:both;
}

.logged_in p{
	text-align:left;
}
.logged_in strong{
	font-weight:bold;
	font-size:11px;
}

#servers_list{
	display:none;
	position:absolute;
	top:81px;
	left:697px;
	width:196px;
	background:url(../graphic/index/bg-servers.jpg) repeat-y;
	margin:0;
	z-index:999;
	overflow:visible;
}
#servers_list_holder{
	width:196px;
	height:100%;
	background:url(../graphic/index/bg-servers-top.jpg) no-repeat;
	margin:0;
}

#servers_list_block{
	width:192px;
	height:100%;
	background:url(../graphic/index/bg-servers-bottom.jpg) no-repeat 0 100%;
	margin:0;
	padding: 0 0 4px 4px;
}

#servers_list .server_button{
	margin: 9px 0 -6px 4px;
	width:84px;
	height:21px;
	line-height:26px;
	background-position:0 0;
	background-repeat:no-repeat;
	position:relative;
}

.server_button_hover{
	background-position:0 -22px;
	margin: 9px 0 -6px 4px;
	position:relative;
}
/*----------------------footer----------------------*/
#footer{
	width:702px;
	margin:9px auto 0;
	overflow:hidden;
	background:url(../graphic/index/news_background.png) repeat-y;
}
.footer-holder{
	width:702px;
	background:url(../graphic/index/news_header.png) no-repeat;
}
.footer-block{
	width:702px;
	padding:20px 0 5px;
	background:url(../graphic/index/news_footer.png) no-repeat 0 100%;
}
.footer-block div{
	width:673px;
	overflow:hidden;
	padding:2px 0 20px 29px;
	margin:0 0 5px;
	background:url(../graphic/index/news_separator.png) no-repeat 50% 100%;
}
.footer-block .last{background:none;}
.footer-block span{
	float:left;
	margin:5px 9px 0 0;
	padding:10px 0 0;
	display:inline;
	width:53px;
	height:40px;
	font-size:11px;
	line-height:14px;
	font-weight:bold;
	color:#543;
	text-align:center;
	background:url(../graphic/index/news_icon.png) no-repeat;
}

.footer-block #global-news{
	float:left;
	margin:5px 9px 0 0;
	padding:10px 0 0;
	display:inline;
	width:53px;
	height:40px;
	font-size:11px;
	line-height:14px;
	font-weight:bold;
	color:#543;
	text-align:center;
	background:url(../graphic/index/news_icon_global.png) no-repeat;
}

.footer-block strong{
	display:block;
	margin:0;
	padding:3px 0 0;
	font-size:11px;
	line-height:14px;
	color:#543;
	font-weight:bold;
}
.footer-block p{
	margin:0;
	font-size:11px;
	line-height:14px;
	color:#543;
	padding-right:15px;
}
.footer-block a{
	display:inline;
	padding:0;
	text-decoration:none;
	color:#543;
	font-size:11px;
	line-height:14px;
	font-weight:bold;
}
.footer-block a:hover{text-decoration:underline;}
.closure {
	font-size:11px;
	line-height:30px;
	text-align:center;
	color:#543;
	padding-top:10px;
}
.closure a {
	text-decoration:none;
	color:#543;
}
.closure a:hover{text-decoration:underline;}

.error{
	color: rgb(180, 0, 0);
	font-weight:bold;
	font-size:14px;
}

#dropdown-wrapper{
	float:right;
	width:20px;
	margin-top:9px;
}
#dropdownMenu, #dropdownMenu ul {
	border:0pt none;
	line-height:1;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center;
	width:20px;
	height:16px;
	white-space:nowrap;
	float:right;
}
#dropdownMenu a {
	border:0pt none;
	display:block;
	height:16px;
	line-height:20px;
	width:20px;
}
#dropdownMenu a:hover {
	background-color:#fff;
	border:0pt none;
}
#dropdownMenu li {
	background-color:#ddd;
	border:0pt none;
	float:left;
	width:20px;
}
#dropdownMenu li ul {
	background:#EEEEEE none repeat scroll 0%;
	border:0 none;
	width:20px;
}
#dropdownMenu li ul li {
	border:0 none;
	width:20px;
	padding-top:2px;
}
#dropdownMenu li ul ul {
	background:#EEEEEE none repeat scroll 0%;
	margin-left:200px;
	margin-top:-30px;
	position:absolute;
	border:0 none;
	width:20px;
}

#dropdownMenu img{
	border:0;
	z-index:999;
}

a:link	{ font-weight:bold; color: #804000; text-decoration:none; }
a:visited	{  font-weight:bold; color: #804000; text-decoration:none; }
a:active	{  font-weight:bold; color: #0082BE; text-decoration:none; }
a:hover { font-weight:bold; color: #0082BE; text-decoration:none; }