@media all
{
* {margin: 0; padding: 0;}
fieldset, img {border:0;}
/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Hoehe des Browserfensters. */
html {height: 100%} 

.clearfix:after {content: "."; display: block;	height: 0; clear: both;	visibility: hidden;}
.clearfix {display: block;} 
	
/* Eigentliche Formatierung der Seite */
body {
	min-height: 101%;	
	padding: 0; margin: 0; border: none;
	position: relative; /* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden wenn die Groesse des Browser Fensters geaendert wird. */          
	background: #E2E1D7;
	text-align: left; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000;
	line-height: 170%;
	font-size: 100.01%; /* Beseitigung des Rundungsfehlers bei Schriftgroessen im Opera sowie Standardformatierungen */
}

/* ######################################################################################################
** ### DIVs      ########################################################################################
** ######################################################################################################
*/

#page_margins {
	float: left;
	width: 990px; 
	background: url("../gfx/bg-main-home.gif") left top repeat-y #FFF;
}

	#startseite #page_margins {
		background: url("../gfx/bg-main-home.gif") left top repeat-y #FFF;
	}

	#header { 
		height: 150px;
		clear: both; 
		text-align: left;
		background: url("../gfx/bg-header-1024.jpg") left top no-repeat #FFF;	 
		position:relative
	}

	#nav {
		width: 100%; 
		height: 2.25em;
		line-height: 2.25em;
		font-size: 83%;
		clear: both;
		background: url("../gfx/bg-top-nav.gif") left center no-repeat #0073c9;
	}

	#main {
		clear: both;
		background: url("../gfx/bg-col-right.gif") 783px 0px repeat-y;
		text-align: left;
	} 
	
		.two-cols #main {
				background: none;
			} 

		/* Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor 
		** dem Spaltenhintergrund erscheinen. */
		#col1 {z-index: 3;}
		#col2 {z-index: 5;}
		#col3 {z-index: 1;}
		#col1_content {z-index: 4;}
		#col2_content {z-index: 6;}
		#col3_content {z-index: 2;}

		/* linke Spalte */
		#col1 {
			width: 225px;
			float: left;
		}	
		
			#col1_content {
				font-size: 80%;
			}


		/* mittlere Spalte */
		#col2 {
			width: 57.5%; 
			max-width: 546px;
			float: left;
		}
		
			.two-cols #col2 {
				width: 700px !important;
				max-width: 700px;
			}
		
			#col2_content {
			  margin: 9px 0 25px 0; 
			  padding: 5px 0 0 0; 
			  font-size: 72%; 
			}

				.two-cols #col2_content {
					width: 670px !important;
					margin: 19px 0 25px 23px; 
					max-width: 700px;
				}
		/* rechte Spalte */
		#col3 { 
			margin: 0; 
			margin-left: 79.6%; 
			padding: 0 0 0 10px;
		}
	
			#col3_content {
				margin: 0 11px 0 0;
				padding: 15px 0 0 0;
				font-size: 70%; 
			}

				.two-cols #col3 {
					display: none;
				} 

	/* Anpassungen fuer die Startseite */

	#startseite #main {background: none;}

	#startseite #col1 {
		width: 220px;
		min-width: 220px; /* Ausgleich */
	}	

	#startseite #col2 {width: 370px;}

	#startseite #col3 { 
		margin: 0 0 0 59.8%;
		padding: 0; 
	}
		
	#startseite #col2_content {
	  margin: 0 15px 0 0; 
	  padding: 0; 
	  font-size: 70%;
	}

	#startseite #col3_content {
		margin: 10px 10px 0 0; 
		padding: 0;
		font-size: 70%;
	}
	
	
	/* Extra Navigation vor dem Footer - bisher nur auf der Startseite */
	#nav-extra {
	  margin-left: 208px;
	  background: #EEEDE5; /* #fce1a6 */
	  padding: 20px 0 20px 0;
	  font-size: 83%;
	}

	#footer {
		height: 4em; 
		width: 990px; 
		display: block; 
		clear: both;
		background: #0A72BF;	
	}

/* 
** ### Werbung ##########################################################################################
*/

/* das Bild wird erstmal ausgeblendet, was eigentlich nur fuer den Prototypen relevant ist */
#banner-rechts img.banner {
  display: none;
}

/* diese folgenden Styles kommen nur zur Anwendung, wenn fuer das Body-Tag die Klassen "banner" im Einsatz ist */

.banner #banner-rechts {
  width: 1151px; 
} 

.banner #banner-rechts img.banner, .banner #banner-rechts a.banner {
  display: block;
}


/* ######################################################################################################
** ### Inhalte    #######################################################################################
** ######################################################################################################
*/


/* Headlines  >>>  es sind u.U. weitere Headlines für spezielle Boxen definiert (siehe unten) */

h1,h2,h3,h4 {display: block; font-family: arial, helvetica, verdana, sans-serif;}

