/** ##############################################
	 ###																										###
	 ###																										###
	 ###			  Ab hier die CSS für die neue Seite 										###
	 ###																										###
	 ###																										###
     ##############################################
*/

/** ##############################################
     ######### Überschreibe alten default  #####################*/
body{
	color: #4c4c4c;
	font-family: verdana, sans-serif;
	font-size: 11px;
	background-color:#808ca4;
	margin:0px;	
}

a {
	color:#e74d1e;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
/**	border-bottom: 1px dotted #e74d1e; */
/*	color:#e67350; */
	color:#8badc9;
}

/** ##########		page     ############################# */

#page0{
	background-color:white;
/**	overflow:hidden;	*/
}	
#page1{
	background-image: url('../image/web20-backs/background-top-sky.png');
	background-repeat: repeat-x;
	background-position:right top;
	padding-top:35px;
}	
#page2{
	background-image: url('../image/web20-backs/background-bottom-grass.png');
	background-repeat: repeat-x;
	background-position:left bottom;
}	
.min_width {
	min-width: 1000px;
}
/** ##########		Header und Footer   ###################### */

#navi-buttons{
	font-size:11px;
	font-weight: bold;
	position:absolute;
	height:36px;
	right:0px;
	bottom:0px;
/**	position: relative;
	bottom:13px; */
}
.navibutton-start{
	float:left; 
	background-image: url('../image/buttons/header-button-start.png');
	height:30px;
	width:132px;
	display:block;
	margin-top:6px;
}
.navibutton-spacer{
	float:left; 
	background-image: url('../image/buttons/header-button-spacer.png');
	height:30px;
	width:2px;
	display:block;
}
.navibutton-right{
	float:left; 
	background-image: url('../image/buttons/header-button-right.png');
	height:30px;
	width:8px;
	display:block;
	margin-top:6px;
}
.navibutton-right-green{
	float:left; 
	background-image: url('../image/buttons/header-button-right-green.png');
	height:30px;
	width:8px;
	display:block;
	margin-top:6px;
}
.navibutton-left{
	float:left; 
	background-image: url('../image/buttons/header-button-left.png');
	height:30px;
	width:8px;
	display:block;
}
.navibutton{
	color: #8badc8;
	float:left; 
	/*background-image: url('../image/buttons/header-button.png');*/
	background-image: url('../image/buttons/header-button-combined.png');
	background-repeat: repeat-x;
	background-position: bottom;
	height:24px;
	padding-top:6px; 
	padding-left:2px;
	padding-right:2px;
	display:block;
	font-size: 12px;
	font-weight: bold;
	margin-top:6px;
}
.navibutton-spacer-l{
	float:left; 
	background-image: url('../image/buttons/header-button-lr-combined.png');
	background-position: left bottom;
	height:30px;
	width:8px;
	display:block;
	margin-top:6px;
}
.navibutton-spacer-r{
	float:left; 
	background-image: url('../image/buttons/header-button-lr-combined.png');
	background-position: right bottom;
	height:30px;
	width:8px;
	display:block;
	margin-top:6px;
}

.navibutton:hover{
	color: #b7d5ef;
}
.navibutton-active{
	float:left; 
	background-color: black;
	color:yellow;
	border-top:2px solid black;
	height:22px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	display:block;
}
.navibutton-active-new-l{
	float:left; 
	background-image: url('../image/buttons/header-button-lr-combined.png');
	background-position: top left;
	height:29px;
	width: 8px;
	padding-top:5px;
	padding-left:0px;
	padding-right:0px;
	display:block;
	margin-top:1px;
}
.navibutton-active-new-c{
	float:left; 
	/*background-image: url('../image/buttons/header-button-active-c.png');*/
	background-image: url('../image/buttons/header-button-combined.png');
	background-repeat: repeat-x;
	background-position: top;
	color:#8CAEC9;
	height:25px;
	padding-top:9px;
	padding-left:2px;
	padding-right:2px;
	display:block;
	font-size: 12px;
	font-weight: bold;
	margin-top:1px;
}
.navibutton-active-new-c:hover{
	color:#b7d5ef;
}
.navibutton-active-new-r{
	float:left; 
	background-image: url('../image/buttons/header-button-lr-combined.png');
	background-position: top right;
	height:29px;
	width: 8px;
	padding-top:5px;
	padding-left:0px;
	padding-right:0px;
	display:block;
	margin-top:1px;
}
.navibutton-green_old{
	float:left; 
	background-image: url('../image/buttons/header-button-green-c.png');
	background-position: bottom;
	color:#6dea6a;
	height:30px;
	padding-top:6px;
	padding-left:10px;
	padding-right:10px;
	display:block;
}
.navibutton-green{
	color: white;
	float:left; 
	background-image: url('../image/buttons/header-button-green-c.png');
	background-position: bottom left;
	display:block;
	background-repeat: repeat-x;
	height:24px;
	padding-top:6px; 
	padding-left:2px;
	padding-right:2px;
	display:block;
	font-size: 12px;
	font-weight: bold;
	margin-top:6px;
}
.navibutton-active-green{
	float:left; 
	/*background-image: url('../image/buttons/header-button-active-c.png');*/
	background-image: url('../image/buttons/header-button-green-c.png');
	background-repeat: repeat-x;
	background-position: top;
	color:white;
	height:25px;
	padding-top:9px;
	padding-left:2px;
	padding-right:2px;
	display:block;
	font-size: 12px;
	font-weight: bold;
}
.navibutton-green-l{
	float:left; 
	background-image: url('../image/buttons/header-button-lr-green-combined.png');
	background-position: bottom left;
	height:30px;
	width:8px;
	display:block;
	margin-top:6px;
}
.navibutton-active-green-l{
	float:left; 
	background-image: url('../image/buttons/header-button-lr-green-combined.png');
	background-position: top left;
	height:29px;
	width: 8px;
	padding-top:5px;
	padding-left:0px;
	padding-right:0px;
	display:block;
}
.navibutton-green-r{
	float:left; 
	background-image: url('../image/buttons/header-button-lr-green-combined.png');
	background-position: bottom right;
	height:30px;
	width:8px;
	display:block;
	margin-top:6px;
}
.navibutton-active-green-r{
	float:left; 
	background-image: url('../image/buttons/header-button-lr-green-combined.png');
	background-position: top right;
	height:29px;
	width: 8px;
	padding-top:5px;
	padding-left:0px;
	padding-right:0px;
	display:block;
}


