@charset "utf-8";
/* Global
------------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
    margin:0;
    padding:0;
}
html {
    min-height: 100%;
    margin-bottom: 1px;
}
ul,li {
    list-style-type:none;
}
body {
    color:#000000;
    background-color: #ebe9e5;
    font:69%/140% Verdana,Arial,Helvetica,sans-serif;
}
hr {
    clear:both;
    visibility:hidden;
}
object {
    outline: 0;
}
.clearFloat {
    clear: both; 
    margin: 0;
    padding: 0;
    line-height: 0;
}
.rightFloat {
    float: right;
}
.leftFloat {
    float: left;
}
.centered, p.centered {
    text-align: center;
}
.righthand, p.righthand {
    text-align: right;
}
img, fieldset {
    border: 0;
}
h2 {
    font-size: 1.45em;
    line-height: 1.3em;
    font-weight: bold;
    color: #006F53;
    margin: 25px 0 10px 0;
}
h3 {
    font-size: 1.27em;
    color: #004236;
    margin: 25px 0 10px 0;
}
h3 a {
    color: #004236;
    text-decoration: none;
}
h3 a:hover {
    text-decoration: underline;
}

h4 {
    color: #004236;
    font-size: 1.1em;
    margin: 25px 0 10px 0;
}
a {
    color: #006F53
}
a:hover {
    text-decoration: none;
}
.marginTopDown {
     margin: 15px 0;
}
.marginTop {
    margin-top: 15px;
}
#border {
    margin: 0 auto;
    width: 978px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
}
#top {
    position: relative;
    width: 990px;
    height: 35px;
    margin: 0 auto;
}
#header {
    position: relative;
    height: 298px;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}
#header #bg_header {
    text-indent:-9999px;
    height: 298px;
}
#header img.logo {
    position: absolute;
    top: 20px;
    left: 19px;
}
#content p {
    margin: 10px 0;
}
#content h1 {
    font-size: 2.18em;
    line-height: 1em;
    font-weight: normal;
    color: #9A937D;
    margin: 20px 0 15px 0;
}
#content h2 {
    margin: 30px 0 7px 0;
}
#content h2.subtitle {
    margin: 0 0 20px 0 !important;
}

#content .kostennachweis, #contact .kostennachweis { color: #999999; font-size: 0.8em; }

.leftCol {
    float: left;
}
.rightCol {
    float: right;
}
img.left {
    float: left;
    margin-right: 5px;
}
img.right {
    float: right;
    margin-left: 5px;
}
img.border {
    border: 1px solid #EBE9E5;
    padding: 4px;
    margin: -4px 5px 5px -5px;
}
#footer {
    position: relative;
    width: 990px;
    padding: 5px 0 15px 0;
    margin: 0 auto;
    font-size: .91em;
    color: #666666;
}
#footer p {
    float: left;
    padding-left: 15px;
    line-height: 1.2em;
    margin-top: 4px;
}
#footer p.note{
    font-size: 10px; 
    line-height: 12px;
    color: #666666;
    padding-bottom: 16px;
    float: none;
}
#footer span {
    float: right;
    display: block;
    padding-right: 20px;
}
#twoColContent, #threeColContent, #oneColContent {
    margin: 0 9px;
}
#landingpage #twoColContent, #threeColContent, #oneColContent {
    margin: 10px 9px;
}
#threeColContent div.leftCol {
    width: 535px;
    margin-left: 15px;
}
#landingpage #threeColContent div.leftCol {
    width: 670px;
    margin-left: 15px;
}
#twoColContent div.leftCol {
    width: 750px;
}
#twoColContent div.rightCol, #threeColContent div.rightCol {
    width: 200px;
    margin-left: 10px;
}
#landingpage #threeColContent div.rightCol {
    width: 245px;
    margin-left: 30px;
}
/* Content-Bereich
------------------------------------------------------------------*/
#content            { background-color: #ffffff; float: left; }
#oneColContent #content {
    float: none;
}
#threeColContent #content {
    width: 535px;
}
#landingpage #threeColContent #content  { width: 670px; }
#threeColContent #content div.wrap {
    width: 535px;
    background: transparent url(/cps/static/images/bg_border_wrap.gif) repeat-y;
    padding: 10px 0;
}
#landingpage #threeColContent #content div.wrap { width: 670px; }
#threeColContent #content div.leftCol { width: 260px; float: left; margin: 0 15px 0 0; }
#landingpage #threeColContent #content div.leftCol { width: 325px; }
#threeColContent #content div.rightCol { width: 260px; float: right; margin: 0; }
#landingpage #threeColContent #content div.rightCol { width: 325px; float: right; margin: 0; }
#twoColContent #content { width: 750px; }
#twoColContent #content div.wrap { padding: 0; margin: 10px; }
#twoColContent #content div.leftCol {
    width: 348px;
    float: left;
}
#twoColContent #content div.rightCol {
    width: 366px;
    margin: 0 0 0 15px;
    float: right;
}
#content div.rightCol div {
    margin: 0 0 0 0;
}
#content div.rightCol div ul li {
    margin: 4px 0 4px 0;
}
#threeColContent #content ul, #threeColContent #content ul li, #threeColContent #content ol, #threeColContent #content ol li {
    list-style-type: disc;
}
#threeColContent #content ul.circle, #threeColContent #content ul.circle li {
    list-style-type: circle;
}
#threeColContent #content ul.square, #threeColContent #content ul.square li {
    list-style-type: square;
}
#threeColContent #content ol.upper-alpha, #threeColContent #content ol.upper-alpha li {
    list-style-type: upper-alpha;
}
#threeColContent #content ol.lower-alpha, #threeColContent #content ol.lower-alpha li {
    list-style-type: lower-alpha;
}
#threeColContent #content ol.upper-roman, #threeColContent #content ol.upper-roman li {
    list-style-type: upper-roman;
}
#threeColContent #content ol.lower-roman, #threeColContent #content ol.lower-roman li {
    list-style-type: lower-roman;
}
#threeColContent #content ol.decimal, #threeColContent #content ol.decimal li, #TB_window ol.decimal, #TB_window ol.decimal li{
    list-style-type: decimal;
}
#threeColContent #content ul, #threeColContent #content ol, #TB_window ol  {
    margin-left: 25px;
}
#threeColContent #content div.source {
    float: left;
    margin-top: 10px;
    font-style: italic;
}
#threeColContent #content div.pdf {
    float: right;
    height: 21px;
    margin-top: 10px;
    padding-left: 22px;
    background: transparent url(/cps/static/images/pdf.gif) no-repeat;
}
#content div.pageScroll {
    padding-top: 10px;
    margin: 25px 0 40px 0;
}
#content div.borderTop {
    border-top: 1px solid #EBE9E5;
}
#content div.pageScroll div.item {
    width: 178px;
    float: left;
    text-align: center;
    clear: none;
    font-weight: normal;
}
#content div.pageScroll div.back {
    text-align: left;
}
#content div.pageScroll div.forward {
    text-align: right;
    width: 179px;
}
#content table tr, #content table td, #content table th {
    vertical-align: top;
}
.w-150 {
    width: 150px;
}
.w-150 img {
    margin: 10px 0;
}
.w-345 {
    width: 345px;
}
/* Zweispaltiger Teaser
------------------------------------------------------------------*/
.twoColTeaser {
    border: 1px solid #EBE9E5;
    padding: 0; 
}

#twoColContent .twoColTeaser {
    width: 748px;
    background: #ffffff url(/cps/static/images/bg_teaser.gif) bottom repeat-x;
}
#threeColContent .twoColTeaser {
    width: 535px;
    background: #ffffff url(/cps/static/images/bg_teaser_small.gif) bottom repeat-x;
}
.twoColTeaser h2 {
    margin: 20px 0 20px 10px !important;
    display: block;
    font-size: 1.64em;
    font-weight: normal;
}
#twoColContent .twoColTeaser div.wrap {
    margin: 0 14px 10px 14px;
    padding: 10px 0;
    width: 720px;
    background: transparent url(/cps/static/images/bg_teaser_body.gif) repeat-y;
}
#threeColContent #content .twoColTeaser div.wrap {
    margin: 0;
    padding: 10px 10px 0px 10px;
    width: 525px;
    background: transparent url(/cps/static/images/bg_teaser_body_small.gif) repeat-y;
}

.twoColTeaser h3 {
    font-size: 1em;
    color: #004236;
}
#twoColContent .twoColTeaser h3 {
    margin-bottom: 1em;
}
#threeColContent .twoColTeaser h3 {
    margin: 0;
}

