/**
*******************************************************
*** 	Created by: xBlubbs (also called Xxl3lubbs)
*** 	(lovely) Created for: ForsakenFlyff
***
*** 	If there are any questions:
*** 		- E-Mail: Dark.Visa@web.de
*** 	
*** 	Last Update: 19.12.2013, 20:14 CET
*******************************************************
**/
@import "css/jquery-ui-1.7.3.custom.css";
@import "css/jquery.msgbox.css";
@import "css/tipsy.css";

.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	z-index: 5000;
	cursor: pointer;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	z-index:5001;
	color: #fff;
	width: 150px;
	font-family: tahoma;
	font-size: 11px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
  position:relative;
  z-index: 5006;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
	margin: 0px 0 0 12px;
  top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

@font-face {font-family:'Helvetica67'; src:url('fonts/Helvetica67.ttf'); font-weight: normal; font-style: normal;}
@font-face {font-family:'HelveticaLT67'; src:url('fonts/HelveticaLT67.ttf'); font-weight: normal; font-style: normal;}



/*
 Es fehlen:
 	- Buttons (Content und Box)
 	- Forms
 	- Titlebars
 	- News
 	- Ãœberschriften und Textformatierungen

 Es müssen gekapselt werden:
 	- Slider
*/

@media (min-width: 1200px) {
	.website {
		width: 1027px;
	}


	.website .navigation a , .website .navigation a:focus {
		padding: 9px 15px;	/* 9px 12px */
		font-size: 12px;
	}

	.website .content .col {
		z-index: 20 !important;
		left: 16px !important;
		display: block !important;
	}

	.website .content .main-col {
		right: 0 !important;
	}
	#toggleBoxArea {
		display: none;
	}
}
@media (max-width: 1199px) {
	.website {
		width: 765px;
	}


	.website .navigation a , .website .navigation a:focus {
		padding: 9px 7px;
		font-size: 11px;
	}

	.website .content .col {
		z-index: 10;
		left: 0;
		display: none;
	}
}



  /*********************************/
 /************ Website ************/
/*********************************/
	body {
		margin: 0; padding: 0;
		background: rgb(13, 18, 24) url(images/background/bg.jpg) center top no-repeat;

		font: 12px "Trebuchet MS";
		color: #7d6a6a;
		font-size: 13px;
		line-height: 1.5em;
		text-shadow: 0 2px 0 hsla(348, 20%, 0%, 0.33);
	}
	body:before, body:after {
		position: fixed;
		left: 0;
		width: 100%;
		height: 10px;
		content: "";
		z-index: 100;

        box-shadow: 0 0 10px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.8); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.8);
	}
	body:before {
		top: -10px;
	}
	body:after {
		bottom: -10px;
	}
		.left-hand-box {
			top: 130px;
			right: -300px;
			position: fixed;
			z-index: 9999;
		}
			.left-hand-box .facebook-button {
				width: 33px; height: 101px;
				margin-top: 1px;
				background: url(images/icons/misc/facebook.png) no-repeat transparent;
				border-radius: 8px 0 0 8px; -webkit-border-radius: 8px 0 0 8px; -moz-border-radius: 8px 0 0 8px;

				cursor: pointer;
				float: left;
			}
			.left-hand-box .hidden-part {
				width: 300px; height: 500px;
				background: #ffffff;

				float: left;
			}
		.website {
			margin: 0 auto;
		}
			.website .changeLanguage {
				margin: 20px 0 0 40px;

				position: absolute;
				z-index: 9999;
			}
				.website .changeLanguage img {
					opacity: 0.5;
					transition: opacity 0.6s ease; -webkit-transition: opacity 0.6s ease; -moz-transition: opacity 0.6s ease; -o-transition: opacity 0.6s ease;
				}
					.website .changeLanguage img.active {
						opacity: 1;
					}
					.website .changeLanguage img:hover {
						opacity: 1;
					}
			.website .navigation {
				display: block;
				height: 79px;
				background: url(images/navigation/bg.png) no-repeat center 0;
				margin: 0 auto; padding: 19px 0 0 0;

				text-align: center;
				text-decoration: none;
				cursor: default;
			}
				.website .navigation a , .website .navigation a:focus {
					background: none;
                    border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;

					font-family: Verdana, sans-serif;
					text-decoration: none;
					color: hsla(0, 100%, 100%, 0.8);
					
					transition: background 0.3s ease; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease;
				}
				.website .navigation a:hover {
					background: hsla(0, 0%, 0%, 0.30);
                    border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
				}
				.website .navigation a:active {
					background: hsla(0, 0%, 0%, 0.15);
                    border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
				}
			.website .header {
				width: 462px; height: 253px;
				margin: 0 auto;
				background: url(images/header/bg.png) no-repeat scroll center top transparent;
			}
				.website .header object {
					margin-left: 100px;
					margin-top: -20px;
					width: 300px; height: 300px;
				}
			.website .content {
				position: relative;
				margin: 0 auto;
			}
                .website .content .col {
					width: 267px;
					background: url(images/box/middle.png) repeat-y scroll 0 0 transparent;

                    position: absolute;
					top: 140px;
				}
					.website .content .col .upper {
						width: 267px; height: 192px;
						background: url(images/box/top.png) no-repeat scroll -17px bottom transparent;

						position: absolute;
						z-index: 40;
						top: -94px;
					}
					.website .content .col .inner {
						padding: 35px 10px 0 20px;

						position: relative;
						z-index: 50;
					}
						.website .content .col .inner .box {
							width: 100%;
							margin: 0 auto; padding: 45px 0 0 0;
						}
							.website .content .col .inner .box:first-child {
								padding: 0;
							}
							.website .content .col .inner .box .title {
								width: 100%; height: 28px;
								background: url(images/titlebars/boxTitle.png) top no-repeat;
								margin: 0 0 3px 0; padding: 12px 0 0 0;

								font: 15px 'Archivo Narrow', sans-serif;
								color: #7a6d69;
								text-align: center;
								text-decoration: none;
								text-transform: uppercase;
								letter-spacing: 1px;
							}
							.website .content .col .inner .box.login ul {
								padding: 6px 0 0 20px;
								list-style-type: disc;
							}
								.website .content .col .inner .box.login ul li {
									line-height: 1.6em;
								}
									.website .content .col .inner .box.login ul li:first-child{
										color: hsl(349, 9%, 64%);
										list-style-type: none;
									}
							.website .content .col .inner .box p.list {
								color: #99826f;
								text-align: right;
								padding: 3px 5px;
							}
								.website .content .col .inner .box p.list span.span {
									color: #5f5e5e;
									text-align: left;
									font-weight: bold;
									float: left;
								}
							.website .content .col .inner .box p.list.highlight {
								background: hsla(345, 100%, 86%, 0.02);
								border-bottom: 1px solid hsla(0, 0%, 100%, 0.04);
							}
					.website .content .col .lower {
						width: 267px; height: 89px;
						background: url(images/box/bottom.png) no-repeat scroll 0 0 transparent;

						position: absolute;
						z-index: 40;
						bottom: -80px;
					}
                .website .content .main-col {
                    width: 765px;
					background: url(images/content/middle.png) repeat-y scroll 0 0 transparent;

					position: absolute;
					z-index: 15;
					right: 0;
					top: 62px;
                }
					.website .content .main-col .bigButton {
						width: 189px; height: 156px;
						margin: 0; padding: 0;
						background: url(images/bigbutton/bg.png);

						text-align: center;
						position: absolute;
						z-index: 30;
						right: 65px;
						top: -161px;
					}
						.website .content .main-col .bigButton .limiter {
							height: 146px;
							overflow: hidden;
						}
							.website .content .main-col .bigButton a {
								width: 150px; height: 110px;
								margin: 11px auto 0 auto; padding: 40px 0 0 0;

								text-decoration: none;
								text-shadow: 3px 3px 3px hsla(0, 0%, 0%, 0.5);

								display: block;

								border-radius : 200px;
								transition: background 0.6s ease; -webkit-transition: background 0.6s ease; -moz-transition: background 0.6s ease; -o-transition: background 0.6s ease;
							}
								.website .content .main-col .bigButton a:hover {
									background: hsla(0, 0%, 0%, 0.5);
								}
								.website .content .main-col .bigButton a span.game {
									color:hsla(0, 0%, 100%, 0.63);
									font:47px 'HelveticaLT67', Verdana, sans-serif;
									line-height:30px;
								}
								.website .content .main-col .bigButton a span.start {
				color:hsla(0, 0%, 100%, 0.44);
				font:35px 'HelveticaLT67', Verdana, sans-serif;
				font-style:italic;
				line-height:30px;
			}
					.website .content .main-col .upper {
						width: 765px; height: 256px;
						background: url(images/content/top.png) no-repeat scroll 0 0 transparent;

						position: absolute;
						z-index: 40;
						top: -62px;
					}
					.website .content .main-col .inner {
						min-height: 821px;
						padding: 0 35px 0 39px;

						position: relative;
						z-index: 50;
					}
						.website .content .main-col .inner .slider {
							width: 683px; height: 259px;
							background:url(images/slider/bg.png) no-repeat;
							margin: 0 auto 20px 1px; padding: 3px;

							position: relative;
							overflow: hidden;
						}
						.website .content .main-col .inner .slider img {
							width: 683px; height: 259px;
						}
					.website .content .main-col .lower {
						width: 680px; height: 91px;
						background: url(images/content/bottom.png) repeat-y scroll 0 0 transparent;
						padding: 10px 23px 0 45px;

						position: absolute;
						z-index: 50;
						bottom: -101px;

						font: 11px, "Trebuchet MS";
						font-weight: bold;
						text-align:right;
						color: rgba(255, 255, 255, 0.14);
					}
						.website .content .main-col .lower .valids {
							float: left;
						}
							.website .content .main-col .lower .valids img {
								margin: 0 3px;
								border: none;

								opacity: 0.4;
								transition: opacity 0.6s ease; -webkit-transition: opacity 0.6s ease; -moz-transition: opacity 0.6s ease; -o-transition: opacity 0.6s ease;
							}
							.website .content .main-col .lower .valids img:hover, .website .content .main-col .lower div .valids img:focus, .website .content .main-col .lower div .valids img:active {
								opacity: 1.0;
							}
						.website .content .main-col .lower .backlinks {
							float: right;
							margin-top:-4px;
						}
							.website .content .main-col .lower .backlinks a {
								color: rgba(255, 255, 255, 0.20);
								font-family: "Trebuchet MS", Verdana, sans-serif;
								text-decoration: underline;
							}
							.website .content .main-col .lower .subfooter {
								width: 208px; height: 40px;
								background: url(images/footer/subfooter.png) no-repeat transparent center top;
								margin: 19px 55px 0 0; padding: 2px 0 0 0;
								float: right;
							}
								.website .content .main-col .lower .subfooter a {
									width: 42px; height: 30px;
									background: url(images/icons/misc/socials.png) no-repeat transparent 42px 42px;
									margin: 0 auto;

									display: block;
									float: left;

									text-align: center;

									transition: all 0.4s ease-in-out 0.0s;
									-webkit-transition: all 0.4s ease-in-out 0.0s;
								}
								.website .content .main-col .lower .subfooter a:hover, .website  .footer .subfooter a:active  {
									height: 40px;
								}
									.website .content .main-col .lower .subfooter a.fb {
										background-position: 0 bottom;
									}
									.website .content .main-col .lower .subfooter a.tw {
										background-position: -42px bottom;
									}
									.website .content .main-col .lower .subfooter a.yt {
										background-position: -84px bottom;
									}
									.website .content .main-col .lower .subfooter a.rs {
										background-position: -126px bottom;
									}
		.clear {
			clear: both;
			width: 0; height: 0;
			margin: 0; padding: 0;
			visibility: hidden;
		}
  /*********************************/
 /************ Website ************/
