BODY
{
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	width:100%;
	height:100%;
	background-color:#525252;
	text-align:center;
	overflow:hidden;
	font-family:Century Gothic, Verdana, Sans-Serif;
	font-size:10pt;
}

/* CONTAINER ERSTE EBENE FUER DIE HINTERGRUND-FARBFLAECHEN; Z-INDEX:0 */

	div.div01 /* links oben */
	{
		background-color:#525252;
		position:absolute;
		top:0px;
		left:0px;
		height:50%;
		width:50%;
		z-index:0;
		}
		
	div.div02 /* rechts oben */
	{
		background-color:#949494;
		position:absolute;
		top:0px;
		right:0px;
		height:50%;
		width:50%;
		z-index:0;
		}
		
	div.div03 /* rechts unten */
	{
		background-color:#525252;
		position:absolute;
		bottom:0px;
		right:0px;
		height:50%;
		width:50%;
		z-index:0;
		}

	div.div04 /* links unten */
	{
		background-color:#949494;
		position:absolute;
		bottom:0px;
		left:0px;
		height:50%;
		width:50%;
		z-index:0;
		}
		
/* CONTAINER ZWEITE EBENE HINTERGRUNDKACHEL AUF 949 PIXEL BREITE; Z-INDEX:1 */
	div.div05 /* CONTAINER ZUM FASSEN */ 
	{
		z-index:1;
		width:100%;
		height:100%;
		position:absolute;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		padding:0px;
		top:0px;
		left:0px;
		border:solid 0px red;		
		}

	div.div06 /* BG-KACHEL OBEN */ 
	{
		z-index:1;
		margin-left:auto;
		margin-right:auto;
		background-image:url(../images/global_oben.gif);
		background-repeat:repeat-y;
		background-position:center;
		width:949px;
		height:50%;
		position:relative;
		top:0px;
		border:solid 0px green;
		}
		
	div.div07 /* BG-KACHEL UNTEN */ 
	{
		z-index:1;
		margin-left:auto;
		margin-right:auto;
		background-image:url(../images/global_unten.gif);
		background-repeat:repeat-y;
		background-position:center;
		width:949px;
		height:50%;
		position:relative;
		bottom:0px;
		border:solid 0px red;
		}