.twoColTeaser div.leftCol {
    margin-left: 0 !important;
}
#twoColContent .twoColTeaser div.leftCol {
    padding: 10px 0 !important;
    width: 336px !important;
}
#threeColContent .twoColTeaser div.leftCol {
    width: 250px !important;
    padding: 0px !important;
}

#twoColContent .twoColTeaser div.rightCol {
    padding: 10px 0 !important;
    width: 354px !important;
}
#threeColContent .twoColTeaser div.rightCol {
    width: 260px !important;
    padding: 0 !important;
}

a.arrow {
    display: block;
    padding: 7px 0 7px 20px;
    margin: 0;
    font-size: 1.27em;
    font-weight: bold;
    text-decoration: none;
    background: transparent url(/cps/static/images/arrow.png) 0px 9px no-repeat;
}
a.arrow:hover, a.arrow:focus {
    text-decoration: underline;
}
/* Dreispaltiger Teaser
------------------------------------------------------------------*/
.threeColTeaser {
    color: #FFFFFF;
    width: 745px;
    background: transparent url(/cps/static/images/bg_partner_teaser.gif) repeat-y;
    margin: 0 0 15px 0;
}
.threeColTeaser div.left, .threeColTeaser div.middle {
    float: left;
    width: 245px;
    margin-right: 5px;
}
.threeColTeaser div.right {
    float: right;
    width: 245px;
}
.threeColTeaser ul {
    margin: 5px 15px 15px 15px;
}
.threeColTeaser ul li {
    margin: 2px 0;
}
span.lock {
    background: transparent url(/cps/static/images/lock.gif) no-repeat right bottom;
    width: 11px;
    line-height: 11px;
}
.threeColTeaser p {
    margin: 5px 15px !important;
}
.threeColTeaser h2 {
    margin: 10px 15px 5px 15px !important;
    color: #FFFFFF;
}
.threeColTeaser a {
    color: #FFFFFF;
}
/* Podcast
------------------------------------------------------------------*/
#podcast {
    width: 344px;
    border: 1px solid #D7D4CB;
    margin: 0 0 30px 0;
}
#podcast h3 {
    background: transparent url(/cps/static/images/bg_podcast.gif) repeat-x;
    height: 32px;
    line-height: 32px;
    text-indent: 14px;
    margin: 0 0 12px 0;
    border-bottom: 1px solid #D7D4CB;
}
#podcast h4 {
    margin: 5px 14px 8px 14px;
}
#podcast p {
    margin: 0px 14px 5px 14px;
}
#podcast ul {
    margin: 0px 14px 10px 14px;
}
#podcast ul li {
    display: inline;
    margin-right: 14px;
}
/* div with alternate background-colours
------------------------------------------------------------------*/
#content div.striped div h3 {
    padding: 13px 0 0 0;
    margin-left: 13px;
}
#content div.striped div div {
    padding: 0;
}
#content div.striped div.leftFloat {
    margin-left: 13px;
}
/* Tabelle with alternate background-colours
------------------------------------------------------------------*/
#content div.striped table {
    border-collapse: collapse;
    margin: 7px 0;
}
#content div.striped table th {
    vertical-align: top;
    padding: 10px 5px;
    text-align: left;
}
#content div.striped table ul li {
    list-style-type: disc;
    list-style-position: outside;
    margin-bottom: 2px;
}
#content div.striped table ol {
    padding-left: 24px;
}
#content div.striped table ul {
    padding-left: 15px;
}
#content div.striped table ol li {
    list-style-type: decimal
}
.odd {
    background-color: #FFFFFF;
}
.even {
    background-color: #EBE9E5;
}
#content div.striped table#productOverview tr th        { background-color: #006F53; color: #fff; border: 1px solid #fff; }
#content div.striped table#productOverview tr td        { border: 1px solid #fff; }
#content div.striped table#productOverview tr.odd       { background-color: #DCDCD7; }
#content div.striped table#productOverview tr.even      { background-color: #EDEDEA; }
#content div.striped table td                           { padding: 10px 5px; vertical-align: top; }
#content div.striped table td p                         { margin-top: 0; }
#content div.striped table td p.pdf {
    margin: 0 0 7px 0;
    background: transparent url(/cps/static/images/pdf.gif) no-repeat;
    padding-left: 22px;
}
#content div.striped table td p.pdf a {
    font-weight: bold;
}
#content div.footnote {
    background: #BCDC05 url(/cps/static/images/bg_further_info.gif) repeat-x top left;
    border: 1px solid #EBEAE6;
    margin: 10px 0 10px 0;
    padding: 5px 0;
}
#content div.footnote h4 {
    margin: 5px 10px;
}
#content div.footnote p {
    margin: 5px 10px;
}
#content div.footnote ul {
    width: 490px;
    margin: 15px auto;
}
#content div.footnote  ul li {
    display: inline;
}
#content div.footnote ul li a {
    background: transparent url(/cps/static/images/info_lock.png) no-repeat left center;
    padding-left: 30px;
    height: 25px;
    line-height: 25px;
    margin-right: 20px;
    font-weight: bold;
    display: block;
    float: left;
}
#content div.footnote ul li a.last {
    margin-right: 0px !important;
}
#content div.footnote div.borderTop {
    margin: 5px auto;
    padding-top: 5px;
    width: 480px;
    border-top: none;
    background: transparent url(/cps/static/images/bg_border_top.gif) repeat-x top;
    color: #004236;
    font-weight: bold;
}
#content div.footnote div.button {
    margin: 5px auto;
    width: 200px;
}
#content div.button {
    position: relative;
    margin: 7px 0 35px 0;
    width: 280px;
    height: 29px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}