/*********************************/




/**
*******************************************************
*** 	Created by: xBlubbs (also called Xxl3lubbs)
*** 	(lovely) Created for: ForsakenFlyff
***
*** 	If there are any questions:
*** 		- E-Mail: Dark.Visa@web.de
*** 	
*** 	Last Update: 04.01.2013, 12:47 CET
*******************************************************
**/






  /*********************************/
 /****** Pseudotags - Anfang ******/
/*********************************/
	::-moz-selection {background: hsla(200, 50%, 20%, 0.5);}
	::-webkit-input-placeholder {color: hsl(0, 0%, 40%); text-shadow: none;}
	::-moz-placeholder {color: hsl(0, 0%, 40%); text-shadow: none;}
  /*******************************/
 /****** Pseudotags - Ende ******/
/*******************************/






  /****************************************/
 /****** Einzelne Elemente - Anfang ******/
/****************************************/
	img {border:none;}
	ul, ol {margin:0; padding:0 0 0 20px;}
	li {margin:0; padding:0;}
	hr {height:4px; background: hsla(0, 0%, 0%, 0.4); border:none; margin:10px 0;}
	table {margin:0; padding:0; border-collapse:collapse; border-spacing:0; border-style:none;}
	td, div, p {
		margin:0; padding:0; 
		
		text-decoration: none;
		font-weight:normal; 
		cursor:default;
	}
	fieldset {border:none;}
	label {padding-top:10px; float: left;;}
	input, a {outline: none;}

  /**************************************/
 /****** Einzelne Elemente - Ende ******/
/**************************************/






  /************************************/
 /************** Fonts ***************/
