/*  css hack: msie on mac systems run into this css comment hack
    that uses an escaped star every time a comment gets terminated.
\*/
body {
  font-size: 100.1%; /* fixing msie font scaling bug \*/
  font-family: verdana,geneva,helvetica,arial,sans-serif;
  background-color: #ffffff;
  color: #000000;
}
body, form, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
  margin: 0;
  padding: 0;
}
a, img {
  border: 0;
}
a         {text-decoration: none;}
a:link    {color: #505050;}
a:visited {color: #505050;}
a:focus   {color: #000000;}
a:hover   {color: #000000;}

.clearFloat {
  clear: both;
}
div.terminateFloat {
  height: 0;
  overflow: hidden;
  clear: both;
}
a.moreInformation { /* use that together with a trailing '<br class="nofloat">' only \*/
  float: right;
  -margin-right: 6px;
}


/*  begin: GRID DEFINITION                                                    \*/
/*                                                                            \*/
div#columnGrid {
  position: absolute;
  left: 0;
  top: 328px;/*
  width: 1003px;\*/ /* that's the maximum width for a maximized msie (1022px) on
  standard winXP due to the righthanded vertical scrollbar (19px)  -  though
  1011px is overambicious and 1000px was even more realistic  -  the design
  itself offers a fallback by 25px empty room on the right side ending up
  with a reasonable minimum size of 986px (1011px - 25px) \*/
  width: 986px;
/*font-size: 0.8em;
  line-height: 0.96em;\*/ /* the last two properties could be used as default setting if there were unstyled text informations within the document \*/
}

div#moderationGrid {
  position: absolute;
  left: 0;
  top: 285px;/*
  width: 1003px;\*/ /* that's the maximum width for a maximized msie (1022px) on
  standard winXP due to the righthanded vertical scrollbar (19px)  -  though
  1011px is overambitious and 1000px was even more realistic  -  the design
  itself offers a fallback by 25px empty room on the right side ending up
  with a reasonable minimum size of 986px (1011px - 25px) \*/
  width: 986px;
/*font-size: 0.8em;
  line-height: 0.96em;\*/ /* the last two properties could be used as default setting if there were unstyled text informations within the document \*/
}

div.columnOneSixth {/*
  width over all: 164px  -  (164px * 6/1) = 984px < 986px \*/
  -position: relative; /* msie column positioning patch \*/
  -left: -2px;         /* msie column positioning patch \*/
  width: 162px;
  margin-left: 2px;
  float: left;
}
div.columnOneThird {/*
  width over all: 328px  -  (328px * 3/1) = 984px < 986px \*/
  -position: relative; /* msie column positioning patch \*/
  -left: -2px;         /* msie column positioning patch \*/
  width: 326px;
  margin-left: 2px;
  float: left;
}
div.columnHalfSize {/*
  width over all: 492px  -  (492px * 2/1) = 984px < 986px \*/
  -position: relative; /* msie column positioning patch \*/
  -left: -2px;         /* msie column positioning patch \*/
  width: 490px;
  margin-left: 2px;
  float: left;
}
div.columnTwoThirds {/*
  width over all: 656px  -  (656px * 3/2) = 984px < 986px \*/
  -position: relative; /* msie column positioning patch \*/
  -left: -2px;         /* msie column positioning patch \*/
  width: 654px;
  margin-left: 2px;
  float: left;
}
div.columnFifeSixth {/*
  width over all: 820px  -  (820px * 6/5) = 984px < 986px \*/
  -position: relative; /* msie column positioning patch \*/
  -left: -2px;         /* msie column positioning patch \*/
  width: 818px;
  margin-left: 2px;
  float: left;
}
div.columnFullWidth {/*
  width over all: 984px  -  (984px * 1/1) = 984px < 986px \*/
  width: 982px;
  margin-left: 2px;
}

div#navigation {  /*  CONTAINERs combining "old content" with "new framework" \*/
  position: absolute;
  left: 2px;
  top: 122px;
  width: 162px;/*
  background-color: #ffcc00; \*/ /* color for css developing reasons \*/
}
div#content {
  position: absolute;
  left: 178px;
  top: 159px;/*
  background-color: #00ffcc; \*/ /* color for css developing reasons \*/
}
div#content p {
  margin: 10px 0 10px 0;
}
/*  end: GRID DEFINITION                                                      \*/


