body{
	background:#B7B5A5 ;font-family:Atlanta; 
	}
h1{margin-top:10px;margin-bottom:10px;text-align:center;font-size:68px;font-family:"belgium"; color:#492309;text-shadow:5px 5px 5px #666;}
h2{margin-top:10px;margin-bottom:10px;text-align:center;font-size:50px; font-family:"atlanta";color:#492309;text-shadow:3px 3px 3px #666;}
h3{margin-top:20px;margin-bottom:10px;text-align:center;font-size:25px;font-family:"atlanta";color:#492309;text-shadow:2px 2px 2px #666;}
	a:link	{color:#492309; border:0em; text-decoration:none;font-size:19px;padding:5px 10px 10px 10px;}
	a:visited {color:#492309;border:0em; text-decoration:none; font-size:19px;padding:5px 10px 10px 10px;}
	a:focus { color:#C4302B;border:0em; text-decoration:none;font-size:17px; padding:5px 20px 20px 10px;}
	a:hover { color:#C4302B;border:0em; text-decoration:none; font-size:17px; padding:5px 20px 20px 10px;}
	a:active {color:#C4302B;border:0em;text-decoration:none; font-size:17px;padding:5px 20px 20px 10px;}
	
ul{
   list-style-type:none;
   margin:0;
   padding:0;
} 
	


#kiste{
	
	margin: auto;
	position: absolute;
	top: 150px;
	left: 0;
	
	right: 0;
			
	height:730px;
	width:1000px;
	 box-shadow: 8px 8px 8px #666;
	border: 5px solid transparent;
	clear;
	
	}
#kiste2{
	position:Absolute;
	margin:auto;
	Top:200px;
	left:500px;
	list-style-type:none;
	background-position:top 250px;
	background-image:url(bilder/bass23.jpg);background-repeat:no-repeat;	
	z-index:0;
	clear;
	}
#kiste3{
	margin:auto;
	
	position:Absolute;
	Top:1630px;
	left: 0;
	
	right: 0;
		
	height:730px;
	width:1000px;
	
	 box-shadow: 8px 8px 8px #666;
	border: 5px solid transparent;
	clear;
	}
#adresse{
	margin:auto;
	position: absolute;
	float:auto;
	top:40px;
	left:45px ;
	padding:10px;
	right: 0;
	height:200px;
	width:1000px;
	 font-size:20px;
	font-weight:bold;
	
	clear;
	}
.band {position:absolute;

padding-left:50%;
Padding-right:50%;
		background-color:none;
		text-align: center;
	
		list-style:none;
		list-style-type:none;
		z-index:2;
		
		}
.band p
  {
	
	font-weight:bold;
font-size:20px;	
	line-height:80%;
	color:#610B21;}
	
.home {position:fixed;absolute;
	top:50px;
	left:45px;
	z-index:5;}
.bild1{margin:auto;
	position:relative;
	height:367px;
	width:550px;
	box-shadow: 8px 8px 8px #666;
	border: 5px solid transparent;
}	
.bild2{margin:auto;
	/*!--position:relative--*/
	height:550px;
	width:367px;
	box-shadow: 8px 8px 8px #666;
	border: 5px solid transparent;
}	
.left    { text-align: left; }
    .right   { text-align: right; }
    .center  { text-align: center; }
    .justify { text-align: justify; }
    .start   { text-align: start; }
    .end     { text-align: end; }		
	
.text{
	position:absolute;
	top:50px;

	width:1000px;
	height:300px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
.person{
	position:absolute;
	top:8px;
	padding:10px 10px 10px 10px;
	width:1000px;
	height:300px;
	font-size:19px;
	font-weight:bold;
}
.set{
		
 position:absolute;
	top:50px;
	width:1000px;
	height:300px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	
}
.bild{
position:absolute;
	top:400px;
	left:450px;
	z-index:2;	
	}/*icon*/
	
	
.menue{Position:fixed; Top:0;
	height:35px;
	width:150px;
	background: #dab981;
	text-align:center;
	padding-top: 8px;
	box-shadow: 5px 5px 5px #666;
	border:1px solid gray;
	
}

.men1{
	position:absolute;
	top:450px;
	left:50px;
	z-index:2;	
	}/*rechts oben*/
	
.men2{
	position:absolute;
	top:550px;
	left:200px;
	z-index:2;	
	}/*rechts unten*/
.men3{
	position:absolute;
	top:650px;
	left:430px;
	z-index:2;	
	}/*unten mitte*/
	
.men4{
	position:absolute;
	top:550px;
	right:200px;
	z-index:2;	
	}/*links unten*/
	
.men5{
	position:absolute;
	top:450px;
	right:50px;
	z-index:2;	
	}/*rechts oben*/

/* für DIe Bilder hover und vergrößern*/
	
div.imageHold  .breit {
  padding: 55px 85px; /* damit der container die höhe des großen bildes annimmt */
  /* andere formatierung, z.B. zentrieren/etc: */
  /* .... */
}

div.imageHold   div  {
  float: left;
  width: 230px;
  height: 150px;
  
  /* ab hier kann man die abstände
  und sonstiges der bilder eintragen */
  margin-left: 50px;
 margin-top:50px;
}

div.imageHold .breit img {
  width: 230px;  /* wir skalieren das große bild auf die kleine größe */
  height: 150px; /* um verpixelung beim vergößern zu verhindern       */
}

div.imageHold .breit img:hover {
  position: absolute;
  margin-left: -85px; /* die hälfte des größenunterschiedes der bilder */
  margin-top: -55px;  /* hier genau so */
  width: 400px;       /* die weite beim vergrößern */
  height: 260px;      /* die höhe beim vergrößern */
}

/* experiment */

div.imageHold .hoch {
  padding: 85px 55px; /* damit der container die höhe des großen bildes annimmt */
  /* andere formatierung, z.B. zentrieren/etc: */
  /* .... */
}
div.imageHold   .breit div  {
  float: left;
  width: 230px;
  height: 150px;
  
  /* ab hier kann man die abstände
  und sonstiges der bilder eintragen */
  margin-left: 50px;
margin-top:50px;
}


div.imageHold .hoch img {
  width: 170px;  /* wir skalieren das große bild auf die kleine größe */
  height: 260px; /* um verpixelung beim vergößern zu verhindern       */
}

div.imageHold .hoch img:hover {
  position: absolute;
  margin-left: -55px; /* die hälfte des größenunterschiedes der bilder */
  margin-top: -85px;  /* hier genau so */
  width: 260px;       /* die weite beim vergrößern */
  height: 400px;      /* die höhe beim vergrößern */
}