/* CONTAINER DRITTE EBENE, FASSUNG CONTENT 100% BREITE, Z-INDEX:2 */
	div.div08 /* BG-KACHEL CONTENT */ 
	{
		z-index:2;
		background-image:url(../images/bg_kachel.gif);
		background-repeat:repeat-x;
		background-position:0 81;
		width:100%;
		position:absolute;
		height:560px;
		left:50%;
		top:50%;
		margin-top:-280px;
		margin-left:-50%;
		text-align:center;
		border:solid 0px red;
		}	
 /* CONTAINER VIERTE EBENE; INHALTE BREITE 949 PIXEL, Z-INDEX:3 */
	div.content 
	{
		margin-left:auto;
		margin-right:auto;
		z-index:3;
		width:949px;
		height:560px;
		position:relative;
		border:solid 0px green;
		}
	/* LOGO-CONTAINER */
		.logo 
		{
			z-index:4;
			position:absolute;
			top:0px;
			left:0px;
			}
	/* NAVIGATIONS-CONTAINER */
		.nav 
		{
			z-index:4;
			position:absolute;
			top:113px;
			left:0px;
			width:183px;
			height:419px;
			background-color:#dfdfdf;
			border:solid 0px red;
			}
	
	/* INHALTS-CONTAINER */
		div.contenttext
		{
			z-index:4;
			width:377px;
			height:450px;
			border-left:solid 1px #A4A4A4;
			border-right:solid 1px #A4A4A4;
			position:absolute;
			left:197px;
			top:82px;
			background-color:#2F2F2F;
			overflow:auto;
			text-align:justify;
			color:#d5d5d5;
			padding:0px;
			scrollbar-base-color:#2F2F2F;
			scrollbar-3d-light-color:#A4A4A4;
			scrollbar-arrow-color:#A4A4A4;
			scrollbar-darkshadow-color:#000000;
			scrollbar-face-color:#2F2F2F;
			scrollbar-highlight-color:#A4A4A4;
			scrollbar-shadow-color:#000000;
			scrollbar-track-color:#2F2F2F;
			}
		
		.text 
		{
			padding-left:13px;
			padding-right:13px;
			padding-top:43px;
			padding-bottom:13px;
			line-height:22px;
			}
		
		h1 
		{
			margin:0px;
			padding:0px;
			color:#FD9B2B;
			font-weight:lighter;
			font-size:10pt;
			text-transform:uppercase;
			}
		
		a, a:visited {
			color:#d5d5d5;
			text-decoration:none;
			font-size:10pt;
			}
		a:hover {
			color:#FD9B2B;
			text-decoration:none;
			font-size:10pt;
			}

		
	/* QUICKLINKS */
		div.quick 
		{
			z-index:4;
			position:absolute;
			top:64px;
			left:589px;
			width:336px;
			height:17px;
			background-color:#FD9B2B;
			}
		span.quick {
			color:#FFFFFF;
			font-size:7.5pt;
			text-transform:uppercase;
			padding-left:10px;
			padding-right:10px;
			letter-spacing:1px;

			}
		a.quick, a.quick:visited, a.quick:hover {
			color:#FFFFFF;
			font-size:7.5pt;
			text-decoration:none;
			text-transform:uppercase;
			padding-left:10px;
			padding-right:10px;
			letter-spacing:1px;
			}
	
	/* CONTAINER FUER DIE BILDER */
		.images 
		{
			z-index:4;
			width:336px;
			height:451px;
			left:589px;
			top:81px;
			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;
				}
				
			.kugeln_digitale_praesentation {
				background-image:url(../images/banner02.jpg);
				background-repeat:no-repeat;
				z-index:5;
				border:solid 0px red;
				height:451px;
				width:336px;
				position:relative;
				}
				
			.kugeln_public_relations {
				background-image:url(../images/banner_public_relations.jpg);
				background-repeat:no-repeat;
				z-index:5;
				border:solid 0px red;
				height:451px;
				width:336px;
				position:relative;
				}
				
			.kugeln_digitale_medien {
				background-image:url(../images/banner_digitale_medien.jpg);
				background-repeat:no-repeat;
				z-index:5;
				border:solid 0px red;
				height:451px;
				width:336px;
				position:relative;
				}
				
			.kugeln_printmedien {
				background-image:url(../images/banner_printmedien.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;
			top:533px;
			right:22px;
			width:336px;
			height:20px;
			text-align:right;
			padding-top:7px;
			margin:0px;
			border:solid 0px red;
			}
			
		a.info, a.info:visited, a.info:hover {
			color:#FFFFFF;
			font-size:7.5pt;
			text-decoration:none;
			padding-right:7px;
			padding-left:7px;
			text-transform:uppercase;
			}
	
	/* ZIERFARBEN */
		div.grau 
		{
			z-index:4;
			position:absolute;
			top:82px;
			left:573px;
			width:13px;
			height:450px;
			background-color:#696969;		
			border-left:solid 1px #a4a4a4;
			}
			
		div.orange 
		{
	z-index:4;
	position:absolute;
	top:64px;
	left:586px;
	width:3px;
	height:468px;
	background-color:#FD9B2B;
	font-weight: bold;
	font-size: 12px;

			}
			
		div.zierleiste 
		{
			z-index:4;
			position:absolute;
			top:82px;
			left:925px;
			width:22px;
			height:450px;
			}
			
			/* Definiert alle Listen innerhalb des Div menu */
		.menu ul{
			margin: 0;
			padding: 0;
			list-style-type: none;
			width: 160px;
			background-color:#b22d2d;
			border-bottom: 1px solid #c2c2c2;
			line-height:14px;
			}

		.menu ul li{
			position: relative;
		}

		/* Definiert alle Ebenen ab der zweiten Listenebene */
		.menu ul li ul{
			position: absolute;
			width: 170px;
			top: 0;
			visibility: hidden;
		}
		
		/* Link-Definitionen innerhalb der Listen */
		.menu ul li a
		{
			display: block;
			overflow: auto;
			color: #FFFFFF;
			text-decoration: none;
			background: #b22d2d;
			padding: 1px 5px;
			border-left: 1px solid #c2c2c2;
			border-top: 1px solid #c2c2c2;
			border-bottom: 0;
			border-right: 0;
			font-size:8pt;
		}

		.menu ul li a:visited
		{
			color:#FFFFFF;
		}

		.menu ul li a:hover
		{
			background-color: #c2c2c2;
		}
		
		/* .subfolderstyle ist eine festgelegte Bezeichnung und bezieht sich auf alle Ebenen, die eine naechsttiefere nachziehen */
		.menu .subfolderstyle
		{
			background: url(../images/arrow.gif) no-repeat center right;
		}


		/* Hack für IE, damit die Links richtig dargestellt werden */
			* html .menu ul li { float: left; height: 1%; }
			* html .menu ul li a { height: 1%; }
		/* End */