/**************************************** hvb.de layout *****/
/************** Copyright (c) 2005-2006 HypoVereinsbank *****/
/************************************************************/
/******************************** stylesheet for footer *****/
/************************************************************/
/*************************** author virtual identity AG *****/
/*************************** last updated 31 March 2008 *****/
/* RED DOT EDITING STYLE - END*/
 .red-dot-mode
 {
  font-size:          11px;
  font-weight:        normal;
  font-family:        Arial, sans-serif;
  color:              #f00;
  line-height:        1;
 }
/* RED DOT EDITING STYLE - END */
#content div.portlet div.portlet-content div.links
{ 
 text-align:  right;
}
#content div.fixed-height
{
 height: 165px;
}
div#context-zone div.portlet h3
{
 background-color: #a3a3a3;
}
/************************************************************/
/* style mods for jobs und karriere           START         */
/* style  for eventcalender list */
#content-zone .section ul li
{
 font-size: 11px;
 line-height: 14px;
 padding-bottom: 8px;
}

#content-zone .section ul li a
{
 color: #E2001A;
}

/**************************************************/
/*START: content-1col */
#event-calendar
{
 width: 589px;
 background: url() #ececec;
}
#content-1col-gap
{
 margin-bottom: 9px;
}
div#event-calendar div.content-1col-footer
{
 height: 0px;
 background-color: #d6d600;
}
html>body body#tabbed-content #event-calendar div.content-1col-footer { height: 0px; }
#event-calendar p.introduction, #event-calendar div.section 
{
  background-color: #ffffff;
  padding: 10px;
  
}
/*ENDE: content-1col */
/**************************************************/
/**************************************************/
/*START: content-2cols */
div.content-2cols-wrapper {
background: #FFFFFF;
width: 589px;
}
div.content-2cols-wrapper-spacer
{
 height: 15px;
 background: #fff;
}
div.content-2cols-wrapper div.content-2cols-left
{
 float: left;
 width: 293px;
}
div.content-2cols-wrapper div.content-2cols-right
{
 float: left;
 width: 293px;
 margin: 0 0 0 3px;
}
div.content-2cols-footer
{
 height: 9px;
 background: #fff;
}
body#tabbed-content div.content-2cols-footer
{
 border-bottom: 1px solid #d6d6d6;
 height: 10px;
 voice-family: "\"}\""; 
 voice-family:inherit;
 height: 9px;
}
html>body body#tabbed-content div.content-2cols-footer {
 height: 9px;
}
#content-zone .human-ressources-data div.content-2cols-wrapper-spacer,
#content-zone .human-ressources-data div.content-2cols-footer,
#content-zone .human-ressources-data
{
 background-color: #eee;
}
#content-zone .human-ressources-data .content-2cols-left,
#content-zone .human-ressources-data .content-2cols-right
{
 background-color: #eee;
 padding-top: 0 0 0 0;
 margin: 0 0 0 0;
}
#content-zone .human-ressources-data .content-2cols-left,
{
 width: 294px;
}
#content-zone .human-ressources-data .content-2cols-right,
{
 width: 295px;
}
#content-zone .human-ressources-data .content-2cols-footer
{
 border-bottom: 0px solid #eee;
 background-color: #fff;
}
/*END: content-2cols */
/**************************************************/
/**************************************************/
/*START: pagination-zone */
#event-calendar .pagination-zone
{
 margin-top: 8px;
}
/*END: pagination-zone */
/**************************************************/
/* style mods for jobs und karriere           ENDE          */
/************************************************************/
/* product-styles 
Styles für contentelement mit voller Spaltenbreite, Bild als Überschrift (h2), einem Text and einer Liste von Links
einsatz fuer ganze seite bei ersatz von 'portlet volle breite'
START */
.content-product
{
 margin-bottom:      3px;
 padding:            14px 9px 9px 9px;
 background-color:   #fff;
}
.content-product h3
{
 margin-bottom:      9px;
}
.content-product .links
{
 padding:            0;
 margin:             0;
 margin-top:         6px;
 line-height:        1.2;
}
.content-product .links .link
{
 padding:            0;
 margin:             0;
 margin-top:         4px;
 float:              left;
 white-space:        nowrap;
 font-size:          11px;
 line-height:        1.2;
 color:              #324395;
}
.content-product .left-float .link
{
 margin-right:       18px;
 float:              left;
}
.content-product .right-float .link
{
 margin-left:        18px;
 float:              right;
}
.content-product .links .link img
{
 margin: 0;
 padding: 0;
 padding-left: 5px;
}
.content-product .links .graphic-link img
{
 padding:            0;
 margin:             0;
 padding-top:        5px;
}
/* product-styles 
Styles for contentelement with full width, image heading, a text and a list of links  
ENDE */
/* aus bisherigem JuKa START*/
div#footer-zone
{
 width: 596px;
 margin: 0;
 padding: 36px 0;
 font-size: 0;
 line-height: 0;
}
dl#footer
{
 margin: 0;
 padding: 0;
 font-size: 0;
 line-height: 0;
 list-style-type: none;
 border-top: 1px solid #a3a3a3;
}
dl#footer dd
{
 margin: 0;
 padding: 3px 0 0 9px;
 font-family: Arial, Geneva, Helvetica, sans-serif;
 color: #333;
 float: left;
}
dl#footer dd ul
{
 margin: 0;
 padding: 0;
 font-size: 0;
 line-height: 0;
 list-style-type: none;
 display: inline;
}
dl#footer dd ul li
{
 margin: 0;
 padding: 0;
 font-family: Arial, Geneva, Helvetica, sans-serif;
 color: #5c5c5c;
 list-style-type: none;
 font-size: 11px;
 line-height: 14px;
 display: inline;
}
dl#footer dd ul li a
{
 font-family: Arial, Geneva, Helvetica, sans-serif;
 color: #5c5c5c;
 text-decoration: none;
}
dl#footer dd ul li span.pipe
{
 padding: 0 2px;
}
dl#footer dt
{
 margin: 0;
 padding: 3px 0 0 0;
 font-family: Arial, Geneva, Helvetica, sans-serif;
 color: #5c5c5c;
 font-size: 11px;
 line-height: 14px;
 float: right;
}
div.clear
{
 clear: both;
 height: 0;
 font-size: 1px;
}
/* aus bisherigem JuKa ENDE */
/* Ticker-Styles START */
.news-ticker
{
  background-color:   #3c97ce;
  margin-bottom:      0;
  padding-bottom:     0;
}
.news-ticker-spacer {
  float:              left;
  width:              2%;
  padding:            3px 0 3px 0;
  background-color:   #3c97ce;
  color:              #ffffff;
  font-size:          11px;
  line-height:        14px;
}
.news-ticker-carrier {
  position:           relative;
  width:              96%;
  float:              left;
  margin:             0 0 10px 0;
  padding:            3px 0 3px 0;
  background-color:   #3c97ce;
  color:              #ffffff;
  font-size:          11px;
  line-height:        14px;
  overflow:           hidden;
  }
