body {
	background:#000 url(../img/background_1.jpg) no-repeat center top;
	font:normal 12px/130% Arial,Helvetica,sans-serif;
	color:#9fadb3;
}

body.no_background {background:transparent;}

a {color:#9FADB3;}

a:hover {color:#fff;}

input {
	background:#fff;
	background:-moz-linear-gradient(top, #abb2bf, #e3e7eb); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#abb2bf), to(#e3e7eb)); /* Safari, Chrome */
	border:1px solid #072843;
	padding:4px;
}

.with_netbar {margin-top:32px;}

#main {
	margin:0 auto;
	width:720px;
}

#logo a {
	background:url(../img/logo.png) no-repeat left 25px;
	display:block;
	height:140px;
	position:relative;
	width:230px;
}

#login_position {
	margin:0 auto;
	position:relative;
	width:720px;
}

a#login_button {
	background:url(../img/login_button.png) no-repeat top;
	display:block;
	font:bold 14px Arial;
	line-height:36px;
	position:absolute;
	right:0;
	text-align:center;
	text-decoration:none;
	width:165px;
	z-index:500;
}

a:hover#login_button {background-position:0 -41px;}
a#login_button.turn_around {background-position:0 -80px;}


a.button {
	background:url(../img/red_button.png) no-repeat 0 top;
	border:0;
	color:#fff;
	cursor:pointer;
	float:right;
	font:bold 14px Arial;
	text-decoration: none;
	height:31px;
	line-height: 30px;
	margin:0 80px 0 0;
	padding:0 0 0 20px;
	text-align:left;
	width:210px;
}

a.button:hover {background-position:0 -32px;}

#loginbox {
	background:#1a2022;
	border:1px solid #45555c;
	color:#9fadb3;
	display:none;
	padding:10px 15px;
	position:absolute;
	right:0;
	top:35px;
	width:190px;
	z-index:999;
}

#loginbox label {
	float:left;
	padding:5px 0 0 0;
	width:120px;
}

#loginbox input {width:170px;}

#loginbox input.login, .dates.loginsite input.big_login {
	background:url(../img/login.png) 0 top;
	border:0;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	height:24px;
	margin:8px 0 0 100px;
	width:80px;
}

.dates.loginsite input.big_login {
	float:right;
	margin:8px 6px 0 0;
}

#loginbox .login:hover, .dates.loginsite input:hover.big_login {background-position:0 -26px;}

#loginbox p {
	color:#999;
	float:left;
	font-size:11px;
	padding:5px 0 0;
}

.content_header {
	background:transparent url(../img/bg_headline.png) repeat-x top;
	display:block;
	height:15px;
	width:720px;
}

.content {
	background: transparent;
	background:rgba(0,0,0,0.8);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);   /* IE6 & 7 */
    zoom: 1;
    display:block;
	min-height:150px;
	padding:10px 0;
	width:720px;
}

.no_background .content {
	width:auto !important;
}

.content.register {float:left;}

h1 {
	background:transparent url(../img/bg_main.png);
	color:#fff;
	float:left;
	font:bold 16px/28px Arial;
	margin:5px 0 5px 10px;
	padding:0 0 0 10px;
	width:680px;
}

.content h2, .content p {
	float:left;
	margin:0 20px 10px 0;
	padding:0 0 0 25px;
	width:185px;
}

.content h2 {
	background:transparent url(../img/bg_main.png);
	font:bold 16px/28px Arial;
}

.account h2 {
	margin:10px 0 5px 20px;
	padding:0 0 0 5px;
	width:92%;
}

h3 {
	color:#9FADB3;
	float:left;
	font:bold 12px Arial;
	margin:12px 0 5px 10px;
	padding:0 0 0 10px;
	width:680px;
}

/* Start- und Registerseite */

.big_button a {
	background:url(../img/big_button_red.jpg) no-repeat;
	color:#fff;
	display:block;
	font:bold 17px/210px Arial;
	height:150px;
	padding:0 0 0 50px;
	text-decoration:none;
	width:670px;
}

.big_button a:hover {background-position:0 -160px;}

.jcarousel-skin-tango .jcarousel-container {background: url(../img/bg_gallery.jpg) no-repeat;}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 640px;
    padding: 11px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  645px;
    height: 82px;
}

#gallery .jcarousel-skin-tango .jcarousel-item {width:120px;}

#gallery .jcarousel-skin-tango .jcarousel-item img {border:1px solid #9FADB3;height: 80px;}