#content div.footnote div.anmeldung {
    background: transparent url(/cps/static/images/bg_anmeldung.gif) no-repeat;
    margin: 5px auto;
    width: 160px;
    height: 20px;
    text-align: center;
}
#content div.footnote div.anmeldung a {
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    line-height: 20px;
}
#content div.footnote div.anmeldung a:hover {
    text-decoration: underline;
}
#content div.button span.buttonRight, #content div.button span.buttonLeft {
    position: absolute;
    width: 7px;
    height: 29px;
    display: block;
}
#content div.button span.buttonRight {
    background: transparent url(/cps/static/images/bg_button_right.png) no-repeat;
    right: 0;
    top: 0;
}
#content div.button span.buttonMiddle {
    display: block;
    background: transparent url(/cps/static/images/bg_button.gif) repeat-x;
    white-space: nowrap;
    text-transform: uppercase;
    height: 29px;
    line-height: 27px;
    margin: 0 7px;
}
#content div.button span.buttonLeft {
    background: transparent url(/cps/static/images/bg_button_left.png) no-repeat;
    left: 0px;
    top: 0;
}
#content div.button a {
    color: #FFFFFF;
}
/* Buttons
------------------------------------------------------------------*/
ul.buttons {
    list-style-type: none !important;
    margin: 30px 0 7px 0 !important;
    padding: 0 !important;
}
ul.buttons li {
    list-style-type: none !important;
    position: relative;
    float: left;
    margin-left: 0 !important;
    margin-right: 10px;
    margin-bottom:10px;
    padding: 0;
    background: transparent url(/cps/static/images/bg_buttons.gif) no-repeat;
    width: 170px;
    height: 51px;
    vertical-align: middle;
}
ul.buttons li.last {
    margin-right: 0;
}
ul.buttons li a {
    position: absolute;
    display: block;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    color: #FFFFFF;
    font-weight: bold;
    padding-left: 45px;
    padding-top: 2px;
}
ul.buttons li a.beratung {
    background: transparent url(/cps/static/images/button_beratung.png) no-repeat 11px 1px;
}
ul.buttons li a.angebot {
    background: transparent url(/cps/static/images/button_angebot.png) no-repeat 11px 1px;
}
ul.buttons li a.infos {
    background: transparent url(/cps/static/images/button_infos.png) no-repeat 11px 1px;
}
ul.buttons li a.merkzettel {
    background: transparent url(/cps/static/images/button_merkzettel.png) no-repeat 11px 1px;
}
/* Slider
------------------------------------------------------------------*/
div.slide {
    margin: 10px 0;
    border-bottom: 1px solid #D7D4CB;
}
div.slide div h3 {
    background: #FFFFFF url(/cps/static/images/bg_slide.gif) bottom repeat-x;
    border: 1px solid #D7D4CB;
    border-bottom: none;
    font-size: 1.09em;
    margin: 0;
}
div.slide h3 a {
    display: block;
    text-decoration:none;
    line-height: 37px;
    padding-left: 14px;
    background: transparent url(/cps/static/images/bg_slide_down.gif) 500px center no-repeat
}
div.slide h3.selected a {
    background-image: none;
}
div.slide div.selected h3 {
    border-left: none;
    border-right: none;
    border-bottom: none;
}
div.slide div.selected {
    border: 1px solid #D7D4CB;
    border-top: none;
    border-bottom: none;
}
div.slide div.slideContent {
    border-top: 1px solid #D7D4CB;
    padding: 5px 14px;
    background-color: #FFFFFF;
}
div.slide div.slideContent div.zoom {
    position: relative;
    margin-right: 35px;
    width: 190px;
    height: 186px;
    float: left;
}
div.slide div.slideContent div.zoom div.zoomOff {
    cursor: pointer;
    width: 190px;
    height: 186px;
    background: transparent url(/cps/static/images/bg_img_zoom.gif) no-repeat;
}
div.slide div.slideContent div.zoom div.zoomOn {
    display: block;
    position: absolute;
    cursor: pointer;
    top: 0px;
    left: 0px;
    z-index: 10;
    display: none;
    width: 390px;
    height: 338px;
    background: transparent url(/cps/static/images/bg_img_zoom_on.gif) no-repeat;
}
div.slide div.slideContent div.zoom div.zoomOff img {
    margin-top: 10px;
    margin-left: 8px;
}
div.slide div.slideContent div.zoom div.zoomOn img {
    margin-top: 10px;
    margin-left: 8px;
}
div.slide div.slideContent ul {
    margin-bottom: 30px;
}
* html div.slide div.slideContent ul {
    margin-left: 120px;
}
/* Merkzettel
------------------------------------------------------------------*/
#merkzettelContent, #finderResult {
    border: 1px solid #EBE9E5;
    border-top: none;
}
#merkzettelContent div.headline {
    background: #FFFFFF url(/cps/static/images/bg_slide.gif) bottom repeat-x;
    border: 1px solid #EBE9E5;
    border-left: none;
    border-right: none;
    height: 37px;
}
#merkzettelContent h3, #finderResult h3 {
    margin-left: 14px;
    float: left;
    margin-top: 10px;
}
#merkzettelContent span.drop {
    height: 37px;
    display: block;
    float: right;
    margin-right: 12px;
    line-height: 37px;
}
#merkzettelContent span.drop a {
    background: transparent url(/cps/static/images/bg_merkzettel_drop.gif) right no-repeat;
    padding: 3px 15px 7px 0px;
}
#merkzettelContent p {
    margin: 7px 14px 14px 14px;
}
#merkzettelContent ul {
    margin: 0 14px;
}
#merkzettelContent ul li, #finderResult ul#infos li {
    float: left;
    height: 40px;
    padding-top: 4px;
    color: #006F53;
    list-style-type: none !important;
}
#merkzettelContent ul li.details, #finderResult ul li.details {
    background: transparent url(/cps/static/images/bg_merkzettel_details.gif) no-repeat;
    padding-left: 28px;
    margin-left: 24px;
}
#merkzettelContent ul li.berechnen {
    background: transparent url(/cps/static/images/bg_merkzettel_berechnen.gif) no-repeat;
    padding-left: 28px;
    margin-left: 25px;
}
#merkzettelContent ul li.beratung, #finderResult ul li.beratung {
    background: transparent url(/cps/static/images/bg_merkzettel_beratung.gif) no-repeat;
    padding-left: 28px;
}
#merkzettelContent ul li a {
    font-weight: bold;
}
/* Pressemitteilung
------------------------------------------------------------------*/
table.pressOverview {
    margin: 0;
    border: 0;
    width: 540px;
}
table.pressOverview thead {
    background-color: #ABA38F;
    color: #FFFFFF;
    text-align: left;
}
table.pressOverview tbody {
    background-color: #F5F4F2;
}
table.pressOverview tfoot {
    text-align: center;
}
table.pressOverview td, table.pressOverview th {
    vertical-align: top;
    padding: 3px 5px 4px 5px;
    border: 0;
}
table.pressOverview .date {
    width: 102px;
    text-align: center;
}
table.pressOverview .download {
    width: 34px;
    text-align: center;
}
/* Portlets auf der rechten Seite
------------------------------------------------------------------
------------------------------------------------------------------*/
div.portlet {
    background-color: #EBE9E5;
    margin-bottom: 1px;
    padding: 7px 0px;
}
div.portlet h4 {
    margin-top: 0px;
    margin-left: 10px;
    margin-bottom: 10px;
}
div.portlet p {
    margin: 3px 8px 0px 10px;
}
/* Kontakt-Portlet
------------------------------------------------------------------*/
#contact {
    background-color: #EBE9E5;
    padding-bottom: 15px;
    margin-bottom: 1px;
}
#contact div.ui-tabs-panel {
    background-color: #FFFFFF;
    width: 180px;
    margin: 0 10px;
}
#contact div.ui-tabs-hide {
    display: none;
}
#contact div.ui-tabs-panel p {
    padding: 10px;
    margin: 0;
}

/* Suche-Portlet
------------------------------------------------------------------*/
#search_portlet input.text {
    display: block;
    float: left;
    width: 150px;
    padding: 2px;
    font-size: 1em;
    border: 1px solid #999999;
    color: #666666;
}
#search_portlet input.image {
    display: block;
    float: right;
    padding-top: 1px;
}
/* Newsletter-Portlet
------------------------------------------------------------------*/
#newsletter input.text {
    display: block;
    float: left;
    width: 150px;
    padding: 2px;
    font-size: 1em;
    border: 1px solid #999999;
    color: #666666;
}
#newsletter input.image {
    display: block;
    float: right;
    padding-top: 1px;
}
/* Login-Portlet
------------------------------------------------------------------*/
#login h4 {
    background: transparent url(/cps/static/images/login_lock.gif) no-repeat right;
    display: inline;
    padding: 7px 20px 7px 0;
}
#login form {
    margin-top: 10px;
}
#login input.text {
    display: block;
    float: right;
    width: 80px;
    padding: 2px;
    font-size: 1em;
    border: 1px solid #999999;
    color: #666666;
    margin-bottom: 5px;
}
#login label {
    color: #666666;
    display: block;
    float: left;
    width: 80px;
}
#login .image {
    float: right;
    display: block;
    margin: 0 0 6px 0;
}
/* Merkzettel-Portlet
------------------------------------------------------------------*/
#merkzettel {
    background-color: #EBF4B4;
    padding: 0px;
}
#merkzettel a {
    color: #004236;
}
#merkzettel h4 {
    background: transparent url(/cps/static/images/bg_merkzettel.gif) no-repeat 0px 6px;
    line-height: 25px;
    padding-left: 40px;
    margin-bottom: 0;
    padding-top: 7px;
}
#merkzettel ul {
    margin: 0px 8px 5px 10px;
}
#merkzettel ul li {
    color: #004236;
    background: transparent url(/cps/static/images/arrow_merkzettel.gif) no-repeat left 6px;
    padding: 2px 0 2px 10px;
}
/* Contact Person-Portlet
------------------------------------------------------------------*/
#contactPerson img.person {
    display: block;
    margin: 3px 8px 3px 10px;
}
/* Download-Portlet
------------------------------------------------------------------*/
#download_portlet h4 {
    margin-bottom: 6px;
}
#download_portlet ul {
    margin-bottom: 6px;
}
#download_portlet ul li {
    padding: 4px 0 4px 27px;
    margin: 1px 3px 1px 10px;
    min-height: 21px;
}
#download_portlet ul li a {
}
#download_portlet ul li.pdf {
    background: transparent url(/cps/static/images/icon_pdf.gif) no-repeat left center;
}
#download_portlet ul li.zip {
    background: transparent url(/cps/static/images/icon_zip.gif) no-repeat left center;
}
#download_portlet ul li.jpg {
    background: transparent url(/cps/static/images/icon_jpg.gif) no-repeat left center;
}
#download_portlet ul li.doc {
    background: transparent url(/cps/static/images/icon_doc.gif) no-repeat left center;
}
#download_portlet ul li.mpg {
    background: transparent url(/cps/static/images/icon-video.gif) no-repeat left center;
}
#download_portlet ul li.mp3 {
    background: transparent url(/cps/static/images/icon-audio.gif) no-repeat left center;
}

