@charset "utf-8";


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

hr			{ color:#ddddd9; margin:10px auto;}

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

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



/*--------------------------------- LINKS -----------------------------------------*/


/*----------STANDARD-----------*/

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.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.link_gross:visited    	{color:#774E89;}
a.link_gross:hover 			{color:#990000;}
a.link_gross:active    		{color:#ff0000 }
a.link_gross            	{font-size: 13.5pt }


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



a.diskret2 			{font-size: 7.5pt; color:#84859B; text-decoration:none}
a.diskret2:active 	{color:#84859B; }
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; }

a.diskret4:hover  	{text-decoration:none}

a.diskret5 			{text-decoration:none; color:#000055; font-size:10pt;}
a.diskret5:active 	{text-decoration:none; }
a.diskret5:visited 	{text-decoration:none; }
a.diskret5:hover 	{text-decoration:none; background-color:#dddddd}


/*---------------------------------------------------------------------------------------------------------mit Pfeil-----*/
a.diskret6 			{text-decoration:none; color:#000055; font-size:10pt; display:block; width:320px;}
a.diskret6:active 	{text-decoration:none; }
a.diskret6:visited 	{text-decoration:none; }
a.diskret6:hover 	{text-decoration:none; background-image:url(images/ICON_Pfeil_001.gif); background-position: 295px 12px; background-repeat: no-repeat; }





input        { background-color: #e6e6e6; font-family: Verdana; color:#0000e0}
option       { background-color: #e6e6e6; font-family: Verdana; color:#0000e0}
select       { background-color: #e6e6e6; font-family: Verdana; color:#0000e0}
textarea     { font-family: Verdana; background-color: #e6e6e6; 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%; z-index:200;}
.aktionsecke a:hover		{ /*background-color: #aaffaa;*/ z-index:200;}


.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:#760000; 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:#760000; }
.aktionsecke:hover div.tooltipp a:hover												{ font-size:8pt; background:#770000; color:#fffffe; 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; z-index:100; left:10px; top:40px; 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:#fffffe; 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-*/
font-size:8pt;
line-height:11px; 
background:transparent url(images/KACHEL_HG_subpunkt_1.png);  
}

/*----------------------------------------------------------  spezielle Sublink Farbe ----- */
.subpunkt li.qmenuvariante a {
background:transparent url(images/KACHEL_HG_subpunkt_2.png);  
}

/*-----------------------------------------------------  spezielle Sublink Hover-Farbe ----- */
.subpunkt li:hover, .subpunkt li:focus {
background:transparent url(images/KACHEL_HG_subpunkt_3.png);  

}


/*----------------------------------------------------------  kleines weisses Quadrat ----- */
.subpunkt li a:hover {
background:transparent url(images/ICON_Quadrat_weiss_4x4.gif) no-repeat 3px 8px; 

}








/*===================================================================== 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; }
#menupunkt_W3C_HTML				{ width:120px; height:50px; background:#ffffff url(images/ICON_W3C_HTML.gif) 11px 15px no-repeat; }
#menupunkt_W3C_CSS				{ width:120px; height:50px; background:#ffffff url(images/ICON_W3C_CSS.gif) 11px 15px no-repeat; }







/*=========================================================================================================== INHALT ============*/




/*----------------------------------------------------------------------------------- STANDARDS ---------*/
#floatleft    { float:left;}
.floatleft { float:left;}
.floatright { float:right;}

.floatstop { clear:both;}
.block {display: block;}
.inline {display: inline;}
.rechts       {text-align:right;}
.maxi { width:100%; height:100%;}
.unfett { font-weight:normal;}

.pato4 { padding-top:4px;}
.pato10 { padding-top: 10px;}
.pato30 { padding-top: 30px;}

.pabo0 { padding-bottom:0px;}
.pabo4 { padding-bottom:4px;}
.pabo8 { padding-bottom:8px;}
.pabo10 { padding-bottom:10px;}

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

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

.weiss		{ color:#fffffe;}
.rot		{ color:#990000;}
.gruen		{ color:#008000;}
.center 	{ text-align:center;}

.stauch1	{letter-spacing: -1px;}
.narrow		{ font-family:arial narrow; }

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


.achtpunktetext 	{ color:#000055;  font-size:7.5pt }
.achtpunktetext a 	{ font-size:7.5pt }
.lexikonabc		 	{ color:#84859b;  font-size:13pt }

.bildtext 			{ color:#84859b;  font-size:7.5pt }
.bildtextgruen		{ color:#008000;  font-size:7.5pt }
.bildtextrot		{ color:#980000;  font-size:7.5pt }
.bildtextweiss 		{ color:#fffffe;  font-size:7.5pt }
.textrot			{ color:#980000;  font-size:10pt }
.textdgelb			{ color:#957700; }
.auszugtextrot		{ color:#980000;  font-size:10pt; font-family: "Courier New"}
.auszugtextrot b	{ color:#760000; font-weight:600;  font-style: normal;}
.grossertext 		{ 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;}

.relativ 			{ position:relative; }
.absolut 			{ position:absolute; width:200px; /*z-index:200;*/}

.unfett				{ font-weight: normal; }

/*--------- wg SAFARI & Co --------*/

.linkOptik 	{ text-decoration:underline; }
.noDecor	{ text-decoration:none; }







/*======================================================= Bubble ToolTipp mit FRAGEZEICHEN==================*/

/*--------------------------------- Blase nach RECHTS ---------------------------------*/


span.tt 	{position:relative; cursor: help;  text-decoration:none; font-weight:normal; font-size:8pt; }

/*--- Platzhalter IMAGE ---*/
span.tt img.fragezeichen { position:absolute; z-index:0; left:2px; top:0px; width:14px; height:14px; background: url(images/ICON_Fragezeichen_grau.PNG) no-repeat 0px 0px;}	


/*--- Blase erstmal Ausblenden ----- zusätzlich mit 'hidden', damit im FPage Editor nicht störend angezeigt wird ---*/
span.tt span.blaseRight 	{ display:none; visibility:hidden; position:absolute;   left:500px; width:209px; text-align:justify; }	



/*--- Blase bei hover einblenden ---*/
span.tt:hover span.blaseRight 	 			{ display:block; visibility:visible; position:absolute; left:-10px; top:0px; width:200px; text-decoration:none;   z-index:200 }

		span.tt:hover span.blaseRightTop 	{ display:block; width:209px; height:50px; background: url(images/Blase_blau_schatten.PNG) no-repeat top;	 }    
		span.tt:hover span.blaseMiddle 		{ display:block; width:209px; height:auto; background: url(images/Blase_blau_schatten_kachel.PNG) repeat-y 0px -50px; text-decoration:none;  }
		
		/*--- extra span für text, damit ohne padding positionierbar wg IE Problem---*/
		span.tt:hover span.textBlaseMiddle 	{ display:block; position:relative; left:10px; top:0px; width:180px; height:auto;  font-size:8pt; color:#000055; 	text-decoration:none; font-family:Verdana;  /*---- TestFarbe----background-color:#ddddff;----*/	}
		span.tt:hover span.blaseBottom		{ display:block; width:209px; height:20px; background: url(images/Blase_blau_schatten.PNG) no-repeat bottom;  }  	


/* ----------------Abänderungen für Blase nach LINKS ------*/

/*--- Blase erstmal Ausblenden ----- zusätzlich mit 'hidden', damit im FPage Editor nicht störend angezeigt wird ---*/
span.tt span.blaseLeft 	{ display:none; visibility:hidden; position:absolute;   left:500px; width:209px; text-align:justify; }			

/*--- Blase bei hover einblenden ---*/
span.tt:hover span.blaseLeft 	 		{ display:block; visibility:visible; position:absolute;  z-index:200; left:-170px; top:0px; width:200px; text-decoration:none;  }

		span.tt:hover span.blaseLeftTop { display:block; width:209px; height:50px; background: url(images/Blase_links_blau_schatten.PNG) no-repeat top;	}   

	

	
	
	

/*------------------- Bubble ToolTipp Allgemein funktionsfähig mit JEDEM LINK ------------Blase nach LINKS ------*/
		
/*--- Blase erstmal Ausblenden ----- zusätzlich mit 'hidden', damit im FPage Editor nicht störend angezeigt wird ---*/
a span.blaseLinks 	{ display:none; visibility:hidden; position:absolute; left:500px; width:209px; text-align:justify;  text-decoration:none; font-size:8pt;}			

/*--- Blase bei hover einblenden ---*/
a:hover span.blaseLinks 	 { display:block; visibility:visible; position:absolute; left:-150px; top:-5px; width:200px; z-index:200; }

		a:hover span.blaseLinksTop 			{ display:block; width:209px; height:50px; background: url(images/Blase_links_blau_schatten.PNG) no-repeat top;	}    
		a:hover span.blaseMiddle 		{ display:block; width:209px; height:auto; background: url(images/Blase_blau_schatten_kachel.PNG) repeat-y 0px -50px;  }
		
		/*--- extra span für text, damit ohne padding positionierbar wg IE Problem---*/
		a:hover span.textBlaseMiddle 	{ display:block; position:relative; left:10px; top:0px; width:180px; height:auto;  font-size:8pt; color:#000055; font-weight:normal; text-decoration:none; font-family:Verdana;   }	 /*---TestFarbe--background-color:#dddddd;------*/	
		a:hover span.blaseBottom		{ display:block; width:209px; height:20px; background: url(images/Blase_links_blau_schatten.PNG) no-repeat bottom;}  



/* -------------------------------------------------------------------- Abänderungen für Blase nach RECHTS ------*/

/*--- Blase erstmal Ausblenden ----- zusätzlich mit 'hidden', damit im FPage Editor nicht störend angezeigt wird ---*/
a span.blaseRechts 	{ display:none; visibility:hidden; position:absolute; left:500px; width:209px; text-align:justify; text-decoration:none;}			

/*--- Blase bei hover einblenden ---*/
a:hover span.blaseRechts 	 			{ display:block; visibility:visible; position:absolute; left:40px; top:0px; width:200px; z-index:200; }

		a:hover span.blaseRechtsTop 	{ display:block; width:209px; height:50px; background: url(images/Blase_blau_schatten.PNG) no-repeat top;	}    




/* -------------------------------------------------------------------- Verminderter Buchstabenabstand ------*/

span.textBlaseMiddle em		{ letter-spacing: -1px; font-style:normal;}

.stauch0 {font-family:arial; letter-spacing:-0px;}
.stauch1 {font-family:arial; letter-spacing:-1px;}









/*----------------------------------------------------------------------------------- ICONS ---------*/

li.vl				{ background: url(images/ICON_VL_faehig.gif)  no-repeat; left:20px; top:0px }
.img_gefragter_link {vertical-align:bottom; margin-left:7px}
.redquad 			{margin:2px 6px 2px 0px;}




.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; /*text-shadow: 3px 3px 3px #bbb;*/ }
.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; }

.bildlinks { margin:3px 0px 0px 0px; padding:0px 0px 0px 0px; }
.bild { margin:3px 0px 0px 0px; padding:0px 0px 0px 0px; float:right; vertical-align:top;}
.bild0 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:right; vertical-align:top;}

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

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


.hauptpunktgross {
  	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_11x11.gif); background-position: 10px 6px; 	background-repeat: no-repeat;
	font: normal bold 13pt 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:#980000; }


.unterpunkt 			{  width:100%; margin-bottom:3px; border-bottom: 1px solid #000066; font-weight: bold; }
.wissen_aussage 	{ font-style:italic; color:#980000; }
.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:8px;  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; }


.td							{ white-space:nowrap;}
.td_quadrat_rot				{ background-color:#DE9A9A; width:20px; height:20px;}
.td_quadrat_blau			{ background-color:#C4C4FF; width:20px; height:20px;}
.td_quadrat_gruen			{ background-color:#55a555; width:20px; height:20px;}
.td_quadrat_gelb			{ background-color:#ccb055; width:20px; height:20px;}


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


.headQuadRot	{ float:left; width: 23px; height: 25px; background:#ffffff url(images/ICON_Quadrat_rot_18x18_3D.gif) 0px 0px no-repeat; }
.headQuadBlau	{ float:left; width: 23px; height: 25px; background:#ffffff url(images/ICON_Quadrat_blau_18x18_3D.gif) 0px 0px no-repeat; }
.headQuadGelb	{ float:left; width: 23px; height: 25px; background:#ffffff url(images/ICON_Quadrat_gelb_18x18_3D.gif) 0px 0px no-repeat; }
.headQuadGruen	{ float:left; width: 23px; height: 25px; background:#ffffff url(images/ICON_Quadrat_gruen_18x18_3D.gif) 0px 0px no-repeat; }

.headQuadText	{ float:left; width: 627px; height: 18px; border-bottom:1px solid #000055; font-weight:bold; }





/* --------------------------------------------------------------------------------------------------------------------------------------- Durchschnitts Werte --------*/
.tabdurchschnitt 				{ width:100%;}
.tabdurchschnitt td 			{ font-size:7.5pt;}
.tabdurchschnitt td 	p		{ font-size:7.5pt; }
.font-family td.center 		{ text-align:center;}
.tabcourier td 					{ font-size:9pt; font-family: "Courier New"}



.container_jahre			{ float:left; width:90px; font-size:7.5pt; line-height:14px; margin-bottom:5px; margin-top:5px;	padding:0px;					background-color:#f6f6ff;} 
.container_balken			{ float:left; width:500px; font-size:0pt; margin-bottom:5px; margin-top:5px; padding:0px;   line-height:0px;					background-color:#f6f6ff;} 
.container_balken img		{ clear:both; height:7px; margin:4px 0px 3px 0px; padding:0px;   }
.container_prozente			{ float:left; width:60px; font-size:7.5pt; line-height:14px; text-align:right; margin-bottom:5px; margin-top:5px; padding:0px;		background-color:#f6f6ff;} 


.container_jahre_sp			{ float:left; width:90px; font-size:7.5pt; line-height:14px; margin-bottom:5px; margin-top:5px;	padding:0px;					background-color:#fff6f6;} 
.container_balken_sp		{ float:left; width:500px; font-size:0pt; margin-bottom:5px; margin-top:5px; padding:0px;	line-height:0px;					background-color:#fff6f6;} 
.container_balken_sp img	{ clear:both; height:7px; margin:4px 0px 3px 0px; padding:0px; }
.container_prozente_sp		{ float:left; width:60px; font-size:7.5pt; line-height:14px; text-align:right; margin-bottom:5px; margin-top:5px; padding:0px;		background-color:#fff6f6;} 









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

.tabstylekrise 		{ background-color:#FFF9F9;	border-top:1px solid #660000; }
.bghrot_krise		{ background-color:#FFF4F4;}
.bghrot1_krise		{ background-color:#FFE4E4;}
.bghrot2_krise		{ background-color:#FFE9E9;}


.tabstyleblau 	{ background-color:#F9F9ff;	border-top:1px solid #000066; }
.bgdblau		{ background-color:#000066;}
.bghblau		{ background-color:#F4F4FF;}
.bghblau1		{ background-color:#E4E4FF;}
.bghblau2		{ background-color:#E9E9FF;}


.tabstyleblau_1 { background-color:#F9F9ff;}
.bgdblau		{ background-color:#000066;}
.bghblau		{ background-color:#F4F4FF;}
.bghblau1		{ background-color:#E4E4FF;}

.tabstyleangebot { background-color:#F4F4ff;}

.tabstyleangebotlila { background-color:#F9F4f9;}
.bgdlila			 { background-color:#660066;}



.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:#980000; border: 1px solid #990000;}


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



a.angebotbild				{ text-decoration:none; }
a.angebotbild img			{ border: 1px solid transparent; }
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:#006500; margin-bottom:3px;}
.unterstuetzen:hover div.tooltipp ul li															{ font-size:8pt; color:#006500; }
.unterstuetzen:hover div.tooltipp ul li a, .unterstuetzen:hover div.tooltipp ul li a:visited	{ color:#006500; }
.unterstuetzen:hover div.tooltipp ul li a:hover													{ background:#006600; color:#fffffe; 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;}


.lvdocmodell { position:relative; /*border:1px solid #0000aa; background-color:#0000aa;*/ }




/*-------------------------------------------------------------------------------- Rueckkaufswert Tabellen ---------------*/

.rueckTabelle 					{ height:200px; background: url('http://www.gegen-altersarmut.de/images/BILD_Tabelle_Rueckkaufswerte_Abschlusskosten_rot_echte-Werte.gif') no-repeat;  
									border-bottom:1px solid #000066; margin-bottom:6px;}

.rueckTabellePlus  						{ text-align:center; background:#dddddd; /*position:absolute;*/}
.rueckTabellePlus a 					{ line-height:30px; }
.rueckTabellePlus a:hover em			{ position:absolute; z-index:100; height:970px; width:650px; left:-2px; top:-0px; 
											border-left:2px solid #aaaa00; border-right:2px solid #aaaa00; border-bottom:10px solid #aaaa00; 
											background:#ffffff url('http://www.gegen-altersarmut.de/images/BILD_Tabelle_Rueckkaufswerte_Abschlusskosten_rot_echte-Werte.gif') no-repeat; /*border-bottom:10px solid #ffffff;*/}









/*-------------------------------------------------------------------------------- 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			{ margin:0px 0px 0px -21px; background:#ffffff url(images/BILD_Logos_Fondsgesellschaften2a.gif) 400px 5px no-repeat; }
ol.fondsliste li 		{list-style-type:none; background: url(images/ICON_Quadrat_rot_5x5.gif) 0px 18px no-repeat; font-weight:800; padding:11px 0px 0px 15px; margin-top:0px; }
ol.fondsliste li a		{ font-size:10pt; display:block; width:360px; line-height:20px; text-indent:5px; }
ol.fondsliste li a i	{ font-size:9pt; font-family:arial; font-style:normal; }

ol.fondsliste a:hover  	{ background-color:#970000; color:#fffffe; font-weight:400;}

ol.fondsliste li a em		{ position:absolute; 							/*	width:60px; height:15px; background:transparent url(images/ICON_VL_faehig.png) -20px 0px no-repeat; */ }
ol.fondsliste li a em img	{ position:absolute; left:-12px; top:0px; }




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.haken 		{ list-style-type:none; 	margin:8px 0px 20px 0px;  padding-left:0px; }
ul.haken li 	{ background: url(images/ICON_Haken1.gif) 0px 0px no-repeat; padding-left: 25px; margin-bottom: 5px; }

ul.haken li.kurz 		{ width:275px; height:32px;}
ul.haken li.kurz:hover 	{ background-color:#dddddd;}


/*---zzzz---*/


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:#980000}
ul.standardliste_rot li	 i	{ color:#000055; font-style:normal;}

ul.pfeil 		{ list-style-type:none; 	margin:0px 0px 0px 0px;  padding-left:0px; }
ul.pfeil li 	{ background: url(images/ICON_Pfeil1c.gif) 0px 3px no-repeat; padding-left: 20px; margin-bottom: 1px; line-height:15px;}

ul.pfeil_klein 		{ list-style-type:none; 	margin:0px 0px 0px 0px;  padding-left:0px; }
ul.pfeil_klein li 	{ background: url(images/ICON_Pfeil1e_mini.gif) 0px 3px no-repeat; padding-left: 20px; margin-bottom: 1px; line-height:15px;}




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



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

.blattoben		{ float:left; height:15px; width:600px; padding:0px; background:url("images/BILD_Papier_BG1.jpg") 10px 0px no-repeat; }
.blattmitte		{ float:left; width:600px; position:relative; padding:0px; background:url("images/BILD_Papier_BG2.jpg") 10px 0px ; background-repeat: repeat-y; }
.blattunten		{ float:left; height:20px; width:600px; padding:0px; background:url("images/BILD_Papier_BG3.jpg") 10px 0px no-repeat; }



/*------------------------------------------------------------------------ RundBox ----------------------*/

.RundBoxOben		{ background:url(images/HINTERGRUND_RundBox_oben.gif) 		top left no-repeat; 		height:15px; 	/*position:relative;*/ 	color:#fffff9;	font-size:13pt; font-weight:bold;}
.RundBoxObenBlau	{ background:url(images/HINTERGRUND_RundBox_oben_blau.gif) 	top left no-repeat; 		height:30px; 	/*position:relative;*/ 	color:#fffff9;	font-size:13pt; font-weight:bold;}
.RundBoxMitte		{ background:url(images/HINTERGRUND_RundBox_mitte.gif) 		top left;									/*position:relative;*/}
.RundBoxUnten		{ background:url(images/HINTERGRUND_RundBox_unten.gif) 		bottom left no-repeat; 		height:15px; margin-bottom:10px;}
.RundBoxUntenBlau	{ background:url(images/HINTERGRUND_RundBox_unten_blau.gif) bottom left no-repeat;  	height:20px; margin-bottom:10px;}




/*------------------------------------------------------------------------ WhiteBoard ----------------------*/

.WhiteBoardTop			{ background:url(images/HINTERGRUND_Whiteboard1_Top.jpg) 			top left no-repeat; 		height:13px; 	/*position:relative;*/ 	}
.WhiteBoardMiddle		{ background:url(images/HINTERGRUND_Whiteboard1_Mid_KACHEL.jpg) 		top left;									/*position:relative;*/}
.WhitboardBottom		{ background:url(images/HINTERGRUND_Whiteboard1_Bottom.jpg) 			bottom left no-repeat; 		height:10px; margin-bottom:10px;}




/*----------------------------------------------------------------------------------- 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_hauptcontainer_rot 		{float:right; width:700px; background:#ffffff; border:1px solid #660000; 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_rotbalken	{ background-color:#990001; height:25px;}
.kl_abstand		{ height:30px;}

#kl_spalte_links {  float:left;	width:25px;	height:50px; background:#ffffff; text-align:center; }
#kl_spalte_mitte { float:left; width:650px; /*height:100px;*/ 	background:#ffffff; 	text-align:left; }
#kl_spalte_mitte_formulare { margin:0px auto;  /*h. zentr.*/ width:550px; /*height:100px;*/ 	background:#ffffff; 	}


.seitezurueck a			{ /*background-color:#aa00b5;*/ 	float:left; color:#fffffe; font-weight:bold; padding:5px 25px 5px 25px; font-size:7.5pt; }
.zurstartseite a		{ /*background-color:#aa00b5;*/	float:right; color:#fffffe; 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:#fffffe; 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; color:#fffffe; }





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



/*---*/