.profilebutton{
	float:left; 
	background-image: url('../image/buttons/profilebutton.png');
	color:#8CAEC9;
	height:24px;
	width: 66px;
	margin-left:20px;
	padding-top:6px;
	padding-left:24px;
	display:block;
}
.profilebutton:hover{
	color:white;
}
.profilebutton-active{
	float:left; 
	background-image: url('../image/buttons/profilebutton-active.png');
	color:#FFF233;
	height:24px;
	width: 66px;
	margin-left:20px;
	padding-top:6px;
	padding-left:24px;
	display:block;
}
.footer-back {
	background-image: url(../image/web20-backs/footer-back.png);
	width:100%;
	height:38px;
	color:#808ca6;	
}

.footerbutton{
	float:left; 
	background-image: url('../image/buttons/header-button.png');
	color:#808ca6;
	font-size:12px;
	font-weight:bold;
	height:25px;
	padding-left:10px;
	padding-right:10px;
/**	margin-top:-3px; */
	padding-top:5px;
	position:relative;
/**	top:-18px; */
}
.footerbutton:hover{
	color:white;
}
.footerbutton-spacer{
	float:left; 
	background-image: url('../image/buttons/header-button-spacer.png');
	height:30px;
	width:2px;
/**	margin-top:-3px; */
	position:relative;
/**	top:-18px; */
}
.footerbutton-left{
	float:left; 
	background-image: url('../image/buttons/footer-button-left.png');
	height:30px;
	width:134px;
/**	margin-top:-3px;  */
	position:relative;
/**	top:-18px; */ 
}
.footerbutton-right{
	float:left; 
	background-image: url('../image/buttons/footer-button-right.png');
	height:30px;
	width:8px;
/**	margin-top:-3px;*/
	position:relative;
/**	top:-18px; */
}

#poweredByOrbster {
	background-image:url('../image/buttons/poweredbyorbster.png');
	background-repeat:no-repeat;
	width:262px;
	height:18px;
	position:absolute;
	top:20px;
}

#designByLangeRietz {
	background-image:url('../image/buttons/designbylangerietz.png');
	background-repeat:no-repeat;
	width:285px;
	top:20px;
	height:18px;
	position:absolute;
	left:262px;
}


#delanglink_active{
	height:22px;
	width:16px;
	background: transparent url('../image/toggle_lang_de.png') no-repeat top left;  
}
#delanglink_passive:hover{
	height:22px;
	width:16px;
	background: transparent url('../image/toggle_lang_de.png') no-repeat top;  
}
#delanglink_passive{
	height:22px;
	width:16px;
	background: transparent url('../image/toggle_lang_de.png') no-repeat top right;  
}
#enlanglink_active{
	height:22px;
	width:16px;
	background: transparent url('../image/toggle_lang_en.png') no-repeat top left;  
}
#enlanglink_passive:hover{
	height:22px;
	width:16px;
	background: transparent url('../image/toggle_lang_en.png') no-repeat top;  
}
#enlanglink_passive{
	height:22px;
	width:16px;
	background: transparent url('../image/toggle_lang_en.png') no-repeat top right;  
}

#head-login{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	height:31px;
}

#head-login div{
	float: left;
}

div.form{
	width:220px;
}

#head-login input{
	background-color: #9cb9d1;
	border: 1px solid #707f9a;
	position: relative;
	top:4px;
	margin-left:5px;
	height:14px;
	width: 87px;
	color: #3f4a54;
	padding-top:3px; 
	text-align: center;
	font-size:10px;
	font-family: verdana;
}
#head-login input.login{
	background: transparent url('../image/testgfx/login-back.png')  top left;  
}
#head-login input.login-active{
	background-image: none;  
}

#head-login input.password{
	background: transparent url('../image/testgfx/password-back.png')  top left;  
}

#head-login input.password-active{
	background-image: none;  
}

#head-login .register{
	font-weight:bold;
	margin-left:20px;
	padding-top:7px;
	color: #8badc9;
	display:block;
	font-size: 10px;
	float:left;
}
#head-login .logout{
	font-weight:bold;
	margin-left:15px;
	padding-top:7px;
	padding-left:11px;
	color: #8baecc;
}

#head-login div.toggle{
	position: absolute; 
	top:8px; 
	right:0px;
	width:50px;
}

input.register{
/*	background-color: #D7E7F3;*/
	background-image: url('../image/backs/input.png');
	background-position: top left;	
	border:1px solid #E1F1FF;
	color: #4c4c4c;
	font-size:10px;
	height: 14px;
	width:176px;
	line-height: 17px;
	padding-left: 4px;
	padding-top:3px;
	padding-bottom:2px;
	font-family:verdana;
}
input.register_promocode{
/*	background-color: #98C3E3;*/
	background-image: url('../image/backs/input_active.png');
	background-position: top left;	
	color: white;
	border:1px solid #E1F1FF;
	color: #4c4c4c;
	font-size:10px;
	height: 14px;
	width:176px;
	line-height: 17px;
	padding-left: 4px;
	padding-top:3px;
	padding-bottom:2px;
	font-family:verdana;
}
span.registerbutton{
	display:block;
	width: 119px;
	height: 17px;
	background-image: url('../image/buttons/register-red.png');
	background-position: bottom center;	
	color: #262626;
	text-align: center;
	font-weight: bold;
	padding-top:5px;
	margin-left:27px;
	position:absolute;
	bottom:0px;
	left:15px;
	cursor: pointer;
}
span.registerbutton:hover{
	color:white;
}


