/* Hiermit werden die Randabstnde und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	
	* { margin:0; padding: 0; } 

	/* Das zurcksetzen der Innen- und Auenabstnde verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Hhe des Browserfensters. */
	html { height: 100% } 
	body { 
		min-height: 101%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgren im Opera sowie Standardformatierungen */
		font-size: 100.01%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Gre des Browser 
			Fensters gendert wird. */
		position: relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #000;        
		background: #fff;
		text-align: left; 
	} 
	
	/* Standardrahmen zurcksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung fr Safari Browser. font-size:100% ist fr den Safari in Formularen zu gro */ 
	select, input, textarea { font-size: 99% }
/* ******************************************************************************************** */
/* Fertig Basisformatierungen */	
/* ******************************************************************************************** */

body {
	background-image: url(../images/bgMain.jpg);
	background-repeat: repeat-y;
	background-position: center;
	background-color:#ddd;
	font-size: 81.25%; 
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	}
	
h1,h2,h3,h4 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:normal;}

h1 {font-size: 1.6em; color: #006; margin: 0 0 0.25em 0; padding-top: 0.5em; }
h2 {font-size: 1.4em; color: #600; margin: 0 0 0.25em 0; padding-top: 0.5em; border-bottom: 2px #ddd solid; }
h3 {font-size: 1.2em; color: #006; margin: 0 0 0.25em 0; padding-top: 1.5em; font-weight:bold; }
h4 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #ddd solid;}
h5 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; font-style:italic; }
h6 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; font-style:italic; }
p {margin:0.3em 0;}	

#wrapper {
	width: 915px;
	margin-right:auto;
	margin-left:auto;
	}	

#content {
	padding:1em;
	z-index:1;
	}
	
#header {
	text-align:center;
	color:#666;
	border-bottom:1px solid #ca1963;
	background-color:#ddd;
	margin-top:0;
	padding-top:.1em;
	}
#header a {
	color:#666;
	text-decoration:none;
	}
#header a:hover {
	text-decoration:underline;
	}
	
#headerBild {
	border-bottom:1px solid #ca1963;
	background-color:#ddd;
	}
#headerBild table, #headerBild td {
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	}
	
	
#mainNavi {
	background-color: #ddd;
	width:99.9%;
	z-index:500;
	}	
#search {
	float:right; 
	height:2em; 
	padding-top:0.3em;
	display:inline;
	}	
#search .knopf {
	height:1.6em;
	font-size:1em;
	line-height:1em;
	margin:0 .4em;
	vertical-align: middle;
	margin-bottom:.2em;
	/*padding-bottom:1.5em;
	border:0 solid #fff;*/
	}
		
#haupttext ul {
	margin-left:2em;
	}

#haupttext a {
	color:#ca1963;
	text-decoration:none;
	font-weight:bolder;
	outline: none;
	}	
#haupttext a:hover {
	text-decoration:underline;
	}

#dynInhalt {
	border:1px solid #ddd;
	padding: 1em;
	}
#dynInhalt table {
	border-collapse:collapse;
	}
#dynInhalt td {
	padding:0 0.3em;
	border:1px solid #ddd;
	border-collapse:collapse;
	}	
		
.rahmen {
	border:1px solid #ddd;
	padding:0.3em;
	}
.floLeft {
	float:left;
	}	
.floRight {
	float:right;
	}	

.herzlichenDank {
	font-weight: bold;
	color: #5FB02D;
	border-left: 2px dotted #ca1963;
	padding-left: 1em;
	font-size: 1.4em;
	}	
	
.pdfLink, .noImgLink {
	background-image:url(../images/acrobatBG.png);
	background-repeat:no-repeat;
	background-position: 3px;
	text-indent:9px;
	}	
.noImgLink {
	background-image:url();
	}
	
.bildContainer 	{
	float:left;
	width:280px;
	padding-right:16px;
	}
.bildContainerKlein 	{
	float:left;
	width:160px;
	padding-right:16px;
	}
.bildContainerKlein h4{	
	font-weight:normal;
	height:25px;
	line-height:14px;
	padding-top:5px
}
	
.bildContainerHoch 	{
	float:left;
	width:206px;
	padding-right:16px;
	}
	

#untentext {
	margin-top:1.5em;
	}	
	
.tabelleOhneRahmen td{
	padding:0.1em 0.3em;
	}	

.kleiner {
	font-size:0.6em;
	}

.hinweis {
	color:#FF8CC6;
	}			

/* ******************************************************************************************** */
/* - - - ADxMenu: BASIC styles - - - */
/* ******************************************************************************************** */

/* remove all list stylings */
.menu, .menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

/* move all list items into one row, by floating them */
.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
}