.news-ticker-floater {
  position:           relative;
  top:                0px;
  left:               0px;
  padding:            0px;
  margin:             0px;
  border:             0px solid;
  font-size:          11px;
  line-height:        14px;
  white-space:        nowrap;
  }
.news-ticker-item {
  padding:            0px;
  margin:             0px;
  border:             0px solid;
  white-space:        nowrap;
  font-size:          11px;
  }
.news-ticker-floater a:hover {
  color:              #ffffff;
  font-weight:        normal;
  text-decoration:    none;
  }
.news-ticker-floater a:active {
  color:              #ffffff;
  font-weight:        normal;
  text-decoration:    none;
  }
.news-ticker-floater a:visited {
  color:              #ffffff;
  font-weight:        normal;
  text-decoration:    none;
  }
.news-ticker-floater a:link {
  color:              #ffffff;
  font-weight:        normal;
  text-decoration:    none;
  }
 /* Ticker-Styles END */
/* Styles für versteckte Layer - START */
.layer {
 display: none;
 position: absolute;
 border: 1px solid #d6d6d6;
}
.layer .layer-headline
{
 position: relative;
 height: 40px;
 background-color: #63659C;
}
.layer .layer-headline h3
{
 position: absolute;
 bottom: 5px;
 left: 5px
}
.layer .layer-close
{
 position: absolute;
 top: 5px;
 right: 5px;
}
.layer .layer-person
{
 background-color: #d6d9ea;
}
.layer .layer-person table,
.layer .layer-person table tr,
.layer .layer-person table tr td
{
 border: none;
 border-collapse: collapse;
}
.layer .layer-person-image
{
}
.layer .layer-person-text
{
 padding: 18px 5px 5px 5px;
 vertical-align: bottom;
 font-size: 11px;
 line-height: 1.2;
}
.layer .layer-content
{
 background-color: #eee;
 padding: 15px;
}
/* Style BLUE - START */
.blue-layer .layer-headline
{
 background-color:   #95C9D8;
 color:              #000;
}
.blue-layer .layer-person,
.blue-layer .layer-person-text
{
 background-color:   #E5F2F5;
 color:              #000;
}
/* Style BLUE - ENDE */
/* Style RED - START */
.red-layer .layer-headline,
.red-layer .layer-headline h3
{
 background-color:   #CE3000;
 color:              #000;
}
.red-layer .layer-person,
.red-layer .layer-person-text
{
 background-color:   #F7D7CE;
 color:              #000;
}
/* Style RED - ENDE */
/* Style GREEN - START */
.green-layer .layer-headline,
.green-layer .layer-headline h3
{
 background-color:   #A5B200;
 color:              #000;
}
.green-layer .layer-person,
.green-layer .layer-person-text
{
 background-color:   #EFF3D6;
 color:              #000;
}
/* Style GREEN - ENDE */
/* Style YELLOW - START */
.yellow-layer .layer-headline,
.yellow-layer .layer-headline h3
{
 background-color:   #FFCF00;
 color:              #000;
}
.yellow-layer .layer-person,
.yellow-layer .layer-person-text
{
 background-color:   #FFFFDE;
 color:              #000;
}
/* Style YELLOW - ENDE */
.magnification-layer
{
 position: relative;
 width: 100%;
}
.magnification-layer .magnification-layer-shown
{
 width: 100%;
}
.magnification-layer h3
{
 font-weight: normal;
}
.magnification-layer .magnification-layer-shown .magnification-layer-picture
{
 display: inline;
}
.magnification-layer .magnification-layer-hidden
{
 position: absolute;
 top: 3%;
 left: 3%;
 z-index: 100;
 text-spacing: nowrap;
 border: none;
 width: 5000px;
}
.magnification-layer .magnification-layer-hidden .magnification-layer-table
{
 width: 1px;
 vertical-align: bottom;
 text-align: left;
 border-collapse: collapse;
 padding: 0;
 margin: 0;
 border: 1px solid #d6d6d6;
 display: inline;
}
.magnification-layer .magnification-layer-hidden .magnification-layer-picture
{
 display: inline;
}
.magnification-layer .magnification-layer-hidden .magnification-layer-close
{
 display: inline;
 vertical-align: bottom;
}
/* Info-Layer */
#context-zone .info-layer
{
  padding-top: 9px;
  display: block;
  position: relative;
  width: 100%;
}
#context-zone .info-layer .info-layer-teaser-left
{
  float: left;
  width: 96px;
}
#context-zone .info-layer .info-layer-teaser-right
{
  float: left;
  width: 95px;
}
#context-zone .info-layer .layer
{
  position: relative;
  border-top: 0px;
  background-color: #eee !important;
}
#context-zone .info-layer .layer .layer-content
{
  background-color: #eee;  
}
#context-zone .info-layer .layer .layer-content p
{
  font-size: 11px;
  line-height: 1.2;
  color: #333;
  padding: 0px 0px 6px 0px;
}
/* Info-Layer END */
/* Styles für versteckte Layer - ENDE */
/**************************************************/
/* freie auszubildungsplaetze start */
div.region-info
{
height: 100px;
}
div.region-info div.region-info-content
{
  display: none;
}
div.ausbildungsplaetze div.content-2cols-right div.content-padding
{
  padding: 0px;
}
div.imagemap-content div.imagemap-content-padding
{
  padding: 0 9px;
}
div.imagemap-content div.imagemap-content-padding div.imagemap-content-status
{
  margin-top: 15px;
}
div.imagemap-content div.imagemap-content-padding div.imagemap-content-status table
{
  width: 200px;
}
div.imagemap-content-legende
{
  margin: 15px 0;
}
div.imagemap-content-bottom
{
  border-bottom: solid 3px #eee;
  padding-bottom: 10px;
}
/* freie auszubildungsplaetze ende */
/* Hintergrundfarbe von 3cols Table mit juka Farben überschreiben */
div#content-zone .content-3cols-table-content td
{
 border: 0px solid #E5F3F6;
}
/* Hintergrundfarbe von 3cols Table mit juka Farben überschreiben ende*/
/* Styles für Formulare aus der Jobboerse */
form.jobboerse {
 width: 591px;
}
form.jobboerse.query {
 width: inherit;
}
form.jobboerse div.form-tab-navigation {
 padding: 0;
 margin: 0;
 background-color: #D6D6D6;
 background-image: none;
 border-top: 1px solid #A3A3A3;
 border-bottom: 1px solid #A3A3A3;
}
form.jobboerse div.form-tab-navigation ul li:first-child {
 border-left: 1px solid #A3A3A3;
}
form.jobboerse div.form-tab-navigation p {
 margin: 0;
 padding: 3px 24px 3px 9px;
 line-height: normal;
 color: #A3A3A3;
 background-image: url(/img/ico/form-tab-navigation-right.gif);
 background-color: #D6D6D6;
 background-position: right 50%;
 background-repeat: no-repeat;
 border: none;
}
form.jobboerse div.form-tab-navigation p.active {
 color: #f60; /*changed 2006-03-21 color: #E4502A;*/
 background-color: #FFFFFF;
 background-image: url(/img/ico/form-tab-navigation-right-active.gif);
}
form.jobboerse div.form-tab-navigation p.done {
 background-color: #D6D6D6;
 background-image: url(/img/ico/form-tab-navigation-right-done.gif);
}
form.jobboerse div.left2cols {
 min-height: 233px;
}
form.jobboerse div.right2cols {
 min-height: 233px;
}
.jobboerse input.input-S {
 width: 72px;
}
.jobboerse p.input-S {
 width: 96px;
}
.jobboerse input.input-H {
 width: 124px;
}
.jobboerse select.input-H {
 width: 133px;
}
.jobboerse p.input-W {
 width: 172px;
}
.jobboerse input.input-W {
 width: 176px;
}
.jobboerse select.input-W {
 width: 185px;
}
.jobboerse input.input-F,
.jobboerse textarea.input-F {
 width: 264px;
}
.jobboerse textarea.input-F {
 height: 80px;
}
.jobboerse select.input-F {
 width: 275px;
}
form input.file {
 font-size: 11px;
 line-height: 14px;
 padding: 1px 3px;
 margin-top: -1px;
 margin-bottom: -1px;
 background: #fff;
 border: 1px solid #a3a3a3;
 width: 215px;
}
form.jobboerse ol {
 font-size: 11px;
 line-height: 14px;
 margin: 0;
 padding: 3px 0 0 0;
 list-style-position: inside;
}
form.jobboerse ol li {
 list-style-type: decimal;
}
form.jobboerse p,form.jobboerse fieldset.inline {
 margin-top: 5px;
}
.jobboerse input.day,.jobboerse input.month {
 margin-right: 6px;
 width: 24px;
}
.jobboerse input.year {
 width: 43px;
}
form.jobboerse input.submit {
 width: 50px;
 height: 18px;
}
form.jobboerse div.form-button-navigation div.next {
 padding-top: 0px;
 margin-left: 16px;
}
.jobboerse h3,
.jobboerse h3.first {
 padding-bottom: 0px;
}
.jobboerse p.input-L {
 width: 104px;
}
.jobboerse p.input-R {
 width: 461px;
}
.jobboerse table {
 border-collapse: collapse;
 border-right: 1px solid #a3a3a3;
 border-left: 1px solid #a3a3a3;
 width: 591px;
}
.jobboerse table th a,
.jobboerse table th a:link,
.jobboerse table th a:visited,
.jobboerse table th a:hover,
.jobboerse table th a:active,
.jobboerse table th a:focus {
 color: #333333 !important;
 text-decoration: none !important; 
}
.jobboerse table td a,
.jobboerse table td a:link,
.jobboerse table td a:visited,
.jobboerse table td a:hover,
.jobboerse table td a:active,
.jobboerse table td a:focus {
 color: #333333 !important;
 text-decoration: underline !important; 
}
.jobboerse thead {
 border-bottom: 1px solid grey;
 background-color: lightgrey;
}
.jobboerse thead th {
 font-weight: normal;
}
.jobboerse th,
.jobboerse td {
 padding: 4px 0px 4px 13px;
 text-align: left;
 overflow: hidden;
}
.jobboerse th.lastcol,
.jobboerse td.lastcol {
 padding-right: 13px;
}
.jobboerse th,
.jobboerse th div,
.jobboerse td {
 font-size: 11px;
 line-height: 14px;
}
.jobboerse th .title {
 float: left;
 width: 40%;
 text-align: left;
 font-weight: bold;
}
.jobboerse th .scroller {
 float: right;
 width: 40%;
 text-align: right;
 padding-right: 9px;
}
.jobboerse th .scroller span {
 padding-left: 6px;
}
.jobboerse th .scroller span.active {
 font-weight: bold;
}
.jobboerse h3,
.jobboerse h3 .first {
 padding-bottom: 0px;
} 
/* ENDE Styles für Formulare aus der Jobboerse */
/**************************************************/
/* toplink-zone spezifische styles START */
div#toplink-zone .link
{
 float: left;
 margin: 0 18px 0 0;
 font-size: 11px;
 line-height: 14px;
}
/* toplink-zone spezifische styles ENDE */
/**************************************************/
/* produkt.css */
/**************************************************/
/* hvb.de layout */
/* copyright by HypoVereinsbank 2005 */
/* */
/* Last updated 01 March 2006 */
/**************************************************/
div#content
{
 padding: 0px 0 0 0;
}
body#tabbed-content div#content
{
 /*padding: 0;
 border: solid #d6d6d6;
 border-width: 0 1px;*/
}
/**************************************************/
/*START: content-2cols content-elements content-1col*/
div.content-padding
{
 padding: 0 9px;
}
p strong
{
 color: #333;
}
p.introduction
{
 padding: 0 0 14px 0;
}
div.next
{
 padding: 14px 0 0 0;
}
div.links
{
padding: 21px 0 10px;
text-align: left;
}
div.links a
{
 color: #000;
}
div.links p
{
 line-height: 21px;
}