/*  begin: define header section containing LOGO, mainTEASERs and NAVIGATIONs \*/
/*                                                                            \*/
div#lifetracLogo {                         /*  LOGO                              \*/
  position: absolute;
  top: 13px;
  left: 2px;
  width: 162px;
  height: 51px;
  background-color: #ffffff;
  z-index: 1;
}
div#lifetracLogo img {
  width: 162px;
  height: 51px;
}

img#allianzGroup {                      /*  ALLIANZ GROUP LOGO                \*/
  width: 126px;
  height: 15px;
  color: #808080;
  background-color: #ffffff;
  margin-left: 7px;
}
img#lookup {                      /*  LEXIKON                \*/
  margin-bottom: 25px;
}

div#mainTeaser {                        /*  MAINTEASER                        \*/ /*
  position: relative;
  left: 0;
  top: 6px;
  margin: 0 2px 0 2px;
  height: 210px;
  font-size: 0.7em;
  line-height: 1.15em;
  color: #333333;
  background-color: #efefef;
  background-position: top left;
  background-repeat: repeat-x;\*/
  position: relative;
  left: 2px;
  top: 7px;
  height: 210px;
  width: 982px;
  font-size: 0.7em;
  line-height: 1.15em;
  color: #000000;
  background-position: top left;
  background-repeat: repeat-x;
  border::1px top #ffffff;
}
div#mainTeaser div.imageInformation {
  position: absolute;
  left: 0;
  top: 0;
  width: 982px;
  height: 210px;
  overflow: hidden;
}/*
div#mainTeaser div.imageInformation img {
  width: 326;
  height: 210;
}\*/
div#mainTeaser div.textInformation {
  position: absolute;
  left: 509px;
  bottom: 27px;
  width: 450px;
  overflow: hidden;
}
div#mainTeaser div.textInformation h1 {
  font-size: 165%;
  line-height: 98%;
}
div#mainTeaser div.textInformation p {
  margin-top: 8px;
  -margin-top: 7px;
}/*
div#mainTeaser div.textInformation p a {
  float: right;
}\*/
div#mainTeaser div.textInformation p a:link {
  color: #505050;
}
div#mainTeaser div.textInformation p a:visited {
  color: #505050;
}
div#mainTeaser div.textInformation p a:focus {
  color: #505050;
  text-decoration: underline;
}
div#mainTeaser div.textInformation p a:hover {
  color: #505050;
  text-decoration: underline;
}

div#moderationTeaser {                  /*  MODERATIONTEASER                  \*/
  position: relative;
  left: 2px;
  top: 6px;
  width: 818px;
  height: 163px;
  font-size: 0.7em;
  line-height: 1.15em;
  color: #000000;
  background-position: top left;
  background-repeat: repeat-x;
}
div#moderationTeaser div.imageInformation {
  position: absolute;
  left: 0;
  top: 0;
  width: 326px;
  height: 163px;
  overflow: hidden;
}/*
div#moderationTeaser div.imageInformation img {
  width: 326px;
  height: 163px;
}\*/
div#moderationTeaser div.textInformation {
  position: absolute;
  bottom: 23px;
  overflow: hidden;/*
  background-color: #ffcc00;\*/ /* color for css developing reasons \*/
}
div#moderationTeaser div.textInformation h1 {
  font-size: 148%;
  line-height: 110%;
}
div#moderationTeaser div.textInformation p {
  margin-top: 8px;
  -margin-top: 7px;
}/*
div#moderationTeaser div.textInformation p a {
  float: left;
} \*/
div#moderationTeaser div.textInformation p a:link {
  color: #ffffff;
}
div#moderationTeaser div.textInformation p a:visited {
  color: #ffffff;
}
div#moderationTeaser div.textInformation p a:focus {
  color: #ffffff;
  text-decoration: underline;
}
div#moderationTeaser div.textInformation p a:hover {
  color: #ffffff;
  text-decoration: underline;
}

