@font-face {
	font-family:"Minecraft Regular";
	src:url("/style/font/minecraft_font_by_pwnage_block-d37t6nb.eot?") format("eot"),url("/style/font/minecraft_font_by_pwnage_block-d37t6nb.woff") format("woff"),url("/style/font/minecraft_font_by_pwnage_block-d37t6nb.ttf") format("truetype"),url("/style/font/minecraft_font_by_pwnage_block-d37t6nb.svg#Minecraft") format("svg");
	font-weight:normal;
	font-style:normal;}

body {
	background:url(/img/bg.png);
	color:#ccc;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    background-attachment:fixed;
	}
    
hr {
	height:0px;
	background:none;
	border-width:0px 0px 1px 0px;
	border-style:solid;
	border-color:#aaa;
	}	
	
a {
	color:#060;
	}
	
#wrapper {
	margin:auto;
	width:980px;
	padding:20px 0px 50px 0px;
	}
	
#head {
	margin-bottom:20px;
	}
	
#head #serverinfo {
	font-size:12px;
	background:rgba(0, 0, 0,0.4);
	padding:10px;
	float:right;
	border-radius:5px;
	width:300px;
    color:#fff;
	}
    
#head #serverinfo a{
	font-size:12px;
    color:#ccc;
	}
    
#head #serverinfo .serverinfo_player_face{
	border:solid 2px #390;
    border-radius:3px;
	}
	
strong,
b {
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight:bolder;
	}
	
#navi{
	background:url(/img/greenbox.png);
	color:#fff;
	border:solid 1px #390;
	padding:10px;
	font-weight:bold;
	font-size:12px;
	margin-bottom:15px;
	display:block;
	border-radius:3px;
	box-shadow:0 0 3px #000, 0 0 1px #fff inset;
	}
	
#navi a{
	color:#fff;
	text-decoration:none;
	padding:0px 10px 0px 9px;
	border-right:1px #A8C199 solid;
	}
	
#slider_out{
	height:300px;
	overflow:hidden;
	border-radius:3px;
	margin-bottom:15px;
	color:#fff;
	box-shadow:0 0 3px #000;
	background:#222;
	padding:10px;
	}
	
#slider .slider_element {
	height:300px;
	width:960px;
	overflow:hidden;
	color:#fff !important;
	list-style:none;
	padding:0;
	border-radius:2px;
	display:online;
	text-shadow:1px 1px 0px #000; 
	}
	
#slider ul {
	margin:0;
	padding:0;
	}

#slider .slider_glasseffect {
	float:left;
	height:200px;
	width:550px;
	opacity:0.3;
background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 49%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(49%,rgba(255,255,255,0.4)), color-stop(50%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 49%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 49%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 49%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(160deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 49%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	}
	
#slider .slider_text {
	float:right;
	padding:20px;
	width:300px;
	height:100%;
	text-align:right;
    font-size:14px;
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 */


	}
	
#slider .slider_text h3 {
	border-bottom:2px #bbb solid;
	padding-bottom:10px;
	padding-top:0px;
	margin-top:0px;
	font-size:18px;
	font-family:"Minecraft Regular";
    font-weight:normal;
	}
	
#prevBtn {
	position:absolute;
	margin-left:-34px;
	margin-top:-295px;
	padding:10px;
	font-size:28px;
