@media screen {	
	/* allgemeine angaben */
	html, body, table, tr, td, ul, li, div, p, a, dl, dt, img, hr { 
		padding: 0;
		margin: 0;
		border: 0;
		text-align: left;
		vertical-align: top;
	}
	html {
		height: 100%;
		font-size: 100%;
	}
	body {
		height: 100%;
		background: #F6EEBC url("../bilder/bg_body.gif") repeat-y;
		color: #4E3A00;
		font: 16px/140% Arial, tahoma, verdana, Trebuchet MS, sans-serif;
	}
	.ende-float {
		clear: both;
	}
	#rahmen {
		min-height: 100%;
		width: 100%;
		position: relative;
	}
	*html #rahmen {
		height: 100%;
	}
	#aufbau {
		width: 990px;
	}
	
	
			#diamant {
				position: absolute;
				background: url("../bilder/diamant.png") no-repeat;
				left: 680px;
				top: 75px;
				width: 286px;
				height: 101px;
				z-index: 10000;
			}
			*html #diamant {
				background: none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://service.peretzki.de/fileadmin/ottobittner/design/bilder/diamant.png', sizingMethod='scale')
			}
			#titelbild {
				position: absolute;
				left: 0;
				top: 0;
				display: block;
				width: 100%;
				height: 158px;
				background: url("../bilder/bg_titelbild.gif") repeat-x -1px;
				z-index: 0;
			}
			#titelbild div {
				height: 158px;
				background: url("../bilder/titelbild.jpg") 230px;
				background-repeat: no-repeat;
			}
		
			#spalte-1 {
				margin: 0;
				clear: both;
				float: left;
				width: 230px;
				overflow: hidden;
			}
				#logo {
					width: 230px;
					height: 158px;
					z-index: 2;
				}
			
			#spalte-2 {
				margin: 0;
				float: left;
				width: 500px;
				position: relative;
			}
				#inhalt {
					margin: 182px 20px 0 30px;
				}
				
			#spalte-3 {
				margin: 172px 0 0 20px;
				float: right;
				width: 240px;
				overflow: hidden;
			}
		
		
	#abschluss {
		clear: both;
		height: 50px;
		position: relative;
		margin-top: -50px;
		font-size: 12px;
		color: #D9D1A4;
		overflow: hidden;
	}
	#abschluss div {
		line-height: 130%;
		width: 100%;
		padding-top: 27px;
		margin: 0 0 0 270px;
	}
	
	
}