body#home ul#mainNavigation {
  margin-top: 20px;
  -margin-top: 19px;
}
body#moderationPrivate ul#mainNavigation {
  margin-top: 20px;
  -margin-top: 19px;
}
body#moderationPrivateBanking ul#mainNavigation {
  margin-top: 20px;
  -margin-top: 19px;
}
body#moderationCompanies ul#mainNavigation {
  margin-top: 20px;
  -margin-top: 19px;
}
body#moderationBusiness ul#mainNavigation {
  margin-top: 20px;
  -margin-top: 19px;
}
body#moderationCorporate ul#mainNavigation {
  margin-top: 20px;
  -margin-top: 19px;
}
body#moderationInvestment ul#mainNavigation {
  margin-top: 20px;
  -margin-top: 19px;
}
body#moderationAbout ul#mainNavigation {
  margin-top: 20px;
  -margin-top: 19px;
}
body#moderationFinance ul#mainNavigation {
  margin-top: 20px;
  -margin-top: 19px;
}

body#moderationPrivate div#moderationTeaser div.textInformation {
  left: 376px;
  width: 410px;
}
body#moderationPrivateBanking div#moderationTeaser div.textInformation {
  left: 356px;
  width: 430px;
}
body#moderationPrivate div#moderationTeaser div.textInformation p a {
  color: #505050;
}
body#moderationPrivate div#moderationTeaser div.textInformation p a:hover {
  color: #000000;
}
body#moderationCompanies div#moderationTeaser div.textInformation {
  left: 306px;
  width: 480px;
}
body#moderationBusiness div#moderationTeaser div.textInformation {
  left: 376px;
  width: 400px;
}
body#moderationBusiness div#moderationTeaser div.textInformation p a {
  color: #505050;
}
body#moderationBusiness div#moderationTeaser div.textInformation p a:hover {
  color: #000000;
}
body#moderationCorporate div#moderationTeaser div.textInformation {
  left: 306px;
  width: 480px;
}
body#moderationCorporate div#moderationTeaser div.textInformation p a {
  color: #505050;
}
body#moderationCorporate div#moderationTeaser div.textInformation p a:hover {
  color: #000000;
}
body#moderationInvestment div#moderationTeaser div.textInformation {
  left: 286px;
  width: 480px;
}
body#moderationAbout div#moderationTeaser div.textInformation {
  left: 346px;
  width: 440px;
}
body#moderationAbout div#moderationTeaser div.textInformation p a {
  color: #505050;
}
body#moderationAbout div#moderationTeaser div.textInformation p a:hover {
  color: #000000;
}
body#moderationFinance div#moderationTeaser div.textInformation {
  left: 346px;
  width: 440px;
}
div#crumbtrailHeader {                  /*  crumbtrail NAVIGATION             \*/
  position: relative;
  left: 0;
  top: 2px;
  margin: 0 2px 0 2px;
  height: 22px;
  background-color: #ebebeb;
}
div#crumbtrailHeader div.columnFullWidth {
  margin: 0; /* reset of previous margin definitions \*/
  width: 800px;
  padding-top: 4px;
  font-size: 0.7em;
}
div#crumbtrailHeader div.columnFullWidth ul#crumbtrailNavigation {
  list-style-type: none;
  list-style-position: inside;
  white-space: nowrap;
  float: right;
}
ul#crumbtrailNavigation li {
  display: inline; /* wraps never ever but causes white spaces in between "li" elements \*/
  margin-left: -4px; /* patch in order to fix the above mentioned problem - the first two lines enable opera to display horizontal lists \*/ /*
  float: left; \*/ /* solution if there were mozillas and msies only and not the above two lines according to operas - wraps (if necessary) between "li" elements but suppresses white spaces \*/
  padding-left: 16px; /* in order to achieve 21px spacing between "li" elements \*/
  white-space: nowrap;
}/*
ul#crumbtrailNavigation li a {\*/ /*
  margin-right: -4px;\*/ /* msie-hack fuer li::display:inline; \*/ /*
}\*/
ul#crumbtrailNavigation li a:link {
  color: #505050;
}
ul#crumbtrailNavigation li a:visited {
  color: #505050;
}
ul#crumbtrailNavigation li a:focus {
  color: #000000;
}
ul#crumbtrailNavigation li a:hover {
  color: #000000;
}

div#topLevelHeader {                    /*  top level NAVIGATION              \*/
  position: relative;
  left: 0;
  top: 4px;
  margin: 0 2px 0 2px;
  height: 94px;
/*   background-color: #33cc00; */
  background-color: #de7008;
}