background: rgb(71,71,71); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(71,71,71,1) 62%, rgba(45,45,45,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(62%,rgba(71,71,71,1)), color-stop(100%,rgba(45,45,45,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(71,71,71,1) 62%,rgba(45,45,45,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(71,71,71,1) 62%,rgba(45,45,45,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(71,71,71,1) 62%,rgba(45,45,45,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(71,71,71,1) 62%,rgba(45,45,45,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#2d2d2d',GradientType=1 ); /* IE6-9 */
border-radius:2px 0px 0px 0px;

	}
	
#nextBtn {
	position:absolute;
	margin-left:-34px;
	margin-top:-236px;
	padding:10px;
	font-size:28px;
background: rgb(71,71,71); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(71,71,71,1) 62%, rgba(45,45,45,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(62%,rgba(71,71,71,1)), color-stop(100%,rgba(45,45,45,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(71,71,71,1) 62%,rgba(45,45,45,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(71,71,71,1) 62%,rgba(45,45,45,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(71,71,71,1) 62%,rgba(45,45,45,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(71,71,71,1) 62%,rgba(45,45,45,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#2d2d2d',GradientType=1 ); /* IE6-9 */
border-radius:0px 0px 0px 2px;

	}

	

#prevBtn a,
#nextBtn a {
	color:#fff !important;
	text-decoration:none !important;
	}	
		
	
#content_out {
	float:left;
	width:700px;
	font-size:12px;
	}

.content {
	display:block;
	background:#222;
	padding:10px;
	border-radius:3px;
	margin-bottom:10px;
	}
	
.content_inner {
	background:#eee;
	color:#333;
	padding:10px;
	border-radius:2px;
	box-shadow:#000 0 0 3px;
	}
	
#hinweis {
	background:#222;
	padding:10px;
	border-radius:3px;
	margin-bottom:10px;
	}
	
#hinweis_inner {
	background:url(/img/alert.png) scroll 20px center no-repeat #eee;
	color:#333;
	padding:10px 10px 10px 70px;
	border-radius:2px;
	box-shadow:#000 0 0 3px;
	}
    
#hinweis_inner_yellow {
	background:url(/img/alert.png) scroll 20px center no-repeat #ffff99;
	color:#333;
	padding:10px 10px 10px 70px;
	border-radius:2px;
	box-shadow:#000 0 0 3px;
	}
	
.right_box {
	background:#222;
	padding:10px;
	border-radius:3px;
	margin-bottom:10px;
	}
	
.right_box_inner {
	background:#fff;
	color:#333;
	padding:10px;
	border-radius:2px;
	box-shadow:#000 0 0 3px;
	}
	
	
#right {
	float:right;
	width:270px;
	}
    
#right a{
	text-decoration:none;
	}
	
.big_button {
	background:url(/img/greenbox.png);
	color:#fff;
	border:solid 1px #390;
	padding:10px;
	font-weight:bold;
	font-size:12px;
	margin-bottom:15px;
	display:block;
	border-radius:3px;
	box-shadow:0 0 3px #000, 0 0 1px #fff inset;
	text-align:center;
	font-size:18px;
	letter-spacing:3px;
	}
    
.big_button_blue {
	background:url(/wcf/images/BF/WoltLab%20Green%20Sunrise%20Lite-containerHead.png);
	color:#fff;
	border:solid 1px #414F62;
	padding:10px;
	font-weight:bold;
	font-size:12px;
	margin-bottom:15px;
	display:block;
	border-radius:3px;
	box-shadow:0 0 3px #000, 0 0 1px #BAC4FF inset;
	text-align:center;
	font-size:18px;
	letter-spacing:3px;
	}
    
.big_button_red {
	background:url(/img/redbox.png);
	color:#fff;
	padding:10px;
	font-weight:bold;
	font-size:9px;
	margin-bottom:15px;
	display:block;
	border-radius:3px;
	border:solid 1px #900;
	box-shadow:0 0 3px #999, 0 0 1px #fff inset;
	padding:10px;
	font-weight:bold;
	font-size:12px;
	margin-bottom:15px;
	display:block;
	border-radius:3px;
	box-shadow:0 0 3px #000, 0 0 1px #BAC4FF inset;
	text-align:center;
	font-size:18px;
	letter-spacing:3px;
	}
	
#steve {
	position:fixed;
	top:0px;
	right:-50px;
	z-index:-1;
	}
	
#creeper {
	position:fixed;
	bottom:50px;
	left:0px;
	z-index:-1;
	}
	
.newstype {
	border-right:2px solid #222;
	padding:10px;
	float:left;
	margin-left:-10px;
	margin-top:-10px;
	margin-bottom:-10px;
	margin-right:10px;
	background:url(/img/redbox.png);
	border-radius:2px 0px 0px 0px;
	}
	
.newstitle {
	border-bottom:2px solid #222;
	padding:10px;
	display:block;
	margin-left:-10px;
	margin-top:-10px;
	margin-right:-10px;
	margin-bottom:10px;
	border-radius:2px 2px 0px 0px;
	color:#fff;
	text-shadow:1px 1px 0px #000;
	font-size:16px;
	}

.newstitle a{
	color:#fff;
	text-decoration:none;
	}

.event_bg {
	background:url(/images/event.png) scroll top center;
	}
	
.aktuelles_bg {
	background:url(/images/aktuelles.png) scroll top center;
	}
	
.info_bg {
	background:url(/images/info.png) scroll top center;
	}
	
.update_bg {
	background:url(/images/update.png) scroll top center;
	}
	
.event {
	background:url(/img/redbox.png);
	}
	
.aktuelles {
	background:url(/img/yellowbox.png);
	}
	
.info,
.update {
	background:url(/img/greenbox.png);
	}

.content_inner img {
	max-width:660px;
	}
    
fieldset {
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
    padding-right:20px;
	border:1px solid #aaa;
	border-left:none;
	border-right:none;
	}

 
/* cupid green (inspired by okcupid.com)
*******************************************************************************/
input[type=submit] {
  background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 1px solid #63a62f;
  border-bottom: 1px solid #5b992b;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
  box-shadow: inset 0 1px 0 0 #96ca6d;
  color: #fff;
  font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  padding: 3px 0 3px 0;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
  width: 150px; }
  input[type=submit]:hover {
    background-color: #76b347;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
    background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
    background-image: linear-gradient(top, #76b347, #5e9e2e);
    -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
    box-shadow: inset 0 1px 0 0 #8dbf67;
    cursor: pointer; }
  input[type=submit]:active {
    border: 1px solid #5b992b;
    border-bottom: 1px solid #538c27;
    -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; }
    
/* Loginbox */


#login{
    display: none;
}

#login legend{
    color:#000;
}

#login:target {
	background:rgba(0,0,0,0.5);
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:99;
    display: block;
}

#login_form {
	background:#fff;
    border-radius:10px;
    box-shadow:0 0 3px #000;
    padding:20px;
    margin:auto;
    width:310px;
    position:fixed;
    z-index:100;
    top:-30%;
    left:50%;
    margin-left:-175px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#login:target:hover #login_form {
    position:fixed;
    z-index:100;
    top:50%;
    left:50%;
    margin-left:-175px;
    margin-top:-150px;
	-webkit-transition: all 0.3s ease-in-out 0.2s;
    -moz-transition: all 0.3s ease-in-out 0.2s;
    -o-transition: all 0.3s ease-in-out 0.2s;
	-ms-transition: all 0.3s ease-in-out 0.2s;
	transition: all 0.3s ease-in-out 0.2s;
}