/* define new starting point for the nested UL, thus making positioning it a piece of cake */
.menu li:hover {
	position: relative;
}

/* force the submenu items into separate rows, while still keeping float:left (which resolves IE6 white-gap problem) */
.menu li li {
	width: 100%;
	border-bottom:1px solid #aaa; /*macht das Kstchen um die sublinks */
	border-left:1px solid #aaa; /*macht das Kstchen um die sublinks */
	border-right:1px solid #aaa; /*macht das Kstchen um die sublinks */
}
.menu .firstNavpunkt {
	background-image:url(/images/bgFirstNavpunkt.gif);
	background-repeat:no-repeat;
	background-position:right top;
	}
	
/* fix the position for 2nd level submenus.
	first make sure no horizontal scrollbars are visible on initial page load by sliding them all into top-left corner  */
.menu li li ul {
	top: 0;
	left: 0;
}

/* ...and then place the submenu where it should be when shown */
.menu li li:hover ul {
	left: 100%;
}

/* initialy hide all sub menus */
.menu ul {
	display: none;
	position: absolute;
	z-index: 10;
}

/* display them on hover */
.menu li:hover>ul {
	display: block;
}

/* -- float.clear -- force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
/* IE7 float clear: */
.menu, .menu ul {
	min-height: 0;
}

/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/		/* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */
}


/* - - - ADxMenu: DESIGN styles - - - */

.menu, .menu ul li {
	color: #ca1963;
	background: #ddd;
}

.menu ul {
	width: 11em;
}

.menu li:hover>a {
	color: #666;
	border-left:1px solid #aaa; /*macht das Kstchen um die sublinks */
}

#mainNavi .activeMain {
	color:#666;
	font-weight:bold;
}

.menu a {
	text-decoration: none;
	color: #ca1963;
	padding: .4em 1em;
	display: block;
}

.menu a:hover {
	color: #666;
}

/* Fix for IE5/Mac \*//*/
.menu a {
	float: left;
}
.menu {
	display: inline-block;
}
/* End Fix */

/* ******************************************************************************************** */
/* fertig adx menu */
/* ******************************************************************************************** */


/* ######################################################################################################
** ### Subtemplates #####################################################################################
** ######################################################################################################
*/

	.subcolumns { 
		width: 100%;
		padding: 0 1px 0 1px; 
		margin: 0 -1px 0 -1px; 
		overflow:hidden;
	}
		
	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l, .c20l, .c31l {float: left; overflow: hidden;}
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r, .c80r, .c31r {float: right; overflow: hidden;}

	.c20l, .c20r { width: 19.999%; }
	.c25l, .c25r { width: 24.999%; }
	.c33l, .c33r { width: 33.333%; }
	.c50l, .c50r { width: 49.999%; }
	.c66l, .c66r { width: 66.666%; }
	.c75l, .c75r { width: 74.999%; }
	.c80l, .c80r { width: 79.999%; }
	.c38l, .c38r { width: 35%; } /* Goldener Schnitt */
	.c62l, .c62r { width: 62.803%; } /* Goldener Schnitt */
	.c31l, .c31r { width: 30.8%; } /* Dreierteilungsergnzug zu 38 */
	
	.subc  { padding: 0 0.5em 0 0.5em; overflow: hidden; }
	.subcl { padding: 0 1em 0 0; overflow: hidden; }
	. { padding: 0 0 0 1em; overflow: hidden; }
	

/* ######################################################################################################
** ### Navigation auf der linken Seite #####################################################################################
*/
	
#navlist li
{
display: inline;
/* for IE5 and IE6 */
}

#navlist
{
width: 11em;
/* to display the list horizontaly */
margin: 0;
padding: 0;
border-top: 1px #aaa solid;
border-left: 1px #aaa solid;
border-right: 1px #aaa solid;
}

#navlist a
{
width: 99.99%;
/* extend the sensible area to the maximum with IE5 */
display: block;
background-color: #fff;
border-bottom: 1px #aaa solid;
text-align: center;
text-decoration: none;
color: #999;
padding:.5em;
padding-left:0;
}

#navlist a:hover { background-color: #ca1963; color: #fff; font-weight:bold;}
/*#navlist a:visited { color: #999; }*/	

#navlist .active {
	color:#666;
	font-weight:bold;
	background-color: #ddd;
}

.dasBeste {
	background-image: url(../images/dasBesteLogo.png);
	background-repeat:no-repeat;
	background-position:right top;
	}
#content {
	position:relative;
	}
#flash {
	position:absolute;
	left: 751px;
	top: 9px;
	}	
	
#dynInhalt table tr td p {
	margin:0;
	padding:0;
}