@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 {display: block;} 
.clearfix:after {content: "."; display: block;	height: 0; clear: both;	visibility: hidden;}
	
/* 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: url("../gfx/bg-body.gif") center top repeat-y #E2E1D7;
	text-align: center; 
	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 {
	width: 995px; 
	background: url("../gfx/bg-main-home.gif") left top repeat-y #FFF;
	margin: 0 auto 0 auto;}

	#header { 
		height: 120px;
		clear: both; 
		text-align: left;
		background: url("../gfx/bg-header.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: 546px; float: left;}
		
			.two-cols #col2 {width: 740px !important;}
		
			#col2_content {
			  margin: 9px 0 25px 0; 
			  padding: 5px 0 0 0; 
			  font-size: 72%;}

				.two-cols #col2_content {
					width: 710px !important;
					margin: 19px 0 25px 10px;}
					
		/* 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;} 
	
	/* 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%;
	  text-align: left;}

	#footer {
		height: 4em;  
		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.4em; color: #046bb9;  margin: 0.4em 0 0.4em 0;}
h2 {font-size: 1.2em; font-weight:bold; color: #333; margin: 0.4em 0 0.8em 0;}
h3 {font-size: 1.2em; font-weight:bold; line-height: 150%; color: #333; 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}
h1.icon-idee {background: url("../gfx/icons/fugue/idee.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important}
h1.icon-frage {background: url("../gfx/icons/fugue/frage.png") 0em 0.3em no-repeat; 	padding: 0 0 4px 19px !important; margin-left: 8px; font-size: 125%; line-height: 188%;}

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}

	/* Headlines mit Hintergrundfarben */
	/* entfernt */

#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 */
  
p.stark {font-weight: bold;}

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

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

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}


.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 {
  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: #046bb9;}  /* #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;}

/* --- FAQ Seite--- */

#faq div {
	width: 526px;
	margin: 4px 0 10px 9px;
	padding: 0 0 5px 0;
	background: url(../gfx/bg-faq-box-03.gif) repeat-y;
	border-bottom: 1px solid #dbd4b1;}

#faq h1,
#faq h2 {
	width: 100%;
	display: block;
	background: url(../gfx/bg-faq-box-01.gif) no-repeat left top;
	margin: 0 0 3px 0;
	padding: 11px 15px 8px 11px;
	line-height: 150%;
	font-size: 120%;
	font-weight: bold;}

#faq a, 
#faq a:visited {
	width: 100%;
	display: block;
	padding: 0 0 10px 0;
	background: url(../gfx/bg-faq-box-02.gif) no-repeat left bottom;
	text-decoration: none;
	text-shadow: 1px 1px 1px #FFF;
	color: #004a82;}

#faq a:active, 
#faq a:hover,
#faq a:focus {
	text-shadow: 1px 1px 1px #e9e9e5;
	color: #000 !important;}

#faq p {
	color: #1c1d1d;
	padding: 13px 23px 11px 27px;
	line-height: 170%;}

#faq p a, 
#faq p a:visited {
	width: auto;
	text-decoration: underline;
	color: #1e82ce;
	display: inline;
	font-size: 110%;
	line-height: 170%;
	padding: 0 !important;
	background: none;
	color: #004a82;}

#faq p a.readon, 
#faq p a.readon:visited {
	width: auto;
	text-decoration: underline;
	color: #1e82ce;
	display: block;
	font-size: 100%;
	line-height: 170%;
	padding: 0 0 1px 13px !important;
	background: url("../gfx/icons/icon-arrow-01.gif") left center no-repeat !important;
	color: #004a82;}

/* --- Kurzmeldungen--- */

#kurzmeldungen div {
	width: 526px;
	margin: 3px 0 8px 9px;
	padding: 0 0 5px 0;
	background: #f1efe8;}

#kurzmeldungen div.odd {background: #f8f3dd !important;}

#kurzmeldungen a, 
#kurzmeldungen a:visited {
	width: 100%;
	display: block;
	padding: 0 0 6px 0;
	text-decoration: underline;}

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

#kurzmeldungen p {
	color: #1c1d1d;
	padding: 0px 18px 5px 22px;
	line-height: 170%;}

