body	{ 
	background-image:url(bilder/hintergrund.jpg); background-repeat:repeat;
	color:black;
	font-family:calibri,arial;
	padding-left:40px;
	padding-right:40px;		/*Formatierung für Body*/
}


h1	{
	text-transform:uppercase;	
	border-color:blue;
	padding-left:35px;
	text-align: center;		/*Formatierung für die 1.Hirarchie*/

}

#index {
	border: 0;
	margin: auto;
	position: relative;
	top: 10px;
	width: 1000px;
	height: 1160px;
	border:#000000 solid 1px;
	background-color: yellow;	/*1.Box Hauptseite mit Boxen drin*/
}


#extras {
	text-align: center;
	background-color:#800080;
	position: absolute;
	left: 60px;
	top: 320px;
	width: 130px;
	height: 130px;
	border: #000000 solid 1px;
	background-color: black;
	overflow: auto;
	z-index: 2;			/*3.Box mit spannenden Links zum Thema auf dieser Page*/
	}
	
#impressum {
	text-align: center;
	position: absolute;
	top: 1180px;
	width: 1000px;
	height:25px;
	border:#000000 solid 1px;
	background-color: yellow;	/*4.Box Enthält Autor und den Hinweis, dass der Autor nicht für externe Links haftet*/
	}

#haupttext {
	text-align: center;
	padding: 20px;
	position: absolute;
	top: 303px;
	left: 41px;
	width: 876px;
	height: 779px;
	background-color: yellow;
	overflow: auto;
	z-index: 1;					/*5.Box ist gefüllt mit dem Haupttext*/
}

#titel	{
	font-size:xx-large;
	color:black;
	font-family:calibri,arial;
	text-align: center;
	position: absolute;
	top: 226px;
	left: 303px;
	width: 400px;
	height: 50px;
	background-color: yellow;	/*6.Box Titel der aktiven Page*/
}


#oben {
	position: absolute;
	top: 0;
	left: 0;
	width: 1000px;
	height: 170px;
	background-color: black;
}

#text {
	text-align: left;
	position: absolute;
	top: 17px;
	left: 190px;
	width: 390px;
	height: 615px;
	background-color: yellow;
}

#bild {
	position: absolute;
	top: 18px;
	left: 610px;
	width: 300px;
	height: 409px;
	background-color: yellow;
}


#links2 {
	text-align: center;
	font-size: larger;
	color: blue;
	position: absolute;
	top: 170px;
	left: 0px;
	width: 1000px;
	height: 33px;
	background-color: black;
}


#extras2 {
	text-align: center;
	background-color:#800080;
	position: absolute;
	left: 60px;
	top: 320px;
	width: 130px;
	height: 175px;
	border: #000000 solid 1px;
	Background-color: black;
	overflow: auto;
	z-index: 2;			/*3.Box mit spannenden Links zum Thema auf dieser Page*/
	}
	
	#extras3 {
	text-align: center;
	background-color:#800080;
	position: absolute;
	left: 60px;
	top: 320px;
	width: 170px;
	height: 215px;
	border: #000000 solid 1px;
	Background-color: black;
	overflow: auto;
	z-index: 2;			/*3.Box mit spannenden Links zum Thema auf dieser Page*/
	}
	

#wichtig {
	text-align: left;
	background-color:#800080;
	position: absolute;
	left: 20px;
	top: 220px;
	width: 280px;
	height: 110px;
	background-color: yellow;
	overflow: auto;
	z-index: 2;	
	font-size: small;
	/*border: #000000 solid 1px;*/ 		/*3.Box mit spannenden Links zum Thema auf dieser Page*/
	}
	
	
#wichtig2 {
	text-align: right;
	background-color:#800080;
	position: absolute;
	left: 730px;
	top: 220px;
	width: 250px;
	height: 85px;
	background-color: yellow;
	overflow: auto;
	z-index: 2;	
	font-size: small; 
	/*border: #000000 solid 1px;*/		/*3.Box mit spannenden Links zum Thema auf dieser Page*/
	}
	
.anjalink a:link {
                 color: white;
                 padding: 3px;
                 text-decoration: none;
		 		 font-size: large;
}

.anjalink a:visited {
                    color: white;
                    padding: 3px;
                    text-decoration: none;
		    		font-size: large;
}

.anjalink a:hover {
                  color: black;
                  background-color: yellow; 
                  padding: 3px;
                  text-decoration: none;
		  		  font-size: large;
}

.anjalink a:active {
                   color: blue;        
                   text-decoration: none;
		   		   font-size: large;		/*Bestimmung wie sollen die internen Links aussehen, wird mit class="anjalink" im .htm beim <div aufgerufen.*/
}


.sprung a:link {
                 color: blue;
                 text-decoration: none;
}

.sprung a:visited {
                    color: blue;
                    text-decoration: none;
}

.sprung a:hover {
                  color: blue;
                  text-decoration: none;
}

.sprung a:active {
                   color: blue;
                   background-color: #E6E6E6; 
                   padding: 3px;
                   border: 1px solid #666666;         
                   text-decoration: none;	/*Bestimmung wie sollen die Sprungmarken und externen Links aussehen (ausnahme die Links bei den Links), wird gleich aufgerufen wie anjalink einfach mit sprung.*/
}


.textlink a:link {
                 color: black;
                 text-decoration: none;
}

.textlink a:visited {
                    color: black;
                    text-decoration: none;
}

.textlink a:hover {
		  
                  color: black;
                  text-decoration: none;
}

.textlink a:active {
                   color: black;        
                   text-decoration: none;	/*Bestimmung wie sollen die Links in einem aussehen, wird mit class="textlink" im .htm beim <div aufgerufen.*/
}


.linklink a:link {
                 color: white;
                 padding: 3px;
                 text-decoration: none;
		 		 font-size: medium;
}

.linklink a:visited {
                    color: white;
                    padding: 3px;
                    text-decoration: none;
		    		font-size: medium;
}

.linklink a:hover {
                  color: black;
                  background-color: yellow; 
                  padding: 3px;
                  text-decoration: none;
		  		  font-size: medium;
}

.linklink a:active {
                   color: blue;        
                   text-decoration: none;
		   		   font-size: medium;		/*Bestimmung wie sollen die internen Links aussehen, wird mit class="anjalink" im .htm beim <div aufgerufen.*/
}