@charset "utf-8";


/* ---  AUSGEBLENDET verhindert AutoZoom des Textes (bei Smartphones) AUSGEBLENDET--- */	
/*
	html, body, p { -webkit-text-size-adjust: none;  }
	html, body, p { -moz-text-size-adjust: none;  }
	html, body, p { -ms-text-size-adjust: none;  }
	
	html, body, p { -webkit-text-size-adjust: 20%;  }
	html, body, p { -moz-text-size-adjust:  20%;  }
	html, body, p { -ms-text-size-adjust:  20%;  }
*/


/* =============================== */
/* Aenderungen fuer Handheld Geraete */
/* =============================== */
/*
			@viewport {
			  width: device-width; 
			  width: 320px; 
			 
			  zoom:1;
			
			}
			
			*/
			
/*	VERSUCH prozentuale Breite		
#hintercontainer { width:100%; 	}
#hauptcontainer  { width:100%;  } 		
#topbannerlinks  { width:50%;  } 		
#topbannerrechts { width:50%;  } 		
	*/

/*--------------------------------------------- STANDARDS (immer nur Aenderungen zur normalen Style) ---------*/

		div.titel	     	{ font-size: 32pt; }
		div.titel	h1     	{ font-size: 27pt;}
		
		div.untertitel	h1  { font-size: 27pt; letter-spacing:-2px; height:50px;}

/*div.copyright	p		{ font-size: 14pt;}	
div.copyright	h2		{ font-size: 14pt;}	
div.copyright	a		{ font-size: 14pt; }*/
div.copyright, div.copyright p, div.copyright a, div.copyright a, div .copyright a:visited			{ font-size: 19pt; padding:8px 0px 5px 0px;}	
p.copyright, p.copyright a, p.copyright a:visited			{ font-size: 20pt;}	

.erstinfo			{ padding:10px; font-size:24pt}
.erstinfo p, .erstinfo h4,	.erstinfo a	{ font-size:24pt}

.wissen_aussage 	{ font-size:24pt}