#kurzmeldungen small {
	color: #888;
	padding-left: 35px;
	background: url(../gfx/icons/calendar.gif) no-repeat 21px 2px;
	line-height: 290%;
	font-size: 95%;}

#kurzmeldungen p small {
	color: #444;
	padding: 0;
	background: none;
	line-height: 200%;}

/* 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: 100%;
	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 {
	background: #f0efeb;
	line-height: 150%;
	margin: -5px 0 0 0;
	padding: 0 0 0 7px;}

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

div.box-typ-3 h2.icon-idee {background: url("../gfx/icons/fugue/idee.png") 0em 0.3em no-repeat; padding: 0 0 0 19px !important}

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

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

/* Bild in der Box */
#col2 div.box-typ-3 img {padding: 0 0 0 10px;}

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

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

div.box-typ-praxis-tipp h2 {
	background: #f5f5f3 url("../gfx/icon_praxis-tipp.gif") left center;
	background-repeat: no-repeat;
	border-bottom: 1px solid #e3e2dd;
	line-height: 150%;
	margin: 0;
	padding: 0.2em 0 0.2em 33px;}

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

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

/* Box Typ 6 - 2-spaltig */
#col2 div.box-typ-6 {
	width: 99%;
	height: auto;
	overflow: auto;
	margin: 15px 0 17px 0;
	font-size: 95%;
	border: 1px solid #B4B4B4;
	background: #F0EFEB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 4px;
	-moz-box-shadow: 0 0 5px #D3D3D3;
	-webkit-box-shadow: 0 0 5px #D3D3D3;
	box-shadow: 0 0 5px #D3D3D3;}


#col2 div.box-typ-6 h1, #col2 div.box-typ-6 h2, #col2 div.box-typ-6 h3 {
	margin: -2px 0 4px 0;
	padding: 0;
	line-height: 140%;
	font-size: 140%;}

#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;}

/* 
** ### 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;}

/* 
** ### 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;}
  
#col2 table.newsletter {
	background: none;
	border: 1px solid #ccc;
	font-size: 14px;
}

#col2 table.newsletter td {
	text-align: left;
	vertical-align: top;
	border: none;
	padding: 5px 5px;
}

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

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

#col2 input {
	height: 1.2em; width: 13.1em;
	margin-top: 1.1em;
	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: #FFF; border: 1px dotted #000;}

#col2 textarea {
	width: 90%; height: 150px;
	margin-top: 0.8em;
	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: 6px;
	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;
	font-size: 100%; 
	line-height: 14px;
	height: 22px;
	padding-bottom: 18px;
	vertical-align: middle;
	cursor: pointer;
	font-weight:normal;}

#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 {}

#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: 700px !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;}

#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 0 0 94px !important;
	display: block; 
	float: none;
	text-align: center;
	line-height: 22px;
	font-size: 120%;
	height: 28px;}

#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%;}


/* comment form */

#col2 .comment input {width: 230px;	float: left;}

#col2 .comment span {
	float: left;
	clear: none;
	font-size: 80%;
	line-height: 1.6em;
	height: 1.4em;
	padding-left: 5px;
	margin-top: 0.8em;}

#col2 form.comment .center {
	text-align: center;
	width: 100%;
	clear: both;
	display: block;}

#col2 .comment textarea {float: left; width: 400px;}

#col2 .comment img {float: left;}

#col2 .comment fieldset {height: auto; display: block;}