div#topLevelHeader div#navigationDivider {
  position: absolute;
  left: 0;
  top: 70px;
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  overflow: hidden;
  z-index: 0;
}
div#topLevelHeader div#navigationSecondary {
  position: absolute;
  left: 0;
  top: 72px;
  width: 100%;
  height: 23px;
  background-color: #f58233;
  overflow: hidden;
  z-index: 0;
}
div#topLevelHeader div.columnFullWidth {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0; /* reset of previous margin definitions \*/
  width: 975px;
  height: 100%;
  font-size: 0.7em;/*
  background-color: #ffcc00; \*/ /* color for css developing reasons \*/
  overflow: visible;
  z-index: 1;
}


ul#topics {
  position:absolute;
  left: 166px;
  -left: 162px;
  top: 52px;
  -top: 48px;
  list-style-type: none;
  z-index: 10;
  width: 1007px;
}
ul#topics li {
  display: inline; /* wraps never ever but causes white spaces in between "li" elements \*/
  margin-left: -4px; /* patch in order to fix the above mentioned problem - the first two lines enable opera to display horizontal lists \*/ /*
  float: left; \*/ /* solution if there were mozillas and msies only and not the above two lines according to operas - wraps (if necessary) between "li" elements but suppresses white spaces \*/
  -display: block; /* msie needs to be reset to the former solution \*/
  -margin: 0; /* msie needs to be reset to the former solution \*/
  -float: left; /* msie needs to be reset to the former solution \*/
  font-weight: bold;
  white-space: nowrap;
  z-index: 10;
}

ul#topics li a {
  -display: block; /* msie needs to be reset to the former solution \*/
  padding: 4px 14px 7px 14px; /* in order to achieve 28px spacing between "li/a" elements \*/
  color: #ffffff;/*
  padding: 3px 14px 5px 14px;\*/
}
ul#topics li a:link,
ul#topics li a:visited {
  color: #ffffff;
}
ul#topics li a:hover,
ul#topics li a:focus,
ul#topics li a:active {
  color: #000000;
}
ul#topics li ul {
  display: none;
  position:absolute;
  left: 0;
  top: 23px;
  list-style-type: none;
  z-index: 10;
}

ul#topics li.selected a {
  -position: relative;
  -top: -2px;
  padding: 4px 12px 7px 12px; /* in order to achieve 28px spacing between "li/a" elements \*/
  border: 2px solid #ffffff;
  border-bottom: 0;
  color: #000000;
/*  background-color: #33cc00; */
  background-color: #de7008;
}
ul#topics li.selected a:link,
ul#topics li.selected a:visited,
ul#topics li.selected a:hover,
ul#topics li.selected a:focus,
ul#topics li.selected a:active {
  color: #000000;
  background-color:#f58233;
}
ul#topics li.selected ul {
  display: block;
  top: 26px;
}
ul#topics li.selected ul li {
  font-weight: normal;
}
ul#topics li.selected ul li a {
  padding: 5px 14px 5px 14px; /* in order to achieve 28px spacing between "li/a" elements \*/
  border: none;
  color: #ffffff;
  background-color: transparent;
}
ul#topics li.selected ul li a:link,
ul#topics li.selected ul li a:visited {
  border: none;
  color: #ffffff;
}
ul#topics li.selected ul li a:hover,
ul#topics li.selected ul li a:focus,
ul#topics li.selected ul li a:active {
  border: none;
  color: #000000;
}
ul#topics li.selected ul li.selected a,
ul#topics li.selected ul li.selected a:link,
ul#topics li.selected ul li.selected a:visited,
ul#topics li.selected ul li.selected a:hover,
ul#topics li.selected ul li.selected a:focus,
ul#topics li.selected ul li.selected a:active {
  color: #000000;
}/*
this class will be set and reset by javascript only \*/
ul#topics li.defaultSelected a:link,
ul#topics li.defaultSelected a:visited,
ul#topics li.defaultSelected a:hover,
ul#topics li.defaultSelected a:focus,
ul#topics li.defaultSelected a:active {
  color: #000000;
}