#login_close {
	font-weight:bold;
    float:right;
    color:red !important;
    background:#fff;
    padding:0px 5px 0px 5px;
    border:2px #ccc solid;
    border-radius:4px;
    margin-top:-30px;
    margin-right:-10px;
    box-shadow:0 0 3px #000;
}


/* Panel */

span.redbox {
	background:url(/img/redbox.png);
	color:#fff;
	border:solid 1px #900;
	padding:10px;
	font-weight:bold;
	font-size:9px;
	margin-bottom:15px;
	display:block;
	border-radius:3px;
	box-shadow:0 0 3px #999, 0 0 1px #fff inset;
	text-align:center;
	}
	
span.yellowbox {
	background:url(/img/yellowbox.png);
	color:#fff;
	border:solid 1px #8E862D;
	padding:10px;
	font-weight:bold;
	font-size:9px;
	margin-bottom:15px;
	display:block;
	border-radius:3px;
	box-shadow:0 0 3px #999, 0 0 1px #fff inset;
	text-align:center;		
	}
	
span.greenbox {
	background:url(/img/greenbox.png);
	color:#fff;
	border:solid 1px #390;
	padding:10px;
	font-weight:bold;
	font-size:9px;
	margin-bottom:15px;
	display:block;
	border-radius:3px;
	box-shadow:0 0 3px #999, 0 0 1px #fff inset;
	text-align:center;	
	}
	
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
	box-shadow:0 0 2px #aaa inset;
	padding:5px;
	border-radius:3px;
	border:1px #888 solid;
	width:100%;
	}
    