/* 
** ### Kommentare  ##################################################
*/
.comments {margin-bottom: 12px;}
.comments_header {font-size: 1.2em; font-weight: bold; color: #046bb9; margin: 0 0 0.4em 0.8em;}

.tx-comments-pi1 .comment-1 {background: #FBF1D3; padding: 6px;}
.tx-comments-pi1 .comment-2 {padding: 6px;}

.tx-comments-pi1 .agf {}

.tx-comments-pi1 .header {color: #016AB9;}

.tx-comments-pi1 .date {
	font-size: 80% !important;
	color: #000;
	line-height: 100%;
	padding: 3px 0 2px 0;
	height: 1em;
	margin: 0;}

.tx-comments-pi1 .name {
	font-size: 100%;
	font-weight: bold;
	line-height: 160%;
	padding: 0 0 0 18px !important;
	height: 1.6em;
	margin: 0;
	background: url('../gfx/icons/comment_bubble.gif') no-repeat 0px 0px;}

 .tx-comments-pi1 .agf .name {
	background: url('../gfx/icons/comment_admin_bubble.gif') no-repeat 0px 0px;
	line-height: 200%;
	padding-top: 3px !important;
	height: 1.7em;}
	
.tx-comments-pi1 .content {
	margin-bottom: 8px;
	padding-left: 18px !important;
	line-height: 1.6em;}

/* 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;}

/* 
** ### Bilder_Blog-News ##########################################################################################
*/

.blog_news {
	float: left;
	margin: 0 0;
	padding: 0 0;}
	
.blog_news_r {
	float: right;
	margin: 0 0;
	padding: 0 0;}

.blog_news img.news {
	margin: 5px 15px 0 0;
	padding: 0 0;
	border: 1px solid #e0dfd5;
	width: 200px;
	height: 125px;}
	
.blog_news_r img.news {
	margin: 5px 0 0 15px;
	padding: 0 0;
	border: 1px solid #e0dfd5;
	width: 200px;
	height: 125px;}

.blog_news p, .blog_news_r p {
	margin: 0 0!important;
	padding: 0 0!important;}

.blog_news p.cr {
	margin: 0 0;
	padding: 0 0;
	font-size: 10px!important;
	color: #999;
	font-style: italic;}
	
.blog_news_r p.cr {
	margin: 0 0;
	padding: 0 0 0 15px!important;
	font-size: 10px!important;
	color: #999;
	font-style: italic;}

.blog_news p.cr a, .blog_news_r p.cr a {
	color: #999!important;
	font-style: italic;
	text-decoration: none;}

.blog_news p.cr a:hover, .blog_news_r p.cr a:hover {
	color: #999!important;}
	
/* 
** ### Blog_Tabelle ##########################################################################################
*/

#col2 .blog-table table td {
	vertical-align: top;}

#col2 .blog-table p {
	padding: 2px 0;!important}

/* 
** ### Boxen Kredite Top-Anbieter ##########################################################################################
*/

.kredite_top_1, .kredite_top_2, .kredite_top_3 {
	float: left;
	background: url(../img/Bilder_Verschiedene/box-kr-hg.gif);
	background-repeat: no-repeat;
	margin-right: 20px;
	margin-bottom: 25px;
	width: 221px;
	height: 178px;}

.kredite_top_3 {
	margin-right: 0px;}

.kredite_top_1 p.img, .kredite_top_2 p.img, .kredite_top_3 p.img {
	text-align: center;
	margin: 0 0!important;
	padding: 6px 0 0 0!important;}

.kredite_top_1 p.zins, .kredite_top_2 p.zins, .kredite_top_3 p.zins {
	text-align: center;
	margin: 5px 0 0 0!important;
	padding: 10px 0 0 0!important;
	border-top: 1px dotted #003c75;
	font-size: 14px;
	font-weight: bold;
	color: #003c75;}

.kredite_top_1 ul.top_kredit, .kredite_top_2 ul.top_kredit, .kredite_top_3 ul.top_kredit {
	margin: 3px 0 5px 10px!important;
	padding: 0 0!important;}

.kredite_top_1 ul.top_kredit li, .kredite_top_2 ul.top_kredit li, .kredite_top_3 ul.top_kredit li {
	background: url(../img/Bilder_Verschiedene/pfeil_klein.gif) left!important;
	background-repeat: no-repeat!important;
	padding: 0 0 0 12px!important;
	margin: 1px 0!important;}

.kredite_top_1 p.link, .kredite_top_2 p.link, .kredite_top_3 p.link {
	text-align: center;
	text-decoration: underline;
	color: #003c75;
	font-size: 13px;
	font-weight: bold;}

/* 
** ### Social Buttons ##########################################################################################
*/

#col2 .social {
	margin-top: 20px;}

#col2 p.social_1 {
	float: left;
	margin: 0 20px 8px 0;}

#col2 p.social_2 {
	float: left;
	margin: 0 19px 8px 0;}