h1 {font-size: 1.3em; font-weight: bold; color: #046bb9;  margin: 0.4em 0 0.4em 0;}
h2 {font-size: 1.2em; font-weight:bold; color: #336699; margin: 0.4em 0 0.8em 0;}
h3 {font-size: 1.2em; font-weight:bold; line-height: 150%; color: #666; margin: 0.4em 0 0.8em 0;}
h4 {font-size: 1.1em; font-weight:bold; color: #000;}

/* ../gfx/icons/fugue/ */

h1.icon-sicher {background: url("../gfx/icons/fugue/sicher.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important}
h1.icon-paar {background: url("../gfx/icons/fugue/paar.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important}

h2.icon-uhr {background: url("../gfx/icons/fugue/uhr.png") 0em 0.3em no-repeat; 	padding: 0 0 0 19px !important;}
h2.icon-erde {background: url("../gfx/icons/fugue/erde.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important;}
h2.icon-buch {background: url("../gfx/icons/fugue/buch.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important;}
h2.icon-haus {background: url("../gfx/icons/fugue/haus.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important;}
h2.icon-frage {background: url("../gfx/icons/fugue/frage.png") 0em 0.3em no-repeat; 	padding: 0 0 0 19px !important;}
h2.icon-bank {background: url("../gfx/icons/fugue/bank.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important;}
h2.icon-achtung-1 {background: url("../gfx/icons/fugue/achtung-1.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important;}
h2.icon-achtung-2 {background: url("../gfx/icons/fugue/achtung-2.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important;}
h2.icon-ziel {background: url("../gfx/icons/fugue/ziel.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important}
h2.icon-mann {background: url("../gfx/icons/fugue/mann.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important}
h2.icon-frau {background: url("../gfx/icons/fugue/frau.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important}
h2.icon-paar {background: url("../gfx/icons/fugue/paar.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important}
h2.icon-wecker {background: url("../gfx/icons/fugue/wecker.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important}
h2.icon-sicher {background: url("../gfx/icons/fugue/sicher.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important}
h2.icon-schluessel {background: url("../gfx/icons/fugue/schluessel.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important}
h2.icon-rettung {background: url("../gfx/icons/fugue/rettung.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important}
h2.icon-idee {background: url("../gfx/icons/fugue/idee.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important}

div.box-typ-1 h2.icon-uhr, 
div.box-typ-1 h2.icon-erde,
div.box-typ-1 h2.icon-buch,
div.box-typ-1 h2.icon-haus,
div.box-typ-1 h2.icon-frage,
div.box-typ-1 h2.icon-bank ,
div.box-typ-1 h2.icon-achtung-1,
div.box-typ-1 h2.icon-achtung-2,
div.box-typ-1 h2.icon-ziel ,
div.box-typ-1 h2.icon-mann,
div.box-typ-1 h2.icon-frau ,
div.box-typ-1 h2.icon-paar,
div.box-typ-1 h2.icon-wecker ,
div.box-typ-1 h2.icon-sicher ,
div.box-typ-1 h2.icon-schluessel,
div.box-typ-1 h2.icon-rettung,
div.box-typ-1 h2.icon-idee {
	border-bottom: 1px solid #e3e2dd;
	line-height: 170% !important;
	padding: 0.25em 0 0.2em 23px !important;
}

div.box-typ-1 h2.icon-uhr {background: url("../gfx/icons/fugue/uhr.png") 3px 50% no-repeat #f5f5f3 !important;}
div.box-typ-1 h2.icon-erde {background: url("../gfx/icons/fugue/erde.png") 3px 50% no-repeat #f5f5f3 !important;}
div.box-typ-1 h2.icon-buch {background: url("../gfx/icons/fugue/buch.png") 3px 50% no-repeat #f5f5f3 !important;}
div.box-typ-1 h2.icon-haus {background: url("../gfx/icons/fugue/haus.png") 3px 50% no-repeat #f5f5f3 !important;}
div.box-typ-1 h2.icon-frage {background: url("../gfx/icons/fugue/frage.png") 3px 50% no-repeat #f5f5f3 !important;}
div.box-typ-1 h2.icon-bank {background: url("../gfx/icons/fugue/bank.png") 3px 50% no-repeat #f5f5f3 !important;}
div.box-typ-1 h2.icon-achtung-1 {background: url("../gfx/icons/fugue/achtung-1.png") 3px 50% no-repeat #f5f5f3 !important;}
div.box-typ-1 h2.icon-achtung-2 {background: url("../gfx/icons/fugue/achtung-2.png") 3px 50% no-repeat #f5f5f3 !important;}
div.box-typ-1 h2.icon-ziel {background: url("../gfx/icons/fugue/ziel.png") 3px 50% no-repeat #f5f5f3 !important;}
div.box-typ-1 h2.icon-mann {background: url("../gfx/icons/fugue/mann.png") 3px 50% no-repeat #f5f5f3 !important;}
div.box-typ-1 h2.icon-frau {background: url("../gfx/icons/fugue/frau.png") 3px 50% no-repeat #f5f5f3 !important;}
div.box-typ-1 h2.icon-paar {background: url("../gfx/icons/fugue/paar.png") 3px 50% no-repeat #f5f5f3 !important;}
div.box-typ-1 h2.icon-wecker {background: url("../gfx/icons/fugue/wecker.png") 3px 50% no-repeat #f5f5f3 !important;}
div.box-typ-1 h2.icon-sicher {background: url("../gfx/icons/fugue/sicher.png") 3px 50% no-repeat #f5f5f3 !important;}
div.box-typ-1 h2.icon-schluessel {background: url("../gfx/icons/fugue/schluessel.png") 3px 50% no-repeat #f5f5f3 !important;}
div.box-typ-1 h2.icon-rettung {background: url("../gfx/icons/fugue/rettung.png") 3px 50% no-repeat #f5f5f3 !important;}
div.box-typ-1 h2.icon-idee {background: url("../gfx/icons/fugue/idee.png") 3px 50% no-repeat #f5f5f3 !important;}

div.box-typ-2 h2.icon-uhr, 
div.box-typ-2 h2.icon-erde,
div.box-typ-2 h2.icon-buch,
div.box-typ-2 h2.icon-haus,
div.box-typ-2 h2.icon-frage,
div.box-typ-2 h2.icon-bank ,
div.box-typ-2 h2.icon-achtung-1,
div.box-typ-2 h2.icon-achtung-2,
div.box-typ-2 h2.icon-ziel ,
div.box-typ-2 h2.icon-mann,
div.box-typ-2 h2.icon-frau ,
div.box-typ-2 h2.icon-paar,
div.box-typ-2 h2.icon-wecker ,
div.box-typ-2 h2.icon-sicher ,
div.box-typ-2 h2.icon-schluessel,
div.box-typ-2 h2.icon-rettung,
div.box-typ-2 h2.icon-idee {
	border-bottom: 1px solid #e3e2dd;
	line-height: 170% !important;
	padding: 0.25em 0 0.2em 23px !important;
}

div.box-typ-2 h2.icon-uhr {background: url("../gfx/icons/fugue/uhr.png") 3px 50% no-repeat !important;}
div.box-typ-2 h2.icon-erde {background: url("../gfx/icons/fugue/erde.png") 3px 50% no-repeat !important;}
div.box-typ-2 h2.icon-buch {background: url("../gfx/icons/fugue/buch.png") 3px 50% no-repeat !important;}
div.box-typ-2 h2.icon-haus {background: url("../gfx/icons/fugue/haus.png") 3px 50% no-repeat !important;}
div.box-typ-2 h2.icon-frage {background: url("../gfx/icons/fugue/frage.png") 3px 50% no-repeat !important;}
div.box-typ-2 h2.icon-bank {background: url("../gfx/icons/fugue/bank.png") 3px 50% no-repeat !important;}
div.box-typ-2 h2.icon-achtung-1 {background: url("../gfx/icons/fugue/achtung-1.png") 3px 50% no-repeat !important;}
div.box-typ-2 h2.icon-achtung-2 {background: url("../gfx/icons/fugue/achtung-2.png") 3px 50% no-repeat !important;}
div.box-typ-2 h2.icon-ziel {background: url("../gfx/icons/fugue/ziel.png") 3px 50% no-repeat !important;}
div.box-typ-2 h2.icon-mann {background: url("../gfx/icons/fugue/mann.png") 3px 50% no-repeat !important;}
div.box-typ-2 h2.icon-frau {background: url("../gfx/icons/fugue/frau.png") 3px 50% no-repeat !important;}
div.box-typ-2 h2.icon-paar {background: url("../gfx/icons/fugue/paar.png") 3px 50% no-repeat !important;}
div.box-typ-2 h2.icon-wecker {background: url("../gfx/icons/fugue/wecker.png") 3px 50% no-repeat !important;}
div.box-typ-2 h2.icon-sicher {background: url("../gfx/icons/fugue/sicher.png") 3px 50% no-repeat !important;}
div.box-typ-2 h2.icon-schluessel {background: url("../gfx/icons/fugue/schluessel.png") 3px 50% no-repeat !important;}
div.box-typ-2 h2.icon-rettung {background: url("../gfx/icons/fugue/rettung.png") 3px 50% no-repeat !important;}
div.box-typ-2 h2.icon-idee {background: url("../gfx/icons/fugue/idee.png") 3px 50% no-repeat !important;}


div.box-typ-3 h2.icon-uhr,
div.box-typ-3 h2.icon-erde,
div.box-typ-3 h2.icon-buch,
div.box-typ-3 h2.icon-haus,
div.box-typ-3 h2.icon-frage,
div.box-typ-3 h2.icon-bank ,
div.box-typ-3 h2.icon-achtung-1,
div.box-typ-3 h2.icon-achtung-2,
div.box-typ-3 h2.icon-ziel ,
div.box-typ-3 h2.icon-mann,
div.box-typ-3 h2.icon-frau ,
div.box-typ-3 h2.icon-paar,
div.box-typ-3 h2.icon-wecker ,
div.box-typ-3 h2.icon-sicher ,
div.box-typ-3 h2.icon-schluessel,
div.box-typ-3 h2.icon-rettung,
div.box-typ-3 h2.icon-idee {
	margin: -5px 0 0 7px;
	padding: 0.25em 0 0.2em 23px !important;
}

div.box-typ-3 h2.icon-uhr {background: url("../gfx/icons/fugue/uhr.png") 3px 50% no-repeat !important;}
div.box-typ-3 h2.icon-erde {background: url("../gfx/icons/fugue/erde.png") 3px 50% no-repeat !important;}
div.box-typ-3 h2.icon-buch {background: url("../gfx/icons/fugue/buch.png") 3px 50% no-repeat !important;}
div.box-typ-3 h2.icon-haus {background: url("../gfx/icons/fugue/haus.png") 3px 50% no-repeat !important;}
div.box-typ-3 h2.icon-frage {background: url("../gfx/icons/fugue/frage.png") 3px 50% no-repeat !important;}
div.box-typ-3 h2.icon-bank {background: url("../gfx/icons/fugue/bank.png") 3px 50% no-repeat !important;}
div.box-typ-3 h2.icon-achtung-1 {background: url("../gfx/icons/fugue/achtung-1.png") 3px 50% no-repeat !important;}
div.box-typ-3 h2.icon-achtung-2 {background: url("../gfx/icons/fugue/achtung-2.png") 3px 50% no-repeat !important;}
div.box-typ-3 h2.icon-ziel {background: url("../gfx/icons/fugue/ziel.png") 3px 50% no-repeat !important;}
div.box-typ-3 h2.icon-mann {background: url("../gfx/icons/fugue/mann.png") 3px 50% no-repeat !important;}
div.box-typ-3 h2.icon-frau {background: url("../gfx/icons/fugue/frau.png") 3px 50% no-repeat !important;}
div.box-typ-3 h2.icon-paar {background: url("../gfx/icons/fugue/paar.png") 3px 50% no-repeat !important;}
div.box-typ-3 h2.icon-wecker {background: url("../gfx/icons/fugue/wecker.png") 3px 50% no-repeat !important;}
div.box-typ-3 h2.icon-sicher {background: url("../gfx/icons/fugue/sicher.png") 3px 50% no-repeat !important;}
div.box-typ-3 h2.icon-schluessel {background: url("../gfx/icons/fugue/schluessel.png") 3px 50% no-repeat !important;}
div.box-typ-3 h2.icon-rettung {background: url("../gfx/icons/fugue/rettung.png") 3px 50% no-repeat !important;}
div.box-typ-3 h2.icon-idee {background: url("../gfx/icons/fugue/idee.png") 3px 50% no-repeat !important;}


	/* Anpassung für die Startseite */
	#startseite h1, #startseite h2, #startseite h3 {
	  margin: 0;
	  padding: 0 0 4px 0;
	  font-size: 120%;
	}

	/* Headlines mit Hintegrundfarben */

	h1.blau, h2.blau, h3.blau, h4.blau {
	  background: #D7E6F5;
	  text-indent: 3px;
	  color: #005DA0;
	}

	h1.beige, h2.beige, h3.beige, h4.beige {
	  background: #f8f3e6;
	  text-indent: 3px;
	}

	h1.gruen, h2.gruen, h3.gruen, h4.gruen {
	  background: #E4FBCC;
	  text-indent: 3px;
	}

	h1.grau, h2.grau, h3.grau, h4.grau {
	  background: #F3F3EE;
	  text-indent: 3px;
	}

#col2_content p {
	font-size: 100%;
	padding: 0 0 18px 0; margin: 0;
	line-height: 160%;
}

#col3_content p {
	padding: 0 0 10px 0;
	line-height: 1.5em; 
	margin: 0;
}

#footer p {
	font-size: 70%; 
	line-height: 2.9em; /* ca. 1,5-fache Höhe des Footers */ 
	color: #FFF; 
	padding: 0;
}

	#footer p.copyright {
		float: right;
		margin: 0 15px 0 0;
		padding: 0;
		height: 1em;
		text-align: left;
		color: #E3F2FC;
	}

	#footer p.site-title {
	  width: 510px;
	  margin: 0 0 0 224px; 
	  border-top: 1px dotted #86C9F9;
	  color: #D7EDFD;
	  clear: both !important;
	}

/* Besondere Textformate */

#col2 p.kleiner-text { 
	line-height: 1.5em; 
	font-size: 80%; 
	padding: 0 0 10px 0; margin: 0;
}

.kleiner-text { line-height: 1.5em; font-size: 80%; }

#col2 p.kleiner-blauer-text {
	color: #154D94;
	font-size: 80%; line-height: 130%;
	padding: 0 0 10px 0; margin: 0;
}

.kleiner-blauer-text {
	color: #154D94;
	font-size: 80%; line-height: 130%;
}

#col2 p.kleiner-roter-text {
	color: red;
	font-size: 80%; line-height: 130%;
	padding: 0 0 10px 0; margin: 0;
}

.kleiner-roter-text {
	color: red;
	font-size: 80%; line-height: 130%;
}

/* Trenner */
#col2 hr { color: #FFF; width: 99%; background-color: #FFF; border-top: 1px solid #DBDACE; border-left: none; border-right: none; border-bottom: none; margin: 12px 0 11px 0; display: block; line-height: 1px; font-size: 1px;}
#col3 hr { color: #FFF; width: 170px; background-color: #FFF; border-top: 1px solid #DBDACE; border-left: none; border-right: none; border-bottom: none; margin: 15px 0 11px 0; display: block; line-height: 1px; font-size: 1px; }

div.trenner {
	height: 25px;
	background: url("../gfx/trennlinie-01.gif") left center repeat-x;
}

div.trenner-abisz {
	height: 30px;
	background: url("../gfx/trennlinie-01.gif") 0px 0px repeat-x;
}

acronym, abbr {
	letter-spacing: .07em;
	border-bottom: 1px dashed #c00;
	cursor: help;
}

#col2 ul	{ 	
	line-height: 170%; 
	list-style-type: none;
	margin: 5px 5px 15px 17px; padding: 2px 5px 2px 15px; 
	}

	#col2 ul li {
		list-style: none;
		background: url("../gfx/icons/bullet-01.gif") 0em 0.5em no-repeat;
		padding: 0 0 0 14px; margin: 0 0 0.6em 0;
	}

ul.simple-list {
	margin: 5px 0 15px 33px !important;
}

	ul.simple-list, ul.simple-list li {
		list-style-image: none !important;
		list-style-type: circle !important;
		background: none !important;
		padding: 0 !important;
	}

#col2 ol	{ 	
	line-height: 170%; 
	margin: 10px 5px 15px 29px; padding: 2px 5px 2px 5px; 
	}

	#col2 ol li {
		padding: 0; margin: 0 0 0.6em 0;
	}

#col3_content ul	{ 	
	line-height: 160%; 
	margin: 10px 12px 4px 3px; padding: 2px 0 0 8px; 
	}

	#col3_content ul li {
		list-style: none;
		background: url("../gfx/icons/bullet-01.gif") 0em 0.5em no-repeat; 
		padding: 0 0 0 12px; margin: 0 0 0.8em 0;
	}

/* besondere Listen */
#col2 ul.pluslist, #col3 ul.pluslist {
  margin-left: 0;
  list-style-image: url("../gfx/icons/no.gif");
  list-style-type: none;
}

	#col2 ul.pluslist li, #col3 ul.pluslist li {
	  background: url("../gfx/icons/icon-plus.gif") 0em 0.23em no-repeat; 
	  margin-left: 5px !important; 
	  padding: 0 0 0 21px !important;
	}

#col2 ul.minuslist, #col3 ul.minuslist {
  margin-left: 0;
  list-style-type: none;
}

	#col2 ul.minuslist li, #col3 ul.minuslist li {
	   background: url("../gfx/icons/icon-minus.gif") 0em 0.23em no-repeat; 
	  margin-left: 5px !important; 
	  padding: 0 0 0 21px !important;
	}

		#col2 ul.pluslist li.minuslist, #col3 ul.pluslist li.minuslist {
		  background: url("../gfx/icons/icon-minus.gif") 0em 0.23em no-repeat !important; 
		  margin-left: 5px !important; 
		  padding: 0 0 0 21px !important;
		}

/* Anpassung für die Startseite */

#startseite p {
  
}
  
p.stark {font-weight: bold;}

.box {
	width: 100%;
	line-height: 160%;
	padding: 10px 3px 9px 0;
}

/* Boxen mit Hintergrund */
div.weiss {
	background: #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

div.blau {
	background: #f5fbff;
	border-top: 1px solid #b6d5eb;
	border-bottom: 1px solid #b6d5eb;
}

div.beige {
	background: #f8f3e6;
	border-top: 1px dotted #E7D7AC;
	border-bottom: 1px dotted #E7D7AC;
}

div.gruen {
	background: #E4FBCC;
	border-top: 1px solid #cac6bb;
	border-bottom: 1px solid #cac6bb;
}

div.grau {
  	background: #F3F3EE;
  	border-top: 1px solid #D3D1C5;
  	border-bottom: 1px solid #D3D1C5
}

#startseite .beige h1, #startseite .beige h2, #startseite .beige h3, #startseite .beige h4, #startseite .beige p {
  display: block;
}

#startseite .box h1, #startseite .box h2, #startseite .box h3, #startseite .box h4, #startseite .box p  {
  padding: 1px 10px 1px 10px !important;
  display: block;
}

#startseite .box h1, #startseite .box h2, #startseite .box h3, #startseite .box h4  {
	line-height: 135%;
}

#startseite #col2 .box img {
  margin: 4px 8px 8px 0 !important;
  float: left;
}

#startseite #col3 .box img {
  margin: 4px 0 8px 6px !important;
  float: right;
}

#startseite .box a, #startseite .box a:visited   {
  padding: 5px 0 1px 15px !important;
}

#startseite .box a.orange, #startseite .box a:visited.orange   {
  padding: 0 0 1px 15px !important;
  background: url("../gfx/icons/icon-arrow-01.gif") left center no-repeat !important;
  margin-left: 7px;
}

.blau h1, .blau h2, .blau h3, .blau h4, .blau p, .blau a {
  margin-left: 3px !important;
}

.gruen h1, .gruen h2, .gruen h3, .gruen h4, .gruen p, .gruen a {
  margin-left: 3px !important;
}

.grau h1, .grau h2, .grau h3, .grau h4, .grau p, .grau a {
  margin-left: 3px !important;
}

.weiss h1, .weiss h2, .weiss h3, .weiss h4, .weiss p, .weiss a {
  padding-left: 3px !important;
}

/* Neutralisierung für Box mit Bild */
.bild h1, .bild h2, .bild h3, .bild h4, .bild p, .bild a {
}

.rand {
  border-top: 1px solid #b6d5eb;
  border-bottom: 1px solid #b6d5eb;
}

.randlos {
  border-top: none !important;
  border-bottom: none !important;
}

.klein {font-size: 90% !important;}

.box h1, .box h2, .box h3, .box h4 {
  width: 100%;
  line-height: 155%;
  font-size: 100%;
  font-weight: bold;
  padding: 0 0 5px 0;
  color: #056dba;
  text-indent: 0px;
  text-align: left;
  display: inline;
}

	.box h1 {color: #000;}

	.box strong {color: #3F3F3F;}

	.box ul {
	  margin: 8px 0 7px 0 !important;
	  padding-left: 3px !important;
	}

	.box ul li {
	  padding-left: 17px !important;
	  line-height: 140%;
	}

.box a.weiter, .box a.weiter:visited {
  float: none;
  background: url("../gfx/icons/icon-arrow-01.gif") 0px 0.4em no-repeat !important; 
  padding: 0 0 4px 14px !important;
  font-weight: bold;
  line-height: 120%;
}

/*
** ### Auszeichnung lokaler und Externer Links ##########################################################
*/

#col2 a, #col3 a {color: #0073c9;}
#col2 a:visited, #col3 a:visited {color: #4B93C4;}

#col2 a:active, #col2 a:hover, #col2 a:focus {color: #000;}
#col3 a:active, #col3 a:hover, #col3 a:focus {color: #000;}

/* Links mit Icons */
/* inline */
a.plus, a.plus:visited {background: url("../gfx/icons/icon-plus.gif") 0px 0.3em no-repeat !important; padding: 0 0 0 12px !important; display: inline;}
a.blau, a.blau:visited {background: url("../gfx/icons/icon-arrow-03.gif") 0px 0.3em no-repeat !important; padding: 0 0 0 14px !important; margin: 0; display: inline;}
a.orange, a.orange:visited { background: url("../gfx/icons/icon-arrow-01.gif") 0px 0.3em no-repeat !important; padding: 0 0 0 14px !important; margin: 0; display: inline;}
a.gruen, a.gruen:visited {background: url("../gfx/icons/icon-arrow-02.gif") 0px 0.3em no-repeat !important; padding: 0 0 0 14px !important; display: inline;}

a.highlight, a.highlight:visited {color: #C84F14 !important;}

a.plus, a.plus:visited {background: url("../gfx/icons/icon-plus.gif") 0px 0.3em no-repeat !important; padding: 0 0 0 12px !important; display: inline;}
a.blau, a.blau:visited {background: url("../gfx/icons/icon-arrow-03.gif") 0px 0.3em no-repeat !important; padding: 0 0 0 14px !important; margin: 0; display: inline;}
a.orange, a.orange:visited { background: url("../gfx/icons/icon-arrow-01.gif") 0px 0.3em no-repeat !important; padding: 0 0 0 14px !important; margin: 0; display: inline;}
a.gruen, a.gruen:visited {background: url("../gfx/icons/icon-arrow-02.gif") 0px 0.3em no-repeat !important; padding: 0 0 0 14px !important; display: inline;}


a.icon-uhr, a.icon-uhr:visited {display: block;	background: url("../gfx/icons/fugue/uhr.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-erde, a.icon-erde:visited {display: block; background: url("../gfx/icons/fugue/erde.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-buch, a.icon-buch:visited {display: block; background: url("../gfx/icons/fugue/buch.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-haus, a.icon-haus:visited {display: block; background: url("../gfx/icons/fugue/haus.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-frage, a.icon-frage:visited {display: block; background: url("../gfx/icons/fugue/frage.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-bank, a.icon-bank:visited {display: block; background: url("../gfx/icons/fugue/bank.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-achtung-1, a.icon-achtung-1:visited {display: block; background: url("../gfx/icons/fugue/achtung-1.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-achtung-2, a.icon-achtung-2:visited {display: block;	background: url("../gfx/icons/fugue/achtung-2.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-ziel, a.icon-ziel:visited {display: block; background: url("../gfx/icons/fugue/ziel.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-mann, a.icon-mann:visited {display: block; background: url("../gfx/icons/fugue/mann.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-frau, a.icon-frau:visited {display: block; background: url("../gfx/icons/fugue/frau.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-paar, a.icon-paar:visited {display: block; background: url("../gfx/icons/fugue/paar.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-wecker, a.icon-wecker:visited {display: block; background: url("../gfx/icons/fugue/wecker.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-sicher, a.icon-sicher:visited {display: block; background: url("../gfx/icons/fugue/sicher.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-schluessel, a.icon-schluessel:visited {display: block; background: url("../gfx/icons/fugue/schluessel.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-rettung, a.icon-rettung:visited {display: block; background: url("../gfx/icons/fugue/rettung.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-idee, a.icon-idee:visited {display: block; background: url("../gfx/icons/fugue/idee.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}

#col2 a.print-link, #col2 a.print-link:visited { padding: 0 0 2px 19px; line-height: 180%; background: url("../gfx/icons/icon-print.gif") no-repeat left center;}


/* lokal */
a.icon-uhr, a.icon-uhr:visited {display: block;	background: url("../gfx/icons/fugue/uhr.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-erde, a.icon-erde:visited {display: block; background: url("../gfx/icons/fugue/erde.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-buch, a.icon-buch:visited {display: block; background: url("../gfx/icons/fugue/buch.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-haus, a.icon-haus:visited {display: block; background: url("../gfx/icons/fugue/haus.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-frage, a.icon-frage:visited {display: block; background: url("../gfx/icons/fugue/frage.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-bank, a.icon-bank:visited {display: block; background: url("../gfx/icons/fugue/bank.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-achtung-1, a.icon-achtung-1:visited {display: block; background: url("../gfx/icons/fugue/achtung-1.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-achtung-2, a.icon-achtung-2:visited {display: block;	background: url("../gfx/icons/fugue/achtung-2.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-ziel, a.icon-ziel:visited {display: block; background: url("../gfx/icons/fugue/ziel.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-mann, a.icon-mann:visited {display: block; background: url("../gfx/icons/fugue/mann.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-frau, a.icon-frau:visited {display: block; background: url("../gfx/icons/fugue/frau.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-paar, a.icon-paar:visited {display: block; background: url("../gfx/icons/fugue/paar.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-wecker, a.icon-wecker:visited {display: block; background: url("../gfx/icons/fugue/wecker.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-sicher, a.icon-sicher:visited {display: block; background: url("../gfx/icons/fugue/sicher.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-schluessel, a.icon-schluessel:visited {display: block; background: url("../gfx/icons/fugue/schluessel.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-rettung, a.icon-rettung:visited {display: block; background: url("../gfx/icons/fugue/rettung.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}
a.icon-idee, a.icon-idee:visited {display: block; background: url("../gfx/icons/fugue/idee.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important; line-height: 180%;}

#col2 a.print-link, #col2 a.print-link:visited { padding: 0 0 2px 19px; line-height: 180%; background: url("../gfx/icons/icon-print.gif") no-repeat left center;}

/* ######################################################################################################
** ### Spezielle Boxen  #################################################################################
** ######################################################################################################
*/

/* --- Box Typ 1 --- */

div.box-typ-1 {
	width: 99%;
	background: #FFFFFF;  /* alt: #f9f9f9 */ 
	border: 1px solid #e3e2dd;
	margin-bottom: 18px;
}

/* Headline in der Box */
div.box-typ-1 h1 {
	background: #f5f5f3;
	border-bottom: 1px solid #e3e2dd;
	line-height: 150%;
	margin: 0;
	padding: 0.2em 0 0.2em 10px;
}

div.box-typ-1 h2 {
	background: #f5f5f3;
	border-bottom: 1px solid #e3e2dd;
	line-height: 150%;
	margin: 0;
	padding: 0.2em 0 0.2em 10px;
}

/* Absatz in der Box */
#col2 div.box-typ-1 p {
	margin: 10px 15px 15px 10px;
	padding: 0;
}

div.box-typ-1 div.trenner {
	height: 30px;
	width: 98%;
	margin: 10px 0 11px 1%;
	background: url("../gfx/trennlinie-02.gif") left center repeat-x;
}

/* Uebersichtseite - /geldanlage.php (.id-394) */

.id-394 .box-typ-1, .id-97 .box-typ-1 {
	height: 145px;
}

.id-394 .box-typ-1 h2, .id-97 .box-typ-1 h2 {
	font-size: 140% !important;
}

.id-394 .box-typ-1 img, .id-97 .box-typ-1 img {
	width: 90px !important;
	height: 83px !important;
	margin: 0px 15px 0px 0 !important;
}

.id-394 .box-typ-1 a, .id-394 .box-typ-1 a:visited {
	background: url("../gfx/icons/icon-arrow-01.gif") 0px 0.3em no-repeat !important; 
	padding: 0 0 0 14px !important; 
	margin: 0; 
	display: inline;
	font-weight: bold;
}

.id-97 .box-typ-1 a, .id-97 .box-typ-1 a:visited {
	background: url("../gfx/icons/icon-arrow-01.gif") 0px 0.3em no-repeat !important; 
	padding: 0 0 0 14px !important; 
	margin: 0; 
	display: inline;
	font-weight: bold;
}

/* Box am Seitenende */
.flex {
	height: auto !important;
}

/* --- Box Typ 2 --- */

div.box-typ-2 {
	width: 99%;
	background: #FFF;
	border: 1px solid #e3e2dd;
	margin-bottom: 18px;
}

/* Headline in der Box */
div.box-typ-2 h1 {
	background: #FFF;
	border-bottom: 1px solid #e3e2dd;
	line-height: 150%;
	margin: 0;
	padding: 0.2em 0 0.2em 10px;
}

div.box-typ-2 h2 {
	background: #FFF;
	border-bottom: 1px solid #e3e2dd;
	line-height: 160%;
	margin: 0;
	padding: 0.2em 0 0.2em 10px;
}

/* Absatz in der Box */
#col2 div.box-typ-2 p {
	margin: 10px 15px 15px 10px;
	padding: 0;
}

/* --- Box Typ 3 --- */

div.box-typ-3 {
	width: 99%;
	background: #f0efeb;
	margin-bottom: 18px;
}

/* runde Ecken über generierten Content CSS3 */
.box-typ-3:before {
  background: url(../gfx/bg-box3-ro.gif) scroll no-repeat top right;
  display: block;
  border: none;
  content: url(../gfx/bg-box3-lo.gif);
  line-height: 0;
}

.box-typ-3:after {
  display: block;
  content:  url(../gfx/bg-box3-lu.gif);
  background: url(../gfx/bg-box3-ru.gif) scroll no-repeat bottom right;
  line-height: 0;
}

/* Headline in der Box */
div.box-typ-3 h1 {
	line-height: 150%;
	margin: -5px 0 0 0;
	padding: 0 0 0 10px;
}

/* Headline in der Box */
div.box-typ-3 h2 {
	line-height: 150%;
	margin: -5px 0 0 0;
	padding: 0 0 0 10px;
}

/* Headline in der Box */
div.box-typ-3 h3 {
	line-height: 150%;
	margin: -5px 0 0 0;
	padding: 0 0 0 10px;
}

/* Absatz in der Box */
#col2 div.box-typ-3 p {
	margin: 0.3em 15px 0 10px;
	padding: 0;
}

/* --- Box Typ 4 --- */

div.box-typ-4 {
	width: 99%;
	background: #1D5DA0;
}

/* runde Ecken über generierten Content CSS3 */
.box-typ-4:before {
  background: url(../gfx/bg-box4-ro.gif) scroll no-repeat top right;
  display: block;
  border: none;
  content: url(../gfx/bg-box4-lo.gif);
  line-height: 0;
}

.box-typ-4:after {
  display: block;
  content:  url(../gfx/bg-box4-lu.gif);
  background: url(../gfx/bg-box4-ru.gif) scroll no-repeat bottom right;
  line-height: 0;
}

/* Headline in der Box */
div.box-typ-4 h1 {
	line-height: 150%;
	margin: -5px 0 0 0;
	padding: 0 0 0 10px;
	color: #FFF;
}

div.box-typ-4 h2 {
	line-height: 150%;
	margin: -5px 0 0 0;
	padding: 0 0 0 10px;
	color: #FFF;
}

/* Absatz in der Box */
#col2 div.box-typ-4 p {
	margin: 0.8em 15px 0 10px;
	padding: 0;
	line-height: 175%;
	color: #FFF;
}

#col2 div.box-typ-4 a, #col2 div.box-typ-4 a:visited, #col2 div.box-typ-4 a:hover {
	color: #FFF;
}

/* --- Box Typ 5 --- */

div.box-typ-5 {
	width: 99%;
	background: #1D5DA0;
	margin-bottom: 18px;
}

/* runde Ecken über generierten Content CSS3 */
.box-typ-5:before {
  background: url(../gfx/bg-box4-ro.gif) scroll no-repeat top right;
  display: block;
  border: none;
  content: url(../gfx/bg-box4-lo.gif);
  line-height: 0;
}

.box-typ-5:after {
  display: block;
  content:  url(../gfx/bg-box4-lu.gif);
  background: url(../gfx/bg-box4-ru.gif) scroll no-repeat bottom right;
  line-height: 0;
}

/* Absatz in der Box */
#col2 div.box-typ-5 p {
	margin: 0 15px 0 10px;
	padding: 0;
	line-height: 175%;
	color: #FFF;
}

#col2 div.box-typ-5 a, #col2 div.box-typ-5 a:visited, #col2 div.box-typ-5 a:hover {
	color: #FFF;
}

/* Box Typ 6 - 2-spaltig */
#col2 div.box-typ-6 {
	width: 99%;
	margin: 15px 0 17px 0;
	font-size: 90%;
	border: 1px solid #000;
	background: url("../gfx/bg-col-right.gif") top center repeat-y;
}

#col2 div.box-typ-6 h1, #col2 div.box-typ-6 h2, #col2 div.box-typ-6 h3 {
	margin-top: -2px;
	font-size: 160%;
}

#col2 div.box-typ-6 ul {
	margin-left: 17px !important;
}

.box-part-1 {
	margin: 10px 0 0 10px;
	width: 46%;
	float: left;
	display: inline;
}

.box-part-2 {
	margin: 10px 9px 0 4%;
	width: 45%;
	float: left;
}

/* Box Typ 7 - 2-spaltig & 2-farbig */
#col2 div.box-typ-7 {
	width: 99%;
	margin: 15px 0 17px 0;
	font-size: 90%;
	border: 1px solid #0073C9;
	background: #F7F1DE;
}

#col2 div.box-typ-7 h1, #col2 div.box-typ-7 h2, #col2 div.box-typ-7 h3 {
	margin-top: -2px;
	font-size: 160%;
}

#col2 div.box-typ-7 ul {
	margin-left: 17px !important;
}

div.box-typ-7 .box-part-1 {
	margin: 0;
	padding: 10px 10px 8px 8px;
	width: 47%;
	float: left;
	display: inline;
	background: #FFF;
}

div.box-typ-7 .box-part-2 {
	margin: 0 0 0 2%;
	padding: 10px 0 0 0;
	width: 48%;
	float: left;
}

/* --- Box Typ Werbung - rechte Spalte --- */

.box-typ-werbung {
	width: 160px; 
	padding: 2px 3px 5px 5px;
	margin: 30px 0 0 0;
	width: auto;
	overflow: hidden;
	border: 1px solid #FF795D;
}

.box-typ-werbung div {
	width: 160px;
}

.box-typ-werbung h4, .box-typ-werbung h3, .box-typ-werbung h2, .box-typ-werbung h1 {
	color: #FF795D !important;
	font-size: 110% !important;
	margin: 7px 0 5px 0 !important;
	padding: 0 !important;
	line-height: 140% !important;
}

.box-typ-werbung p {
	line-height: 150% !important;
	padding: 0 0 7px 0 !important;
}
	
/* 
** ### Bilder    ########################################################################################
*/

img {border: none;}

.bild-rechts {
	margin: 7px 0 15px 15px;
	float: right;
}
.bild-links {
	margin: 7px 15px 15px 0;
	float: left;
}

.icon-links {
	margin: -5px 6px 10px 0;
	float: left;
}


.testsieger {
   margin: 15px 23px 0 0;
   float:left; 
}

.bild-rechts-rand {
	margin: 7px 0 15px 15px;
	float: right;
	border: 1px solid #626158;
}
.bild-links-rand {
	margin: 7px 15px 15px 0em;
	float: left;
	border: 1px solid #626158;
}

.bild-100prozent {
	margin: 1em 0 1em 0;
	display: block; clear: both;
}

.bild-100prozent-rand {
	margin: 1em 0 1em 0;
	display: block; clear: both;
	border: 1px solid #626158;
}

#col3_content .bild  img {
	float: right;
	margin: 5px 0px 8px 7px;
}

.box img {
  margin: 4px 8px 5px 0 !important;
  float: left;
}

.bild-rechts img {
	float: right;
	margin: 5px 0px 8px 7px;
}

/* 
** ### Börsenticker von ariva ###########################################################################
*/

#col3 #ariva-ticker {
}

/* 
** ### Tabellen  ########################################################################################
*/


#col2 table {
	width: 99.5%; 
	margin: 10px 0 10px 0;
	border-collapse: collapse; 
	background: #F5F5F3; /* #F2F1E3 */ 
	border-top: 1px solid #4480AA;
	border-bottom: 1px solid #8AB4D0;
	border-left: 1px solid #4480AA;
}

#col2 caption {
	font-weight: bold;
	color: #B8A070;
	text-align: left;
	line-height: 190%;
	padding-bottom: 5px;
}

#col2 td {
	padding: 3px 3px 3px 3px;
	border-top: 1px solid #8AB4D0;
	border-left: 1px solid #8AB4D0;
	border-right: 1px solid #8AB4D0;
	line-height: 175%;
	vertical-align: middle; /* top */
	font-size: 95%;
}

#col2 td.title {
	font-weight: bold;
	color: #615D52;
	background: #EEEDE5;
	border-right: 1px solid #8AB4D0;
	border-left: 1px solid #8AB4D0;
	border-bottom: 1px solid #8AB4D0;
}

#col2 thead {
  background: #AAD3F1;
  color: #05549C;
}

#col2 th {
	background: url(../gfx/bg-th.gif) top left #CDDDE9 repeat-x;
	padding: 1px 3px 2px 3px; 
	border-right: 1px solid #4480AA; 
	border-bottom: 1px solid #8AB4D0;
	font-size: 95%;
	vertical-align: top;
	line-height: 140%;
	color: #054C8B;
}

#col2 tfoot {
  color: #000; 
}

#col2 tfoot td {
  background: #F8F3E6 !important; 
  color: #000; 
}

#col2 tfoot td.title {
  background: #EEEDE5 !important; 
}

/* Tabelle mit JavaScript Rollover-Effekt */
tr.ruled {background: #FFF; color: #000}   
tr.ruled td.title {background: #FBFBF9 !important; color: #000 !important;}

tr.tr-even  {background: #EEEDE5 !important; color: #000;}

/* Scrollbare Tabellen */

.tableContainer {
	position: relative;	/* to capture the absolutely positioned table header */
	width: 100%;		
	margin: 0;
	}

/* this enables the table to scroll without scrolling the page */
.innerframe {
	overflow: auto;	
	width: auto;	
	height: 248px;		/* height is required */
	}
	
#col2 .tableContainer th {
  color: #05549C;
  height: 25px;		
	}
	
.tableContainer table {
	width: 100%;
	margin: 0 !important;
	}
	
	
.tableContainer tr {
	height: 25px;
}


#col2 #tableContainer2 div {
  overflow: auto;
  width: 100%;
}

#col2 .tableContainer2 table {
  margin: 0 !important;
  table-layout: fixed;
}

div#tableContainer2 {
  width: 100%;
  overflow: auto;
  overflow-y: hidden;
}

div#tableContainer2 table {
  table-layout: fixed;
  border-collapse: collapse;
}

div#tableContainer2 th,
div#tableContainer2 td {
  width: 300px;
  text-align: left;
}

/* 
** ### Formulare ########################################################################################
*/

#col2 form {
	clear: both;
	margin-bottom: 1em;
}

#col2 input {
	height: 1.2em; width: 13.1em;
	border: 1px solid #ccc;
	margin-top: 1.1em;
	background: url(../gfx/bg-input.gif) #FFF;
	font-size: 130%;
	line-height: 1.5em;
	padding: 1px 0 0 3px;
}

/* Anpassung für checkboxen in der Tabelle Hausratversicherung */
#col2 .table-berechnung input {
	width: auto;
	height: auto;
	border: none;
	margin: 0;
}
	
/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
select, input, textarea { font-size: 99% }

#col2 input:focus {
	background: #FFFFFF;
	border: 1px dotted #000000;
}

#col2 textarea {
	width: 90%; height: 150px;
	border: 1px solid #ccc;
	margin-top: 0.8em;
	background: url(../gfx/bg-textarea.gif) no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0.3em;
	font-size: 1em;
	line-height: 1.3em;
}

#col2 textarea:focus {
	background-color: #FFFFFF;
	background-image: none;
	border: 1px dotted #000000;
}

#col2 input.checkbox {
	width: auto;
	border: none;
	background: none;
	line-height: 160%;
	margin: 0.5em 5px 0 0; 
	padding: 0;
}

#col2 form .radiocheck {
	width: auto;
	height: auto;
	border: none;
	background: none;
	margin: 10px 7px 0 0;
	line-height: 220%;
	padding: 4px 0 0 0;
}

#col2 select.selection {
	margin-top: 0em;
	width: 14.5em;
	padding:0;
	font-size: 120%;
}

#col2 select.selection-riester {
	margin-top: 1.1em;
	padding:0;
	font-size: 110%;
}

#col2 legend {
	font-weight:bold;
	padding: 0.4em;
	text-align:center;
	color: #3D3D3D;
}

#col2 fieldset {
	border: 1px solid #ccc;
	padding: 0 0 1em 0;
	display: block;
	width: 80%;
	margin: 0px 0px 1em;
	padding: 12px 12px 20px 12px;
}

#col2 fieldset p {
	line-height: 160%;
}

#col2 label	{
	float: left;
	text-align: right;
	width: 9em;
	margin-right: .5em;
	margin-top: 1em;
	cursor: pointer;
}

#col2 #newsletter label {
	width: 14em;
}

#col2 .no-float	{float: none !important; margin-left: 0px !important;}

#col2 form br	{ clear:left;}

#col2 fieldset.button {
	width: 80%;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	margin: 0px;
}

#col2 .submitter {
	margin: 15px auto 5px auto;
	display: block;
	width: 12em;
	border-color: #C0C0C0 #5C5C5C #5C5C5C #C0C0C0;
	background: #EEEDE5;
	font-size: 100%; 
	line-height: 14px;
	height: 22px;
	padding-bottom: 3px;
	vertical-align: middle;
	cursor: pointer;
	font-weight:bold;
}

#col3 .submitter {
	margin: 7px auto 05px 5px;
	display: block;
	width: 8em;
	border-color: #C0C0C0 #5C5C5C #5C5C5C #C0C0C0;
	background: #EEEDE5;
	font-size: 105%; padding-top: 1px; line-height: 0.8em; height: 1.8em;
	cursor: pointer;
}

#col2 .submitter:hover {
	background: #FFF;
}

#col3 .submitter:hover {
	background: #FFF;
}

#col2 fieldset.button-formular {
	width: 80%;
	text-align: left;
	padding-top: 1em;
	padding-bottom: 1em;
	margin: 0px;
}

.pflichtfeld {color: #FF0033; cursor: help }

#col2 .mail-error {
	border: 1px solid red;
}

#col2 p.mail-error {
	padding: 4px 6px 5px 6px;
}

#col2 a.formstart, #col2 a.formstart:visited {
	border: none; text-decoration: none; display: inline;
}

/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
option {padding-left: 0.4em}


/* Gewinnspiel - http://www.arbeitsgemeinschaft-finanzen.de/gewinnspiel.php */

#gewinnspiel {
	line-height: 200%;
}

#gewinnspiel input {
	margin-top: 12px;
}

#col2 #gewinnspiel .spacer {
	margin-left: 7.5em;
	margin-top: 10px;
	line-height: 200%;
}

#col2 #gewinnspiel textarea {
	float: left !important;
	margin: 19px 0 10px 3px;
	width: 360px;
	height: 150px;
}

col2 #gewinnspiel img {
	margin: 10px auto 8px auto;
	float: none;
	text-align: center;
}

#col2 form.special {
 width: 99% !important;
}

#col2 .special input {
	height: 1.4em; 
	width: 170px;
	float: left;
	margin-top: .7em;
	font-size: 110%;
	line-height: 1.6em;
	padding: 1px 0 0 3px;
}

#col2 .special .short {
	width: 130px !important;
}
	
#col2 .special textarea {
	width: 95%; height: 150px;
	margin-top: 0.7em;
	padding: 0.25em;
	font-size: 1em;
	line-height: 1.3em;
}

#col2 .special input.checkbox {
	line-height: 160%;
	margin: 0.5em 5px 0 0; 
	padding: 0;
	width: auto;
	float: left;
}

#col2 .special .radiocheck {
	margin: 10px 7px 0 0;
	line-height: 200%;
	padding: 4px 0 0 0;
	width: auto !important;
	float: left;
}

#col2 .special select {
	margin-top: .5em;
	width: 173px;
	float: left;
	font-size: 120%;
	padding: 0 0 0 3px;
}

#col2 .special legend {
	padding: 0.4em;
	text-align:center;
}

#col2 .special fieldset {
	padding: 0 0 1em 0;
	width: 99%;
	margin: 0px 0px 1em;
	padding: 8px 5px 11px 5px;
}

#col2 .special p {
	line-height: 150%;
	clear: both !important;
	display: block;
	text-align: center;
	padding-top: 10px;
}

#col2 .special label,
#col2 .special span.labeling {
	float: left;
	display: block;
	text-align: right;
	width: 8.8em;
	font-size: 90%;
	margin-right: .4em;
	margin-top: .5em;
}

