/*****************************************************************************
  Global reset
*****************************************************************************/
* {
    margin: 0;
    padding: 0;
}

body {
    /*background-image: url('../images/bkgndBlue.png');
    background-repeat: repeat-x;*/
    background-color: #FFFFFF;
    /*font-size: 76%; */
   font-family: Arial, Helvetica, Verdana, sans-serif;
  /*  line-height: 1.3; */
}

img, table {
    border: none;
}

img {
	vertical-align: bottom; /* Doctype */
}

/*
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
    margin: 0.5em 0;
}
li,dd {
    margin-left: 1em;
}
fieldset {
    padding: 0.5em;
}

*/          
/*****************************************************************************
  Grundlayout - Positionierungen - Abstaende
*****************************************************************************/

#wrapall {
      /*width:100%;*/
      /*height:100%;*/
      /* evtl. gar nicht von Nöten */
}

#accesskeys {
    position: absolute;
    overflow: hidden;
    top: -100px;
    left: 0px
}

#wraptop {
      width: 968px;
      margin: 0 auto;
      height: 100%;
      overflow: hidden;
      /*border: #404040 1px dotted;*/
}

#header {
      background-color:#FFFFFF;
      height: 136px;
      /*border: #404040 1px dotted;*/
}

#logo, #searchtop, #hslulogotop {
      float: left;
}

#searchtop {
      background-image: url('../images/headerBorderRight.png');
      background-repeat: no-repeat;
      background-position: top right;
      height: 100%;
      width: 192px;
}

/* test */
#searchtop p {
            padding: 8px;
}


#menutop {
      background-color: #FFFFFF;
      /*background-image: url('../images/menuTopTest.png');*/
      height: 63px;
      margin-bottom: 36px;
      /*border: #404040 1px dotted;*/
}

#right {    
      float:right;
      background-color: #FFFFFF;
      background-image: url('../images/bkgndRight.png');
      background-repeat: no-repeat;
      width:172px;
      /*height: 100%;*/
      /*min-height: 524px;*/
      padding: 8px;   
      /*border: #404040 1px dotted;*/         
}

#contentright {
      width: 172px;
      height: 100%;
      /*border: #404040 1px dotted;*/      
}

#left {     
      float: left;
      background-color: #FFFFFF;
      background-image: url('../images/bkgndLeft.png');
      background-repeat: no-repeat;
      width: 746px;
      height: 100%;
      padding: 8px;
     
      /*border: #404040 1px dotted;*/   
}

#leftTop{
      height: 198px;
}

#leftMiddle {
      /* display: none; /* entfernen, wenn zweiter Banner angezeigt werden soll */
      height: 198px;
}


#partner {
      background-image: url('../images/partnerBorder.png');
      background-repeat: repeat-x;
      background-position: 0px 29px;
      width:100%;
      height:100%;
      background-color: #FFFFFF;
      margin-top: 36px;
      /*border: #404040 1px dotted;*/      
}

#partnerButton {
      background-image: url('../images/partnerButton.png');
      background-repeat: no-repeat;
      background-position: left top;
      width: 968px;
      height:29px;
      margin: 0 auto;
      padding: 8px;
      /*border: #404040 1px dotted;*/   
}

#partnerButton a {
      font-size: 12px;
      font-weight: bold;
      text-decoration: none;
      color: #859CB0;  
	  vertical-align: bottom; /* Doctype */
}

#partnerButton p {
	  line-height: 13px; /* Doctype */
}

#partnercontent {
      height:100%;
      width: 968px;
      margin: 0 auto;
      padding: 8px;
      /*border: #404040 1px dotted;*/
}

#footer {
      width: 968px;
      height:100%;
      width:100%;
      background-image: url('../images/footerBorderTop.png');
      background-repeat: repeat-x;
      background-position: 0px 0px;
      background-color: #52595F;
}

#footercontent {
      height:100%;
      width: 968px;
      margin: 0 auto;
      color: #FFFFFF;
      overflow: hidden;
      padding-bottom: 12px;
}

#footermenu, #hslulogofooter, #footersearch{
      float: left;
      background-image: url('../images/footerBorderRight.png');
      background-position: right 4px;
      background-repeat: no-repeat;
}

#hslulogofooter {
      padding-top: 4px;
      padding-right: 1px;
}

/* Disclaimer im Print-Modus */
.disclaimer {
	font-size: 10px;
	color: #52595F;
}	

.disclaimer a {
	color: #C6114E;
}	

/*****************************************************************************
  Topmenu
*****************************************************************************/
.menu_topMenu li {
      /*display: inline-block;*/
      float: left;
      height: 63px;
      width: 243px;
      background-image: url('../images/topMenu_out.png');      
      background-repeat: no-repeat;
      list-style: none;
}