/************************************/
	a:active, a:focus, input {outline: none;}
	a, a:visited {font-family:'Trebuchet MS',sans-serif; color:#7a6d69; font-weight:normal; outline:none; text-decoration:none; transition: color 0.3s linear 0s;}
	a:hover {color: #5f5e5e; outline:none;}
	a:active, a:focus {color: #99826f; text-decoration: underline;}
	
	h1, h2, h3, h4, fieldset legend {
		margin: 0 0 4px 0; 
		font-family: Verdana, sans-serif;
		color: #99826f;
		text-decoration: underline;
		text-shadow: 1px 1px #0e151e;
	}
	h1 {font-size:18px; letter-spacing:1px;}
	h2 {font-size:16px;}
	h3, fieldset legend {font-size:14px;}
	h4 {font-size:12px; text-decoration: none;}
	.boxContainer h2 {text-align: center; text-decoration: none;}

	/*     Colors     */
	.normalColor01 {color:hsl(180, 100%, 35%);}
	.normalColor02 {color:hsl(180, 100%, 25%);}
	.highlight01 {color:hsl(200, 100%, 50%);}
	.highlight02 {color: hsl(30, 100%, 50%);}
	.green {color:#11c908;}
	.red  {color:#ff0000;}
	.yellow {color:#ddb700;}
	
	/*     Sizes     */
	.sechs {font-size:6px;}
	.acht {font-size:8px;}
	.zehn {font-size:10px;}
	.elf {font-size:11px;}
	.vierzehn {font-size:14px;}
	.achtzehn {font-size:18px;}
	.zweizwei {font-size:22px;}
  /************************************/
 /************** Fonts ***************/
/************************************/






  /****************************************/
 /***************** Misc *****************/
/****************************************/
	/*     Aligns and Styles     */
	.left {text-align:left;} .center {text-align:center;} .right {text-align:right;}
	.nound {text-decoration:none;} .und {text-decoration:underline;}
	.kursiv {font-style:italic;} .bold {font-weight:bold;}
	
	/*     Margin and Padding     */
	.padding {padding-top: 30px;} .nopad {padding: 0;}
	.marginTop{margin-top:30px;} .nomar {margin:0;}
	
	/*     Widths     */
	.w030 {width: 30px;} .w140 {width: 140px;} .w160 {width: 160px;} .w170 {width: 170px;}
	.w190 {width: 190px;} .w220 {width: 220px;} .w200 {width: 200px;}
	
	.p05 {width: 05%;} .p10 {width: 10%;} .p15 {width: 15%;} .p20 {width: 20%;} .p25 {width: 25%;} 
	.p30 {width: 30%;} .p35 {width: 35%;} .p40 {width: 40%;} .p45 {width: 45%;} .p50 {width: 50%;} 
	.p55 {width: 55%;} .p60 {width: 60%;} .p65 {width: 65%;} .p70 {width: 70%;} .p75 {width: 75%;} 
	.p80 {width: 80%;} .p85 {width: 85%;} .p90 {width: 90%;} .p95 {width: 95%;} .p100 {width: 100%;}
  /****************************************/
 /***************** Misc *****************/
/****************************************/






/****************************************/
/***************** Misc *****************/
/****************************************/
    span.b {
        font-weight: bold;
    }
    span.i {
        font-style: italic;
    }
    span.u {
        text-decoration: underline;
    }
  /**************************************/
 /****** Einzelne Seiten - Anfang ******/
/**************************************/






  /**************************************/
 /****** Einzelne Seiten - Anfang ******/
/**************************************/
	.fail, .hint, .success {
		border: 1px solid hsla(0, 0%, 0%, 0.2);
		min-height: 20px;
		margin: 7px auto; padding: 6px 6px 6px 32px;
		text-align: left;
	}
	.fail {
		background: hsla(0, 100%, 70%, 0.3) url(../images/icons/misc/fail.png) 9px 9px no-repeat;
		border-color: hsla(0, 100%, 70%, 0.5);
        color: hsl(0, 100%, 70%);
	}
	.hint {
		background: hsla(30, 100%, 70%, 0.3) url(../images/icons/misc/hint.png) 9px 9px no-repeat;
		border-color: hsla(30, 100%, 70%, 0.5);
        color: hsl(30, 100%, 70%);
	}
	.success {
		background: hsla(120, 100%, 70%, 0.3) url(../images/icons/misc/success.png) 9px 9px no-repeat;
		border-color: hsla(120, 100%, 70%, 0.5);
        color: hsl(120, 100%, 70%);
	}
		.fail p.title, .hint p.title, .success p.title, .fail p.noticeTitle, .hint p.noticeTitle, .success p.noticeTitle {font-weight:bold; text-decoration:underline;}

	span.span {
		text-align: left;
		float: left;
	}
	
	.modifiedDate {
		margin-top:10px;
		
		font-size: 10px;
		font-style: italic;
	}

	input.votebutton {
		float: left;
	}
	.voteNotice {
		line-height: 1.4em;
	}
 
	.characterWindow {
		width: 200px;
		background: hsla(0, 0%, 0%, 0.25);
		margin: 8px; padding: 6px;
		border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
		
		float: left;
	}
		.characterWindow div.title {
		 }
			.characterWindow div.title p.name {
				font-weight: bold;
				float: left;
			}
			.characterWindow div.title p.rank {
				font-weight: bold;
				float: right;
			}
		.characterWindow div.box {
			margin: 6px 0 0 0; padding: 3px 0 0 0;
			border-top: 3px solid hsla(0, 0%, 0%, 0.4);
		}
			.characterWindow div.box .basevalues {
				padding: 10px 0 0 0;
			}
				.characterWindow div.box .basevalues .bars {
					float: left;
					width: 130px;
				}
					.characterWindow div.box .basevalues .bars p {
						margin: 4px 0; padding: 2px 0 1px 0;
						border-radius: 6px;
						box-shadow: inset 0 1px 3px 2px hsla(0, 0%, 0%, 0.6);

						font-size: 11px;
						line-height: 1em;
						color: #ffffff;
						text-shadow: 1px 1px hsla(0, 0%, 0%, 0.8);
						text-align: center;
					}
						.characterWindow div.box .basevalues .bars p.hp {
							background: #f28882;
						}
						.characterWindow div.box .basevalues .bars p.fp {
							background: #86ef89;
						}
						.characterWindow div.box .basevalues .bars p.mp {
							background: #8c83eb;
						}
				.characterWindow div.box .basevalues .stats {
					width: 60px;
					font-size: 11px;
					line-height: 1.3em;
					float: right;
				}
					.characterWindow div.box .basevalues .stats p {
						text-align: right;
					}
						.characterWindow div.box .basevalues .stats p span {
							color: hsla(0, 8%, 45%, 0.5);
							width: 30px;
							font-weight: bold;
							float: left;
							text-align: left;
						}
			.characterWindow div.box p {

			}
				.characterWindow div.box p.title {
					color: hsl(27, 17%, 52%);
					font-weight: bold;
				}
				.characterWindow div.box p span {
					color: hsla(0, 8%, 45%, 0.5);
					width: 100px;
					font-weight: bold;
					float: left;
				}

	.accPanelInformation {
		width: 50%;
		float: left;
	}
        .accPanelInformation span.title1 {
            width: 120px;

            font-weight:bold;
            float: left;;
        }
	.accPanelSecurity {
		width: 50%;
		float: right;
	}
		.accPanelSecurity span.title2 {
			width:140px;
			
			font-weight:bold;
			float: left;;
		}
    .accPanelInformation p, .accPanelSecurity p {
        line-height: 1.6em;
    }

    .shopBorder {
        margin-top: 10px; padding-top: 10px;
        border-top: 2px solid hsla(0, 0%, 0%, 0.4);

        display: none;
    }
    #itemDetailsContainer {
    }
        #itemDetailsContainer .itemTitle {
			border-bottom: 2px dotted hsla(0, 0%, 0%, 0.4);
			margin-bottom: 10px; padding-bottom: 10px;

			text-align: center;
			font-size: 18px;
		}
			#itemDetailsContainer .itemTitle img.itemDetailsIcon {
				max-width: 32px; max-height: 32px;
				vertical-align: middle;
			}
        #itemDetailsContainer .itemDetails {
            width: 335px;
			padding: 0 0 0 10px;
			float: left;
        }
        #itemDetailsContainer .itemDetails.left {
			padding: 0 10px 0 0;
		}
            #itemDetailsContainer .itemDetails div {
                font-weight: bold;
				padding: 5px 0;
            }
                #itemDetailsContainer .itemDetails div span {
                    width: 206px;

                    float: right;
                    text-align: left;
                    font-weight: normal;
                }
                #itemDetailsContainer .itemDetails div ul {
                    width: 192px;

                    float: right;
                    text-align: left;
                    font-weight: normal;
                }
        #itemDetailsContainer .itemDescription {
            width: 45%;
            float: right;
        }
        #itemDetailsContainer .buy, #itemDetailsContainer .gift {
            margin: 10px 0 0 0;
            border-top: 2px dashed hsla(0, 0%, 0%, 0.4);
        }
        #itemDetailsContainer .buy {
            padding: 5px 20px 5px 10px;
            border-right: 2px dashed hsla(0, 0%, 0%, 0.4);

            float: left;
        }
        #itemDetailsContainer .gift {
            padding: 5px 10px 5px 20px;
            border-left: 2px dashed hsla(0, 0%, 0%, 0.4);

            float: right;
        }

    .singleItem {
		min-height: 82px;
        width: 210px; height: 82px;
		margin: 6px 3px;
		padding: 6px;
		border: 1px solid hsla(0, 0%, 0%, 0.3);
        border-radius: 4px;

		transition: background 0.3s ease 0s;
        float: left;
    }
		.singleItem, .singleItem p, .singleItem div, .singleItem img {
			cursor: pointer;
		}
		.singleItem:hover {
			background: hsla(0, 0%, 0%, 0.3);
		}
        .singleItem.buy {
            border-color: hsla(90, 100%, 50%, 0.02);
        }
			.singleItem.buy:hover {
				background: hsla(90, 100%, 50%, 0.03);
			}
        .singleItem.nobuy {
			border-color: hsla(30, 100%, 50%, 0.02);
        }
			.singleItem.nobuy:hover {
				background: hsla(30, 100%, 50%, 0.06);
			}
    .singleItem.active {
        background: hsla(0, 0%, 0%, 0.1);
    }
		.singleItem .itemTitle {
			/*
			height: 22px;
            overflow: hidden;
			*/
			height: auto;
        }
		.singleItem .itemIcon {
            width: 32px; height: 32px;
            margin: 0 10px 0 0;

            float: left;
        }
        .singleItem .itemShortDesc {
            margin-top: 5px;
        }
            .singleItem .itemShortDesc p {
                min-height: 18px;
            }

	p.stepbystep {
		margin-bottom: 30px;
	}
	
	.ticket {
	}
		.ticket .thead {
		}
			.ticket .thead .tr div {
				cursor: pointer;
			}
		.ticket .tbody {
			background: hsla(0, 0%, 0%, 0.32);
			margin: 0 0 3px 0; padding: 7px;
			border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
		
			display: none;
		}
			.ticket .tbody .mainText {
				padding-bottom: 10px;
			}
			.ticket .tbody .sub {
				width: 580px;
                margin: 0 auto;
			}
				.ticket .tbody .sub .subText {
					margin: 30px 0; padding: 10px; background: hsla(0, 0%, 100%, 0.02);
                    border-bottom: 1px solid hsla(0, 0%, 100%, 0.06);
                    border-top: 1px solid hsla(0, 0%, 100%, 0.06);
                    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
				}
				.ticket .tbody .sub .subText .titleBar {
                    margin-bottom: 8px;
                    color: hsl(25, 20%, 55%);
				}
	.dungeon-difficulty {
		text-align: center;
		padding: 5px 0;
	}
		.dungeon-difficulty span {
			cursor: pointer;
		}
			.dungeon-difficulty span.active {
				color: hsl(27, 17%, 52%);
			}
	.dungeon-select {
		text-align: center;
	}
		.dungeon-select img {
			width: 90px;
			opacity: 0.5;
			border: 1px solid hsl(0, 1%, 37%);
			cursor: pointer;

		}
		.dungeon-select img:hover {
			opacity: 1;
		}
			.dungeon-select img.active {
				opacity: 1;
				border: 1px solid hsl(27, 17%, 52%);
			}

	div.loadingImage {
		margin-top: 10px;
		height: 330px;
		vertical-align: middle;
		text-align: center;
	}
  /************************************/
 /****** Einzelne Seiten - Ende ******/
