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






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






  /****************************************/
 /****** Einzelne Elemente - Anfang ******/
/****************************************/
	img {border:none;}
	ul, ol {margin:0; padding:0 0 0 20px;}
	li {margin:0; padding:0;}
	hr {height:1px; background:#c0c0c0; 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;}
	fieldset legend {font-weight:bold; padding:0;}
	label {padding-top:10px; float:left;}
	input, a {outline: none;}
  /**************************************/
 /****** Einzelne Elemente - Ende ******/
/**************************************/






  /************************************/
 /************** Fonts ***************/
/************************************/
	@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;}
	@font-face {font-family:'Gothic'; src:url('../fonts/Gothic.ttf'); font-weight: normal; font-style: normal;}
	@font-face {font-family:'Candara'; src:url('../fonts/Candata.ttf'); font-weight: normal; font-style: normal;}
	@font-face {font-family:'Catriel'; src:url('../fonts/Catriel.ttf'); font-weight: normal; font-style: normal;}

	a:active, a:focus, input {outline: none;}
	a, a:visited {font-family:'Helvetica67',Verdana,sans-serif; color:hsl(190, 100%, 40%); font-weight:normal; outline:none; text-decoration:none; transition: color 0.3s linear 0s;}
	a:hover {color:hsl(30, 100%, 50%); outline:none;}
	a:active, a:focus {text-decoration:none;}
	
	h1, h2, h3, h4 {
		margin: 0 0 4px 0; 
		font-family: 'Archivo',"Trebuchet MS",Verdana,sans-serif; 
		color: hsl(30, 100%, 50%);
		text-decoration: underline;
	}
	h1 {font-size:18px; letter-spacing:1px;}
	h2 {font-size:16px;}
	h3 {font-size:14px;}
	h4 {font-size:12px; 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;}
	
	.archivo {
		font-family: 'Archivo Narrow', sans-serif;
	}
  /************************************/
 /************** 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 *****************/
/****************************************/






  /**************************************/
 /****** Einzelne Seiten - Anfang ******/