/* 
** ### 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;}

/* 
** ### 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;}

/* 
** ### 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: 120px; 
	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;}

						
	/* 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; 
		margin: 0;
		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 ######################################################################
*/
		
	#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 */

#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;}


/* 
** ### Suchbegriffe  ##################################################
*/

#col2 .searchterms h2 {
	font-size: 1.18em;
	margin-bottom: 0;}

#col2 .searchterms ul {
	margin: -5px 0 5px 0; padding: 0; list-style-type: none;
	display: block; clear: both;}
	
#col2 .searchterms ul li {
	margin: 0; padding: 0 3px 0 0; list-style-type: none; float: left; background: none;
	color: #878787;
	font-size: 90%;}

/* 
** ### 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: 125px !important; }
#nav li ul ul { margin-left: 147px !important; } /* immer 22px mehr als die Breite des Untermenüs */

/* Kredite */
#nav li#kredite ul li a, #nav li#kredite ul li a:visited { width: 100px !important; }
#nav li#kredite ul ul { margin-left: 122px !important; }

/* Geldanlage */
#nav li#geldanlage ul li a, #nav li#geldanlage ul li a:visited {}
#nav li#geldanlage ul ul {} 
#nav li#geldanlage ul ul li a, #nav li#geldanlage ul ul li a:visited { width: 110px !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: 185px !important; }
#nav li#versicherung ul ul { margin-left: 207px !important; }
#nav li#versicherung ul ul li a, #nav li#versicherung ul ul li a:visited { width: 180px !important; }  

/* Konto */
#nav li#konto ul li a, #nav li#konto ul li a:visited {}
#nav li#konto ul ul {}

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

/* Steuern */
#nav li#steuern ul li a, #nav li#steuern ul li a:visited { width: 80px !important; }
#nav li#steuern ul ul { margin-left: 102px !important; }

/* Rechner */
#nav li#rechner ul li a, #nav li#rechner ul li a:visited {}
#nav li#rechner ul ul {}

/* Service */
#nav li#service ul li a, #nav li#service ul li a:visited {}
#nav li#service ul ul {}

/* Blog */
#nav li#blog ul li a, #nav li#blog ul li a:visited { width: 80px !important; }
#nav li#blog ul ul { margin-left: 102px !important; }

/* 
** ### jQuery Extras  ##################################################
*/

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #FFF;
	padding: 4px;
	opacity: 0.90;
	font-size: 70%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 4px;
	line-height: 140%;
	width: 250px;}
	
#tooltip h3, #tooltip div { margin: 0; }

#tooltip.img-tip {
	border: none;
	color: #FFF;
	opacity: 0.9;
	background: #0870BD;}
	
#tooltip.img-tip h3 {
	color: #FFF;}

/* Accordion based on jQuery */
#col2 ul.menu {
	margin: 5px 0 15px 4px;}

	#col2 ul.menu, #col2 ul.menu li {
			list-style-image: none;
			list-style-type: none;
			background: none;
			padding: 0;}
	