/************************************/

/******************************/
/****** Buttons - Anfang ******/
/******************************/
div.table {
	width: 100%;
	font-size: 12px;
}
	div.table .thead {
	}
	div.table .tbody {
	}
		div.table .thead .tr, div.table .tbody .tr {
			height:18px;
			margin: 0 0 4px 0; padding: 4px 6px;
			border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
		}
		div.table .thead .tr {
			background: rgba(0, 0, 0, 0.17);
			border-bottom: 1px solid rgba(255, 255, 255, 0.06);
			color: hsl(25, 20%, 55%);
		}
		div.table .tbody .tr {
			background: rgba(0, 0, 0, 0.34);
			border-bottom: 1px solid rgba(255, 255, 255, 0.12);
		}
			div.table .thead .tr div, div.table .tbody .tr div {
				float: left;
				overflow: hidden;
			}
			div.table .tbody .tr div.highlight {
				color: hsl(25, 20%, 55%);
			}
/****************************/
/****** Buttons - Ende ******/
/****************************/






/********************************/
/****** Formulare - Anfang ******/
/********************************/
form.formDonation, div.formDonation {
	width: 490px;
	margin: 10px auto 0 auto; padding:7px;
	background: hsla(0, 0%, 0%, 0.3);
	border-radius: 4px;	-webkit-border-radius: 4px; -moz-border-radius: 4px;
	display: none;
}
form.configurationForm label {
	float: left; width: 230px;
}
form p {
	padding: 4px 0 0 0;
}
.box input[type=text], .box input[type=password] {
	width: 217px;
}

label.labelRegistration, span.labelRegistration {float: left;; width:190px;}
label.px200, span.px200 {float: left;; width:200px;}
label.px170, span.px170 {float: left;; width:170px;}
label.px140, span.px140 {float: left;; width:140px;}
label.px120, span.px120 {float: left;; width:120px;}
label.px100, span.px100 {float: left;; width:100px;}

input[type=text], input[type=email], input[type=number], input[type=password], input[type=date], select, textarea {
	background: #0f0c0d;
	padding: 3px 10px 0 10px;
	border: 1px solid #231a1a;
	box-shadow: inset 0 4px 10px 2px black;

	color: #697078;
	font-size: 12px;
}
input[type=text], input[type=email], input[type=number], input[type=password], input[type=date] {
	width: 217px; height: 30px;
}
input[type=text].w030, input[type=number].w030 {
	width: 35px;
	text-align: center;
}
input:active, input:focus {
	outline: none;
}
select {
	width: 239px; height: 33px;
	padding: 8px 5px 5px 10px;
	box-shadow: inset 0 4px 10px 2px black;

	vertical-align: middle;
}
select:focus {
	outline: none;
}
textarea {
	padding: 10px;
}
/******************************/
/****** Formulare - Ende ******/
/******************************/






