@charset "utf-8";
body {
  margin: 15px;
  height: 100%;
}
#top {
  width: 1px;
  float: left;
  height: 50%;
}
#oben {
  margin: 0 auto;
  clear: left;
  position: relative;
  height: 190px;
  width: 800px;
  background-image: url(../Graphic/BG_oben.png);
  background-repeat: no-repeat;

}
#zwischen {
  margin: 0 auto;
  clear: left;
  position: relative;
  min-height: 550px;
  height: 100%;
  width: 800px;
  background-image: url(../Graphic/BG_zwischen.png);
  background-repeat: repeat-y;
 
}
#unten {
  margin: 0 auto;
  clear: left;
  position: relative;
  height: 9px;
  width: 800px;
  background-image: url(../Graphic/BG_unten.png);
  background-repeat: no-repeat;

}
#Inhalt {
	width:550px;
	min-height: 550px;
	margin-left: 217px;
	margin-top: -380px;
	margin-bottom: 30px;
	font-family: 'Verdana','Arial';
	font-weight:1em;
	text-align: left;
	background-image: url(../Graphic/Wasserzeichen.png);
	background-repeat: no-repeat;
	background-position: center; 
}
#Startseite {
	width: 140px;
	height: 30px;
	text-decoration: none;
	display: block;
	background:url(../Graphic/Startseite.png)
	}
#Startseite:hover, #Startseite:active {
	background-position:bottom;
}
#Team {
	width: 140px;
	height: 30px;
	text-decoration: none;
	display: block;
	background:url(../Graphic/Team.png)
	}
#Team:hover, #Team:active {
	background-position:bottom;
}
#Technik {
	width: 140px;
	height: 30px;
	text-decoration: none;
	display: block;
	background:url(../Graphic/Technik.png)
	}
#Technik:hover, #Technik:active {
	background-position:bottom;
}
#Dienst {
	width: 165px;
	height: 35px;
	text-decoration: none;
	display:block;
	background:url(../Graphic/Dienstleistung.png)
	}
#Dienst:hover, #Dienst:active {
	background-position:bottom;
}
#Shop {
	width: 165px;
	height: 35px;
	text-decoration: none;
	display: block;
	background:url(../Graphic/Shop.png)
	}
#Shop:hover, #Shop:active {
	background-position:bottom;
}
#Bilder {
	width: 140px;
	height: 30px;
	text-decoration: none;
	display: block;
	background:url(../Graphic/Bilder.png)
	}
#Bilder:hover, #Bilder:active {
	background-position:bottom;
}
#Videos {
	width: 140px;
	height: 30px;
	text-decoration: none;
	display: block;
	background:url(../Graphic/Videos.png)
	}
#Videos:hover, #Videos:active {
	background-position:bottom;
}
#Kontakt {
	width: 140px;
	height: 30px;
	text-decoration: none;
	display: block;
	background:url(../Graphic/Kontakt.png)
	}
#Kontakt:hover, #Kontakt:active {
	background-position:bottom;
}

/* ÜBERSCHRIFTEN */

#uschrift{
  	margin-left: 100px;
	font-size: 2.0em;
	font-family: 'Eras Demi ITC','Verdana','Arial';
	letter-spacing:3px;
	padding-top: 10px;
}
#uschrift2{
  	margin-left: 100px;
	font-size: 1em;
	font-family: 'Eras Demi ITC','Verdana','Arial';
	letter-spacing:3px;
	font-weight:100;
}
#uschrift3{
	text-align: center;
	font-weight: bold;
	font-size: 2em;
	letter-spacing: 3px;
	margin-top: 25px;
}
.uinhalt{
	text-align: left;
	font-weight: normal;
	letter-spacing: 0,0em;
	font-size: 1em;
}
.uinhaltU{
	text-align: left;
	font-weight: bold;
	letter-spacing: 0,3em;
	font-size: 1.1em;
}
#uLeiste{

	text-align: right;
	font-family: 'Verdana','Arial';
	font-size: 1em;
	margin-right: 15px;

	height: 190px;
	
}
.amend{
	font-family: 'Verdana','Arial';
	font-size: 1em;
	color:#000;
	text-decoration:underline;
	text-align:left;
	}
.amend:hover, .amend:active {
	background-color:#3f0;
	color:#FFF;
}