input.register2Input{
	border: 0;
	background-image: url('../image/backs/register_input.png');
	color:black;
	width:259px;
	height:19px;
	padding-left:8px;
	padding-top:5px;
	background-color: transparent;
	margin-left:10px;
	margin-bottom: 5px;
}

input.fatbutton{
	background-image: url('../image/buttons/fatbutton.png');
	width: 112px;
	height: 30px;
	color:#8CAEC9;
	border:0; 
	background-color: transparent;
	font-weight: bold;
	cursor:pointer;
}
input.fatbutton:hover{
	color:white;
}
/** ##########		Navi Sideboxes    ######################## */

div.navi{
	font-size:12px;
	padding-top:10px;
}

.navi span {
	background-image: url('../image/buttons/navi-button.png');
	background-repeat: no-repeat;
	height:24px;
	width:178px;
	padding-bottom:7px;
	margin-left:9px;
	display:block;	
}
.navi span.active{
	background-image: url('../image/buttons/navi-button-active.png');
	background-repeat: no-repeat;
	height:24px;
	width:178px;
	padding-bottom:7px;
	margin-left:9px;
	list-style: none;
	display:block;
}

ul.navi{
	background-repeat:no-repeat;
	list-style: none;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:10px;
	padding-left:0px;
	padding-bottom: 10px;
	font-size:12px;
	padding-left:0px;
}
.navi  li{
	background-image: url('../image/buttons/navi-button.png');
	background-repeat: no-repeat;
	height:24px;
	width:178px;
	padding-bottom:7px;
	margin-left:9px;
}
.navi li.active{
	background-image: url('../image/buttons/navi-button-active.png');
	background-repeat: no-repeat;
	height:24px;
	width:178px;
	padding-bottom:7px;
	margin-left:9px;
	list-style: none;
}
.bignavi li{
	background-image: url('../image/buttons/navi-button-big.png');
	background-repeat: no-repeat;
	height:61px;
	width:178px;
	padding-bottom:7px;
	margin-left:9px;
	display:block;
	text-align: center;
}
.bignavi li.active{
	background-image: url('../image/buttons/navi-button-big-active.png');
	background-repeat: no-repeat;
	height:61px;
	width:178px;
	padding-bottom:7px;
	margin-left:9px;
	list-style: none;
}
.navi a.navi{
	color:#e74d1e;
	display:block;
	height:24px;
	position: relative;
	padding-left:9px;
	top: -2px;
	text-decoration: none;
}
.navi a.bignavi{
	color:#e74d1e;
	display:block;
	height:60px;
	position: relative;
	padding-left:9px;
	top: -2px;
	text-decoration: none;
}
.navi a:visited {
	color: #e74d1e;
}
.navi a:hover{
	color: #e67350;
	border:none;
	text-decoration: none;
}
.navi .active a{
	color:black;
	font-weight: bold;
}
.navi img{
	border:none; 
	margin-right:5px;
	position:relative;
	top:5px;
}

/** ##########		download sidebar    ######################## */
.download-sidebar {
	line-height: 15px;
}

.download-sidebar .head{
	font-size:16px;
	padding-left:10px;
}

.download-sidebar .content{
	color:red;
	margin-left:10px;
}
.download-sidebar ul{
	list-style: none;
	margin-left:10px;
	margin-top:0px;
	padding-left:0px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:0px;
}
.download-sidebar li{
	color:red;
	display: inline;
}


/** ##########		search-box    ########################## */

#mainsearch{
/*	background-color: #ebebeb;*/
	background-image: url("../image/backs/searchfield-topshadow.png");
	height:14px;
	width:176px;
	border: 1px solid #c6c6c6;
	font-size: 11px;
	margin-top:8px;
	margin-bottom:20px;
}
	


/** ##########		statistics table    ######################## */

table.statistics{
	width:778px;
	border-collapse:collapse;
	overflow:hidden;
}
.statistics tr.head{
}
.statistics tr.head td{
	background-color: white;
	color: #4b4b4b;
	border-left:1px solid #d9d9d9;
	font-size:11px;
	text-align: center;
	padding:0;
	padding-top: 2px;
}
.statistics tr.value td{
	background-color: white;
	border-left:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	height: 62px;
	padding:0;
	font-weight:bold;
	color: #4b4b4b;
}
div.statistics-spacer {
	background-image: url("../image/backs/horizontal-spacer.png");
	background-repeat: no-repeat;
	width:194px;
	height:1px;
}
div.statistics-back {
	background-image: url("../image/backs/horizontal_white_to_gray_62.png");
	background-repeat: repeat-x;
	width:194px;
	height:57px;
	padding-top:5px;
}

/** ##########		highscore table    ######################## */


table.highscore{
	width:778px;
	border-collapse:collapse;
	overflow:hidden;
}
.highscore tr.head{
}
.highscore tr.head th{
	background-color: #f1f1f1;
	color: #9a9a9a;
	border-left:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	padding-left: 10px;
}
a.highscore {
	color: #4a4c4b;
	font-size: 11px;
}
.highscore td{
	border-left:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	height: 62px;
	font-size:16px;
	font-weight: bold;
	padding-left: 10px;
	color:#4a4c4b;
}

tr.value-dark td{
	background-color: #f2f2f2;
}
span.value-dark{
	background-color: #f2f2f2;
	float:left;
}
tr.value-light td{
	background-color: white;
}

div.md-value-light {
	background-color: white;
}

div.md-value-dark {
	background-color: #f2f2f2;
}

div.md-value {
	width: 230px;
	height: 15px;
	padding: 5px;
	border-bottom: 1px solid #d9d9d9;
	font-size: 11px;
}

div.md-cell-left {
	font-weight:bold;
	padding-left: 10px;
	float: left;
}

div.md-cell-right {
	font-weight: normal;
	color: rgb(0,0,0);
	padding-left: 10px;
	float: left;
	overflow: hidden;
	height: 15px;
}

