/* CSS Document */
body {
	background-color:		#DDDDDD;
	font-family:			tahoma, verdana, arial;
	font-size:			11px;
	margin:				0px;
	padding:			0px;
	min-height:			100%;
	height:				auto !important;  /* fuer moderne Browser */
	height:				850px; 		  /*fuer den IE */
	z-index:			1;
}

#bgBalken {				/* Hintergrund Balken----------------------- */
	background-image:url(bilder/balken.jpg);
	z-index:			10;
	top:				149px !important;
	top:				155px;
	position:			absolute;
	width:				100%;
	height:				186px;
	border-top:			1px solid #FFFFFF;
	border-bottom:			1px solid #FFFFFF;
	margin:				0px;
	padding:			0px;
	z-index:			2;
}

#all {					/* Gesammter Inhalt------------------------- */
	background-color:		#FFFFFF;
	border:				1px solid #999999;
	z-index:			20;
	position:			absolute;
	top:				30px;
	left:				50%;
	margin:				0px 0px 0px -375px;
	width:				750px;
	padding:			0px;
	min-height:			100%;
	height:				auto !important;  	/* fuer moderne Browser */
	height:				810px;  		/* fuer den IE */
	z-index:			3;
}

*html #all {				/* IE Hack! FU IE------- */
	top:				36px;
}

#bannerHeader {				/* Banner mit Logo-------------------------- */
	padding:			10px;
	height:				44px;
	margin:				0px;
	z-index:			4;
}

#logo {
	float:				left;
	margin:				0 0 10px 0;
	padding:			0px;
	z-index:			5;
}

#datum {
	float:				right;
	margin:				0px;
	padding:			0px;
	z-index:			6;
}

#bannerBildContainer {			/* Banner mit Bild und Quadrat A------------- */
	top:				90px;
	clear:				both;
	margin:				0px;
	padding:			0px;
	z-index:			7;
}

#bannerBild {
	background-image:url(bilder/header.jpg);
	width:				750px;
	height:				186px;
	margin:				0px;
	z-index:			8;
}

*html #bannerBild {			/* IE Hack! FU IE------- */
	height:				184px;
}
	
#quadratA {
	position:			absolute;
	margin:				1px 0px 0px 0px;
	width:				187px;
	height:				474px;
	top:				220px;
	left:				563px;
	margin-top:			0px;
	z-index:			10;

}

*html #quadratA {			/* IE Hack! FU IE------- */
	width:				200px;
	height:				500px;
	left:				550px;
}

#inhalt {				/* Inhalt--------------- */
	float:				left;
	top:				300px;
	clear:				both;
	margin:				0px;
	width:				520px;
	padding:			10px;
	min-height:			350px;
	height:				auto !important;  /* fuer moderne Browser */
	height:				350px;  /*fuer den IE */
	z-index:			9;
}

#quadratContainer {
	position:			absolute;
	float:				right;
	z-index:			20;
	top:				310px;
	left:				563px;
}

#quadratB {
	margin:				1px 0px 0px 0px;
	width:				186px;
	height:				186px;
	margin-top:			10px;
	z-index:			20;
}

*html #quadratB {			/* IE Hack! FU IE------- */
	margin:				0px;
	width:				186px;
	height:				186px;
}

#quadratC{
	margin:				1px 0px 0px 0px;
	width:				186px;
	height:				186px;
	margin-top:			2px;
	z-index:			30;

}

*html #quadratC {			/* IE Hack! FU IE------- */
	width:				186px;
	height:				186px;
}

#quadratD {
	margin:				1px 0px 0px 0px;
	width:				186px;
	height:				186px;
	margin-top:			2px;

}

*html #quadratC {			/* IE Hack! FU IE------- */
	width:				186px;
	height:				186px;
}


/* ---------Drop down MENU-------- */

#navigationContainer {
	clear:				both;
	background-image:url(bilder/naviBG.jpg);
	top:				64px;
	height:				25px;
	width:				750px;
	margin:				0px 0px 1px 0px;
	padding: 			0px;
}

*html #navigationContainer {		/* IE Hack! FU IE------- */
	width:				749px;
}

#nav, #nav ul {
	float: 				left;
	list-style: 			none;
	line-height: 			1em;
	color: 				#000;
	font-weight: 			bold;
	padding: 			0;
	margin:				4px 0px 0px 30px;
}
 
#nav a {
	width: 			5em;
	font-family:		tahoma, verdana, arial;
	font-size:		10px;
	font-weight:		bold;
	text-align:		center;
	text-decoration:	none;
	display:		block;
	padding:		1px;
	color:			#513356;
	text-align:		left;
}

#nav a:hover {
	color:			#FFFFFF;
}
#nav li ul li {
	border-top:		none;
	border-right:		1px solid #FFFFFF;
	border-bottom:		1px solid #FFFFFF;
	border-left:		1px solid #FFFFFF;
	background-color:	#AAAAAA;
	filter:			alpha(opacity=75);	 /*transparenz für navigation */
	opacity:		.75;			 /*transparenz für navigation */
	-moz-opacity:		.75;			 /*transparenz für navigation */
	margin:			0px;
	padding:		1px;
}
 
#nav a.menuparent  {
	background: url(arrow.gif) no-repeat 90% 40%;

}
 
#nav li {
	float: 			left;
	padding: 		1;
	width: 			5em;
	margin:			0px 5em 0px 0px;
}
 
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 10em;
	font-weight: normal;
	border-width: 0.25em;
        padding: 8px;
	margin: 0;
		
}
 
#nav li li {
 
	width: 10em;
}
 
#nav li ul a {
	width: 10em;
	padding-left: 1em;
}
 
#nav li ul ul {
	margin: -1.75em 0 0 10em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
 
#nav li:hover, #nav li.sfhover {
	color: white;
}

h1 {
	font-family:tahoma, verdana, arial;
	font-weight:	bold;
	font-size:	12px;
	color:		#89125C;
	}
	
h2 {
	font-family:tahoma, verdana, arial;
	text-decoration:none;
	font-weight:	bold;
	font-size:	11px;
	margin:		5px 0 5px 0px;
	padding:	0px;
	color:		#89125C;
	}
	
h3 {
	font-family:tahoma, verdana, arial;
	text-decoration:none;	
	font-weight:	bold;
	font-size:	10px;
	margin:		2px 0 2px 0px;
	color:		#89125C;
	}

td {
    font-family:tahoma, verdana, arial;
    text-decoration:none;	
	font-size:	11px;
	margin:		5px 0 5px 0px;
	padding:	0px;
}

p {padding: 1px;}

img { border:0;}

/************************/
/* PNG HaXxXoO0oOOrRrrrR*/
/************************/

img, div {
   behavior: url(iepngfix.htc);
   border:0;
}