#col2 .special span.labeling {
	width: auto;
	text-align: left;
	display: inline;
	padding-right: 7px;
}

#col2 .special label.auto {
	width: auto !important;
	padding-right: .5em;
	display: inline;
}

#col2 .special .part {
	width: 293px;
	float: left;
}

#col2 .special  .pr {
	float: left;
}

#col2 .special div.emptyrow { /* höhe nach Möglichkeit wie ein input */
	width: 200px; 
	clear: both;
	height: 1.6em; 
	margin-top: .7em;
	font-size: 110%;
	line-height: 1.6em;
	padding-top: 1px;
}

#col2 .special  .submitter {
	margin: 15px auto 8px auto !important;
	display: block; 
	float: none;
	text-align: center;
	line-height: 22px;
	font-size: 120%;
	height: 22px;
}

#col2 .special  fieldset.centered {
	text-align: center !important;
	width: 99%;
	clear: both;
	font-size: 100%;
	padding-bottom: 10px !important;
}

#col2 .special  fieldset.centered .radiocheck {
	float: none;
	margin: 10px 5px 0 0 !important;
	position: relative;
	top: 2px;
}

#col2 .special small {
	text-align: center;
	display: block;
	clear: both;
	height: 1em;
	width: 99%;
}

#col2 .special fieldset.centered small {
	text-align: center;
	display: block;
	clear: both;
	height: 1em;
	line-height: 1.4em !important;
	margin: 3px 0 7px 0;
	width: 99%;
}