span.value-light{
	background-color: white;
	float:left;
}

.highscore tr.value-first td{
	/*background-color: white;*/
	color: #ffd428;
	font-size:16px;
	font-weight: bold;
}
.highscore tr.value-first a{
	color: #ffd428;
	font-size: 16px;
}


.highscore tr.value-second td{
	/*background-color: #f2f2f2;*/
	color: #c5c5c5;
	font-size:16px;
	font-weight: bold;
}
.highscore tr.value-second a{
	color: #c5c5c5;
	font-size: 16px;
}

.highscore tr.value-third td{
	/*background-color: white;*/
	color: #baab99;
	font-size:16px;
	font-weight: bold;
}
.highscore tr.value-third a{
	color: #baab99;
	font-size: 16px;
}
img.highscore-kranz {
	position:relative;
	top: -8px;
	left: 25px; 
}
div.special-rank{
	position: relative;
	top: 18px;
	width: 30px;
}

.newFaces {
	margin: -2px;
	border:none;
	margin:-1px;
	padding:0px;
}
.newFace img {
	border-width:0px;
	margin:-1px;
	margin-bottom:-2px;
	padding:0px;
}


/** ##########  logbook  #############################  */

div.emptyText{
	font-size:13px;
	font-weight:bold;
	position: relative;
	padding: 20px;
}

/** ########## Mission Details  #########################   */

ul.vertical-scroll-list {
	list-style: none;
	overflow: auto;
	height: 108px;
	float:left;
	padding:0;
	margin:0;
	width: 4000px;
}
.vertical-scroll-list li{
	display:block;
	width: 87px;
	height:108px;
	border-left:1px solid white;
	border-right:1px solid white;
	float:left;
	padding-bottom:0px;
}
#imglist div.data{
	border:1px solid #d9d9d9;
	border-top:none;
	height:22px;
	padding:0;
	margin:0;
	padding-left:6px;
	line-height:22px;
	overflow:hidden;
	font-size:11px;
	color:#636363;
}

div.scroll-right {
	width: 18px;
	height: 108px;
	background-image: url("../image/buttons/scroll-right-transparent.png");
	background-repeat: no-repeat;
	cursor: pointer;
	padding-left:1px;
	position: absolute;
	left: 948px;
	z-index: 100;
}

div.scroll-right-safari {
	left: 926px;	
}

div.scroll-left-safari {
	margin-left: -22px;
}

div.scroll-left {
	width: 18px;
	height: 108px;
	background-image: url("../image/buttons/scroll-left-transparent.png");
	background-repeat: no-repeat;
	cursor: pointer;
	padding-right: 1px;
	position: absolute;
	left: 34px;
	z-index: 100;
}

div.player-stream-scroll-right {
	height: 126px;
	background-repeat: repeat;
	cursor: pointer;
	position: absolute;
	top: 0px;
	z-index: 100;
	padding-left:1px;
}

div.player-stream-scroll-left {
	height: 126px;
	background-repeat: repeat;
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	padding-right:1px;
}

div.pslangsl {
	width: 249px;
	background-image: url("../image/backs/vertical_white_to_transparent_250_left.png");	
}

div.pslangsr {
	left: 494px;
	width: 250px;
	background-image: url("../image/backs/vertical_white_to_transparent_250_right.png");	
}

div.pskurzsl {
	width: 49px;
	background-image: url("../image/backs/vertical_white_to_transparent_50_left.png");	
}

div.pskurzsr {
	left: 465px;
	width: 50px;
	background-image: url("../image/backs/vertical_white_to_transparent_50_right.png");	
}

div.fadeout-right-10{
	width:10px;
	background-image: url("../image/backs/vertical_white_to_transparent_10_right.png");
}
div.scroll-left-activity-stream {
	height:25px;
	background-image:url('../image/buttons/transparent-fade-top.png');
	background-repeat: no-repeat;
	background-position: top;
	position: absolute;
	top: 0px;
	z-index: 100;
	display: none;
}

div.scroll-right-activity-stream {
	height:25px;
	background-image:url('../image/buttons/transparent-fade-bottom.png');
	background-repeat: no-repeat;
	background-position: bottom;
	position: absolute;
	top: 275px;
	z-index: 100;
	display: none;
}

div.aslang {
	width: 366px;	
}

div.askurz {
	width: 250px;	
}

div.image-entire-slider {
	padding:10px;		
}

div.slider-body {
	overflow:hidden;
	float:left;
	position:relative;
	left:0px;
	top:0px;	
}

div.slider-list {
	position:relative;
	left:0px;
	top:0px;
}

div.image-slider-list {
	width:933px;
	position: relative;
}

div.activity-stream-slider-list {
	height: 300px;
	position: absolute;
	z-index: 50;	
	border: 1px solid #9b9b9b
}

div.player-stream-slider-list {
	height: 126px;
	position: relative;
	top: 0px;
	z-index: 50;	
}

div.pslang {
	width: 744px;
}

div.pskurz {
	width: 515px;
}
div.playedBy {
	background-color: #f1f1f1;
	padding:10px;
}
.playedBy span.showall {
	float:right;
}
.playedBy span.sub-heading {
	font-weight: bold;
}
.playedBy ul{
	list-style: none;
}
.playedBy li{
	float:left;
}
.playedBy li::after{
  content:", ";
  white-space:pre;
 }
 .playedBy li:last-child::after{
  content:"";
  white-space:pre;
 }
 ul + *{
  clear:left;
 }
 
 ul.mission {
 	list-style-image:  url('../image/icons/24x24/icon_mission.png');
 	line-height: 30px;
 }
 
 /** ################ news #######################*/
 
 .newsItem {
 	line-height: 15px;
 	padding:15px;
 }
