@charset "utf-8";

body         { font-family: Verdana; font-size: 0.8em; color:#000055; background-color:#CAd0E3;}
strong       { font-family: Verdana; font-size: 0.8em; font-weight: bold; margin-top: 0; margin-bottom: 0;color:#000055; }
h1            { font-family: Verdana; margin-top: 0; margin-bottom: 0; font-size: 0.8em; color:#000055; font-weight: bold; text-align:left}
h2            { font-family: Verdana; margin-top: 0; margin-bottom: 0; font-size: 10; text-align:center; color:#000055;font-weight: 400}
h3           { font-family: Verdana; font-size: 0.8em; text-align: left; margin-top: 0; margin-bottom: 0; text-decoration:underline; font-weight:bold }
h4           { font-family: Verdana; font-size: 0.8em; text-align: left; margin-top: 0; margin-bottom: 0; text-decoration:underline; font-weight:bold }
h5           { font-family: Verdana; font-size: 0.8em; text-align: left; margin-top: 0; margin-bottom: 0; text-decoration:underline; font-weight:bold }
p            { margin-top: 0; margin-bottom: 0; font-size: 0.8em; text-align:justify }



a:visited    	{color: #774E89 }
A:hover 	{color: #990000; font-family: Verdana}
a:active    	{color: #ff0000 }
a            	{font-family: Verdana; font-size: 0.85em }

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:activ 	{text-decoration:none}
a.diskret:visited 	{text-decoration:none}
a.diskret:hover 	{text-decoration:underline;}

input.optionsbutton       { background-color: #ffffff; font-family: Verdana; color:#ff0000; border:0px;}
input      				{ background-color: #e9e9e9; font-family: Verdana; color:#0000b0; border:1px solid #bbbbbb; }
select       	{ background-color: #e9e9e9; font-family: Verdana; color:#0000b0; border:1px solid #bbbbbb; }
/*option       { background-color: #e9e9e9; font-family: Verdana; color:#0000b0; border:1px solid #bbbbbb; }*/
textarea    {background-color: #e9e9e9; font-family: Verdana;  color:#0000b0; border:1px solid #bbbbbb; font-size:10pt; }




/* --------------Variante mit DIV------------------  */

/* ----------MENU----------*/

#menubalken {
  	background:#0000aa;
  	display:block; 
  	width:120; 
  	height:10; 
  	font-size: 0px;
}


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

#menu a:hover {
  	color:#800;
  	
  	background:#f0f0ff;
  	font-weight: 800;

  	
  	background-image:url(images/ICON_Quadrat_rot_11x11.gif);
     	background-repeat:no-repeat;
  	background-position:9px 7px;  
 }

 #menu a:active {
  	color:#fff;
  	background:#a00;
  	
  }
  
  
/*----------------------------------------------------Menupunkt ANGEBOTE----------------*/

#angebot a, #angebot a:visited {
  	color:#005;
  	background:#fff;
  	
  	background-image:url(images/ICON_Brief5.gif);
     	background-repeat:no-repeat;
  	background-position:5px 2px;  
  	
  	display:block; 
  	width:83; 
  	height:31; 
  	
  	border-bottom-color:fdd;
  	border-bottom-width: 0px;
  	border-bottom-style:double;
  	
  	font-family: Verdana;
  	text-indent:0px;
	text-decoration:none;
		
	font-weight: 400;
	font-size: 0.6em;
  	text-align:left; 
  	
  	font-style:normal;
	
  	padding-top:0;
  	padding-bottom:0;
  	padding-left:37px;

  	margin-top: 0; 
  	margin-bottom: 0;  	  
  }
  
#angebot a:hover {
  	color:#900;
  	
  	font-weight: 800;

  	background-image:url(images/ICON_Brief5a.gif);
  	background-repeat:no-repeat;
  	background-position:5px 2px;
}

 #angebot a:active {
  	color:#fff;
  	background:#aa0000;
  	
  }
  
  
/*----------------------------------------------------Menupunkt NEWS----------------*/
#news a, #news a:visited {
  	color:#005;
  	background:#fff;
  	
  	background-image:url(images/ICON_News2.gif);
     	background-repeat:no-repeat;
  	background-position:0px 4px;  
  	
  	display:block; 
  	width:83; 
  	height:28; 
  	
  	border-bottom-color:fdd;
  	border-bottom-width: 0px;
  	border-bottom-style:double;
  	
  	font-family: Verdana;
  	text-indent:0px;
	text-decoration:none;
		
	font-weight: 400;
	font-size: 0.6em;
  	text-align:left; 
  	
  	font-style:normal;
	
  	padding-top:0;
  	padding-bottom:0;
  	
  	padding-left:37px;

  	margin-top: 0; 
  	margin-bottom: 0;  	  
  }
  
#news a:hover {
  	color:#900;
  	
  	font-weight: 800;

  	background-image:url(images/ICON_News2a.gif);
  	background-repeat:no-repeat;
  	background-position:0px 4px;
}

 #news a:active {
  	color:#fff;
  	background:#aa0000;
}


/* ----------SUBMENU-----------------------------------------------------*/

#submenu a, #submenu a:visited {
  	color:#000055;
  	background:#ffd;
  	
  	display:block; 
  	width:120; 
  	height:15; 
  	
  	border-bottom-color:ebebeb;
  	border-bottom-width: 0px;
  	border-bottom-style:solid;
  	
  	text-indent:40px;
	text-decoration:none;
	font-weight: 200;
	font-size: 0.6em;
  	text-align:left; 
  	text-decoration:none;
  	
  	padding-top:0;
  	padding-bottom:0;
  	margin-top: 0; 
  	margin-bottom: 0;  	  
}

#submenu a:hover {
  	color:#800;
  	background:#ffe;
  	
  	font-weight: 800;
  	
  	background-image:url(images/ICON_Quadrat_rot_5x5.gif);	
  	background-repeat:no-repeat;
  	background-position:30px 4px;  }

  	/*text-decoration:underline;*/
}

 #submenu a:active {
  	color:#990000;
  	background:#ffffcc;
  	
}