ul#mainNavigation {                    /*  MAIN NAVIGATION                   \*/
  list-style-type: none;
  list-style-position: inside;
  white-space: nowrap;
  margin-bottom: 25px;
  font-size: 0.7em;
  line-height: 1.65em;
}
ul#mainNavigation li {
  white-space: nowrap;
  height: 20px;
  -height: 21px;
  border-bottom: 1px solid #cccccc;
  -margin-left: -16px;/* patch for msie rendering bug:
  in msie there is a strange offset-left of 16px ?? \*/
}
ul#mainNavigation li a {
  margin: 0 6px 0 6px;
}
ul#mainNavigation li a:link {
  color: #505050;
}
ul#mainNavigation li a:visited {
  color: #505050;
}
ul#mainNavigation li a:focus {
  color: #000000;
}
ul#mainNavigation li a:hover {
  color: #000000;
}
ul#mainNavigation li#search {
  height: auto;
  border: 0;
}
ul#mainNavigation li#search span {
  margin: 0 6px 0 6px;
  color: #505050;
}
ul#mainNavigation li#search input {
  display: block;
  width: 149px;
  height: 18px;
  margin: 2px 0 0 7px;
  -margin-left: 23px;/* repatch the above made "li"-patch for msie \*/
  font-size: 0.8em;
  line-height: 1.2em;
  color: #b5b7bd;
}
ul#mainNavigation li#search button {
  display: block;
  width: 148px;
  height: 12px;
  margin: 4px 0 0 7px;
  -margin-left: 23px;/* repatch the above made "li"-patch for msie \*/
  border: 0;
  background-color: #ffffff;
  background-repeat: no-repeat;
}
ul#mainNavigation li#search input.submit {
  display: block;
  width: 148px;
  height: 12px;
  margin: 4px 0 0 7px;
  -margin-left: 23px;/* repatch the above made "li"-patch for msie \*/
  border: 0;
  background-color: #ffffff;
}

ul#groupNavigation {                   /*  GROUP NAVIGATION                  \*/
  list-style-type: none;
  width: 162px;
  margin-bottom: 24px;
  -margin-bottom: 22px;
  font-size: 0.7em;
  line-height: 1.25em;
}
ul#groupNavigation li {
  padding: 4px 0 4px 6px;
  -padding: 3px 0 5px 6px;
  margin-bottom: 2px;
  background-color: #ebebeb;
}
ul#groupNavigation li.selectedGroup {
  margin-bottom: 0px;
  background-color: #ffffff;
  border-bottom: 2px solid #ffffff;
}
ul#groupNavigation li.focusedGroup {
  background-color: #ebebeb;
}
ul#groupNavigation li.selectedGroup span {
  display: block;
  padding: 1px 0 5px 0;
  -padding-bottom: 6px;
  background-color: #ffffff;
}
ul#groupNavigation li.focusedGroup span {
  background-color: #ebebeb;
}
ul#groupNavigation li.selectedGroup span a {
  color: #000000;
}
ul#groupNavigation li.selectedGroup span a:link    {color: #000000;} /* msie needs this 4 additional rules cause it does not get the simple "a" element rule \*/
ul#groupNavigation li.selectedGroup span a:visited {color: #000000;}
ul#groupNavigation li.selectedGroup span a:focus   {color: #000000;}
ul#groupNavigation li.selectedGroup span a:hover   {color: #000000;}

ul#groupNavigation li.selectedGroup ul#subGroup {
  margin: 0 0 -4px -6px;
  -margin: 0 0 -5px -6px;/*
  border-bottom: 1px solid #ebebeb;
  -border-bottom: 3px solid #ebebeb;\*/
}
ul#groupNavigation li.selectedGroup ul#subGroup li {
  padding: 4px 0 2px 18px;
  -padding: 3px 0 3px 18px;
  margin-bottom: 0;
}
ul#groupNavigation li a:link {
  color: #505050;
}
ul#groupNavigation li a:visited {
  color: #505050;
}
ul#groupNavigation li a:focus {
  color: #000000;
}
ul#groupNavigation li a:hover {
  color: #000000;
}
ul#groupNavigation li.selectedItem {
  background-color: #ffffff;
}
ul#groupNavigation li.selectedItem a {
  color: #000000;
}
ul#groupNavigation li.selectedItem a:link    {color: #000000;} /* msie needs this 4 additional rules cause it does not get the simple "a" element rule \*/
ul#groupNavigation li.selectedItem a:visited {color: #000000;}
ul#groupNavigation li.selectedItem a:focus   {color: #000000;}
ul#groupNavigation li.selectedItem a:hover   {color: #000000;}