#col2 ul.menu ul	{ 	
	list-style-type: none;
	margin: 5px 5px 15px 17px; padding: 2px 5px 2px 15px;}

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

		/* container div in accordion */

		ul.menu .panel {
			line-height: 165%;
			font-size: 100%;
			padding: 0 10px;}  /* 8px 6px 9px 7px; */
		
		#col2 .panel table {
			margin: 5px 0 7px 0;}
			
		/* li in an 'active' ul */
		ul.menu li div.panel {
			background: #F4F4EB;
			border: 1px solid #E8E8D7;}
			
		ul.menu li div.panel ul {
			margin: 0 0!important;}
			
		ul.menu li div.panel ul.pluslist li {
			background: url("../gfx/icons/icon-plus.gif") no-repeat scroll 0 0.23em transparent!important;}
			
		/* links to open the accordion */
		#col2 ul.menu a.special, #col2 ul.menu a.special:visited  {
			background: url("../gfx/icons/fugue/hand-point.png") 0em 0em no-repeat; 
			padding: 0 0 2px 19px; 
			line-height: 210%;
			font-size: 100%;
			font-weight: normal; 
			text-decoration: underline;}
		
			/* remove dotted line (in Firefox) */
			#col2 ul.menu a.special:active, #col2 ul.menu a.special:focus  {
				outline:none;}
			
				/* links headlines when there is no JS!!! */
				ul.menu a, ul.menu a:visited  {
					background: none; 
					padding: 0 0 2px 0; 
					line-height: 210%;
					font-size: 120%;
					font-weight: normal; /* bold */
					text-decoration: none;}	
	
			
			#col2 ul.menu a.active, #col2 ul.menu a.active:visited  {
				background: url("../gfx/icons/fugue/hand-point-270.png") 0em 0em no-repeat; 
				padding: 0 0 2px 19px !important; 
				line-height: 210% !important;
				font-weight: normal;} /* bold */
			
				/* reset on a deeper level for just displaying content */
					
				#col2 ul.menu li div a , #col2 ul.menu li div a:visited  {
					background: none !important; 
					padding: 0 !important;
					line-height: 165%;}
				
				#col2 ul.menu li li a , #col2 ul.menu li li a:visited  {
					background: none !important; 
					padding: 0 !important;
					line-height: 165%;}
	
	/* tabs with jQuery */

	#col2 ul.tabs {
		margin: 15px 0 0 0;
		padding: 0;
		float: left;
		list-style: none;
		height: 26px; 
		border-bottom: 1px solid #999;
		border-left: 1px solid #999;
		width: 99%;}
	
	#col2 ul.tabs li {
		float: left;
		margin: 0;
		padding: 0;
		height: 25px; 
		line-height: 24px; 
		border: 1px solid #999;
		border-left: none;
		margin-bottom: -1px; 
		overflow: hidden;
		position: relative;
		background: url("../gfx/bg-tab-01.jpg") center center no-repeat #e0e0e0;}
	
	#col2 ul.tabs li a {
		text-decoration: none;
		color: #000;
		display: block;
		font-size: 1em;
		padding: 0 20px;
		border: 1px solid #fff; 
		outline: none;
		text-shadow: 0px 1px 1px #FFF;}
	#col2 ul.tabs li a:hover {
		background: #ccc;
		text-shadow: 0px 0px 1px #888;}
	
	#col2 ul.tabs li.active, 
	#col2 ul.tabs li.active a:hover  { 
		background: #fff;
		border-bottom: 1px solid #fff; 
		text-shadow: 0px 0px 1px #888;}	
	
	#col2 ul.tabs li.last  { 
		-khtml-border-radius-topright: 2px;
		-webkit-border-top-right-radius: 2px;
		-moz-border-radius-topright: 2px;
		border-top-left-radius: 2px;}	
	
	.tab_container {
		border: 1px solid #999;
		border-top: none;
		/* height: 200px; */
		margin: 0 0 17px 0;
		overflow: hidden;
		clear: both;
		width: 99%;
		background: url("../gfx/bg-tab-content.jpg") center bottom no-repeat #fff;
			-khtml-border-radius-bottomright: 5px;
			-khtml-border-radius-bottomleft: 5px;
			-webkit-border-bottom-right-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-bottomleft: 5px;
			-moz-border-radius-bottomright: 5px;
			border-bottom-right-radius: 5px;
			border-bottom-left-radius: 5px;}
	
		.tab_content {
			padding: 20px;
			font-size: 1em;}
			
	/* lightbox with jQuery */
	
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
		
	/* inhaltsverzeichnisse */

#inhaltsverzeichnis img {
float: left;
border: none;
margin-top: 4px;}

#inhaltsverzeichnis h3 {
margin:18px 0 0 0;
font-size: 16px;
color: #003c75;
border-bottom: 1px dotted #003c75;}

#inhaltsverzeichnis table.dreisp {
margin: 0;
border: none;
background: none;}

#inhaltsverzeichnis table.dreisp td {
border: none;
padding-left: 0px;
padding-right: 10px;
vertical-align: top;}

#inhaltsverzeichnis ul {
font-size: 12px;
margin-left: 0px; 
padding-left: 0px;}

#inhaltsverzeichnis ul li {
background: url(http://www.arbeitsgemeinschaft-finanzen.de/fileadmin/agf/img/Bilder_Verschiedene/pfeil_klein.gif) left 8px;
background-repeat: no-repeat;
padding-left: 12px;
margin: 3px 0;
line-height: 20px;}

