/*CSS- Kommentar*/
/*stylesheat für die Startseite,
Autor: Michael Quellmalz am 15.10.09 */

body {
  background-color: white;	/*Hintergrundfarbe falls Hintergundbild nicht geladen wird*/
  /*background-image: url("background.png"); /*Hintergrundbild*/
  /*background-repeat: repeat; /*Bild wird nicht wiederholt*/
  /*background-attachment: scroll; /*fixed = Bild scrollt nicht mit*/
  margin: 140px 40px 10px 40px; /*definition Aussenabstand ( top, right, bottom, left*/
  border-width: 1px;
  border-style: none;
  border-color: white;
  
  }

h1 {
  color: white;	/*Text- Farbe Ueberschrift*/
  background-attachment: scroll; /*Bild scrollt mit*/
  padding: 10px 20px 10px 20px;
  font-family: "Times New Roman", verdana, sans-serif;
  font-size: 22px;
 
}

h2 {
  color: #424242;
  font-family: "Times New Roman", serif;
  font-size: 18px;
  padding: 20px 20px 10px 20px;
  /*font-style: italic;  // Schriftformat*/
  /*text-decoration: overline; /*Linie über dem Text*/
}

h3 {
  font-family: "Times New Roman", serif;
  font-size: 20px;
  padding: 20px 20px 10px 20px;
  /*font-style: italic;  // Schriftformat*/
  /*text-decoration: overline; /*Linie über dem Text*/
}

p {
  font-family: "Times New Roman", serif;
  font-size: 18px ;
  color: #424242;
  /*font-style: italic;  // Schriftformat*/
  padding: 10px 20px 10px 20px;
}



/*Schriftstyle in den Button <<START>>*/
a {
  font-family: "Times New Roman", serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height:28px;
  }

a:link {
  color: white;
  text-decoration:none;
  
}
a:visited {
  color: white;
  text-decoration:none;
}
a:active {
  background-color: none;
  text-decoration:none;
}
a:hover {
  color:white;
  text-decoration:none;
} /*Schriftstyle in den Button <<ENDE>>*/