div.groupNavigationTopSpacer {
  width: 162px;
  height: 4px;
  overflow: hidden;
  background-color: #ebebeb;
}
div.groupNavigationBottomSpacer {
  width: 162px;
  height: 4px;
  -margin: 5px 0 0 -6px;
  overflow: hidden;
  background-color: #ebebeb;
}
div.subGroupBottomSpacer {
  height: 2px;
  overflow: hidden;/*
  background-color: #ebebeb;\*/ /* one of the two possible msie css bugfixes
  background-color: inherit;\*/
  background-color: transparent;
}
/*  end: define header section containing LOGO, mainTEASERs and NAVIGATIONs   \*/

/*  begin: CLOSER DEFINITIONs                                                 \*/
/*                                                                            \*/
div#footer {                  /*  footer NAVIGATION             \*/
  position: relative;
  left: 0;
  top: 2px;
  margin: 0 2px 0 2px;
/*  height: 22px; */
  color: #646464;
}
div#footer div.columnFullWidth {
  margin: 0; /* reset of previous margin definitions \*/
  width: 983px;
  padding-top: 4px;
  padding-left: 164px;
  font-size: 0.7em;
}
div#footer div.columnFullWidth ul#closerNavigation {
  list-style-type: none;
  list-style-position: inside;
  white-space: nowrap;
}
ul#closerNavigation li {
  display: inline; /* wraps never ever but causes white spaces in between "li" elements \*/
  margin-left: -4px; /* patch in order to fix the above mentioned problem - the first two lines enable opera to display horizontal lists \*/ /*
  float: left; \*/ /* solution if there were mozillas and msies only and not the above two lines according to operas - wraps (if necessary) between "li" elements but suppresses white spaces \*/
  padding-left: 16px; /* in order to achieve 21px spacing between "li" elements \*/
  white-space: nowrap;
}/*
ul#closerNavigation li a {\*/ /*
  margin-right: -4px;\*/ /* msie-hack for li::display:inline; \*/ /*
}\*/
ul#closerNavigation li a:link {
  color: #646464;
}
ul#closerNavigation li a:visited {
  color: #646464;
}
ul#closerNavigation li a:focus {
  color: #646464;
}
ul#closerNavigation li a:hover {
  color: #646464;
  text-decoration:underline;
}
/*  end: define closer section \*/




/*  begin: TEASER DEFINITIONs                                                 \*/
/*                                                                            \*/
div.teaser {                                   /*  default/standard TEASER    \*/
  position: relative;
  left: 0;
  top: 0;
  padding: 9px 0 15px 0;
  -padding-top: 7px;
  -padding-bottom: 12px;
  font-size: 0.7em;
}
div.welcomeTeaser {                            /*  welcome TEASER             \*/
  top: 14px;
  height: 248px;
  -height: 267px;  
  overflow: hidden;
  background-color: #ebebeb;
}
div.loginTeaser {                              /*  login TEASER               \*/
  top: 14px;
  width: 150px;
  -width: 162px;
  padding-left: 6px;
  padding-right: 6px;/*
  overflow: hidden;\*/
  color: #ffffff;
/* background-color: #33cc00; */
  background-color: #de7008;
}

div.teaser select {                            /*  teaser SELECT field        \*/
  display: block;
  width: 150px;
  height: 16px;
  margin-top: 8px;
  font-size: 0.8em;
  color: #505050;
}
div.teaser button {                            /*  teaser (submit) BUTTON     \*/
  display: block;
  width: 148px;
  height: 12px;
  margin-top: 4px;
  border: 0;
  background-color: #ffffff;
  background-repeat: no-repeat;
}
div.teaser input.submit {
  display: block;
  width: 148px;
  height: 12px;
  margin-top: 4px;
  border: 0;
  background-color: #ffffff;
}
div.welcomeTeaser button {
  background-color: #ebebeb;
}
div.welcomeTeaser input.submit {
  background-color: #ebebeb;
}
div.teaser div.teaserSplit {                     /*  teaser - splitted teaser   \*/
  float: left;
  width: 158px;
  -width: 172px;
  margin: 0 -6px 0 -6px;
  padding: 0 8px 0 6px;
}