.jcarousel-skin-tango .jcarousel-item-horizontal {margin: 0 20px;}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/* Horizontal Buttons */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 35px;
    right: 5px;
    width: 10px;
    height: 30px;
    cursor: pointer;
    background: transparent url(../img/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position: 0 -30px;}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 35px;
    left: 5px;
    width: 10px;
    height: 30px;
    cursor: pointer;
    background: transparent url(../img/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: 0 -30px;}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.char {
	float:left;
	padding:0 0 0 20px;
	width:680px;
}

a.bio {
	background:url(../img/biostar.jpg) no-repeat left top;
	display:inline; /* for IE6 */
	float:left;
	height:150px;
	padding:0;
	margin:0;
	width:360px;
}
a.neo {
	background:url(../img/neotech.jpg) no-repeat left top;
	float:left;
	height:150px;
	width:360px;
}

a:hover.bio, a:hover.neo, .selected a:hover.bio, .selected:hover a.neo, .nation:hover a.bio, .nation:hover a.neo {background-position:left -315px;cursor:pointer;}

.selected a.bio, .selected a.neo {background-position:left -157px;}

.nation {
	cursor:pointer;
	display:inline; /* for IE6 */
	float:left;
	width:360px;
}

.nation input {margin:0 15px 0 0;}

.headline_nation {
	cursor:pointer;
	display:block;
	font:bold 16px/40px Arial;
	padding:0 0 0 20px;
	width:320px;
}

.headline_nation.bio {color:#d90000;}
.headline_nation.neo {color:#3dcbf3;}

p.description {
	color:#9FADB3;
	cursor:pointer;
	padding:0 0 0 50px;
	width:220px;
}

.dates {
	display:inline; /* for IE6 */
	float:left;
	margin:20px 0 20px 144px;
	width:410px;
}

.dates.loginsite {width:335px;}

.dates label, .char label, .post-box label {
	float:left;
	line-height:26px;
	margin:5px 7px 5px 0;
	text-align:right;
	width:110px;
}

.post-box label {width:80px;}

.dates input, .char input {
	float:left;
	line-height:20px;
	margin:5px 7px 5px 0;
	width:200px;
}

input.reg {
	background:url(../img/red_button.png) no-repeat 0 top;
	border:0;
	color:#fff;
	cursor:pointer;
	float:right;
	font-weight:bold;
	height:31px;
	margin:0 80px 0 0;
	padding:0 0 0 20px;
	text-align:left;
	width:210px;
}

input.reg:hover {background-position:0 -32px;}

input.error {
	background:#c78989;
	background:-moz-linear-gradient(top, #c78989, #e3e7eb); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#c78989), to(#e3e7eb)); /* Safari, Chrome */
	border:1px solid red;
}

.error_message {
	color:#D90000;
	display:inline; /* for IE6 */
	float:left;
	margin:0 0 3px 117px;
	width:270px;
}

#highscore .error_message {
	margin:5px 0 3px 0;
	width:300px;
}

.agb .error_message {margin-left:0;}

.agb label {
	cursor:pointer;
	margin:0;
	width:280px;
}

.nation.error {
	border:1px solid #fff;
	width:358px;
}

.error_message_nation {
	color:#D90000;
	float:left;
	margin:0 0 3px 0;
	text-align:center;
	width:700px;
}

.content .agb.register {
	float:left;
	font-size:10px;
	line-height:25px;
	margin:5px 0 5px 50px;
	width:285px;
}

.content .agb {
	font-size:10px;
	line-height:18px;
	margin:0;
	padding:0;
	text-align:right;
	width:330px;
}

.content .agb input {width:10px;}

.content .text {
	float:left;
	margin-left:50px;
	width:250px;
}

/* Accountseiten */

.content.account {
	float:left;
	display:inline; /* for IE6 */
}

.build_char {	
	display:inline; /* for IE6 */
	float:left;
	margin:0 0 0 25px;
	width:640px;
}

.build_char li.fract_bio, .build_char li.delete_char, .build_char li.fract_neo {
	background:url(../img/build_char_bio.png) no-repeat;
	display:inline; /* for IE6 */
	float:left;
	height:46px;
	width:40px;
}

.build_char li.fract_neo {background:url(../img/build_char_neo.png) no-repeat;}
.build_char li.delete_char {background:none;}

.build_char li.char_active {border:1px solid #93b1d3;}

.build_char li.char_inactive {border:1px solid black;}

.build_char li {
	background:url(../img/stripes.png) repeat-x bottom;
	display:inline; /* for IE6 */
	float:left;
	margin:0 0 10px 0;
	padding:0;
	width:550px;
}

.build_char .userpic {
	float:left;
	margin:5px;
}

.content .lvl,
.content .gps,
.content .charname {
	float:left;
	line-height:42px;
	margin:0;
	padding:0;
}

.content .charname {width:180px;}
.content .lvl {width:100px;}
.content .gps {width:190px;}

.tab-content p {
	margin:0;
	padding:10px 0 0 10px;
	width:620px;
}

.btn {
	background:#440e0e;
	background:-moz-linear-gradient(top, #2d0808, #681616); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#2d0808), to(#681616)); /* Safari, Chrome */
	border:1px solid #681616;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	height:30px;
	padding:0 10px;
}

.btn:hover,
.btn.active {
	background:#661717;
	background:-moz-linear-gradient(top, #4a0f0f, #801e1e); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#4a0f0f), to(#801e1e)); /* Safari, Chrome */
	border:1px solid #611414;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.col-left {
	background:url(../img/stripes.png) repeat-x bottom;
	float:left;
	height:185px;
	margin:0 20px;
	width:310px;
}

#account p {width:300px;}

#account label,
#messages label,
#clan label {
	float:left;
	margin:0 5px 0 0;
	padding:5px 0 0;
	text-align:right;
	width:115px;
}

#account input,
#messages input,
#clan input {
	float:left;
	margin:0 0 5px 5px;
	width:160px;
}

#account .btn {
	margin:0 auto;
	width:auto;
}

#clan .clan_form {
	float:left;
	width:300px;
}

.clan-list {float:left;}

#account .password_btn {margin:0 0 0 130px;}

.clan-tag {float:left;width:300px;}
.tab-content p.clan_text {
	padding:10px 0 10px 5px;
}

h4 {
	float:left;
	padding:10px;
}

.post-box {
	float:left;
	width:650px;
}

p.tiny-txt {
	background:url(../img/attention.png) no-repeat 5px 10px;
	border:1px solid red;
	float:right;
	margin:0 20px 0 0;
	padding:5px 5px 5px 25px;
	width:200px;
}

.nation input, .content .agb input, .checkbox {background:transparent;border:0;}

#account .checkbox {
	background:transparent;
	margin:10px 0 0 0;
	width:20px;
}

