@charset "utf-8";
/* CSS Document */


<style type="text/css">
* {padding: 0; margin: 0;}



.text {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #995641;
}



body {background-color:#ffffff;
	color:#000000;
	font-family:Verdana, Geneva, sans-serif;
	margin:0px;}
	
body a {color:#000000;}

#navibereich li {
  display: inline;            /* Listenelemente nebeneinander */
  list-style-type: none;      /* Aufzählungszeichen entfernen */
}

#navibereich {
  background-color: #f2f4dc;        /* Hintergrundfarbe für die Navigation */
  padding: 2px 0;                   /* Innenabstand: oben/unten 4px, li/re 0 */
  border-top: 2px solid #975a3e;    /* Rahmenlinie oben */
  border-bottom: 2px solid #975a3e; /* Rahmenlinie unten */
  margin: 2px;                        /* Keinen Außenabstand */
  text-align:center;
  width: 1024px;
  position: absolute;
top: 300px;
left: 50%;
margin-left: -510px;

}

#navibereich a {
  color: #975a3e;                  /* Schriftfarbe schwarz */ 
  text-decoration: none;         /* Unterstreichung entfernen */ 
  padding: 4px 30px;              /* oben/unten 4px, re/li 8px */
}

#navibereich a:hover {
  background-color: #000000;
}


#navibereich a:hover,        /* mit Komma am Ende */
#startseite #home a,       /* mit Komma am Ende */
#kontakt #kontakt a,       /* mit Komma am Ende */
#impressum #impressum a {    /* ohne Komma am Ende */
  background-color: #f2f4dc;
}






header {background-color:#ffffff;
	color: #ffffff;
	font-size: xx-large;
	font-style:italic;
	font-weight:bolder;
	padding: 0px;
	text-align:center;
	}
	

main {background-color:#ffffff;
	color: #000000;
	text-align:center;
	 width: 1024px;
 background: #ffffff;
position: absolute;
left: 50%;
margin-left: -400px;
top: 400px;
}

footer {
	background-color:#f2f4dc;
	clear:left;
	color:#975a3e;
	font-size:medium;
	font-style:italic;
	font-weight:bolder;
	padding-bottom:5px;
	padding-top:2px;
	text-align:center;
    width: 1024px;
    position: absolute;
    top: 800px;
    left: 50%;
    margin-left: -510px;
}





#banner3 {
 width: 800px;
 position: absolute;
 background: #ffffff;
left: 50%;
margin-left: -400px;
top:650px;
}



.tri {
 float: left;
 width: 33.3%;
}

.tri img {
 width: 93%;
 margin: 8px 3%;
 border: 1px solid #ccc;
}

.tri:hover {
-webkit-transform:scale(1.2);
transform:scale(1.2);
}
.tri {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}


.clear {
 clear: both;
}
</style>