/* spezielle Anpassungen */

#col2 #strasse {
}

#col2 #strassenr {
	width: 40px;
}

/* 
** ### Kreditrechner  ###################################################################################
*/

#kreditrechner .submitter {
	float: left; margin: 0 0 0 7px;
}

.anbieter {height: 30px;}
.monatsrate {font-weight:bold; color:#009933;}

#kreditrechner thead td {
	background: #AAD3F1;
}

.ergebnis td {
	text-align:center;
}


/* spezial-kredit */

#specialkredit label {margin: 0 5px 0 6px; width: 90px; text-align: left; float: left}


#specialkredit {
 	width: 99% !important;
 	clear: both;
 	padding: 15px 0 15px 0
 	border: 1px solid red;
}

#specialkredit input {
	height: 1.4em;
	margin: 5px 0 0 0;
	width: 100px;
font-size: 100%;
	float: left;
}

#specialkredit select {
	margin: 5px 0 0 0;
	width: 90px;
	float: left;
font-size: 100%;
}

#specialkredit .submitter {
	margin: 0;
	float: left;
	
}

/* 
** ### Kredittabelle  ###################################################################################
*/

#kredittabelle {
	font-size: 90%;
	text-align: center;
}

#kredittabelle thead td {
	background: #AAD3F1;	
	text-align: center;
	font-weight: bold;
}