div.links div.conclude
{
 padding: 0 0 6px;
}
div.rightplaced
{
 padding: 16px 0 10px 0;
 text-align: right;
}
/*
.pipe
{
 line-height: 10px;
 font-size: 15px;
 color: #999;
 padding: 0 3px;
}
*/
/*END: content-2cols content-elements */
/**************************************************/
/**************************************************/
/*START: benefits */
div.benefits
{
 padding: 2px 0 15px 0;
}
div.benefits h3
{
 padding: 0 0 9px 0;
}
div.benefits h3 img
{
 display: block;
}
div#content div.benefits ul li
{
 padding: 6px 0 0 12px;
 background: url(/img/ico/icon-star-f60.gif) no-repeat;
 background-position: 0 11px;
}
div#content div.benefits ul li:first-child
{
 padding: 0 0 0 12px;
 background-position: 0 5px;
}
* html div#content div.benefits ul li
{
 padding: expression(previousSibling ? "6px 0 0 12px" : "0 0 0 12px");
 background-position: expression(previousSibling ? "0 11px" : "0 5px");
}
div.content-wrapper
{
 border-top: 3px solid #eee;
 margin: 6px 0 0 0;
 padding: 3px 0 0 0;
}
/*END: benefits */
/**************************************************/
/**************************************************/
/*START: additional information block and calculator tools*/
div.add-info-downloader
{
 border-top: solid 3px #eee;
 padding: 6px 9px 15px 9px;
}
div.add-info-downloader h4
{
 color: #333;
 padding: 0 0 6px 0;
}
div.content-padding div.add-info-downloader 
{
 border: 0px;
 padding: 0px;
}
div.add-info,
 div.boxborder
{
 border-top: solid 3px #eee;
}
div.add-info-headline
{
 height: 26px;
 background: #d0d77f;
 padding: 0 9px 0 0;
}
div.add-info-headline-1
{
 height: 26px;
 background: #acacac;
 padding: 0 9px 0 0;
}
div.add-info-headline-2
{
 height: 40px;
 background: #acacac;
 padding: 0 9px 0 0;
}
div.add-info h3
{
 color:#FFFFFF;
 padding: 6px 0 6px 9px;
 float: left;
 width: 240px;
}
div.add-info a span
{
 position: absolute;
 left: -3000px;
}
div.add-info div.icon-info
{
 float: left;
 padding: 9px 0 0 8px;
}
div.add-info div.icon-info a
{
 
 width: 4px;
 height: 8px;
 background: url(/img/ico/icon-info.gif) no-repeat;
}
div.add-info div.icon-show
{
 padding: 5px 0 0 0;
 float: right;
}
div.add-info div.icon-show a
{
 display: block;
 width: 12px;
 height: 12px;
 background: url(/img/ico/icon-show-closed-white.gif) no-repeat;
}
div.add-info div.icon-show a.open
{
 display: block;
 width: 12px;
 height: 12px;
 background: url(/img/ico/icon-show-open-white.gif) no-repeat;
}
div.add-info-content
{
 display: none;
 border: solid #acacac;
 border-width: 0 1px 1px 1px;
 padding: 7px 9px 0;
}
div.add-info div.add-info-content-padding
{
 width: 100%; /*needed for IE*/
 padding: 8px 0 6px 0;
}
div.add-info div.content-wrapper
{
 border-top: 2px solid #eee;
 margin: 6px 0 0 0;
 padding: 3px 0 0 0;
}
div.add-info h4
{
 color: #333;
 padding: 3px 0 6px 0;
}
div.add-info div.icon-wrapper
{
 padding: 5px 0 0 0;
 float: left;
}
div.add-info div.button-wrapper
{
 padding: 3px 0;
 float: right;
}
div.table
{
 padding: 3px 0 0 0;
}
table.form-table
{
 border: none;
}
table.form-table td.label
{
 vertical-align: top;
 padding: 3px 9px 0 0;
 width: 100%;
}
table.form-table td.label-XL
{
 vertical-align: top;
 padding: 3px 9px 0 0;
 width: 134px;
}
table.form-table label
{
 font-size: 11px;
 line-height: 14px;
}
table.form-table td.input
{
 vertical-align: bottom;
}
table.form-table td.unit
{
 font-size: 11px;
 line-height: 14px;
 vertical-align: top;
 padding: 3px 0 0 2px;
}
table.form-table td.sep
{
 height: 3px;
}
table.form-table td.slider
{
 padding: 4px 0 0 0;
}
table.form-table td.hruler
{
 font-size: 0;
 line-height: 0;
 height: 14px;
 background: url(/img/ico/bg-form-hruler.gif) repeat-x;
}
table.form-table input.input-L,
table.form-table input.input-XL
{
 font-size: 11px;
 background: #fff;
 border: 1px solid #a3a3a3;
 margin: -1px 0;
 padding: 2px 3px 1px;
 height: 19px;
 voice-family: "\"}\"";
 voice-family: inherit;
 height: 14px;
}
html>body table.form-table input.input-L { height: 14px; }
table.form-table input.input-L
{
 width: 73px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 65px;
}
html>body table.form-table input.input-L { width: 65px; margin: auto; }
table.form-table input.input-XL
{
 width: 129px;
 voice-family: "\"}\"";
 voice-family: inherit;
 width: 121px;
}
html>body table.form-table input.input-XL { width: 121px; margin: auto; }
table.form-table select.select-L
{
 font-size: 11px;
 width: 74px;
}
table.form-table select.select-XL
{
 font-size: 11px;
 width: 130px;
}
table.styled-inputs td.label
{
 vertical-align: top;
 padding: 1px 0 0 6px;
 width: auto;
}
table.styled-inputs td.input
{
 vertical-align: top;
}
table.styled-inputs td.sep-vertical
{
 width: 8px;
 padding: 0;
 margin: 0;
}
div.summary-table
{
 padding: 3px 0 0 0;
}
table.summary
{
 border: none;
}
table.summary td
{
 font-size: 11px;
 line-height: 14px;
}
table.summary tfoot td
{
 font-weight: bold;
}
table.summary tbody td
{
 padding: 0 0 4px 0;
}
table.summary td.label
{
 width: 100%;
}
table.summary td.value
{
 text-align: right;
 white-space: nowrap;
}
div.summary-chart
{
 padding: 12px 0 14px 0;
 background: url(/img/ico/bg-form-hruler.gif) bottom left repeat-x;
}
div.summary-chart h4
{
 color: #5c5c5c;
 padding: 0;
}
div.summary-chart div.image
{
 padding: 3px 0;
}
/*END: additional information block and calculator tools */
/**************************************************/
/**************************************************/
/*START: slider */
div.slider div.minus,
div.slider div.plus
{
 float: left;
 width: 9px;
 height: 9px;
 cursor: pointer;
 cursor: hand;
}
div.slider div.minus
{
 background: url(/img/ico/slider-minus.gif) no-repeat;
 margin: 0 3px 0 0;
}
div.slider div.plus
{
 background: url(/img/ico/slider-plus.gif) no-repeat;
 margin: 0 0 0 3px;
}
div.slider-bar
{
 float: left;
 width: 92px;
 height: 9px;
 background: url(/img/ico/slider-bg.gif) top right no-repeat;
}
div.slider-barfill
{
 width: 0;
 height: 9px;
 background: url(/img/ico/slider-fill.gif) top left no-repeat;
}
div.slider-element
{
 position: relative;
 margin: -9px 0 0 0;
 width: 9px;
 height: 9px;
 background: url(/img/ico/slider-element.gif) no-repeat;
}
/*END: slider */
/**************************************************/
/**************************************************/
/*START: talentcenter ab 2007-11-12*/
#context-zone .talent-center
{
 display: block;
 width: 189px;
 padding: 0px;
 margin-top: 9px;
 border: 1px solid #d6d6d6;
 position: relative;
}
#context-zone .talent-center .talent-center-teaser-left
{
 float: left;
 width: 95px;
 height: 90px;
 cursor: pointer;
 background-position: 0px -90px;
}
#context-zone .talent-center .talent-center-teaser-right
{
 float: left;
 width: 94px;
 height: 90px;
 cursor: pointer;
 background-position: 0px -180px;
}
#context-zone .talent-center .infoicon-left
{
 position: relative;
 left: 8px;
 top: 8px;
 display: none;
}
#context-zone .talent-center .infoicon-right
{
 position: relative;
 left: 81px;
 top: 8px;
 display: none;
}
#context-zone .talent-center .layer
{
 border: 0px;
 position: relative;
 background-color: #eeeeee;
}
#context-zone .talent-center .layer-close
{
 cursor:pointer;
}
#context-zone .talent-center .layer .layer-content
{
 background-color: #eeeeee;
}
#context-zone .talent-center .layer .layer-content P
{
 padding: 0px 0px 6px 0px;
 font-size: 11px;
 color: #333333;
 line-height: 1.2;
}