.newsItem a{
	text-decoration: none;
	border: none;
}
 .newsItem h2{
 font-size: 14px;
 font-weight: bold;
 color:inherit;
 margin-bottom:20px;
}
 .newsItem h2 a{
 	color:inherit;
}
.newsItem .date{
	font-size: 10px;
	font-style: italic;
	margin-bottom:10px;
}
.newsItem .image{
	float:left;
	border:none;
	width:190px;
}
.newsItem img{
	border:none;
}
img.news {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	border-width: 0px;
}

.newsItem .announcement{
	float:left;
	margin-bottom: 15px;
}
hr.news{
	margin-left:15px;
	margin-right:15px;
	background-image: url("../image/backs/news-spacer.png");
	height: 2px;
	border:none;
}
/** ########## other usefull stuff ######################### */

.unfloat{
	clear: both;
	border: 0;
}

div.zebra-dark{
	background-color: #f1f1f1;
	color:#4b4b4b;
	border-bottom: 1px solid #d9d9d9;
	line-height: 22px;
}
div.zebra-light{
	background-color: white;
	color:#4b4b4b;
	border-bottom: 1px solid #d9d9d9;
	line-height: 22px;
}
.zebraYellowLight{
	background-color: white;
}
.zebraYellowDark {
	background-color: #FFFCCF;
}
.zebraBlueDark {
	background-color: #DCECFC;
	border-bottom: 1px solid #C4D7E7;
}
.zebraBlueLight {
	background-color: #E6F1FC;	
	border-bottom: 1px solid #C4D7E7;
}
.zebraSearchMissionDark {
	background-color: #FFFBC1;
	border-bottom:1px solid #d9d9d9;
	padding-left:10px;
}
.zebraSearchMissionLight {
	background-color: #FFFCD3;
	border-bottom:1px solid #d9d9d9;;
	padding-left:10px;
}

.zebraSearchPlayerDark {
	background-color: #E0F1F7;
	border-bottom:1px solid #d9d9d9;
	padding-left:10px;
}
.zebraSearchPlayerLight {
	background-color: #EBF6F9;
	border-bottom:1px solid #d9d9d9;;
	padding-left:10px;
}

.zebra-gray li.dark{
	background-color: #f2f2f2;
}
.zebra-gray li.light{
	background-color: white;
}

.searchResultHeading {
	font-size: 18px;
	font-weight:bold;
	padding-top:9px;
	padding-bottom:5px;
	padding-left:20px;
}


span.arrow-right{
	display:block;
	background-image: url('../image/icons/small/arrow-right.png');
	background-repeat: no-repeat;
	padding-right: 10px;
	position: relative;
	top:13px;
	float: left;
	width:7px;
	height:5px;
	float:left;
	left:5px;
}

span.icon-arrow-right{
	display:block;
	background-image: url('../image/icons/small/icon-arrow-right-white.png');
	background-repeat: no-repeat;
	width:7px;
	height:5px;
}
span.login-enter{
	display:block;
	background-image: url('../image/icons/19x19/login_enter.png');
	background-repeat: no-repeat;
	width:19px;
	height:19px;
	position:absolute;
	top:4px;
	float:right;
	cursor: pointer;
	left:205px;
}
span.login-login{
	display:block;
	background-image: url('../image/icons/19x19/login_login.png');
	background-repeat: no-repeat;
	width:19px;
	height:19px;
	position:absolute;
	top:4px;
	float:right;
	cursor: pointer;
	left:205px;
}
.login-logout{
	display:block;
	background-image: url('../image/icons/19x19/login_logout.png');
	background-repeat: no-repeat;
	width:19px;
	height:19px;
	position: absolute;
	top: 4px;
	left:0px;
	float:left;
	cursor: pointer;
}




td.mission-detail-value{
	border-bottom: 1px solid #d9d9d9;
}
.new_missioncard_left {
	text-align: left;
	white-space: nowrap;
	border-bottom:1px solid #d9d9d9;
	font-weight:bold;
	padding-left: 10px;
	font-size: 11px;
}


td.new_played_by_header {
	color: #4C4C4C;
	text-align: left;
	border-bottom:1px solid #d9d9d9;
	font-weight:bold;
	font-size: 11px;
}

td.new_played_by {
	color: rgb(0,0,0);
	text-align: left;
	border-bottom:1px solid #d9d9d9;
	font-weight:normal;
	font-size: 11px;
	margin: 0px;
}

.new_missioncard_right {
	font-weight: normal;
	color: rgb(0, 0, 0);
	text-align: left;
	border-bottom:1px solid #d9d9d9;
	padding-left: 10px;
	font-size: 11px;
}

div.ratingstar-on {
	width: 28px;
	height:24px;
	background-image: url('../image/icons/24x24/ratingstars.png');
	background-position: left;
	float:left;
}
div.ratingstar-off {
	width: 28px;
	height:24px;
	background-image: url('../image/icons/24x24/ratingstars.png');
	background-position: right;
	float:left;
}

input.recommend{
/**	background-color: #acd9f1; */
	background-color: white;
	border: 1px solid #707f9a;
	position: relative;
	top:0px;
	margin-left:5px;
	height:12px;
	width: 87px;
	color: #3f4a54;
	padding-top:1px; 
	padding-bottom:2px; 
	text-align: center;
	font-size:10px;
	font-family: verdana;
}

#ichBinWichtig{
	width:39px;
	height:38px;
	background-image: url('../image/newbox/lightbox-arrow.png');
	position:absolute;
	top:1px;
	left:700px;
	
}	

.profileInput {
	background-color:#f4f4f4;
	width:300px;
	padding-left:0.5em;
	border:1px solid #848484;
	font-family: verdana;
	margin-top:1px;
}

.desc_left {
	font-weight: bold;
	padding-left: 10px;
}
.desc_right {
	padding-right: 10px;
	float:right;
}

.roundbutton-spacer {
	height: 18px;
	width: 2px;
	background-repeat: repeat-x;
	float:left;
}

