/* Body */
	#body { 
		position: absolute; top: 40px; left: 50%; margin-left: -450px; width: 900px; height: 670px;
	}
	.hintergrund {
		background-image: url(../media/hintergrund.gif); background-repeat: no-repeat; 
		background-position: center center;
	}
	
	#impressum {
		position: absolute; top: 420px; left: 20px; width: 50px; height: 12px;
		background-image: url(../media/impressum.gif); background-repeat: no-repeat; 
		background-position: center center; cursor: pointer; cursor: hand;
	}
	
	#copy {
		position: absolute; bottom: 0px; right: 0px; width: 17px; height: 97px;
	}
	
	#dinner {
		position: absolute; bottom: 0px; left: 0px; width: 190px; height: 100px;
		background-image: url(../media/krimidinner.png); background-repeat: no-repeat; 
		background-position: center center; cursor: pointer; cursor: hand;
	}
	
	#titel {
		position: absolute; top: 0px; left: 50%; margin-left: -190px; width: 380px; height: 420px;
		background-image: url(../media/obbendorf_intro.gif); background-repeat: no-repeat; 
		background-position: center top;
	}
	
	#text {
		position: absolute; top: 0px; left: 0px; width: 300px; height: 420px;
	}
	
	#text img { text-align: left; float: left; margin-right: 10px; margin-bottom: 250px; }
	
	.intro {
		background-image: url(../media/intro_neu.jpg); background-repeat: no-repeat; 
		background-position: center center;
	}
	
	#business {
		position: absolute; bottom: 50px; left: 125px; width: 200px; height: 200px;
		background-image: url(../media/business.png); background-repeat: no-repeat; 
		background-position: center center; z-index: 2;
	}
	
	#feier {
		position: absolute; bottom: 50px; right: 125px; width: 200px; height: 200px;
		background-image: url(../media/feier.png); background-repeat: no-repeat; 
		background-position: center center; z-index: 2;
	}
	
	#event {
		position: absolute; bottom: 10px; left: 50%; margin-left: -100px; width: 200px; height: 200px;
		background-image: url(../media/event.png); background-repeat: no-repeat; 
		background-position: center center; z-index: 2;
		vertical-align: bottom;
	}
	
	.weiche {
		display: block; height: 100%; padding-top: 2px; padding-left: 5px; color: #1F4031; 
		font-family: Arial; font-size: 20pt; font-weight: none; text-decoration: none;
		letter-spacing: -1px;
		background-image: url(../media/weiche_bg_normal.png); background-repeat: no-repeat;
		background-position: center 170px; vertical-align: bottom;
	}
	
	.weiche:hover { background-image: url(../media/weiche_bg_hover.png); color: #FFFFFF; }
	
	.weiche p { margin-top: 167px; padding-left: 2px; }
	
	.blocklink { display: block; height: 100%; width: 100%; }
	
	.body { 
		color: black; font-size: 13px; line-height: 15px; margin-top: 0px;
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; 
	}
	
	.body img { text-align: left; float: left; padding-right: 10px; }
	
	.high { 
		color: #900; font-size: 13px; line-height: 15px; 
		font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; 
	}
	
	.sektion { 
		color: #1F4031; font-family: Arial; font-size: 20pt; font-weight: none; text-decoration: none;
		letter-spacing: -1px; margin-top: 10px;
	}
	
	/* DIVs, die ein- und ausgeblendet werden */
	.outside { position: absolute; top: 60px; right: 40px; width: 420px; height: 300px; visibility: hidden; }

	/* Bildleisten von unten nach oben (in der Galerie gibt es 3 Seiten */
	#leiste1 { position: absolute; bottom: 100px;  right: 50px; width: 800px; height: 80px; }
	#leiste2 { position: absolute; bottom: 180px; right: 50px; width: 800px; height: 80px; }
	#leiste3 { position: absolute; bottom: 260px; right: 50px; width: 800px; height: 80px; }
	
	.bild	{ width: 80px; height: 80px; float: right; background-repeat: no-repeat; 
			  cursor: pointer; cursor: hand; }
	.oben 	{ background-position: 20px  0px; }
	.unten 	{ background-position: 20px 20px; } 
	
	/* Navigation */
	#menue_spacer								{ height: 10px; width: 50px; }
	#menue 										{ position: absolute; top: 10px; right: 10px; 
												  width: 750px; height: 25px; }
	ul#Navigation		 						{ margin: 0; text-align: right; }
  	ul#Navigation li 							{ text-transform: lowercase; list-style: none; display: inline; 
  										  		  margin: 0.4em; padding: 0; border-left: 1px solid #000; 
  										  		  font-size: 11px; }
  	ul#Navigation a, ul#Navigation span 		{ padding: 0.2em 1em; text-decoration: none; color: #000; 
  												  font-family: Arial; font-size: 11px; }
    ul#Navigation a:hover, ul#Navigation span	{ color: #990000; font-family: Arial; font-size: 11px; }
    
    /* Super-Geile Buttons als Link <a><span>LINK</span></a> */
	a.button {
	    background: transparent url('../media/bg_button_a.png') no-repeat scroll top right;
	    color: #444;
    	display: block;
    	float: left;
    	font: normal 12px arial, sans-serif;
    	height: 24px;
    	margin-right: 6px;
    	padding-right: 18px; /* sliding doors padding */
    	text-decoration: none;
    	outline: none; /* hide dotted outline in Firefox */
	}

	a.button span {
    	background: transparent url('../media/bg_button_span.png') no-repeat;
    	display: block;
    	line-height: 14px;
    	padding: 5px 0 5px 18px;
	}
	
	a.button:active {
		background-position: bottom right;
    	color: #000;
    	outline: none; /* hide dotted outline in Firefox */
	}

	a.button:active span {
    	background-position: bottom left;
    	padding: 6px 0 4px 18px; /* push text down 1px */
	}