/* Extras fuer Startseite
------------------------------------------------------------------*/
#start-page #content {
    margin: 0;
    width: 978px;
    float: none;
}
#start-page #header {
    height: 391px;
}
#start-page #bg_header {
    height: 391px;
}
#start-page #leftContent {
    float: left;
    width: 522px;
    margin: 25px 0;
    padding: 0;
}
#start-page #rightContent {
    float: right;
    width: 456px;
    margin: 25px 0;
}
div#leftContent h2 {
    margin: 0 0 8px 25px;
}
#international p {
    margin: 0;
    padding: 0;
}
#international {
    background:url(/cps/static/images/border_international.gif) right repeat-y;
    margin: 0 25px 0 25px;
    padding: 0;
    padding-right: 10px;
}
#international form#jump {
    height: 133px;
    background:url(/cps/static/images/worldmap.gif) left no-repeat;
    margin: 0;
    padding: 0;
}
#international select {
    margin: 50px 0 0 267px;
    width: 150px;
    padding: 0;
}
#start-page #content h1 {
    margin: 0;
}
div#rightContent h2 {
    margin: 0 0 8px 0;
}
#rightContent a:link, #rightContent a:visited {
    color: #006F53;
}
#rightContent a:hover, #rightContent a:focus {
    text-decoration: none;
}
#rightContent ul {
    margin: 0px 10px 0px 0px;
}
#start-page #rightContent ul li {
    padding-left: 20px;
    background: url(/cps/static/images/bullet.gif) 5px 6px no-repeat;
    margin-bottom: 9px;
}
#start-page #rightContent ul li a {
    margin-left: 0px;
}
div#rightContent p {
    margin-left: 20px;
    margin-top: 15px;
}
/* Extras fuer Privatkundenbereich
------------------------------------------------------------------*/
#content table.border {
    border-collapse: collapse;
    margin: 7px 0px;
}
#content table.border th {
    padding: 6px 14px;
    color: #006F53;
    text-align: left;
    font-size: 1.09em;
    font-weight: bold;
    padding: 6px 14px;
    background-color: #EFEDEA;
    border: 1px solid #D7D4CB;
    margin: 0px;
}
#content table.border td {
    padding: 5px;
    margin: 0;
    border: 1px solid #D7D4CB;
    vertical-align: top;
}
#content table.border td.first {
    padding-left: 14px;
}
#content ul.bullet {
    margin: 10px 0;
}
#content ul.bullet li {
    background: url(/cps/static/images/bullet.gif) 5px 6px no-repeat;
    padding-left: 20px;
    margin-bottom: 10px;
    margin-left: 0 !important;
    list-style: none !important;
}
#content ul.bullet li a {
    font-weight: bold;
}
#privat #content select {
    width: 250px;
}
/* Tabelle fuer Include z. B. Publikationen
------------------------------------------------------------------*/
#content div.include table {
    border-collapse: collapse;
    margin: 0 0 20px 0;
}
#content div.include  table th {
    padding: 2px;
    color: #006F53;
    text-align: left;
    font-size: 1.09em;
    font-weight: bold;
    padding: 6px 5px;
    background-color: #EFEDEA;
    border: 1px solid #D7D4CB;
    margin: 0px;
}
#content div.include  table th a {
   text-decoration:none;
}
#content div.include  table th a:hover {
   text-decoration:underline;
}
#content div.include  table td {
    padding: 2px;
    margin: 0;
    border: 1px solid #D7D4CB;
    vertical-align: top;   
}
#content div.include  table td.first {
    padding-left: 5px !important;
}
#content div.include  table th.download, #content div.include  table td.TDTextTableCell {
    text-align: center;
}
#content div.include table caption {
    color: #004236;
    font-size: 1.27em;
    margin: 30px 0 10px 0;
    font-weight: bold;
    text-align: left;
}
#content div.include p.footnote, #content p.footnote {
    color: #ABA38F;
    font-size: .91em;
}
/* Extras fuer Vertriebspartnerbereich
------------------------------------------------------------------*/
/* FORM SECTION
------------------------------------------------------------------*/
#content form {
    margin: 5px 40px 0 0;
}
#content form div.left {
    float: left;
    width: 240px;
}
#content form div.error {
    font-weight: bold;
    color: #D14414;
}
#content form div.right {
    float: right;
    width: 240px;
}
#content form fieldset {
    padding: 0;
    margin-top: 7px;
}
#content form input.radio {
    margin: 0px 5px 0 0;
}
#content form input.checkbox {
    margin: 0 10px 0 0;
}
#content form input.text {
    font-size: 1em;
    padding: 2px;
    border: 1px solid #999999;
    color: #666666;
    width: 234px;
}
#content form textarea {
    width: 489px;
    height: 150px;
    color: #666666;
    border: 1px solid #999999;
    margin: 10px 0 0 0;
    padding: 2px;
}
#content form input.readonly {
    background-color: #EBE9E5;
}
#content form input.submit {
    margin: 10px 0 0 0;
    padding: 0 10px;
    cursor: pointer;
}
/*
------------------------------------------------------------------*/
/* Form - Infopaket anfordern
------------------------------------------------------------------*/
form#infopaket fieldset div {
    margin: 10px 0 0 0;
}
form#infopaket fieldset div div {
    margin: 0;
}
form#infopaket fieldset#kapitalanlage div, form#infopaket fieldset#private div, form#infopaket fieldset#betriebliche div {
    margin-top: 8px;
    height: 20px;
}
form#infopaket fieldset#praeverenz input.checkbox {
    display: block;
    float: left;
}
form#infopaket fieldset#praeverenz label {
    display: block;
    width: 330px;
    float: left;
}
form#infopaket fieldset#praeverenz span {
    display: block;
}
form#infopaket fieldset#kapitalanlage {
    margin-top: 30px;
}
form#infopaket fieldset#informationen {
    margin: 5px 0;
}
form#infopaket fieldset#informationen label.informationen {
    margin: 0 10px 0 0;
}
form#infopaket fieldset#adresse label.anrede, form#infopaket fieldset#name label.gueltig, label.gueltig {
    margin: 0 15px 0 0;
}
input.date {
    width: 75px !important;
}
form#infopaket fieldset#adresse div {
    margin: 0;
}
form#infopaket fieldset#adresse div div, form#infopaket fieldset#adresse div div.left, form#infopaket fieldset#adresse div div.right {
    margin: 0;
}
form#infopaket fieldset#adresse div div.left, form#infopaket fieldset#adresse div div.right {
    margin-top: 10px;
}
form#infopaket fieldset#adresse input#plz, form#infopaket fieldset#adresse_detail input#plz, input.plz {
    width: 64px !important;
    margin: 0 4px 0 0;
}
form#infopaket fieldset#adresse input#ort, form#infopaket fieldset#adresse_detail input#ort, input.ort {
    width: 160px !important;
}
form#infopaket fieldset#ansprechpartner div div.left, form#infopaket fieldset#sonstige div div.left {
    width: 25px;
    margin: 0;
}
form#infopaket fieldset#ansprechpartner div div.right, form#infopaket fieldset#sonstige div div.right {
    width: 215px;
    margin: 0;
}
form#infopaket fieldset#weitere div.left {
    width: 25px;
}
form#infopaket fieldset#weitere div.right {
    width: 470px;
}
/* Fondssuche
-----------------------------------------------------------------*/
div#fondssuche form {
    margin: 0;
}
div#fondssuche {
    background: transparent url(/cps/static/images/bg_fondssuche.gif) repeat-x bottom;
    border: 1px solid #EBE9E5;
}
div#fondssuche div.leftFloat {
    width: 250px;
}
div#fondssuche div.rightFloat {
    width: 260px;
}
div#fondssuche div.leftFloat select#region.select, div#fondssuche div.leftFloat select#fondscompany.select {
    width: 240px;
}
div#fondssuche div#klassifizierung div {
    min-height: 20px;
    margin-top: 5px;
}
div#fondssuche div#klassifizierung div.clearFloat {
    min-height: 0;
    margin-top: 0;
}
div#fondssuche div#klassifizierung div.leftFloat {
    width: 15px;
}
div#fondssuche div#klassifizierung div.rightFloat {
    width: 236px;
}
div#fondssuche div#risikoklasse div, div#fondssuche div#waehrungsrisiko div {
    margin-top: 4px;
}
div#fondssuche form input {
    margin-right: 4px !important;
}
div#fondssuche fieldset {
    margin: 0 9px;
}
div#fondsfinder .text {
    margin-bottom: 7px;
}
div#fondsfinder div.select select {
    margin-bottom: 7px;
    color: #666666;
    width: 238px !important;
    font-size: 1em;
}
div#fondssuche div#risikoklasse {
    margin-bottom: 9px;
}
div#fondsergebnis table {
    border-collapse: collapse;
}
div#fondsergebnis table caption {
    color: #004236;
    text-align: left;
    font-size: 1.1em;
    margin: 20px 0 5px 0;
}
div#fondsergebnis table th {
    background-color: #EFEDEA;
    border: 1px solid #D7D4CB;
    color: #006F53;
    font-weight: bold;
    font-size: 1.09em;
    padding: 6px 5px;
    text-align: left;
}
div#fondsergebnis table td {
    padding: 2px;
    border: 1px solid #D7D4CB;
}
div#fondsergebnis table span.isin {
    display: none;
}
div#fondsergebnis table td.classifikation, div#fondsergebnis table th.classifikation {
    text-align: center;
}
div#fondsergebnis table td a:link {
    color: #666666;
}
div#fondsergebnis table td.vierp a:link {
    color: #006F53;
}
/* Suche
-----------------------------------------------------------------*/
div#search {
    margin-bottom: 20px;
}
div#search form {
    margin: 0;
}
div#search input.text {
    width: 160px;
}
div#search form div.text, div#search form div.select {
    height: 20px;
    margin-bottom: 7px;
}
div#search div.leftFloat {
    width: 295px;
}
div#search div.rightFloat {
    width: 200px;
}
div#search form input.date {
    width: 70px !important;
}
div#search_extended input.text {
    width: 100px;
}
div#search div.select select {
    color: #666666;
    font-size: 1em;
}
div#search_extended {
    margin-top: 10px;
    width: 533px;
    border: 1px solid #D7D4CB;
    background: transparent url(/cps/static/images/bg_slide.gif) repeat-x bottom;
}
div#search_extended h3 {
    background: #FFFFFF url(/cps/static/images/bg_slide.gif) bottom repeat-x;
    font-size: 1.09em;
    margin: 0;
}
div#search_extended h3 a {
    display: block;
    text-decoration:none;
    line-height: 37px;
    padding-left: 14px;
    background: transparent url(/cps/static/images/bg_slide_down.gif) 500px center no-repeat;
}
div#search_extended div.innerWrap {
    margin: 7px;
}
div#searchresult div.searchitem {
    margin-bottom: 10px;
}
div#searchresult div.searchitem address {
    color: #857D67;
}
/* Suchergebnis
-----------------------------------------------------------------*/
div#suchergebniss table th {
    text-align: left;
    font-size: 1.1em;
    font-weight: bold;
    color: #006F53;
}
/* NAVIGATION SECTION
------------------------------------------------------------------*/
/* Main navigation
------------------------------------------------------------------*/
ul#mainNav {
    position: absolute;
    top: 10px;
    left: 542px;
    width: 573px;
    height: 26px;
}
ul#mainNav li {
    display: inline;
    padding: 0;
    margin: 0;
}
ul#mainNav li a {
    border: 0;
    display: block;
    float: left;
    width: 141px;
    height: 26px;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;
    color: #999999;
    margin-right: 2px;
    line-height: 26px;
    text-align: center;
    background: transparent url(/cps/static/images/main_navigation.gif) no-repeat;
}
ul#mainNav li a:hover, ul#mainNav li a:focus {
    background-position: 0px -26px;
    color: #006F53;
}
/* Main navigation "active tabs"
------------------------------------------------------------------*/
body#privat ul#mainNav li#privat_nav a {
    background-position:0px -52px;
    color: #006F53;
}
body#firmen ul#mainNav li#firmen_nav a {
    background-position:0px -52px;
    color: #006F53;
}
body#partner ul#mainNav li#partner_nav a {
    background-position:0px -52px;
    color: #006F53;
}
body#skandia ul#mainNav li#skandia_nav a {
    background-position:0px -52px;
    color: #006F53;
}
/* Sub navigation
------------------------------------------------------------------*/
ul#subNav li {
    display: inline;
}
ul#subNav li a {
    display: block;
    text-indent: 24px;
    float: left;
    width: 244px;
    line-height: 30px;
    margin: 1px 0 10px 0;
    border-right: 1px solid #FFFFFF;
    background: url(/cps/static/images/bg_sub_nav.gif) repeat-x;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.27em;
}
ul#subNav li#lastItem a {
    width: 243px;
    border-right: none;
}
ul#subNav li a:hover, ul#subNav li a:focus, ul#subNav li a.act {
    background-position: 0 -30px;
    color: #006F53;
}
/* Content navigation "start-page"
------------------------------------------------------------------*/
body#start-page ul#contentNav {
    position: absolute;
    top: 260px;
    left: 182px;
    width: 624px;
    height: 70px;
}
body#start-page ul#contentNav li {
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    text-indent: -9999px;
}
body#start-page ul#contentNav li a {
    border: 0;
    display: block;
    width: 200px;
    height: 70px;
    margin-right: 8px;
    text-decoration: none;
    overflow: hidden;
    background:transparent url(/cps/static/images/content_navigation.png) no-repeat;
}
body#start-page ul#contentNav li#partner a {
    background-position: -208px 0px;
}
body#start-page ul#contentNav li#ueberSkandia a {
    background-position: -416px 0px;
}
body#start-page ul#contentNav li#extranet a {
    margin-left: 208px;
    height: 26px;
    background-position: -624px 0px;
}
body#start-page ul#contentNav li#kunden a:hover {
    background-position: 0px -70px;
}
body#start-page ul#contentNav li#partner a:hover {
    background-position: -208px -70px;
}
body#start-page ul#contentNav li#ueberSkandia a:hover {
    background-position: -416px -70px;
}
/* Content navigation "subpages"
------------------------------------------------------------------*/
div#contentNav {
    background: #FFFFFF url(/cps/static/images/bg_content_nav.gif) bottom repeat-x;
    border: 1px solid #EBE9E5;
    margin: 40px 10px 10px 10px;
    width: 956px;
    overflow: hidden;
}
ul#contentNavBody {
    margin: 16px 0;
    width: 960px;
    background: transparent url(/cps/static/images/bg_content_nav_body.gif);
}
ul#contentNavBody li a {
    color: #857D67;
    text-decoration: none;
}
ul#contentNavBody li a:hover, ul#contentNavBody li a:focus {
    text-decoration: underline;
}
ul#contentNavBody li.topic a {
    font-weight: bold;
    font-size: 1.1em;
}
div#contentNav ul#contentNavBody li.border {
    float: left;
    width: 240px;
    margin-left: 0px;
}
div#contentNav ul#contentNavBody li.topic {
    padding-left: 20px;
    width: 220px;
}
div#contentNav ul#contentNavBody li.topic ul li.new {
    max-width: 190px;
}
div#contentNav ul#contentNavBody li.topic ul li.new a span.new {
    position: absolute;
    right: -27px;
    background: transparent url(/cps/static/images/content_nav_new.png) no-repeat;
    width: 26px;
    height: 25px;
    top: -5px;
}
div#contentNav ul#contentNavBody li.topic ul li.new a {
    position: relative;
    font-weight: bold;
    color: #006F53;
}
div#contentNav ul#contentNavBody li.topic ul {
    margin: 0 5px 0 20px;
}
ul#contentNavBody li.topic ul li {
    margin: 4px 0;
}
ul#contentNavBody li.topic ul li a {
    font-weight: normal;
    font-size: 1em;
    margin-left: 0;
}
/* Toplinks
------------------------------------------------------------------*/
ul#topNav {
    position: absolute;
    bottom: 5px;
    right: 603px;
    font-size: .91em;
}
ul#footerNav li {
    margin-top: 4px;
}
ul#topNav li, ul#footerNav li {
    display: block;
    float: left;
    line-height: 1.2em;
}
ul#topNav .border, ul#footerNav .border {
    border-right: 1px solid #666666;
}
ul#topNav li a, ul#footerNav li a {
    margin: 0 7px;
    color: #666666;
    text-decoration: underline;
}
ul#topNav li a:hover, ul#topNav li a:focus, ul#footerNav li a:hover, ul#footerNav li a:focus {
    text-decoration: none;
}
/* Contact Navigation
------------------------------------------------------------------*/
#contact ul {
    width: 180px;
    height: 32px;
    margin: 10px 10px 0 10px;
}
#contact ul li {
    display: block;
    float: left;
    text-indent: -9999px;
}
#contact ul li a {
    border: 0;
    display: block;
    width: 45px;
    height: 32px;
    text-decoration: none;
    overflow: hidden;
    background:transparent url(/cps/static/images/contact_nav.gif) no-repeat;
}
#contact ul li#phone_nav a {
    background-position: 0px 0px;
}
#contact ul li#persoenlich_nav a {
    background-position: -45px 0px;
}
#contact ul li#mail_nav a {
    background-position: -90px 0px;
}
#contact ul li#anschrift_nav a {
    background-position: -135px 0px;
}
#contact ul li#phone_nav.ui-tabs-selected a {
    background-position: 0px -32px;
}
#contact ul li#persoenlich_nav.ui-tabs-selected a {
    background-position: -45px -32px;
}
#contact ul li#mail_nav.ui-tabs-selected a {
    background-position: -90px -32px;
}
#contact ul li#anschrift_nav.ui-tabs-selected a {
    background-position: -135px -32px;
}
/* Section navigation
------------------------------------------------------------------*/
ul#sectionNav {
    float: left;
    width: 200px;
}
ul#sectionNav li {
    display:inline;
}
ul#sectionNav li a {
    display: block;
    padding: 7px 2px 8px 18px;
    line-height: 1.2em;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    background: #006F53 url(/cps/static/images/bg_sec_nav.gif) no-repeat 6px center;
    border-bottom: 1px solid #FFFFFF;
}
/* 1. Level act and hover */
ul#sectionNav li a:hover, ul#sectionNav li a.act {
    background: #C3E405 url(/cps/static/images/bg_sec_nav_hover.gif) no-repeat 7px center;
    color: #004236;
}
ul#sectionNav li a.sub {
    background: #006F53 url() no-repeat 6px center;
    border-bottom: none;
    padding: 8px 2px 8px 18px;
}
ul#sectionNav li a.sub:hover, ul#sectionNav li a.subact {
    background: #C3E405 url(/cps/static/images/bg_sec_nav_sub_hover.gif) no-repeat 6px center;
    color: #004236;
}
ul#sectionNav li ul li a {
    background: #E5F0ED none;
    border-bottom: 1px solid #FFFFFF;
    font-weight: normal;
    color: #004236;
}
ul#sectionNav li ul li a:hover, ul#sectionNav li ul li a.act, ul#sectionNav li ul li a.act:hover {
    font-weight: bold;
    background: #C3E405 none;
    border-bottom: 1px solid #FFFFFF;
    color: #004236;
}
ul#sectionNav li ul li a:hover {
    font-weight: normal;
}
ul#sectionNav li ul li a.sub, ul#sectionNav li ul li a.sub:hover {
    background: none;
    background-color: #E5F0ED;
    font-weight: bold;
    border-bottom: none;
}
ul#sectionNav li ul li a.sub:hover {
    background-color: #C3E405;
}
ul#sectionNav li ul li a.subact {
    background: #C3E405 none;
    border-bottom: none;
}
ul#sectionNav li ul li ul li a.sub {
    border-bottom: none;
    padding: 4px 2px 5px 30px;
    background: #E5F0ED none;
}
ul#sectionNav li ul li ul li a.sub:hover {
    border-bottom: none;
    padding: 4px 2px 5px 30px;
    background: #E5F0ED url(/cps/static/images/bg_sec_nav_subitem_hover.gif) no-repeat 20px 8px;
}
ul#sectionNav li ul li ul li a {
    padding: 4px 2px 5px 30px;
    border-bottom: none;
}
ul#sectionNav li ul li ul li ul li a {
    padding: 4px 2px 5px 40px;
    border-bottom: none;
}
ul#sectionNav li ul li ul li a:hover, ul#sectionNav li ul li ul li a.act, ul#sectionNav li ul li ul li a.act:hover, ul#sectionNav li ul li ul li a.subact:hover {
    border-bottom: none;
    background: #E5F0ED url(/cps/static/images/bg_sec_nav_subitem_hover.gif) no-repeat 20px 8px;
}
ul#sectionNav li ul li ul li a.subact {
    border-bottom: none;
    background: #E5F0ED url(/cps/static/images/bg_sec_nav_subitem_hover.gif) no-repeat 20px 8px;
    font-weight: bold;
}
ul#sectionNav li ul li ul li ul li a:hover, ul#sectionNav li ul li ul li ul li a.act, ul#sectionNav li ul li ul li ul li a.act:hover {
    border-bottom: none;
    background-position: 30px 8px;
}
/* Sitemap
----------------------------------------------------*/
div#sitemap {
    background: transparent url(/cps/static/images/bg_content_nav.gif) repeat-x bottom;
    margin: 40px 0;
    border: 1px solid #D7D4CB;
    width: 956px;
}
div#sitemap ul {
    background: transparent url(/cps/static/images/bg_sitemap.gif) repeat-y;
}
div#sitemap ul li {
    float: left;
    width: 319px;
}
div#sitemap ul li.last {
    border-bottom: 1px solid #EBE9E5;
}
div#sitemap ul li.clearFloat {
    float: none;
}
div#sitemap ul li span {
    display: block;
    background: transparent url(/cps/static/images/bg_podcast.gif) repeat-x bottom;
    border-right: 1px solid #EBE9E5;
    border-bottom: 1px solid #EBE9E5;
    padding: 10px 0 10px 10px;
}
div#sitemap ul li span a {
    font-size: 1.27em;
    color: #006F53;
    text-decoration: none;
    font-weight: bold;
}
div#sitemap ul li ul li {
    background: none;
}
div#sitemap ul li ul li span {
    background-image: none;
    border: none;
    padding: 6px 0;
    margin-left: 10px;
}
div#sitemap ul li ul li span a {
    font-size: 1.27em;
    font-weight: normal;
}
div#sitemap ul li ul li ul li span {
    padding: 4px 0;
    margin-left: 20px;
}
div#sitemap ul li ul li ul li span a {
    font-size: 1.09em;
    font-weight: bold;
    color: #666666;
}
div#sitemap ul li ul li ul li ul li span {
    margin-left: 30px;
}
div#sitemap ul li ul li ul li ul li span a {
    font-size: 1em;
    color: #999999;
}
div#sitemap ul li ul li ul li ul li ul li span {
    padding: 3px 0;
    margin-left: 40px;
}
div#sitemap ul li ul li ul li ul li ul li span a {
    font-weight: normal;
}
/* Produktfinder
----------------------------------------------------*/
#produktfinder {
    padding: 10px 13px 10px 13px;
    position: relative;
    border: 1px solid #EBE9E5;
    background: #FFFFFF url(/cps/static/images/bg_teaser.gif) bottom repeat-x;
}
#produktfinder table tr.question td {
    text-align: center;
}
#produktfinder table tr.values {
    display: none;
}
#produktfinder .ui-slider-bw, #produktfinder .ui-slider-fw {
    float: left;
}
#produktfinder .ui-slider-bw {
    cursor: pointer;
    position: relative;
    text-indent:-9999px;
    width: 10px;
    height: 10px;
    /* margin-left: 5px; */
    background: transparent url(/cps/static/images/slider_jump_bw.gif) no-repeat;
}
#produktfinder .ui-slider-fw {
    cursor: pointer;
    position: relative;
    margin-right: 5px;
    text-indent:-9999px;
    width: 10px;
    height: 10px;
    background: transparent url(/cps/static/images/slider_jump_fw.gif) no-repeat;
}
#produktfinder .ui-slider-handle {
    position: absolute;
    z-index: 1;
    height: 10px;
    width: 40px;
    top: 0px;
    left: 0px;
    background: transparent url(/cps/static/images/slider-handle.png) no-repeat;
}
#finderResult h4 {
    margin: 10px 0 10px 14px;
}
#finderResult ul, #finderResult ul li {
    list-style: none !important;
}
#produktfinder .ui-slider {
    position: relative;
    float: left;
    width: 475px;
    height: 10px;
    background: transparent url(/cps/static/images/bg_slider.gif) repeat-x center;
}
ul#result {
    margin: 10px !important;
}
ul#result li {
    margin: 10px 0;
}
ul#result li a {
    font-weight: bold;
}
div#headlineContainer h3 {
    float: none;
}
#finderResult div#headlineContainer {
    background: #FFFFFF url(/cps/static/images/bg_slide.gif) bottom repeat-x;
    border: 1px solid #EBE9E5;
    border-left: none;
    border-right: none;
}
div#finderResultTextContainer p {
    margin: 10px;
}
div#finderResult ul li a {
    font-weight: bold;
}
#finderResultImage {
	margin-left: 10px;
    margin-top: 10px;
    padding: 4px;
    border: 1px solid #EBE9E5;
}
/* Investmentfinder
----------------------------------------------------*/
#investmentfinder {
    margin-bottom: 15px;
    padding: 10px 13px 10px 13px;
    position: relative;
    border: 1px solid #EBE9E5;
    background: #FFFFFF url(/cps/static/images/bg_teaser.gif) bottom repeat-x;
}
#investmentfinder div#slider_investment {
    margin-right: 15px;
    margin-left: 15px;
}
#investmentfinder table#values_investment {
    margin-top: 12px;
    height: 150px;
}
#investmentfinder table#values_investment td {
    /* vertical-align: middle; */
}
#investmentfinder .ui-slider {
    position: relative;
    width: 11px;
    height: 150px;
    background: transparent url(/cps/static/images/bg_slider_vertical.gif) repeat-y center;
}
#investmentfinder td.value {
    display: none;
}
#investmentfinder .ui-slider-fw {
    cursor: pointer;
    position: relative;
    text-indent:-9999px;
    width: 11px;
    height: 11px;
    background: transparent url(/cps/static/images/slider_jump_fw_vertical.gif) no-repeat;
}
#investmentfinder .ui-slider-bw {
    cursor: pointer;
    position: relative;
    text-indent:-9999px;
    width: 11px;
    height: 11px;
    background: transparent url(/cps/static/images/slider_jump_bw_vertical.gif) no-repeat;
}
#investmentfinder .ui-slider-handle {
    position: absolute;
    z-index: 1;
    height: 44px;
    width: 11px;
    top: 0px;
    left: 0px;
    background: transparent url(/cps/static/images/slider-handle_vertical.png) no-repeat;
}
div#finderResult p.description {
    margin: 5px 14px;
}
div#finderResult p.link {
    margin: 5px 14px 15px 14px;
    font-weight: bold;
}
/* Anlagerechner
----------------------------------------------------*/
#anlagerechner div.input {
    border: 1px solid #EBE9E5;
    border-bottom: none;
    background: #FFFFFF url(/cps/static/images/bg_teaser.gif) bottom repeat-x;
}
#anlagerechner div.output {
   border: 1px solid #EBE9E5;
   border-top: none;
   position: relative;
}
#anlagerechner .ui-slider-bw, #anlagerechner .ui-slider-fw {
    float: left;
}
#anlagerechner .ui-slider-bw {
    cursor: pointer;
    position: relative;
    text-indent:-9999px;
    width: 10px;
    height: 10px;
    background: transparent url(/cps/static/images/slider_jump_bw.gif) no-repeat;
}
#anlagerechner .ui-slider-fw {
    cursor: pointer;
    position: relative;
    margin-right: 5px;
    text-indent:-9999px;
    width: 10px;
    height: 10px;
    background: transparent url(/cps/static/images/slider_jump_fw.gif) no-repeat;
}
#anlagerechner .ui-slider-handle {
    position: absolute;
    z-index: 1;
    height: 10px;
    width: 40px;
    top: 0px;
    left: 0px;
    background: transparent url(/cps/static/images/slider-handle.png) no-repeat;
}
#anlagerechner .slider-callout {
    position: absolute;
    top: 15px;
    width: 40px;
    height: 15px;
    font-weight: bold;
    color: #666666;
    text-align: center;
    white-space: nowrap;
}
#anlagerechner .callout {
    position: absolute;
    top: 30px;
    width: 40px;
    height: 15px;
    font-weight: bold;
    color: #666666;
    text-align: center;
    white-space: nowrap;
}
#anlagerechner .ui-slider {
    position: relative;
    float: left;
    width: 475px;
    height: 10px;
    background: transparent url(/cps/static/images/bg_slider.gif) repeat-x center;
}
#anlagerechner #anlagesumme, #anlagerechner #anlagezeitraum {
    width: 505px;
    margin: 0 auto;
}
#anlagerechner #anlagezeitraum {
    padding-bottom: 50px;
    margin-top: 50px;
}
#anlagerechner #anlagesumme form {
    margin: 0 0 15px 0;
}
#anlagerechner h3 {
    margin: 15px 0 5px 0;
}
#anlagerechner .input .description {
    margin-top: 5px;
    font-weight: bold;
    color: #666666;
}
#anlagerechner #anlagezeitraum div.rightFloat {
    margin-right: 7px;
}
#anlagerechner .output .animation {
    width: 100%;
    height: 100%;
    left: 0px;
    z-index: 1;
    position: absolute;
    background-color: #EBE9E5;
}
#anlagerechner .output .animation .anigif {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
}
#anlagerechner .output .rightFloat {
    position: relative;
}
#anlagerechner .output .rightFloat .description {
    margin: 0;
    position: absolute;
    top: 120px;
}
#anlagerechner .output .description {
    margin: 10px 15px;
}
#anlagerechner span.tip {
    display: none;
}
/* Startseite Investment-Optionen
----------------------------------------------------*/
div.clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}
#options_box {
    width: 530px;
    height: 341px;
    background: url();
}
.item {
    float: left;
    clear: left;
    display: inline; /* ie6 double margin */
    width: 350px;
    height: 16px;
    font-size: 11px;
    font-weight: bold;
    font-family: verdana, sans-serif;
}
.item .text {
    float: left;
}
.item0 {
    margin: 22px 0 0 26px;
    color: #000;
}
.item1 {
    margin: 24px 0 0 131px;
    color: #003466;
}
.item2 {
    margin: 24px 0 0 141px;
    color: #FFF;
}
.item3 {
    margin: 24px 0 0 141px;
    color: #FFF;
}
.item4 {
    margin: 24px 0 0 141px;
    color: #FFF;
}
.item5 {
    margin: 54px 0 0 26px;
    color: #000;
}
.item6 {
    margin: 24px 0 0 131px;
    color: #003466;
}
.kunden_auswahl {
    float: right;
    margin: 29px 42px 0 0;
    display: inline; /* ie6 double margin */
    font-size: 17px;
    font-family: verdana, sans-serif;
    line-height: 20px;
    color: #FFF;
}
#options_box a.info_w, #options_box a.info_db, #options_box a.info_lb {
    float: left;
    width: 16px;
    height: 16px;
    margin: 0 0 0 5px;
}
#options_box a.info_w {
    background: url();
}
#options_box a.info_w:hover {
    background: url();
}
#options_box a.info_db {
    background: url();
}
#options_box a.info_db:hover {
    background: url();
}
#options_box a.info_lb {
    background: url();
}
#options_box a.info_lb:hover {
    background: url();
}
.tipbox {
    position: absolute;
    width: 340px;
    background: url() no-repeat left bottom;
    font-size: 11px;
    font-family: verdana, sans-serif;
    color: #000;
}
.tipbox .schatten {
    border-right: 2px solid #9d9d9d;
    padding: 8px 12px 12px 10px;
    margin: 2px 0 12px 0;
}
.tipbox .titel {
    padding: 0 0 20px 0;
    font-weight: bold;
}
.tipbox .text {
    padding: 0 0 20px 0;
}
.tipbox a {
    text-decoration: underline;
    color: #000;
}
.tipbox a:hover {
    text-decoration: none;
    color: #000;
}