/*Positionsbestimmung der Button und Verweiss in die HTML- Datei */
   /*HOME*/
   a.home1  {  display:block;
			 background-image:url(Buttonsw1.png);
             width:100px; height:30px;
   position: absolute;
   left: 500px;
   top: 120px;
   z-index: 11;
   }
      
   a.home1:hover { background-image:url(Buttonog1.png);
			     width:102px; height:30px;
   position: absolute;
   left: 500px;
   top: 120px;
   z-index: 11;
   }

   a.home1:active { background-image:url(Buttonog1.png);
			       width:100px; height:30px;
   position: absolute;
   left: 500px;
   top: 120px;
   z-index: 11;
   } /*HOME-----Ende*/
   
   /*aboutme*/
   a.aboutme { display:block;
			 background-image:url(Buttonsw1.png);
             width:100px; height:30px;
   position: absolute;
   left: 605px;
   top: 120px;
   z-index: 11;
  }
  
   a.aboutme:hover { background-image:url(Buttonog1.png);
                    width:102px; height:30px;
   position: absolute;
   left: 605px;
   top: 120px;
   z-index: 11;
  }
  
  a.aboutme:active { background-image:url(Buttonog1.png);
                    width:100px; height:30px;
   position: absolute;
   left: 605px;
   top: 120px;
   z-index: 11;
  } /*aboutme-----Ende*/
   
   /*gallery*/
  a.gallery { display:block;
			 background-image:url(Buttonsw1.png);
			 width:100px; height:30px;
   position: absolute;
   left: 710px;
   top: 120px;
   z-index: 12;
   } 
  
  a.gallery:hover { background-image:url(Buttonog1.png);
					width:102px; height:30px;
   position: absolute;
   left: 710px;
   top: 120px;
   z-index: 12;
  } 
  
   a.gallery:active { background-image:url(Buttonog1.png);
					width:100px; height:30px;
   position: absolute;
   left: 710px;
   top: 120px;
   z-index: 12;
  } /*gallery-----Ende*/
  
  /*mapdesign*/
  a.mapdesign { display:block;
			    background-image:url(Buttonsw1.png);
                width:100px; height:30px;
   position: absolute;
   left: 815px;
   top: 120px;
   z-index: 13;
  }
  
  a.mapdesign:hover { background-image:url(Buttonog1.png);
                     width:102px; height:30px;
   position: absolute;
   left: 815px;
   top: 120px;
   z-index: 13;
  }
  
  a.mapdesign:active { background-image:url(Buttonog1.png);
                     width:100px; height:30px;
   position: absolute;
   left: 815px;
   top: 120px;
   z-index: 13;
  } /*mapdesign-----Ende*/
  
  /*links*/
   a.links { display:block;
			background-image:url(Buttonsw1.png);
            width:100px; height:30px;
   position: absolute;
   left: 920px;
   top: 120px;
   z-index: 14;
  }
  
  a.links:hover { background-image:url(Buttonog1.png);
                 width:102px; height:30px;
   position: absolute;
   left: 920px;
   top: 120px;
   z-index: 14;
  }
  
  a.links:active { background-image:url(Buttonog1.png);
                 width:100px; height:30px;
   position: absolute;
   left: 920px;
   top: 120px;
   z-index: 14;
  } /*links-----Ende*/
  
  /*impressum*/
  a.impressum { display:block;
			    background-image:url(Buttonsw1.png);
				width:100px; height:30px;
   position: absolute;
   left: 1025px; 
  top: 120px;
  z-index: 15;
  }
  
  a.impressum:hover { background-image:url(Buttonog1.png);
					 width:102px; height:30px;
   position: absolute;
   left: 1025px; 
  top: 120px;
  z-index: 15;
  }
  
  a.impressum:active { background-image:url(Buttonog1.png);
					 width:100px; height:30px;
   position: absolute;
   left: 1025px; 
   top: 120px;
   z-index: 15;
  } /*impressum-----Ende*/
  
  /*leer*/
  a.leer { display:block;
			    background-image:url(Buttonsw1.png);
				width:100px; height:30px;
   position: absolute;
   left: 1130px; 
  top: 120px;
  z-index: 15;
  }
  
  a.leer:hover { background-image:url(Buttonog1.png);
					 width:102px; height:30px;
   position: absolute;
   left: 1130px; 
  top: 120px;
  z-index: 15;
  }
  
  a.leer:active { background-image:url(Buttonog1.png);
					 width:100px; height:30px;
   position: absolute;
   left: 1130px; 
   top: 120px;
   z-index: 15;
  } /*leer-----Ende*/
  
  /*leer*/
  a.back { display:block;
			   
				width:200px; height:30px;
   position: absolute;
   left: 500px; 
   top: 920px;
  z-index: 15;
  }
  
  a.back:hover { 
			color: black;
			width:200px; height:30px;
			position: absolute;
			left: 500px; 
			top: 920px;
			z-index: 15;
  }
  
  a.back:active {
					 width:200px; height:30px;
   position: absolute;
   left: 500px; 
   top: 920px;
   z-index: 15;
  } /*leer-----Ende*/
  /*Seitenbutton------------------------------------------------------------------------------------------Ende*/
  
  /*Trennlinie*/
  hr.line{ display: block;
			width:870px;
			position: absolute;
			left: 450px;
			top: 90px;
			z-index: 10;
			border-width: 1px;
			border-style: solid;
			border-color: white;
}




  
  /*Hintergrundlayer------------------------------------------------------------------------------------------*/
  
  /*Background*/
  p.background{ display:block;
			background-image:url(background.png);
            width:800px; height:1000px;
			background-repeat: no-repeat;
			position: absolute;
			left: 450px;
			top: 10px;
			margin-left:10px;
			margin-top:-10px;
			z-index: 1;
			border-width: 1px;
			border-style: solid;
			border-color: white;
  }
  
  /*Banner oben*/
  p.topbanner{ display:block;
			background-image:url(TopBanner1.png);
            width:686px; height:78px;
			background-repeat: no-repeat;
			position: absolute;
			left: 500px;
			top: 30px;
			margin-left:10px;
			margin-top:0px;
			z-index: 2;
			border-width: 1px;
			border-style: none;
			border-color: white;
  }
  
  
  /*zweiter Hintergrund*/
  p.layer2 { display:block;
			background-image:url(greenflame1.png);
            width:200px; height:800px;
   position: absolute;
   left: 500px;
   top: 80px;
   z-index: 2;
   margin: 100px 40px 10px 0px; /*definition Aussenabstand ( top, right, bottom, left*/
   border-width: 1px;
   border-style: solid;
   border-color: white;
  }
  
  /*Seiten Überschrift*/
  h1.layer3 { display:block;
			 width:200px; height:30px;
   position: absolute;
   left: 1100px;
   top: 45px;
   z-index: 2;
  }
  
  /*Seiten Überschrift*/
  h1.layer3L { display:block;
			 width:240px; height:30px;
   position: absolute;
   left: 575px;
   top: 170px;
   z-index: 3;
  }
  /*Seiten Überschrift*/
  h1.layert { display:block;
			background-image:url(Tbalken.png);
			background-repeat: no-repeat; /*Bild wird nicht wiederholt*/
			width:240px; height:10px;
			position: absolute;
			left: 550px;
			top: 220px;
			z-index: 3;
  }
  
  /*Button für Weblinks*/
  /*Weblinks 1*/
  
  a.layer4link { display:block;
				width:240px; height:30px;
				position: absolute;
				left: 501px;
				top: 250px;
				z-index: 3;
  }
  
  
  a.layer4link:hover { background-image:url(ButtonLinks.png);
					  width:240px; height:30px;
						position: absolute;
						left: 501px;
						top: 250px;
						z-index: 3;
  }
  
  a.layer4link:active { background-image:url(ButtonLinks2.png);
					  width:240px; height:30px;
   position: absolute;
   left: 501px;
   top: 250px;
   z-index: 3;
  }
  
  /*Button für Weblinks*/
  /*Weblinks 2*/
  
  a.layer4link2 { display:block;
				width:240px; height:30px;
   position: absolute;
   left: 501px;
   top: 300px;
   z-index: 3;
  }
  
  a.layer4link2:hover { background-image:url(ButtonLinks.png);
					  width:240px; height:30px;
   position: absolute;
   left: 501px;
   top: 300px;
   z-index: 3;
  }
  
  a.layer4link2:active { background-image:url(ButtonLinks2.png);
					  width:240px; height:30px;
   position: absolute;
   left: 501px;
   top: 300px;
   z-index: 3;
  }

  /*Button für Weblinks*/
  /*Weblinks 3 InGame*/
  
  a.layer4link3 { display:block;
				width:240px; height:30px;
   position: absolute;
   left: 501px;
   top: 450px;
   z-index: 3;
  }
  
  a.layer4link3:hover { background-image:url(ButtonLinks.png);
					  width:240px; height:30px;
   position: absolute;
   left: 501px;
   top: 450px;
   z-index: 3;
  }
  
  a.layer4link3:active { background-image:url(ButtonLinks2.png);
					  width:240px; height:30px;
   position: absolute;
   left: 501px;
   top: 450px;
   z-index: 3;
  }
  
  /*Button für Weblinks*/
  /*Weblinks 4 Mapping Forum*/
  a.layer4link4 { display:block;
				width:240px; height:30px;
   position: absolute;
   left: 501px;
   top: 500px;
   z-index: 3;
  }
  
  a.layer4link4:hover { background-image:url(ButtonLinks.png);
					  width:240px; height:30px;
   position: absolute;
   left: 501px;
   top: 500px;
   z-index: 3;
  }
  
  a.layer4link4:active { background-image:url(ButtonLinks2.png);
					  width:240px; height:30px;
   position: absolute;
   left: 501px;
   top: 500px;
   z-index: 3;
  }
  
   /*Button für Weblinks*/
  /*Weblinks 5 Computerbase*/
  a.layer4link5 { display:block;
				width:240px; height:30px;
   position: absolute;
   left: 501px;
   top: 350px;
   z-index: 3;
  }
  
  a.layer4link5:hover { background-image:url(ButtonLinks.png);
					  width:240px; height:30px;
   position: absolute;
   left: 501px;
   top: 350px;
   z-index: 3;
  }
  
  a.layer4link5:active { background-image:url(ButtonLinks2.png);
					  width:240px; height:30px;
   position: absolute;
   left: 501px;
   top: 350px;
   z-index: 3;
  }
  
   /*Button für Weblinks*/
  /*Weblinks 6 Heise Online*/
  a.layer4link6 { display:block;
				width:240px; height:30px;
   position: absolute;
   left: 501px;
   top: 400px;
   z-index: 3;
  }
  
  a.layer4link6:hover { background-image:url(ButtonLinks.png);
					  width:240px; height:30px;
   position: absolute;
   left: 501px;
   top: 400px;
   z-index: 3;
  }
  
  a.layer4link6:active { background-image:url(ButtonLinks2.png);
					  width:240px; height:30px;
   position: absolute;
   left: 501px;
   top: 400px;
   z-index: 3;
  }
  
  /*Button für Weblinks*/
  /*Weblinks 7 Movie Trailer*/
  a.layer4link7 { display:block;
				width:240px; height:30px;
   position: absolute;
   left: 501px;
   top: 550px;
   z-index: 3;
  }
  
  a.layer4link7:hover { background-image:url(ButtonLinks.png);
					  width:240px; height:30px;
   position: absolute;
   left: 501px;
   top: 550px;
   z-index: 3;
  }
  
  a.layer4link7:active { background-image:url(ButtonLinks2.png);
					  width:240px; height:30px;
   position: absolute;
   left: 501px;
   top: 550px;
   z-index: 3;
  }
  
  /*Weblinks 8 Sagenschmiede*/
  a.layer4link8 { display:block;
				width:240px; height:30px;
   position: absolute;
   left: 501px;
   top: 600px;
   z-index: 3;
  }
  
  a.layer4link8:hover { background-image:url(ButtonLinks.png);
					  width:240px; height:30px;
   position: absolute;
   left: 501px;
   top: 600px;
   z-index: 3;
  }
  
  a.layer4link8:active { background-image:url(ButtonLinks2.png);
					  width:240px; height:30px;
   position: absolute;
   left: 501px;
   top: 600px;
   z-index: 3;
  }
  
  /*zweiter Hintergrund*/
  p.layer5text { display:block;
				width:435px; height:800px;
				position: absolute;
				left: 750px;
				top: 80px;
				z-index: 1;
				margin: 100px 40px 10px 0px; /*definition Aussenabstand ( top, right, bottom, left*/
				border-width: 1px;
				border-style: solid;
				border-color: white;
  }
  
  /*zweiter Hintergrund für Text1 auf mappagedownload*/
  p.layer6text { display:block;
			    width:360px; height:800px;
   position: absolute;
   left: 830px;
   top: 80px;
   z-index: 1;
   margin: 100px 40px 10px 0px; /*definition Aussenabstand ( top, right, bottom, left*/
   border-width: 1px;
   border-style: solid;
   border-color: white;
  }
  
  /*Text Impressum*/
  p.layer7text { display:block;
			    width:690px; height:800px;
				position: absolute;
				left: 500px;
				top: 80px;
				z-index: 1;
				margin: 100px 40px 10px 0px;
				border-width: 1px;
				border-style: solid;
				border-color: white;
  }
  
  /*Text Skills*/
  p.skilltext { display:block;
				background-image:url(greenflameHTPC.jpg);
			    width:755px; height:780px;
				position: absolute;
				left: 477px;
				top: 80px;
				z-index: 1;
				margin: 100px 40px 10px 0px;
				border-width: 1px;
				border-style: solid;
				border-color: white;
  }
  
  /*zweiter Hintergrund für Textüberschrift auf Home*/
  h2.layer6uehome { display:block;
			
            width:685px; height:800px;
			position: absolute;
			left: 750px;
			top: 80px;
			z-index: 1;
			margin: 100px 40px 10px 0px; /*definition Aussenabstand ( top, right, bottom, left*/
			border-width: 1px;
			border-style: none;
			border-color: none;
  }
  
  a.counter { display:block;
			background-image:url(http://www.kostenloser-counter.eu/cgi-bin/counter.cgi?id=736576886006168);
			background-repeat: no-repeat;
            width:120px; height:35px;
   position: absolute;
   left: 575px;
   top: 650px;
   z-index: 10;
   margin: 100px 40px 10px 0px; 
   border-width: 0px;
   border-style: none;
   border-color: none;
  }
  
  /*email*/
   a.webmasterkontakt { display:block;
					width:400px; height:10px;
					position: absolute;
					left: 510px;
					top: 650px;
					z-index: 12;
				}
				
	a.webmasterkontakt:hover { 
					width:400px; height:10px;
					position: absolute;
					color: black;
					left: 510px;
					top: 650px;
					z-index: 12;
				}