/* CSS BY Krieger3 */

* { margin:0 auto; padding:0 auto; }

body{
	background:url(../img/main_mid.jpg);
	font-family:Georgia, "Times New Roman", Times, serif;
}

/*--------------------------------------------------------------*/
/* MAIN --------------------------------------------------------*/

#main-top {
	background:url(../img/main_top.jpg) no-repeat top;
	width:100%;
	margin: auto;
}
#main-bot {
	background:url(../img/main_bot.jpg) no-repeat bottom;
	width:100%;
	margin: auto;
}
.main-wrapper {
	margin: auto;
	width:937px;
	min-height:1500px;
}
/*--------------------------------------------------------------*/
/* NAVI --------------------------------------------------------*/
#navi {
	background:url(../img/navi.png);
	width:937px;
	height:112px;
	position:absolute;
	margin-top:350px;
}
	.navi {
		float:left;
		display:block;
		width:170px;
		font-family:Myriad Pro;
		font-size:14px;
		text-decoration:none;
		text-align:center;
		color:#754c4c;
		text-shadow:#6b2214 0px 1px 1px;
	}
	#navi_1 {
		line-height:125px;
		margin:0 108px;
	}
	#navi_2 {
		line-height:110px;
		margin:0 -139px;
	}
	#navi_3 {
		line-height:103px;
		margin:0 3px;
	}
	#navi_4 {
		line-height:112px;
		margin:0 -30px;
	}
	#navi_5 {
		line-height:125px;
		margin:0 -5px;
	}
	#navi a:hover {
		color:#9c3c2e;
		text-decoration:none;
	}
/*--------------------------------------------------------------*/
/* HEAD --------------------------------------------------------*/
#menu {
	width:1000px;
	height:135px;
	margin:0 auto;
}
.logo {
	background:url(../img/logo.png);
	width:500px;
	height:360px;
	margin:0 0 0 280px;
	position:absolute;
}
/*--------------------------------------------------------------*/
/* SIDEBAR -----------------------------------------------------*/
#sidebar {
	width:226px;
	margin:490px 13px 0 13px;
}
#sidebar.right {
	float:right;
}
#sidebar.left {
	float:left;
}
.sbl-ui {
	background:url(../img/sidebar-left.png);
	width:226px;
}
.sbl-ui.sb-top {
	height:67px;
	background-position:top left;
}
.online-status {
	font-size:13px;
	margin:0 26px;
	color:#754c4c;
	font-family:Myriad Pro;
	text-shadow:#000 0px 1px 1px;
}
.online-status span {
	margin:0 30px;
}
.online {
	background:url(../img/online.png) no-repeat;
	width:17px;
	height:14px;
	margin:0 82px;
	margin-top:-15px;
	position:absolute;
}
.offline {
	background:url(../img/offline.png) no-repeat;
	width:17px;
	height:14px;
	margin:0 82px;
	margin-top:-15px;
	position:absolute;
}
.sbl-ui.sb-top > h2 {
	font-size:14px;
	text-align:center;
	color:#b35050;
	text-shadow:#6b2214 0px 1px 1px;
	font-family:Myriad Pro;
	line-height:60px;
	font-weight:normal;
}
.statistik {
	font-size:13px;
	margin:0 26px;
	color:#754c4c;
	font-family:Myriad Pro;
	text-shadow:#000 0px 1px 1px;
	text-align:left;
}
.statistik span {
	margin:-10px 52px;
	position:absolute;
}
.stats {
	background:url(../img/stats.png) no-repeat;
	width:17px;
	height:12px;
	margin:0 74px;
	margin-top:-6px;
	position:absolute;
}
.sbl-ui.sb-con {
	background-position:right center;
}	
.sbl-ui.sb-bot {
	background-position:left bottom;
	height:75px;
}
.sbr-ui {
	background:url(../img/sidebar-right.png);
	width:226px;
}
.sbr-ui.sb-top {
	height:67px;
	background-position:top left;
}
.sbr-ui.sb-top > h2 {
	font-size:14px;
	text-align:center;
	color:#b35050;
	text-shadow:#6b2214 0px 1px 1px;
	font-family:Myriad Pro;
	line-height:60px;
	font-weight:normal;
}
.sbr-ui.sb-con {
	background-position:right center;
}
.top5bg {
	background:url(../img/top5bg.png) no-repeat;
	width:203px;
	height:160px;
	margin:0 13px;
}
.ranking {
	background:url(../img/ranking.html) no-repeat;
	width:114px;
	height:42px;
	margin:0 90px;
	margin-top:-30px;
	position:absolute;
}
.top5{
	position:absolute;
	margin:10px 13px;
	text-shadow:#000 0px 1px 1px;
}
.sbr-ui.sb-bot {
	background-position:left bottom;
	height:75px;
}
/*--------------------------------------------------------------*/
/* CONTENT -----------------------------------------------------*/
#content {
	width:465px;
	margin:483px 236px;
	position:absolute;	
}
.con-ui {
	background:url(../img/content.png);
	width:465px;
}
.con-ui.con-top {
	height:67px;
	background-position:top left;
}
.con-ui.con-top > h2 {
	font-size:14px;
	text-align:center;
	color:#b35050;
	text-shadow:#6b2214 0px 1px 1px;
	font-family:Myriad Pro;
	line-height:60px;
	font-weight:normal;
}
.con-ui.con-con {
	background-position:right center;
}	
.con-ui.con-bot {
	background-position:left bottom;
	height:105px;
}
.news {
	background:url(../img/news.png) no-repeat;
	width:406px;
	height:53px;
	margin:0 auto;
}
.news p {
	text-align:left;
	font-family:Myriad Pro;
	font-size:12px;
	text-decoration:none;
	color:#ecb48d;
	text-shadow:#000 0px 1px 1px;
	margin:0 25px;
	margin-top:15px;
	position:absolute;	
}
.news p2 {
	text-align:center;
	font-family:Myriad Pro;
	font-size:12px;
	text-decoration:none;
	color:#ecb48d;
	text-shadow:#000 0px 1px 1px;
	margin:0 100px;
	margin-top:15px;
	position:absolute;	
}
.con-text {
	background:url(../img/con-text.png) no-repeat;
	width:430px;
	height:23px;
	margin:0 auto;
}
.con-text p {
	text-align:left;
	font-family:Myriad Pro;
	font-size:12px;
	color:#593939;
	text-shadow:#000 0px 1px 1px;
	margin:0 10px;
	margin-top:5px;
	position:absolute;
	font-style:italic;	
}
.con-text p2 {
	font-family:Myriad Pro;
	font-size:12px;
	color:#593939;
	text-shadow:#000 0px 1px 1px;
	margin:0 330px;
	margin-top:5px;
	position:absolute;
	font-style:italic;	
}
.text {
	font-family:Myriad Pro;
	font-size:12px;
	color:#855757;
	text-shadow:#000 0px 1px 1px;
	margin:0 25px;
	margin-top:10px;
}
.fb_text {
	font-family:Myriad Pro;
	font-size:12px;
	color:#855757;
	text-shadow:#000 0px 1px 1px;
	margin:0 18px;
	margin-top:10px;
}
.pyksa_text {
	font-family:Myriad Pro;
	font-size:12px;
	color:#855757;
}
.pyksa_is_text {
	font-family:Myriad Pro;
	font-size:12px;
	color:#855757;
	float:left;
	text-align:left;
}
.pyksa_char_box {
	text-align: center;
	width: 180px;
	height: 380px;
	float: left;
	margin-left:20px;
	margin-top:10px;
}