div.teaser h3 {                                /*  teaser <H3>-HEADER         \*/
  display: block;
  font-size: 100%;
  line-height: 1.25em;
}
div.welcomeTeaser h3 {
  height: 27px;
  -height: 28px;
  padding: 0 3px 0 6px;
  overflow: hidden;/*
  background-color: #ffcc00; \*/ /* color for css developing reasons \*/
}
div.welcomeTeaser h3.singleLine {
  height: 13px;
  -height: 14px;
}/*
div.welcomeTeaser h3.doubleLine {
  height: 29px;
}\*/
div.loginTeaser h3 {
  width: 150px;
  -width: 162px;
  margin-left: -6px;
  margin-right: -6px;
  padding: 0 6px 7px 6px;
  -padding-bottom: 8px;
  border-bottom: 1px solid #ffffff;/*
  background-color: #ffcc00; \*/ /* color for css developing reasons \*/
}
body#home div.welcomeTeaser {
  height: 200px;
  -height: 219px; 
  margin-bottom: 33px;
}
body#moderationPrivate div.welcomeTeaser {
  height: 220px;
  -height: 239px;
  margin-bottom: 33px;
}
body#moderationPrivateBanking div.welcomeTeaser {
  height: 259px;
  -height: 278px;
  margin-bottom: 33px;
}
body#moderationBusiness div.welcomeTeaser {
  height: 228px;
  -height: 247px; 
  margin-bottom: 33px;
}
body#moderationCompanies div.welcomeTeaser {
  height: 240px;
  -height: 259px; 
  margin-bottom: 33px;
}
body#moderationCorporate div.welcomeTeaser {
  height: 228px;
  -height: 247px; 
  margin-bottom: 33px;
}
body#moderationInvestment div.welcomeTeaser {
  height: 252px;
  -height: 271px; 
  margin-bottom: 33px;
}
body#moderationAbout div.welcomeTeaser {
  height: 214px;
  -height: 233px; 
  margin-bottom: 33px;
}
body#moderationFinance div.welcomeTeaser {
  height: 212px;
  -height: 231px; 
  margin-bottom: 33px;
}

div.welcomeTeaser p {
  margin: 5px 0 5px 0;
  padding: 0 6px 0 6px;
}
div.welcomeTeaser p.intro {
  height: 88px;/*
  background-color: #00ffcc; \*/ /* color for css developing reasons \*/
}
div.welcomeTeaser p.press {
  clear:both;
}
div.welcomeTeaser p img {
  margin: 5px -6px 0 -6px;
  width: 162px;
  height: 80px;
}
div.welcomeTeaser p a:focus {
  text-decoration: underline;
}
div.welcomeTeaser p a:hover {
  text-decoration: underline;
}

div.welcomeTeaser ul {
  margin: 5px 0 5px 0;
  padding: 0 6px 0 6px;
}
div.welcomeTeaser ul.linkList {
  font-weight: bold;
  list-style-type: none;
}
div.welcomeTeaser ul.linkList a:link {
  color: #000000;
}
div.welcomeTeaser ul.linkList a:visited {
  color: #000000;
}
div.welcomeTeaser ul.linkList a:focus {
  color: #000000;
  text-decoration: underline;
}
div.welcomeTeaser ul.linkList a:hover {
  color: #000000;
  text-decoration: underline;
}

div.welcomeTeaser ul.wideList li {
  margin-bottom: 5px;
}

div.columnOneThird div.welcomeTeaser p img {
  margin: 5px -6px 0 -6px;
  width: 326px;
  height: 80px;
}
/*
  the following valid rule set describes the behavior of cascading lists -
  because of a rendering bug in msie the html structure this set was
  written for can't be used - a none valid structure does the job
  but needs another set of css rules which can be found after
  this block -
\*/ /*
div.loginTeaser ul {
  list-style-type: none;
  list-style-position: inside;
  line-height: 1.25em;
  font-weight: bold;
}
div.loginTeaser ul li {
  padding-top: 7px;
  -margin-left: -16px;\*/ /* patch for msie rendering bug:
  in msie there is a strange offset-left of 16px ?? \*/ /*
  -white-space: normal;
}
div.loginTeaser ul li ul {
  font-weight: normal;
}
div.loginTeaser ul li ul li {
  padding-top: 0;
  -margin-left: 0;
  white-space: nowrap;
}\*/ /*
  begin of alternative css rules for none valid html list structure
\*/
div.loginTeaser ul {                           /*  login teaser <UL>-LIST     \*/
  list-style-type: none;
  padding-top: 7px;
  line-height: 1.25em;
  font-weight: bold;
}
div.loginTeaser ul li {
  background-image: url(../img/arrowWhiteGt.gif);
  background-repeat: no-repeat;
  background-position: 1px 5px;
  -background-position: 1px 6px;
  padding-left: 12px;
  font-weight: normal;
}/*
  end of alternative css rules for none valid html list structure
\*/
div.loginTeaser ul li a:link {
  color: #ffffff;
}
div.loginTeaser ul li a:visited {
  color: #ffffff;
}
div.loginTeaser ul li a:focus {
  color: #ffffff;
  text-decoration: underline;
}
div.loginTeaser ul li a:hover {
  color: #ffffff;
  text-decoration: underline;
}