.bg {
	background: #D3D1C5;
	text-align: center;
}

#kredittabelle .tleft {
	text-align:left;
	padding-left: 12px;
}

/* 
** ### Tagesgeldtabelle  ################################################################################
*/

#col2 #tgtabelle {

	width: 65%;
	font-size: 90%;
}

#tgtabelle thead td {
	background: #AAD3F1;	
	text-align: center;
	font-weight: bold;
}

.bg {
	background: #D3D1C5;
}

/* 
** ### Kreditkartentabelle  ################################################################################
*/

#kreditkartentabelle .head {
	background: #AAD3F1;
	font-weight: bold;	
}

/* 
** ### Lexikon ##########################################################################################
*/

#az-index {
    float: left;
    margin: 0 0 1.5em 0;
    padding: 0 5px 15px 5px;
    width: 90%;
}

#az-index ul {
    list-style-type: none;
	 list-style-image: none;
	 background: none;
	 float: none;
	 clear: both;
	 margin: 20px 0 0 30px;
}
	
#az-index li {
    float: left;
    list-style-type: none;
    padding: 0; margin: 0;
	 background: none !important;
	 text-align: center;
}

#az-index a:link, #az-index a:visited {
    
    display: block;
    height: 2em; width: 2em;
	 margin: 4px;
	 
    text-align: center; text-decoration: none;
	 line-height: 2em;
	 font-weight: bold; font-size: 130%; color: #000;
	 font-family: Arial, Verdana, sans-serif;
	 
	 border-top: 1px solid #C0C0C0; 
	 border-right: 1px solid #5C5C5C; 
	 border-bottom: 1px solid #5C5C5C; 
	 border-left: 1px solid #C0C0C0;
	 
	 background: #fff;
}