/**************************************/
	.fail, .hint, .success {
		min-height: 20px;
		margin: 7px auto; padding: 6px 6px 6px 32px;
		border: 1px solid #b3a79b;
		text-align: left;
	}
	.fail {
		background: #FFDDDD url(../images/icons/misc/fail.png) 9px 9px no-repeat;
		color: #CC3300;
	}
	.hint {
		background: #FFEEDE url(../images/icons/misc/hint.png) 9px 9px no-repeat;
		color: #CC9900;
	}
	.success {
		background: #DDFFDD url(../images/icons/misc/success.png) 9px 9px no-repeat;
		color: #33CC00;
	}
		.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;
	}

	.page_title {
		margin: 0 0 15px 0; padding: 8px 0 12px 0;
		border-bottom: 1px solid #c0c0c0;
		border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
		
		color: hsla(0, 100%, 0%, 1);
		font: 16px 'Archivo Narrow',Verdana,sans-serif;
		font-weight: bold;
		text-align: center;
		word-spacing: 2px;
		letter-spacing: 1px;
	}
	
	.modifiedDate {
		margin-top:10px;
		
		font-size: 10px;
		font-style: italic;
	}
	
	.newsTitle {
		height: 48px;
		margin: 2px 0; padding: 0 0 0 15px; 
		
		font: 14px 'Archivo Narrow', sans-serif;
		line-height: 3.5em;
		color: hsl(0, 100%, 0%);
		text-decoration: none;
		cursor: pointer; 
		overflow: hidden;

		border: 1px solid #c0c0c0;
	}
	.newsContent {
		padding: 7px;
		border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;

		line-height: 1.5em;
	}
		.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: hsl(30, 100%, 50%);
	}

	.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;
	}
	.voteNotice {
		line-height: 1.4em;
	}
	
	a.weiterleitung {
		width: 195px; height: 38px;
		background: transparent url(../images/website/buttons/redirect.png) no-repeat;
		margin-left: 20px; padding: 17px 0 0 20px;
		
		text-align: left;
		display: inline-block;
		cursor: pointer;
		float: right;

		color: #000000;
	}
	
	a.weiterleitung:hover {
		font-weight: bold;
	}
	a.weiterleitung:active, a.weiterleitung:focus {
		background-position:0 -55px;
	}
	
	.downloadContainer {
		text-align:center;
	}
		a.download {
			width: 155px; height: 55px;
			background: transparent url(../images/website/buttons/download.png) no-repeat;
			margin: 4px; padding: 13px 0 0 60px;

			color: #000000;

			font-family: 'HelveticaLT67',"Trebuchet MS",Verdana,sans-serif; 
			text-align: left; 
			display: inline-block;
			line-height: 1.3em;
		}
			a.download:hover {
				color: hsl(30, 50%, 50%);
			}
			a.download:active {
				background-position: 0 -68px;
			}
 
	.characterWindow {
		width: 30%;
		background: hsla(0, 0%, 0%, 0.05);
		margin: 5px; padding: 5px;
		border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
		
		float: left;
	}
		.characterWindow p {
			float: left;
		}
			.characterWindow p.name {
				font-weight: bold;
				float: left;
			}
			.characterWindow p.rank {
				font-weight: bold;
				float: right;
			}
	
	.accPanelInformation {
		width: 50%;
		float: left;
	}
		.accPanelInformation span.title1 {
			width:140px;
			
			font-weight:bold;
			float:left;
		}
		.accPanelInformation span.title2 {
			width:160px;
			
			font-weight:bold;
			float:left;
		}

    .shopBorder {
        margin-top: 10px; padding-top: 10px;
        border-top: 1px dashed #c0c0c0;

        display: none;
    }
    #itemDetailsContainer {
    }
        #itemDetailsContainer img.itemDetailsIcon {
            max-width: 60px; max-height: 120px;
            padding: 10px 0;
        }
        #itemDetailsContainer .itemDetails {
            width: 50%;
            float: left;
        }
            #itemDetailsContainer .itemDetails div {
                font-weight: bold;
				min-height: 24px;
            }
                #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: 1px dashed #c0c0c0;
        }
        #itemDetailsContainer .buy {
            padding: 5px 20px 5px 10px;
            border-right: 1px dashed #c0c0c0;

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

            float: right;
        }
    .singleItem {
        width: 210px;
        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: hsla(0, 100%, 50%, 0.06);
        }
    .singleItem.active {
        background: hsla(0, 0%, 0%, 0.1);
    }
		.singleItem img.itemIcon {
            max-width: 32px; max-height: 32px;
            margin: 0 10px 0 0;

            float: left;
        }
        .singleItem .itemShortDesc{
            margin-top: 5px;
        }

	p.stepbystep {
		margin-bottom: 30px;
	}
	
	.ticket {
	}
		.ticket .thead {
		}
			.ticket .thead .tr div {
				cursor:pointer;
			}
		.ticket .tbody {
			background: hsla(0, 0%, 0%, 0.4);
			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 {
				margin:10px 50px;
			}
				.ticket .tbody .sub .subText {
					margin:30px 0;
				}

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






  /********************************/
 /****** Formulare - Anfang ******/
/********************************/
	form.formDonation {
		width: 405px; 
		margin: 10px auto 0 auto; padding:7px;
		border: 1px solid #c0c0c0;
		border-radius: 4px;	-webkit-border-radius: 4px; -moz-border-radius: 4px;
		display:none;
	}
    form.configurationForm label {
        float:left; width:230px;
    }

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

	textarea {
		background:hsla(0, 8%, 5%, 1); 
		padding:3px; 
		border:1px #231a1a solid;
		
		color: hsl(25, 20%, 55%); 
		font-family: "Trebuchet MS",Helvetica,sans-serif; 
		font-size: 12px;
		font-weight:normal; 
		text-decoration:none;
	}
		select.small {
			width:220px;
			background:url('../images/forms/fields/220.png') no-repeat transparent;
		}
	input[type=text].w030, input[type=number].w030 {
		width: 30px;
		background:url('../images/forms/fields/030.png') no-repeat transparent;
	}
	input[type=text], input[type=email], input[type=number], input[type=password], input[type=date], select {
		width: 236px;
		background: hsla(0, 100%, 100%, 0.2);
		margin-top: 5px; padding: 5px 10px;
		border: 1px solid hsla(0, 100%, 100%, 0.2);
		border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
		box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.2); -webkit-box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.2); -moz-box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.2);
		
		font-size: 11px;
		text-shadow:1px 1px 0 hsl(0, 0%, 100%);
	}
	select {
		width: 222px; height: 30px;
	}
  /******************************/
 /****** Formulare - Ende ******/