#account .post-box label {
	line-height:25px;
	text-align:left;
	width:320px;
}

.clan_info {
	background:url(../img/stripes.png) repeat-x bottom;
	float:left;
}

.clan_info p {
	float:left;
	width:300px;
}

.clan_logo {
	float:left;
	padding:10px;
	width:100px;
}

.clanoption .btn {
	float:left;
	line-height:28px;
	margin:5px 480px 10px 0;
	padding:0 20px;
	text-align:center;
	text-decoration:none;
}

.delete-clan p {width:300px;}

.delete-clan p.tiny-txt {
	margin:0 20px 0 0;
	width:200px;
}

.delete-account {
	float:left;
	width:300px;
}

#account .delete-account label {
	margin:0 0 10px 0;
	text-align:left;
	width:200px;
}

#account .delete-account .checkbox {margin:5px 0 0;}

.inner-box-bg {
	float:left;
	margin:10px 0 20px 10px;
}

.post-box {display:none;}

#accordion h3 {
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000)"; /* IE8 */    
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);   /* IE6 & 7 */      
	zoom: 1;
	background: rgba(0, 0, 0, 0.3) url(../img/arrow.png) no-repeat 6px 5px;
	cursor:pointer;
	padding:0 0 0 20px;
	width:640px;
}

#accordion h3.ui-state-active {background-position:6px -19px;}

#accordion p {
	margin:0;
	padding:0;
	width:606px;
}

#accordion img {margin:10px;}

textarea {
	background:#fff;
	background:-moz-linear-gradient(top, #abb2bf, #e3e7eb); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#abb2bf), to(#e3e7eb)); /* Safari, Chrome */
	border:1px solid #072843;
	margin:0 0 10px 0;
	padding:4px;
	float:left;
	width:530px;
}

#messages label.or {
	text-align:center;
	width:50px;
}

.tab-content {
	float:left;
	margin:0 20px;
}

.tab-content table {width:650px;}