.roundbutton-left{
	float:left;
	background-position: left;
	display:block;
	height: 18px;
	width: 10px;
	cursor: pointer;
}
.roundbutton-right{
	float:left;
	background-position: right;
	display:block;
	height: 18px;
	width: 10px;
	cursor: pointer;
}
.roundbutton-center{
	float:left;
	background-position: 10px;
	display:block;
	height: 18px;
	padding-left:10px;
	padding-right:10px;
	font-size:10px;
	font-weight:bold;
	color:#8BADC8;
	cursor: pointer;
}

.round_default {
	background-image: url('../image/buttons/roundbutton-all.png');
}

.round_default-center {
	background-image: url('../image/buttons/roundbutton-c.png');
}

.round_gray {
	background-image: url('../image/buttons/roundbutton-gray-all.png');	
}

.round_gray-spacer {
	background-image: url("../image/buttons/roundbutton-gray-spacer-all.png");
}

.round_default-spacer {
	background-image: url("../image/buttons/top-button-spacer.png");
}

.round_gray-center {
	background-image: url('../image/buttons/roundbutton-gray-c.png');	
}

.round_gray_bottom {
	background-image: url('../image/buttons/roundbutton-gray-bottom-all.png');	
}

.round_gray_bottom-center {
	background-image: url('../image/buttons/roundbutton-gray-c.png');	
}

.roundbutton-center:hover{
	color:#B7D5EF;
}

.bigbottombutton-left{
	float:left;
	background-image: url('../image/buttons/black-bottom-button-big-lr-combined.png');	
	background-position: left;
	display:block;
	height: 60px;
	width: 9px;
	cursor: pointer;
}
.bigbottombutton-right{
	float:left;
	background-image: url('../image/buttons/black-bottom-button-big-lr-combined.png');	
	background-position: right;
	display:block;
	height: 60px;
	width: 9px;
	cursor: pointer;
}
.bigbottombutton-center{
	float:left;
	background-image: url('../image/buttons/black-bottom-button-big-c.png');	
	display:block;
	height: 60px;
	padding-left:10px;
	padding-right:10px;
	font-size:10px;
	font-weight:bold;
	color:#8BADC8;
	cursor: pointer;
}



/** ############ Buttons ########################### */

.top-button-back {
	height: 18px;
	background-image: url("../image/buttons/button-back.png");
	background-repeat: repeat-x;
	cursor: pointer;
	float:left;
	padding-left:8px;
	padding-right:8px;
	padding-top:1px;
	color:#8CAEC9;
	font-weight:bold;
	font-size:10px;
	display:block;
}
.top-button-back:hover {
	color:white;
}
.top-button-back-active {
	height: 18px;
	background-image: url("../image/buttons/button-back.png");
	background-repeat: repeat-x;
	cursor: pointer;
	float:left;
	padding-left:8px;
	padding-right:8px;
	color:white;
	font-weight:bold;
	font-size:12px;
	display:block;
}

div.top-button-back-empty {
	height: 18px;
	background-image: url("../image/buttons/top-button-back-empty.png");
	background-repeat: repeat-x;
	float:left;
}

div.bottom-button-back-empty {
	height: 18px;
	background-image: url("../image/buttons/bottom-button-back-empty.png");
	background-repeat: repeat-x;
}

div.top-button-spacer {
	height: 18px;
	width: 2px;
	background-image: url("../image/buttons/top-button-spacer.png");
	background-repeat: repeat-x;
	float:left;
}

div.bottom-button-spacer {
	height: 18px;
	width: 2px;
	background-image: url("../image/buttons/bottom-button-spacer.png");
	background-repeat: repeat-x;
	float:left;
}

div.top-button-right {
	height: 18px;
	width: 77px;
	background-image: url("../image/buttons/top-button-border.png");
	background-repeat: no-repeat;
	background-position: right;
	float:left;
}

div.top-button-left {
	height: 18px;
	width: 77px;
	background-image: url("../image/buttons/top-button-border.png");
	background-repeat: no-repeat;
	background-position: left;
	float:left;
}

div.bottom-button-right {
	height: 18px;
	width: 77px;
	background-image: url("../image/buttons/bottom-button-border.png");
	background-repeat: no-repeat;
	background-position: right;
	float:left;
}

