@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Special+Elite);

/* test */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++ Body Attribute +++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body {
	margin-left: 190px;
	margin-top: 0px;
	margin-right: 190px;
	margin-bottom: 0px;
	background-image: url(gfx/large_bg_4.jpg);
	background-repeat: repeat;
	font-size: 14px;
	background-attachment:fixed;
	background-color:#200039;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++ Seiten Classes +++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.mainbox 															/* Der Hauptdiv der alles einschliesst */
					{
						margin-top:10px;
						margin-bottom:10px;
						border-width: 2px;
						border-style:outset;
						background: rgba(0,0,0,0.4);
						position:relative;
					}

.bannerbox			{												/* Der Bannerdiv */
						margin-top:10px;
						margin-bottom:10px;
						top:10px;
						border-width: 2px;
						border-style:outset;
						background: rgba(0,0,0,0.4);
					}

.navboxl 															/* Der linke Navigationsdiv */
					{
						position:absolute;
						left:10px;
						top:10px;
						width:170px;
						border-width: 2px;
						border-style:outset;
						background: rgba(0,0,0,0.5);
					}

.navboxr 															/* Der rechte Navigationsdiv */
					{
						position:absolute;
						right:10px;
						top:10px;
						width:170px;
						border-width: 2px;
						border-style:outset;
						background: rgba(0,0,0,0.5);
					}


.header				{												/* Der Headerdiv mit der Überschrift */
	font-family:Special Elite;
	color:#FC0;
	text-align:center;
	font-size:25px;
	font-weight:800;
	text-decoration:underline;
	text-shadow: 0px 0px 20px #FF0;				/* erzeugt einen Textschatten - werte = "Y" "X" "Fadebreite" (In diesem test Textleuchten) */
	z-index:1;
					}

.banner				{												/* Der Headerdiv mit der Überschrift */
						font-family:Special Elite;
						color:#FC0;
						text-align:center;
						font-size:40px;
						font-weight:800;
						text-decoration:underline;
						text-shadow: 0px 0px 15px #FF0;				/* erzeugt einen Textschatten - werte = "Y" "X" "Fadebreite" (In diesem test Textleuchten) */
						z-index:1;
					}

.subheader			{												/* Der subheaderdiv mit der sekundären Überschrift */
						font-family:Special Elite;
						margin:5px;
						text-align:center;
						font-size:18px;
						font-weight:400;
						text-decoration:none;
						z-index:1;
						color:#FC0;
						text-shadow: 0px 0px 10px #FF0;				/* erzeugt einen Textschatten - werte = "Y" "X" "Fadebreite" (In diesem test Textleuchten) */
					}

.infoheader			{												/* Der subheaderdiv mit der sekundären Überschrift */
						font-family:Special Elite;
						color:#FC0;
						margin:5px;
						text-align:center;
						font-size:18px;
						font-weight:600;
						text-decoration:none;
						text-shadow: 0px 0px 10px #FF0;				/* erzeugt einen Textschatten - werte = "Y" "X" "Fadebreite" (In diesem test Textleuchten) */
						z-index:1;
					}

.redheader			{												/* Der subheaderdiv mit der sekundären Überschrift */
						font-family:Special Elite;
						color:#F00;
						margin:5px;
						text-align:center;
						font-size:18px;
						font-weight:600;
						text-decoration:none;
						text-shadow: 0px 0px 10px #F00;				/* erzeugt einen Textschatten - werte = "Y" "X" "Fadebreite" (In diesem test Textleuchten) */
						z-index:1;
					}

.navsubheader		{												/* Der subheaderdiv für die navigations Überschrift */
						font-family:Special Elite;
						color:#FC0;
						text-align:center;
						font-size:14px;
						font-weight:400;
						text-decoration:underline;
						text-shadow: 0px 0px 10px #FF0;				/* erzeugt einen Textschatten - werte = "Y" "X" "Fadebreite" (In diesem test Textleuchten) */
						z-index:1;
					}

.content  			{												/* Der Contentdiv der den ganzen inhalt enthält */
						text-align:justify;
						font-size:13px;
						font-weight:400;
						padding:10px;
						margin:10px;
						position:relative;
						z-index:1;
					}

.redcontent  			{											/* Der Contentdiv der den ganzen inhalt enthält */
						color:#FFF;
						text-align:justify;
						font-size:13px;
						font-weight:400;
						padding:10px;
						margin:10px;
						position:relative;
						z-index:1;
						background: rgba(0,0,0,0.4);
						box-shadow: 0px 0px 8px #F00;				/* erzeugt einen schatten - werte = "Y" "X" "Fadebreite" */
						-moz-box-shadow: 0px 0px 8px #F00; 			/* erzeugt einen schatten - werte = "Y" "X" "Fadebreite" - Mozilla Firefox */
						-webkit-box-shadow:	0px 0px 8px #F00;		/* erzeugt einen schatten - werte = "Y" "X" "Fadebreite" - Google Chrome */
						border-style:inset;
						overflow:auto;
					}

.dynmap				{												/* Der Contentdiv der den ganzen inhalt enthält */
						z-index:1;
						background: rgba(0,0,0,0.4);
						box-shadow: 0px 0px 8px #F00;				/* erzeugt einen schatten - werte = "Y" "X" "Fadebreite" */
						-moz-box-shadow: 0px 0px 8px #F00; 			/* erzeugt einen schatten - werte = "Y" "X" "Fadebreite" - Mozilla Firefox */
						-webkit-box-shadow:	0px 0px 8px #F00;		/* erzeugt einen schatten - werte = "Y" "X" "Fadebreite" - Google Chrome */
						border-style:inset;
					}

.infobox			{
						font-size:13px;
						font-weight:400;
						padding:10px;
						margin:10px;
						text-align:justify;
						position:relative;
						z-index:1;
					}

.headerbackground
					{
						position:absolute;
						top:0px;
						left:0px;
						width:100%;
						background-image:url(gfx/wood.png);
						height:100%;
						opacity:0.5;
						filter:alpha(opacity=50);
						box-shadow: 0px 0px 8px #c90;				/* erzeugt einen schatten - werte = "Y" "X" "Fadebreite" */
						-moz-box-shadow: 0px 0px 8px #c90; 			/* erzeugt einen schatten - werte = "Y" "X" "Fadebreite" - Mozilla Firefox */
						-webkit-box-shadow:	0px 0px 8px #c90;		/* erzeugt einen schatten - werte = "Y" "X" "Fadebreite" - Google Chrome */
						z-index:0;
					}

.blackshadow		{												/* Der Headerdiv mit der Überschrift */
	text-shadow: 0px 0px 50px #000;
	font-weight:400;
					}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++ Diverse Classes ++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.trial			{
					color: #0F6;
					text-shadow: 0px 0px 10px #0F6;
					}

.dragon				{
					color: #9CF;
					text-shadow: 0px 0px 10px #9CF;
					}

.modnames			{
					color: #09F;
					text-shadow: 0px 0px 10px #09F;
					}

.adminnames			{
					color: #F00;
					text-shadow: 0px 0px 10px #F00;
					}
.adminnamesgreen	{
					color: #6F0;
					text-shadow: 0px 0px 10px #6F0;
					}

.orange				{
					color: #F60;
					text-shadow: 0px 0px 10px #F60;
					}
					
.redtext 			{
					color: #800;
					font-size: 12px;
					}

.greentext 			{
					color: #6F0;
					font-size: 12px;
					}
.orangetext 			{
					color: #F60;
					font-size: 12px;
					}
.biggergreentext 	{
					color: #6F0;
					font-size: 15px;
					}
.whitetext 			{
					color: #FFF;
					font-size: 12px;
					}
.textright 			{
					text-align:right;
					}
					

.smallcont		 	{
					font-size: 10px;
					color: #FFF;
					font-weight: bold;
					}
.smallcontgreen		{
					font-size: 10px;
					color: #6F0;
					font-weight: bold;
					}
.smallcontorange	{
					font-size: 10px;
					color: #F60;
					font-weight: bold;
					}
.smallcontred		{
					font-size: 10px;
					color: #800;
					font-weight: bold;
					}
			
.mediumcont 	{
			font-size: 12px;
			}

.emptylist			{
						list-style-type:none;
						list-style-position:outside;
					}
						
.hline				{												/* Sperate Attribute für "hr" elemente */												
						margin:10px;
						background-color:#c90;
						height:3px;
						-moz-border-radius: 10px;					/* erzeugt eine abgerundete kante ( mozilla ) */
    					-webkit-border-radius: 10px;				/* erzeugt eine abgerundete kante ( webkit -> IE !? ) */
						box-shadow: 0px 0px 8px #FF0;				/* erzeugt einen schatten - werte = "Y" "X" "Fadebreite" */
						-moz-box-shadow: 0px 0px 8px #FF0; 			/* erzeugt einen schatten - werte = "Y" "X" "Fadebreite" - Mozilla Firefox */
						-webkit-box-shadow:	0px 0px 8px #FF0;		/* erzeugt einen schatten - werte = "Y" "X" "Fadebreite" - Google Chrome */
						border-color:#666;
						border-width: 1px;
					}
					
.picture			{												/* Sperate Attribute für "hr" elemente */												
						margin:10px;
					}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++ Button/Link Classes ++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

a.button_right:link {
	color: #c90;
	text-decoration: none;
	font-size:14px;
	font-weight:400;
	background-image:url(gfx/button_off.png);
	background-position:left;
	padding-left:20px;
	text-align:left;
	background-repeat: no-repeat;
	margin-bottom:2px;
}

a.button_right:visited {
	color: #c90;
	text-decoration: none;
	font-size:14px;
	font-weight:400;
	background-image:url(gfx/button_off.png);
	background-position:left;
	padding-left:20px;
	text-align:left;
	background-repeat: no-repeat;
	margin-bottom:2px;
}

a.button_right:hover {
	color: #cF0;
	text-decoration: none;
	font-size:14px;
	font-weight:400;
	text-decoration:underline;
	text-shadow: 0px 0px 10px #c90;				/* erzeugt einen Textschatten - werte = "Y" "X" "Fadebreite" (In diesem test Textleuchten) */
	background-image:url(gfx/button_on.png);
	background-position:left;
	padding-left:20px;
	text-align:left;
	background-repeat: no-repeat;
	margin-bottom:2px;
}

a.button_right:active {
	color: #cF0;
	text-decoration:underline;
	font-size:14px;
	font-weight:400;
	text-decoration:none;
	text-shadow: 0px 0px 10px #c90;				/* erzeugt einen Textschatten - werte = "Y" "X" "Fadebreite" (In diesem test Textleuchten) */
	background-image:url(gfx/button_on.png);
	background-position:left;
	padding-left:20px;
	text-align:left;
	background-repeat: no-repeat;
	margin-bottom:2px;
}
a.button_none:link {
	color: #09F;
	text-decoration: none;
	font-size:14px;
	font-weight:400;
	background-position:left;
	text-align:left;
	background-repeat: no-repeat;
	margin-bottom:2px;
}

a.button_none:visited {
	color: #09F;
	text-decoration: none;
	font-size:14px;
	font-weight:400;
	background-position:left;
	text-align:left;
	background-repeat: no-repeat;
	margin-bottom:2px;
}

a.button_none:hover {
	color: #cF0;
	text-decoration: none;
	font-size:14px;
	font-weight:400;
	text-decoration:underline;
	text-shadow: 0px 0px 10px #c90;				/* erzeugt einen Textschatten - werte = "Y" "X" "Fadebreite" (In diesem test Textleuchten) */
	background-position:left;
	text-align:left;
	background-repeat: no-repeat;
	margin-bottom:2px;
}

a.button_none:active {
	color: #cF0;
	text-decoration:underline;
	font-size:14px;
	font-weight:400;
	text-decoration:none;
	text-shadow: 0px 0px 10px #c90;				/* erzeugt einen Textschatten - werte = "Y" "X" "Fadebreite" (In diesem test Textleuchten) */
	background-position:left;
	text-align:left;
	background-repeat: no-repeat;
	margin-bottom:2px;
}

a.button_none2:link {
	font-family:Special Elite;
	color:#FC0;
	text-align:center;
	font-size:14px;
	font-weight:400;
	text-decoration:underline;
	text-shadow: 0px 0px 10px #FF0;				/* erzeugt einen Textschatten - werte = "Y" "X" "Fadebreite" (In diesem test Textleuchten) */
	z-index:1;
}

a.button_none2:visited {
	font-family:Special Elite;
	color:#FC0;
	text-align:center;
	font-size:14px;
	font-weight:400;
	text-decoration:underline;
	text-shadow: 0px 0px 10px #FF0;				/* erzeugt einen Textschatten - werte = "Y" "X" "Fadebreite" (In diesem test Textleuchten) */
	z-index:1;
}

a.button_none2:hover {
	color: #cF0;
	text-decoration: none;
	font-size:14px;
	font-weight:400;
	text-decoration:underline;
	text-shadow: 0px 0px 10px #c90;				/* erzeugt einen Textschatten - werte = "Y" "X" "Fadebreite" (In diesem test Textleuchten) */
	background-position:left;
	text-align:left;
	background-repeat: no-repeat;
	margin-bottom:2px;
}

a.button_none2:active {
	color: #cF0;
	text-decoration:underline;
	font-size:14px;
	font-weight:400;
	text-decoration:none;
	text-shadow: 0px 0px 10px #c90;				/* erzeugt einen Textschatten - werte = "Y" "X" "Fadebreite" (In diesem test Textleuchten) */
	background-position:left;
	text-align:left;
	background-repeat: no-repeat;
	margin-bottom:2px;
}



a.button_left:link {
	color: #c90;
	text-decoration: none;
	font-size:14px;
	font-weight:400;
	background-image:url(gfx/button_off.png);
	background-position:right;
	padding-right:20px;
	text-align:right;
	background-repeat: no-repeat;
	margin-bottom:2px;
}

a.button_left:visited {
	color: #c90;
	text-decoration: none;
	font-size:14px;
	font-weight:400;
	background-image:url(gfx/button_off.png);
	background-position:right;
	padding-right:20px;
	text-align:right;
	background-repeat: no-repeat;
	margin-bottom:2px;
}

a.button_left:hover {
	color: #cF0;
	text-decoration: none;
	font-size:14px;
	font-weight:400;
	text-decoration:underline;
	text-shadow: 0px 0px 10px #c90;				/* erzeugt einen Textschatten - werte = "Y" "X" "Fadebreite" (In diesem test Textleuchten) */
	background-image:url(gfx/button_on.png);
	background-position:right;
	padding-right:20px;
	text-align:right;
	background-repeat: no-repeat;
	margin-bottom:2px;
}

a.button_left:active {
	color: #cF0;
	text-decoration:underline;
	font-size:14px;
	font-weight:400;
	text-decoration:none;
	text-shadow: 0px 0px 10px #c90;				/* erzeugt einen Textschatten - werte = "Y" "X" "Fadebreite" (In diesem test Textleuchten) */
	background-image:url(gfx/button_on.png);
	background-position:right;
	padding-right:20px;
	text-align:right;
	background-repeat: no-repeat;
	margin-bottom:2px;
}



a.list:link {
	color:  #c90;
	text-decoration: none;
	font-size:14px;
	font-weight:400;
}

a.list:visited {
	color:  #c90;
	text-decoration: none;
	font-size:14px;
	font-weight:400;

}

a.list:hover {
	color: #cF0;
	text-decoration: none;
	font-size:14px;
	font-weight:800;
	text-decoration:none;
	text-shadow: 0px 0px 10px #c90;				/* erzeugt einen Textschatten - werte = "Y" "X" "Fadebreite" (In diesem test Textleuchten) */
}

a.list:active {
	color: #cF0;
	text-decoration: none;
	font-size:14px;
	font-weight:800;
	text-decoration:none;
	text-shadow: 0px 0px 10px #c90;				/* erzeugt einen Textschatten - werte = "Y" "X" "Fadebreite" (In diesem test Textleuchten) */
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++ Ausrichtungs Classes +++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.center		{text-align:center;z-index:1;}
.left		{text-align:left;z-index:1;}
.right		{text-align:right;z-index:1;}
.scaled		{text-align:justify;z-index:1;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++ Classes Gruppen ++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.mainbox, .content, .redcontent, .picture, .navboxl, .navboxr, .bannerbox, .infobox, .dynmap	/* Enthält alle werte für die definierten classes */
					{
						color:#FFF;									/* Definiert die Textfarbe für die definierten classes */
						-moz-border-radius: 10px;					/* erzeugt eine abgerundete kante ( mozilla ) */
    					-webkit-border-radius: 10px;				/* erzeugt eine abgerundete kante ( webkit -> IE !? ) */
						border-color:#333;
						border-width: 2px;
						font-family:Tahoma, Geneva, sans-serif;		/* Definiert bevorzugte Schriftart für die definierten classes */
						overflow:auto;
					}
					
.content, .picture, .infobox, .mainbox, .bannerbox, .navboxl, .navboxr								/* Enthält alle werte die die classes header, content und picture gemeinsam haben sollen */
					{
						background: rgba(0,0,0,0.4);
						box-shadow: 0px 0px 8px #FF0;				/* erzeugt einen schatten - werte = "Y" "X" "Fadebreite" */
						-moz-box-shadow: 0px 0px 8px #FF0; 			/* erzeugt einen schatten - werte = "Y" "X" "Fadebreite" - Mozilla Firefox */
						-webkit-box-shadow:	0px 0px 8px #FF0;		/* erzeugt einen schatten - werte = "Y" "X" "Fadebreite" - Google Chrome */
						border-style:inset;
					}	

.blackbox
					{
						color:#FFF;									/* Definiert die Textfarbe für die definierten classes */
						-moz-border-radius: 10px;					
    					-webkit-border-radius: 10px;				
						border-color:#333;
						border-width: 2px;
						font-family:Tahoma, Geneva, sans-serif;		/* Definiert bevorzugte Schriftart für die definierten classes */
						overflow:auto;
						background: rgba(0,0,0,0.4);
						border-style:inset;
						padding:5px;
					}

.box
					{
						color:#FFF;									/* Definiert die Textfarbe für die definierten classes */
						-moz-border-radius: 10px;					
    					-webkit-border-radius: 10px;				
						border-color:#333;
						border-width: 2px;
						font-family:Tahoma, Geneva, sans-serif;		/* Definiert bevorzugte Schriftart für die definierten classes */
						overflow:auto;
						background: rgba(0,0,0,0.0);
						border-style:inset;
						padding:5px;
					}

.formbutton
					{
						color:#3F0; 
						font-weight:800;
						background-color: #030;
						box-shadow: 0px 0px 8px #3F0;				/* erzeugt einen schatten - werte = "Y" "X" "Fadebreite" */
						-moz-box-shadow: 0px 0px 8px #3F0; 			/* erzeugt einen schatten - werte = "Y" "X" "Fadebreite" - Mozilla Firefox */
						-webkit-box-shadow:	0px 0px 8px #3F0;		/* erzeugt einen schatten - werte = "Y" "X" "Fadebreite" - Google Chrome */
						border-style:inset;
						-moz-border-radius: 5px;					/* erzeugt eine abgerundete kante ( mozilla ) */
    					-webkit-border-radius: 5px;				/* erzeugt eine abgerundete kante ( webkit -> IE !? ) */
						padding:3px;
						padding-left:6px;
						padding-right:6px;
						text-shadow: 0px 0px 10px #3F0;
					}	

.formbutton_red
					{
						color:#F00;
						font-weight:800;
						background-color: #600;
						box-shadow: 0px 0px 8px #C00;				/* erzeugt einen schatten - werte = "Y" "X" "Fadebreite" */
						-moz-box-shadow: 0px 0px 8px #C00; 			/* erzeugt einen schatten - werte = "Y" "X" "Fadebreite" - Mozilla Firefox */
						-webkit-box-shadow:	0px 0px 8px #C00;		/* erzeugt einen schatten - werte = "Y" "X" "Fadebreite" - Google Chrome */
						border-style:inset;
						-moz-border-radius: 5px;					/* erzeugt eine abgerundete kante ( mozilla ) */
    					-webkit-border-radius: 5px;				/* erzeugt eine abgerundete kante ( webkit -> IE !? ) */
						padding:3px;
						padding-left:6px;
						padding-right:6px;
						text-shadow: 0px 0px 10px #C00;
					}	

.formbutton_inactive
					{
						color:#999;
						font-weight:800;
						background-color: #333;
						box-shadow: 0px 0px 8px #666;				/* erzeugt einen schatten - werte = "Y" "X" "Fadebreite" */
						-moz-box-shadow: 0px 0px 8px #666; 			/* erzeugt einen schatten - werte = "Y" "X" "Fadebreite" - Mozilla Firefox */
						-webkit-box-shadow:	0px 0px 8px #666;		/* erzeugt einen schatten - werte = "Y" "X" "Fadebreite" - Google Chrome */
						border-style:inset;
						-moz-border-radius: 5px;					/* erzeugt eine abgerundete kante ( mozilla ) */
    					-webkit-border-radius: 5px;				/* erzeugt eine abgerundete kante ( webkit -> IE !? ) */
						padding:3px;
						padding-left:6px;
						padding-right:6px;
						text-shadow: 0px 0px 10px #666;
					}