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:"arial", arial, helvetica;
	font-size:10pt;
}

#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:30px;
			left:0px;
			border:solid 0px green;
			}
	/* NAVIGATIONS-CONTAINER */
		.nav 
		{
			z-index:4;
			position:absolute;
			top:160px;
			left:30px;
			width:200px;
			height:300px;
			overflow:auto;
			border:solid 0px red;
			}
	
	/* INHALTS-CONTAINER */
		div.contenttext
		{
			z-index:4;
			width:480px;
			height:348px;
			position:absolute;
			left:230px;
			top:100px;
			overflow-y:auto;
			overflow-x:hidden;
			text-align:left;
			color:#075ebd;
			padding:0px;
			border:solid 0px red;
			}
		
		.text 
		{
			padding-left:13px;
			padding-right:13px;
			padding-top:13px;
			padding-bottom:13px;
			line-height:20px;
			}
		
		h1 
		{
			margin:0px;
			padding:0px;
			color:#c8ac06;
			font-weight:bold;
			font-size:12pt;
			text-transform:uppercase;
			font-style:italic;
			}
		
		a, a:visited {
			color:#075ebd;
			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:"arial", Times, serif;
		}
		#menu 
		{
		position: absolute;
		top:6px;
		left:0px;
		width: 170px;
		}
		#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:#075ebd;
		font-size:10pt;
		font-style:italic;
		}
		
		#menu dd {
		border: 0 none;
		}
		
		/* ERSTE EBENE OHNE UNTEREBENE */
		#menu dt.sel {
		color:#075ebd;
		background-image:url(../images/palme.png);
		background-repeat:no-repeat;
		font-style:italic;
		}
		#menu dt a:hover {
		color:#075ebd;
		background-image:url(../images/palme.png);
		background-repeat:no-repeat;
		padding-left:20px;
		font-style:italic;
		}
		#menu dt a {
		color: #075ebd;
		text-decoration: none;
		display: block;
		border: 0 none;
		height: 100%;
		padding-left:20px;
		font-style:italic;
		}
		
		/* ZWEITE EBENE */
		#menu li {
		text-align: left;
		font-size:10pt;
		line-height: 22px; !important
		height:22px; !important
		}
		#menu li a {
		color: #c8ac06;
		text-decoration: none;
		display: block;
		border: 0 none;
		height: 100%;
		padding-left:25px;
		font-style:italic;
		}
		#menu li a:hover {
		color:#075ebd;
		background-image:url(../images/palme.png);
		background-repeat:no-repeat;
		background-position:7px;
		padding-left:25px;
		font-style:italic;
		font-weight:bold;
		}
		#menu li.sel, #menu li.sel a {
		color:#075ebd;
		background-image:url(../images/palme.png);
		background-repeat:no-repeat;
		background-position:7px;
		font-style:italic;
		font-weight:bold;
		}
		
		/* Dritte EBENE */
		#menu li.sub {
		text-align: left;
		font-size:9pt;
		line-height:22px;
		padding-left:10px;
		}

		#menu li.sub a {
		font-size:9pt;
		color: #c8ac06;
		text-decoration:none;
		display:block;
		border:0 none;
		font-style:italic;
		}
		#menu li.sub a:hover {
		font-size:9pt;
		color: #075ebd;
		text-decoration:none;
		background-image:url(../images/palme2.png);
		background-position:top left;
		background-repeat:no-repeat;
		display:block;
		border:0 none;
		font-style:italic;
		font-weight:normal;
		}
/* FORMULAR */
	.form, input {
		font-size:10pt;
		color:#075ebd;
	}
	.form td {
		height:30px;
		vertical-align:middle;
	}