/*******************************

    Stylesheet Eiscafe Kampanile
    Name: style.css
    Stand: Juni 2007
	
    Version 0.1
    
    Farbdefinitionen:
    			
    
		
		
********************************/



html, body, div, p, h1, h2, h3, ul, ol, 
span, a, table, td, form, img, li {
   margin: 0;
   padding: 0;
   font-family: Arial, Verdana, Geneva, Helvetica;
   font-size: 11px;
}

.indexanschrift {
	position: relative; 
	top: -15px;
	left: 220px;
	color:#DC871A;
	font-size: 11px;
	z-index:5;
	border: 0;
}

.indextext{
		position:relative;
		width: 550px;
		font-size: 11px;
		color:#666666;
		line-height: 15px;
		left: 220px;
		top: -20px;
		clear: both;
		z-index:4;
		}
		
/*############################################
Navigation
############################################*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
}

.background {
 background-repeat: no-repeat;
 }
 
.center { /* anwendung eines hacks */
	/*/*/
	text-align: left;
	/**/
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	width: 700px;
	height: 599px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-image:url(../bilder/haus-scan.jpg);
	background-repeat: no-repeat;

}
	
.navi{
		width: 130px;
		/*height: 18px;*/
		border-color: #ffffff;
		z-index:3;
		font-size: 11px;
		color:#ffffff;
		text-align:left;
		margin: 8px;
}

a.email {
text-decoration: none;
color: #ffffff;
font-size: 11px;
}

a.email:visited {
text-decoration: none;
color: #ffffff;
font-size: 11px;

}

a.email:hover {
text-decoration:overline;
color: #DFCAB0;
font-size: 11px;
}

a.email:activ{
text-decoration: none;
color: #ffffff; 
font-size: 11px;

}

a.webmaster {
					text-decoration: underline #000000;
					color: #666666;
					font-size: 10px;
					}
					
					a.webmaster:visited {
					text-decoration: underline #000000;
					color: #666;
					font-size: 10px;
					}
					
					a.webmaster:hover {
					text-decoration: none;
					color: #666;
					font-size: 10px;
					}
					
					a.webmaster:activ {
					text-decoration: underline #000000;
					color:#666; 
					font-size: 10px;
}					

.inhalt {
										position:relative; 
										left:220px;
										top:-5px;
										width: 650px;
										height: 8px;
										color:#666;
										font-size: 10px;
										z-index:5;
										border: 0;
}	

.leer {
	position:relative;
	width: 400px;
	height: 80px;
	top: 0px;
	left: 45px;
	border: 0;
	z-index: 6;
	}

.liste4{
	position:absolute; 
	top: 10px;
	left: 0px;
	width: 450px;
	font-size: 11px;
	color:#666666;
	padding: 20px;
	z-index:4;
	border: 0;
}

.listpunkt {
	font-size: 11px;
	list-style: square;
	text-align: left;
	padding:2px;
	}
	
.listpunkt2 {
	font-size: 11px;
	text-align: left;
	color: #DC871A;
	padding:2px;
	list-style: none;

	}
	
/*Impressum*/
.imp1{
		position:relative;
		width: 550px;
		font-size: 11px;
		color:#666666;
		line-height: 15px;
		left: 220px;
		top: -20px;
		float: left;
		}

a.dmail {
text-decoration: underline #000000;
color: #DC871A;

}

a.dmail:visited {
text-decoration: underline #000000;
color: #DC871A;

}

a.dmail:hover {
text-decoration: underline;
color: #666666;
}

a.dmail:activ {
text-decoration: underline #000000;
color:#DC871A; 

}
/*Ende Impressum*/

.platte1{
		position:relative;
		left: 500px;
		top: -70px;
		z-index: 3;
		}
		
.platte2{
		position:relative;
		left: 357px;
		top: 40px;
		z-index: 3;
		}
		
.platte3{
		position:relative;
		left: 214px;
		top: 150px;
		z-index: 3;
		}
		
.eis{
		position:relative;
		left:450px;
		top: 0px;
		z-index: 1;
		}
		
.obst{
		position:relative;
		left: -200px;
		top: 160px;
		z-index: 1;
		}
		
.lichtenstein{
		position:relative;
		left: 220px;
		top: -30px;
		z-index: 1;
		}
		
.kaufmarkt{
		position:relative;
		left: 230px;
		top: -30px;
		z-index: 1;
		}

.thurm{
		position:relative;
		left: 77px;
		top: -234px;
		z-index: 1;
		}

.kreationen1{
		position:relative;
		left:160px;
		top: -30px;
		z-index: 1;
		}

.kreationen2{
		position:relative;
		left:160px;
		top: -30px;
		z-index: 1;
		}
		
.kreationen3{
		position:relative;
		left:160px;
		top: -30px;
		z-index: 1;
		}
		
.kreationen4{
		position:relative;
		left:-164px;
		top: 93px;
		z-index: 1;
		}
		
.kreationen5{
		position:relative;
		left:160px;
		top: -30px;
		z-index: 1;
		}
		
.kreationen6{
		position:relative;
		left:-2px;
		top: 93px;
		z-index: 1;
		}
		
.kreationen7{
		position:relative;
		left:161px;
		top: -30px;
		z-index: 1;
		}
		
.kreationen8{
		position:relative;
		left:-1px;
		top: 93px;
		z-index: 1;
		}
		
.kreationen9{
		position:relative;
		left:323px;
		top: -30px;
		z-index: 1;
		}

.collage{
		position:relative;
		left:0px;
		top: 20px;
		z-index: 1;
		}