.statsline {
	display:block;
	border-bottom:1px solid #ccc;
	padding:4px;
	}

/* Skinviewer */

.scratch {
	display:none;
	}

.minecraft_model {
	float:left;
	margin-right:20px;
	background:url(img/skinbg.png) #060;
	border:solid #666 2px;
	border-radius:4px;
	padding:15px;
	}


/* achievement */

/*.achievement {
	background: #b5bdc8;
	background: -moz-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#28343b));
	background: -webkit-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%);
	background: -o-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%);
	background: -ms-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%);
	background: linear-gradient(to bottom, #b5bdc8 0%,#828c95 36%,#28343b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 );
	float:left;
	width:360px;
	border-radius:5px;
	padding:10px;
	margin:5px;
	border:solid 2px #333;
	color:#fff;
	}
	
.active {
	background: #fefcea;
	background: -moz-linear-gradient(top, #fefcea 0%, #f1da36 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36));
	background: -webkit-linear-gradient(top, #fefcea 0%,#f1da36 100%);
	background: -o-linear-gradient(top, #fefcea 0%,#f1da36 100%);
	background: -ms-linear-gradient(top, #fefcea 0%,#f1da36 100%);
	background: linear-gradient(to bottom, #fefcea 0%,#f1da36 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 );
	border:solid 2px #FC0;
	color:#3F2401;
	}
	
.achievement_titel {	
	font-family:Minecraft Regular;
	font-weight:normal;
	font-size:18px;
	margin-bottom:5px;
}

.achievement_text {	
	font-family:Monospace;
	font-weight:normal;
	font-size:12px;
}

.achievement_img {
	background:url(http://media-mcw.cursecdn.com/f/fa/Achievement-plain.png);
	padding:10px;
	float:left;
	margin-right:10px
	}

	*/	
	
.active {
	opacity:1.0 !important;
	}
	
.achievement {
	opacity:0.5;
	margin:10px;
	float:inherit;
	}
	
/* nutzunsbedingungen */


#nutzungsbedingungen{
	display:none;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #006600;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 3px #999999 inset;
    color: #333333;

    font-size: 11px;
    margin-bottom: 20px;
    overflow: auto;
    padding: 10px;
	height:300px;
	}
	
#nutzungsbedingungen:target {
	display:block;
	}

.itemlist_box {
	border:solid 1px #aaa;
	border-radius:5px;
	box-shadow:0 0 5px #999, 0 0 2px #fff inset;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	padding-bottom:0px;
	margin:0px 0px 8px 0px;
	display:block;
	width:100%;
	}
	
.itelist_box_inner {
	padding:8px;
	}
	
.itemlist_trenner {
	border-left:solid 1px #aaa;
	border-right:solid 1px #fff;
	margin:-8px 8px -8px 5px;
	width:0px;
	float:left;
	height:48px;
	}
	
.itemlist_info {
	width:380px;
	float:left;
	height:32px;
	font-size:10px;
	}
	
.itemlist_amount {
	font-family:"Minecraft Regular";
	font-size:18px;
	color:#000;
	text-shadow:0 0 3px #fff;
	float:left;
	text-align:right;
	margin-right:5px;
	margin-top:3px;
	width:42px;
	}

.panel_menu {
	display:block;
    border-bottom:1px solid #ccc;
    padding:5px;
}

.panel_menu img{
	float:left;
    margin-right:5px;
}

.panel_menu_last {
	border:none;
    }
    
.panel h1 {
	border-bottom:1px #ccc solid;
	text-align:left;
    padding:5px;
    font-size:20px;
}

#panelbar {
	background:url("/images/css/nav-bg.png");
	height:20px;
	box-shadow:0 0 5px #000;
	padding:10px;
	position:fixed;
	top:0px;
	left:0px;
	font-weight:bold;
	right:0px;
	color:#fff;
	border-bottom:solid 1px #fff;
	}
	
#panelbar a{
	color:#666;
	text-decoration:none;
	}
	
#panelbar a img{
	margin-bottom:-4px;
	}