/******************************/






  /******************************/
 /****** Buttons - Anfang ******/
/******************************/
	/* Übereinstimmende Eigenschaften der Buttons in Box und Content */
	.website .contents .col input[type=submit], .website .contents .main-col input[type=submit] {
		height: 27px;
		background: url(../images/website/form/button_box.png) repeat-x 0 0 transparent;
		margin: 5px 0 0 0; padding: 0 10px 2px 10px;
		border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
		box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.2); -webkit-box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.2); -moz-box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.2);

		color: #ffffff;
		font: 14px Catriel,Verdana,sans-serif;
		text-decoration: none;
		cursor: pointer;
	}
	.website .contents .col a.inputButton, .website .contents .main-col a.inputButton {
		background: url(../images/website/form/button_box.png) repeat-x center 0;
		margin: 5px 0 0 0; padding: 3px 9px;
		border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
		box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.2); -webkit-box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.2); -moz-box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.2);

		color: #ffffff;
		font: 14px Catriel,Verdana,sans-serif;
		text-decoration: none;
		cursor: pointer;

		text-align: center;
	}
	/* Übereinstimmende Eigenschaften der Buttons in Box und Content */
	
	
	/* Buttons in der Box */
	.website .contents .col input[type=submit] {
		background: url(../images/website/form/button_box.png) repeat-x 0 0 transparent;
		border: 1px solid #8cc5c9;
		
		color: hsl(193, 100%, 13%);
		text-shadow: hsla(0, 100%, 100%, 0.5) 1px 1px;
	}
	.website .contents .col input[type=submit]:hover, .website .contents .col input[type=submit]:focus {border: 1px solid hsl(0, 100%, 100%); background-position: 0 -28px; text-shadow: hsla(0, 100%, 100%, 0.5) 1px 1px;}
	.website .contents .col input[type=submit]:active {border: 1px solid hsl(185, 84%, 36%); background-position: 0 -56px;}
	.website .contents .col input[type=submit]:disabled {border: 1px solid hsl(20, 100%, 80%); background-position: 0 -84px; cursor: default;}

	.website .contents .col a.inputButton {
		background: url(../images/website/form/button_box.png) repeat-x center 0;
		border: 1px solid #8cc5c9;
		
		color: hsl(193, 100%, 13%);
		text-shadow: hsla(0, 100%, 100%, 0.5) 1px 1px;
		
		display: block;
	}
	.website .contents .col a.inputButton:hover, .website .contents .col a.inputButton:focus {border: 1px solid hsl(0, 100%, 100%); background-position:center -28px; text-shadow: hsla(0, 100%, 100%, 1) 1px 1px;}
	.website .contents .col a.inputButton:active {border: 1px solid hsl(185, 84%, 36%); background-position:center -56px;}
	/* Buttons in der Box */

	

	/* Buttons im Content */
	.website .contents .main-col input[type=submit] {
		background: url(../images/website/form/button_content.png) repeat-x 0 0 transparent;
		border: 1px solid hsl(190, 80%, 75%);
		
		text-shadow: hsla(0, 0%, 0%, 1) 1px 1px;
	}
	.website .contents .main-col input[type=submit]:hover, .website .contents .main-col input[type=submit]:focus {border: 1px solid hsl(185, 80%, 60%); background-position: 0 -28px;}
	.website .contents .main-col input[type=submit]:active {border: 1px solid hsl(185, 100%, 60%); background-position: 0 -56px;}
	.website .contents .main-col input[type=submit]:disabled {border: 1px solid hsl(20, 100%, 80%); background-position: 0 -84px; cursor: default;}

	.website .contents .main-col a.inputButton {
		background: url(../images/website/form/button_content.png) repeat-x center 0;
		border: 1px solid hsl(190, 80%, 75%);
		
		text-shadow: hsla(0, 0%, 0%, 1) 1px 1px;
		
		display: inline-block;
	}
	.website .contents .main-col a.inputButton:hover, .website .contents .main-col a.inputButton:focus {border: 1px solid hsl(185, 80%, 60%); background-position:center -28px;}
	.website .contents .main-col a.inputButton:active {border: 1px solid hsl(185, 100%, 60%); background-position:center -56px;}
	/* Buttons im Content */
  /****************************/
 /****** Buttons - Ende ******/
/****************************/