#register {
	width:465px;
	margin:483px 236px;
	position:absolute;	
}
#register p {
	font-family:Myriad Pro;
	font-size:14px;
	color:#754c4c;
	text-shadow:#000 0px 1px 1px;
	text-align:center;
	font-weight:bold;
}
#register table {
	font-family:Myriad Pro;
	font-size:14px;
	color:#754c4c;
	text-shadow:#000 0px 1px 1px;
	margin:0 20px;
}
#register a {
	font-family:Myriad Pro;
	font-size:14px;
	color:#754c4c;
	text-shadow:#000 0px 1px 1px;
	text-decoration:none;
	margin:0 20px;
}
#download {
	width:465px;
	margin:483px 236px;
	position:absolute;	
}
#download a {
	font-family:Myriad Pro;
	font-size:14px;
	color:#754c4c;
	text-shadow:#000 0px 1px 1px;
	text-decoration:none;
	margin:0 20px;
}
#rangliste {
	width:465px;
	margin:483px 236px;
	position:absolute;	
}
#rangliste table {
	margin:0 auto;
	font-family:Myriad Pro;
	font-size:14px;
	color:#754c4c;
	text-align:center;
	text-shadow:#000 0px 1px 1px;
}
#rangliste a {
	text-decoration:none;
	color:#754c4c;
}

.center {
	font-family:Myriad Pro;
	font-size:14px;
	color:#754c4c;
	text-align:center;
	text-shadow:#000 0px 1px 1px;
}

/* Pyksa Style's */

input[type="submit"],[type="reset"],[type="button"] {
	background:url("../img/button.png") top;
	width:120px;
	height:40px;
	margin-left:-7px;
	line-height:40px;
	color:#b08861;
	padding: 0 10px 0 10px;
	font-size:12px;
	border:0;
	opacity:0.8;
	font-size:12px;
	text-shadow:0 -1px 0 #000;
}
	input[type="submit"]:hover,[type="reset"]:hover,[type="button"]:hover {
		opacity:1.0;
		cursor:pointer;
	}

input[type=text], input[type=password] {
	background:url("../img/input.png");
	width:120px;
	height:29px;
	color:#ddd;
	padding: 0 0px 0 10px;
	font-size:11px;
	border:0;
	margin-right:0px;
	opacity:0.8;
}

		input[type=text]:focus, input[type=password]:focus {
			opacity:1.0;
		}
		
		input[type=text]:focus, input[type=password]:focus, input[type=text]:hover, input[type=password]:hover {
			color:#fff;
		}

		
