BODY
{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	margin-top:auto;
	padding:0px;
	height:100%;
	width:100%;
	text-align:center;
	overflow:hidden;
	background-color:#525252;
	font-family:"Times New Roman", Times, serif;
	font-size:11pt;
}

#opacityframe {
	position:absolute;
	z-index:1;
	width:100%;
	height:385px;
	border:solid 0px red;
	top:22%;
	left:0;
	margin-left:auto;
	margin-right:auto;
}
#opacity {
	position:absolute;
	z-index:1;
	width:900px;
	height:385px;
	background-image:url(../images/opacity.png);
	border:solid 0px pink;
	margin-left:-450px;
	margin-top:-193px;
	left:50%;
	top:50%;
}


#bg {
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%;
	z-index:0;
}
	

/* CONTAINER DRITTE EBENE, FASSUNG CONTENT 100% BREITE, Z-INDEX:2 */
#div01 {
	z-index:2;
	position:absolute;
	width:900px;
	height:560px;
	margin-top:-280px;
	margin-left:-450px;
	left:50%;
	top:50%;
	border:solid 0px red;
} /* CONTAINER VIERTE EBENE; INHALTE BREITE 949 PIXEL, Z-INDEX:3 */
	div.content 
	{
		z-index:3;
		width:960px;
		height:560px;
		position:absolute;
		margin-top:-280px;
		margin-left:-480px;
		left:50%;
		top:50%;
		border:solid 0px green;
		}
	/* LOGO-CONTAINER */
		.logo 
		{
			z-index:4;
			position:absolute;
			top:40px;
			left:0px;
			border:solid 0px green;
			}
	/* NAVIGATIONS-CONTAINER */
		.nav 
		{
			z-index:4;
			position:absolute;
			top:140px;
			left:30px;
			width:170px;
			height:380px;
			border:solid 0px red;
			}
	
	/* INHALTS-CONTAINER */
		div.contenttext
		{
			z-index:4;
			width:490px;
			height:348px;
			position:absolute;
			left:210px;
			top:100px;
			overflow:auto;
			text-align:left;
			color:#000000;
			padding:0px;
			border:solid 0px red;
			background-color: #ffffff;
			-moz-border-radius: 8px;
			-moz-border-radius: 8px;
			-khtml-border-radius: 8px;
			border-radius: 8px;
			opacity: .9;
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*4 ie */
			scrollbar-base-color:#503a22;
			scrollbar-3d-light-color:#908b37;
			scrollbar-arrow-color:#908b37;
			scrollbar-darkshadow-color:#000000;
			scrollbar-face-color:#503a22;
			scrollbar-highlight-color:#908b37;
			scrollbar-shadow-color:#000000;
			scrollbar-track-color:#503a22;
			}
		
		.text 
		{
			padding-left:13px;
			padding-right:13px;
			padding-top:13px;
			padding-bottom:13px;
			line-height:20px;
			}
		
		h1 
		{
			margin:0px;
			padding:0px;
			color:#663300;
			font-weight:bold;
			font-size:12pt;
			text-transform:uppercase;
			}
		
		a, a:visited {
			color:#663300;
			text-decoration:none;
			font-size:10pt;
			}
		a:hover {
			color:#000000;
			text-decoration:none;
			font-size:10pt;
			}

		
	
	/* CONTAINER FUER DIE BILDER */
		.images 
		{
			z-index:4;
			width:230px;
			height:338px;
			left:700px;
			top:140px;
			position:absolute;
			padding:0px;
			margin:0px;
			border:solid 0px red;
			}
		/* KLASSEN FUER BILDER VERSCHIEDENER THEMEN */
			/* BILD MIT KUGELN */
			.kugeln {
				background-image:url(../images/banner.jpg);
				background-repeat:no-repeat;
				z-index:5;
				border:solid 0px red;
				height:451px;
				width:336px;
				position:relative;
				}
			
			
	/* INFOLEISTE UNTEN RECHTS */
		div.info {
			z-index:4;
			position:absolute;
			width:100px;
			height:560px;
			text-align:right;
			vertical-align:bottom;
			border:solid 0px red;
			margin-top:-300px;
			margin-left:300px;
			padding-top:500px;
			left:50%;
			top:50%;
			border:solid 0px red;
			}
			
		a.info, a.info:visited, a.info:hover {
			color:#c8ac06;
			font-size:7.5pt;
			text-decoration:none;
			padding-right:7px;
			padding-left:7px;
			text-transform:uppercase;
			}
	

		dl, dt, dd, ul, li {
		margin: 0;
		padding: 0;
		list-style-type: none;
		font-family:"Times New Roman", Times, serif;
		}
		#menu {
		position: absolute;
		top: 6px;
		left: 0;
		}
		#menu {
		width: 170px;
		background-color: #ffffff;
		-moz-border-radius: 8px;
		-moz-border-radius: 8px;
		-khtml-border-radius: 8px;
		border-radius: 8px;
		opacity: .9;
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*4 ie */
		}
		#menu dt {
		cursor: pointer;
		margin-bottom: 4px;
		margin-top: 4px;
		height: 18px;
		line-height: 18px;
		text-align: left;
		font-weight: bold;
		border: 0 none;
		color:#000000;
		font-size:10pt;
		}
		
		#menu dd {
		border: 0 none;
		}
		
		/* ERSTE EBENE OHNE UNTEREBENE */
		#menu dt a:hover {
		color:#663300;
		background-image:url(../images/arrow.png);
		background-repeat:no-repeat;
		padding-left:20px;
		}
		#menu dt a {
		color: #000000;
		text-decoration: none;
		display: block;
		border: 0 none;
		height: 100%;
		padding-left:20px;
		}
		
		/* ZWEITE EBENE */
		#menu li {
		text-align: left;
		font-size:10pt;
		height: 22px;
		line-height: 22px;
		}
		#menu li a {
		color: #000000;
		text-decoration: none;
		display: block;
		border: 0 none;
		height: 100%;
		background-image:url(../images/arrow_sub.png);
		background-repeat:no-repeat;
		padding-left:25px;
		}
		#menu li a:hover {
		color:#663300;
		background-image:url(../images/arrow_sub.png);
		background-repeat:no-repeat;
		padding-left:25px;
		}