h1.titel		{ font-size:32pt; }
h1.titel span	{ font-size:27pt; background:#ffffff url(images/ICON_Quadrat_rot_11x11.gif) 6px 15px no-repeat; background-size: 15px auto;}




h1      			{ font-size: 27pt;}	 										
h2      			{ font-size: 27pt; margin-bottom: 15px; } 																				
h3      			{ font-size: 27pt; margin-bottom: 15px; }	 										
h4      			{ font-size: 27pt; margin-bottom: 15px; }	 										
h5      			{ font-size: 23pt;}	 										
h6      			{ font-size: 15pt;}	 										

hr			{ border-top: 3px solid #ddddd9; }
hr.soft		{ border-top: 3px solid #eeeee9; }

div.hauptpunkt 		{ font-size: 27pt;  letter-spacing:-2px; height: auto; background-image:url('images/ICON_Quadrat_rot_11x11.gif'); background-position: 10px 20px;}
.hauptpunkt 		{ font-size: 27pt;  letter-spacing:-2px; height: auto; background-image:url('images/ICON_Quadrat_rot_11x11.gif') 6px 15px no-repeat; background-size: 15px auto; background-position: 10px 20px;}


.hauptpunktgross { font-size: 30pt;  text-indent:42px; background-position: 8px 20px; background-size: 22px 22px; }
div.headQuadText	{ font-size: 27pt;  letter-spacing:-2px; height: auto; }
div.footer { height:50px;}
div.kl_blaubalken	{ height:50px;}
div.kl_rotbalken	{ height:50px;}

.linie { border-bottom:3px solid #880000; font-size:0px; /*nur wg. IE */ }



p, div, table, td   { font-size: 27pt; text-align:left;}	 

p  					{ margin-bottom: 25px; /**/}
p.abstand1         	{ margin-bottom: 5px;}
p.abstand2          { margin-bottom: 10px;}
p.abstand3  		{ margin-bottom: 15px; }
p.abstand5  		{ margin-bottom: 20px; }
p.abstand5  		{ margin-bottom: 25px; }
p.abstand8  		{ margin-bottom: 27px; }
p.abstand10  		{ margin-bottom: 30px; }
p.abstand12  		{ margin-bottom: 35px; }
p.abstand15  		{ margin-bottom: 40px; }

p.bildtext      	{ font-size: 20pt;}	
p.bildtextrot, 
	div.bildtextrot { font-size: 20pt;}	
p.bildtextgruen		{ font-size: 20pt;}
p.auszugtextrot		{ font-size: 20pt;}
.auszugtextrot		{ font-size: 22pt;}

.textrot			{ color:#980000;  font-size:27pt }

.achtpunktetext 	{ font-size:20pt }

p.achtpunktetext  		{ font-size: 20pt;}	 
p.achtpunktetext strong { font-size: 20pt;}	 	
p.achtpunktetext a  	{ font-size: 20pt;}	
td.achtpunktetext  	{ font-size: 20pt;}	 		
span.achtpunktetext { font-size: 20pt;}	


.achtpunktetext1  	{ font-size: 20pt;}	 
p.achtpunktetext1  	{ font-size: 20pt;}	 

span.bildtext       		{ font-size: 20pt;}	
span.bildtextroterstinfo	{ font-size: 20pt;}	

td.bildtext       		{ font-size: 20pt;}	


.maxi 				{ width:100%; height:80%;}
.pabo8 				{ padding-bottom:20px;}


.bildrechtsUnsereAngebote		{ float:right; margin:30px 75px 0px 100px; }  /*unten, nach links, oben, rechts*/
.bildrechts20			{ float:right; margin:2px 0px 0px 20px; }

.fusszeile 			{ font-size:16pt;}
.fusszeileQuelle 			{ font-size:16pt; letter-spacing:-1px}
.fusszeileblau 			{ font-size:16pt;}
.fusszeilegrau, fusszeilegrau td 	{ font-size:16pt;}

.bildquelle					{ right:5px; bottom:-8px;}
.bildquelle, .bildquelle a	{ font-size:12pt; letter-spacing:-2px}	



/*-- LINKS (immer nur noch Aenderungen zur normalen Style) --*/
a   , li a         	{font-size: 24pt; 		/*	margin-top:10px; margin-bottom:10px; Platz für FatFinger schaffen*/ }
a.textlink      	{font-size: 26pt; line-height:60pt;		/*	margin-top:10px; margin-bottom:10px; Platz für FatFinger schaffen*/ }
a.textlinkTimes            	{font-size: 26pt; line-height:60pt; }
a.link_klein        {font-size: 20pt }
a.link_kleinQuelle        {font-size: 16pt }
a.link_kleinFonds        {font-size: 16pt } 

a.link_gross       	{font-size: 26pt }

a.diskret2 			{font-size: 15pt}
a.diskret6 			{width:500px;}


a.pfeil 				{ padding-left:35px; background-size:30px; -moz-background-size:30px; line-height:60pt;}
a.pfeilgrosserlink 		{ padding-left:35px; background-size:30px; -moz-background-size:30px; line-height:60pt;}

a.pfeilrot 				{ padding-left:35px; background-size:30px; -moz-background-size:30px; line-height:60pt;}
a.pfeilrotgrosserlink 	{ padding-left:35px; background-size:30px; -moz-background-size:30px; line-height:60pt;}

a.pfeilblau 			{ padding-left:35px; background-size:30px; -moz-background-size:30px; line-height:60pt;}
a.pfeilblaugrosserlink 	{ padding-left:35px; background-size:30px; -moz-background-size:30px; line-height:60pt;}

a.pfeilgrauklein 		{ padding-left:35px; background-size:30px; -moz-background-size:30px; line-height:50pt;}
a.pfeilgraukleinFonds 	{ padding-left:22px; background-size:18px; -moz-background-size:18px; line-height:50pt;}

a.neuesfenster		 	{ padding-right:45px; background-size:45px; -moz-background-size:45px;}
a.neuesfenstergross		{ padding-right:45px; background-size:45px; -moz-background-size:45px;}
a.gefragterlink 		{ padding-right:55px; background-size:48px; -moz-background-size:48px;}



/*- Zwei HG-Bilder muessen gleichzeitig in einem Befehl eingefuegt werden. Deshalb ganz eigene Klasse notwendig -*/
a.pfeilneuesfenster { padding-left:35px; padding-right:45px; 
					background-position: left 8px , right 4px; 
					background-size:30px, 45px; -moz-background-size:30px, 45px;
									line-height:55pt;	/*<<< TEST 10/15 von 40pt erhöht wg fatFinger*/		
					}
					
a.pfeilgraukleinneuesfenster { padding-left:35px; padding-right:45px; 
									background-image: url('images/ICON_Pfeil1e_mini.gif'), url('images/ICON_Neues-Fenster3.gif');
									background-position: left 8px , right 4px; 
									background-size:30px, 45px; -moz-background-size:30px, 45px;
									line-height:55pt;	/*<<< TEST 10/15 von 40pt erhöht wg fatFinger*/		
								}
								
a.pfeilgrosserlinkneuesfenster { padding-left:35px; padding-right:45px; 
					background-position: left 8px , right 4px;
								background-size:30px, 45px; -moz-background-size:30px, 45px;
									line-height:55pt;	/*<<< TEST 10/15 von 40pt erhöht wg fatFinger*/		
								}
a.pfeilblaugrosserlinkneuesfenster { padding-left:35px; padding-right:45px; 
					background-position: left 8px , right 4px;
									background-size:30px, 45px; -moz-background-size:30px, 45px;
									line-height:55pt;	/*<<< TEST 10/15 von 40pt erhöht wg fatFinger*/		
									}


form 				{ text-align:left;}
form p 				{ text-align:left;}

select,option  		{ height:60px; font-size:24pt; margin-bottom:30px; letter-spacing:-1px	}
input 				{ height:50px; width: 280px; font-size:20pt; margin-bottom:40px;}
input.kurz001		{ height:50px; width: 120px; font-size:30pt;  margin:20px 20px 20px 0px;}

textarea 			{ font-size:20pt;	}
input[type=submit] 	{ height: 60px; width: 550px;   font-size:27pt;  }

input.suchfunktion 			{height:48px; width: 380px; font-size:20pt; margin:0px;  }
input.suchefunktionsubmit	{height:52px; width: 110px; font-size:20pt; margin:0px;  }

span#infoEMAIL  { width:189px; left:255px; top:0px;  border:2px solid #aa0000; font-size:20pt;	}
span#infoVORNAME, span#infoVORNAME2, span#infoVORNAME3 { width:300px; left:250px; top:-25px; border:2px solid #aa0000; font-size:20pt;  }
span#infoZUNAME, span#infoZUNAME2, span#infoZUNAME3 { width:300px; left:250px; top:-25px; border:2px solid #aa0000; font-size:20pt; 	}
span#infoENTNAHME { width:350px; left:285px; top:0px;  border:2px solid #aa0000; font-size:20pt;	}



/* RadioButtons (die kleinen Buttons selbst) */
input[type=radio], input[type=checkbox] { margin-right:20px; width:20px; height:20px;
			-webkit-transform: scale(2); -moz-transform: scale(2);	-ms-transform: scale(2);	-o-transform: scale(2);	transform: scale(2);
				} /* eigentlich koennte man eine Groesse angeben (width:30px; height:30px;) aber da reagiert der Firefox nicht, deshalb ueber 'scale' */ 

/* Tag um RadioButtons (fuer Schriftgroesse etc) */
label 			{	padding:30px 10px 30px 20px; margin-bottom:10px;	 text-align:left; font-size:27pt;	/*width:100%; */
					background-color:#f5f5f5; border-top:3px solid #f7f7f7; border-bottom:3px solid #f0f0f0;}



/*-- pauschal Platz schaffen um Links in listen  +   Größere Icons--*/

/*-NEU pauschal- in den Unterklassen (nachfolgend) koennten somit die doppelten Angaben wegfallen >> mal pruefen  ----*/
/*	ul li  		{ font-size:27pt; line-height:40px; margin: 30px 0px 30px 0px;   padding-left:40px;  background-size: 80px auto; background-position: 0px 0px; } 
	ul li a		{ font-size:27pt;} */
/*-------------*/

ol li 			{ font-weight: bold; padding:0px; margin:25px 0px 0px 34px;}


ul.haken li  		{ margin: 30px 0px 30px 0px;   padding-left:40px;  background-size: 40px auto; background-position: 0px 5px; } 
ul.haken li a		{ font-size:27pt;} 
ul.haken li span	{ font-size:17pt;} 
ul.haken li.kurz 	{ width:390px; height:32px; line-height:27px; /*letter-spacing: -1px;*/}

ul.hakenSpezial li  		{ margin: 30px 0px 30px 0px;   padding-left:40px;  background-size: 35px auto; background-position: 0px 0px; } 
ul.hakenSpezial li a		{ font-size:20pt; letter-spacing: -1px;} 
ul.hakenSpezial li span	{ font-size:17pt;} 
ul.hakenSpezial li.kurz 	{ width:390px; height:32px; line-height:27px; /*letter-spacing: -1px;*/}


ul.pfeil li 		{ margin: 30px 0px 30px 0px;   padding-left:40px;  background-size: 30px auto; background-position: 0px 5px; } 
ul.vorteile li 		{ margin: 30px 0px 30px 0px;   padding-left:40px;  background-size: 30px auto; background-position: 0px 5px; } 
ul.verbot li 		{ margin: 30px 0px 30px 0px;   padding-left:40px;  background-size: 30px auto; background-position: 0px 5px; } 

ol.fondsliste li 	 { margin: 30px 0px 30px 0px;   padding-left:50px;  background-size: 20px auto; background-position: 22px 23px; } 
ol.fondsliste li a	 { font-size:27pt; line-height:40px;} 
ol.fondsliste li a i { font-size:27pt; font-family:arial; font-style:normal; }
ol.fondsliste li p	 { padding-left:5px; line-height:20px; font-size:18pt; margin-top:8px }

ul.Quadrat li 		{ margin: 30px 0px 30px 0px;   padding-left:40px;  background-size: 20px auto; background-position: 5px 16px; } 
ul.Quadrat li a		{ font-size:27pt; } 

ul.achtung li 		{ margin: 30px 0px 30px 0px;   padding-left:40px;  background-size: 30px auto; background-position: 0px 8px; } 
ul.nachteile li 	{ margin: 30px 0px 30px 0px;   padding-left:40px;  background-size: 30px auto; background-position: 0px 5px; } 

ul.lexikon li		{font-size:25pt; margin:30px 0px 5px 0px; }
ul.lexikon a		{font-size:25pt;}

ul.linkliste li		{ margin:25px 0px 0px 20px; }


ul.standardliste li	{ margin:0px 0px 5px 15px; }

ul.standardliste_schmal li		{ margin:0px 0px 1px 15px; }

ul.standardliste_zahlen li		 { font-size:27pt; margin:0px 0px 5px 15px;}
ul.standardliste_zahlen li	a 	 { font-size:27pt; }
ul.standardliste_zahlen li	a.link_klein 	 { font-size:20pt; }
ul.standardliste_zahlen li	span { font-size:27pt; }
ul.standardliste_zahlen li	span.textBlaseMiddle { font-size:20pt; }

ul.standardliste_zahlen li	p 	 { font-size:27pt; }
ul.standardliste_zahlen li	p.bildtext 	 { font-size:20pt; }
ul.standardliste_zahlen li	p.bildtextrot 	 { font-size:20pt; }
ul.standardliste_zahlen li	p.bildtextgruen 	 { font-size:20pt; }

ul.standardliste_zahlen_gefragteste_Fonds li		 { font-size:20pt;}
ul.standardliste_zahlen_gefragteste_Fonds li	a 	 { font-size:20pt; }
ul.standardliste_zahlen_gefragteste_Fonds li	span { font-size:20pt; }
ul.standardliste_zahlen_gefragteste_Fonds li	p 	 { font-size:20pt; }


ul.standardliste li		 { font-size:27pt;}
ul.standardliste li	a 	 { font-size:27pt; }
ul.standardliste li	a.link_klein 	 { font-size:20pt; }
ul.standardliste li	span { font-size:27pt; }
ul.standardliste li	span.textBlaseMiddle { font-size:20pt; }

ul.pdf li			{ font-size:20pt;  line-height:40px; padding-left: 50px; background-size: 40px auto; background-position: 0px 0px;}
ul.pdf li a			{ font-size:20pt;} 

ul.pdfschmal li 	{ line-height:30pt; margin: 30px 0px 30px 0px;   padding-left:40px;  background-size: 30px auto; background-position: 0px 0px;}
ul.pdfschmal li a	{ font-size:15pt; letter-spacing: -1px;}

ul.pdfdateigroesseschmal 		{font-size:12pt; line-height:22px; letter-spacing: -1px;}
ul.pdfdateigroesseschmal li		{line-height:28pt;}

ul.lexikon 		{ font-size:23pt; }
.lexikonabc		{  font-size:30pt; }

ul.uebersicht li	{ margin:25px 0px 5px 0px; }
ul.aussagen li	{ margin:0px 0px 5px 15px; }



ul, ul li, ul p, ul li a { text-align:left;} 
ol, ol li, ol p, ol li a { text-align:left;} 


/*--  Platz schaffen + Größere Icons--*/
.rotquad  				{  text-indent:24px;  background:transparent url('images/ICON_Quadrat_rot_11x11.gif') 0px 15px no-repeat; background-size: 15px auto;}  
.rotquadrat		      	{  padding-left:24px; background:transparent url('images/ICON_Quadrat_rot_11x11.gif') 0px 16px no-repeat; background-size: 15px auto;} 
.blauquadrat           	{  padding-left:24px; background:transparent url('images/ICON_Quadrat_blau_11x11.gif') 0px 16px no-repeat; background-size: 15px auto;}  
.gruenquadrat           {  padding-left:24px; background:transparent url('images/ICON_Quadrat_gruen_5x5.gif') 0px 16px no-repeat; background-size: 15px auto;}  

.headAktuelles			{ padding-left:90px;  background: url(images/News.gif) 0px 0px no-repeat; }
.headAktuelles	span 	{ border-bottom:2px solid #000055;}

.headQuadRot			{ padding-left:60px;  background-size: 50px auto;  background-position: 0px 0px; }
.headQuadRot span 		{ border-bottom:2px solid #000055;}

.headQuadBlau			{ padding-left:60px;  background-size: 50px auto;  background-position: 0px 0px; }
.headQuadBlau span 	{ border-bottom:2px solid #000055;}

.headQuadGruen			{ padding-left:60px;  background-size: 50px auto;  background-position: 0px 0px; }
.headQuadGruen span 	{ border-bottom:2px solid #000055;}

.headQuadGelb			{ padding-left:60px;  background-size: 50px auto;  background-position: 0px 0px; }
.headQuadGelb span 	{ border-bottom:2px solid #000055;}

div.headQuadText		{  border-bottom:2px solid #000055;  }


/* wissen */
.unterpunkt 			{ /*margin-bottom:3px;*/ border-bottom: 2px solid #000066; }



/* ----------- Diverses -------------- */			
			
a.hoverglow01 img	{ }   
a.hoverglow02 img	{ }   /* button Abstaende etwas vergroessern*/
a.hoverglow03 img	{ }


.icon10erSchrift 	{ height:27pt; width:auto;		}
.icon10erSchriftEBASE 	{ height:27pt; width:auto;		}






/*  VERALTET -------   Seite Angebote: Bildchen vergrößern
a.angeboticon		{  width :270px; height: 350px;	 background-size:270px; -moz-background-size:270px; margin: 0px 0px 50px 50px; }  
a.angeboticon:hover	{  }
*/

/* NEU 2015 yyyy */ 
ul.angebotmenu		{ padding-left:50px; }
ul.angebotmenu img	{ width:220px; height:auto; border:2px solid #dddddd; /*border-right:3px solid #d0d0d0; border-bottom:3px solid #d0d0d0;*/}
ul.angebotmenu li 	{  padding: 30px; }
ul.angebotmenu li a			{  margin:10px; padding:5px; border:3px solid #ffffff; }
ul.angebotmenu li a:hover	{  border:3px solid #dd0000;  }

ul.angebotmenu li a span	{ /* */	width:440px; height:auto;  left:-70px; top:150px;  font-size:20pt; border: 2px solid #000055; }








div.boxshadow01 		{  
	/*--komisch---  zoom: 3; filter:progid:DXImageTransform.Microsoft.Shadow(color='#dd0000', Direction=300, Strength=2);  --- Internet Explorer 6-8 */
	-webkit-box-shadow: 3px 3px 3px 0px rgba(200, 200, 200, 0.5); /* WebKit */
	-moz-box-shadow: 	3px 3px 3px 0px rgba(200, 200, 200, 0.5); /* Firefox */
	box-shadow: 		2px 2px 1px 0px rgba(200, 200, 200, 0.5); /* Standard */ 
	
	border:3px solid #dddddd; border-radius: 10px;  height:auto;
}
      

.navileiste, .gr_navileiste, .kl_navileiste, .kl_navileiste2 		{ background-color:#f4f4f4;  background-size:60px; -moz-background-size:60px;}

.navi_icons a		{ float:left; width:auto;  height:50px;	font-size: 30pt; padding:25px; 	background-size:60px; -moz-background-size:60px;  background-position:5px 25px;   }
.kl_navi_icons a	{ float:left; width:auto;  height:50px;	font-size: 30pt; padding:25px; 	background-size:60px; -moz-background-size:60px;  background-position:2px 25px;   }
.gr_navi_icons a	{ float:left; width:auto;  height:50px; font-size: 30pt; padding:30px; 	background-size:60px; -moz-background-size:60px;  background-position:2px 30px;   }

.navi_icon4 a		{ text-indent:70px;  background-size:90px; -moz-background-size:90px; } /* Raute mit Brille muss etwas groesser sein */

div.navi_suche a	{ background-size:300px; -moz-background-size:300px; width:350px; }
	
	
	
div.WhiteBoardMiddle {font-size: 1em; /*color:#00aaaa;*/ }
div.WhiteBoardMiddle p {font-size: 1em;  /*	color:#00aa00; */}
div.WhiteBoardMiddle li {font-size: 1em; /*color:#aaaa00; */}
div.WhiteBoardMiddle a {font-size: 1em; /*color:#aaaa00; */}



.fazit 			{ border-left: 6px solid #000080;	padding-left:4px; }
.tipp 			{ border-left: 6px solid #008000;	padding-left:4px; }
.merke 			{ border-left: 6px solid #EABB00;	padding-left:4px; }
.wichtig		{ border-left: 6px solid #990000;	padding-left:4px; }






/*-------------------------------------------------------------------- Aktionen Tooltipps Gimmicks-------------------*/

span.hinweispfeil:hover	em.pfeiloben	{   width:700px; height:48px;  left:50px;  top:245px; background-size:150px; -moz-background-size:150px;}
span.hinweispfeil:hover	em.pfeillinks	{   width:30px;  height:700px; left:140px; top:320px;  background-size:25px; -moz-background-size:60px; }


/*-----  Aktionsecke ROT 100% Rabatt  ----*/
.aktionsecke				{	position:absolute; left:770px; top:110px; width:128px; height:105px; 
									background:url('images/LOGO_Aktion_100Proz_.gif') no-repeat right 0px; /*background-size:200px; -moz-background-size:200px; */  } 

.aktionsecke:hover div.tooltipp		{ left:-350px; top:50px; width:420px;  border:4px solid #550000; border-radius: 25px;  }
.aktionsecke div p					{ margin-bottom:3px; font-size:20pt; }
.aktionsecke:hover div.tooltipp a,
 .aktionsecke:hover div.tooltipp a:active	{ font-size:20pt; font-weight:bold; }
.aktionsecke:hover div.tooltipp li	{ font-size:20pt; margin:25px; }


/*-----  Preis-Leistungs ***Garantie GELB   ----*/

.klebememo						{ left:250px; top:-40px; width:200px; height:100px; background-size:200px; -moz-background-size:200px;  }
.klebememo:hover div.tooltipp	{ left:-10px; top:80px; width:500px; border:4px solid #000033; border-radius: 25px; }
.klebememo:hover div.tooltipp p	{ font-size:20pt; }
.klebememo:hover div.tooltipp a,	
 .klebememo:hover div.tooltipp a:active	{ font-size:20pt; font-weight:bold; }
.klebememo:hover div.tooltipp li{ font-size:20pt; margin:25px; }


/* -------- NEU 07/2013 fuer Liste mit Links: 'alle Perioden im Ueberblick' --------- */

div.tooltipp001 	div p	{ font-size:20pt; }
div.tooltipp001:hover div	{ font-size:20pt;  left:-350px; top:-0px; width:450px; border:4px solid #000033; border-radius: 25px; 	}

div.tooltipp001 ul a,  div.tooltipp ul a:visited	{ font-size:20pt; }
div.tooltipp001 ul a:hover							{ font-size:20pt; }


div.tooltipp002 	div p	{ font-size:20pt; }
div.tooltipp002:hover div	{ font-size:20pt;  left:-350px; top:-0px; width:450px; border:4px solid #000033; border-radius: 25px; 	}

div.tooltipp002 ul a,  div.tooltipp ul a:visited	{ font-size:20pt; }
div.tooltipp002 ul a:hover							{ font-size:20pt; }



/* Tooltipp Fragezeichen */ 
span.tt img.fragezeichen {  width:50px; height:50px; top:-20px; background-size:35px; -moz-background-size:35px; /* background-color:#aaaaaa; */ }	

/* Blase Fragezeichen */ 
/*span.tt:hover*/ span.textBlaseMiddle 	{  font-size:20pt; text-align:left; font-family:"Arial Narrow";    letter-spacing:-1px;	}

/* Blase jeder Link */ 
a:hover span.textBlaseMiddle 	 	{  font-size:20pt; text-align:left;}
span.textBlaseMiddle a	 			{  font-size:20pt; text-align:left;}

/*span.tt:hover span.blaseRightTop 	{ background-size:25px; }	
span.tt:hover span.blaseRight 	{ background-size:25px; }	

span.tt:hover span.blaseMiddle 	{ background-size:25px; }	
span.tt:hover span.blaseBottom 	{ background-size:25px; }	*/




/* =========================== neuer, universeller Tooltipp 2015 ============================= */

/* verdrängt den Platz im Text */
span.bubble			{ 	width:10px;  height:10px; 	 } 

/* die Hover-Flaeche */
span.qMark			{  	width:35px;  height:35px; left:0px; top:-20px; 		/* Groesse u Position der Hover-Flaeche */						
						background-size: 35px auto;   } 					/* Groesse, wie das Icon dargestellt werden soll */					
/* die Text-Blase */ 
span.bubble i		{ 	width:350px; left:-250px; top:-10px; 
					  	font-size:24pt;	/**/ padding:10px; border: 2px solid #000055;
					  	box-shadow: 2px 2px 5px 0px #888888; opacity: 0.9; border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;
					  	} 
/*					  	
span.bubble i		{ -webkit-transform: scale(2);	-moz-transform: scale(2);	-ms-transform: scale(2);	-o-transform: scale(2);	transform: scale(2);	  	} 
*/					  	
					  
span.bubble:hover i	{ 	display:block; } 
span.bubble br		{ 	margin-bottom:6px; } 
span.bubble a		{ 	font-size:24pt; } 








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

#topbereichplatz {
	/*height:176px;  height:295px; */ 		height:310px;
	margin-bottom:20px;
	background:#0000aa; 
}


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

.quermenu_absolut 	{left: 0px; top: 109px;	width:100%; /*max-width:880px;  background-color:#0000ff;*/}
 
/* ==================================== DROPDOWN ========== */
.quermenu_hspace1{ display:none;}
.quermenu_hspace2{ display:none;}


.querschatten 	{ display:none;	}

/* ----------- TOP Links ---*/
.quermenu li{ z-index:10; }

/* -----TOP Links stylen ---*/
.quermenu ul li a, .quermenu ul li a:visited, .quermenu span {
z-index:10;
font-size:22pt; /*font-size:8pt; */		
letter-spacing: 0px;
margin:0px 0px 0px 0px; 	padding:0px 19px 0px 19px;/**/  /*- Breite Toppunkt einstellen-*/
line-height:90px; line-height:100px; 	/*line-height:12px; */	
	
}

#suche1 { padding-left:120px; background:#0000a5 url("images/Button_Suchfeld.gif") 20px 35px no-repeat;	 background-size: 90px 27px; }

/* ---------ROLLO Links stylen --------*/
.quermenu ul li ul li a, 	.quermenu ul li ul li a:visited, .quermenu ul li ul li a:active {
font-size:23pt;
letter-spacing: 0px;
background:transparent; 	/*Original 0000aa*/
width:530px;  				/*- Breite Rollo einstellen-*/
padding:14px 0px 14px 20px;  /*- einstellen-*/
line-height:45px;
}
 	
/*------  kleines weisses Quadrat ----- */
ul.subpunkt li a:hover { background: #5D0D0D url(images/ICON_Quadrat_weiss_4x4.gif) no-repeat 6px 30px;  background-size: 8px 8px; }







/*===========================================================================================*/
/*=============================  H A U P T M E N U (START, WISSEN, PRODUKT,...)        ======*/

#hauptmenublock  {
	/*left: 15px;*/ left: 1px; 
	/*top: 181px; top: 285px; */	top: 345px;
  	/*width:120px;*/ width:150px;
}

.menubalken {
  	height:10px; 
  	width:150px; 
	font-size:0px;       /*------- nur wg. IE ------*/
  	margin:0px auto;    /*--- horiz. zentrieren ---*/
}


#hauptmenupunkt a, #hauptmenupunkt a:visited {
	background:#f9f9ff url(images/ICON_Quadrat_rot_8x8.gif) no-repeat 6px 45px;  	
  	/*width:120px;*/ width:150px;
	/*height:15px;*/ height:80px;
	border-bottom:2px solid #ddddff;
	/*text-indent:30px;*/ text-indent:20px;
	/*font-size: 1.5em;*/ font-size:27pt;
	/*padding-top:4px;*/	padding-top:30px;
	/*padding-bottom:4px;*/ 
}

#hauptmenupunkt a:hover, #hauptmenupunkt a:focus {
	background:#f0f0ff url(images/ICON_Quadrat_rot_11x11.gif) no-repeat 6px 45px; 
 }
 
 /*-------------------------------------Menupunkt ANGEBOTE----Menupunkt NEWS------------*/
 #hauptmenublock a.hoverglow02 img	{ margin: 15px 0px 15px 0px; width: 140px; height: auto; position:relative; left:5px;}   /* button Abstaende etwas vergroessern*/
 






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

.kl_blaubalken	{ background-color:#0000b5; height:40px;}
.kl_rotbalken	{ background-color:#990001; height:40px;}

.seitezurueck a, 	.seitezurueck a:visited, 	.seitezurueck a:hover		{ /*background-color:#aa00b5;*/ float:left; color:#fffffe; font-weight:bold; padding:5px 5px 0px 5px; font-size:19pt; font-family:"Arial Narrow"; letter-spacing:-1px;}
.zurstartseite a,	.zurstartseite a:visited,	.zurstartseite a:hover		{ /*background-color:#aa00b5;*/	float:right; color:#fffffe; font-weight:bold; padding:5px 5px 0px 2px; font-size:19pt; font-family:"Arial Narrow"; letter-spacing:-1px;}
.quiztaben 			{/* padding:30px;*/ }
.quiztaben a		{  width:117px; height:90px; padding-top:20px; font-size:38pt; /*line-height:40px;*/ border: 2px solid #ffffff;}
.quiztaben a:hover	{ border: 2px solid #990000;}
.lextaben a			{ float:left; width:100px; height:90px; text-align:center; margin:0px 1px 2px 1px; padding:5px 10px 0px 10px; background:#f4f4f4; font-size:42pt; font-weight:bold; text-decoration:none; color:#0000dd; border: 1px solid #ffffff;}


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

table.newtabstyle th,	table.newtabstyle td, 	table.newtabstyle td p, 	table.newtabstyle td a, table.newtabstyle td.stauch_1 { font-size:19pt; font-family:Arial; letter-spacing:-1px}
table.tabstylegruen th, table.tabstylegruen td, table.tabstylegruen	p { font-size:19pt; font-family:Arial; letter-spacing:-1px}
table.tabstandard th,	table.tabstandard td, 	table.tabstandard td p { font-size:19pt; font-family:Arial; letter-spacing:-1px}
table.newtabstyle.grosseschrift th,	table.newtabstyle.grosseschrift td, 	table.newtabstyle.grosseschrift td p { font-size:19pt; font-family:Arial; letter-spacing:-1px}
table.tabdurchschnitt td, table.tabdurchschnitt p, table.tabdurchschnitt td p			{ font-size:19pt; font-family:Arial; letter-spacing:-1px}
table.newtabstyle.Spezial th,	table.newtabstyle.Spezial td, 	table.newtabstyle.Spezial td p { font-size:19pt; font-family:Arial; letter-spacing:-1px}

/*table td.stauch0, table td.stauch1, table td.stauch_1 	{ font-size:16pt }*/
/*table.newtabstyle th,	table.newtabstyle td, 	table.newtabstyle td p { font-size:14pt;}*/


.tabstyleangebot p		{ /*text-align:left;*/}

table.tabcourier 					{ /*margin-bottom:20px;*/}
table.tabcourier td table td		{ font-size:20pt; }

.tabstyleUnterstrichen	{ border-top:3px solid #000055;	padding-top:6px;}
.tabstyleUnterstrichen0	{ border-top:3px solid #000055;	padding-top:6px;}

.tabStrich0	{ border-bottom:3px solid #000055;	padding-top:6px;}



/* ---- Grafiken klassifiziert, damit für Handheld vergrösserbar ---- */

.smartscale120					{ 
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);

}

.smartscale150					{ 
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);

}



.smartscale200					{ 
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);

}


.smartscale250					{ 
	-webkit-transform: scale(2.5);
	-moz-transform: scale(2.5);
	-ms-transform: scale(2.5);
	-o-transform: scale(2.5);
	transform: scale(2.5);

}


.smartscale300					{ 
	-webkit-transform: scale(3);
	-moz-transform: scale(3);
	-ms-transform: scale(3);
	-o-transform: scale(3);
	transform: scale(3);

}

 .StempelEntnahmen { padding: -40px 0px 0px 0px;}   /* etwas nach oben korrigieren */




/*----------------------------------------------------------------------------------- Sonstiges---------*/

.grossertext 		{ font-size:27pt;}
.grossertextgrau 		{font-size:32pt;}
.quiztextfalsch		{ font-size:32pt;}
.quiztextrichtig	{ font-size:32pt;}
.textgroesse		{ font-size:27pt;}



/*.grossertext2 		{ font-size:23pt; text-align:right; margin-right:20px; margin-bottom:30px;}*/


/* --- Elemente ein-/ausblenden, hervorheben --- */
.smartbold		{ font-weight:bold;	} 
.normalscreen	{ display:none;	} 
.normalscreenB	{ display:none;	} 
.normalscreenIB	{ display:none;	} 

.smartscreen	{ display:inline;} 
.smartscreenB	{ display:block;} 
.smartscreenIB	{ display:inline-block;} 

.referenzentext 		{ font-size:27pt;}


.imgAendern 		{padding-left:90px; background-size:100px; -moz-background-size:100px;}
.imgIcon 			{padding-left:20px; background-size:30px; -moz-background-size:30px;} 
.imgSpeichern 		{padding-left:105px; background-size:120px; -moz-background-size:120px;} 
.imgICON_Checkbox_angehakt 		{padding-left:32px; background-size:35px; -moz-background-size:35px;} 

.imgEinrichten		{padding-left:125px; background-size:135px; -moz-background-size:135px;} 
.imgDepotrabatt		{padding-left:200px; background-size:210px; -moz-background-size:210px;} 
.imgAktivieren		{padding-left:125px; background-size:140px; -moz-background-size:140px;} 
.imgBestaetigen		{padding-left:120px; background-size:130px; -moz-background-size:130px;} 
.imgKauf			{padding-left:30px; background-size:35px; -moz-background-size:35px;} 
.imgVerkauf			{padding-left:30px; background-size:35px; -moz-background-size:35px;} 
.imgAuswahl			{padding-left:30px; background-size:35px; -moz-background-size:35px;} 







/*--------------------------------------------------------------Menupunkt BILDER----------------*/
#menupunkt_geotrust 			{ width:150px; height:67px; background:#ffffff url(images/SPRITE_Hauptmenu.png) 2px -190px no-repeat; border-bottom:2px solid #eeeeee; background-size:150px; -moz-background-size:150px;}		/* Logo_GEOTRUST.gif */
#menupunkt_sitelock 			{ width:150px; height:67px; background:#ffffff url(images/SPRITE_Hauptmenu.png) 2px -245px no-repeat; border-bottom:2px solid #eeeeee; background-size:150px; -moz-background-size:150px; }		

			#menupunkt_geotrust 			{ margin-top:10px; margin-bottom:20px;  width:150px; height:67px; background:#ffffff url(images/SPRITE_Hauptmenu.png) 2px -190px no-repeat; border-bottom:2px solid #eeeeee; background-size:150px; -moz-background-size:150px;}		/* Logo_GEOTRUST.gif */
			#menupunkt_sitelock 			{ margin-top:10px; margin-bottom:10px;  width:150px; height:67px; background:#ffffff url(images/SPRITE_Hauptmenu.png) 2px -245px no-repeat; border-bottom:2px solid #eeeeee; background-size:150px; -moz-background-size:150px; }		


/*--- #menupunkt_vlplgarantie 	{ width:120px; height:113px; background:#ffffff url(images/SPRITE_Hauptmenu.png) 00px 00px no-repeat; }	-- */					/*LOGO_VL-Preis-Leistung-Siegel.gif*/
#menupunkt_W3C_HTML				{  margin-top:10px; margin-bottom:10px; width:150px; height:75px; background:#ffffff url(images/SPRITE_Hauptmenu.png) 5px -480px no-repeat; background-size:150px; -moz-background-size:150px;}							/*ICON_W3C_HTML.gif*/
#menupunkt_W3C_CSS				{  margin-top:10px; margin-bottom:10px; width:150px; height:75px; background:#ffffff url(images/SPRITE_Hauptmenu.png) 5px -548px no-repeat; background-size:150px; -moz-background-size:150px;}							/*ICON_W3C_CSS.gif*/


/* ----------------------------------- Menupunkt ReferenzBanner - PostIt ------------------------*/
#postItWrap					{ position:relative; height:200px; } 
#postIt						{ left:-30px; top:35px;	}