html {
	overflow: hidden;
}
body {
	background-color: #e1e1e1;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
}
#main {
    background-color: white;
    background-image:url(images/seitenhintergrund.gif);
	 background-repeat: repeat-x;
    margin: -250px 0 0 0px;
	 border-top:1px solid #999999;
	 border-bottom:1px solid #999999;
    position:absolute;
    top: 50%;
    left: 0%;
    width: 100%;
    height: 500px;
	 text-align: center;
    }
#rahmen {
	 position:absolute;
	left: 50%;
	margin: 15px 0 0 -500px;
    width: 1000px;
    height: 470px;
	 text-align: left;
	 
}
.navigation {
	position:absolute;
	z-index: 10;
	top:20px;
	left:40px;
}
.logo {
	position:absolute;
	z-index: 10;
	width:260px;
	height:140px;
	left:390px;
}
.hintergrund {
	position:absolute;
	z-index: 5;
	width:397px;
	height:450px;
	top:16px;
	left:550px;
}
.hintergrund2 {
	position:absolute;
	z-index: 5;
	width:182px;
	height:158px;
	top:310px;
}
/* Startseite*/
.willkommen {
	position:absolute;
	z-index: 15;
	width:600px;
	height:60px;
	top:120px;
	left:140px;
}
.text {
	position:absolute;
	z-index: 16;
	width:280px;
	height:260px;
	top:170px;
	left:140px;
}
.imagebild{
	position:absolute;
	z-index: 16;
	width:258px;
	height:174px;
	top:190px;
	left:460px;
	
}
.info {
	position:absolute;
	z-index: 16;
	width:180px;
	height:260px;
	top:180px;
	left:820px;
	color:#666666;
	font-size: 11px;
	
}
.info p{
	padding:0px;
	margin:2px 0px;
}
.info a{
	text-decoration: none;
	color:#666666;
}
.info a:hover {
	text-decoration: underline;
}
.zeiten {
	position:absolute;
	z-index: 16;
	width:300px;
	height:30px;
	top:400px;
	left:450px;
	font-size: 10px;
}
/*Teeseite*/
.teeheader {
	position:absolute;
	z-index: 16;
	width:151px;
	height:121px;
	top:130px;
	left:150px;
	background-image:url(images/kelle_tee.png);
	background-repeat:no-repeat; 
}
.headline {
	position:absolute;
	z-index: 16;
	width:400px;
	height:50px;
	top:130px;
	left:301px;
	background-image:url(images/horizontal3.gif);
	background-repeat:repeat-x;
	background-position: bottom;
}
.teetext {
	position:absolute;
	z-index: 16;
	width:380px;
	height:200px;
	top:214px;
	left:320px;
}
.teeladen {
	position:absolute;
	z-index: 16;
	width:179px;
	height:129px;
	top:260px;
	left:120px;
}
.teebild {
	position:absolute;
	z-index: 16;
	width:202px;
	height:339px;
	top:100px;
	left:750px;
}
/*kaffeeseite*/
.kaffeeheader {
	position:absolute;
	z-index: 16;
	width:151px;
	height:121px;
	top:130px;
	left:150px;
	background-image:url(images/kelle_kaffee.png);
	background-repeat:no-repeat; 
}
.kaffeetext {
	position:absolute;
	z-index: 16;
	width:480px;
	height:200px;
	top:214px;
	left:320px;
}
.kaffeeladen {
	position:absolute;
	z-index: 16;
	width:129px;
	height:179px;
	top:260px;
	left:170px;
}
.kaffeebild {
	position:absolute;
	z-index: 16;
	width:171px;
	height:141px;
	top:280px;
	left:790px;
}