/* Print-Section
----------------------------------------------------*/
@media print {
    body{
        margin:1cm 1cm 1cm 1cm;
        background:#fff;
    }    
    div#top, div#threeColContent div.rightCol, div#twoColContent div.rightCol, div#threeColContent ul#sectionNav, ul#subNav, div#contentNav {
        display: none;
    }
    #header img.logo{
        left:0;
    }
    div#header, div#bg_header {
        height: 70px;
        background:none !important;
    }
    #header #bg_header {
        height: 70px;
        background:none !important;
    }
    #content div.pageScroll {
        display: none;
    }
    div.slideContent, div#content div.rightCol {
        display: block;
    }
    .leftCol {
        float: none;
    }
    #threeColContent div.leftCol {
        width: 100%;
        margin:0;
    }
    #threeColContent{margin:0;width:100%}
    #threeColContent #content {
        width: 100%;
    }
    ul.buttons {
        display: none;
    }
    div.slide div.selected{
        border:none;
    }
    div.slide div.selected h3{
        border: 1px solid #D7D4CB;
        border-bottom:none;
    }
    div.slide div.slideContent {
        display: block !important;
        border: 1px solid #D7D4CB;
        border-bottom: none;
        height:auto !important;
    }
    div.leftCol div#content {
        width: 100%;
    }
    #content {
        float: none;
    }
    #footer {
        width: 100%;
    }
    #border {
        border: none;
        margin:0 1cm 0 0;
        width:auto;
    }
    #threeColContent #content ul, 
    #threeColContent #content ol {
        clear:both;
        float:none;        
        width:auto;
        margin:0 0.8cm 0 16px !important; 

    }
}