.menu_topMenu li a {
      color: #FFFFFF;
      text-decoration: none;
      font-weight: normal;	
      font-size: 15px;
      /*padding-left: 22px;*/ 
	  display: block;		
	  text-align: center;
	  position: relative;
        top: 22px;
}

.menu_topMenu li.active, .menu_topMenu li.current {
      background-image: url('../images/topMenu_over.png');      
      /* background-repeat: no-repeat; */
}

.menu_topMenu li.item-41 {
      background-image: url('../images/topMenuLeft_out.png');      
      /* background-repeat: no-repeat; */
}

.menu_topMenu li.item-41.active, .menu_topMenu li.item-41.current {
      background-image: url('../images/topMenuLeft_over.png');      
      /* background-repeat: no-repeat; */
}

/* 44 = Security News (=alt) */
.menu_topMenu li.item-44 {
      background-image: url('../images/topMenuRight_out.png');      
      /* background-repeat: no-repeat; */
      width: 239px;
}
.menu_topMenu li.item-44.active, .menu_topMenu li.item-44.current {
      background-image: url('../images/topMenuRight_over.png');      
      /* background-repeat: no-repeat; */
}

/* 575 = Mobile Banking (=neu) */
.menu_topMenu li.item-575 {
      background-image: url('../images/topMenuRight_out.png');      
      /* background-repeat: no-repeat; */
      width: 239px;
}
.menu_topMenu li.item-575.active, .menu_topMenu li.item-575.current {
      background-image: url('../images/topMenuRight_over.png');      
      /* background-repeat: no-repeat; */
}


/*****************************************************************************
  Standard-Menu links (immer sichtbar under dem Seiten-Menu)
*****************************************************************************/


/*****************************************************************************
  Seiten-Menu links (das individuelle Menu jeder Seite)
*****************************************************************************/

/*****************************************************************************
  Hidden-Menu (Enthält Einträge von nicht zugeordneten Artikeln)
*****************************************************************************/
.menu_hiddenmenu {
      display: none;
}

/*****************************************************************************
  Content-Bereich
*****************************************************************************/
.moduletable_posLeftTopText {
      position: relative;
      top: -321px; /*-180px;*/
      left: 26px;
      width: 250px;
}

h4 {
     color: #C6114E;
     font-size: 13px;
}

.moduletable_posLeftTopText h1 {
      color: #51595F;
      font-weight: normal;
      font-size: 24px;
      margin-bottom: 12px;
}

.moduletable_posLeftTopText p {
      color: #51595F;
      font-weight: normal;
      font-size: 11px;
      margin-bottom: 6px;
}

.moduletable_posLeftTopText a {
      color: #859CB0; 
      font-weight: bolder;
      text-decoration: none;      
      font-size: 11px;
      margin-bottom: 6px;
      vertical-align: middle;
      background-image:url('../images/pfeil_blau.gif');
      background-repeat: no-repeat;
      display: block;
      text-indent: 24px;
      height: 16px;
      padding-top: 1px;
}

.moduletable_dreieckFront {
      position: relative;
      top: -170px; /*-306px;*/
      left: 552px;
      width: 179px;
}

.moduletable_posLeftMiddleText {
      position: relative;
      top: -180px;
      left: 26px;
      width: 235px;
}

.moduletable_posLeftMiddleText h1 {
      color: #51595F;
      font-weight: normal;
      font-size: 24px;
      margin-bottom: 12px;
      width: 340px;
}

.moduletable_posLeftMiddleText p {
      color: #51595F;
      font-weight: normal;
      font-size: 11px;
      margin-bottom: 6px;
}

.moduletable_posLeftMiddleText a {
      color: #859CB0; 
      font-weight: bolder;
      text-decoration: none;      
      font-size: 11px;
      margin-bottom: 6px;
      vertical-align: middle;
      background-image:url('../images/pfeil_blau.gif');
      background-repeat: no-repeat;
      display: block;
      text-indent: 24px;     
      height: 16px;
      padding-top: 1px;
}

/* SISA */
.moduletable_posLeftMiddleTextSisa {
      position: relative;
      top: -180px;
      left: 26px;
      width: 230px;
}

.moduletable_posLeftMiddleTextSisa h1 {
      color: #51595F;
      font-weight: normal;
      font-size: 24px;
	  margin-top: 10px;
      margin-bottom: 12px;
      width: 420px;
}

.moduletable_posLeftMiddleTextSisa p {
      color: #51595F;
      font-weight: normal;
      font-size: 11px;
      margin-bottom: 6px;
}

.moduletable_posLeftMiddleTextSisa a {
      color: #859CB0; 
      font-weight: bolder;
      text-decoration: none;      
      font-size: 11px;
      margin-bottom: 6px;
      vertical-align: middle;
      background-image:url('../images/pfeil_blau.gif');
      background-repeat: no-repeat;
      display: block;
      text-indent: 24px;     
      height: 16px;
      padding-top: 1px;
}