.tab-content table th {
	background:url(../img/sort.gif) no-repeat right top;
	border-bottom:2px solid #9FADB3;
	color:#fff;
	cursor:pointer;
	padding:3px 20px 3px 5px;
	text-align:left;
}

.tab-content table th.headerSortDown {background-position:right -44px;}
.tab-content table th.headerSortUp {background-position:right -22px;}

.tab-content table th.last {text-align:right;}

.tab-content tr.odd td {background:#3b4143;}

.tab-content td,
#messages .tab-content tr.with_border td {
	border-top:1px solid #3b4143;
	padding:3px 5px;
	vertical-align:top;
}

#messages .tab-content td {border-top:0;}

.col-nav {
	float:left;
	margin:10px 0 0 10px;
	width:675px;
}

.col-nav ul {
	background:url(../img/main_bg_tabs.png) repeat-x center -35px;
	float:left;
	width:654px;
}

.col-nav li {float:left;}

.col-nav .nav-head {
	background:url(../img/tab_left.png) no-repeat;
	border-right:1px solid #45555C;
	float:left;
	height:30px;
	width:10px;
}

.col-nav .nav-foot {
	background:url(../img/tab_right.png) no-repeat;
	float:right;
	height:30px;
	width:10px;
}

.col-nav li a {
	border-right:1px solid #45555C;
	color:#fff;
	display:block;
	font:bold 12px/30px Arial,Helvetica,sans-serif;
	height:30px;
	margin:0;
	padding:0 10px;
	text-align:center;
	text-decoration:none;
}

.col-nav li a:hover,
.col-nav li .active {
	background:url(../img/main_bg_tabs.png) repeat-x center top;
}

#highscore input {
	float:left;
	margin:0 10px 0 0;
}

#searchbox {margin:0 0 0 30px;}

.search_form_table label {
	float:right;
	width:180px;
}

form.search_highscore {
	float:left;
	width:333px;
}

#highscore .btn.btnright {margin:0;}

#highscore .btn {
	float:left;
	line-height:30px;
	margin:5px 20px 10px 0;
	padding:0 20px;
	text-align:center;
	text-decoration:none;
}

ul.highscore_views {
	float:left;
	margin:15px 0 5px 0;
	width:650px;
}

ul.highscore_views li {
	float:left;
}

.highlighted {
	background-color:#27373D
}

.pages {
	color:#fff;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
}

.pages a {
	border:1px solid #27373D;
	font-weight:normal;
	padding:3px;
}

.pages a:hover {
	border:1px solid #fff;
	background-color:#27373D;
}

#highscore .page-active {
	color:#fff;
	cursor:default;
	font-weight:bold;
	text-decoration:none;
}

#error {
	color:#cb0000;
	float:left;
}

/* Footer */

#footer {
	background: transparent;
	background:rgba(0,0,0,0.8);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);   /* IE6 & 7 */
    zoom: 1;
	float:left;
	line-height:32px;
	margin:20px auto 8px auto;
	text-align:center;
	width:720px;
}

#footer a {
	color:#999;
	font-size:11px;
}

#footer ul {
	margin:5px 0;
	padding:0;
}

#footer li {
	border-right:1px solid #9fadb3;
	display:inline;
	margin:0;
	padding:0 20px;
}

.gf {
	border:0;
	float:left;
	margin:0 0 10px 0;
	text-align:center;
	width:708px;
}

#footer .gf_logo {
	background:url(../img/gf_logo.png) no-repeat;
	border:0;
	display:block;
	float:right;
	height:21px;
	margin:5px 0 0;
	padding:0 20px 0 0;
	width:100px;
}

#footer .gf_logo img {
	padding:6px 0 0 0;
}

/* Feedback-Button für Alpha */

#feedback {
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topright:5px;
	-moz-box-shadow:0 0 5px 1px #3D3D3D;
	background:none repeat scroll 0 0 red;
	border-bottom:1px solid white;
	border-right:1px solid white;
	border-top:1px solid white;
	display:inline;
	left:0;
	padding:5px;
	position:fixed;
	top:240px;
	width:auto;
}

#feedback:hover {
	background:#000;
}

/* Fancybox */

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 0 40px 0;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	border:2px solid #7B96B6;
	position: relative;
	width:100%;
	height:100%;
	background: #102c38;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -15px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../img/gallery/close.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	outline: none;
	overflow: hidden;
}

a#fancy_left {left: 0px;}

a#fancy_right {right: 0px;}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {margin: 0 auto;}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('fancy_title_right.png') repeat-x;
}