.juka_ma_txt, .juka_ma_txt p {
  padding: 0px 5px 5px 11px;
  font-size: 11px;
  line-height: 16px;
}

.juka_ma_name, .juka_ma_name p {
  padding: 10px 5px 5px 22px;
  font-size: 11px;
  line-height: 16px;
  color: #333333;
  font-weight: bold;
}

.juka_xing_link {
  padding: 0px 7px 7px 7px;
  text-align:center;
}

.juka_linkedin_link {
  padding: 0px 7px 7px 7px;
  text-align:center;
}

.juka_cycle {
  position: relative;
  top: 0px;
  left: 0px;
  height: 240px;
  width: 191px;
  overflow: hidden;
  border: 1px solid #ACACAC;
}
.juka_dyn_teaser {
  width:189px;
  top: 0px;
  left: 0px;
  background-color: #ffffff;
  float:left;
  border-right: 1px solid #ACACAC;
}
#slideshow-slider {
  width: 2500px;
  position: absolute;
  top: 0px;
}

.content-3cols-middle a.link img {
   margin:0 0 0 0;
}

.link_slide_container {
  position: relative;
  top: 0px;
  left: 0px;
}
    
.link_slide_container .slidelink, .link_slide_container div {
  position: absolute;
  top: 0px;
  left: 0px;
  heigth: 100%;
}

div.tagcloud_container {
  padding: 9px 9px 9px 9px;
  text-align: justify;
  line-height: 20px;
}

.tagcloud_container, .tagcloud_container a {
  font-size: 11px;
}

.tagcloud_container a.level_1 {
  font-size: 170%;
  color: #004B93;
}

.tagcloud_container a.level_2 {
  font-size: 150%;
  color: #5675B3;
}

.tagcloud_container a.level_3 {
  font-size: 130%;
  color: #7B9EC4;
}

.tagcloud_container a.level_4 {
  font-size: 120%;
  color: #54A0CF;
}
.tagcloud_container a.level_5 {
  font-size: 110%;
  color: #A9C7E4;
}

.tagcloud_container a.level_6 {
  font-size: 100%;
  color: #A9C7E4;
}

/*END: talentcenter*/
/**************************************************/
/**************************************************/
/*START: neue styles ab 2006-03-17*/
/*END: neue styles ab 2006-03-17*/
/**************************************************/