/*****************************************************************************
  Module rechte Seite
*****************************************************************************/

/* Aktuell-Module */
.moduletable_aktuell h3 {
    background-image: url('../images/aktuell_top.png');
    background-position: top left;
    background-repeat: no-repeat;
    font-size: 13px;
    font-weight: bolder;
    height: 26px;
    padding: 12px;
    padding-left: 55px;
}

.moduletable_aktuell p {
    padding: 12px;
    margin: 0px !important;
}

.moduletable_aktuell {
    background-image: url('../images/merkblaetter_bottom.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size: 11px;
    margin-bottom: 8px;
}

.aktuell_link {
    display: block;
    color: #FFFFFF;
    background-image: url('../images/pfeil_weiss_grau.png');
    background-repeat: no-repeat;
    text-indent: 20px;
    text-decoration: none;
}

/* Merkblätter-Module */
.moduletable_merkblaetter h3 {
      background-image: url('../images/merkblaetter_top.png');
      background-position: top left;
      background-repeat: no-repeat;
      font-size: 13px;
      font-weight: bolder;
      height: 26px;
      padding: 12px;
}

.moduletable_merkblaetter p {
      padding: 12px;
}

.moduletable_merkblaetter {
      background-image: url('../images/merkblaetter_bottom.png');
      background-position: bottom left;
      background-repeat: no-repeat;
      color: #FFFFFF;
      font-size: 11px;
      margin-bottom: 8px;
      z-index:200;
}

.merkblatt_link {
      display: block;
      color: #FFFFFF;
      background-image: url('../images/pfeil_weiss_grau.png');
      background-repeat: no-repeat;
      text-indent: 20px;
      text-decoration: none;
}


/* Standard-Modul-Rechts */
.moduletable_standardright h3 {
      background-image: url('../images/standardright_top.png');
      background-position: top left;
      background-repeat: no-repeat;
      font-size: 13px;
      font-weight: bolder;
      height: 26px;   
      padding:12px;
}

.moduletable_standardright p {
      padding: 12px;
}

.moduletable_standardright {
      background-image: url('../images/standardright_bottom.png');
      background-position: bottom left;
      background-repeat: no-repeat;
      color: #FFFFFF;
      font-size: 11px;
      margin-bottom: 8px;
}

.moduletable_standardright a {
      display: block;
      color: #FFFFFF;
      background-image: url('../images/pfeil_weiss_blau.png');
      background-repeat: no-repeat;
      text-indent: 20px;
      text-decoration: none;
}

/* Lightblue-Modul-Rechts */
.moduletable_lightblue h3 {
      background-image: url('../images/lightblue_top.png');
      background-position: top left;
      background-repeat: no-repeat;
      font-size: 13px;
      font-weight: bolder;
      height: 26px;   
      padding:12px;
}

.moduletable_lightblue p {
      padding: 12px;
}

.moduletable_lightblue {
      background-image: url('../images/lightblue_bottom.png');
      background-position: bottom left;
      background-repeat: no-repeat;
      color: #FFFFFF;
      font-size: 11px;
      margin-bottom: 8px;
}

.lightbluelink {
      display: block;
      color: #FFFFFF;
      background-image: url('../images/pfeil_weiss_blau.png');
      background-repeat: no-repeat;
      text-indent: 20px;
      text-decoration: none;
}

/* Informations-Modul  */
.moduletable_information h3 {
      background-image: url('../images/information_top.png');
      background-position: top left;
      background-repeat: no-repeat;
      font-size: 13px;
      color: #51595F;       
      height: 26px;      
      padding: 12px;
}

.moduletable_information p {
      padding: 12px;
}

.moduletable_information {
      background-image: url('../images/information_bottom.png');
      background-position: bottom left;
      background-repeat: no-repeat;      
      color: #859CB0; 
      font-size: 11px;
      padding-bottom: 12px;      
}

.moduletable_information  h4{
	  font-size: 11px;
	  font-weight: normal;
      position: relative;
      left: 12px;
      width: 140px;
	  margin-top: 0px;
      margin-bottom: 12px;
}

.moduletable_information a {
      color: #859CB0; 
      text-decoration: none;
      font-weight: bolder;
}

.moduletable_information a:hover {
      text-decoration: underline;
}


/*****************************************************************************
  Partner-Bereich
*****************************************************************************/

.moduletable_partner a {
      display: inline-block;
      margin-top: 18px;
      margin-right: 46px;
      margin-bottom: 18px;
}


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

.moduletable_footermenu {
      float: left;
      /*display: inline-block;*/
      padding-top: 12px;
      width: 188px;
}

.moduletable_footermenu li {
      list-style: none;
      padding-top: 0px;
      padding-right: 96px;
      line-height: 22px;
      font-size: 12px;
}

.moduletable_footermenu a {
      color: #FFFFFF;
      font-size: 12px;
      font-weight: bolder;
      text-decoration: none;
}

.menu_footermenu li {
      width: 100%;
}

/* RSS Feed Icon */
.menu_footermenu li.item-102 {
      background-image:url('../../../images/M_images/livemarks.png');
      background-repeat: no-repeat;
      text-indent: 24px;
      padding-right: 72px;
}

.custom_footermenu h6 {
	line-height: 22px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bolder;
	margin: 0;
}

.custom_footermenu li ul {
      margin-top: 6px;
}

.custom_footermenu li ul li {
	display: inline;
	padding: 0;
	padding-right: 9px;
	height: auto;
}

.custom_footermenu li ul li.badges {
      display: block;
}

.custom_footermenu li ul li.badges img {
      margin-top: 5px;
}

#footersearch {
      padding-top: 12px;
      padding-left: 12px;
      min-height: 120px;
      width: 192px;
}