#az-index a:active, #az-index a:hover, #az-index a:focus {
	color: #fff;	
	border-top: 1px solid #0073C9; 
	border-right: 1px solid #5C5C5C; 
	border-bottom: 1px solid #5C5C5C; 
	border-left: 1px solid #0073C9;	 
    background: #0064AD;
}

/* 
** ### Blog Adsense Links ###############################################################################
*/

.blogads {
	margin: 0 0 0 20px;
	padding: 0;
}

/* 
** ### DJN Inhalte ######################################################################################
*/

pre { 
	font-family: Verdana, Helvetica, Arial, sans-serif;   
	font-size: 95.01%;
	line-height: 170%;
}
	

#col2 p.kleinertext { 
	font-size: 95.01%; 
	padding: 0 0 2px 0; margin: 0;
}

#col2 .uhr { 
	color: #7F7F7F;
}

/* 
** ### FAQ ##############################################################################################
*/

.faq {font-size: 1.4em; font-weight: bold; color: #0071C4;  margin: 0.4em 0 0.4em 0; padding: 0; font-weight: normal;}

/* 
** ### Rechte Spalte Hausrat ############################################################################
*/

.rechts-hr {font-size: 1.1em;}
.rechts-tel {font-size: 1.2em; color: #0073c9; font-weight:bold;}

.box-typ-hr {
	width: 160px; /* feste Breite erzeugt einen Umbruch im FF - deshalb leider derzeit untauglich */
	border: 1px solid #FF795D;
	padding: 2px 3px 5px 5px;
	margin: 5px 0 0 0;
	background: #F4F4F0;
	width: auto;
	overflow: hidden;
	font-size: 110%;
}

.box-typ-hr div {
	width: 160px;
	border: 1px solid red;
}

.box-typ-hr h4 {
	color: #FF795D;
	}
	
/* 
** ### Trendbox #########################################################################################
*/
	
#trendbox {
    visibility: visible;
    width: 180px;
    border: none;
    margin: -3px 0 -6px 0;
    padding:  5px 5px 5px 5px;
    background: #FFF url(/images/trendbox/box_inhalt.gif) 0 0 repeat-y;}

#trendbox p {
    font-size: 0.9em;
    line-height: 1.4em;
    color: #1144CC;
    margin: 0 0;
    padding: 5px 5px;}

#trendbox p img {
    margin: 0 0 0 -10px;}
	
#trendbox p a {
    text-decoration: none;
	font-size: 1em;
    line-height: 1.4em;
    color: #1144CC; }
	
	
/* 
** ### Sonstiges ############################################################################
*/

#fl-links {float: left; margin: 0 20px 20px 0;}
	
#col2 p.normal a:link, a:active, a:hover {color:#000; text-decoration:underline;}
#col2 p.kleiner-text a:link, a:active, a:hover {color:#000; text-decoration:none;}

/* Anpassung der Schriftgröße der Börsen-News */
.NormalMinus1 {font-size: 1.1em; font-family: Verdana, Helvetica, Arial, sans-serif;}

#kontotabelle {font-size: 0.9em;}
#kontotabelle thead td {background: #AAD3F1; text-align: center; font-weight:bold;}
#kontotabelle .center {text-align: center;}

.posttitle {font-size: 1.2em;}

.ueklein {font-size: 0.9em;}

.bc a {font-size: 0.9em;} /* Breadcrumb-Navigation */ 

/* Adsense-Hack fuer IE 7 */
	html* .linkblock {
	margin-left: -20px; }	
/* Ende Adsense-Hack fuer IE 7 */

/* 
** ### Tooltips          ################################################################################
*/

.header1 {
  width: 250px;
	background: #FFF;
	color: #000; font-size: 80%;
	font-weight: bold;
	padding: 3px !important;
	border: 1px solid #D0C49A;
	text-align: left;
}

.body1 {
	width: 250px;
	background: #F6F6F6;
	color: #000; font-size:70%;
	line-height: 150%;
	padding: 5px 3px 6px 3px !important;
	border: 1px solid #D0C49A;
	border-top: none;
	text-align: left;
}

.header2 {
  width: 400px;
	background: #FFF;
	color: #000; font-size: 80%;
	font-weight: bold;
	padding: 3px;
	border: 1px solid #D0C49A;
	text-align: left;
}

.body2 {
	width: 400px;
	background: #FFF;
	color: #000; font-size:70%;
	line-height: 150%;
	padding: 5px 3px 6px 3px;
	border: 1px solid #D0C49A;
	border-top: none;
	text-align: left;
}

#col2 a.infolink, #col2 a.infolink:visited, #col3 a.infolink, #col3 a.infolink:visited {
  padding: 0 0 2px 20px; line-height: 180%; 
  background: url("../gfx/icons/icon-info.gif") no-repeat left center;
}

/* ######################################################################################################
** ### TYPO3 css_styled_content #########################################################################
** ######################################################################################################
*/

#col2 .csc-frame {position: relative; display: inline;}
#col2 .csc-frame-indent {position: relative; display: inline;}

/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer - col2 */
	#col2 DIV.csc-textpic-clear {} 
	
	/* Clearer - col3 */
	#col3 DIV.csc-textpic-clear {clear: right;} 

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin: 0 7px 0 0;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin: 0 0 0 7px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 7px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin-top: 6px; margin-bottom: 5px;}

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin: 5px 7px 0 0 !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin: 5px 0 0 7px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

.csc-textpic img {border: solid 1px #cccbc4; padding: 1px; }
.csc-textpic-imagewrap {padding: 0;}
.csc-textpic-intext-left {margin: 0 5px 10px 0;}
.csc-textpic-intext-right {}
.csc-textpic-right {}
.csc-textpic-left {}
.csc-textpic-center {} 
.csc-textpic-above img {margin-bottom: 5px;}
.csc-textpic-below img {margin-bottom: 7px !important;}


.csc-textpic-intext-right-nowrap {float: left;}
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {width: 160px; float: left;}
.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {width: 160px; float: right; margin: 0px !important;}


/* ######################################################################################################
** ###   Navigation      ################################################################################
** ######################################################################################################
*/

/* verlinktes Logo */
a#logo, a#logo:visited {
    height: 150px; 
	width: 360px;
    display: block;
    float: left;
    text-decoration: none;
}

/* 
** ### Navi Oben: Suckerfish Flyout ######################################################################
*/

/* Link zur Homepage ... oder Startseite :) */
a#home, a#home:visited {
  width: 186px !important;
  background: none !important;
  text-align: right !important;
  color: #3B3D3D !important;
}

a#home:active, a#home:hover, a#home:focus {
  color: #000 !important;
}

#nav ul {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 83%;
	}

	#nav li {
		float: left;
		list-style-type: none;
		margin: 0; padding: 0;
		line-height: 1.5em; /* wichtig für IE7 */
	}

	#nav ul li a, #nav ul li a:visited { 
		display: block;
		margin: 0; 
		padding: 0 11px 0 11px;
		height: 2.65em; /* wichtig für korrekte Darstellung bei größerer Schriftgröße */
		color: #e3f2fc;
		text-decoration: none;
		line-height: 2.65em; text-align: left; 
		white-space: nowrap;
		background: url("../gfx/bg-nav-devider.gif") right center no-repeat;
	}

		#nav ul li a:active, #nav ul li a:hover, #nav ul li a:focus {
			color: #FFF; 
			background: url("../gfx/bg-nav-devider-hover.gif") right center no-repeat;
		}

		#nav li:hover a, #nav li:hover a:visited,  #nav li.sfhover a, #nav li.sfhover a:visited {
			color: #FFF; 
			background: url("../gfx/bg-nav-devider-hover.gif") right center no-repeat;
		}

		/* aktive Menüpunkte */
		#nav ul li a.current, 
		#nav ul li a.current:visited {
			color: #FFF; 
			background: url("../gfx/bg-nav-devider-hover.gif") right center no-repeat;
		}

			#nav li ul,
			#nav li ul ul {
				position: absolute; 
				left: -999em;
				z-index: 100;
				height: auto;
				margin: 0;
				padding: 0;
				border-top: 1px solid #004B80;
				border-left: 1px solid #003B64; 
				border-right: 1px solid #003B64;
				background: url("../gfx/bg-sub-nav-ul.gif") left top repeat-x #0461a5;
				/* die Breiten der Untermenüs sind in der Datei nav-ids.css definiert */
			}
			
				#nav li li {
					margin: 0; padding: 0; 
					float: none;
					border-bottom: 1px solid #034E84;
				}

					#nav li ul a, #nav li ul a:visited {
						width: 12em;
						height: 2.27em;
						font-size: 11px; font-weight: bold; color: #006DBC; 
						background: #eeede5; 
						line-height: 2.27em;
					}

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

				#nav li:hover ul, #nav li.sfhover ul {
					left: auto; 
				}

				#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 a, #nav li:hover a:visited,  #nav li.sfhover a, #nav li.sfhover a:visited {
						color: #FFF; 
					}

					#nav li:hover ul a, #nav li:hover ul a:visited,  #nav li.sfhover ul a, #nav li.sfhover ul a:visited {
						font-weight: normal;
						background: none;
					}
					
					#nav li ul li:hover a, #nav li ul li:hover a:visited,  #nav li ul li.sfhover a, #nav li ul li.sfhover a:visited {
						background: url("../gfx/bg-nav-arrow-2.gif") left center no-repeat #003c75;
					}

						#nav li:hover ul a:active, #nav li:hover ul a:hover, #nav li.sfhover ul a:active, #nav li.sfhover ul a:hover {
							background: url("../gfx/bg-nav-arrow-2.gif") left center no-repeat #003c75;
							font-weight: normal;
							color: #D1E7F7;
						}
							
							#nav li ul li:hover ul a, #nav li ul li:hover ul a:visited,  #nav li ul li.sfhover ul a, #nav li ul li.sfhover ul a:visited {
								background: none;
							}
						
						/* dritter level */			
						#nav li ul ul  {
							background: url("../gfx/bg-sub-nav-ul.gif") -277px 0px repeat-y #004282;
							margin-top: -26px; 
							/* margin-left ist abhängig von der jeweiligen Breite des Untermenüs in der Datei nav-ids.css definiert */
						}

						
	/* Link zur Sitemap >>> DERZEIT Newsletter Link */
	a#sitemap, a#sitemap:visited {
	  float: right !important;
	  color: #E3F2FC;
	  display: block;
		margin: 0; padding: 0 9px 0 20px;
		height: 2.65em; /* wichtig für korrekte Darstellung bei größerer Schriftgröße */
		text-decoration: none;
		line-height: 2.65em; 
		text-align: right !important;
		font-size: 83%; 
		white-space: nowrap;
		background: url("../gfx/icons/icon-mail.gif") 0px 10px no-repeat;
	}

	a#sitemap:active, a#sitemap:hover, a#sitemap:focus {
	  color: #FFF !important;
	}

