/************************* Allgemeingültige Definitionen ***********************/

body 	{

	background-color:#24130C;

	color:#F2CAB0;
	font-family:Verdana,Arial,Helvetica;
	font-size:14px; 		/* Allgemeine Fontgršsse -> Bezug fŸr alle andere Angaben*/
	font-weight:normal;
	font-style:normal;
	text-align:left;
	}

*	{ margin:0; padding:0; }

html, body { height:100%; }

h1    { font-size: 24px;  color: #CC6332; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; border:0px solid #999999; text-align:center; }
h2    { font-size: 18px;  color: #CC6332; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; border:0px solid #999999; text-align:left; }
h3    { font-size: 16px;  color: #CC6332; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; border:0px solid #999999; text-align:left; }
h4    { font-size: 12px;  color: #CC6332; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; border:0px solid #999999; text-align:left; }
h5    { font-size: 10px;  color: #CC6332; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; border:0px solid #999999; text-align:left; }
h6    { font-size: 18px;  color: #98441d; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; border:0px solid #999999; text-align:center; }


a     { font-size: 14px;  color: #F2CAB0; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; }

a.a0v { font-size: 30px;  color: #F2CAB0; margin-left: 0px; font-family: Arial,Verdana,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; }
a.a1v { font-size: 20px;  color: #F2CAB0; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; }
a.a2v { font-size: 16px;  color: #F2CAB0; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; }
a.a3v { font-size: 14px;  color: #F2CAB0; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; }
a.a4v { font-size: 12px;  color: #F2CAB0; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; }
a.a5v { font-size: 10px;  color: #F2CAB0; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; }
a.a1a { font-size: 20px;  color: #F2CAB0; margin-left: 0px; font-family: Arial,Verdana,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; }
a.a2a { font-size: 16px;  color: #F2CAB0; margin-left: 0px; font-family: Arial,Verdana,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; }
a.a3a { font-size: 14px;  color: #F2CAB0; margin-left: 0px; font-family: Arial,Verdana,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; }
a.a4a { font-size: 12px;  color: #F2CAB0; margin-left: 0px; font-family: Arial,Verdana,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; }
a.a5a { font-size: 10px;  color: #F2CAB0; margin-left: 0px; font-family: Arial,Verdana,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; }
a:visited               { color: #F2CAB0; }
a:active                { color: #F2CAB0; }
a:hover                 { color: #FFFFFF; }

ul    { font-size: 14px;  color: #F2CAB0; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; list-style-type:none; border:0px solid #999999; }
.ul1  { font-size: 20px;  color: #F2CAB0; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; list-style-type:none; border:0px solid #999999; }
.ul2  { font-size: 16px;  color: #F2CAB0; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; list-style-type:none; border:0px solid #999999; }
.ul3  { font-size: 14px;  color: #F2CAB0; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; list-style-type:none; border:0px solid #999999; }
.ul4  { font-size: 12px;  color: #F2CAB0; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; list-style-type:none; border:0px solid #999999; }
.ul5  { font-size: 10px;  color: #F2CAB0; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; list-style-type:none; border:0px solid #999999; }

li    { font-size: 14px;  color: #F2CAB0; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; list-style-type:none; }
.li1  { font-size: 20px;  color: #F2CAB0; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; list-style-type:none; }
.li2  { font-size: 16px;  color: #F2CAB0; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; list-style-type:none; }
.li3  { font-size: 14px;  color: #F2CAB0; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; list-style-type:none; }
.li4  { font-size: 12px;  color: #F2CAB0; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; list-style-type:none; }
.li5  { font-size: 10px;  color: #F2CAB0; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:130%; list-style-type:none; }

p     { font-size: 14px;  color: #F2CAB0; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:150%; }
.p1v  { font-size: 20px;  color: #F2CAB0; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:150%; }
.p2v  { font-size: 16px;  color: #F2CAB0; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:150%; }
.p3v  { font-size: 14px;  color: #F2CAB0; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:150%; }
.p4v  { font-size: 12px;  color: #F2CAB0; margin-left: 0px; font-family: Verdana,Arial,Helvetica; font-weight: normal; text-decoration:none; line-height:150%; }
.p5v  { font-size: 10px;  color: #F2CAB0; margin-left: 0px; font-family: Arial,Verdana,Helvetica; font-weight: normal; text-decoration:none; line-height:150%; }
.p1a  { font-size: 20px;  color: #F2CAB0; margin-left: 0px; font-family: Arial,Verdana,Helvetica; font-weight: normal; text-decoration:none; line-height:150%; }
.p2a  { font-size: 16px;  color: #F2CAB0; margin-left: 0px; font-family: Arial,Verdana,Helvetica; font-weight: normal; text-decoration:none; line-height:150%; }
.p3a  { font-size: 14px;  color: #F2CAB0; margin-left: 0px; font-family: Arial,Verdana,Helvetica; font-weight: normal; text-decoration:none; line-height:150%; }
.p4a  { font-size: 12px;  color: #F2CAB0; margin-left: 0px; font-family: Arial,Verdana,Helvetica; font-weight: normal; text-decoration:none; line-height:150%; }
.p5a  { font-size: 10px;  color: #F2CAB0; margin-left: 0px; font-family: Arial,Verdana,Helvetica; font-weight: normal; text-decoration:none; line-height:150%; }

hr 	{ align:left; height:1px; color:#98441d; }
.hr1 	{ text-align:left; border:none; border-top: 1px solid #98441d; height:1px; margin:0px 0px 0px 0px; }
.hr2 	{ text-align:left; border:none; border-top: 1px solid #713719; height:1px; margin:0px 0px 0px 0px; }

.hr3 	{ text-align:left; border:none; border-top: 1px solid #713719; width:1020px; margin:15px 0px 0px 40px; }



/************************* Positionieren der der #fixbox in der Mitte -> feste Breite/Hšhe/Position ***********************/
#dummymitte { 
	width:1px;
	height:48%;           		/* optische Mitte leicht versetzt nach oben, daher keine 50% */
	margin-bottom:-400px; 		/* Versatz der fixbox */
	float:left;
	}

#fixbox {
	margin:0 auto;
	position:relative;    		/* puts #fixbox in front of #dummymitte */
	width:1100px;
	height:800px;
	clear:left;
	background-color:#111111;       /* Hintergrundfarbe fŸr die ganze Box */
        color:#F2CAB0;
	border:1px solid #653416;	/* Rahmenfarbe fŸr #fixbox */
	text-align:center;
	}

/************************* Formatierung der #inbox1 -> obere Menuleiste ***********************/
#inbox1 {
	margin:0 auto;
	position:relative;    		/* puts #inbox1 in front of #fixbox */
	width:1100px;
	height:40px;
	border:0px solid #999999;
	border-top-width:0px;           
	border-top-color:#999999;       
	border-right-width:0px;         
	border-right-color:#999999;     
	border-left-width:0px;          
	border-left-color:#999999;      
	border-bottom-width:0px;	/* Rahmenbreite unten */
	border-bottom-color:#713719;    /* Rahmenfarbe unten */
	text-align:center;
	line-height:100%;  
	font-size:14px;
	}

#inbox1 p {
	margin-top:10px;      		/* Versetzt den Menutextes von Oberkante nach unten*/
	width:1100px;          
	text-align:center;
	border:0px solid #999999;	/* Hilfsrahmen fŸr #inbox2 */
	word-spacing:70px;    		/* Steuert die Abstände zw. den Menutexten*/
	}

/************************* Formatierung der #inbox2 -> untere Inhaltsbox ***********************/
#inbox2 {
	margin-top:10px;
	position:relative;    		/* puts #inbox2 in front of fixbox */
	width:1100px;
	height:760px;
	border:0px solid #999999;	/* Hilfsrahmen fŸr #inbox2 */
	text-align:left;
	font-size:14px;
	}

/************************* Formatierung der #inbox3 -> untere Inhaltsbox ***********************/
#inbox3 {
	margin-top:200px;
	position:relative;    		/* puts #inbox3 in front of fixbox */
	width:1100px;
	height:400px;
	border:0px solid #999999;	/* Hilfsrahmen für #inbox3 */
	text-align:center;
	font-size:14px;
	}

	
/************************* Formatierung Scrollbars ***********************/
::-webkit-scrollbar {width: 10px;
height:10px;
}
::-webkit-scrollbar-button:start:decrement,

::-webkit-scrollbar-button:end:increment {height: 30px;
display: block; background-color: transparent;
}


::-webkit-scrollbar-track-piece {
background-color: #4C220E;
-webkit-border-radius: 6px;
}


::-webkit-scrollbar-thumb:vertical {
height: 50px;
background-color: #713719;
-webkit-border-radius: 6px;
}


::-webkit-scrollbar-thumb:horizontal {
width: 50px;
 background-color: #713719; -webkit-border-radius: 6px;
}