/******************************/
/****** Buttons - Anfang ******/
/******************************/
/* Ãœbereinstimmende Eigenschaften der Buttons in Box und Content */
.col input[type=submit], .main-col input[type=submit], .col a.inputButton, .main-col a.inputButton {
	margin: 5px 0 0 0;
	border: none;
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
	box-shadow: 0 0 0 2px hsla(0, 0%, 0%, 0.1); -webkit-box-shadow: 0 0 0 2px hsla(0, 0%, 0%, 0.1); -moz-box-shadow: 0 0 0 2px hsla(0, 0%, 0%, 0.1);

	color: #ffffff;
	font: 100 12px Verdana,sans-serif;
	text-shadow: hsla(0, 100%, 0%, 0.5) 1px 1px;
	text-decoration: none;
	cursor: pointer;
}
.col input[type=submit], .main-col input[type=submit] {
	height: 33px;
	padding: 0 10px 0 10px;
}
.col a.inputButton, .main-col a.inputButton {
	height: 15px;
	padding: 9px;

	text-align: center;

	display: inline-block;
}
/* Ãœbereinstimmende Eigenschaften der Buttons in Box und Content */


/* Buttons in der Box */
.col input[type=submit] {
	background: url(images/buttons/box.png) repeat-x 0 0 transparent;
}
.col input[type=submit]:hover, .col input[type=submit]:focus {background-position: 0 -33px;}
.col input[type=submit]:active {background-position: 0 -66px;}
.col input[type=submit]:disabled {background-position: 0 -99px; cursor: default; opacity: 0.5;}

.col a.inputButton {
	background: url(images/buttons/box.png) repeat-x center 0;

	display: block;
}
.col a.inputButton:hover, .col a.inputButton:focus {background-position: center -33px;}
.col a.inputButton:active, .col a.inputButton.active {background-position: center -66px;}
.col a.inputButton.disabled {background-position: center -99px; cursor: default; opacity: 0.5;}
/* Buttons in der Box */


/* Buttons im Content */
.main-col input[type=submit] {
	background: url(images/buttons/content.png) repeat-x 0 0 transparent;
}
.main-col input[type=submit]:hover, .main-col input[type=submit]:focus {background-position: 0 -33px;}
.main-col input[type=submit]:active {background-position: 0 -66px;}
.main-col input[type=submit]:disabled {background-position: 0 -99px; cursor: default; opacity: 0.5;}

.main-col a.inputButton {
	background: url(images/buttons/content.png) repeat-x center 0;
}
.main-col a.inputButton:hover, .main-col a.inputButton:focus {background-position: center -33px;}
.main-col a.inputButton:active, .main-col a.inputButton.active {background-position: center -66px;}
.main-col a.inputButton.disabled {background-position: center -99px; cursor: default; opacity: 0.5;}
/* Buttons im Content */

/* Shop Buttons */
p#categoryMainContainer a.categoryMain.inputButton { background: url(images/buttons/content.png) repeat-x center 0; }
p#categoryMainContainer a.categoryMain.inputButton :hover , p#categoryMainContainer a.categoryMain.inputButton :focus { background-position: center -33px; }
p#categoryMainContainer a.categoryMain.inputButton :active , p#categoryMainContainer a.categoryMain.inputButton .active { background-position: center -66px; }

p#categorySubContainer a.categorySub.inputButton { background: url(images/buttons/content_alt3.png) repeat-x center 0; }
p#categorySubContainer a.categorySub.inputButton :hover , p#categorySubContainer a.categorySub.inputButton :focus { background-position: center -33px; }
p#categorySubContainer a.categorySub.inputButton :active , p#categorySubContainer a.categorySub.inputButton .active { background-position: center -66px; }

/* Shop Buttons */
/****************************/
/****** Buttons - Ende ******/
/****************************/




.page_title {
	width: 691px; height: 60px;
	background: url(images/titlebars/contentTitle.png) no-repeat;
	padding: 12px 0 0 0;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;

	color: hsla(0, 100%, 100%, 1);
	font: 16px 'HelveticaLT67',Verdana,sans-serif;
	text-align: center;
	word-spacing: 2px;
	letter-spacing: 1px;
}
.page_subtitle {
	width: 676px; height: 33px;
	background: url(images/titlebars/contentSubtitle.png) no-repeat;
	margin: 8px 0; padding: 16px 0 0 15px;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;

	font: 16px Verdana, sans-serif;
	color: #615959;
	text-decoration:none;
	text-shadow:#000 0 1px 0;
	word-spacing: 2px;
	letter-spacing: 1px;

	overflow:hidden;
}

.newsTitle {
	height: 48px;
	margin: 4px 0 0 0; padding: 0 0 0 15px;
	background: url(images/titlebars/contentSubtitle.png) no-repeat;
	border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0;

	font: 16px/3.0em Verdana, sans-serif;
	color: #5f5e5e;
	text-decoration: none;
	cursor: pointer;
	overflow: hidden;
}
.newsContent {
	width: 661px;
	padding: 10px 13px; margin: 0 auto;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px;

	line-height: 1.5em;
}
.newsContent img {
	max-width: 660px;
}
	.newsContent .additionalInformation {
		margin: 25px 0 0 0;
	}
		.newsContent .additionalInformation, .newsContent .additionalInformation a {
			font-size: 10px;
			font-style: italic;
			line-height: 1.3em;
		}
			.newsTitle:hover, .newsTitle:active, .newsTitle:focus, .newsOpened {
				color: #99826f;
				background-position: 0 -48px;
			}


a.weiterleitung {
	width: 213px; height: 30px;
	margin: 4px; padding: 11px 0 0 0;
	background: transparent url(images/buttons/redirect.png) no-repeat;

	text-align: center;
	display: inline-block;
	cursor: pointer;
	float: right;
}
	a.weiterleitung.fleft {
		float: left;
	}
	a.weiterleitung:hover {
		background-position:0 -41px;
	}
	a.weiterleitung:active, a.weiterleitung:focus {
		background-position:0 -41px;
	}

.downloadContainer {
	text-align:center;
}
a.download {
	width: 180px; height: 61px;
	background: transparent url(images/buttons/download.png) no-repeat;
	margin: 4px; padding: 16px 0 0 28px;

	display: inline-block;
	line-height: 1.3em;
}
	a.download:hover {

	}
	a.download:active, a.download:focus {

	}

	
.online { font-weight: normal; color: hsl(117, 92%, 41%); width: auto; float: none }

span.donor { float: right; font-size: 10px; font-style: italic; }

/* Reward System Accountpanel */
.rewardForm {
    width: 100%;
    position: relative;
    text-align: center;
    margin: 10px 0;
}

.rewardForm form {
    padding: 10px;
}

.rewardForm form .headline {
    width: 320px;
    text-align: center;
    margin: 0 auto;
}

.rewardForm form .headline h2 {
    text-decoration: none;
}


.rewardForm .overlayWrapper {
    width: inherit;
    height: 100%;
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
}