/*
** ### Brotkruemel   ######################################################################
*/

#breadcrumb {
	display: block;
	width: 99%;
	height: 25px;
	font-size: 80%;
	color: #4B4F4F;
}	
	#breadcrumb  a, #breadcrumb a:visited {
		color: #0073c9 !important;
	}

	#breadcrumb p {
		clear: both;
	}

	#breadcrumb span  {
		display: inline;
		white-space: nowrap;
	}

	#breadcrumb strong {
		font-weight: normal !important;
	}

/* ######################################################################################################
** ### Navi Links: Hauptnavigation ######################################################################
** ######################################################################################################
*/

#col1 ul {
	display: block; 
	margin: 8px 0 6px 0; 
	padding: 7px 0 0 0;
}

	#col1 ul li {
		width: 208px; 
		overflow: hidden;
		line-height: 100%; 
		padding: 0 !important; 
		margin: 0 !important;
		list-style: none;	
	}

		/* Sub-Menu Titel */
		#col1 li.sub-nav-title {
			display: block; 
			clear: both;
			width: 208px; 
			text-indent: 13px;
			font-size: 83%;
			color: #000; 
			background: #d3d1c5;
			font-weight: bold;
			margin: 0 0 9px 0 !important;
			line-height: 238%;
		}

		#col1 a, #col1 a:visited {
			display: block; 
			width: 180px;
			padding: 0 0 0 7px;
			margin: 0 10px 0 9px;
			color: #000; 
			font-weight: normal; 
			font-size: 83%; 
			line-height: 210%; 
			text-decoration: none;
			border-top: 1px solid #F6F6F2;
			border-bottom: 1px solid #CAC9B1;
			border-left: 1px solid #F6F6F2;
			border-right: 1px solid #CAC9B1;
			background: url("../gfx/bg-sub-nav-ul.gif") right bottom no-repeat;
			}
			
		/* Verlinkung der Titel */
		#col1 ul li.sub-nav-title a,
		#col1 ul li.sub-nav-title a:visited {
			text-indent: 13px;
			width: 208px; 
			font-size: 100%;
			color: #000; 
			background: #d3d1c5;
			font-weight: bold;
			margin: 0 !important;
			padding: 0;
			line-height: 238%;
			border: none;
		}

		#col1 a:hover, #col1 a:active, #col1 a:focus {
			color: #056DBA;
			background: #F7F6F4;
			color: #0073C9;
		}
		

			#col1 a.current, #col1 a:visited.current	{
				font-weight: bold;
				color: #056DBA;
				background: #F7F6F4;
				line-height: 190%;
				padding: 3px 0 3px 7px;
				text-decoration: none;
				width: 180px;
				border: 1px solid #D3D1C5;
				border-top: none;
				border-bottom: none;
			}
			
				#col1 a:active.current, #col1 a:hover.current, #col1 a:focus.current {}


		/* second level */
		
		#col1 ul li ul {
			overflow: hidden;
			color: #056DBA;
			background: #F7F6F4;
			line-height: 130%;
			padding: 3px 0 4px 3px;
			margin: 0 0 0 9px;
			text-decoration: none;
			width: 184px;
			border: 1px solid #D3D1C5 !important;
			border-top: none;
		}
		
			#col1 ul ul li  {
				padding: 0; 
				margin: 0;
			}
			
				#col1 ul ul li  a, #col1 ul ul li  a:visited {
					background: url("../gfx/bg-nav-sub-arrow.gif") left center no-repeat;
					padding-left: 11px;
					margin-left: 4px;
					border: none;
					}
					
					#col1 ul ul li  a:active, #col1 ul ul li  a:hover, #col1 ul ul li  a:focus {
						background: url("../gfx/bg-nav-sub-arrow.gif") left center no-repeat;
					}

/* 
** ### Anpassung für die STARTSEITE ######################################################################
*/

#startseite #col1 ul {
  margin: 3px 0 9px 0;
}

	#startseite #col1 ul li {
	  white-space: normal;
	  margin: 4px 0 0 10px;
	  padding: 0;
	  width: 208px; 
	  text-indent: 0px;
	}

	#startseite #col1 li.sub-nav-title {
		text-indent: 9px;
		padding: 0;
		margin: 0;
		width: 208px;
		font-size: 83%;
		background: #d3d1c5;
	}

		#startseite #col1 a, 
		#startseite #col1 a:visited 	{
			display: block; 
			margin: 0 10px 0 9px;
			width: 180px;
			padding-top: 3px;
			padding-bottom: 3px;
			color: #000; 
			font-size: 83%; 
			line-height: 190%; 
			text-decoration: underline;
		}
		
			#startseite #col1 a.current, 
			#startseite #col1 a:visited.current	{
				font-weight: bold;
				color: #056DBA;
				background: #F7F6F4;
				line-height: 130%;
				text-decoration: none;
				width: 180px;
				border: 1px solid #D3D1C5;
				border-top: none;
				border-bottom: none;
			}

			#startseite #col1 a:hover, #startseite #col1 a:active, #startseite #col1 a:focus {
				color: #0073C9;
			}
			
					/* Verlinkung der Titel */
		#startseite #col1 .sub-nav-title a,
		#startseite #col1 .sub-nav-title a:visited {
			text-indent: 13px;
			font-size: 100%;
			color: #000; 
			text-decoration: none;
		}
			
				/* zweiter Level */
			
				#startseite #col1 ul ul {
					overflow: hidden;
					color: #056DBA;
					background: #F7F6F4;
					margin: 0 0 0 9px;
					width: 184px;
					border: 1px solid #D3D1C5 !important;
					border-top: none;
				}
					#startseite #col1 ul ul li  a, #startseite #col1 ul ul li  a:visited {
						margin-left: 5px;
						line-height: 180%;
						vertical-align: middle;
						background: url("../gfx/bg-nav-sub-arrow3.gif") left center no-repeat;
					}		
		
	#col1 li.li-01 {background: url("../gfx/icons/nav-icons/ausrufezeichen.gif") 185px 6px no-repeat #d3d1c5 !important;}
	#col1 li.li-02 {background: url("../gfx/icons/nav-icons/statistik.gif") 185px 6px no-repeat #d3d1c5 !important;}
	#col1 li.li-03 {background: url("../gfx/icons/nav-icons/herz.gif") 185px 6px no-repeat #d3d1c5 !important;}
	#col1 li.li-04 {background: url("../gfx/icons/nav-icons/schloss.gif") 185px 6px no-repeat #d3d1c5 !important;}
	#col1 li.li-05 {background: url("../gfx/icons/nav-icons/fragezeichen.gif") 185px 6px no-repeat #d3d1c5 !important;}
	#col1 li.li-06 {background: url("../gfx/icons/nav-icons/haus.gif") 185px 6px no-repeat #d3d1c5 !important;}
	#col1 li.li-07 {background: url("../gfx/icons/nav-icons/sonne.gif") 185px 6px no-repeat #d3d1c5 !important;}
	#col1 li.li-08 {background: url("../gfx/icons/nav-icons/stern.gif") 185px 6px no-repeat #d3d1c5 !important;}
	#col1 li.li-09 {background: url("../gfx/icons/nav-icons/uhr.gif") 185px 6px no-repeat #d3d1c5 !important;}
	#col1 li.li-11 {background: url("../gfx/icons/nav-icons/maennchen.gif") 185px 6px no-repeat #d3d1c5 !important;}
	#col1 li.li-12 {background: url("../gfx/icons/nav-icons/tabelle.gif") 185px 6px no-repeat #d3d1c5 !important;}
	#col1 li.li-13 {background: url("../gfx/icons/nav-icons/einkaufswagen.gif") 185px 6px no-repeat #d3d1c5 !important;}


/* 
** ### Suchformular ################################################################################
*/

/* Titel */
#col1 strong {
  display: block;
  width: 208px; height: 2.5em;
  margin-bottom: 10px !important;
  text-indent: 13px;
  font-size: 83%;
  line-height: 2.5em;
  color: #000;
  background: #d3d1c5;
  clear: both;
}

#col1 form {
  width: 208px;
  margin: 0; padding: 0;
  white-space: nowrap;
  display: inline;
}
    
#search-form input {
  float: left;
}

#search-form label {
  display: none;
}

#col1 #search-box {
    width: 164px; 
	height: 20px !important;
    padding: 2px 0 0 3px;
    margin: 0 0 15px 6px !important;
    padding: 0;
    vertical-align: middle;
    border: 1px solid #D7D7D7;
    border-top: 1px solid #BDBDBD;
    border-left: 1px solid #BDBDBD;
    background: url("../gfx/bg-input-right.gif") left top no-repeat #FFF;
}

#col1 #search-form input:focus {border: 1px solid #2A71E4; background: #FBFBFB;}

#col1 .submitter, 
#col3 .submitter {
  margin: 0 0 0 0 !important;  
  padding: 0;
  cursor: pointer;
}

/* Anpassung für die Startseite */

#col1 strong {
  margin: 17px 0 10px 0 !important;
  text-indent: 9px;
}

#search-box {
   line-height: 238%;
   padding: 2px 0 0 3px;
   margin: 0 0 0 6px;
}

#search-form {
	  margin: 0; padding: 0;
	  clear: both;
	}


/* 
** ### Navi Content: Themen unter Headline ###########################################################
*/

#topic-nav {
    clear: both;
    background: #eeede5;
    width: 98%;
    margin: 10px 0 20px 0;
}

#col2 #topic-nav a, #col2 #topic-nav a:visited {
    display: block;
    float: left;
    padding: 0 10px 0 10px;
    height: 1.7em; /* wichtig für korrekte Darstellung bei größerer Schriftgröße */
    color: #000;
    text-decoration: none;
    line-height: 1.7em; text-align: left;
    white-space: nowrap;
    background: url("../gfx/bg-topic-nav.gif") right center repeat-y;
}

#col2 #topic-nav a:active, #col2 #topic-nav a:hover, #col2 #topic-nav a:focus {
    color: #FFF !important;
    background: #0073C9;
}

/* aktive Menüpunkte */
#col2 #topic-nav a.current, #col2 #topic-nav a.current:visited {
    color: #006EBE !important;
    font-weight: bold;
}
    
#col2 #topic-nav a.current:hover, #col2 #topic-nav a.current:focus {
    background: url("../gfx/bg-topic-nav.gif") right center repeat-y #eeede5;
}

#col2 #topic-nav .last {
    background: none;
} 


/* 
** ### pagenav - Seitennavigation fuer Artikel ##########################################################
*/

#pagenav {
	margin: 25px 0 20px 0;
	height: 32px; 
	width: 99.5%;
	background: url("../gfx/page-nav-bg.gif") 0px 0px repeat-x;
}