div#advertisements {                    /*  campaign/text TEASER, info CHARTS \*/
  position: absolute;
  top: 122px;
  left: 822px;
  width: 162px;
  background-color: #ffffff;
  z-index: 1;
}
div#advertisements div.campaignTeaser { /*  campaign TEASER                   \*/
  margin-bottom: 14px;
}
div#advertisements div.campaignTeaser a {
  display: block;
  margin-bottom: 2px;
}
div#advertisements div.campaignTeaser a img {
  display: block;
  width: 162px;/*
  height: 49px; \*/ /* probably unknown but every image tag
  additionally should feature >>width<< and >>height<< attributes \*/
}
div#advertisements div.textTeaser {     /*  text TEASER                       \*/
  margin-bottom: 14px;
}
div#advertisements div.textTeaser div.teaser {
  width: 150px;
  -width: 162px;
  padding-left: 6px;
  padding-right: 6px;/*
  overflow: hidden;\*/
  color: #000000;
  background-color: #ebebeb;
  margin-bottom: 2px;
  padding-top: 1px;/* neu \*/
  -padding-top: 0;/* neu \*/
  padding-bottom: 9px;/* neu \*/
  -padding-bottom: 10px;/* neu \*/
}
div#advertisements div.textTeaser div.teaser h3 {
  width: 150px;
  -width: 162px;
  margin-left: -6px;
  margin-right: -6px;
  padding: 7px 6px 7px 6px;
  -padding-bottom: 8px;
  border-bottom: 1px solid #ffffff;/*
  background-color: #ffcc00; \*/ /* color for css developing reasons \*/
}
div#advertisements div.textTeaser div.teaser ul {
  list-style-type: none;
  padding-top: 7px;
  padding-bottom: 0;/* neu \*/
  line-height: 1.25em;
  font-weight: bold;
}
div#advertisements div.textTeaser div.teaser ul li {
  background-image: url(../img/arrowGreyGt.gif);
  background-repeat: no-repeat;
  background-position: 1px 5px;
  -background-position: 1px 6px;
  padding-left: 12px;
  font-weight: normal;
}
div#advertisements div.textTeaser div.teaser ul li a:link {
  color: #505050;
}
div#advertisements div.textTeaser div.teaser ul li a:visited {
  color: #505050;
}
div#advertisements div.textTeaser div.teaser ul li a:focus {
  color: #000000;
  text-decoration: underline;
}
div#advertisements div.textTeaser div.teaser ul li a:hover {
  color: #000000;
  text-decoration: underline;
}
div#advertisements div.charts {         /*  CHARTS                            \*/
  margin-bottom: 14px;
}
div#advertisements div.charts table {
  margin-bottom: 2px;
}



div#thesaurus {
  padding: 3px 6px 6px 6px;
  word-spacing: -0.05em;
  background-color: #ebebeb;
}
div#thesaurus ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 18px;
  -padding-left: 23px;
  font-size: 0.8em;
  color: #505050;
}
div#thesaurus a:link {
  color: #505050;
}
div#thesaurus a:visited {
  color: #505050;
}
div#thesaurus a:focus {
  color: #000000;
  text-decoration: underline;
}
div#thesaurus a:hover {
  color: #000000;
  text-decoration: underline;
}


div.copyColumn {                               /*  general COPY text column   \*/
  position: relative;
  left: 0;
  top: 0;
  padding: 8px 6px 11px 6px;
  -padding-top: 7px;
  -padding-bottom: 12px;
  font-size: 0.7em;
}
div.copyColumn h3 {                            /*  column <H3>-HEADER         \*/
  display: block;
  font-size: 100%;
  line-height: 1.25em;
}
div.copyColumn p a:focus {
  text-decoration: underline;
}
div.copyColumn p a:hover {
  text-decoration: underline;
}
/*  end: TEASER DEFINITIONs                                                   \*/
/*  end: mac/msie css hack */