/* Thickbox-Section
----------------------------------------------------*/
/*  Global Settings (needed for thickbox) */
*{padding: 0; margin: 0;}

/*  Thickbox specific link and font settings */
#TB_window {
    font: 12px Arial, Helvetica, sans-serif;
    color: #333333;
}
#TB_secondLine {
    font: 10px Arial, Helvetica, sans-serif;
    color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/*  Thickbox settings */
#TB_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
}
.TB_overlayMacFFBGHack {background: url(/cps/static/images/macFFBgHack.png) repeat;}
.TB_overlayBG {
    background-color:#000;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
}
#TB_window {
    position: fixed;
    background: #ffffff;
    z-index: 102;
    color:#000000;
    display:none;
    border: 4px solid #525252;
    text-align:left;
    top:50%;
    left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
}
#TB_window img#TB_Image {
    display:block;
    margin: 15px 0 0 15px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
}
#TB_caption{
    height:25px;
    padding:7px 30px 10px 25px;
    float:left;
}
#TB_closeWindow{
    height:25px;
    padding:11px 25px 10px 0;
    float:right;
}
#TB_closeAjaxWindow{
    padding:7px 10px 5px 0;
    margin-bottom:1px;
    text-align:right;
    float:right;
}
#TB_ajaxWindowTitle{
    float:left;
    padding:7px 0 5px 10px;
    margin-bottom:1px;
}
#TB_title{
    background-color:#e8e8e8;
    height:27px;
}
#TB_ajaxContent{
    clear:both;
    padding:2px 15px 15px 15px;
    overflow:auto;
    text-align:left;
    line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
    padding:15px;
}
#TB_ajaxContent p{
    padding:5px 0px 5px 0px;
}
#TB_load{
    position: fixed;
    display:none;
    height:13px;
    width:208px;
    z-index:103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
    position: absolute;
}
#TB_HideSelect{
    z-index:99;
    position:fixed;
    top: 0;
    left: 0;
    background-color:#fff;
    border:none;
    height:100%;
    width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
}
#TB_iframeContent{
    clear:both;
    border:none;
    margin-bottom:-1px;
    margin-top:1px;
}