input.txt2 {
	background:url("../img/input2.png");
	width:120px;
	height:29px;
	color:#ddd;
	padding: 0 10px 0 30px;
	margin-left:-7px;
	font-size:11px;
	border:0;
	margin-bottom:3px;
	opacity:0.8;
}

		input.txt2:focus {
			opacity:1.0;
		}
		
		input.txt2:hover,input.txt2:focus {
			color:#fff;
		}
		

		
input.txt3 {
	background:url("../img/input3.png");
	width:120px;
	height:29px;
	color:#ddd;
	padding: 0 10px 0 30px;
	margin-left:-7px;
	font-size:11px;
	border:0;
	margin-bottom:3px;
	opacity:0.8;
}

		input.txt3:focus {
			opacity:1.0;
		}
		
		input.txt3:hover,input.txt3:focus {
			color:#fff;
		}
	
input.isinput {
	background:url("../img/coin.png");
	background-repeat: no-repeat;
	width:32px;
	height:32px;
	color: transparent;
	padding: 0 0 0 0;
	font-size:0px;
	border:0;
	margin-bottom:3px;
	opacity:0.8;
}

		input.isinput:focus {
			opacity:1.0;
		}

input.isinput2 {
	background:url("../img/stop.png");
	background-repeat: no-repeat;
	width:28px;
	height:28px;
	color: transparent;
	padding: 0 0 0 0;
	font-size:0px;
	border:0;
	margin-bottom:3px;
	opacity:0.8;
}

		input.isinput:focus {
			opacity:1.0;
		}

input.isinputlogin {
	background:url("../img/login.png");
	background-repeat: no-repeat;
	width:32px;
	height:32px;
	color: transparent;
	padding: 0 0 0 0;
	font-size:0px;
	border:0;
	margin-bottom:3px;
	opacity:0.8;
}

		input.isinputlogin:focus {
			opacity:1.0;
		}

table {
	font-size: 1em;
	border-spacing: 2px;
	margin:0 auto;
	width:100%;
}



tr {
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	-ms-transition: all .5s linear;
	transition: all .5s linear;
}

#pyksa_down {
	width:400px;
	height:200px;
	-moz-opacity:0.4;
	opacity:0.4;
	text-align:center;
	margin:0 auto 0 auto;
}

	#pyksa_down:hover {
		width:400px;
		height:200px;
		-moz-opacity:1.0;
		opacity:1.0;
	}
	
#pyksa_ts3 {
	width:400px;
	height:152px;
	-moz-opacity:0.4;
	opacity:0.4;
	text-align:center;
	margin:0 auto 0 auto;
}

	#pyksa_ts3:hover {
		width:400px;
		height:152px;
		-moz-opacity:1.0;
		opacity:1.0;
	}
	
#pyksa_char_inf {
	width:100px;
	-moz-opacity:0.6;
	opacity:0.6;
	margin:0 auto 0 auto;
}

	#pyksa_char_inf:hover {
		width:100px;
		-moz-opacity:1.0;
		opacity:1.0;
	}
	
#pyksa_char_inf2 {
	width:200px;
	-moz-opacity:0.8;
	opacity:0.8;
	margin:0 auto 0 auto;
}

	#pyksa_char_inf2:hover {
		width:200px;
		-moz-opacity:1.0;
		opacity:1.0;
	}
	
#pyksa_char_inf3 {
	width:180px;
	-moz-opacity:0.8;
	opacity:0.8;
	margin:0 auto 0 auto;
}

	#pyksa_char_inf3:hover {
		width:180px;
		-moz-opacity:1.0;
		opacity:1.0;
	}
	
a, a:link, a:visited {
	color:#b35210;
	text-shadow:0px 1px 6px #000;
	text-decoration:none;
	-webkit-transition: color .2s linear;
	-moz-transition: color .2s linear;
	-o-transition: color .2s linear;
	-ms-transition: color .2s linear;
	transition: color .2s linear;
}

	a:hover {
		color:#754c4c;

	}

#is_menu_btn {
	background:url("../img/button.png") top;
	text-align:center;
	width:120px;
	height:40px;
	margin-left:15px;
	line-height:40px;
	color:#b08861;
	padding: 0 10px 0 10px;
	font-size:12px;
	font-family:Myriad Pro;
	text-shadow:0px 1px 6px #000;
	text-decoration:none;
	border:0;
	opacity:0.8;
	font-size:12px;
	text-shadow:0 -1px 0 #000;
}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 5px;
background-color: transparent;
}
.vscrollerbar {
width: 5px;
/*background-color: #EDDA74;*/
background:url("../img/fx.png") top;
}
.hscrollerbase {
height: 5px;
background-color: transparent;
}
.hscrollerbar {
height: 5px;
/*background-color: #EDDA74;*/
background:url("../img/fx.png") top;
}

.scrollerjogbox {
width: 5px;
height: 5px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: transparent;
}

#mycustomscroll {
/* percentage width without the fix*/
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding: 48px;
}