html, body{
	height:90%;
	text-align:center;
}
html{
	overflow:scroll;
	height:90%;}
spacer{
	height:50%;
	margin-top:-300px;
}

#container{
	position:relative;
	margin:auto;
	width:776px;
	/*height:536px;*/
	background-image:url(Bilder/body-top.gif);
	background-repeat:no-repeat;
	text-align:left;
}

#logo{
	background-image:url(Bilder/Kopf/logo.gif);
	width:415px;
	height:193px;
	position:relative;
	left:14px;
	top:26px;
	z-index:100;
	}

#logo_bild{
	/*background-image:url(Bilder/Kopf/logo_bild.gif);*/
	width:99px;
	height:185px;
	position:relative;
	left:14px;
	top:26px;
	z-index:100;
	}
	
#ohnecss{
	display:none;
}
	
#logo_schrift{
	background-image:url(Bilder/Kopf/logo_schrift.gif);
	width:298px;
	height:55px;
	position:relative;
	left:-73px;
	top:90px;
	z-index:100;
	}



#kopfhintergrund{
	background-image:url(Bilder/Kopf/kopfhintergrund.gif);
	width:568px;
	height:104px;
	position:relative;
	top:-180px;
	left:200px;
	z-index: 400;
}

#impressum{
	background-image:url(Bilder/Kopf/impressum-n.gif);
	width:110px;
	height:24px;
	position:absolute;
	left:437px;
	top:62px;
	display:block;
	z-index: 502;
}

#impressum:hover{
	background-image:url(Bilder/Kopf/impressum-r.gif);
	z-index:600;

}


#kontakt{
	background-image:url(Bilder/Kopf/kontakt-n.gif);
	width:109px;
	height:25px;
	position:absolute;
	left:346px;
	top:43px;
	display:block;
	z-index: 489;
}

#kontakt:hover{
	background-image:url(Bilder/Kopf/kontakt-r.gif);
	z-index:600;
}



#termine{
	background-image:url(Bilder/Kopf/termine-n.gif);
	background-position:left top;
	width:109px;
	height:25px;
	position:absolute;
	left:260px;
	top:53px;
	display:block;
	z-index: 499;
}
#termine:hover{
	background-image:url(Bilder/Kopf/termine-r.gif);
	z-index:600;

}
#aktuelles{
	background-image:url(Bilder/Kopf/aktuell-n.gif);
	color:none;
	width:98px;
	height:26px;
	position:absolute;
	left:-73px;
	top:40px;
	display:block;
	z-index: 600;
}
#aktuelles:hover{
	background-image:url(Bilder/Kopf/aktuell-r.gif);
	z-index:600;

}



#projekt{
	background-image:url(Bilder/Kopf/projekt-n.gif);
	width:150px;
	height:25px;
	position:absolute;
	left:142px;
	top:35px;
	display:block;
	z-index: 498;
}
#projekt:hover{
	background-image:url(Bilder/Kopf/projekt-r.gif);
	z-index:600;

}

#theaterstuecke{
	background-image:url(Bilder/Kopf/theater-n.gif);
	width:140px;
	height:28px;
	position:absolute;
	left:19px;
	top:44px;
	display:block;
	z-index: 499;
}
#theaterstuecke:hover{
	background-image:url(Bilder/Kopf/theater-r.gif);
	z-index:600;

}

#uns{
	background-image:url(Bilder/Kopf/ueberuns-n.gif);
	width:110px;
	height:25px;
	position:absolute;
	left:283px;
	top:75px;
	display:block;
	z-index: 300;
}
#uns:hover{
	background-image:url(Bilder/Kopf/ueberuns-r.gif);
	z-index:600;

}

#medidadaten{
	background-image:url(Bilder/Kopf/mediadaten-n.gif);
	width:99px;
	height:27px;
	position:absolute;
	left:180px;
	top:13px;
	display:block;
	z-index: 480;
}
#medidadaten:hover{
	background-image:url(Bilder/Kopf/mediadaten-r.gif);
	z-index:600;

}


.fuss{
	height: 83px;
	position:relative;
	bottom: 125px;
	background-image:url(Bilder/body.gif);
	background-position:bottom;
	z-index:100;
	padding-left:0px;
	margin:auto;
	width:776px;
	background-repeat:no-repeat;

	}
	
	



.fuss img{
	margin-top:20px;
	margin-right:7px;
	}
	
#ali_kreis{
	margin-left:30px;
}
	
#ali_over{
	background-image:url(Bilder/rollover/ali.gif);
	width: 155px;
	height: 20px;
	position: absolute;
	left:2px;
	/*top: -22px; DIESER WERT WIRD NICHT BENÖTIGT, DA ALLE MouseOver-Popups PER "#fuss div" POSITIONIERT WERDEN!!! */
	}

#tobi_over{
	background-image:url(Bilder/rollover/tobi.gif);
	width: 93px;
	height: 20px;
	position: absolute;
	left:176px;
	}

#papa_over{
	background-image:url(Bilder/rollover/papa.gif);
	width: 155px;
	height: 20px;
	position: absolute;
	left:505px;
	}

#pharao_over{
	background-image:url(Bilder/rollover/pharao.gif);
	width: 155px;
	height: 20px;
	position: absolute;
	left:557px;
	}
	
#internet_over{
	background-image:url(Bilder/rollover/internet.gif);
	width: 113px;
	height: 20px;
	position: absolute;
	left:321px;
	}

#nessi_over{
	background-image:url(Bilder/rollover/nessi.gif);
	width: 129px;
	height: 20px;
	position: absolute;
	left:367px;
	}

#tanne_over{
	background-image:url(Bilder/rollover/tanne.gif);
	width: 205px;
	height: 20px;
	position: absolute;
	left:223px;
	}

#china_over{
	background-image:url(Bilder/rollover/china.gif);
	width: 205px;
	height: 20px;
	position: absolute;
	left:381px;
	}

#ww_over{
	background-image:url(Bilder/rollover/ww.gif);
	width: 113px;
	height: 20px;
	position: absolute;
	left:639px;
	}
	
#jojo_over{
	background-image:url(Bilder/rollover/jojo.gif);
	width: 191px;
	height: 20px;
	position: absolute;
	left:70px;
	}
	
#nemo_over{
	background-image:url(Bilder/rollover/nemo.gif);
	width: 155px;
	height: 20px;
	position: absolute;
	left:460px;
	}

	
.fuss div{
top:0px; /* Hier werden ALLE MouseOver-Popups in der Höhe positioniert!!! Verschachtelt! Erklär ich dir noch^^ */
visibility:hidden;
}




#content{
background-image:url(Bilder/body-slice.gif);
top:-125px;
position:relative;
width:100%;
}

#c2{
margin-right:55px;
margin-left:140px;
clear:both;
min-height:400px;

}