/**************************************************/
/***											***/
/***	Created by:	xBlubbs & Chyukasame		***/
/***											***/
/*** 	- Website:	www.chyukasame.de			***/
/*** 	- E-Mail:	info@chyukasame.de			***/
/*** 	- Skype:	chyukasame					***/
/*** 											***/
/**************************************************/


  /****************************************/
 /***************** Misc *****************/
/****************************************/
	/*		Aligns and Styles		*/
	
	
	
	
  /****************************************/
 /***************** Misc *****************/
/****************************************/






  /**************************************/
 /****** Einzelne Seiten - Anfang ******/
/**************************************/


	
	
	.checkbox-form{
		padding-top: 10px;padding-bottom: 10px;
	}
	
	.checkbox-form-checkbox{
		margin-top: 11px;
		padding-left: 20px;
		vertical-align: top;
		display: inline-block;
	}

	.checkbox-form-checkbox-text{
		padding-top: 10px;padding-left: 10px;
		width: 500px;
		display: inline-block;
	}

	
	.modifiedDate{
		margin-top:10px;
		
		font-size: 10px;
		font-style: italic;
	}

	.boxesContent ul.accountpanelNavigation{
		width: 100%;
		margin: 0 0 0 14px;padding: 0;
		
		color: hsl(25, 20%, 55%);
		text-align:left;
		list-style-type:square;
	}

	input.votebutton{
		float: left;
	}
	
	.circle{
		background-color: #fff;
		border: 1px solid;
		border-radius: 60px;
		display: inline-block;
		float: left;
		margin: 0 auto;
		padding: 20px 16px;
		position: relative;
		transition: all 0.3s ease-in-out 0s;
	}
	
	
	a.weiterleitung{
		width: 195px;height: 38px;
		background: transparent url(../images/website/buttons/redirect.png) no-repeat;
		margin-top: 70px;margin-left: 20px;padding: 8px 12px;
		
		text-align: left;
		display: flex;
		justify-content: space-between; /* Text links – Icon rechts */
		align-items: center; /* vertikal mittig */
		text-align: left;
		cursor: pointer;
		float: right;
		font-size: 16px;
		border: 1px;
		border-color: #ffffff;
		color: #ccd4ea !important; /*war #874900*/
	}
	a.weiterleitung i {
		font-size: 28px;
		line-height: 1;     /* verhindert unnötigen Abstand nach oben/unten */
		margin-right: 4px; /* feiner Abstand zum Text */
	}
	a.weiterleitung:hover{
		color: #ffffff !important; /*war #675e49*/
		border: 1px;
		border-color: #000000;
		background-position:0 -55px;
	}
	
	a.weiterleitung:active, a.weiterleitung:focus{
		background-position:0 -55px;
	}
	a.weiterleitung2{
		width: 195px;height: 38px;
		background: transparent url(../images/website/buttons/redirect2.png) no-repeat; /*war redirect*/
		margin-top: 70px;margin-left: 20px;padding: 17px 0 0 20px;
		
		text-align: left;
		display: inline-block;
		cursor: pointer;
		float: right;
		font-size: 16px;
		color: #0d288b !important; /*war #874900*/
	}
	a.weiterleitung2:hover{
		color: #ffffff !important; /*war #675e49*/
		background-position:0 -55px;
	}
	
	a.weiterleitung2:active, a.weiterleitung:focus{
		background-position:0 -55px;
	}		
		
	.siteWindow{
		width: 98.25%;
		background: hsla(100, 100%, 100%, 0.2);
		padding: 6px;
		border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;
		border: 1px solid #F4E4B0;
		
		float: left;
	}
		.siteWindow span.title{
			font-size: 16px;
		}
 
	.characterWindow{
		width: 190px;
		background: hsla(100, 100%, 100%, 0.3);
		margin: 3px 19px 3px 18px;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: 2px solid hsla(0, 0%, 0%, 0.05);
		}
			.characterWindow div.box .basevalues{
				padding: 10px 0 0 0;
			}
				.characterWindow div.box .basevalues .bars{
					float: left;
					width: 110px;
				}
					.characterWindow div.box .basevalues .bars p{
						margin: 4px 0;padding: 1px 0 2px 0;
						border-radius: 6px;
						box-shadow: inset 0 1px 3px 2px hsla(0, 0%, 0%, 0.2);

						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: 95px;
					font-weight: bold;
					float: left;
				}
				
				
				
	.characterInformation{
		width: 100%;
		background: hsla(100, 100%, 100%, 0.3);
		margin: 0 0 10px 0;padding: 6px;
		border: 1px solid #e6d9aa;
		border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;
	}			
	
	.characterInformation div.box{
		float: left;
		border-right: 1px solid #e6d9aa;
		padding-left: 12px;padding-right: 12px;
	}
	
		.characterInformation div.box0{padding-top: 10px;padding-left: 8px;}
		.characterInformation div.box1{ }
		.characterInformation div.box1 p{width: 200px }
		.characterInformation div.box2{ }
		.characterInformation div.box2 p span{width: 50px !important;}
		.characterInformation div.box3{border: none !important;}
		.characterInformation div.box4{border-left: 1px solid #e6d9aa;border-right: none;}
		.characterInformation div.box4 p span{width: 85px !important;}
	
	.characterInformation div.box p span{
		width: 70px;
		font-weight: bold;
		float: left;clear: both;
	}
	
	.characterInformation div.box p{
		padding-bottom: 3px;
	}
	
	.characterInformation .bars{
		float: left;
		width: 90px;
		margin-top: 5px;
	}
		.characterInformation .bars p{
			margin: 5px 0 1px;padding: 3px 0 2px 0;
			border-radius: 6px;
			box-shadow: inset 0 1px 3px 2px hsla(0, 0%, 0%, 0.2);

			font-size: 11px;
			line-height: 0.9em;
			color: #ffffff;
			text-shadow: 1px 1px hsla(0, 0%, 0%, 0.8);
			text-align: center;
		}
			.characterInformation .bars p.hp{
				background: #f28882;
			}
			.characterInformation .bars p.fp{
				background: #86ef89;
			}
			.characterInformation .bars p.mp{
				background: #8c83eb;
			}

	
				
	
	.accPanelInformation{
		float: left;
		width: 100%;
		padding-bottom: 10px;
	}
		
		.accPanelInformation img{
			float: left;
			margin-right: 20px;padding: 1px;
			border: 1px solid #9c8f61;
		}
		
		.accPanelInformation p{
			padding-top: 6px;padding-bottom: 6px;
		}

		.accPanelInformation span.title{
			width:180px;
			
			font-weight:bold;
			float:left;
		}

    .shopBorder{
        display: none;
    }
    #itemDetailsContainer{
    }
		#itemDetailsContainer a{
		font-size: 11px;
		}
        #itemDetailsContainer img.itemDetailsIcon{
            max-width: 40px;max-height: 40px;
			
        }
        #itemDetailsContainer .itemDetails{
            float: left;
        }
            #itemDetailsContainer .itemDetails div{
                font-weight: bold;
				min-height: 24px;
            }
                #itemDetailsContainer .itemDetails div span{
                    width: 230px;
					padding-left: 30px;
                    float: right;
                    text-align: left;
                    font-weight: normal;
                }
                #itemDetailsContainer .itemDetails div ul{
                    width: 192px;

                    float: right;
                    text-align: left;
                    font-weight: normal;
                }
        #itemDetailsContainer .itemDescription{
            float: right;
        }
			#itemDetailsContainer .itemDescription div{
				font-weight: bold;
				min-height: 24px;
			}
			
			#itemDetailsContainer .itemDescription div span{
				width: 160px;
				padding-left: 30px;
				float: right;
				text-align: left;
				font-weight: normal;
			}
			
			#itemDetailsContainer .itemDescription div ul{
                    width: 122px;

                    float: right;
                    text-align: left;
                    font-weight: normal;
            }
		
        #itemDetailsContainer .itemImage{
			font-size:17px;color: #B8AB7E;text-decoration: none;font-weight: bold;padding-bottom: 12px;text-align: center;
        }
			#itemDetailsContainer .itemImage img{
				margin-bottom: -14px
			}
		
        #itemDetailsContainer .buy, #itemDetailsContainer .gift{
            margin: 10px 0 0 0;
            border-top: 1px dashed #282e41;
        }
        #itemDetailsContainer .buy{
            padding: 5px 20px 5px 10px;
            border-right: 1px dashed #282e41;

            float: left;
        }
        #itemDetailsContainer .gift{
            padding: 5px 10px 5px 20px;
            border-left: 1px dashed #282e41;

            float: right;
        }
    .singleItem{
        width: 218px;
		height: 80px;
        margin: 5px;padding: 5px;
        border-radius: 4px;

        float: left;
        cursor: pointer;
    }
        .singleItem.buy:hover{
            background: hsla(120, 100%, 50%, 0.03);
        }
        .singleItem.none:hover{
            background: hsla(0, 0%, 0%, 0.2);
        }
        .singleItem.nobuy:hover{
            background: rgba(255, 255, 255, 0.2);
        }
    .singleItem.active{
        background: hsla(0, 0%, 0%, 0.1);
    }
		.singleItem img.itemIcon{
            max-width: 60px;max-height: 60px;
            margin: 0 5px 0 0;

            float: left;
        }
        .singleItem .itemShortDesc{
            margin-top: 5px;
        }
		.singleItem .itemShortDesc p{
            padding-top: 5px;
        }
		 .singleItem .singleItemName{
            padding: 0 0 0 5px;
			font-weight: bold;
        }
	
  /************************************/
 /****** Einzelne Seiten - Ende ******/
/************************************/


  /********************************/
 /****** Formulare - Anfang ******/
/********************************/
	form.formDonation{
		display:none;
	}	
  /******************************/
 /****** Formulare - Ende ******/
/******************************/