/* Textfarben und Farben für weiter-links und a-Tags die unterm weiter-link liegen
   Das muss so dumm gemacht werden, weil der Magnolia-Editor zu blöd ist ein style
   direkt auf eien Link (a-Tag) zuzuweisen. Stattdessen kann man nur ein span-Tag nehmen,
   dass dann auch noch immer innerhalb des a-Tags eingefügt wird. In diesem Fall hat man
   keinen Einfluss mehr auf die Gestaltung des a-Tags. Mit etwas tricksen kann man im Editor
   zumindest erreichen, dass das span Tag um den a-Link gelegt wird. Dann helfen die folgenden Hacks weiter,
   indem man bestimmt wie sich ein a-Tag verhalten soll wenn es von einer weiter-link- Klasse umgeben ist.*/
.text-blau-rentenlotterie,.weiter-link-blau,.weiter-link-blau a,.weiter-link-blau a:hover,.weiter-link-blau a:visited{
   color:#004985;
}
.text-orange-rentenlotterie,.weiter-link-orange,.weiter-link-orange a,.weiter-link-orange a:hover,.weiter-link-orange a:visited{
   color:#ef8733;
}
.text-gruen,.weiter-link-gruen,.weiter-link-gruen a,.weiter-link-gruen a:hover,.weiter-link-gruen a:visited{
   color:#00832f;
}
.text-rot,.weiter-link-rot,.weiter-link-rot a,.weiter-link-rot a:hover,.weiter-link-rot a:visited{
   color:#c0000a;
}
.text-grau{
   color:#414141;
}
.text-weiss,.weiter-link-weiss,.weiter-link-weiss a,.weiter-link-weiss a:hover,.weiter-link-weiss a:visited{
   color:#FFFFFF;
}

/* Dekoration eines links mit einem ">>" image vorweg
   erst alle generellen Eigenschaften, dann dass jeweilige image inder entsprechenden Farbe 
*/
.weiter-link-weiss,.weiter-link-gruen,.weiter-link-orange,.weiter-link-rot,.weiter-link-blau{
   padding-left:12px;
   font-weight:bold;
   text-decoration:none;   
} 

.weiter-link-weiss{
   background:url(/nkl_static_content/nkl/hs/imgs/forcss/pfeile_weiss.png) no-repeat;
   background-position:left center; /*funktioniert nur nach dem image*/
}

.weiter-link-gruen{
   background:url(/nkl_static_content/nkl/hs/imgs/forcss/pfeile_gruen.png) no-repeat;
   background-position:left center; /*funktioniert nur nach dem image*/
}

.weiter-link-orange{  
   background:url(/nkl_static_content/nkl/rl/imgs/forcss/pfeile_orange.png) no-repeat;
   background-position:left center; /*funktioniert nur nach dem image*/  
}

.weiter-link-rot{
   background:url(/nkl_static_content/nkl/hs/imgs/forcss/double_arrow.gif) no-repeat; 
   background-position:left center; /*funktioniert nur nach dem image*/
}

.weiter-link-blau{
   background:url(/nkl_static_content/nkl/rl/imgs/forcss/pfeile_blau.png) no-repeat;
   background-position:left center; /*funktioniert nur nach dem image*/ 
}
/* weiterer Hack wegen unfähigkeit des Editors (siehe oben) */
.no-text-deco a{text-decoration:none;}
.weiter-link-orange a,.weiter-link-rot a,.weiter-link-weiss a,.weiter-link-weiss a,.weiter-link-gruen a,.weiter-link-blau a{
   text-decoration:underline;
}





.title1{
font-size:20px;
line-height:20px;
font-weight:bold;
margin:0 0 18px;
}

.fontsizeXL{
   font-size:12pt;
   line-height:12.5pt;
}

.fontsizeL{
   font-size:12px;
   line-height:14px;
}

.fontsizeS{
   font-size:11px;
   line-height:13px;
}  