#col2 #pagenav a, #col2 #pagenav a:visited {
	display: block;
	width: 22px;
	height: 32px;
	float: left;
	text-indent: -999em;
	font-size: 1px !important;
	line-height: 1px !important;
	color: #EDECE4;
}

#col2 #pagenav a.pn-back, #col2 #pagenav a.pn-back:visited {
	width: 65px;
	background: url("../gfx/page-nav.gif") 0px 0px no-repeat;
}

#col2 #pagenav a.pn-1, #col2 #pagenav a.pn-1:visited {background: url("../gfx/page-nav.gif") -65px 0px no-repeat;}
#col2 #pagenav a.pn-2, #col2 #pagenav a.pn-2:visited {background: url("../gfx/page-nav.gif") -87px 0px no-repeat;}
#col2 #pagenav a.pn-3, #col2 #pagenav a.pn-3:visited {background: url("../gfx/page-nav.gif") -109px 0px no-repeat;}
#col2 #pagenav a.pn-4, #col2 #pagenav a.pn-4:visited {background: url("../gfx/page-nav.gif") -131px 0px no-repeat;}
#col2 #pagenav a.pn-5, #col2 #pagenav a.pn-5:visited {background: url("../gfx/page-nav.gif") -153px 0px no-repeat;}
#col2 #pagenav a.pn-6, #col2 #pagenav a.pn-6:visited {background: url("../gfx/page-nav.gif") -175px 0px no-repeat;}
#col2 #pagenav a.pn-7, #col2 #pagenav a.pn-7:visited {background: url("../gfx/page-nav.gif") -197px 0px no-repeat;}
#col2 #pagenav a.pn-8, #col2 #pagenav a.pn-8:visited {background: url("../gfx/page-nav.gif") -219px 0px no-repeat;}
#col2 #pagenav a.pn-9, #col2 #pagenav a.pn-9:visited {background: url("../gfx/page-nav.gif") -241px 0px no-repeat;}

#col2 #pagenav a.pn-forward, #col2 #pagenav a.pn-forward:visited {
	width: 65px;
	background: url("../gfx/page-nav.gif") -263px 0px no-repeat;
}

/* hover */
#col2 #pagenav a.pn-back:active, #col2 #pagenav a.pn-back:hover, #col2 #pagenav a.pn-back:focus {background: url("../gfx/page-nav.gif") 0px -32px no-repeat;}

#col2 #pagenav a.pn-1:active, #col2 #pagenav a.pn-1:hover, #col2 #pagenav a.pn-1:focus {background: url("../gfx/page-nav.gif") -65px -32px no-repeat;}
#col2 #pagenav a.pn-2:active, #col2 #pagenav a.pn-2:hover, #col2 #pagenav a.pn-2:focus {background: url("../gfx/page-nav.gif") -87px -32px no-repeat;}
#col2 #pagenav a.pn-3:active, #col2 #pagenav a.pn-3:hover, #col2 #pagenav a.pn-3:focus {background: url("../gfx/page-nav.gif") -109px -32px no-repeat;}
#col2 #pagenav a.pn-4:active, #col2 #pagenav a.pn-4:hover, #col2 #pagenav a.pn-4:focus {background: url("../gfx/page-nav.gif") -131px -32px no-repeat;}
#col2 #pagenav a.pn-5:active, #col2 #pagenav a.pn-5:hover, #col2 #pagenav a.pn-5:focus {background: url("../gfx/page-nav.gif") -153px -32px no-repeat;}
#col2 #pagenav a.pn-6:active, #col2 #pagenav a.pn-6:hover, #col2 #pagenav a.pn-6:focus {background: url("../gfx/page-nav.gif") -175px -32px no-repeat;}
#col2 #pagenav a.pn-7:active, #col2 #pagenav a.pn-7:hover, #col2 #pagenav a.pn-7:focus {background: url("../gfx/page-nav.gif") -197px -32px no-repeat;}
#col2 #pagenav a.pn-8:active, #col2 #pagenav a.pn-8:hover, #col2 #pagenav a.pn-8:focus {background: url("../gfx/page-nav.gif") -219px -32px no-repeat;}
#col2 #pagenav a.pn-9:active, #col2 #pagenav a.pn-9:hover, #col2 #pagenav a.pn-9:focus {background: url("../gfx/page-nav.gif") -241px -32px no-repeat;}

#col2 #pagenav a.pn-forward:active, #col2 #pagenav a.pn-forward:hover, #col2 #pagenav a.pn-forward:focus {background: url("../gfx/page-nav.gif") -263px -32px no-repeat;}

/* 
** ### pagefunction - Funktionen fuer Artikel        ####################################################
*/

#pagefunction {
	margin: 25px 0 20px 0;
	height: 32px; 
	width: 99.5%;
	background: url("../gfx/page-nav-bg.gif") 0px 0px repeat-x;
}

#col2 #pagefunction a, #col2 #pagefunction a:visited {
	display: block;
	width: 22px;
	height: 32px;
	float: left;
	text-indent: -999em;
	font-size: 1px !important;
	line-height: 1px !important;
	color: #EDECE4;
}


#col2 #pagefunction a.pf-print, #col2 #pagefunction a.pf-print:visited {
	background: url("../gfx/page-functions.gif") 0px 0px no-repeat;
	width: 98px;
}

#col2 #pagefunction a.pf-pdf, #col2 #pagefunction a.pf-pdf:visited {
	background: url("../gfx/page-functions.gif") -98px 0px no-repeat;
	width: 140px;
}
#col2 #pagefunction a.pf-top, #col2 #pagefunction a.pf-top:visited {
	background: url("../gfx/page-functions.gif") -518px 0px no-repeat;
	width: 100px;
	float: right;
}

/* 
** ### Navigation nav-extra am Seitenfuss ###############################################################
*/

#nav-extra ul {
  width: 25%;
  margin: 0px;
  padding: 0 7px 0 16px;
  display: block;
  float: left;
  line-height: 155%;
  list-style-type: none;
  background: url("../gfx/bg-footer-nav-devider2.gif") left center repeat-y;
  font-size: 80%;
}

#nav-extra ul li {
  list-style-type: none;
  margin: 0px;
}

#nav-extra strong {
  color: #E45120;
}

#nav-extra a, #nav-extra a:visited {
    padding: 0 10px 0 0;
    color: #015593;
    line-height: 1.5em;
}

#nav-extra a:active, #nav-extra a:hover, #nav-extra a:focus {
    color: #000;
    text-decoration: underline;
}

#anfang {
  background: none !important;
}

/* 
** ### Impressum ################################################################################
*/


/* Impressum Link unter der normalen Navigation */
#col1 a.imprint, #col1 a.imprint:visited {
	border-top: 2px solid #D3D1C5; padding: 5px 0 0 0; margin: 0;
	background: none; text-indent: 13px; font-weight: bold;
	width: 208px; color: #0073C9;
}

#col1 a.imprint:active, #col1 a.imprint:hover, #col1 a.imprint:focus {
	border-top: 2px solid #D3D1C5; padding: 5px 0 0 0; margin: 0;
	background: none; text-indent: 0px; 
	color: #000;
}

/* 
** ### Footer Navigation ################################################################################
*/

#footer a, #footer a:visited  {
  text-decoration: none; 
  background: none;  
  font-size: 70%;
  color: #E3F2FC;
}
#footer a:active, #footer a:hover, #footer a:focus, #footer a:focus .sffocus {color: #E3F2FC;}

#footer p a, #footer p a:visited  {text-decoration: none; background: none; color: #E3F2FC; }
#footer p a:active,  #footer p a:hover, #footer p a:focus {color: #fff; text-decoration: none;}

a#toplink, a#toplink:visited {
  width: 11em; 
  float: left; 
  margin: 0 0 0 224px;
  padding-left: 15px;
  text-align: left; 
  line-height: 2.9em; /* ca. 1,5-fache Höhe des Footers */
  background: url("../gfx/icons/icon-top.gif") left center no-repeat;
}

/* 
** ### Anpassung von Navigations-Punkten (Untermenüs)  ##################################################
*/

/* standard --> wenn nichts eingetragen wird, greifen diese Werte */
#nav li ul li a, #nav li ul li a:visited { width: 120px !important; }
#nav li ul ul { margin-left: 142px; }

/* Geldanlage */
#nav li#geldanlage ul li a, #nav li#geldanlage ul li a:visited { width: 130px !important; }
#nav li#geldanlage ul ul { margin-left: 152px; } /* immer 22px mehr als die Breite des Untermenüs */

/* Kredite */
#nav li#kredite ul li a, #nav li#kredite ul li a:visited { width: 90px !important; }
#nav li#kredite ul ul { margin-left: 112px; }
#nav li#kredite ul ul li a, #nav li#kredite ul ul li a:visited { width: 130px !important; } /* optionale Anpassung --> erforderlich, wenn die Punkte des übergeordneten Menüs zu kurz/lang für die Unterpunkte sind! */

/* Versicherung */
#nav li#versicherung ul li a, #nav li#versicherung ul li a:visited { width: 180px !important; }
#nav li#versicherung ul ul { margin-left: 202px; }
#nav li#versicherung ul ul li a, #nav li#versicherung ul ul li a:visited { width: 150px !important; } /* optionale Anpassung */

/* Vorsorge */
#nav li#vorsorge ul li a, #nav li#vorsorge ul li a:visited { width: 170px !important; }
#nav li#vorsorge ul ul { margin-left: 192px; }

/* Geld */
#nav li#geld ul li a, #nav li#geld ul li a:visited { width: 110px !important; }
#nav li#geld ul ul { margin-left: 132px; }

/* Konto */
#nav li#konto ul li a, #nav li#konto ul li a:visited { width: 125px !important; }
#nav li#konto ul ul { margin-left: 147px }

/* Bauen */
#nav li#bauen ul li a, #nav li#bauen ul li a:visited { width: 100px !important; }
#nav li#bauen ul ul { margin-left: 122px; }
#nav li#bauen ul ul li a, #nav li#bauen ul ul li a:visited { width: 130px !important; } /* optionale Anpassung --> erforderlich, wenn die Punkte des übergeordneten Menüs zu kurz/lang für die Unterpunkte sind! */

/* Fonds */
#nav li#fonds ul li a, #nav li#fonds ul li a:visited {}
#nav li#fonds ul ul {}

/* Boerse */
#nav li#boerse ul li a, #nav li#boerse ul li a:visited {}
#nav li#boerse ul ul {}

/* Immobilien */
#nav li#immobilien ul li a, #nav li#immobilien ul li a:visited {}
#nav li#immobilien ul ul {}

/* Service */
#nav li#service ul li a, #nav li#service ul li a:visited { width: 125px !important; }
#nav li#service ul ul { margin-left: 147px }

/* Steuern */
#nav li#steuern ul li a, #nav li#steuern ul li a:visited {}
#nav li#steuern ul ul {}

/* Blog */
#nav li#blog ul li a, #nav li#blog ul li a:visited {}
#nav li#blog ul ul {}



/* >>>>> Ende @media all Anweisung */
}