#inhaltsverzeichnis ul li.unterp { 
background: none; margin-left: 12px;}

	/* tagesgeld details */

#tagesgeld table {
border: none;
background: none;
font-size: 13px;
margin-top: -8px;}

#tagesgeld td {
margin-top: -3px;
border: none;}
	
#tagesgeldbutton {
margin: 15px 0;}

#tagesgeldbutton a {
background-color: #d88443;
padding: 5px 15px;
color: #fff;
border: 1px solid #ca5701;
text-decoration: none;}

#tagesgeldbutton a:hover {
text-decoration: underline;
color: #fff;
}

#tagesgeldbutton a:visited {
text-decoration: underline;
color: #fff;}

	/* Nummern groß */

#col2 ul.num {
margin: 0 0 20px 0;
padding: 0 0;}

#col2 ul.num li.num-gr {
background: none;
padding: 0 0;
margin-bottom: 0px;}

#col2 ul.num li.num-gr a {
font-weight: bold;}

#col2 ul.num li.num-gr-txt {
background: none;}

#col2 ul.num li.num-gr img {
float: left;
margin-right: 10px;
margin-top: 4px;
padding-top: 4px;}

	/* formatting festgeld */

td.ct  {text-align: center;}
td.ctz {text-align: center; font-weight: bold; color: #336699; font-size: 13px;}

	/* Tabelle AdSense / Social Media */
	
.cont-1 {
	width: 706px;
	height: 280px;
	margin: 10px  0 20px 0;}

.cont-1-li {
	float: left;
	width: 350px;
	height: 280px;}

.cont-1-re {
	float: right;
	width: 300px;
	height: 280px;}

.cont-1-re img {
	margin-bottom: 15px;
	padding: 0 0;}

	/* kreditlexikon formular */


#kreditvgl {
width: 485px;
height: 60px;
line-height: 16px;
color: #666;
font-family: Verdana,Geneva,Arial;
font-size: 11px;
margin: 0 0 25px 10px;
padding: 0;}

#kreditvgl h3 {
color: #046BB9;
font-size: 1.2em;
font-weight: bold;
margin-top: 0;}

#kreditvgl .sp1 {
width: 170px;
margin: 0;
padding: 0;
float: left;}

#kreditvgl .sp2 {
width: 85px;
margin: 14px 5px 0 0;
float: left;}

#kreditvgl .sp3 {
width: 50px;
margin: 14px 5px 0 0;
float: left;}

#kreditvgl .sp4 {
margin: 18px 5px 0 0;
float: right;}
	
	
/* ######################################################################################################
BDS -  Bank Detailseite
###################################################################################################### */

#col2 table.bds tr.odd {
	background-color: #eeede5;}

#col2 table.bds tr.even {
	background-color: #f5f5f3;}

#col2 table.bds th {
	padding: 4px 5px;
	vertical-align: middle;
	text-align: left;
	background-image: none;
	background-color: #4480aa;
	color: #fff;
	border-right: 1px solid #8ab4d0;}

#col2 table.bds td {
	padding: 3px 5px;
	vertical-align: top;}
	
#col2 table.bds .ct {
	text-align: center;
	vertical-align: middle;}

#col2 table.bds td ul {
	margin: 0 0;
	padding: 0 0;}

#col2 table.bds td ul li.ja {
	background: url(http://www.arbeitsgemeinschaft-finanzen.de/fileadmin/agf/img/Icons_Buttons/haekchen.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	margin: 2px 0;}

#col2 table.bds td ul li.nein {
	background: url(http://www.arbeitsgemeinschaft-finanzen.de/fileadmin/agf/img/Icons_Buttons/ohne.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	margin: 2px 0;}
	


/* ######################################################################################################
Tabellen - allgemein
###################################################################################################### */

#col2 table.contenttable th {
	padding: 4px 2px;
	vertical-align: middle;
	text-align: left;
	background-image: none;
	background-color: #4480aa;
	color: #fff;
	border-right: 1px solid #8ab4d0;}
	
#col2 table.contenttable p {
	padding-bottom: 0px!important;}
	
	

/* ######################################################################################################
Kreditkartenrechner
###################################################################################################### */

#KKVergleich {
	margin: 10px 0;}