.copyrightfooter, .copyrightfooter a{
      clear: both;
      font-size: 11px;
      color: #9C9FA3;
      text-align: right;
      text-decoration: none;
      padding-top: 12px;
      margin-right: 18px;
      
}

/*****************************************************************************
  Suchform und Sprach-Selektion
*****************************************************************************/

.moduletable_languageSelectTop li {
      display: inline;
      list-style: none;
      position: relative;
      top:28px;
}

.moduletable_languageSelectTop li a {
      font-size: 12px;
      font-weight: normal;
      text-decoration: none;
      color: #51595F;
      margin-left: 14px;
}

.moduletable_languageSelectTop li.lang-active a {
      font-weight: bold;
}

.moduletable_searchformTop {
      position: relative;
      top: 72px;
      margin-left: 12px;
}

.inputbox_searchformTop {
      background: #FFFFFF;
      border: #CCCCCC 1px solid;
      height: 20px;
      width: 162px;
	  padding-left: 3px;
      color: #51595F;
      font-size: 12px;
}

.moduletable_languageSelectFooter li {
      display: inline;
      list-style: none;
      /*position: relative;
      top:4px;*/
	  line-height: 22px; /* Doctype */
}

.moduletable_languageSelectFooter li a {
      font-size: 12px;
      font-weight: normal;
      text-decoration: none;
      color: #FFFFFF;
      margin-left: 8px;
      margin-right: 6px;
	  vertical-align: bottom; /* Doctype */
}

.moduletable_languageSelectFooter li.lang-active a {
      font-weight: bold;
}

.moduletable_markupSelectFooter { /* MOBILE */
	margin-left: 8px;
}

.moduletable_markupSelectFooter a { /* MOBILE */
	font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #FFFFFF;
    line-height: 22px;
}

.moduletable_searchformFooter {
      margin-top: 6px; /* Doctype */
      margin-left: 8px;
}

.inputbox_searchformFooter {
      background: #FFFFFF;
      border: #CCCCCC 1px solid;
      height: 20px;
      width: 162px;
	  padding-left: 3px;
      color: #51595F;
      font-size: 12px;
}

/*****************************************************************************
  Security News (auf der Frontseite)
*****************************************************************************/
.moduletable_securitynews h3 {
      color: #51595F;
      font-weight: bolder;
      font-size: 15px;
      margin-top: 30px;
      margin-left: 26px;
      margin-bottom: 24px;

}

ul.newsflash-horiz_securitynews {
      padding-bottom: 12px;
	  list-style: none;
}

ul.newsflash-horiz_securitynews li {
      background-image: url('../images/hr_ruler_small.png');
      background-position: top left;
      background-repeat: no-repeat;
      width: 321px;
	  height: 100px;
	  float: left;
      padding-top: 6px; /* Doctype */
      margin-left: 26px;
      margin-right: 26px;
      margin-bottom: 36px;
}

ul.newsflash-horiz_securitynews li em {
      color: #51595F;
      font-weight: bolder;
      font-style: normal;
      font-size: 11px;
}

ul.newsflash-horiz_securitynews li h5 {
      color: #51595F;
      font-weight: normal;
      font-size: 11px;
      margin-top: 6px;
      margin-bottom: 6px;
}

ul.newsflash-horiz_securitynews li a {
      color: #859CB0;
      font-weight: bolder;
      font-size: 11px;
      text-decoration: none;
}      

ul.newsflash-horiz_securitynews li p {

}


/*****************************************************************************
  Design der Glossar Tooltips
*****************************************************************************/
.popover {
      display: none !important;
}


/*****************************************************************************
  Hilfsklassen
*****************************************************************************/
.mobile-only, .ios-only, .android-only {
      display: none !important;
}