/* ----------------------------------------------------------------------------- */


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


#schatten_main	{
			background:url(images/ICON_Quadrat_blau_11x11.GIF-) no-repeat;
			vertical-align: top;
			background-position:0px 0px;
			height:500px; width:500px;
}



#schatten_or	{
			vertical-align: top;
			background:url(images/KACHEL_Schatten_OR.GIF) no-repeat;
			background-position:0px 0px;
			
			height:12px;
}
#schatten_r		{
			vertical-align: top;
			background:url(images/KACHEL_Schatten_R.GIF) repeat-y 0px 0px;
			height:100px;
			

}

#schatten_ur	{
			vertical-align: top;
			background:url(images/KACHEL_Schatten_UR.GIF) no-repeat;
			background-position:0px 0px;
}

#schatten_ul	{
			vertical-align: top;
			background:url(images/KACHEL_Schatten_UL.GIF) no-repeat;
			background-position:0px 0px;
			/*width:12px;*/
}

#schatten_u	{
			background:url('images/KACHEL_Schatten_U.GIF') repeat-x 0px 0px;
			
			width:2000px;
}



/*-------------Für GA VISION--------------------------------------------------------------------*/

#zelle_top_banner		{
			background:url(images/BANNER_GA_vision_neutral.jpg) no-repeat;
			background-position:0px -0px;
			height:106px;
}
#zelle_top_banner_line	{
			font-size:1px;
			line-height:1px;
			border-top:1px solid #990000;
}




/*-------------Für GA Standard-------------------

#zelle_top_banner		{
			background:url(images/BANNER_GA_PL-Garantie.gif) no-repeat;
			background-position:0px 0px;
			height:99px;
}
-----------------------------------------------*/





#quermenu_oben 		{
			background-color: #0000b5; 
			font-family: Verdana;
			font-size: 0.8em; 
						
}

#quermenu_oben	a	{
			font-family: Verdana;
			font-size: 7.5pt; 
			color: #ffffff;
			text-decoration: none;			
}

#quermenu_oben	a:hover	{
				text-decoration:underline
}


#Angebot_Schritte	{
			background-color: #f9f9ff;	
}

#durchschnittswert	{
						font-family: Verdana;
			font-size: 0.8em; 
						
}

#rueckkaufswert 	{
					background-color: #fff9f9; 
					font-family: Verdana;
					font-size: 0.8em;
				
}

#rueckkaufswert_fondssparplan 	{
					background-color: #f8fdf8; 
					font-family: Verdana;
					font-size: 0.8em;
				
}



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







/*======================================================= üBERGANGSWEISE EINGEFüGT DA NOCH KEIN DIV etc.==================*/



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

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


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

/*--- Platzhalter IMAGE ---*/
span.tt img.fragezeichen { position:absolute; z-index:200; left:2px; top:1px; 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;  z-index:200; left:-10px; top:0px; width:200px; text-decoration:none;  }

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

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