/*--------------------------------- bis 08.11.09 mit "em"   --------- ------------------------------------
body       {font-family: Verdana; font-size: 0.8em; color:#000055; background-color:#CAd0E3; 	text-align:center;}
h1            { font-family: Verdana; margin-top: 0px; margin-bottom: 0px; font-size: 1em; color:#000055; font-weight: bold; text-align:left}
h2            { font-family: Verdana; margin-top: 0px; margin-bottom: 0px; font-size: 10px; text-align:center; color:#000055;font-weight: 400}
h3           { font-family: Verdana; font-size: 0.8em; text-align: left; margin-top: 0px; margin-bottom: 0px; text-decoration:underline; font-weight:bold }
strong       { font-family: Verdana; font-size: 0.8em; font-weight: bold; margin-top: 0px; margin-bottom: 0px; color:#000055; }
p            	{ font-size: 1em; text-align:justify; margin-top: 0px;  margin-bottom: 0px; }
td 			{font-size: 1em; text-align:justify; vertical-align:top;}
a:visited    	{color:#774E89;}
A:hover 	{color:#990000;}
a:active    	{color:#ff0000 }
a            	{font-size: 0.85em }
---------------------------------------------------------------------------------------*/


/*--------------------------------- NEU mit pt   --- scheint zu funktionieren -----------------------------------------*/