/* Drei-Welten Layer
----------------------------------------------------*/

#landingpage-fullscreen-overlay {
    position:absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    background: #000;
    height: 100%;
    width: 100%;
    display: none;
}
#landingpage-fullscreen-container {
    position:absolute;
    z-index: 1001;
    border: 1px outset #000;
    padding: 10px;
    background: #FFF;
    display: none;
}
#landingpage-fullscreen-close {
    background:white none repeat scroll 0 0;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    border-top:1px solid #000000;
    display:block;
    font-size:12px;
    font-weight:bold;
    height:16px;
    line-height:16px;
    position:absolute;
    right:-1px;
    text-align:center;
    text-decoration:none;
    top:-17px;
    width:20px;
}

/* Deomo-Tool Online Services
----------------------------------------------------*/
.demo_container                 { position: relative; width: 535px; }
.flash_start                    { margin: auto; }
.flash_demo                     { position: absolute; top: 95px; left: -214px; }

/*----------Madhu Changes------------------*/
.rightColNew {
    float: right;
}

#landingpage #threeColContent div.rightColNew {
    width: 261px;
    margin-left: 10px;
    padding-bottom: 10px;
    padding-right: 4px;
}

span.lock2 {
    background: transparent url(/cps/static/images/lock2.gif) no-repeat right bottom;
    width: 11px;
    line-height: 11px;
    padding-left:10px;
}