.rewardForm .overlayWrapper .overlay {
    background-image: url(/images/backgrounds/bg_pattern.png);
    background-color: grey;
    border-radius: 3px;
    opacity: .9;
    position: absolute;
    width: inherit;
    height: inherit;
    font-size: 1.1em;
}

.rewardForm .overlayWrapper span {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 10;
    margin: 0 auto;
    width: 100%;
}

.rewardForm .overlayWrapper span.isRewarded {
    color: #ff0000;
}
.rewardForm .overlayWrapper span.isUpcoming {
    color: #bda34f;
}





















/**
*******************************************************
*** 	Created by: xBlubbs (also called Xxl3lubbs)
*** 	(lovely) Created for: ForsakenFlyff
***
*** 	If there are any questions:
*** 		- E-Mail: Dark.Visa@web.de
*** 	
*** 	Last Update: 04.01.2013, 12:47 CET
*******************************************************
**/






  /*********************************/
 /****** Pseudotags - Anfang ******/
/*********************************/
	::-moz-selection {background: hsla(200, 50%, 20%, 0.5);}
	::-webkit-input-placeholder {color: hsl(0, 0%, 40%); text-shadow: none;}
	::-moz-placeholder {color: hsl(0, 0%, 40%); text-shadow: none;}
  /*******************************/
 /****** Pseudotags - Ende ******/
/*******************************/






  /****************************************/
 /****** Einzelne Elemente - Anfang ******/
/****************************************/
	img {border:none;}
	ul, ol {margin:0; padding:0 0 0 20px;}
	li {margin:0; padding:0;}
	hr {height:4px; background: hsla(0, 0%, 0%, 0.4); border:none; margin:10px 0;}
	table {margin:0; padding:0; border-collapse:collapse; border-spacing:0; border-style:none;}
	td, div, p {
		margin:0; padding:0; 
		
		text-decoration: none;
		font-weight:normal; 
		cursor:default;
	}
	fieldset {border:none;}
	label {padding-top:10px; float: left;;}
	input, a {outline: none;}

  /**************************************/
 /****** Einzelne Elemente - Ende ******/
/**************************************/






  /************************************/
 /************** Fonts ***************/