body	{font-family: Verdana; font-size: 10pt; color:#000055; background-color:#CAd0E3; 	text-align:center; }
h1        { font-family: Verdana; margin-top: 0px; margin-bottom: 0px; font-size: 10pt; color:#000055; font-weight: normal; text-align:left}
h2        { font-family: Verdana; margin-top: 0px; margin-bottom: 0px; font-size: 7.5pt; text-align:center; color:#000055;font-weight: 400}
h3        { font-family: Verdana; font-size: 10pt; text-align: left; margin-top: 0px; margin-bottom: 3px; text-decoration:underline; font-weight:bold }
h4        { font-family: Verdana; font-size: 10pt; text-align: left; margin-top: 0px; margin-bottom: 3px; text-decoration:none; font-weight:bold }
h5        { font-family: Verdana; font-size: 8pt; text-align: left; margin-top: 0px; margin-bottom: 3px; text-decoration:none; font-weight:bold }
h6        { font-family: Verdana; font-size: 7.5pt; text-align: left; margin-top: 0px; margin-bottom: 3px; text-decoration:none; font-weight:bold }

img       { font-family: Verdana; font-size: 7.5pt;}


strong       { font-family: Verdana; font-size: 7.5pt; font-weight: bold; margin-top: 0px; margin-bottom: 0px; color:#000055; }

p            	{ font-size: 10pt; text-align:justify; margin-top: 0px;  margin-bottom: 0px; clear:both;}
td 			{ font-size: 10pt; text-align:justify; vertical-align:middle; margin-top: 0px;  margin-bottom: 0px;}
div 			{ text-align:justify; }
	table		{ clear:both; }


a:visited        	{color:#774E89;}
a:hover 	{color:#990000;}
a:active    	{color:#ff0000; }
a            	{font-size: 8pt }




a:visited.mainmenu   {color: #000055; text-decoration:none}
a:hover.mainmenu 	{color: #990000; text-decoration:none}
a:active.mainmenu   {color: #ff0000; text-decoration:none}
a.mainmenu            	{color: #000055; font-size: 0.85em; text-decoration:none;}

a.diskret 		{text-decoration:none}
a.diskret:active 	{text-decoration:none}
a.diskret:visited 	{text-decoration:none;}
a.diskret:hover 	{text-decoration:underline;}

a.link_klein:visited    	{color:#774E89;}
a.link_klein:hover 	{color:#990000;}
a.link_klein:active    	{color:#ff0000 }
a.link_klein            	{font-size: 7.5pt }

a.textlink:visited    	{color:#774E89;}
a.textlink:hover 		{color:#990000;}
a.textlink:active    	{color:#ff0000 }
a.textlink            	{font-size: 10pt }

a.diskret2 			{font-size: 7.5pt; color:#84859B; text-decoration:none}
a.diskret2:active 	{color:#84859B; text-decoration:none}
a.diskret2:visited 	{color:#84859B; text-decoration:none;}
a.diskret2:hover 	{color:#84859B; text-decoration:underline;}


a.diskret3 			{font-size: 7.5pt; color:#84859B;}
a.diskret3:active 	{color:#84859B; }
a.diskret3:visited 	{color:#84859B; }
a.diskret3:hover 	{color:#84859B; }



input        { background-color: #E6E9F2; font-family: Verdana; color:#0000e0}
option       { background-color: #E6E9F2; font-family: Verdana; color:#0000e0}
select       { background-color: #E6E9F2; font-family: Verdana; color:#0000e0}
textarea     { font-family: Verdana; background-color: #E6E9F2; color:#0000E0; font-size:10pt;}



/*----- focus TEST ----------*/
	
		a:focus,	 a.textlink:focus {color:#ff0000; }



/*--------------------------------------------------------------------------------------------- CONTAINER -------------------*/

#overthetop		{margin:0px auto;  /*h. zentr.*/  	width:100px; height:20px;	border:0px solid #c9c9ff;	padding:0px 0px 0px 0px; }
#hintercontainer {margin:0px auto;  /*h. zentr.*/  	width:924px; 	border:1px solid #CAd0E3;	background:url('images/KACHEL_Schatten_R.GIF') repeat-y right top;	padding:0px 0px 0px 0px; }
#hauptcontainer {float:right; width:900px; background:#ffffff; border:1px solid #000066; padding:0px 0px 0px 0px; 	margin:0px 0px 0px 0px; }
#nullpunkt 		{ position: relative; width:100%; height:auto; background:#ffffff; }


/*------------------------------------------------------------------------- Aktionen -------------------*/

.aktionsecke				{ /*display:none;*/ 					position:absolute; left:770px; top:130px; width:128px; height:105px; z-index:200; padding-right:2px; background:url('images/LOGO_Aktion_100Proz_.gif') no-repeat right top; }
.aktionsecke a			{ /*background-color: #dddddd;*/ 	display:block; width:100%; height:100%; }
.aktionsecke	 a:hover	{ /*background-color: #aaffaa;*/}


.aktionsecke div.tooltipp			{ display:none; position:absolute; left:50px; top:50px; width:260px; background: url('images/KACHEL_BG_gelb_trans.png'); border:2px solid #000055; padding:10px;}
.aktionsecke:hover div.tooltipp	{ display:block; position:absolute; left:-180px; top:50px; width:280px; font-size:8pt; color:#770000; border:2px solid #550000; /*filter: Alpha(opacity=90); opacity: 0.90; moz-opacity: 0.90;*/	}

.aktionsecke div p		{ margin-bottom:3px; font-size:8pt; }
.aktionsecke:hover div p	{ margin-bottom:3px;  }

.aktionsecke:hover div.tooltipp a,  .aktionsecke:hover div.tooltipp a:visited		{ display:inline; font-size:8pt; color:#770000; }
.aktionsecke:hover div.tooltipp a:hover										{ font-size:8pt; background:#770000; color:#ffffff; text-decoration:none; }




.klebememo				{ /*display:none;*/ 					position:absolute; left:250px; top:-30px; width:128px; height:70px; z-index:200; padding-right:2px; background:url('images/LOGO_Klebestreifen_PL-Garantie+++.png') no-repeat right top; }
.klebememo a			{ /*background-color: #dddddd;*/ 	display:block; width:100%; height:100%; }
.klebememo	a:hover		{ /*background-color: #aaffaa;*/}

.klebememo div.tooltipp			{ display:none; position:absolute; left:-520px; top:50px; width:298px; background: url('images/KACHEL_BG_gelb_trans.png'); border:2px solid #555500; padding:10px;}
.klebememo:hover div.tooltipp	{ display:block; position:absolute; left:110px; top:10px; width:280px; font-size:8pt; color:#000033; border:2px solid #000033; /*filter: Alpha(opacity=90); opacity: 0.90; moz-opacity: 0.90;*/	}

.klebememo div p		{ margin-bottom:4px; font-size:8pt; }
.klebememo:hover div p	{ margin-bottom:4px;  }

.klebememo:hover div.tooltipp a,  .klebememo:hover div.tooltipp a:visited		{ display:inline; font-size:8pt; color:#000033; }
.klebememo:hover div.tooltipp a:hover										{ font-size:8pt; background:#000077; color:#ffffff; text-decoration:none; }

	  /*---- geht plötzlich wieder ohne
	  	.klebememo:hover div.tooltipp ul.standardliste_schmal 		{ margin:5px 0px 0px 20px;  padding-left:0px; }
		.klebememo:hover div.tooltipp ul.standardliste_schmal li	{ margin:0px 0px 1px 0px; }    					
	-----*/

/*--- für nicht verwendetes PLGarantieNEU1.htm
.pl-garantie	{ position:relative; background:#f8f7f4; margin-left:150px; padding:15px 25px 15px 25px; color:#000000; font-size:10pt; font-style:normal; font-weight:bold;     border-top:1px solid #f9f9f9; border-bottom:1px solid #dddddd; }
---*/


/*------------------------------------------------------------------------ Schatten -------------------*/

#schatten_or {
		float:right;
		width:20px;	height:12px;
		font-size:0px;  /*---- nur wg. IE ----*/
		background:url("images/KACHEL_Schatten_OR.GIF") -1px 0px no-repeat;
}

#schatten_u {
		float:right;
		width:920px; height:20px;
}
#schatten_ur {
		float:right;
		width:20px;	height:20px;
		background:url("images/KACHEL_Schatten_UR.GIF") 0px 0px no-repeat;
}
#schatten_um {
		float:right;
		width:888px; height:20px;
		background:url("images/KACHEL_Schatten_U.GIF") repeat-x;
}
#schatten_ul {
		float:right;
		width:12px;	height:20px;
		background: url("images/KACHEL_Schatten_UL.GIF") no-repeat;
}


/*-------------------------------------------------------------- Topbereich ------------------------*/

#topbereichplatz {
	width:100%; height:176px;
  	background:#ffffff;  	
}

#topbanner {
	clear:both;
	position: absolute; 
	left: 0px; top: 0px;
  	width:100%; height:106px;
  	max-width:900px;
  	min-width:898px;

  	background:#ffffff;  	
}

#topbannerlinks {
  	float:left;
  	width:348px; height:106px;
  	background: #ffffff url("images/LOGO_GA_vision_AKTUELL.gif") 5px 5px no-repeat;
}

#topbannerrechts {
  	float:right;
  	width:550px; height:106px;
  	background: #ffffff url("images/BANNER_GA_vision_neutral_rechts.jpg") no-repeat;
  	background-position: bottom right;
}

.toplinie_abs {
	position: absolute; 
	left: 0px; top: 106px;
  	width:100%; height:2px;
  	max-width:900px;
  	background:#ffffff;
	border-top:1px solid #880000;
	font-size:0px;  /*------- nur wg. IE ----*/
}

.toplinie {
	width:100%; height:2px;
	border-top:1px solid #880000;
	font-size:0px;  /*------- nur wg. IE ----*/
}

/*=============================================================== Q U E R M E N U =====*/

.quermenu_hspace1{
  	float:left;
  	width:163px; height:20px;
  	background:#0000aa;  
}

.quermenu_hspace2{
  	float:right;
  	width:58px;	height:20px;
  	background:#0000aa; 
}

.qspace1 {
  	padding: 2px 8px 2px 7px;
}


.quermenu_absolut 	{
	z-index:100;
  	position: absolute; 
	left: 0px; top: 109px;
  	width:100%; height:20px;
  	max-width:900px;
  	background:#0000aa;  	
  	font-size:0.9em;
}

#suche 	{
	float:left;
  	width:115px; height:16px;
  	margin:1px 0px 0px 0px;
  	background:#0000aa url("images/Button_Suchfeld.gif") 5px 3px no-repeat;
  	display:block;
  	text-align:right;
  	color:white;
  	text-decoration:none;  	
  	padding: 3px 0px 0px 0px;
}

#suche:hover, #suche:focus 	{
    	color:white;
	display:block;
	background-color:#000077;
  	text-decoration:underline;  	
}

.querschatten 	{
	z-index:90;
 	position: absolute; 
	left: 0px; top: 128px;
  	width:100%;
  	height:8px;
  	max-width:900px;
  	background:#ffffff url(images/Schatten_Kachel2.gif) 0 0px;  	
}


/* ================================================================ DROPDOWN ========== */

/* ------------------------------------listenpunkte weg ---*/
.quermenu ul{
list-style-type:none;
padding:0px;
margin:0px;
}

/* -----------top links horizontal und relative (für sub links)--*/
.quermenu li{
float:left;
position:relative;
z-index:100;
}

/* ----------------------Tabelle positionieren (IE?) --------*/
.quermenu table{
position:absolute;
border-collapse:collapse;
z-index:180;
left:-1px;
top:19px;  /*---- Vertikal Beginn Rollo einstellen------------*/
}

/* ----------------------Alle Links stylen -----------------*/
.quermenu a, .quermenu :visited {
display:block;
font-size:10px;
padding:4px 15px 4px 10px; /*- Breite Toppunkt einstellen-*/
line-height:12px;
color:#ffffff;
background:#0000aa;
text-decoration:none;
text-align:left;
}

/* ----------------------Hover Links stylen --------------*/
.quermenu :hover, .quermenu :focus {
color:#ffffff;
background:#000077;  
}

/* ---------------------------Submenu unsichtbar ------*/
.quermenu ul ul {
visibility:hidden;
position:absolute;
width:1px;   /*-- damit Netscape umbricht--*/
height:0px;
}

/* ----------Submenu sichtbar bei hover <li> oder <a> ---*/
.quermenu ul a:hover ul, .quermenu ul li:hover ul { visibility:visible; }
.quermenu ul a:focus + ul { visibility:visible; }   /*----- focus funzt nicht, weil "Mit a geht es nicht, da es keine Blockelemente enthalten darf, und mit li geht es nicht, da es keinen focus bekommt. Ausschließlich li:hover geht" --*/


/* ---------------------------------------------------style Submenu Links------- */
		
		
.subpunkt a, .subpunkt a:visited {
width:260px;  				/*- Breite Rollo einstellen-*/
padding:4px 0px 4px 10px;  	/*- einstellen-*/
background:#770000;
font-size:8pt;
line-height:15px;
filter: Alpha(opacity=95); opacity: 0.95; moz-opacity: 0.95; 
}

.subpunkt a:hover, .subpunkt a:focus {
background:#550000 url(images/ICON_Quadrat_weiss_4x4.gif) no-repeat 3px 10px;  
/*text-decoration:underline;*/
filter: Alpha(opacity=95); opacity:  0.95; moz-opacity: 0.95;
}

		


/*-----------------------------------------------------spezielle Sublink Farbe-----*/
.qmenuvariante a, .qmenuvariante a:visited {
background:#6a0000;
filter: Alpha(opacity=95); opacity:  0.95; moz-opacity: 0.95;
}

.qmenuvariante a:hover, .qmenuvariante a:focus {
background:#550000 url(images/ICON_Quadrat_weiss_4x4.gif) no-repeat 3px 10px;  
filter: Alpha(opacity=95); opacity: 0.95; moz-opacity: 0.95;
}



/*===================================================================== S P A L T E N =======*/

#spalte_rechts {
 	float:right;
	width:58px;	height:100px;
    	background:#ffffff;
}

#spalte_mitterechts {
  	float:right;
  	width:670px;
  	padding:0px 0px 0px 0px;
  	margin:0px 0px 0px 0px;
    	background:#ffffff;
    	text-align:left;
}

#spalte_mittelinks {
  	float:right;
  	width:20px;
  	height:100px;
    	background:#ffffff;
    	text-align:left;
}

#spalte_links {            /* Spalte wird wg absolut Menu eigentlich gar nicht mehr benötigt */
  	float:right;
  	width:150px;
  	/*height:150px;*/
	background:#ffffff;
	text-align:center;
}

/*====================================================================== H A U P T M E N U ======*/

#hauptmenublock {
	position: absolute; 
	left: 15px; top: 181px;
	background:#ffffff;
  	/*height:400px; */
  	width:120px; 
  	text-align:left; /*------- nur wg. IE ----*/
}

.menuvspace {
  	margin:0px auto;  /*--- horiz. zentrieren ---*/
  	background:#ffffff;
  	height:10px; 
  	width:50px; 
	font-size:0px;  /*------- nur wg. IE ----*/
}

.menubalken {
  	background:#0000aa;
  	height:10px; 
  	width:120px; 
	font-size:0px;       /*------- nur wg. IE ------*/
  	margin:0px auto;    /*--- horiz. zentrieren ---*/
}


#hauptmenupunkt a, #hauptmenupunkt a:visited {
	color:#000055;
  	background:#f9f9ff url(images/ICON_Quadrat_rot_5x5.gif) no-repeat 11px 9px;  	
  	width:120px; 
  	height:15px; 
  	display:block;	
  	border-bottom:1px solid #ddddff;
    	text-indent:30px;
    	text-decoration:none;
	font-weight: 400;
	font-size: 1em;
  	text-align:left; 
  	padding-top:4px;
  	padding-bottom:4px;
}

#hauptmenupunkt a:hover, #hauptmenupunkt a:focus {
  	color:#880000;
  	background:#f0f0ff url(images/ICON_Quadrat_rot_11x11.gif) no-repeat 9px 7px;  
  	font-weight: 800;
 }
 
 /*---------------------------------------------------------------Menupunkt ANGEBOTE----------------*/

#menupunkt_angebot a, #menupunkt_angebot a:visited {
  	color:#000055;
 	background: url(images/ICON_Brief5.gif) 5px 2px no-repeat;
     	display:block;   	width:83px;  	height:31px;   	
	text-decoration:none;	font-weight: 400;	font-size: 7.5pt;  	text-align:left; 
  	padding-left:37px;
}
  
#menupunkt_angebot a:hover, #menupunkt_angebot a:focus {  	color:#990000; font-weight: 800; background: url(images/ICON_Brief5a.gif) 5px 2px no-repeat; }
 
  
/*---------------------------------------------------------------------Menupunkt NEWS----------------*/

#menupunkt_news a, #menupunkt_news a:visited {
  	color:#000055;
  	background: url(images/ICON_News2.gif) 0px 4px no-repeat;
  	display:block;  	width:83px;   	height:28px; 
	font-weight: 400;	font-size: 7.5pt;  	text-align:left;   	text-decoration:none;  	  	  	
  	padding-left:37px;  	margin-top: 0px;   	margin-bottom: 0px;  	  
  }
  
#menupunkt_news a:hover, #menupunkt_news a:focus {	color:#990000; font-weight: 800; background: url(images/ICON_News2a.gif) 0px 4px no-repeat; }


/*--------------------------------------------------------------Menupunkt BILDER----------------*/

#menupunkt_hotline 		{ width:120px; height:150px; background:#ffffff url(images/Hotline5.gif) 5px 5px no-repeat;	}
#menupunkt_bds 		{ width:120px; height:105px; background:#ffffff url(images/Logo_BDS5.gif) 0px 5px no-repeat; border-bottom:1px solid #eeeeee; }
#menupunkt_geotrust 	{ width:120px; height:39px; background:#ffffff url(images/Logo_GEOTRUST.gif) 5px 5px no-repeat; border-bottom:1px solid #eeeeee; }
#menupunkt_stiwa 		{ width:120px; height:325px; background:#ffffff url(images/LOGO_FinanzTest_hoch_Text1.gif) 0px 5px no-repeat; }
#menupunkt_vlplgarantie { width:120px; height:113px; background:#ffffff url(images/LOGO_VL-Preis-Leistung-Siegel.gif) 10px 5px no-repeat; }
#menupunkt_etrackerdatenschutz { width:120px; height:135px; background:#ffffff url(images/LOGO_Etracker-Datenschutz.jpg) 6px 5px no-repeat; }



/*================================================================================================= I N H A L T ============*/


.kapitel { position:absolute; left:175px; top:162px; font: 0.8em verdana; color:#84859B; /*border: 1px solid #84859B;*/ }

.titel, .titel h1 {	float:left; font-weight: 700; font-size:13pt; font-style: italic; height:35px; margin-right:2px;  /*--wg schräger Schrift---*/ background:#ffffff; }
.titelicon { float:left; width:34px; height:25px; background:#ffffff url(images/ICON_Quadrat_rot_6x6.gif) 12px 9px no-repeat; }
.untertitel h1 { float:left; font-weight:bold; font-size:10pt; height:20px; padding-top:3px; background:#ffffff; }

/*.bild { float:right; margin:3px 0px 0px 10px; width:15px; height:12px; }*/
.bild { margin:3px 0px 0px 0px; padding:0px 0px 0px 0px; float:right;}
.bildlinks { margin:3px 0px 0px 0px; padding:0px 0px 0px 0px; }

.bild_start {	/*float:right;*/ margin:3px 0px 0px 10px;	width:270px; height:180px; background:url(images/BILD_Startseite_Paar3_FOTOLIA.jpg); }
#GA_Start_Flash { position: absolute; z-index:70; left: 563px; top: 226px; border: 7px solid #ffffff; }


.achtpunktetext { color:#000055;  font-size:7.5pt }
.achtpunktetext a { font-size:7.5pt }

.bildtext 		{ color:#84859b;  font-size:7.5pt }
.bildtextgruen	{ color:#008000;  font-size:7.5pt }
.bildtextrot		{ color:#990000;  font-size:7.5pt }
.auszugtextrot	{ color:#990000;  font-size:10pt; font-family: Courier New}
.auszugtextrot b	{  color:#770000; font-weight:600;  font-style: normal;}
.großertext 		{ color:#000055;  font-size:13.5pt; font-style: italic;}
.referenzentext { color:#000055;  font-family:"Times New Roman"; font-size:12pt; font-style: italic; margin-bottom:5px;}


.hauptpunkt {
  	width:100%; /*height:20px;*/
  	text-indent:30px;
  	padding: 1px 0px 2px 0px; margin-bottom: 2px; margin-top: 35px;
  	background-image:url(images/ICON_Quadrat_rot_6x6.gif); 	background-position: 10px 6px; 	background-repeat: no-repeat;
	font: normal bold 10pt verdana, sans-serif;
}


.linie { width:100%; height:0px; border-bottom:1px solid #880000; font-size:0px; /*nur wg. IE */ }


.angebotbrief 			{ width:40px; height:40px; padding:0px; float:left; background:transparent url(images/ICON_Brief3.gif) 0px 2px no-repeat; }
.angebotlink a 			{ display:block; background:#ffffff; color:#000055; text-decoration:none; text-align:justify; font-size:8pt; }
.angebotlink a:hover 	{ background-color:#eeeeee; }
.angebotlink a b 			{ color:#0000ff; }
.angebotlink a:visited b 	{ color:#774E89; }
.angebotlink a:hover b 	{ color:#990000; }


.unterpunkt 			{  width:100%; margin-bottom:3px; border-bottom: 1px solid #000066; font-weight: bold; }
.wissen_aussage 	{ font-style:italic; color:#990000; }
.wissen_wrapper		{ float:left; margin:5px 0px 0px 0px; height:auto; min-height:20px; background:#ffffff url(images/KACHEL_Wissen_Text.gif) 0px 0px repeat-y; }
.wissen_textbalken 	{ float:left; width:25px; height:10px; background-color:transparent; }
.wissen_text		{ float:left; width:645px; }
.fragen_wrapper		{ float:left; margin:1px 0px 0px 0px; height:auto; min-height:20px; background:#ffffff url(images/KACHEL_Fragen_Text.gif) 0px 0px repeat-y; }
.haeufige_fragen_wrapper		{ float:left; margin:1px 0px 0px 0px; height:auto; min-height:20px; background:#ffffff url(images/KACHEL_SFragen_Text.gif) 0px 0px repeat-y; }
.proconcept_fragen_wrapper		{ float:left; margin:1px 0px 0px 0px; height:auto; min-height:20px; background:#ffffff url(images/KACHEL_PFragen_Text.gif) 0px 0px repeat-y; }
.gerichtsurteile_wrapper		{ float:left; margin:1px 0px 0px 0px; height:auto; min-height:20px; background:#ffffff url(images/KACHEL_Gerichtsurteile_Text.gif) 0px 0px repeat-y; }
.wichtig_wrapper		{ float:left; margin:5px 0px 0px 0px; height:auto; min-height:20px; background:#ffffff url(images/KACHEL_Wichtig_Text.gif) 0px 0px repeat-y; }


.ablaufschritte 	{ background-color:#f9f9ff; }
.textfeld_gelb 	{ padding:10px;  background:#ffffdd;  /*width:15px; height:12px;*/ }
.fazit 			{ border-left: 2px solid #000080;	padding-left:4px; }
.tipp 			{ border-left: 2px solid #008000;	padding-left:4px; }
.merke 			{ border-left: 2px solid #EABB00;	padding-left:4px; }
.wichtig			{ border-left: 2px solid #990000;	padding-left:4px; }




.tabstandard 			{ width:100%; margin-top:4px; padding:0px; border-collapse:collapse; border:0px; vertical-align: middle; text-align:left; }
.tabstandard td 			{ font-size:7.5pt; 	text-align:left; }
.tabstandard td 	p		{ font-size:7.5pt; 	text-align:left; }
.tabstandard td.center 	{ text-align:center;}

.tabdurchschnitt 			{ width:100%;}
.tabdurchschnitt td 			{ font-size:7.5pt;}
.tabdurchschnitt td 	p		{ font-size:7.5pt; }
.tabdurchschnitt td.center 	{ text-align:center;}

.tabstylerot 		{ background-color:#FFF9F9; border-bottom:1px solid #660000; }
.bgdrot 			{ background-color:#660000;}
.bghrot 			{ background-color:#FFF4F4;}
.bghrot1		{ background-color:#FFF9F9;}

.tabstyleblau 	{ background-color:#F9F9ff;	border-bottom:1px solid #000066; }
.bgdblau		{ background-color:#000066;}
.bghblau		{ background-color:#F4F4FF;}
.bghblau1		{ background-color:#F9F9FF;}

.lextaben 			{ border: 0px solid #990000;}
.lextaben a			{ float:left; width:25px; height:30px; text-align:center; margin:0px 1px 2px 1px; padding:5px 10px 0px 10px; background:#f4f4f4; font-size:14pt; font-weight:bold; text-decoration:none; color:#0000dd; border: 1px solid #ffffff;}
.lextaben a:hover	{ background:#f4f4f4; color:#990000; border: 1px solid #990000;}

a.angebotbild img			{ border: 1px solid transparent; text-decoration:none; }
a:hover.angebotbild img		{ border: 1px solid #990000;}



.downloadfeld		{ background:#f4f4f4; padding:6px; }
.downloadfeld_rot	{ background:#f9eeee; padding:6px; }

.unterstuetzen						{ position:absolute; position: fixed; left:0px; bottom:0px; width:120px; height:120px; background: url(images/BANNER_Webseite_unterstuetzen.png) no-repeat; z-index:110; }
.unterstuetzen div.tooltipp			{ display:none; position:absolute; border:2px solid #006600; left:40px; bottom:55px; width:250px; background-color:#eeffee; padding:10px; font-size:8pt;}
.unterstuetzen:hover div.tooltipp		{ display:block; border:2px solid #006600; left:40px; bottom:60px; width:250px; background: url('images/KACHEL_BG_gruen_trans.png'); padding:10px; font-size:8pt;}
.unterstuetzen:hover div.tooltipp p	{ font-size:8.5pt; color:#006600; margin-bottom:3px;}
.unterstuetzen:hover div.tooltipp ul li														{ font-size:8pt; color:#006600; }
.unterstuetzen:hover div.tooltipp ul li a, .unterstuetzen:hover div.tooltipp ul li a:visited		{ color:#006600; }
.unterstuetzen:hover div.tooltipp ul li a:hover												{ background:#006600; color:#ffffff; text-decoration:none; }


.fondshitliste		{  position:absolute; left:0px; top:100px; width:408px;  border:1px solid #eeeeee; color:#000055; background-color:#ffffdd;  padding:10px; font-size:8.5pt}
.fondshitliste ol		{  font-size:8pt; margin:5px 0px 5px 25px;}
.fondshitliste ol	li	{  font-weight:400; margin:0px 0px 1px 0px;}




/*-------------------------------------------------------------------------------- LISTEN ---------------*/

ol			{ padding:0px; margin:0px; }
ol li 			{ font-weight:800; padding:0px; margin:8px 0px 0px 34px;}
ol li a 		{ font-weight:400;}
ol li div div.hauptpunkt, ol li div div.linie { margin-left: -34px; width:670px;}   /*rückt .hauptpunkt wieder linksbündig*/

ol.fondsliste		{ background:#ffffff url(images/BILD_Logos_Fondsgesellschaften2.gif) 380px 25px no-repeat; }
ol.fondsliste li 	{ font-weight:800; padding:11px 0px 4px 0px; margin-top:0px; }
ol.fondsliste li a	{ font-size:10pt; display:block; width:330px; }


ul				{ text-align:justify;}

ul.achtung 		{ list-style-type:none; 	margin:5px 0px 20px 0px;  padding-left:0px; }
ul.achtung li 	{ background: url(images/ICON_Ausrufezeichen_rot.gif) 0px 2px no-repeat; padding-left: 20px; margin-bottom: 5px; }

ul.vorteile 		{ list-style-type:none; 	margin:5px 0px 0px 0px;  padding-left:0px; }
ul.vorteile li 		{ background: url(images/ICON_PlusPunkt_gruen.gif) 0px 2px no-repeat; padding-left: 20px; margin-bottom: 5px; }

ul.nachteile 		{ list-style-type:none; 	margin:5px 0px 0px 0px;  padding-left:0px; }
ul.nachteile li 	{ background: url(images/ICON_MinusPunkt_rot.gif) 0px 2px no-repeat; padding-left: 20px; margin-bottom: 5px; }

ul.aussagen 		{ margin:5px 0px 20px 20px;  padding-left:0px;    /* list-style-type:square; */}
ul.aussagen li	{ margin:0px 0px 5px 0px; font-style:italic; }

ul.standardliste 		{ margin:5px 0px 0px 20px;  padding-left:0px;    /* list-style-type:square; */}
ul.standardliste li	{ margin:0px 0px 5px 0px; }

ul.standardliste_zahlen 		{ margin:5px 0px 0px 23px;  padding-left:0px;    list-style-type:decimal; }
ul.standardliste_zahlen li		{ margin:0px 0px 5px 0px; }


ul.standardliste_schmal 		{ margin:5px 0px 0px 20px;  padding-left:0px;    /* list-style-type:square; */}
ul.standardliste_schmal li		{ margin:0px 0px 1px 0px; }

ul.linkliste 		{ margin:3px 0px 0px 20px;  padding-left:0px;     list-style-type:circle; }
ul.linkliste li		{ margin:0px 0px 2px 0px; }

ul.standardliste_klein_schmal 		{ margin:0px 0px 0px 0px; padding-left:0px; font-size:7.5pt;  list-style-type:none; }
ul.standardliste_klein_schmal li		{ margin:0px 0px 0px 0px; padding-left:0px; padding-top:0px; line-height:12px; text-indent:10px; font-size:7.5pt; background:url(images/ICON_Listenpunkt_klein.gif) 0px 4px no-repeat;}
ul.standardliste_klein_schmal li b		{ font-weight:normal; color:#84859b;}

ul.verbot 		{ list-style-type:none; 	margin:5px 0px 0px 0px;  padding-left:0px; }
ul.verbot li 		{ background: url(images/ICON_Verbot_klein1.gif) left 2px no-repeat; padding-left: 20px; margin-bottom: 5px; }

ul.lexikon 		{ margin:5px 0px 20px 0px;  padding-left:0px; font-size:8pt;  list-style-type:none; }
ul.lexikon li		{ margin:0px 0px 5px 0px; }

ul.standardliste_rot 		{ margin:5px 0px 0px 20px;  padding-left:0px; /* list-style-type:square; */ }
ul.standardliste_rot li		{ margin:0px 0px 5px 0px; color:#990000}
ul.standardliste_rot li	 i	{ color:#000055; font-style:normal;}



/*------------------------------------------------------------------------------------------  Navileiste -----------*/

.navileiste 							{ text-align:center; width:670px; height:18px; background-color:#cccccc; }
.navi_icons a, navi_icons a:visited  	{ float:left; height:18px; width:134px;	padding:2px 0px 0px 0px; text-decoration:none;  font-weight:bold; }
.navi_icons a:hover  				{ background-color:#e4e4e4; }
.navi_icon1 a, navi_icon1 a:visited  	{ text-indent:45px; background:#f4f4f4 url(images/ICON_Pfeil.gif) 15px 2px no-repeat; }
.navi_icon2 a, navi_icon2 a:visited  	{ text-indent:45px; background:#f4f4f4 url(images/ICON_Blase.gif) 17px 2px no-repeat; }
.navi_icon3 a, navi_icon3 a:visited  	{ text-indent:58px; background:#f4f4f4 url(images/ICON_Lexikon.gif) 28px 2px no-repeat; }
.navi_icon4 a, navi_icon4 a:visited  	{ text-indent:57px; background:#f4f4f4 url(images/ICON_Brille.gif) 17px 2px no-repeat; }
.navi_suche a, navi_suche a:visited  	{ text-indent:40px; background:#f4f4f4 url(images/Suche1_ani.gif) 10px 2px no-repeat; }



/*---------------------------------------------------------------------------------- Footer ----------------------*/

.footer { width:100%; 	height:20px;  	background:#0000aa;  	font-size:0.9em; }


/*------------------------------------------------------------------------ Hintergrund Blatt ----------------------*/

#hintergrund_blatt_oben		{ background:url(images/BILD_Papier_BG1.jpg) no-repeat;}
#hintergrund_blatt_mitte		{ background:url(images/BILD_Papier_BG2.jpg);background-repeat: repeat-y; }
#hintergrund_blatt_unten 	{ background:url(images/BILD_Papier_BG3.jpg) no-repeat; }


/*----------------------------------------------------------------------------------- S T A N D A R D S ---------*/
#floatleft { float:left;}
.floatleft { float:left;}
.floatstop { clear:both;}
.block {display: block;}
.inline {display: inline;}
.rechts {text-align:right;}
.maxi { width:100%; height:100%;}
.unfett { font-weight:normal;}
.pato10 { padding-top: 10px;}
.pato30 { padding-top: 30px;}
.pabo0 { padding-bottom:0px;}
.pabo8 { padding-bottom:8px;}
.pabo10 { padding-bottom:10px;}

.mato30 { margin-top: 30px;}
.mapa0 { margin: 0px; padding: 0px;}

.bgblau 		{	background-color:#CACEFF;}
.bggelb 		{	background-color:#F1f1BD;}
.bgrot 			{	background-color:#F1BCBD;}
.bggruen 		{	background-color:#D7E3D8;}
.bggrau 		{	background-color:#CECECE;}
.bghellgrau		{	background-color:#f4f4f4;}

.weiss		{ color:#ffffff;}
.center 		{ text-align:center;}

.hidepics { width:10px; height:10px; display:none;}  /*-- hidden preload für Hoverbilder--*/







/*----------------------------------------------------------------------------------- Kleines Fenster (z.B. Wissens-Quiz)---------*/

#kl_hintercontainer 	{margin:0px auto;  /*h. zentr.*/  	width:724px; 	border:1px solid #CAd0E3;	background:url('images/KACHEL_Schatten_R.GIF') repeat-y right top; padding:0px; }
#kl_hauptcontainer 	{float:right; width:700px; background:#ffffff; border:1px solid #000066; padding:0px; 	margin:0px; }

#kl_schatten_u 		{ float:right; width:720px; height:20px; }
#kl_schatten_um 	{ float:right; width:688px; height:20px;	background:url("images/KACHEL_Schatten_U.GIF") repeat-x; }

.kl_blaubalken	{ background-color:#0000b5; height:25px;}
.kl_abstand		{ height:30px;}

#kl_spalte_links {  float:left;	width:25px;	height:150px; background:#ffffff; text-align:center; }
#kl_spalte_mitte { float:left; width:650px; /*height:100px;*/ 	background:#ffffff; 	text-align:left; }


.seitezurueck a		{ /*background-color:#aa00b5;*/ 	float:left; color:white; font-weight:bold; padding:5px 25px 5px 25px; font-size:7.5pt; }
.zurstartseite a		{ /*background-color:#aa00b5;*/	float:right; color:white; font-weight:bold; padding:5px 25px 5px 25px;font-size:7.5pt; }
.copyright h2, .copyright h2 a, .copyright h2 a:visited 		{ /*background-color:#aa00b5;*/ color:#ffffff; font-weight:normal; font-size:7.5pt; padding:5px 0px 5px 0px;}

.kl_navileiste 			{ text-align:center; width:650px; height:18px; background-color:#cccccc; }
.kl_navi_icons a			{ float:left; height:18px; width:130px; padding:2px 0px 0px 0px; text-decoration:none;  font-weight:bold; }
.kl_navi_icons a:hover 	{ background-color:#e4e4e4; }



/*--------------------- Kleines Fenster schmaler Inhalt (z.B. Fondsdepot.htm)---------*/

#kl_spalte_links2 {  float:left; width:60px; height:150px; background:#ffffff; text-align:center; }
#kl_spalte_mitte2 { float:left; width:580px; /*height:100px;*/ 	background:#ffffff; 	text-align:left; }

.kl_navileiste2 			{ text-align:center; width:580px; height:18px; background-color:#cccccc; }
.kl_navi_icons2 a		{ float:left; height:18px; width:116px; padding:2px 0px 0px 0px; text-decoration:none;  font-weight:bold; }
.kl_navi_icons2 a:hover 	{ background-color:#e4e4e4; }



.navi_icon21 a, navi_icon21 a:visited  	{ text-indent:35px; background:#f4f4f4 url(images/ICON_Pfeil.gif) 7px 2px no-repeat; }
.navi_icon22 a, navi_icon22 a:visited  	{ text-indent:35px; background:#f4f4f4 url(images/ICON_Blase.gif) 9px 2px no-repeat; }
.navi_icon23 a, navi_icon23 a:visited  	{ text-indent:48px; background:#f4f4f4 url(images/ICON_Lexikon.gif) 20px 2px no-repeat; }
.navi_icon24 a, navi_icon24 a:visited  	{ text-indent:47px; background:#f4f4f4 url(images/ICON_Brille.gif) 9px 2px no-repeat; }
.navi_suche2 a, navi_suche2 a:visited  	{ text-indent:30px; background:#f4f4f4 url(images/Suche1_ani.gif) 1px 2px no-repeat; }





/*--------------------- Ohne Menu >> breiter Inhalt (z.B. Angebote.htm) ---------*/

#gr_spalte_rechts { 	float:right; width:70px; height:100px; }
#gr_spalte_mitterechts { float:right; width:750px;}

.gr_navileiste 								{ text-align:center; width:750px; height:18px; background-color:#ffcccc; }
.gr_navi_icons a, gr_navi_icons a:visited  	{ float:left; height:18px; width:150px;	padding:2px 0px 0px 0px; text-decoration:none;  font-weight:bold; }
.gr_navi_icons a:hover  						{ background-color:#e4e4e4; }



/*---*/