body {background-color:#282828; margin:0px; color: #000;}

/**************************** Website *********************************/
#Website {
	background-color: #383838;
	width:1000px;
	max-height:5768px;
	min-height:700px;
	z-index:1;
	margin-left:auto;
	margin-right:auto;
	margin-top: 70px;
}

#Website2 {
	background-color: #383838;
	min-height:1700px;
	
}
/**********************************************************************/

/**************************** Header ***************************Noch nicht in verwendung******/
#Banner {
	background-image: url(../img/Banner.png);
	background-repeat: no-repeat;
	position:absolute;
	height: 107px;
	width: 563px;
	z-index:3;
	margin-left:420px;
	margin-top:251px;
}
/*********************************************************************/

/**************************** Navigation und Inhalt*****************************/


#Navigation {
	background-image: url(../img/navigationsleiste.png);
	background-repeat: repeat-x;
	float: left;
	height: 99px;
	width: 1000px;
	z-index: 2;
}


#Navigation_Button {
	
	height: 94px;
	width: 107px;
	font-size: 20px;
	
}


#Navigation_Button:Hover {
	background-image: url(../img/hover.png);
	background-repeat: no-repeat;
	color: #FFF;
	height: 94px;
	width: 107px;
}

#Navigation_Button_Big {
	
	height: 94px;
	width: 124px;
	font-size: 20px;
	
}


#Navigation_Button_Big:Hover {
	background-image: url(../img/hover2.png);
	background-repeat: no-repeat;
	color: #FFF;
	height: 94px;
	width: 124px;
}

#Home {

	margin-left: 30px;
	margin-top: 0px;
}

#Shops {

	margin-left: 150px;
	margin-top: -94px;
}

#Einkaufshilfe {

	margin-left: 270px;
	margin-top: -94px;
}
 
#Fortschritt {

	margin-left: 390px;
	margin-top: -94px;
}
#Charas {

	margin-left: 270px;
	margin-top: -94px;
}

#Unique {

	margin-left: 510px;
	margin-top: -94px;
}

#Partner {

	margin-left: 150px;
	margin-top: -94px;
}

#News {

	margin-left: 750px;
	margin-top: -94px;
}

#FwStyle {

	margin-left: 630px;
	margin-top: -94px;
}

#Zauberpuzzle {

	margin-left: 750px;
	margin-top: -94px;
}



#Kontakt {

	margin-left: 870px;
	margin-top: -94px;
}

#Besucher {

	margin-left: 750px;
	margin-top: -57px;
	border-width: 1px;
  	border-style:solid;
  	width: 140px;
}
.button{
	line-height:94px; 
	width:107px; 
	vertical-align:middle;
	text-align: center;
	border: 0;


}
.ast{
	text-align: right;
	font-size: 14px;
	margin-top: -90px;
	margin-right: 15px;
}


#Footer {
	background-image: url(../img/navigationsleiste.png);
	background-repeat: repeat-x;
	height: 99px;
	width: 1000px;
	z-index: 2;
	margin-left:auto;
	margin-right:auto;
}
.fw{

	margin-left: 30px;

}

#Inhalt{

	color: #FFF;
}

#abstandhalter{

	margin-top: 5px;
}

#abstandhalter2{

	margin-bottom: 5px;
}
.encrypted-data{position:relative;display:inline-block;width:16px;height:11px;margin:0 5px;color:transparent;overflow:hidden}
.encrypted-data:before{content:'';position:absolute;top:0;left:0;display:block;width:inherit;height:inherit;background-image:url(../page/loader.gif)}
.encrypted-data *{display:none}
/*********************************************************************/


  /***********************************/
 /****** Schriftarten - Anfang ******/
/***********************************/
	#error_msg{
	color: #F00;
	font-weight: bold;
	}
	#correct_msg{
	color: #0C0;
	font-weight: bold;
}


	a, a:visited {color:#000; outline:none;text-decoration:none;}
	a:hover {color:#FFF; outline:none;}
	a:active, a:focus {text-decoration:none; outline:none;}
	a.nound {text-decoration:none;}
	a.red	{color:#ff7e00;}
	textarea {margin-left: 20px;overflow:auto;background-color: #282828;color: #FFF;}

	a img{border:0px;}
	.normlink{text-decoration: underline;}
	
	h1 {font:22px; color:#ff7e00; text-decoration:underline; letter-spacing:2px;}
	h1.green {color:#11c908;}
	h2 {font:18px; color:#ff7e00; text-decoration:underline;}
	h3 {font:10px; color:#ff7e00; text-decoration:underline; font-weight:bold; line-height:18px;}
	h4 {font:16px; color:#ff7e00; text-decoration:underline;}
	
	/*     Schriftfarben     */
	.lightblue {color:#1c90ed;}
	.darkblue  {color:#1c6baf;}
	.orange {color:#ff7e00;}
	.darkorange {color:#cc6600;}
	.green {color:#11c908;}
	.red  {color:#ff0000;}
	.yellow {color:#ddb700;}
	.yellow_light {color:#ffff00;}
	.white{color:#fff;}
	.black{color:#000;}
	
	/*     Schriftgrößen     */
	.acht {font:8px;}
	.zehn {font:10px;}
	.elf {font:11px;}
	.zwoelf {font:12px;}
	.vierzehn {font:14px;}
	.fuenfzehn {font:15px;}
	.zweizwei {font:22px; font-weight:bold;}
	.zwa {font-size: 32px;}
	
	/*     Ausrichtungen     */
	.center {text-align:center;}
	.kursiv {font-style:italic;}
  /*********************************/
 /****** Schriftarten - Ende ******/
/*********************************/