page{
  font-size: 12px; 
  line-height: 16px;	
}

.segment{
	padding: 0 28px 29px 29px;
}

/*
.segment .col1{
	float: left; 
	display: inline; 
	width: 631px;
	background: #FFFFFF url(/cps/static/images/radiant.gif) bottom repeat-x;
	border:1px solid #EBE9E5;
}
*/

.col1{
	height: 291px;
	width: 631px; 
	background: #FFFFFF url(/cps/static/images/radiant.gif) bottom repeat-x;
	border:1px solid #EBE9E5;
	position: relative;
}

.rightColNew .col2{
  background: none;
	display: inline; 
  width: 255px;
}

.cleardemo{
	clear: both; 
	height: 0px; 
	line-height: 0px; 
	font-size: 0px; 
}

.calc-box{
	height: 241px;
	width: 631px; 
	background: url(/cps/static/images/calc.gif) no-repeat;
  position: relative;
}


#content .calc-box p{
	font-weight: bold; 
	color: #00754d;
	width: 200px;
	font-size: 12px;
	line-height: 16px;
	margin: 0px;
}

.calc-box a{
	display: block;
	color: #fff; 
	font-weight: bold; 
	text-decoration: none;
	text-transform: uppercase;
}

#content .intro{
	padding: 8px 0 30px 0;
}

#content .intro p {
	padding: 10px 0 0 0;
	font-size: 12px; 
  line-height: 16px;	
	margin: 0px;
	text-align: left;
}

#content .intro h1{
	font-size: 21px; 
	line-height: 25px;
	color: #00754d; 
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;	
	margin: 0px;
}

.calc-box a span{
	display: block;
	padding: 16px 10px 0 50px;
}

.calc-box .headline-1, .calc-box .headline-2, .calc-box .para-1-1, .calc-box .para-1-2, .calc-box .para-2-1, .calc-box .para-2-2, .calc-box .link-1-1, .calc-box .link-2-1{
	position: absolute; 
}

#content .calc-box h2{
	font-size: 21px; 
	line-height: 25px;	
	color: #00754d; 
	margin: 0px;
	font-weight: normal;
}


.calc-box .headline-1{
	left: 19px; 
	top: 18px;
	
}

.calc-box .headline-2{
	left: 354px; 
	top: 18px;	
}


.calc-box .para-1-1{
	left: 45px; 
	top: 72px;	
}
.calc-box .para-1-2{
	left: 45px; 
	top: 120px;		
}

.calc-box .para-2-1{
	left: 379px; 
	top: 72px;			
}
.calc-box .para-2-2{
	left: 379px; 
	top: 120px;		
}
.calc-box .link-1-1,
.calc-box .link-2-1{
	width: 230px; 
	height: 51px; 
	background: url(/cps/static/images/empty.gif);
}

/* wenn zweispaltig dann so
.calc-box a.link-2-1 span{
	display: block;
	padding: 10px 10px 0 52px;
}	*/

.calc-box .link-1-1{
	left: 41px;
	top: 166px;
}
.calc-box .link-2-1{
	left: 355px;
	top: 166px;	
}


/*.calc-box .headline-1,*/
/*.calc-box .headline-2,*/
/*.calc-box .para-1-1,*/
/*.calc-box .para-1-2,*/
/*.calc-box .para-2-1,*/
/*.calc-box .para-2-2,*/
/*.calc-box .link-1-1,*/
/*.calc-box .link-2-1{
	display: none;
}*/

/* linklist */

.list1{
	height: 362px;
	background: #ece9e5;
}

.list1 h3 {
	padding: 20px 20px 33px 20px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: 15px; 
	font-weight: bold;
	color: #00754d; 	
	margin: 0px;
}


.list1 a{
	float: left; 
	padding-left: 41px;
	padding-bottom: 5px;
	color: #00754d;
  font-size: 12px; 
  line-height: 16px;		
}

.list1 .link{
	padding-bottom: 10px;
}

.list1 .arrow  a{
	background: url(/cps/static/images/arrow.gif) 18px 1px no-repeat;
}
.list1 .pdf  a{
	background: url(/cps/static/images/icon_pdf.gif) 12px 0px no-repeat;
}

.list1 .mpg  a{
	background: url(/cps/static/images/icon-video.gif) 12px 0px no-repeat;
}

.list1  img{
	float: left;
	padding-top: 1px;
}


/**radiant box */

.radiant-box {
	border: solid #ebe9e5 0px;
	background: #ebe9e5 url(/cps/static/images/radiant.gif) repeat-x;
}

/* list2 */ 

.list2 .itemlist{
  padding-bottom: 15px;
	zoom: 1;
}

#content .list2 h2{
  /*padding-top: 12px;*/
	font-size: 21px; 
	line-height: 25px;	
	color: #00754d;   
	padding: 16px 20px 16px 18px;
	font-weight: normal;
	margin: 0px;	
}

.list2 h4{
	float: left; 
	display: inline;
	width: 111px;
	padding-left: 20px;
	
	font-size: 12px; 
	font-weight: bold; 
	line-height: 16px;
	color: #060606;
	margin:0px;
}

#content .list2 p{
	float: left; 
	display: inline;
	width: 485px;
	margin: 0px;
	font-size: 12px; 
  line-height: 16px;		
}



/* online box */

.online-box{
	background: url(/cps/static/images/online.gif) no-repeat;
	height: 211px; 
	width: 265px;
	
	position: relative;
}

.online-box strong {
	color: #00754d;
}

.online-box p{
	position: absolute; 
	top: 0; 
	left: -1300px;
  font-size: 12px; 
  line-height: 16px;		
}


.online-box p.para-1{
	position: absolute; 
	top: 22px; 
	left: 65px;
}

.online-box p.para-2{
	position: absolute; 
	top: 112px; 
	left: 65px;
}