/************************************/
	a:active, a:focus, input {outline: none;}
	a, a:visited {font-family:'Trebuchet MS',sans-serif; color:#7a6d69; font-weight:normal; outline:none; text-decoration:none; transition: color 0.3s linear 0s;}
	a:hover {color: #5f5e5e; outline:none;}
	a:active, a:focus {color: #99826f; text-decoration: underline;}
	
	h1, h2, h3, h4, fieldset legend {
		margin: 0 0 4px 0; 
		font-family: Verdana, sans-serif;
		color: #99826f;
		text-decoration: underline;
		text-shadow: 1px 1px #0e151e;
	}
	h1 {font-size:18px; letter-spacing:1px;}
	h2 {font-size:16px;}
	h3, fieldset legend {width: 691px;
    height: 60px;
    background: url(images/titlebars/contentTitle.png) no-repeat;
    padding: 12px 0 0 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: hsl(69, 32%, 72%);
    text-decoration: none;
    font: 16px 'Helvetica',Verdana,sans-serif;
    text-align: center;
    word-spacing: 2px;
    letter-spacing: 1px;}
	h4 {font-size:12px; text-decoration: none;}
	.boxContainer h2 {text-align: center; text-decoration: none;}

	/*     Colors     */
	.normalColor01 {color:hsl(180, 100%, 35%);}
	.normalColor02 {color:hsl(180, 100%, 25%);}
	.highlight01 {color:hsl(200, 100%, 50%);}
	.highlight02 {color: hsl(30, 100%, 50%);}
	.green {color:#11c908;}
	.red  {color:#ff0000;}
	.yellow {color:#ddb700;}
	
	/*     Sizes     */
	.sechs {font-size:6px;}
	.acht {font-size:8px;}
	.zehn {font-size:10px;}
	.elf {font-size:11px;}
	.vierzehn {font-size:14px;}
	.achtzehn {font-size:18px;}
	.zweizwei {font-size:22px;}
  /************************************/
 /************** Fonts ***************/
/************************************/






  /****************************************/
 /***************** Misc *****************/
/****************************************/
	/*     Aligns and Styles     */
	.left {text-align:left;} .center {text-align:center;} .right {text-align:right;}
	.nound {text-decoration:none;} .und {text-decoration:underline;}
	.kursiv {font-style:italic;} .bold {font-weight:bold;}
	
	/*     Margin and Padding     */
	.padding {padding-top: 30px;} .nopad {padding: 0;}
	.marginTop{margin-top:30px;} .nomar {margin:0;}
	
	/*     Widths     */
	.w030 {width: 30px;} .w140 {width: 140px;} .w160 {width: 160px;} .w170 {width: 170px;}
	.w190 {width: 190px;} .w220 {width: 220px;} .w200 {width: 200px;}
	
	.p05 {width: 05%;} .p10 {width: 10%;} .p15 {width: 15%;} .p20 {width: 20%;} .p25 {width: 25%;} 
	.p30 {width: 30%;} .p35 {width: 35%;} .p40 {width: 40%;} .p45 {width: 45%;} .p50 {width: 50%;} 
	.p55 {width: 55%;} .p60 {width: 60%;} .p65 {width: 65%;} .p70 {width: 70%;} .p75 {width: 75%;} 
	.p80 {width: 80%;} .p85 {width: 85%;} .p90 {width: 90%;} .p95 {width: 95%;} .p100 {width: 100%;}
  /****************************************/
 /***************** Misc *****************/
/****************************************/






/****************************************/
/***************** Misc *****************/
/****************************************/
    span.b {
        font-weight: bold;
    }
    span.i {
        font-style: italic;
    }
    span.u {
        text-decoration: underline;
    }
  /**************************************/
 /****** Einzelne Seiten - Anfang ******/
/**************************************/






  /**************************************/
 /****** Einzelne Seiten - Anfang ******/
/**************************************/
	.fail, .hint, .success {
		border: 1px solid hsla(0, 0%, 0%, 0.2);
		min-height: 20px;
		margin: 7px auto; padding: 6px 6px 6px 32px;
		text-align: left;
	}
	.fail {
		background: hsla(0, 100%, 70%, 0.3) url(../images/icons/misc/fail.png) 9px 9px no-repeat;
		border-color: hsla(0, 100%, 70%, 0.5);
        color: hsl(0, 100%, 70%);
	}
	.hint {
		background: hsla(30, 100%, 70%, 0.3) url(../images/icons/misc/hint.png) 9px 9px no-repeat;
		border-color: hsla(30, 100%, 70%, 0.5);
        color: hsl(30, 100%, 70%);
	}
	.success {
		background: hsla(120, 100%, 70%, 0.3) url(../images/icons/misc/success.png) 9px 9px no-repeat;
		border-color: hsla(120, 100%, 70%, 0.5);
        color: hsl(120, 100%, 70%);
	}
		.fail p.title, .hint p.title, .success p.title, .fail p.noticeTitle, .hint p.noticeTitle, .success p.noticeTitle {font-weight:bold; text-decoration:underline;}

	span.span {
		text-align: left;
		float: left;
	}
	
	.modifiedDate {
		margin-top:10px;
		
		font-size: 10px;
		font-style: italic;
	}

	input.votebutton {
		float: left;
	}
	.voteNotice {
		line-height: 1.4em;
	}
 
	.characterWindow {
		width: 200px;
		background: hsla(0, 0%, 0%, 0.25);
		margin: 8px; padding: 6px;
		border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
		
		float: left;
	}
		.characterWindow div.title {
		 }
			.characterWindow div.title p.name {
				font-weight: bold;
				float: left;
			}
			.characterWindow div.title p.rank {
				font-weight: bold;
				float: right;
			}
		.characterWindow div.box {
			margin: 6px 0 0 0; padding: 3px 0 0 0;
			border-top: 3px solid hsla(0, 0%, 0%, 0.4);
		}
			.characterWindow div.box .basevalues {
				padding: 10px 0 0 0;
			}
				.characterWindow div.box .basevalues .bars {
					float: left;
					width: 130px;
				}
					.characterWindow div.box .basevalues .bars p {
						margin: 4px 0; padding: 2px 0 1px 0;
						border-radius: 6px;
						box-shadow: inset 0 1px 3px 2px hsla(0, 0%, 0%, 0.6);

						font-size: 11px;
						line-height: 1em;
						color: #ffffff;
						text-shadow: 1px 1px hsla(0, 0%, 0%, 0.8);
						text-align: center;
					}
						.characterWindow div.box .basevalues .bars p.hp {
							background: #f28882;
						}
						.characterWindow div.box .basevalues .bars p.fp {
							background: #86ef89;
						}
						.characterWindow div.box .basevalues .bars p.mp {
							background: #8c83eb;
						}
				.characterWindow div.box .basevalues .stats {
					width: 60px;
					font-size: 11px;
					line-height: 1.3em;
					float: right;
				}
					.characterWindow div.box .basevalues .stats p {
						text-align: right;
					}
						.characterWindow div.box .basevalues .stats p span {
							color: hsla(0, 8%, 45%, 0.5);
							width: 30px;
							font-weight: bold;
							float: left;
							text-align: left;
						}
			.characterWindow div.box p {

			}
				.characterWindow div.box p.title {
					color: hsl(27, 17%, 52%);
					font-weight: bold;
				}
				.characterWindow div.box p span {
					color: hsla(0, 8%, 45%, 0.5);
					width: 100px;
					font-weight: bold;
					float: left;
				}

	.accPanelInformation {
		width: 50%;
		float: left;
	}
        .accPanelInformation span.title1 {
            width: 120px;

            font-weight:bold;
            float: left;;
        }
	.accPanelSecurity {
		width: 50%;
		float: right;
	}
		.accPanelSecurity span.title2 {
			width:140px;
			
			font-weight:bold;
			float: left;;
		}
    .accPanelInformation p, .accPanelSecurity p {
        line-height: 1.6em;
    }

    .shopBorder {
        margin-top: 10px; padding-top: 10px;
        border-top: 2px solid hsla(0, 0%, 0%, 0.4);

        display: none;
    }
    #itemDetailsContainer {
    }
        #itemDetailsContainer .itemTitle {
			border-bottom: 2px dotted hsla(0, 0%, 0%, 0.4);
			margin-bottom: 10px; padding-bottom: 10px;

			text-align: center;
			font-size: 18px;
		}
			#itemDetailsContainer .itemTitle img.itemDetailsIcon {
				max-width: 32px; max-height: 32px;
				vertical-align: middle;
			}
        #itemDetailsContainer .itemDetails {
            width: 335px;
			padding: 0 0 0 10px;
			float: left;
        }
        #itemDetailsContainer .itemDetails.left {
			padding: 0 10px 0 0;
		}
            #itemDetailsContainer .itemDetails div {
                font-weight: bold;
				padding: 5px 0;
            }
                #itemDetailsContainer .itemDetails div span {
                    width: 206px;

                    float: right;
                    text-align: left;
                    font-weight: normal;
                }
                #itemDetailsContainer .itemDetails div ul {
                    width: 192px;

                    float: right;
                    text-align: left;
                    font-weight: normal;
                }
        #itemDetailsContainer .itemDescription {
            width: 45%;
            float: right;
        }
        #itemDetailsContainer .buy, #itemDetailsContainer .gift {
            margin: 10px 0 0 0;
            border-top: 2px dashed hsla(0, 0%, 0%, 0.4);
        }
        #itemDetailsContainer .buy {
            padding: 5px 20px 5px 10px;
            border-right: 2px dashed hsla(0, 0%, 0%, 0.4);

            float: left;
        }
        #itemDetailsContainer .gift {
            padding: 5px 10px 5px 20px;
            border-left: 2px dashed hsla(0, 0%, 0%, 0.4);

            float: right;
        }

    .singleItem {
		min-height: 82px;
        width: 210px; height: 82px;
		margin: 6px 3px;
		padding: 6px;
		border: 1px solid hsla(0, 0%, 0%, 0.3);
        border-radius: 4px;

		transition: background 0.3s ease 0s;
        float: left;
    }
		.singleItem, .singleItem p, .singleItem div, .singleItem img {
			cursor: pointer;
		}
		.singleItem:hover {
			background: hsla(0, 0%, 0%, 0.3);
		}
        .singleItem.buy {
            border-color: hsla(90, 100%, 50%, 0.02);
        }
			.singleItem.buy:hover {
				background: hsla(90, 100%, 50%, 0.03);
			}
        .singleItem.nobuy {
			border-color: hsla(30, 100%, 50%, 0.02);
        }
			.singleItem.nobuy:hover {
				background: hsla(30, 100%, 50%, 0.06);
			}
    .singleItem.active {
        background: hsla(0, 0%, 0%, 0.1);
    }
		.singleItem .itemTitle {
			/*
			height: 22px;
            overflow: hidden;
			*/
			height: auto;
        }
		.singleItem .itemIcon {
            width: 32px; height: 32px;
            margin: 0 10px 0 0;

            float: left;
        }
        .singleItem .itemShortDesc {
            margin-top: 5px;
        }
            .singleItem .itemShortDesc p {
                min-height: 18px;
            }

	p.stepbystep {
		margin-bottom: 30px;
	}
	
	.ticket {
	}
		.ticket .thead {
		}
			.ticket .thead .tr div {
				cursor: pointer;
			}
		.ticket .tbody {
			background: hsla(0, 0%, 0%, 0.32);
			margin: 0 0 3px 0; padding: 7px;
			border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
		
			display: none;
		}
			.ticket .tbody .mainText {
				padding-bottom: 10px;
			}
			.ticket .tbody .sub {
				width: 580px;
                margin: 0 auto;
			}
				.ticket .tbody .sub .subText {
					margin: 30px 0; padding: 10px; background: hsla(0, 0%, 100%, 0.02);
                    border-bottom: 1px solid hsla(0, 0%, 100%, 0.06);
                    border-top: 1px solid hsla(0, 0%, 100%, 0.06);
                    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
				}
				.ticket .tbody .sub .subText .titleBar {
                    margin-bottom: 8px;
                    color: hsl(25, 20%, 55%);
				}
	.dungeon-difficulty {
		text-align: center;
		padding: 5px 0;
	}
		.dungeon-difficulty span {
			cursor: pointer;
		}
			.dungeon-difficulty span.active {
				color: hsl(27, 17%, 52%);
			}
	.dungeon-select {
		text-align: center;
	}
		.dungeon-select img {
			width: 90px;
			opacity: 0.5;
			border: 1px solid hsl(0, 1%, 37%);
			cursor: pointer;

		}
		.dungeon-select img:hover {
			opacity: 1;
		}
			.dungeon-select img.active {
				opacity: 1;
				border: 1px solid hsl(27, 17%, 52%);
			}

	div.loadingImage {
		margin-top: 10px;
		height: 330px;
		vertical-align: middle;
		text-align: center;
	}
  /************************************/
 /****** Einzelne Seiten - Ende ******/