#KKVergleich p {
	font-size: 12px; 
	margin: 10px 0!important;
	padding: 0 0!important;}

#KKVergleich a.zurueck-link {
	cursor: pointer;
	text-decoration: underline;
	font-weight: bold;}

#KKVergleich a.zurueck-link:hover {
	text-decoration: none;}

#KKVergleich .kkvergleichen {
	font-size: 12px!important; 
	height: auto!important;
	margin: 0 0!important;
	padding: 2px 5px 4px 5px!important;
	width: auto;
	background: #d88443!important;
	border: 1px solid #ca5701!important;
	color: #fff!important;
	font-weight: bold;
	cursor: pointer;}

#KKVergleich .kkvergleichen:hover {
	background: #ca5701!important;}

#KKVergleich table.KKRechner {
	width: 707px;
	margin: 0 0!important;
	padding: 0 0;
	font-size: 12px;}

#KKVergleich table.KKRechner .kkvergleichen {
	margin: 3px 0!important;}

#KKVergleich table.KKRechner th {
	background: #045896!important;
	color: #fff!important;
	padding: 4px 5px;
	text-align: left!important;
	border-left: 1px solid #8ab4d0;
	border-right: 1px solid #8ab4d0;
	border-top: none;
	border-bottom: none;}

#KKVergleich table.KKRechner th.kkvergleichen_2th0 {
	border: none;
	border-left: 1px solid #8ab4d0;
	border-right: 1px solid #8ab4d0;
	border-top: 1px solid #045896;}

#KKVergleich table.KKRechner td {
	padding: 4px 5px!important;}

#KKVergleich table.KKRechner tr.kkvergleichen_tr0 {
	background: #eeede5;}

#KKVergleich table.KKRechner tr.kkvergleichen_tr1 {
	background: #f5f5f3;}
	
#KKVergleich table.KKRechner td.kkvergleichen_td0 {
	text-align: center!important;}

#KKVergleich table.KKRechner td.kkvergleichen_td1 {
	width: 95px!important;
	text-align: center!important;
	line-height: 12px!important;}
	
#KKVergleich table.KKRechner td.kkvergleichen_td1 img {
	margin-top: 5px!important;}

#KKVergleich table.KKRechner td.kkvergleichen_td2 {
	width: 114px!important;
	padding-left: 5px!important;}

#KKVergleich table.KKRechner td.kkvergleichen_td3 {
	width: 60px!important;
	padding-left: 5px!important;}

#KKVergleich table.KKRechner td.kkvergleichen_td4 {
	width: 60px!important;
	padding-left: 5px!important;}

#KKVergleich table.KKRechner td.kkvergleichen_td5 {
	width: 60px!important;
	padding-left: 5px!important;}
	
#KKVergleich table.KKRechner td.kkvergleichen_td6 {
	width: 60px!important;
	padding-left: 5px!important;}
	
#KKVergleich table.KKRechner td.kkvergleichen_td7 {
	width: 85px!important;
	padding-left: 5px!important;}

#KKVergleich table.KKRechner td.kkdetailname_td {
	width: 167px!important;
	padding-left: 5px!important;}

#KKVergleich table.KKRechner td.kkdetaileigenschaft_td1 {
	width: 270px!important;
	padding-left: 5px!important;}

#KKVergleich table.KKRechner td.kkdetaileigenschaft_td2 {
	width: 180px!important;
	padding-left: 5px!important;}

#KKVergleich .kkvergleichen_div0 {
	width: 150px!important;
	margin: 0 1px 20px 0!important;
	padding: 0 0!important;
	float: left;
	background-color: #f0efeb;}

#KKVergleich .kkvergleichen_div1 {
	width: 365px!important;
	margin: 0 0 20px 0;
	padding: 0 0;
	float: left;
	background-color: #f0efeb;}

#KKVergleich .kkvergleichen_div2 {
	width: 337px!important;
	margin: 0 3px 20px 0;
	padding: 0 0;
	float: right;
	background-color: #f0efeb;}

#KKVergleich .kkvergleichen_checkbox {
	width: 15px!important;
	height: 15px!important;
	margin: 0 6px!important;
	padding: 0!important;
	background: none;
	border: none;}
		

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