div.bottom-button-left {
	height: 18px;
	width: 77px;
	background-image: url("../image/buttons/bottom-button-border.png");
	background-repeat: no-repeat;
	background-position: left;
	float:left;
}
.paging-next{
	background-image: url("../image/icons/small/paging.png");
	background-repeat: no-repeat;
	background-position: right;
	float:left;
	display:block;
	height:18px;
	width:16px;
}
.paging-prev{
	background-image: url("../image/icons/small/paging.png");
	background-repeat: no-repeat;
	background-position: left;
	display:block;
	float:left;
	height:18px;
	width:16px;
}
.successMessage{
	color:green;
}
div.rating_star_on{
	width:24px;
	height:23px;
	background-image: url("../image/icons/24x24/rating_stars.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	float:left;
}
div.rating_star_off{
	width:24px;
	height:23px;
	background-image: url("../image/icons/24x24/rating_stars.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	float:left;
}
div.rating_star_butt_on{
	width:24px;
	height:24px;
	background-image: url("../image/icons/24x24/rating_stars.png");
	background-repeat: no-repeat;
	background-position: right top;
	float:left;
}
div.rating_star_butt_off{
	width:24px;
	height:24px;
	background-image: url("../image/icons/24x24/rating_stars.png");
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
}
div.rating_star_new_on{
	width:24px;
	height:24px;
	background-image: url("../image/icons/24x24/ratingstars.png");
	background-repeat: no-repeat;
	background-position: left;
	float:left;
}
div.rating_star_new_off{
	width:24px;
	height:24px;
	background-image: url("../image/icons/24x24/ratingstars.png");
	background-repeat: no-repeat;
	background-position: right;
	float:left;
}

div.difficulty_puzzle_on{
	width:18px;
	height:18px;
	background-image: url("../image/icons/18x18/difficulty_puzzles.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	float:left;
}
div.difficulty_puzzle_off{
	width:18px;
	height:18px;
	background-image: url("../image/icons/18x18/difficulty_puzzles.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	float:left;
}
div.difficulty_puzzle_butt_on{
	width:18px;
	height:18px;
	background-image: url("../image/icons/18x18/difficulty_puzzles.png");
	background-repeat: no-repeat;
	background-position: right top;
	float:left;
}
div.difficulty_puzzle_butt_off{
	width:18px;
	height:18px;
	background-image: url("../image/icons/18x18/difficulty_puzzles.png");
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
}	

span.icon_toggle_down{
	width:9px;
	height:9px;
	background-image: url("../image/icons/9x9/icon_arrow_updown.png");
	background-repeat: no-repeat;
	background-position: left;
	float:right;
	display:block;
}
span.icon_toggle_up{
	width:9px;
	height:9px;
	background-image: url("../image/icons/9x9/icon_arrow_updown.png");
	background-repeat: no-repeat;
	background-position: right;
	float:right;
	display:block;
}	

.bigger {
	height: 585px;	
}

.smaller {
	height: 565px;	
}

div.waymark-scroll-right {
	width: 18px;
	background-image: url("../image/buttons/scroll-right.png");
	background-repeat: repeat;
	cursor: pointer;
	float:left;
	padding-left:1px;
}
div.waymark-scroll-left {
	float:left;
	width: 18px;
	background-image: url("../image/buttons/scroll-left.png");
	background-repeat: repeat;
	cursor: pointer;
	padding-right:1px;
}

div.waymark-entire-slider {
	padding:10px;		
}

div.waymark-slider-list {
	width: 720px;
	overflow: hidden;
}

div.list_mode-active {
	background-image: url("../image/backs/horizontal_white_to_gray_75.png");
	background-repeat: repeat-x;
}

div.list_mode-passive {
	background-color: white;
}

.not_displayed {
	display: none;
}

.displayed {
	display: inline;
}

div.map_mode-passive {
	background-color:white;
	float: left;
}

div.map_mode-active {
	background-color:#eeeeee;
	float: left;
}

/* jqury autocomplete css */


.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: white;
}

.ac_even {
	background-color: #d2d2d2;
	border-bottom: 1px solid #c4c4c4;
	border-top: 1px solid #c4c4c4;
}	

.ac_over {
	background-color: #0A246A;
	color: white;
}

.dmodeButton{
	color:#8CAEC9;
	font-weight: bold;
}
.dmodeButton:hover{
	color:#B7D5EF;
}

.hinweis_box {
	border:1px solid #6ed548;
	background-color:#eafee2;
	margin:20px;
	padding:10px;
	min-height:42px;
}

.mapbutton_black {
	background-image: url("../image/icons/mapmarkers/control-buttons-c.png");
	background-repeat: repeat-x;
	cursor: pointer;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	font-size: 11px;
	font-weight: bold;
	height: 19px;
}

.mapbutton_spacer {
	height: 19px;
	width: 2px;
	background-image: url("../image/icons/mapmarkers/control-buttons-spacer.png");
	background-repeat: repeat-x;
	float:left;
}

.mapbutton_black_on {
	color: white;
}

.mapbutton_default {
	color: #8badc8;
}

.mapbutton_default:hover {
	color: #b7d5ef;
}

.mapbutton_side {
	float:left;
	background-image: url("../image/icons/mapmarkers/control-buttons.png");
	height: 19px;
	width: 11px;
	cursor: pointer;
}

.mapbutton_left {
	background-position: left;
}

.mapbutton_right {
	background-position: right;
}

div.up_arrow {
	height: 20px;
	width: 20px;
	background-image: url("../image/icons/mapmarkers/control-up.png");
	position: relative;
	left: 12px;
	cursor: pointer;
}

div.down_arrow {
	height: 20px;
	width: 20px;
	background-image: url("../image/icons/mapmarkers/control-down.png");
	position: relative;
	top: 16px;
	left: 12px;
	cursor: pointer;
}

div.left_arrow {
	height: 20px;
	width: 20px;
	background-image: url("../image/icons/mapmarkers/control-left.png");
	position: relative;
	top: -22px;
	cursor: pointer;
}

div.right_arrow {
	height: 20px;
	width: 20px;
	background-image: url("../image/icons/mapmarkers/control-right.png");
	position: relative;
	top: -42px;
	left: 24px;
	cursor: pointer;
}

div.plus_control {
	height: 20px;
	width: 20px;
	background-image: url("../image/icons/mapmarkers/control-plus.png");
	position: relative;
	top: -18px;
	left: 12px;
	cursor: pointer;
}

div.minus_control {
	height: 20px;
	width: 20px;
	background-image: url("../image/icons/mapmarkers/control-minus.png");
	position: relative;
	top: -18px;
	left: 12px;
	cursor: pointer;
}

div.slider_separator-horizontal {
	background-color: white;
	background-image: url("../image/backs/slider-spacer-vertical.png");
}

div.slider_separator-vertical {
	background-color: white;
	background-image: url("../image/backs/slider-spacer-horizontal.png");
}

div.slider_separator-mempics {
	float:left;
	padding-left:1px;
	padding-right:1px;	
	background-color: white;
	background-image: url("../image/backs/slider-spacer-vertical.png");
}

div.slider_separator-as {
	float:left;	
}

h1 {
	font-size: 18px;
	font-weight: bold;
}

/** ########## roundbox ######################### */
.roundbox {
	position:relative;
}
.roundbox h1 {
	font-size: 14px;
	font-weight: bold; 
	padding-bottom: 9px;
}
.roundbox div.list {
	padding-left:11px;
	padding-top:9px;
	padding-bottom:9px;
	line-height: 18px;
	overflow:auto;
}
.roundbox ul.phonelist{
	margin:0;
	padding:0;
	display:inline;
	padding-right:10px;
}
.roundbox ul.phonelist li{
	display:inline;
	border-left: 2px solid #000000;
	padding-left:5px;
	padding-right:5px;
}
.roundbox ul.phonelist li:first-child{
	border-left: none;
	padding-left:0px;
}

.roundbox div.tl-red{
	background-image: url("../image/newbox/roundborders-red.png");
	background-position: top left;
	width:7px;
	height:7px;
	position:relative;
	top:-1px;
	left:-1px;
}
.roundbox div.tr-red{
	float:right;
	background-image: url("../image/newbox/roundborders-red.png");
	background-position: top right;
	width:7px;
	height:7px;
	position:relative;
	top:-1px;
	right:-1px;
} .roundbox div.bl-red{
	background-image: url("../image/newbox/roundborders-red.png");
	background-position: bottom left;
	width:7px;
	height:7px;
	position:relative;
	bottom:-1px;
	left:-1px;
}
.roundbox div.br-red{
	float:right;
	background-image: url("../image/newbox/roundborders-red.png");
	background-position: bottom right;
	width:7px;
	height:7px;
	position:relative;
	bottom:-1px;
	right:-1px;
} 
/* --------------blue------------------------------------- */
.roundbox div.tl-blue{
	background-image: url("../image/newbox/roundborders-blue.png");
	background-position: top left;
	width:7px;
	height:7px;
	position:relative;
	top:-1px;
	left:-1px;
}
.roundbox div.tr-blue{
	float:right;
	background-image: url("../image/newbox/roundborders-blue.png");
	background-position: top right;
	width:7px;
	height:7px;
	position:relative;
	top:-1px;
	right:-1px;
} .roundbox div.bl-blue{
	background-image: url("../image/newbox/roundborders-blue.png");
	background-position: bottom left;
	width:7px;
	height:7px;
	position:relative;
	bottom:-1px;
	left:-1px;
}
.roundbox div.br-blue{
	float:right;
	background-image: url("../image/newbox/roundborders-blue.png");
	background-position: bottom right;
	width:7px;
	height:7px;
	position:relative;
	bottom:-1px;
	right:-1px;
} 
/* --------------yellow------------------------------------- */
.roundbox div.tl-yellow{
	background-image: url("../image/newbox/roundborders-yellow.png");
	background-position: top left;
	width:7px;
	height:7px;
	position:relative;
	top:-1px;
	left:-1px;
}
.roundbox div.tr-yellow{
	float:right;
	background-image: url("../image/newbox/roundborders-yellow.png");
	background-position: top right;
	width:7px;
	height:7px;
	position:relative;
	top:-1px;
	right:-1px;
} .roundbox div.bl-yellow{
	background-image: url("../image/newbox/roundborders-yellow.png");
	background-position: bottom left;
	width:7px;
	height:7px;
	position:relative;
	bottom:-1px;
	left:-1px;
}
.roundbox div.br-yellow{
	float:right;
	background-image: url("../image/newbox/roundborders-yellow.png");
	background-position: bottom right;
	width:7px;
	height:7px;
	position:relative;
	bottom:-1px;
	right:-1px;
} 

.search-result-item-head{
	font-size: 14px; 
	font-weight: bold; 
	color: #ff7800; 
	text-decoration:none;
}

img.show {
	display: none;
	position: fixed;
	cursor: pointer;
	z-index: 9999;
}

img.waiter {
	display: none;
	position: fixed;
	z-index: 9998;
}

div.cover {
	background-color: black;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
	cursor: pointer;
	z-index: 9997;
}


/** #############  edit profile page ######### */

.profileValueDan {
	text-align: right;
	font-size: 14px;
	float:right;
}
div.bubble {
	font-size: 14px;
	width: 518px;
	height: 16px;
	background-image: url(../image/bg_bubble_518x56.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-right: 50px;
	padding-top: 5px;
	padding-bottom: 30px;
}

.profileLabelDan {
	font-weight: bold;
	white-space: nowrap;
	padding-top:2px;
	padding-left:10px;
}

.profileEditor {
	margin-left: 20px;
	margin-right: 20px;
	padding-top:5px;
	padding-bottom:5px;
/*	font-size: 14px;		*/
	border-bottom: black dotted 1px;
	overflow:auto;
}

div.formular-error {
	color: red;
	margin-right: 10px;
	float: right;
	display: none;
	white-space: nowrap;
}
span.error {
	color: red;
	font-weight: bold;
}

/*
 * Slider scrollbar CSS 
 */
 
.slider_scrollbar_bar_gray {
	width: 10px;
	background-image: url("../image/scrollbar/slider_scrollbar_gray.png");
	background-repeat: repeat-y;
	cursor: pointer;
}

.slider_scrollbar_black_arrow_up {
	background-image: url("../image/scrollbar/black_arrows.png");
	width: 10px;
	height: 18px;
	cursor: pointer;
}

.slider_scrollbar_black_arrow_down {
	background-image: url("../image/scrollbar/black_arrows.png");
	background-position: top right;
	width: 10px;
	height: 18px;
	cursor: pointer;
}

.slider_scrollbar_black_button {
	background-image: url("../image/scrollbar/black_button.png");
	width: 10px;
	height: 45px;
	cursor: pointer;
}

.slider_scrollbar_bar_track_gray {
	height: 10px;
	width: 650px;
	background-image: url("../image/tracks/bar.png");
	background-repeat: repeat-x;
	cursor: pointer;
	float: left;
}

.slider_scrollbar_track_black_arrow_up {
	background-image: url("../image/tracks/arrows.png");
	width: 18px;
	height: 10px;
	cursor: pointer;
	float: left;
}

.slider_scrollbar_track_black_arrow_down {
	background-image: url("../image/tracks/arrows.png");
	background-position: top right;
	width: 18px;
	height: 10px;
	cursor: pointer;
	float: left;
}

.slider_scrollbar_track_black_button {
	background-image: url("../image/tracks/button.png");
	width: 35px;
	height: 10px;
	cursor: pointer;
}