/************************************/

.ufrienderzzz{    background: rgb(42, 29, 37);}
.ufrienderzzz a{color: #fff;}
#pagination {
	color: #4C9AEB;
	font: normal 12px verdana, arial, helvetica, serif;
	line-height: 17px;
	margin: 0;
	padding: 12px 8px 8px 12px;
	-webkit-border-radius: 0 0 6px 6px;  
	-moz-border-radius: 0 0 6px 6px;  
	-khtml-border-radius: 0 0 6px 6px;  
	border-radius: 0 0 6px 6px;
}

#pagination a {
	border: 1px solid #1B0E11;
	background: rgba(250, 250, 250, 0.11);
	color: #E3E7E9;
	font: bold 12px verdana, arial, helvetica, serif;
	margin-right: 8px;
	padding: 4px 8px;
	text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

#pagination a.on {
	border: 1px solid #1A1113;
	background: #241E20;
	color: #97c850;
	color: #897E6F;
	margin-right: 8px;
	padding: 4px 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

#pagination a:hover {
	border: 1px solid #1C1013;
	color: rgba(250, 250, 250, 0.31);
}

#pagination ul {
	height: 21px;
}

#pagination li {
	list-style-type: none;
	float: left;
}

.ajax-fc-container { 
	width: 316px; 

	color:#fff;
}
.ajax-fc-rtop, .ajax-fc-rbottom{ 

}
.ajax-fc-rtop *, .ajax-fc-rbottom *{ 
	display: block; 
	height: 1px; 
	overflow: hidden; 

}
div#ajax-fc-content { 
	position: absolute; 
	margin-top: -3px; 
	margin-left: 9px; 
	width: 298px; 
	height: 105px; 
	background: url(../images/captcha/bg-content-div.png); 
}
div#ajax-fc-content div#ajax-fc-left { 
	width: 200px; 
	height: 100px; 
	float: left; 
}
div#ajax-fc-content div#ajax-fc-right { 
	width: 98px; 
	height: 100px; 
	float: right; 
}
p#ajax-fc-task { 
	line-height: 16px; 
	margin: 0; 
	padding: 11px 0 0 11px; 
	font-size: 10px; 
	font-family: Verdana, Tahoma, Arial; 
	color: #fff; 
}
p#ajax-fc-task span { 
	color: #66a70b; 
	font-weight: bold; 
}
ul#ajax-fc-task { 
	width: 190px; 
	height: 18px; 
	list-style-type: none; 
	background: url(../images/captcha/bg-items.png) -4px 0px; 
	background-repeat: no-repeat; 
	margin: 6px 0 0 0; 
	padding: 5px 0 0 2px; 
}
ul#ajax-fc-task li { 
	float: left; 
	margin-right: 1px; 
	margin-top: 6px;
}
p#ajax-fc-circle { 
	position: absolute; 
	margin: 18px 0 0 15px; 
	width: 79px; 
	height: 79px; 
	background: url(../images/captcha/circle.png); 
	background-repeat: no-repeat; 
}
img#ajax-fc-backlink { 
	position: absolute; 
	margin-top: 1px; 
	margin-left: 6px; 
	border: 0px; 
	z-index: 101; 
}
div#ajax-fc-corner-spacer { 
	height: 99px; 
}
img.ajax-fc-border { 
	position: absolute; 
	margin-top: -3px;
}
img.ajax-fc-border#ajax-fc-left { 
	margin-left: 2px; 
}
img.ajax-fc-border#ajax-fc-right { 
	margin-left: 307px; 
}
.ajax-fc-highlighted { 
	cursor: pointer; 
	z-index: 102;
}
.ajax-fc-r1{ 
	margin: 0 5px; 
} 
.ajax-fc-r2{ 
	margin: 0 3px; 
} 
.ajax-fc-r3{ 
	margin: 0 2px; 
} 
.ajax-fc-r4{ 
	margin: 0 1px; 
	height: 2px; 
}
.note {
	margin: 10px 0 10px 0; 
	padding: 5px 10px 5px 10px; 
	text-align: justify;
	background:#EEE;
	color: #000;
	border: solid 1px #DFDFDF;
}
.error {
	background: url(../images/div_alert.png) no-repeat 3px 3px;
	margin: 5px;
	padding: 7px 10px 7px 35px;
	text-align: justify;
	background-color: #C23535;
	color: #FFFFFF;
	border: solid 1px #D73E3E;
}
.true {
	background: url(../images/div_info.png) no-repeat 3px 3px; 
	margin: 5px; 
	padding: 7px 10px 7px 35px; 
	text-align: justify;
	background-color:#EEE;
	color: #000;
	border: solid 1px #DFDFDF;
}
.download {
	background: url(../images/div_download.png) no-repeat 3px 3px; 
	margin: 10px 0 10px 0; 
	padding: 7px 10px 7px 35px; 
	text-align: justify;
}
.tip {
	background: url(../images/div_tip.png) no-repeat 3px 3px; 
	margin: 10px 0 10px 0; 
	padding: 7px 10px 7px 35px; 
	text-align: justify;
	background-color:#EEE;
	color: #000;
	border: solid 1px #DFDFDF;
}
.sidepanelnavi{
	font-family:tahoma;
	font-size:10px;
	color:#dadfdb;
	text-decoration:none;
	display:block;
	padding:3px;
	opacity: 0.8;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
 
	
}ul#vote-options{
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	margin:0;
	padding:0;
width: 504px;
}
ul#vote-options { list-style:none; }
ul#vote-options h5{
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	margin:0;
	padding:0;
}
#vote-options {
	color:#555;
	font-size:auto;
	line-height:auto;
	list-style-type:none;
	margin:0;
}

#vote-options li {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #0e0a16;
border: 1px solid #2c2940;
padding: 10px;
-moz-box-shadow: inset 0 0 10px #000000;
-webkit-box-shadow: inset 0 0 10px #000000;
box-shadow: inset 0 0 10px #000000;
}

#vote-options li img {
	width:75px;
	height:45px;
}

#vote-options li button {
	border:1px solid #999;
	line-height:28px;
	margin:6px 0;
	padding:0 5px;
}
#vote-options li h5 {
	color:#444;
	font-weight:bolder;
	font-size:24px;
	border-left:1px solid #18191c;
	padding-left:10px;
	margin-left:10px;
}

.clearfix {
	height:1px;
	clear:both;
}
.sidepanelnavi:hover{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:3px;
	opacity: 1;

}


.themain {    padding-top: 30px;}

.themain tr {background: rgba(0, 0, 0, 0.34);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);}