/* CSS Document */ body { margin:0; padding:0; background:#EFEFEC; color:#6A6963; } h1,h2,h3,h4,h5,h6,p,div,ul,li,ol,dl,dd,dt,table,td,th,input,textarea,select,option,form { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6A6963; } a { -moz-outline:0; outline:0; color:#6A6963; text-decoration:none; } a img { border:0; } br.clear { clear: both; height: 0; line-height: 0; margin: 0; padding: 0; } .float-wrapper { width:100%; margin:0 !important; overflow:hidden; } a.btn-link { float:left; display:inline; background:url(../img/structure/btn/btn_link_left.gif) no-repeat; height:25px; overflow:hidden; padding:0 0 0 9px; margin:0 10px 0 0; } a.btn-link span { display:block; background:url(../img/structure/btn/btn_link_right.gif) no-repeat 100% 0; padding:3px 25px 4px 0; color:#FFF; cursor:pointer; font-weight:bold; } .color-01 a.btn-link { background:url(../img/structure/btn/colored/1/btn_link_left.gif) no-repeat; } .color-01 a.btn-link span {background:url(../img/structure/btn/colored/1/btn_link_right.gif) no-repeat 100% 0; } .color-02 a.btn-link { background:url(../img/structure/btn/colored/2/btn_link_left.gif) no-repeat; } .color-02 a.btn-link span {background:url(../img/structure/btn/colored/2/btn_link_right.gif) no-repeat 100% 0; } .color-03 a.btn-link { background:url(../img/structure/btn/colored/3/btn_link_left.gif) no-repeat; } .color-03 a.btn-link span {background:url(../img/structure/btn/colored/3/btn_link_right.gif) no-repeat 100% 0; } .color-04 a.btn-link { background:url(../img/structure/btn/colored/4/btn_link_left.gif) no-repeat; } .color-04 a.btn-link span {background:url(../img/structure/btn/colored/4/btn_link_right.gif) no-repeat 100% 0; } a.btn-link-grey { float:left; display:inline; background:url(../img/structure/btn/btn_link_grey_left.gif) no-repeat; height:25px; overflow:hidden; padding:0 0 0 9px; margin:0 10px 0 0; } a.btn-link-grey span { display:block; background:url(../img/structure/btn/btn_link_grey_right.gif) no-repeat 100% 0; padding:3px 25px 4px 0; color:#FFF; cursor:pointer; font-weight:bold; } a.btn-link-arrow-1 { float:left; display:inline; background:url(../img/structure/btn/colored/1/btn_arrow_link_left.gif) no-repeat; height:15px; overflow:hidden; padding:0 0 0 11px; line-height:1em !important; } a.btn-link-arrow-1 span { display:block; background:url(../img/structure/btn/colored/1/btn_arrow_link.gif) no-repeat 100% 0; padding:0 10px 0 5px; color:#FFF; cursor:pointer; font-weight:normal; font-size:11px !important; line-height:15px !important; } a.btn-link-arrow-2 { float:left; display:inline; background:url(../img/structure/btn/colored/2/btn_arrow_link_left.gif) no-repeat; height:15px; overflow:hidden; padding:0 0 0 11px; line-height:1em !important; } a.btn-link-arrow-2 span { display:block; background:url(../img/structure/btn/colored/2/btn_arrow_link.gif) no-repeat 100% 0; padding:0 10px 0 5px; color:#FFF; cursor:pointer; font-weight:normal; font-size:11px !important; line-height:15px !important; } a.btn-link-arrow-3 { float:left; display:inline; background:url(../img/structure/btn/colored/3/btn_arrow_link_left.gif) no-repeat; height:15px; overflow:hidden; padding:0 0 0 11px; line-height:1em !important; } a.btn-link-arrow-3 span { display:block; background:url(../img/structure/btn/colored/3/btn_arrow_link.gif) no-repeat 100% 0; padding:0 10px 0 5px; color:#FFF; cursor:pointer; font-weight:normal; font-size:11px !important; line-height:15px !important; } a.btn-link-arrow-4 { float:left; display:inline; background:url(../img/structure/btn/colored/4/btn_arrow_link_left.gif) no-repeat; height:15px; overflow:hidden; padding:0 0 0 11px; line-height:1em !important; } a.btn-link-arrow-4 span { display:block; background:url(../img/structure/btn/colored/4/btn_arrow_link.gif) no-repeat 100% 0; padding:0 10px 0 5px; color:#FFF; cursor:pointer; font-weight:normal; font-size:11px !important; line-height:15px !important; } a.ext-link { display:block; padding:10px 25px; color:#A7C501; font-weight:bold; background:url(../img/structure/ico/ico_ext_link.gif) no-repeat 10px 50% #FFF; border-top:1px solid #DADAD5; border-bottom:1px solid #DADAD5; } a.ext-link span { font-weight:normal; } .color-01 a.ext-link { color:#F55813; } .color-01 a.ext-link span { color:#F55813; } .color-02 a.ext-link { color:#39A9D8; } .color-02 a.ext-link span { color:#39A9D8; } .color-03 a.ext-link { color:#EDB91F; } .color-03 a.ext-link span { color:#EDB91F; } .color-04 a.ext-link { color:#E84584; } .color-04 a.ext-link span { color:#E84584; } a.dl-link { display:block; padding:10px 25px; color:#A7C501; font-weight:bold; background:url(../img/structure/ico/ico_dl_link.gif) no-repeat 10px 50% #FFF; border-top:1px solid #DADAD5; border-bottom:1px solid #DADAD5; } a.dl-link span { font-weight:normal; } .color-01 a.dl-link { color:#F55813; } .color-01 a.dl-link span { color:#F55813; } .color-02 a.dl-link { color:#39A9D8; } .color-02 a.dl-link span { color:#39A9D8; } .color-03 a.dl-link { color:#EDB91F; } .color-03 a.dl-link span { color:#EDB91F; } .color-04 a.dl-link { color:#E84584; } .color-04 a.dl-link span { color:#E84584; } /* Forms */ .f-text, .f-text-small, .f-text-medium { background:#FFF; padding:1px 2px; width:185px; border:0; border-top:1px solid #BFBFBF; border-left:1px solid #BFBFBF; } .f-text-small { width:45px; } .f-text-medium { width:150px; } .f-textarea { background:#FFF; padding:1px 2px; width:295px; border:0; border-top:1px solid #BFBFBF; border-left:1px solid #BFBFBF; } .f-image { float:right; display:inline; margin:10px 0 0 0; } .f-select { background:#FFF; padding:0; width:255px; border:0; border-top:1px solid #BFBFBF; border-left:1px solid #BFBFBF; } .f-select option { background:#FFF; padding:1px 2px; } .f-checkbox { position:relative; top:2px; } .f-radio { position:relative; top:2px; } .form-legend-right { font-size:9px !important; display:block; text-align:right !important; margin:0 0 0 0 !important; } .form-legend-left { font-size:9px !important; display:block; text-align:left !important; margin:0 0 0 0 !important; } .tab-foot .f-image { float:none; display:block; margin:11px 0 0 30px; } .form-table .form-legend {font-size:9px; line-height:25px; margin:0 0 20px 0; float:right;} /* Layout :: Wrapper */ #Wrapper { width:990px; margin:0 auto; } /* Layout :: Paper */ #Paper { width:990px; margin:0 auto; background:url(../img/structure/layout/bg_paper.gif) repeat-y; } /* Layout :: Head */ #Head { width:960px; height:175px; padding:15px 15px 0 15px; background:url(../img/structure/layout/bg_paper_top.gif) no-repeat; position:relative; z-index:20; } /* Layout :: Head - Logo */ #Logo { margin:0 0 7px 20px; padding:20px 0 0 0; width:140px; height:85px; border-top:1px solid #ccc; } /* Layout :: Head - Main Navigation */ #MainNavArea { background:url(../img/structure/nav/mainnav/bg_mainnav.gif) no-repeat; width:930px; height:45px; margin:0 0 0 15px; overflow:visible; } #MainNavArea ul { height:40px; width:750px; padding:1px 0 0 10px; list-style-type:none; overflow:visible; } #MainNavArea ul li { height:40px; float:left; display:inline; position:relative; } #MainNavArea ul li a { height:40px; display:block; text-indent:-9999em; background-repeat:no-repeat; } #MainNavArea ul li#MainNav01 a { background-image:url(../img/structure/nav/mainnav/mainnav_01.gif); width:100px; } #MainNavArea ul li#MainNav02 a { background-image:url(../img/structure/nav/mainnav/mainnav_02.gif); width:88px; } #MainNavArea ul li#MainNav03 a { background-image:url(../img/structure/nav/mainnav/mainnav_03.gif); width:152px; } #MainNavArea ul li#MainNav04 a { background-image:url(../img/structure/nav/mainnav/mainnav_04.gif); width:128px; } #MainNavArea ul li#MainNav05 a { background-image:url(../img/structure/nav/mainnav/mainnav_05.gif); width:104px; } #MainNavArea ul li#MainNav06 a { background-image:url(../img/structure/nav/mainnav/mainnav_06.gif); width:140px; } #MainNavArea ul li a.active, #MainNavArea ul li a:hover { background-position:0 -40px ; } #MainNavArea ul li div.sub-nav { display:none; width:250px; position:absolute; left:50%; top:30px; margin:0 0 0 -125px; background:url(../img/structure/nav/subnav/bg_subnav_bottom.png) no-repeat 0 100%; padding:0 0 10px 0; } #MainNavArea ul li div.sub-nav ul { padding:12px 5px 0 5px !important; width:240px !important; height:auto !important; background:url(../img/structure/nav/subnav/bg_subnav.png) no-repeat; overflow:hidden; } * html #MainNavArea ul li div.sub-nav {display:none; width:250px; position:absolute; left:50%; top:30px; margin:0 0 0 -125px; background:url(../img/structure/nav/subnav/bg_subnav_bottom_ie.gif) no-repeat 0 100%; padding:0 0 10px 0;} * html #MainNavArea ul li div.sub-nav ul {padding:12px 5px 0 5px !important; width:240px !important; height:auto !important; background:url(../img/structure/nav/subnav/bg_subnav_ie.gif) no-repeat; overflow:hidden;} #MainNavArea ul li div.sub-nav ul li { width:240px; border-top:1px solid #E9E7E2 !important; background:none; height:auto !important; padding:0 !important; margin:0 !important; } #MainNavArea ul li div.sub-nav ul li.first-child { border-top:0 !important; } #MainNavArea ul li div.sub-nav ul li a { width:220px !important; display:block; background:none !important; padding:5px 10px !important; text-indent:0; height:auto !important; } #MainNavArea ul li div.sub-nav-wide { width:930px; position:absolute; top:29px; left:-97px; display:none; } /* Layout :: Head - Meta Navigation */ #Head .meta-nav { height:50px; list-style-type:none; overflow:hidden; position:absolute; right:35px; top:25px; padding-top: 10px; } #Head .meta-nav li { float:left; display:inline; background:url(../img/structure/layout/bg_metanav_divider.gif) no-repeat 100% 50%; font-size:10px; padding:0 8px 0 7px; } #Head .meta-nav li a { padding:7px 0; display:block; color:#7B7A6C; line-height:normal; } #Head .meta-nav li.meta-nav-05 { background-position: right 10px; } #Head .meta-nav li.meta-nav-05 a { display: block; margin-top: -10px; padding-top: 17px; padding-right: 70px; padding-bottom: 25px; font-weight: bold; background: url(../img/structure/ico/ico_community.png) no-repeat top right; } #Head .meta-nav li.meta-nav-07 { background:none; } #Head .meta-nav li.meta-nav-07 { padding:2px 0 0 7px; } #Head .meta-nav li.meta-nav-07 a { color:#FFF; background:url(../img/structure/btn/btn_meta_onlinebanking.gif) no-repeat; padding:5px 10px 5px 10px; width:130px; font-weight:bold; font-size:12px; line-height:normal; } /* Layout :: Head - Meta Navigation */ #SiteNav { height:55px; width:286px; padding:1px 0 0 404px; list-style-type:none; background:url(../img/structure/nav/sitenav/bg_sitenav.gif) no-repeat; overflow:hidden; position:absolute; right:30px; top:73px; } #SiteNav li { float:left; display:inline; } #SiteNav li a { display:block; text-indent:-9999em; } #SiteNav li#SiteNav01 a { background:url(../img/structure/nav/sitenav/sitenav_01_0.gif); width:126px; height:45px; } #SiteNav li#SiteNav02 a { background:url(../img/structure/nav/sitenav/sitenav_02_1.gif); width:160px; height:45px; } /* Layout :: Content Area */ #ContentArea { width:920px; height:auto; padding:0 30px 10px 35px; background:url(../img/structure/layout/bg_paper_bottom.gif) no-repeat 0 100%; position:relative; z-index:4; } .no-divide #ContentArea { width:920px; height:auto; padding:0 30px 10px 35px; background:none; position:relative; z-index:4; } /* Layout :: Content Area - Home #HomeMainBanner { width:920px; margin:0 0 20px 0; } */ #HomeContentWrapper { width:925px; margin:0 0 0 0; overflow:hidden; position:relative; min-height:450px; } * html #HomeContentWrapper { width:925px; margin:0 0 0 0; overflow:hidden; position:relative; height:450px; } #HomeContentWrapper .home-image { position:absolute; left:0; bottom:0; } #HomeContentWrapper .home-cite { position:absolute; left:90px; top:10px; background:url(../img/structure/layout/bg_home_cite_large.gif) no-repeat; width:541px; height:98px; } #HomeContentWrapper .home-cite p { padding:15px 35px 0 35px; margin:0; font-family:Georgia, "Times New Roman", Times, serif; color:#8C8B7D; font-size:11px; line-height:1.3em; } #HomeContentWrapper .home-cite p.legend { padding:10px 35px 0 35px; font-size:10px; font-style:italic; } #HomeContentWrapper .home-col-01 { margin:120px 15px 10px 205px; float:left; display:inline; width:420px; } * html #HomeContentWrapper .home-col-01 { margin-right: 12px; } #HomeContentWrapper .home-col-01 h2 { margin:0 0 20px 0; color:#7C7B6D; font-size:24px; } #HomeContentWrapper .home-col-01 p { margin:0 0 20px 0; line-height:1.6em; } #HomeContentWrapper .home-col-02 { margin:0; float:left; display:inline; width:285px; } * html #HomeContentWrapper .home-col-02 { width: 285px; overflow: hidden; } /* Layout :: Content Area - Standard */ #MainBanner { width:920px; margin:0 0 0 0;} #MainBanner img { margin:0 0 0 0; } #MainBanner .main-banner-cp img { width:auto; margin:0 0 0 0; } #MainBanner .main-banner-cp .main-banner-cp-wrapper { margin:0 0 0 -1px; width:930px; overflow:hidden; } #MainBanner .main-banner-cp .main-banner-cp-wrapper .main-banner-cp-01 { float:left; display:inline; width:645px; } #MainBanner .main-banner-cp .main-banner-cp-wrapper .main-banner-cp-02 { float:left; display:inline; width:285px; } #BreadCrumbArea { width:925px; margin:0 0 0 0; position:relative; margin:0 0 20px 0; z-index:5; } #BreadCrumbArea ul { width:625px; height:auto; padding:20px 0 7px 10px; list-style-type:none; overflow:hidden; border-bottom:1px solid #CCCBC6; } #BreadCrumbArea ul li { float:left; display:inline; line-height:1em; padding:0 7px 0 0; color:#7B7A6C; } #BreadCrumbArea ul li.divide { border-left:1px solid #7B7A6C; padding:0 7px; } #BreadCrumbArea ul li a { color:#7B7A6C; } #BreadCrumbArea #NewsSubsrcibe { width:285px; position:absolute; right:0; top:0; } #BreadCrumbArea #NewsSubsrcibe h3 { width:285px; height:55px; display:block; margin:0; } #BreadCrumbArea #NewsSubsrcibe h3 a.toggle { background: url(../img/structure/btn/btn_subscribe_newsletter.gif) no-repeat; width:285px; height:55px; text-indent:-9999em; display:block; } #BreadCrumbArea #NewsSubsrcibe h3 a.toggle.active { background: url(../img/structure/btn/btn_subscribe_newsletter.gif) no-repeat 0 -55px; } #BreadCrumbArea #NewsSubsrcibe .slide-out-box { position:absolute; top:44px; left:5px; display:none; } #ContentWrapper { width:925px; margin:0 0 0 0; position:relative; min-height:370px; z-index:1; } #ContentWrapper .col-01 { margin:0 10px 0 0; float:left; display:inline; width:630px; overflow:hidden; } #ContentWrapper .col-02 { margin:5px 0 0 0; float:left; display:inline; width:285px; } * html #ContentWrapper .col-02 { overflow: hidden; } #ContentWrapper .col-01 h2 { margin:0 0 20px 15px; font-size:24px; } #ContentWrapper .col-01 p { margin:0 0 20px 0; line-height:1.6em; } #ContentWrapper .col-01 p.legend { margin:0 0 0 0; line-height:1em; font-size:9px; padding:5px 0 7px 10px; color:#8F8E83; } #ContentWrapper .col-01 ul { margin:0 0 20px 15px; list-style-type:none; } #ContentWrapper .col-01 ul li { font-size:14px; font-weight:bold; line-height:1.6em; } #ContentWrapper .col-01 .text-content { padding:0 15px; } #ContentWrapper .col-01 .text-content h2 { margin:0 0 10px 0; font-size:24px; color:#A7C501; } #ContentWrapper .col-01 .text-content h3 { margin:0 0 10px 0; font-size:18px; color:#504F46; } #ContentWrapper .col-01 .text-content p { margin:0 0 10px 0; line-height:1.6em; } #ContentWrapper .col-01 .text-content ul { margin:0 0 0 15px !important; padding:0; list-style-type:square !important; } #ContentWrapper .special-download { display: block; margin: 0 0 0 -5px; padding: 10px 30px; border-top: 1px solid #dadad5; border-bottom: 1px solid #dadad5; background: url(../img/structure/ico/ico_download.png) no-repeat #FFF 12px center;} /* financed projects */ #ContentWrapper .financed-projects ul li a { padding-left: 24px; padding-right: 35px; padding-top: 17px; } .fp-overview-allocation { width: 282px; height: 178px; margin: 0 0 0 3px; } .fp-overview-allocation a { display: block; width: 282px; height: 178px; background: url(../img/structure/layout/related/fp_overview_allocation.png) no-repeat; text-indent: -10000em; } .fp-allocation-region a { background-image: url(../img/structure/layout/related/fp_overview_allocation_region.png); } .fp-allocation-planet a { background-image: url(../img/structure/layout/related/fp_overview_allocation_planet.png); } .fp-allocation-leben a { background-image: url(../img/structure/layout/related/fp_overview_allocation_leben.png); } .fp-allocation-kultur a { background-image: url(../img/structure/layout/related/fp_overview_allocation_kultur.png); } #allocationLayer { display: none; position: absolute; top: -95px; left: -613px; width: 774px; height: 444px; overflow:visible; background: url(../img/structure/layout/layer/allocation_sum.png) no-repeat; } * html #allocationLayer { display: none; position: absolute; top: -95px; left: -613px; width: 774px; height: 444px; overflow:visible; background: url(../img/structure/layout/layer/allocation_sum.gif) no-repeat; } .fp-allocation-region #allocationLayer { background-image: url(../img/structure/layout/layer/allocation_region.png); } .fp-allocation-planet #allocationLayer { background-image: url(../img/structure/layout/layer/allocation_planet.png); } .fp-allocation-leben #allocationLayer { background-image: url(../img/structure/layout/layer/allocation_leben.png); } .fp-allocation-kultur #allocationLayer { background-image: url(../img/structure/layout/layer/allocation_kultur.png); } * html .fp-allocation-region #allocationLayer { background-image: url(../img/structure/layout/layer/allocation_region.gif); } * html .fp-allocation-planet #allocationLayer { background-image: url(../img/structure/layout/layer/allocation_planet.gif); } * html .fp-allocation-leben #allocationLayer { background-image: url(../img/structure/layout/layer/allocation_leben.gif); } * html .fp-allocation-kultur #allocationLayer { background-image: url(../img/structure/layout/layer/allocation_kultur.gif); } .fp-allocation-all #allocationLayer { width: 781px; height: 600px; } #allocationLayer h3 { display: none; position: absolute; top: 103px; left: 98px; font-weight: bold; font-size: 16px; } .fp-allocation-all #allocationLayer h3 { top: 30px; left: 50px; } #allocationLayer .bar-container { position: absolute; left: 250px; bottom: 112px; width: 215px; height: 175px; background-color: transparent; } .fp-allocation-all #allocationLayer .bar-container { position: absolute; left: 230px; bottom: 212px; width: 267px; height: 175px; background-color: transparent; } .fp-allocation-all #allocationLayer .bar-container { bottom: 250px; height: 225px; } #allocationLayer .bar-container .bar { width: 100px; font-weight: bold; font-size: 12px; color: #FFF; } #allocationLayer .bar-container #private { position: absolute; left: 0; bottom: 0; height: 0; background: url(../img/structure/layout/layer/bg_sum.png) repeat-x; } .fp-allocation-region #allocationLayer .bar-container #private { background-image: url(../img/structure/layout/layer/bg_region.png); } .fp-allocation-planet #allocationLayer .bar-container #private { background-image: url(../img/structure/layout/layer/bg_planet.png); } .fp-allocation-leben #allocationLayer .bar-container #private { background-image: url(../img/structure/layout/layer/bg_leben.png); } .fp-allocation-kultur #allocationLayer .bar-container #private { background-image: url(../img/structure/layout/layer/bg_kultur.png); } .fp-allocation-all #allocationLayer .bar-container #private { font-size: 12px; } #allocationLayer .bar-container #private span { display: none; text-align: center; } .fp-allocation-all #allocationLayer .bar-container #private #tgCapital { position: relative; height: 0; color: #FFF; background: transparent; } .fp-allocation-all #allocationLayer .bar-container #private .saving-fg { border-top: 1px solid #FFF; } #allocationLayer .bar-container #business { position: absolute; right: 0; bottom: 0; height: 0; background: url(../img/structure/layout/layer/bg_sum.png) repeat-x top; } .fp-allocation-region #allocationLayer .bar-container #business { background-image: url(../img/structure/layout/layer/bg_region.png); } .fp-allocation-planet #allocationLayer .bar-container #business { background-image: url(../img/structure/layout/layer/bg_planet.png); } .fp-allocation-leben #allocationLayer .bar-container #business { background-image: url(../img/structure/layout/layer/bg_leben.png); } .fp-allocation-kultur #allocationLayer .bar-container #business { background-image: url(../img/structure/layout/layer/bg_kultur.png); } .fp-allocation-all #allocationLayer .bar-container #business { } #allocationLayer .bar-container #business span { display: none; text-align: center; } .fp-allocation-all #allocationLayer .bar-container #business span { font-size: 12px; } #allocationLayer .bar-container #business #freeCapital { position: relative; height: 0; background-color: #e7f198; color: #FFF; } .fp-allocation-region #allocationLayer .bar-container #business #freeCapital { background-color: #fc9a6f;} .fp-allocation-planet #allocationLayer .bar-container #business #freeCapital { background-color: #68d8fb;} .fp-allocation-leben #allocationLayer .bar-container #business #freeCapital { background-color: #fbde85;} .fp-allocation-kultur #allocationLayer .bar-container #business #freeCapital { background-color: #ee89ad;} #allocationLayer .bar-container #business #freeCapital span { display: none; margin: 0; text-align: center; font-size: 12px; } #allocationLayer .bar-container #business span.store-alternative { width: 100px; position: absolute; right: -130px; bottom: 10px; color: #6A6963; text-align: left; } #allocationLayer .bar-container #business .arrow { display: none; position: absolute; right: -24px; bottom: 0; width: 24px; height: 15px; background: url(../img/structure/ico/ico_arrow.png) no-repeat; } #allocationLayer .close, #fpLayerRegion .close, #capitalSum .close { position:absolute; top: 24px; right: 29px; display: block; width: 144px; height: 24px; border: 0px solid #000; background: none; } #sumSavings, #sumSavingsFree { position: absolute; bottom: 218px; left: 235px; font-size: 14px; color: #82b31d; font-weight: bold; } #sumSavingsFree { left: 400px; } #interest1, #interest2 { position: absolute; bottom: 118px; font-size: 18px; color: #82b31d; font-weight: bold; } #interest1 { right: 460px; } #interest2 { left: 395px; } #ContentWrapper .financed-projects .project-container { margin: 30px 0 0 0; } #ContentWrapper .financed-projects .project-container .left { float: left; width: 205px; } #ContentWrapper .financed-projects .project-container .right { float: left; width: 340px; padding: 0 0 0 18px; line-height: 20px; } #ContentWrapper .financed-projects .project-container .right .theme { display: block; margin: -4px 0 4px 0; background: repeat-x 0 6px; } #ContentWrapper .financed-projects .region .right .theme { background-image: url(../img/structure/layout/bg_fp_region.gif); color: #f8601d; } #ContentWrapper .financed-projects .planet .right .theme { background-image: url(../img/structure/layout/bg_fp_planet.gif); color: #4fbfed; } #ContentWrapper .financed-projects .leben .right .theme { background-image: url(../img/structure/layout/bg_fp_leben.gif); color: #efb811; } #ContentWrapper .financed-projects .kultur .right .theme { background-image: url(../img/structure/layout/bg_fp_kultur.gif); color: #eb4c89; } #ContentWrapper .financed-projects .project-container .right .theme strong { padding: 0 8px 0 0; font-size: 11px; background-color: #F2F2F0; text-transform: uppercase; } #ContentWrapper .financed-projects .project-container .right .detail-link { display: block; width: 84px; height: 25px; background: no-repeat; text-indent: -10000em; } #ContentWrapper .financed-projects .region .right .detail-link { background-image: url(../img/structure/btn/btn_fp_details_region.png); } #ContentWrapper .financed-projects .planet .right .detail-link { background-image: url(../img/structure/btn/btn_fp_details_planet.png); } #ContentWrapper .financed-projects .leben .right .detail-link { background-image: url(../img/structure/btn/btn_fp_details_leben.png); } #ContentWrapper .financed-projects .kultur .right .detail-link { background-image: url(../img/structure/btn/btn_fp_details_kultur.png); } #ContentWrapper .fp-styles .fp-content-box a { color: #91BC12; font-weight: bold; } #ContentWrapper .detail-back { padding: 0 0 0 15px; background: url(../img/structure/ico/arrow_back.gif) no-repeat center left; } .fp-overview-capital { width: 282px; height: 178px; margin: 0 0 6px 3px; } .fp-overview-capital a { display: block; width: 282px; height: 178px; background: url(../img/structure/layout/related/fp_overview_capital.png) no-repeat; text-indent: -10000em; } .fp-overview-capital #capitalSum { display: none; position: absolute; top: -120px; left: -613px; width: 774px; height: 444px; background: url(../img/structure/layout/layer/capital.png) no-repeat; } * html .fp-overview-capital #capitalSum { display: none; position: absolute; top: -120px; left: -613px; width: 774px; height: 444px; background: url(../img/structure/layout/layer/capital.gif) no-repeat; } .fp-overview-capital #capitalSum h3 { display: none; position: absolute; top: 103px; left: 98px; font-weight: bold; font-size: 16px; } .fp-overview-capital #capitalSum .capital-bars { position: absolute; bottom: 143px; left: 111px; width: 524px; height: 162px; } .fp-overview-capital #capitalSum .capital-bars div { position: absolute; bottom: 0; width: 90px; height: 0; overflow: hidden; background: bottom center repeat-x; } .fp-overview-capital #capitalSum .capital-bars #csSum { background-image: url(../img/structure/layout/layer/bg_sum.png); } .fp-overview-capital #capitalSum .capital-bars #csRegion { left: 135px; background-image: url(../img/structure/layout/layer/bg_region.png); } .fp-overview-capital #capitalSum .capital-bars #csPlanet { left: 234px; background-image: url(../img/structure/layout/layer/bg_planet.png); } .fp-overview-capital #capitalSum .capital-bars #csLeben { left: 333px; background-image: url(../img/structure/layout/layer/bg_leben.png); } .fp-overview-capital #capitalSum .capital-bars #csKultur { left: 432px; background-image: url(../img/structure/layout/layer/bg_kultur.png); } .fp-overview-capital #capitalSum .capital-data { position: absolute; bottom: 106px; left: 111px; width: 524px; height: 50px; } .fp-overview-capital #capitalSum .capital-data div { position: absolute; bottom: 0; width: 90px; text-align: center; font-weight: bold; text-transform: uppercase; } .fp-overview-capital #capitalSum .capital-data .cs-sum { color: #979690; } .fp-overview-capital #capitalSum .capital-data .cs-region{ left: 135px; color: #fd7c1c; } .fp-overview-capital #capitalSum .capital-data .cs-planet { left: 234px; color: #4dc4ee; } .fp-overview-capital #capitalSum .capital-data .cs-leben { left: 333px; color: #ffa910; } .fp-overview-capital #capitalSum .capital-data .cs-kultur { left: 432px; color: #d2376c; } .fp-region { width: 282px; height: 178px; margin: 5px 0 6px 3px; } .fp-region a { display: block; width: 282px; height: 178px; background: url(../img/structure/layout/related/fp_overview_region.png) no-repeat; text-indent: -10000em; } #fpLayerRegion { display: none; position: absolute; left: -614px; top: -140px; width: 694px; height: 454px; padding: 140px 0 0 80px; background: url(../img/structure/layout/layer/region.png) no-repeat; } * html #fpLayerRegion { display: none; position: absolute; left: -614px; top: -140px; width: 694px; height: 454px; padding: 140px 0 0 80px; background: url(../img/structure/layout/layer/region.gif) no-repeat; } #fpLayerRegion h3 { display: none; position: absolute; top: 103px; left: 98px; font-weight: bold; font-size: 16px; } #fpLayerRegion .region-row { width: 100%; overflow: hidden; margin: 9px 0 0 0; } #fpLayerRegion .region-row span { float: left; display: block; width: 170px; text-align: right; } #fpLayerRegion .region-row strong { float: left; display: block; width: 120px; text-align: right; } #fpLayerRegion .region-row .region-bar { float: left; width: 0; height: 7px; overflow: hidden; margin: 5px 0 0 20px; background-color: #fd6d2e; } .rel-social { width: 281px; height: 76px; margin: 5px 0 3px 4px; padding: 45px 0 0 35px; background: url(../img/structure/layout/related/social_links.png) no-repeat; } .rel-social a { display: block; float: left; width: 49px; height: 50px; margin-right: 5px; background-repeat: no-repeat; text-indent: -10000em; } .rel-social a.rss { background-image: url(../img/structure/ico/ico_sl_rss.png); } .rel-social a.twitter { background-image: url(../img/structure/ico/ico_sl_twitter.png); } .rel-social a.fb { background-image: url(../img/structure/ico/ico_sl_fb.png); } .rel-social a.youtube { background-image: url(../img/structure/ico/ico_sl_youtube.png); } .rel-geld { width: 281px; height: 117px; margin: 5px 0 3px 3px; } .rel-geld a { display: block; width: 281px; height: 117px; text-indent: -10000em; background-repeat: no-repeat; } .rel-geld a.rel-geld-fg-region { background-image: url(../img/structure/layout/related/rel_region_fg.png); } .rel-geld a.rel-geld-tg-region { background-image: url(../img/structure/layout/related/rel_region_tg.png); } .rel-geld a.rel-geld-fg-planet { background-image: url(../img/structure/layout/related/rel_planet_fg.png); } .rel-geld a.rel-geld-tg-planet { background-image: url(../img/structure/layout/related/rel_planet_tg.png); } .rel-geld a.rel-geld-fg-leben { background-image: url(../img/structure/layout/related/rel_leben_fg.png); } .rel-geld a.rel-geld-tg-leben { background-image: url(../img/structure/layout/related/rel_leben_tg.png); } .rel-geld a.rel-geld-fg-kultur { background-image: url(../img/structure/layout/related/rel_kultur_fg.png); } .rel-geld a.rel-geld-tg-kultur { background-image: url(../img/structure/layout/related/rel_kultur_tg.png); } .co-detail-footer { width: 628px; margin: 0 0 0 -8px; } .co-detail-footer-region { background-color: #fb692a; } .co-detail-footer-planet { background-color: #50c0ee; } .co-detail-footer-leben { background-color: #fecc35; } .co-detail-footer-kultur { background-color: #db266e; } .co-detail-footer a { display: block; float: left; height: 143px; text-indent: -10000em; background-repeat: no-repeat; } .co-detail-footer a.tg-region { width: 312px; background-image: url(../img/content/geldverteilung/co_detail_region_tg.png); } .co-detail-footer a.fg-region { width: 313px; background-image: url(../img/content/geldverteilung/co_detail_region_fg.png); } .co-detail-footer a.tg-planet { width: 312px; background-image: url(../img/content/geldverteilung/co_detail_planet_tg.png); } .co-detail-footer a.fg-planet { width: 313px; background-image: url(../img/content/geldverteilung/co_detail_planet_fg.png); } .co-detail-footer a.tg-leben { width: 312px; background-image: url(../img/content/geldverteilung/co_detail_leben_tg.png); } .co-detail-footer a.fg-leben { width: 313px; background-image: url(../img/content/geldverteilung/co_detail_leben_fg.png); } .co-detail-footer a.tg-kultur { width: 312px; background-image: url(../img/content/geldverteilung/co_detail_kultur_tg.png); } .co-detail-footer a.fg-kultur { width: 313px; background-image: url(../img/content/geldverteilung/co_detail_kultur_fg.png); } .detail { width: 615px; margin: -10px 0 0 -25px; overflow: hidden; } .detail a.tg-region, .detail a.tg-planet, .detail a.tg-leben, .detail a.tg-kultur { margin-left: -5px; } .detail a.fg-region, .detail a.fg-planet, .detail a.fg-leben, .detail a.fg-kultur { width: 308px; float: right; } .co-finanztest-tagesgeld { position: absolute; top: 0; right: 16px; display: block; width: 187px; height: 215px; background: url(../img/content/tagesgeld/main_tagesgeld.png) no-repeat; text-indent: -10000em; } .co-finanztest-festgeld { position: absolute; top: 0; right: 16px; display: block; width: 187px; height: 195px; background: url(../img/content/tagesgeld/main_festgeld.png) no-repeat; text-indent: -10000em; } .rel-finanztest-tagesgeld { width: 281px; height: 134px; margin: 4px 0 0 3px; background: url(../img/structure/layout/related/rel_finanztest_tagesgeld.png) no-repeat; text-indent: -10000em; } .rel-finanztest-festgeld { width: 281px; height: 134px; margin: 4px 0 0 3px; background: url(../img/structure/layout/related/rel_finanztest_festgeld.png) no-repeat; text-indent: -10000em; } .tagesgeld-ssl { display: block; width: 260px; height: 128px; margin: 5px 0 18px 14px; background: url(../img/structure/layout/related/rel_finanztest_tagesgeld-ssl.png) no-repeat; text-indent: -10000em; } .tagesgeld-ssl { display: block; width: 260px; height: 128px; margin: 5px 0 18px 14px; background: url(../img/structure/layout/related/rel_finanztest_festgeld-ssl.png) no-repeat; text-indent: -10000em; } .rechnung48conditions { width: 283px; height: 99px; } .rechnung48conditions a { display: block; width: 283px; height: 99px; margin: 4px 0 0 2px; background: url(../img/structure/layout/related/rel_rechnung48.png) no-repeat; text-indent: -10000em; } .rechnung48conditionssmall { width: 260px; height: 91px; } .rechnung48conditionssmall a { display: block; width: 260px; height: 91px; margin: 11px 0 0 14px; background: url(../img/structure/layout/related/rel_rechnung48_small.png) no-repeat; text-indent: -10000em; } /* Kreditvolumen */ #allocationLayer .kreditvolumen {width:80px; height:30px; margin:200px 0 0 530px; background:none; position:absolute;} #allocationLayer .oCreditvolume {width:410px; display:none; right:-260px; position:relative; z-index:9999;} #allocationLayer .oCreditvolume .top {display:block; width:410px; height:15px; background:url(../img/structure/layout/layer/creditvolume_top.png) no-repeat;} #allocationLayer .oCreditvolume .info {display:block; width:410px; background:url(../img/structure/layout/layer/creditvolume_bg.png) repeat-y;} #allocationLayer .oCreditvolume .info p {padding:5px 30px; margin:0!important; text-indent:0em; color:#979690;} #allocationLayer .oCreditvolume .info table {margin:20px 0 10px 10px;} #allocationLayer .oCreditvolume .info table tr {height:25px;} #allocationLayer .oCreditvolume .info table tr.highlighted {background:#f2f2f0;} #allocationLayer .oCreditvolume .bottom {display:block; width:410px; height:25px; background:url(../img/structure/layout/layer/creditvolume_bottom.png) no-repeat;} * html #allocationLayer .oCreditvolume .top {display:block; width:410px; height:15px; background:url(../img/structure/layout/layer/creditvolume_top.gif) no-repeat;} * html #allocationLayer .oCreditvolume .info {display:block; width:410px; background:url(../img/structure/layout/layer/creditvolume_bg.gif) repeat-y;} * html #allocationLayer .oCreditvolume .bottom {display:block; width:410px; height:25px; background:url(../img/structure/layout/layer/creditvolume_bottom.gif) no-repeat;} /* colors */ .color-01 #ContentWrapper .col-01 h2 { color:#F55813; } .color-02 #ContentWrapper .col-01 h2 { color:#39A9D8; } .color-03 #ContentWrapper .col-01 h2 { color:#EDB91F; } .color-04 #ContentWrapper .col-01 h2 { color:#E84584; } .color-01 #ContentWrapper .col-01 li { color:#F55813; } .color-02 #ContentWrapper .col-01 li { color:#39A9D8; } .color-03 #ContentWrapper .col-01 li { color:#EDB91F; } .color-04 #ContentWrapper .col-01 li { color:#E84584; } #ContentWrapper .col-01 .inner-col { margin:0 0 0 15px; float:left; display:inline; width:290px; } #ContentWrapper .col-01 .inner-col h3 { margin:0 0 15px 0; font-size:18px; font-weight:normal; } #ContentWrapper .col-01 h3.map-subheadline { margin:0 0 10px 15px !important; } #ContentWrapper .col-01 #MapBRDBox { margin:0 0 0 220px; display:block; } #ContentWrapper .col-01 #MapBRDBox img { display:block; } #ContentWrapper .col-01 #MapSelectList { position:absolute; left:10px; top:85px; margin:0 !important; padding:0 !important; border-top:1px solid #E3E3E3; width:190px; overflow:hidden; list-style-type:none; } #ContentWrapper .col-01 #MapSelectList li { padding:5px 5px 5px 15px !important; margin:0 !important; width:170px; border-bottom:1px solid #E3E3E3; float:left; display:inline; } #ContentWrapper .col-01 #MapSelectList li a { padding:0 !important; margin:0 !important; display:block; background:url(../img/structure/ico/ico_arrow_grey.gif) 100% 50% no-repeat; } .service-nav { clear:left; width:100%; overflow:hidden; border-top:1px solid #D2D1CC; padding:10px 0 10px 0; margin:40px 0 0 0; } .service-nav-no-margin { margin:0 0 0 0; } .service-nav li { float:left; display:inline; margin:0 10px 0 0 !important; } .service-nav li.right { float:right; display:inline; } .service-nav li a { display:block; padding:0 0 0 15px; font-size:11px; color:#999999; } .service-nav li a.page-bookmark { background:url(../img/structure/ico/page_bookmark.gif) no-repeat 0 50%; } .service-nav li a.page-print { background:url(../img/structure/ico/page_print.gif) no-repeat 0 50%; } .service-nav li a.page-recommend { background:url(../img/structure/ico/page_recommend.gif) no-repeat 0 50%; padding:0 0 0 25px; } .service-nav li a.page-top { background:url(../img/structure/ico/page_top.gif) no-repeat 100% 50%; padding:0 15px 0 0; } #OverviewTeasersWrapper { width:980px; overflow:hidden; margin:-5px 0 0 0; padding:0 0 30px 10px; background:#EFEFEC; } #OverviewTeasersWrapper .overview-teaser { position:relative; width:303px; height:427px; padding:10px; background:url(../img/structure/layout/bt_teaser_overview_325_2.gif) no-repeat -2px 0; overflow:hidden; float:left; display:inline; } #OverviewTeasersWrapper .overview-teaser h4 { color:#7C7B6D; font-size:20px; margin:10px; text-transform:uppercase; } #OverviewTeasersWrapper .overview-teaser p { line-height:20px; margin:0 10px 5px 10px; } #OverviewTeasersWrapper .overview-teaser p strong.highlight { font-size:14px; } #OverviewTeasersWrapper .overview-teaser img.teaser-img { display:block; } #OverviewTeasersWrapper .overview-teaser ul { overflow:hidden; width:285px; margin:0 0 0 10px; list-style-type:none; padding:0; } #OverviewTeasersWrapper .overview-teaser ul li { padding:8px 0 0 10px !important; border-top:1px solid #B7B7B6; margin:0 0 0 0 !important; width:275px; overflow:hidden; } * html #OverviewTeasersWrapper .overview-teaser ul li { float:left; display:inline; } #OverviewTeasersWrapper .overview-teaser ul li.first-child { border-top:0; } #OverviewTeasersWrapper .overview-teaser ul li img.info-ico { float:left; display:inline; margin:0 12px 0 0 !important; } #OverviewTeasersWrapper .overview-teaser ul li a { float:left; display:inline; line-height:20px; width:210px; } #OverviewTeasersWrapper .overview-teaser ul li a img { vertical-align:middle; margin-left:5px; } #OverviewTeasersWrapper .overview-teaser .logo-noa { position:absolute; left:25px; bottom:10px; } #OverviewTeasersWrapper .overview-teaser .logo-noa img { display:block; } #OverviewTeasersWrapper .overview-teaser .bottom-link { position:absolute; right:30px; bottom:30px; } #OverviewTeasersWrapper .overview-teaser .bottom-link a span { line-height:1.5em; } /* Account Subscribe*/ #ContentWrapper .account-subscribe-wrapper { padding:0; } #ContentWrapper .account-subscribe-wrapper h2 { font-size:30px; text-transform:uppercase; margin:30px 0 15px 15px; } #ContentWrapper .account-subscribe-wrapper .steps-info { margin:0 0 5px -4px; } #ContentWrapper .account-subscribe-wrapper .steps-info img { display:block; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-box { padding:10px 10px 0 10px; width:910px; overflow:hidden; margin:0 0 0 -4px; background:url(../img/structure/layout/bg_account_subscribe.gif) no-repeat; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-box .msg-box { padding:20px 25px; background:#FFF; border-bottom:1px solid #D6D6D4; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-box-bottom { padding:0; display:block; margin:0 0 0 -4px; overflow:hidden; height:10px; background:url(../img/structure/layout/bg_account_subscribe_bottom.gif) no-repeat; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 { width:620px; margin:0; float:left; display:inline; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-02 { width:290px; margin:0; float:left; display:inline; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content { padding:30px 25px 0 25px; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content-double-divide { padding:30px 25px 20px 25px; background:url(../img/structure/layout/tab_content_box_divider.gif) repeat-x 0 100%; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content-divide { border-top:2px solid #FFF; padding:20px 25px; width:570px; overflow:hidden; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content-divide .f-back { float:left; display:inline; margin:0; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content-divide .f-submit { float:right; display:inline; margin:0; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content h3 { font-size:18px; margin:0 0 15px 0; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content h4 { font-size:14px; margin:0 0 10px 0; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content p { margin:0 0 10px 0; line-height:1.5em; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content p .ico-info { vertical-align:middle; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-check-agb { padding:20px 0 0 25px; height:145px; background:url(../img/structure/layout/bg_check_agb.gif) no-repeat; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-check-agb h3 { margin:0 0 15px 0; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-check-agb table { } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-check-agb table td { padding:0 10px 0 0; vertical-align:top; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-check-agb table td p { line-height:1.5em; margin:0 0 5px 0; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-check-agb table td p a { text-decoration:underline; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .summary-table { width:100%; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .summary-table-divide { padding:0 0 13px 0; margin:0 0 20px 0; border-bottom:1px solid #D6D6D6; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .summary-table th { vertical-align:top; width:235px; padding:0 0 7px 0; text-align:left; font-weight:normal; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .summary-table td { vertical-align:bottom; padding:0 0 7px 0; text-align:left; font-weight:normal; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .form-table { width:100%; padding:0 0 10px 0; margin:0 0 20px 0; border-bottom:1px solid #D6D6D6; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .form-table-no-divide { width:100%; padding:0 0 0 0; margin:0 0 0 0; border-bottom:0; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .form-table th { text-align:left; font-weight:normal; padding:0 0 10px 0; width:185px; vertical-align:top; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .form-table td { text-align:left; font-weight:normal; padding:0 0 10px 0; vertical-align:top; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .form-table td a { text-decoration: underline; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .form-table .f-text { width:250px; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .form-table .f-text-small { width:75px; margin:0 5px 0 0; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .form-table .f-text-medium { width:182px; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .form-table .ico-info { position:relative; top:-2px; vertical-align:middle; margin:0 0 0 7px; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .account-radio-table { border-top:1px solid #DAD9D1; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .account-radio-table th { padding:10px 30px 10px 5px; border-bottom:1px solid #DAD9D1; white-space:nowrap; text-align:left; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .account-radio-table td { padding:10px 30px 10px 5px; border-bottom:1px solid #DAD9D1; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .account-shadow-box { margin:0 0 20px -4px; background:url(../img/structure/layout/bg_shadowbox_accountdata.gif) no-repeat; width:345px; height:105px; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .account-shadow-box table { margin:30px 0 0 20px; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .account-shadow-box table th { padding:0 10px 10px 0; font-size:14px; text-align:left; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .account-shadow-box table td { padding:0 0 10px 0; font-size:14px; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .lb-btn-wrapper { padding:30px 5px 0 5px; width:560px; overflow:hidden; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .lb-btn-wrapper h5 { margin:0 0 15px 0; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .lb-btn-wrapper .legend { font-size:9px; display:block; padding:15px 0 5px 0; margin:0; clear:left; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .lb-btn-wrapper .lb-btn { width:122px; height:25px; padding:10px 0 0 8px; float:left; display:inline; overflow:hidden; margin:0 10px 0 0; color:#FFF; font-weight:bold; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .lb-btn-wrapper .lb-btn * { color:#FFF; font-weight:bold; } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .lb-btn-wrapper .lb-btn-01 { background:url(../img/structure/layout/colored/1/bg_lb_button.gif); } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .lb-btn-wrapper .lb-btn-02 { background:url(../img/structure/layout/colored/2/bg_lb_button.gif); } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .lb-btn-wrapper .lb-btn-03 { background:url(../img/structure/layout/colored/3/bg_lb_button.gif); } #ContentWrapper .account-subscribe-wrapper .account-subscribe-col-01 .account-subscribe-content .lb-btn-wrapper .lb-btn-04 { background:url(../img/structure/layout/colored/4/bg_lb_button.gif); } /* Layout :: Content Area - Tabs */ .tab-head { width:630px; height:110px; background:url(../img/structure/nav/tabnav/bg_tabs_grey.gif) no-repeat; position:relative; } .color-01 .tab-head { background:url(../img/structure/nav/tabnav/bg_tabs_color_1.gif) no-repeat; } .color-02 .tab-head { background:url(../img/structure/nav/tabnav/bg_tabs_color_2.gif) no-repeat; } .color-03 .tab-head { background:url(../img/structure/nav/tabnav/bg_tabs_color_3.gif) no-repeat; } .color-04 .tab-head { background:url(../img/structure/nav/tabnav/bg_tabs_color_4.gif) no-repeat; } .tab-head h2 { font-size:24px !important; color:#FFF !important; padding:20px 0 0 0 !important; margin:0 0 0 20px !important; text-transform:uppercase; } .tab-nav { width:625px; height:45px; top:65px; left:-14px !important; position:absolute; list-style-type:none; } .tab-nav * { font-size:12px; font-weight:bold; } .tab-nav li { height:45px; padding:0 0 0 10px; background:url(../img/structure/nav/tabnav/tab_left_0.gif) no-repeat; float:left; display:inline; margin:0 5px 0 0 !important; } .tab-nav li:first-child { margin:0 5px 0 5px !important; } .tab-nav li a { height:29px; padding:16px 23px 0 13px; background:url(../img/structure/nav/tabnav/tab_right_0.gif) no-repeat 100% 0; display:block; color:#979690; /* < NOA HACK IE6 */ float: left; /* > */ } .tab-nav li.active { background:url(../img/structure/nav/tabnav/tab_left_1.gif) no-repeat; } .tab-nav li:first-child.active { margin:0 5px 0 0 !important; } .tab-nav li.active a { background:url(../img/structure/nav/tabnav/tab_right_1.gif) no-repeat 100% 0; color:#7B7A6C; } .tab-nav li.highlight { background:url(../img/structure/nav/tabnav/tab_left_green_0.gif) no-repeat; } .tab-nav li.highlight a { background:url(../img/structure/nav/tabnav/tab_right_green_0.gif) no-repeat 100% 0; color:#5A5950; padding:16px 35px 0 4px } .color-01 .tab-nav li.highlight, .color-02 .tab-nav li.highlight, .color-03 .tab-nav li.highlight, .color-04 .tab-nav li.highlight { background:url(../img/structure/nav/tabnav/tab_left_grey_0.gif) no-repeat; } .color-01 .tab-nav li.highlight a, .color-02 .tab-nav li.highlight a, .color-03 .tab-nav li.highlight a, .color-04 .tab-nav li.highlight a { background:url(../img/structure/nav/tabnav/tab_right_grey_0.gif) no-repeat 100% 0; color:#FFF; padding:16px 35px 0 5px } .tab-content { width:615px; padding:0 9px 0 6px; background:url(../img/structure/layout/bg_tab_content.gif) repeat-y; } .tab-content-box { padding:20px 25px; } .tab-content-box-bottom { padding:0 25px 22px 25px; } .tab-content-box-divide { background:url(../img/structure/layout/tab_content_box_divider.gif) repeat-x 0 100%; } .tab-content-box-divide-bottom { background:url(../img/structure/layout/tab_content_box_divider.gif) repeat-x top; } .tab-content-box ul { margin:0 0 0 15px !important; padding:0; list-style-type:square !important; } .tab-content-box h3 { color:#BECC13 !important; font-size:24px !important; } .tab-content .detail-cite { margin: 0 0; padding: 0 0; } .tab-content .detail-cite .div-hr { margin: 0 -24px 0 -24px; } .tab-content .detail-cite cite { display: block; padding: 16px; } .tab-content .detail-cite cite img { float: left; display: inline; margin: 0 13px 16px 0; } .tab-content .detail-cite cite span { display: block; float: left; width: 400px; background: url(../img/structure/ico/ico_cite.png) no-repeat top left; padding: 6px 0 0 24px; } .tab-content .detail-cite cite span em { display: block; margin: 5px 0 0 0; font-style: normal; font-size: 9px; } .tab-content-box-list { padding:10px 5px; } .tab-content-box .tab-content-sub-navi ul { display: block !important; height: 22px; list-style-type: none !important; } .tab-content-sub-navi li { float: left; padding: 0 14px; background: url(../img/structure/nav/sub_line.gif) no-repeat center right; } .tab-content-sub-navi li.first { padding-left: 0; } .tab-content-sub-navi li.last { border-right: none; } .tab-content-sub-navi li.active a { font-weight: bold; } .color-01 .tab-content-box h3 { color:#F55813 !important; } .color-02 .tab-content-box h3 { color:#39A9D8 !important; } .color-03 .tab-content-box h3 { color:#EDB91F !important; } .color-04 .tab-content-box h3 { color:#E84584 !important; } .tab-content-box .form-table th, .tab-content-box .form-table td { text-align:left; font-weight:normal; padding:0 0 10px 0; vertical-align:top; } .tab-content-box .form-table th { width:110px; } .tab-content-box .form-table-select th, .tab-content-box .form-table-select td { text-align:left; font-weight:normal; padding:0 0 10px 0; vertical-align:top; } .tab-content-box .form-table-select th { width:110px; } .tab-content-box .form-table-select td .radio-float-box { width:170px; float:left; display:inline; } .tab-content-box .form-table-select td .radio-float-box input.f-radio { position:relative; top:2px; } .tab-content-box .form-table-select td .radio-float-box img { vertical-align:middle; } .tab-content-box .form-table-select td .select-float-box { width:190px; float:left; display:inline; } .tab-content-box .form-table-select td .checkbox-float-box { width:250px; float:left; display:inline; } .tab-content-box .form-table-select td .checkbox-float-box img { vertical-align:middle; } .tab-content-box #GMapBox { background:url(../img/structure/layout/bg_gmap.gif) no-repeat; width:590px; height:470px; margin:0 0 0 -3px; } .tab-content-box #GMapBox .gmap-tabs { list-style-type:none; margin:0 !important; padding:0 !important; width:100%; margin:0 0 0 3px; } .tab-content-box #GMapBox .gmap-tabs li { float:left; display:inline; margin:0 !important; padding:0 !important; } .tab-content-box #GMapBox .gmap-tabs li a { display:block; height:28px; width:291px; margin:0; padding:17px 0 0 0; font-weight:bold; color:#979690; text-align:center; background:url(../img/structure/layout/bg_gmap_tab_inactive.gif) no-repeat; } .tab-content-box #GMapBox .gmap-tabs li.active a { color:#7C7B6D; background:url(../img/structure/layout/bg_gmap_tab_active.gif) no-repeat; } .tab-content-box #GMapBox #GMapContent { margin:0 0 0 8px;} .tab-content-box h4 { font-size:16px !important; margin:0 0 10px 0; } .tab-content-box h4.no-margin { font-size:16px !important; margin:0 0 0 0; } .tab-content-box p,li { line-height:20px; margin:0 0 10px 0 !important; font-size:12px !important; font-weight:normal !important; color:#7B7A6C !important; } .tab-content-box p.divide { padding:15px 0 0 0; border-top:1px solid #DADAD5; margin:15px 0 !important; } .tab-content-box ul.float-list { margin:0 0 0 0 !important; padding:0; list-style-type:none !important; width:100%; overflow:hidden; } .tab-content-box ul.float-list li { width:180px; float:left; display:inline; } /* Infocenter */ .tab-head-bg-green .tab-head {background:url(../img/structure/nav/tabnav/bg_tabs_grey_green.gif) no-repeat; height:115px;} .tab-head-bg-green .tab-head ul.tab-nav {width:400px; top:70px; float:left;} .tab-head-bg-green .tab-head ul.tab-nav li a {padding-left:5px!important; padding-right:13px!important;} .tab-head-bg-green .tab-head .searchbar form {float:left; display:block; width:289px; height:27px; overflow:hidden; position:relative; left:310px; top:20px; z-index:200;} .tab-head-bg-green .tab-head .searchbar input.inptxt {float:left; display:block; overflow:hidden; width:245px; padding:7px 10px; background:url(../img/structure/nav/tabnav/bg_searchbar_input.png) no-repeat; border:none; font-weight:bold;} * html .tab-head-bg-green .tab-head .searchbar input.inptxt {float:left; display:block; overflow:hidden; width:245px; padding:7px 10px; background:url(../img/structure/nav/tabnav/bg_searchbar_input.gif) no-repeat; border:none; font-weight:bold;} .tab-head-bg-green .tab-head .searchbar input.img {float:left; display:block; overflow:hidden; width:24px; height:27px; z-index:999;} .tab-head-bg-green .tab-head .searchbar .ajax-layer {width:289px; display:none; padding:0; margin:0; background:url(../img/structure/nav/tabnav/bg_ajaxlayer.gif) repeat-y; position:relative; left:310px; top:35px; z-index:100;} *+ html .tab-head-bg-green .tab-head .searchbar .ajax-layer {width:289px; display:none; padding:15px 0 0 0; margin:0; background:url(../img/structure/nav/tabnav/bg_ajaxlayer.gif) repeat-y; position:relative; left:22px; top:35px; z-index:100;} * html .tab-head-bg-green .tab-head .searchbar .ajax-layer {width:289px; display:none; padding:15px 0 0 0; margin:0; background:url(../img/structure/nav/tabnav/bg_ajaxlayer.gif) repeat-y; position:absolute; left:310px; top:90px; z-index:100;} .tab-head-bg-green .tab-head .searchbar .ajax-layer ul.results {padding:0 10px!important; margin:0!important;} .tab-head-bg-green .tab-head .searchbar .ajax-layer ul.results li {padding:4px 0!important; margin:0!important; border-bottom:1px solid #d9d9d9;} .tab-head-bg-green .tab-head .searchbar .ajax-layer ul.results li.lastchild {border:none;} .tab-head-bg-green .tab-head .searchbar .ajax-layer ul.results li a {color:#898883; display:block; margin:0!important; padding:0 3px!important; line-height:18px!important;} .tab-head-bg-green .tab-head .searchbar .ajax-layer ul.results li a:hover strong {color:#A7C501;} .tab-head-bg-green .tab-head .searchbar .ajax-layer ul.results li a strong {display:block;} .tab-head-bg-green .tab-head .searchbar .ajax-layer ul.results li a span {font-size:11px;} .tab-head-bg-green .tab-head .searchbar .ajax-layer .footer {width:289px; height:7px; display:block; overflow:hidden; background:url(../img/structure/nav/tabnav/bg_ajaxlayer_last.gif) no-repeat;} .infocenter-content .tab-content-box {padding:5px 0 0!important;} .infocenter-content .tab-content-box .teaserbox-overview {clear:both; overflow:hidden;} .infocenter-content .tab-content-box .teaser {width:295px; float:left; display:block; overflow:hidden; background:url(../img/structure/teaser/infocenter_bg.gif) repeat-y; margin:0 0 5px 8px;} .infocenter-content .tab-content-box .teaser .imagebar {width:275px; height:65px; padding:20px 0 0 20px; display:block; background:url(../img/structure/teaser/infocenter_top.gif) no-repeat;} .infocenter-content .tab-content-box .teaser .content {width:275px; margin:0 auto; display:block; background:url(../img/structure/teaser/infocenter_bg_content.gif) bottom #fff no-repeat;} .infocenter-content .tab-content-box .teaser .content ul {margin:0!important; padding:0!important; border-top:1px solid #d9d9d9;} .infocenter-content .tab-content-box .teaser .content ul li {margin:0!important; padding:5px 10px 5px 25px!important; list-style-type:none; border-bottom:1px solid #d9d9d9; background:url(../img/structure/teaser/infocenter_arrow.gif) 5px 11px no-repeat;} .infocenter-content .tab-content-box .teaser .content ul li a {margin:0!important; padding:0!important;} .infocenter-content .tab-content-box .teaser .content ul li a:hover {font-weight:bold;} .infocenter-content .tab-content-box .teaser .content .link {display:block; padding:10px; line-height:18px; height:15px;} .infocenter-content .tab-content-box .teaser .content h3 {margin:5px; padding:0; font-size:18px!important;} .infocenter-content .tab-content-box .teaser .footer {width:295px; height:20px; display:block; background:url(../img/structure/teaser/infocenter_footer.gif) no-repeat;} .infocenter-content .tab-content-box h4 {font-size:18px!important; margin:30px 0 20px 20px;} .infocenter-content .tab-content-box .faq-list {padding:0 0 25px 0;} .infocenter-content .tab-content-box .faq-list ul.main {margin:20px 0 0 20px!important; padding:0!important; width:570px;} .infocenter-content .tab-content-box .faq-list ul.main li {margin:0!important; padding:0!important; list-style-type:none; background:url(../img/structure/layout/faq-list_firstline_bg.gif) repeat-x; border-top:1px solid #fff;} .infocenter-content .tab-content-box .faq-list ul.main li a {display:block; padding:10px 0 10px 0!important; margin:0!important; height:19px;} .infocenter-content .tab-content-box .faq-list ul.main li ul li a {display:block; padding: 0 !important; margin:0!important; height:19px;} .infocenter-content .tab-content-box .faq-list ul.main li a:hover {font-weight:bold;} .infocenter-content .tab-content-box .faq-list ul.main li a span.open {float:left; display:block; overflow:hidden; width:19px; height:19px; margin:0 0 0 10px; background:url(../img/structure/layout/faq-list_open.gif) no-repeat;} .infocenter-content .tab-content-box .faq-list ul.main li a.active span.open {float:left; display:block; overflow:hidden; width:19px; height:19px; margin:0 0 0 10px; background:url(../img/structure/layout/faq-list_open.gif) 0 -19px no-repeat;} .infocenter-content .tab-content-box .faq-list ul.main li a span.text {margin:0 0 0 8px;} .infocenter-content .tab-content-box .faq-list ul.main li a.active span.text {margin:0 0 0 8px; font-weight:bold;} .infocenter-content .tab-content-box .faq-list ul.main li ul.sub p a {display: inline; padding: 0;font-weight: bold;text-decoration: underline;} .infocenter-content .tab-content-box .faq-list ul.sub {margin:0!important; padding:0!important; display:none;} .infocenter-content .tab-content-box .faq-list li.is-open ul.sub { display: block; } .infocenter-content .tab-content-box .faq-list ul.sub li {margin:0!important; border:none;} .infocenter-content .tab-content-box .faq-list ul.sub li a.active {font-weight:bold;} .infocenter-content .tab-content-box .faq-list ul.sub li.link {background:url(../img/structure/teaser/infocenter_arrow.gif) 40px center no-repeat;} .infocenter-content .tab-content-box .faq-list ul.sub li.link a {display:block; padding:6px 0 6px 55px!important; height:19px;} .infocenter-content .tab-content-box .faq-list ul.sub li.text {background:none; padding:10px 40px!important;} .infocenter-content .tab-content-box .faq-list ul.sub li.download {background:none; padding:15px 0 15px 40px!important; font-weight:bold!important;} .infocenter-content .tab-content-box .faq-list ul.sub li.download span.text {float:left; display:block; overflow:visible; width:345px; margin:3px 0 0 0;} .infocenter-content .tab-content-box .faq-list ul.sub li.download a.info {margin:0!important; padding:0!important; float:left; overflow:visible; display:block; width:25px; height:25px; background:url(../img/structure/btn/btn_faqlist_info.png) no-repeat; outline:none; position:relative;} .infocenter-content .tab-content-box .faq-list ul.sub li.download a.info div {display:none; width:195px; position:absolute; bottom:25px; left:-84px; font-size:11px; font-weight:normal; z-index:9999;} .infocenter-content .tab-content-box .faq-list ul.sub li.download a.info div span.header {width:195px; height:15px; display:block; background:url(../img/structure/layout/infocenter_tooltip_header.png) no-repeat;} .infocenter-content .tab-content-box .faq-list ul.sub li.download a.info div span.content {width:155px; display:block; padding:0 20px; background:url(../img/structure/layout/infocenter_tooltip_content.png) repeat-y;} .infocenter-content .tab-content-box .faq-list ul.sub li.download a.info div span.footer {width:195px; height:25px; display:block; background:url(../img/structure/layout/infocenter_tooltip_footer.png) no-repeat;} .infocenter-content .tab-content-box .faq-list ul.sub li.download a.dl {margin:0 18px 0 15px!important; padding:0!important; float:right; display:block; overflow:visible; width:127px; height:25px; background:url(../img/structure/btn/btn_faqlist_pdf_dl.png) no-repeat; text-indent:-9999em; outline:none;} .infocenter-content .tab-content-box .faq-list ul.sub li.download a.online-form {margin:0 18px 0 15px!important; padding:0!important; float:right; display:block; overflow:visible; width:127px; height:25px; background:url(../img/structure/btn/btn_online_form.gif) no-repeat; text-indent:-9999em; outline:none;} .infocenter-content .tab-content-box .faq-list ul.sub li a:hover {font-weight:bold;} .infocenter-content .tab-content-box .faq-list ul.sub li.dark {background-color:#dddcd9;} .infocenter-content .tab-content-box .faq-list ul.sub li.grey {background-color:#e7e6e4;} .infocenter-content .tab-content-box .faq-list ul.sub li ul { list-style-type: disc !important; } .infocenter-content .tab-content-box .faq-list ul.sub li ul li { list-style-type: disc !important; background: transparent !important; } * html .infocenter-content .tab-content-box .faq-list ul.sub li.download a.info {margin:0!important; padding:0!important; float:left; display:block; width:25px; height:25px; background:url(../img/structure/btn/btn_faqlist_info.gif) no-repeat; outline:none; position:relative;} * html .infocenter-content .tab-content-box .faq-list ul.sub li.download a.info div {display:none; width:184px; position:absolute; bottom:27px; left:-78px; font-size:11px; font-weight:normal; z-index:9999;} * html .infocenter-content .tab-content-box .faq-list ul.sub li.download a.dl {margin:0 18px 0 15px!important; padding:0!important; float:right; display:block; overflow:hidden; width:127px; height:25px; background:url(../img/structure/btn/btn_faqlist_pdf_dl.gif) no-repeat; text-indent:-9999em; outline:none;} * html .infocenter-content .tab-content-box .faq-list ul.sub li.download a.info div span.header {width:195px; height:15px; display:block; background:url(../img/structure/layout/infocenter_tooltip_header.gif) no-repeat;} * html .infocenter-content .tab-content-box .faq-list ul.sub li.download a.info div span.content {width:144px; display:block; padding:0 20px; background:#fff;} * html .infocenter-content .tab-content-box .faq-list ul.sub li.download a.info div span.footer {width:195px; height:25px; display:block; background:url(../img/structure/layout/infocenter_tooltip_footer.gif) no-repeat;} .infocenter-content .tab-content-box .answer {background:#fff; clear:both; padding:35px 0 0 0;} .infocenter-content .tab-content-box .no-pad {padding:0!important;} .infocenter-content .tab-content-box .answer h4 {padding:0 0 0 20px!important; height:25px; margin:0!important;} .infocenter-content .tab-content-box .answer .missing-question {background:url(../img/structure/layout/faq-list_missinganswer_bg.gif) top repeat-x #92928c; color:#fff; padding:10px 25px;} .infocenter-content .tab-content-box .answer .missing-question h5 {font-size:14px; font-weight:bold; color:#fff; height:40px; margin:10px 0 0 0;} .infocenter-content .tab-content-box .answer .missing-question .left-col {float:left; display:block; overflow:hidden; width:320px; margin:0 0 10px 0;} .infocenter-content .tab-content-box .answer .missing-question .right-col {float:left; display:block; overflow:hidden; width:200px; margin:0 0 10px 0;} .infocenter-content .tab-content-box .answer .missing-question form label {display:block; color:#fff; padding:0 0 8px 0;} .infocenter-content .tab-content-box .answer .missing-question form textarea {border:none; padding:5px; display:block; width:290px;} .infocenter-content .tab-content-box .answer .missing-question form input {border:none; width:225px; display:block; padding:5px;} .infocenter-content .tab-content-box .answer .missing-question form a.btn-submit {width:90px; height:25px; display:block; margin:20px 0 0 0; background:url(../img/structure/btn/faq-list_missinganswer_submit.gif) no-repeat; text-indent:-9999em; outline:none;} .ic-youtube-detail { display: block !important; width: 112px; height: 25px !important; padding: 0 !important; background: url(../img/structure/btn/btn_youtube_video.gif) no-repeat; text-indent: -10000em; } .infocenter-content .tab-content-box .faq-list .searchresults {margin:0 20px;} .infocenter-content .tab-content-box .faq-list .searchresults p {font-weight:bold!important;} .infocenter-content .tab-content-box .faq-list .searchresults p strong {color:#504f46;} .infocenter-content .tab-content-box .faq-list .searchresults ul.searchlist {margin:0!important; padding:0!important; border-top:1px solid #ccc;} .infocenter-content .tab-content-box .faq-list .searchresults ul.searchlist li {list-style-type:none!important; margin:0!important; padding:0!important; border-bottom:1px solid #ccc; background:url(../img/structure/ico/ico_arrow_lightgrey.gif) 4px 13px no-repeat;} .infocenter-content .tab-content-box .faq-list .searchresults ul.searchlist li a {margin:0!important; padding:7px 20px!important; display:block; color:#898883!important;} .infocenter-content .tab-content-box .faq-list .searchresults ul.searchlist li a strong {display:block;} .infocenter-content .tab-content-box .faq-list .searchresults ul.searchlist li a span {font-size:11px;} .infocenter-content .tab-content-box .faq-list .searchresults ul.searchlist li a:hover strong {color:#A7C501;} /* Infocenter :: col-02 */ .col-02 .tagcloud {width:283px; display:block; background:url(../img/structure/teaser/tagcloud_bg.gif) repeat-y;} .col-02 .tagcloud .top {width:283px; height:11px; display:block; background:url(../img/structure/teaser/tagcloud_top.gif) no-repeat;} .col-02 .tagcloud .tags {width:245px; display:block; padding:10px; margin:0 0 0 8px; background:url(../img/structure/teaser/tagcloud_content_bg.gif) bottom repeat-x; text-align:center; line-height:24px;} .col-02 .tagcloud .tags a {padding:5px 7px;} .col-02 .tagcloud .tags a:hover {background:#d0e302;} .col-02 .tagcloud .footer {width:283px; height:14px; display:block; background:url(../img/structure/teaser/tagcloud_footer.gif) no-repeat;} .col-02 .rechner img {margin:0; padding:0; height:115px; display:block;} .col-02 .rechner .toggle {margin:0; padding:0;} .col-02 .rechner .toggle a {width:263px; height:31px; padding:9px 0 0 20px; display:block; background:url(../img/content/infocenter/rechner_toggle.gif) no-repeat; color:#fff; font-weight:bold;} .col-02 .rechner .toggle a.active {background-position:bottom;} .col-02 .rechner .slideout {position:relative; top:-10px; display:none;} .col-02 .rechner .slideout .inner {width:261px; min-height:10px; background:#979690; margin:0 0 0 3px; padding:14px 0 14px 14px; color:#fff;} .col-02 .rechner .slideout .inner form { position:relative; overflow:hidden; width:100%; } .col-02 .rechner .slideout .inner * { position:relative; overflow:hidden; } .col-02 .rechner .slideout .inner form select {display:block; width:210px; padding:5px 5px; margin:0 0 10px 0; border-top:1px solid #bfbfbf; border-left:1px solid #bfbfbf; border-right:none; border-bottom:none;} .col-02 .rechner .slideout .inner form select#fbBorder { border: 1px solid #FFF; } .col-02 .rechner .slideout .inner form input {display:block; padding:5px 5px; margin:0 0 10px 0; border:1px solid #bfbfbf; } .col-02 .rechner .slideout .inner form input.full {width:200px; float:left; display:block; overflow:hidden;} .col-02 .rechner .slideout .inner form input.small {width:65px; float:left; display:block; overflow:hidden;} .col-02 .rechner .slideout .inner form input.medium {width:90px; float:left; display:block; overflow:hidden;} .col-02 .rechner .slideout .inner form span {width:28px; float:left; display:block; overflow:hidden; color:#fff; padding:6px 0 0 6px;} .col-02 .rechner .slideout .inner form span.wide {width:35px; float:left; display:block; overflow:hidden; color:#fff; padding:6px 0 0 6px;} .col-02 .rechner .slideout .inner a.submit {display:block; width:134px; height:25px; background:url(../img/content/infocenter/rechner_btn_submit.gif) no-repeat; text-indent:-9999em; outline:none; margin:5px 0 0 0;} .col-02 .rechner .slideout .inner .summe {width:246px; height:43px; padding:7px 0 0 0; display:block; margin:15px 0 20px 0; background:url(../img/content/infocenter/rechner_summe_bg.gif) no-repeat; font-size:30px; font-weight:bold; color:#bdcd00; text-align:center;} .col-02 .rechner .slideout .inner .summe span {display:none;} .col-02 .rechner .slideout .inner .legend p {color:#fff; font-size:10px; width:250px;} /* */ .col-02 .rechner .slideout .footer {width:283px; height:8px; position:relative; overflow:hidden; display:block; background:url(../img/content/infocenter/rechner_layer_footer.gif) no-repeat;} .faq {font-weight: bold ; width: 450px ;} .faq-text {padding-top: 10px ; font-weight: normal ; width: 450px ; } .faq span { color : #bfcf00; } table.rates { background-color: #ffffff ; } table.rates th { padding: 2px ; font-weight: bold ; color: #ffffff; background-color: #A7C501} table.rates td { padding: 2px ; } .tab-content-table { width:100%; padding:0 0 1px 0; } .tab-content-table-divide { background:url(../img/structure/layout/tab_content_box_divider.gif) repeat-x 0 100%; } .tab-content-table th { text-align:left; padding:12px 25px; vertical-align:top; } .tab-content-table td { text-align:left; padding:12px 0; vertical-align:top; } .tab-content-table tr.odd-row th, .tab-content-table tr.odd-row td { background:#FFF; } .tab-content .pagination {padding:15px 0 5px 0;} .tab-content .pagination .preview a {width:90px; padding:0 0 0 13px; margin:0 112px 0 0; font-size:11px; font-weight:bold; color:#979690; float:left; background:url(../img/structure/ico/pagination_preview.gif) no-repeat 0 5px;} .tab-content .pagination .sites {width:200px; font-size:11px; color:#979690; float:left;} .tab-content .pagination .sites a {font-size:11px; color:#979690; padding:0 3px 0 3px;} .tab-content .pagination .sites a.active {font-weight:bold;} .tab-content .pagination .next a { padding:0 13px 0 0; margin:0; font-size:11px; font-weight:bold; color:#979690; float:right; background:url(../img/structure/ico/pagination_next.gif) no-repeat 80px 5px;} .tab-content .pagination .back-to-overview a {width:125px; padding:0 0 0 13px; margin:0; font-size:11px; font-weight:bold; color:#979690; float:left; background:url(../img/structure/ico/pagination_preview.gif) no-repeat 0 5px;} .tab-content .pagination .article-switch {float:right;} .tab-content .pagination .article-switch span {padding:0 3px 0 3px; color:#979690; font-size:11px;} .tab-content .pagination .article-switch a.preview {padding:0 0 0 13px; margin:0; font-size:11px; font-weight:bold; color:#979690; background:url(../img/structure/ico/pagination_preview.gif) no-repeat 0 5px;} .tab-content .pagination .article-switch a.next {padding:0 13px 0 0; margin:0; font-size:11px; font-weight:bold; color:#979690; background:url(../img/structure/ico/pagination_next.gif) no-repeat 93px 5px;} .tab-content .press-detail {line-height:20px;} .tab-content .press-detail span.date {font-size:11px; color:#7b7a6c; display:block; padding:0 5px 0 0;} .tab-content .press-detail strong {padding:0 5px 0 0;} .tab-content .press-detail h1 { padding-left: 0; } .tab-content .press-detail p {padding:0 5px 10px 0;} .tab-content .press-detail .gallery {display:block; background:#fff; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:8px 0 3px 5px; margin:0 0 20px 0; overflow:hidden; width:560px;} .tab-content .press-detail .gallery a {margin:0 5px 5px 0; float:left; display:inline; position:relative;} .tab-content .press-detail .gallery a img {display:block;} .tab-content .press-detail .gallery a span {background:url(../img/structure/ico/zoom.gif) no-repeat; display:block; overflow:hidden; width:11px; height:11px; position:absolute; right:5px; bottom:5px;} .tab-content .press-detail a.download {display:block; background:#fff url(../img/structure/ico/ico_dl_link.gif) no-repeat 11px 13px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:8px 5px 8px 25px; margin:0 0 20px 0; font-size:12px; color:#93bf10; font-weight:bold;} .tab-content .press-detail a.download span {font-weight:normal;} .tab-content .press-detail .contact {padding:0 5px 0 5px;} .tab-content .press-detail .contact a {color:#93bf10; font-weight:bold;} .tab-content .press-detail .contact strong {padding:0; display:block;} .tab-content .press-detail .left-col {float:left; width:215px; overflow:hidden;} .tab-content .press-teaser {clear:both; background:url(../img/structure/layout/tab_content_box_divider.gif) repeat-x scroll 0 100%; padding:10px 0 10px 10px; overflow:hidden;} .tab-content .press-teaser .image {float:left; width:145px; height:85px; background:#ccc; margin:0 15px 0 0;} .tab-content .press-teaser .headline {font-size:11px; color:#7b7a6c; margin:5px 0 0 0; line-height:18px;} .tab-content .press-teaser .text {font-size:11px; color:#7b7a6c; line-height:18px;} .tab-content .press-teaser .text strong {display:block;} .tab-content .press-teaser .text a {color:#bfcf00; font-weight:bold; padding:0 0 0 4px;} .tab-content .download-teaser {clear:both; background:url(../img/structure/layout/tab_content_box_divider.gif) repeat-x scroll 0 100%; padding:10px 0 10px 0; overflow:hidden;} .tab-content .download-teaser .image {float:left; width:145px; height:85px; background:#ccc; margin:0 15px 0 0;} .tab-content .download-teaser .headline {color:#7b7a6c; margin:5px 0 0 0; line-height:18px;} .tab-content .download-teaser .text {color:#7b7a6c; line-height:18px; height:40px;} .tab-content .download-teaser .text strong {display:block;} .tab-content .download-teaser .download {background:url(../img/structure/ico/ico_dl_link.gif) no-repeat 0 3px; padding:0 0 0 17px; font-size:12px; color:#93bf10; font-weight:bold;} .tab-content .download-teaser .download span {font-weight:normal;} .tab-head-empty { height: 11px; margin-top: 15px; background:url(../img/structure/layout/bg_tab_head.gif) no-repeat; overflow: hidden; } .tab-foot { width:630px; height:57px; background:url(../img/structure/layout/bg_tab_foot.gif) no-repeat; overflow:hidden; } .tab-foot-empty { width:630px; height:10px; background:url(../img/structure/layout/bg_tab_foot.gif) no-repeat 0 100%; overflow:hidden; } .tab-foot .service-nav { clear:left; width:100%; overflow:hidden; border-top:0; padding:15px 0 0 0; margin:0; } .tab-foot .service-nav li { float:left; display:inline; margin:0 0 0 10px; } .tab-foot .service-nav li.right { float:right; display:inline; } .tab-foot .service-nav li a { font-weight:normal; } .tab-foot .service-nav li a.page-bookmark { background:url(../img/structure/ico/page_bookmark.gif) no-repeat 0 50%; } .tab-foot .service-nav li a.page-print { background:url(../img/structure/ico/page_print.gif) no-repeat 0 50%; } .tab-foot .service-nav li a.page-recommend { background:url(../img/structure/ico/page_recommend.gif) no-repeat 0 50%; padding:0 0 0 25px; } .tab-foot .service-nav li a.page-top { background:url(../img/structure/ico/page_top.gif) no-repeat 100% 50%; padding:0 15px 0 0; } /* Layout :: Content Area - Teasers */ .text-image-teaser { margin:0 0 5px 0; background:url(../img/structure/layout/bg_home_shadow_teaser.gif) no-repeat; width:285px; } .text-image-teaser-content { padding:10px; background:url(../img/structure/layout/bg_home_shadow_teaser_bottom.gif) 0 100% no-repeat; } .text-image-teaser-content .teaser-text { background:#F5F5F4; padding:15px 10px 1px 10px; } .text-image-teaser-content .teaser-text h3 { margin:0 0 8px 0; font-size:18px; } .text-image-teaser-content .teaser-text p { margin:0 0 8px 0; line-height:1.5em; width:100%; overflow:hidden; } .highlight-teaser { margin:0 0 5px 0; background: url(../img/structure/layout/bg_home_shadow_teaser_green.gif) no-repeat; width:285px; } .highlight-teaser-content { padding:10px; background:url(../img/structure/layout/bg_home_shadow_teaser_green_bottom.gif) 0 100% no-repeat; } .highlight-teaser-content .teaser-text { padding:8px 10px 1px 10px; } .highlight-teaser-content .teaser-text h3 { margin:0 0 8px 0; font-size:22px; } .highlight-teaser-content .teaser-text p { margin:0 0 8px 0; line-height:1.5em; } .highlight-teaser-content .teaser-text-small p { font-size: 11px; } .inner-teaser-cp { margin:0 0 20px 10px; clear:left; overflow:hidden; background:url(../img/structure/layout/bg_teaser_cp.gif) no-repeat; width:555px; height:305px; padding:25px 25px 0 25px; } .inner-teaser-cp h3 { margin:0 0 10px 0; } .inner-teaser-cp h4 { margin:0 0 10px 0; line-height:1.5em; font-size:14px !important; } .inner-teaser-cp ul { margin:0 0 15px 0 !important; list-style-type:none !important; width:100%; overflow:hidden; } .inner-teaser-cp ul li { margin:0 !important; padding:0 0 0 12px !important; font-size:14px !important; background:url(../img/structure/ico/ico_list_point.gif) 0 50% no-repeat; line-height:1.5em !important; width:260px; float:left; display:inline; } .inner-teaser-cp p { margin:0 0 15px 0 !important; } .inner-teaser-cp a.dl-link { margin:0 -12px 0 -13px !important; border:0; } .inner-teaser-wrapper { clear:left; width:100%; overflow:visible; position: relative; } .inner-teaser-wrapper .inner-teaser {/* z-index: auto; position: relative;*/ width:315px; background:url(../img/structure/layout/bg_content_teaser315.gif) no-repeat; padding:10px 0 0 0; float:left; display:inline; } .inner-teaser-wrapper .inner-teaser-content { padding:10px 0 10px 10px; width:285px; overflow: hidden; margin:0 10px 0 10px; background: url(../img/structure/layout/bg_inner_teaser.jpg) #F4F4F3 repeat-x; } .inner-teaser-wrapper .inner-teaser-content .teaser-ico { float:left; display:inline; margin:0 15px 0 0; } .inner-teaser-wrapper .inner-teaser-content .info-text { float:left; display:inline; width:205px; } .inner-teaser-wrapper .inner-teaser-content .info-text h4 { margin:10px 0 10px 0; } .inner-teaser-wrapper .inner-teaser-content .info-text p { margin:0 0 10px 0; } .inner-teaser-wrapper .inner-teaser-bottom { display:block; overflow:hidden; height:10px; background:url(../img/structure/layout/bg_content_teaser315_bottom.gif) no-repeat; } .teaser-legend { clear:left; width:100%; overflow:hidden; padding:5px 0 10px 15px; font-size:10px; } .text-image-block { clear:left; width:100%; overflow:hidden; border-top:1px solid #D2D1CC; border-bottom:1px solid #D2D1CC; padding:15px 0; } .text-image-block .image-col { float:left; display:inline; margin:0 0 0 15px; width:290px; } .text-image-block .text-col { float:left; display:inline; margin:0 0 0 20px; width:290px; } .text-image-block .text-col h3 { font-size:18px; font-weight:normal; margin:0 0 0 0; } .text-image-block .text-col h3.color-green { color:#A7C501; font-weight:bold; } .text-image-block .text-col p { margin:10px 0 0 0 !important; padding:0; line-height:1.5em !important; } .text-image-box-type-1 { clear:left; padding:0 15px; margin:0 0 30px 0;} .text-image-box-type-1 h2 { margin:0 0 20px 0 !important; color:#A7C501; font-size:30px !important; text-transform:uppercase; } .text-image-box-type-1 h3 { margin:0 0 10px 0 !important; font-size:18px; padding:0 !important; } .text-image-box-type-1 p { margin:0 0 10px 0 !important; line-height:1.6em; } .text-image-box-type-1 .wide-image { margin:20px 0; } .text-image-box-type-1 .wide-image img { display:block; } .text-image-box-type-1 .list {margin:0 0 10px 17px; padding:0;} .text-image-box-type-1 .list li {padding:0; margin:0!important;} .text-image-box-type-2 { clear:left; width:905px; overflow:hidden; clear:left; padding:0 0 0 15px; margin:0 0 0 0; } .text-image-box-type-2 .image-col-left { float:left; display:inline; margin:0 20px 40px 0; width:375px; } .text-image-box-type-2 .image-col-right { float:right; display:inline; margin:0 0 40px 20px; width:375px; } .text-image-box-type-2 .text-col { float:left; display:inline; margin:0 0 0 0; width:470px; } .text-image-box-type-2 .text-col h2 { margin:0 0 20px 0 !important; color:#A7C501; font-size:30px !important; text-transform:uppercase; } .text-image-box-type-2 .text-col h3 { margin:0 0 10px 0 !important; font-size:18px; } .text-image-box-type-2 .text-col p { margin:0 0 10px 0 !important; line-height:1.6em; } .text-image-box-type-2 .list {margin:0 0 10px 17px; padding:0;} .text-image-box-type-2 .list li {padding:0; margin:0!important;} .info-teaser-wrapper { clear:left; width:100%; overflow:hidden; } .info-teaser-wrapper .info-teaser { width:265px; margin:0 10px 10px 0; float:left; display:inline;} .info-teaser-wrapper .info-teaser-content { width:100%; overflow:hidden;} .info-teaser-wrapper .info-teaser-content .teaser-ico { float:left; display:inline; margin:0 5px 0 0; } .info-teaser-wrapper .info-teaser-content .info-text { float:left; display:inline; width:200px; } .info-teaser-wrapper .info-teaser-content .info-text p { margin:0 0 0 0 !important; } .info-teaser-wrapper .info-teaser-content .info-text p.links { width:100%; overflow:hidden;} .info-teaser-wrapper .info-teaser-content .info-text p.links a { margin:6px 0 0 0; } .info-teaser-wrapper .info-teaser-content .info-text .ico-info { float:left; display:inline; margin:3px 10px 0 0; } .info-teaser-wrapper .info-teaser-content .info-text .tooltip {position:absolute; z-index:9000; width:375px; height:auto; margin:-178px 0 0 -174px; display:none;} .info-teaser-wrapper .info-teaser-content .info-text .tooltip .headline {display:block; font-weight:bold; width:350px; background:url(../img/structure/layout/tooltip/tooltip_top.png) no-repeat; padding:20px 0 7px 25px;} .info-teaser-wrapper .info-teaser-content .info-text .tooltip .orange {color:#f96321;} .info-teaser-wrapper .info-teaser-content .info-text .tooltip .blue {color:#0497e0;} .info-teaser-wrapper .info-teaser-content .info-text .tooltip .yellow {color:#f5b901;} .info-teaser-wrapper .info-teaser-content .info-text .tooltip .pink {color:#d63874;} .info-teaser-wrapper .info-teaser-content .info-text .tooltip .content {width:325px; padding:0 25px 0 25px; display:block; background:url(../img/structure/layout/tooltip/tooltip_bg.png) repeat-y; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7b7a6c; line-height:20px;} .info-teaser-wrapper .info-teaser-content .info-text .tooltip .content p {font-family:Arial, Helvetica, sans-serif; font-size:11px!important; color:#7b7a6c!important; line-height:20px!important;} .info-teaser-wrapper .info-teaser-content .info-text .tooltip .footer {display:block; width:375px; height:25px; background:url(../img/structure/layout/tooltip/tooltip_buttom.png) no-repeat;} .download-teaser { margin:10px 0 5px 0; width:285px; } .download-teaser-content { padding:0 5px 12px 5px; background:url(../img/structure/layout/bg_download_box.gif) no-repeat 0 100%; } .download-teaser-content ul { margin:0 !important; padding:0 !important; list-style-type:none; width:100%; overflow:hidden; } .download-teaser-content ul li { float:left; display:inline; width:275px; border-top:1px solid #F6F5F3; border-bottom:1px solid #BEBDB8; margin:0 !important; padding:0 !important; } .download-teaser-content ul li a { display:block; margin:0; padding:7px 5px 7px 37px; background:url(../img/structure/ico/ico_dl_pdf.gif) no-repeat 12px 50%; font-size:11px; font-weight:bold; color:#504F46; } .download-teaser-content ul li a span { font-weight:normal; } .hotline-teaser { margin:0 0 5px 0; background:url(../img/structure/layout/bg_side_teaser_grey.gif) no-repeat; width:285px; } .hotline-teaser-content { padding:5px 5px 10px 5px; background:url(../img/structure/layout/bg_side_teaser_grey_bottom.gif) 0 100% no-repeat; } .hotline-teaser-content .contact-person { width:100%; overflow:hidden; } .hotline-teaser-content .contact-person img { float:right; display:inline; } .hotline-teaser-content .contact-person p { float:left; display:inline; padding:10px 0 0 15px; width:140px; color:#FFF; line-height:1.5em; } .hotline-teaser-content .link-box { padding:10px 15px; border-bottom:1px solid #7F7F79; } .hotline-teaser-content .form-opener { border-top:1px solid #A9A9A3; position:relative; } .hotline-teaser-content .form-opener a { padding:10px 15px 5px 15px; display:block; font-weight:bold; color:#FFF; } .hotline-teaser-content .form-opener a span { width:20px; height:20px; overflow:hidden; background:url(../img/structure/btn/btn_toggle_sitemap.gif) no-repeat 0 0; display:block; position:absolute; right:10px; top:7px; } .hotline-teaser-content .form-opener a.active span { background:url(../img/structure/btn/btn_toggle_sitemap.gif) no-repeat 0 -20px; } .hotline-teaser-content a.arrow-link { background:url(../img/structure/ico/arrow_white_right.gif) no-repeat 100% 50%; padding:0 15px 0 0; color:#FFF; font-weight:bold; } .brochure-teaser { margin:0 0 5px 0; background:url(../img/structure/layout/bg_side_teaser_grey.gif) no-repeat; width:285px; } .brochure-teaser-content { padding:5px 5px 10px 5px; background:url(../img/structure/layout/bg_side_teaser_grey_bottom.gif) 0 100% no-repeat; } .brochure-teaser-content .brochure-info { width:100%; overflow:hidden; } .brochure-teaser-content .brochure-info img { float:right; display:inline; } .brochure-teaser-content .brochure-info p { float:left; display:inline; padding:10px 0 5px 15px; width:120px; color:#FFF; line-height:1.5em; font-size:11px; } .brochure-teaser-content .brochure-info p img { float:none; display:block; } .brochure-teaser-content .link-box { padding:10px 15px; border-bottom:1px solid #7F7F79; } .brochure-teaser-content .form-opener { border-top:1px solid #A9A9A3; position:relative; } .brochure-teaser-content .form-opener a { padding:10px 15px 5px 15px; display:block; font-weight:bold; color:#FFF; } .brochure-teaser-content .form-opener a span { width:20px; height:20px; overflow:hidden; background:url(../img/structure/btn/btn_toggle_sitemap.gif) no-repeat 0 0; display:block; position:absolute; right:10px; top:7px; } .brochure-teaser-content .form-opener a.active span { background:url(../img/structure/btn/btn_toggle_sitemap.gif) no-repeat 0 -20px; } .brochure-teaser-content a.arrow-link { background:url(../img/structure/ico/arrow_white_right.gif) no-repeat 100% 50%; padding:0 15px 0 0; color:#FFF; font-weight:bold; } .slide-out-box { background:url(../img/structure/layout/bg_slideout_box.gif) 0 100%; width:255px; padding:10px; position:absolute; top:30px; left:0; display:none; } .slide-out-box.active { display:block; } .slide-out-box * { color:#FFF; } .slide-out-box table td { padding:0 10px 10px 0; } .slide-out-box table tr.last-row td { padding:0 10px 0 0; } .slide-out-box table td.slf-legend { font-size:10px; } .slide-out-box .slf-select { padding:2px; width:94px; border:0; border-left:1px solid #BFBFBF; border-top:1px solid #BFBFBF; background:#FFF; color:#666666; } .slide-out-box .slf-select option { color:#666666; } .slide-out-box .slf-text { padding:2px; width:90px; border:0; border-left:1px solid #BFBFBF; border-top:1px solid #BFBFBF; background:#FFF; color:#666666; } .slide-out-box .slf-text-wide { padding:2px; width:196px; border:0; border-left:1px solid #BFBFBF; border-top:1px solid #BFBFBF; background:#FFF; color:#666666; } /* Layout :: Home Teasers */ #HomeTeasers { width:970px; height:auto; padding:0 10px 0 10px; overflow:hidden; position:relative; top:-5px; margin:0 0 -5px 0; z-index:5; } #HomeTeasers .home-teaser { float:left; display:inline; width:220px; padding:10px; height:178px; } #HomeTeasers .home-teaser-01, #HomeTeasers .home-teaser-04 { width:220px; background:url(../img/structure/layout/bg_home_teaser_side_small.gif) no-repeat; } #HomeTeasers .home-teaser-02, #HomeTeasers .home-teaser-03 { width:225px; background:url(../img/structure/layout/bg_home_teaser_middle_small.gif) no-repeat; } #HomeTeasers .home-teaser img { display:block; } #HomeTeasers .home-teaser .home-teaser-text { background:#FAFAFA; padding:15px 5px 0 15px; height:65px; overflow:hidden; } #HomeTeasers .home-teaser .home-teaser-text h3 { font-size:13px; text-transform:uppercase; margin:0 0 5px 0; } #HomeTeasers .home-teaser-01 .home-teaser-text h3 { color:#F55813; } #HomeTeasers .home-teaser-02 .home-teaser-text h3 { color:#39A9D8; } #HomeTeasers .home-teaser-03 .home-teaser-text h3 { color:#EDB91F; } #HomeTeasers .home-teaser-04 .home-teaser-text h3 { color:#E84584; } #HomeTeasers .home-teaser .home-teaser-text p { line-height:1.4em; margin:0; } #HomeTeasers .home-teaser .home-teaser-link { padding:5px 30px 5px 15px; color:#FFF; font-weight:bold; background-repeat:no-repeat; display:block; } #HomeTeasers .home-teaser-01 .home-teaser-link { background-image:url(../img/structure/btn/colored/1/btn_home_teaser.gif); } #HomeTeasers .home-teaser-02 .home-teaser-link { background-image:url(../img/structure/btn/colored/2/btn_home_teaser.gif); } #HomeTeasers .home-teaser-03 .home-teaser-link { background-image:url(../img/structure/btn/colored/3/btn_home_teaser.gif); } #HomeTeasers .home-teaser-04 .home-teaser-link { background-image:url(../img/structure/btn/colored/4/btn_home_teaser.gif); } /* Layout :: Foot */ #Foot { width:100%; height:auto; padding:0; background:url(../img/structure/layout/bg_foot.gif) repeat-y; margin:-0px 0 0 0; position:relative; z-index:1; } #FootHead { width:960px; height:auto; padding:40px 15px 0 15px; background:url(../img/structure/layout/bg_foot_top.gif) no-repeat; position:relative; z-index:5; } .no-divide #FootHead{ padding:0 15px 0 15px; background:none; } #FootHead ul { width:920px; height:auto; padding:10px 20px; list-style-type:none; overflow:hidden; border-bottom:1px solid #AAA8A3; } #FootHead ul li { float:left; display:inline; line-height:1em; padding:0 7px 0 0; margin:0 !important; color:#FFF; } #FootHead ul li.divide { border-left:1px solid #FFF; padding:0 7px; } #FootHead ul li a { color:#E4F903; font-weight:bold; } #FootHead a#ToggleSiteMap { width:20px; height:20px; position:absolute; right:30px; top:47px; display:block; text-indent:-9999em; background:url(../img/structure/btn/btn_toggle_sitemap.gif) no-repeat; } .no-divide #FootHead a#ToggleSiteMap { top:7px; } #FootHead a#ToggleSiteMap.active { background-position:0 -20px; } /* Layout :: Foot - Site Map */ #SiteMap { width:940px; height:auto; padding:0 10px; border-top:1px solid #D2D1CC; margin:0 15px; } #SiteMap * { color:#FFF; } #SiteMap ul { width:920px; overflow:hidden; padding:10px; list-style-type:none; display:none; } #SiteMap ul.active { display:block; } #SiteMap ul li { width:170px; margin:0 10px 0 0; float:left; display:inline; padding:0; } #SiteMap ul li h4 { padding:0 0 8px 10px; border-bottom:1px solid #AAA8A3; } #SiteMap ul li ul { display:block; width:160px; padding:8px 0 0 10px; overflow:hidden; border-top:1px solid #D2D1CC; } #SiteMap ul li ul li { margin:0!important; width:100%; padding:0 0 8px 0; overflow:hidden; } #SiteMap ul li.sitemap-01 { width:140px; } #SiteMap ul li.sitemap-01 ul { width:130px; } #SiteMap ul li.sitemap-02 { width:140px; } #SiteMap ul li.sitemap-02 ul { width:130px; } #SiteMap ul li.sitemap-03 { width:220px; } #SiteMap ul li.sitemap-03 ul { width:210px; } #SiteMap ul li.sitemap-04 { width:200px; } #SiteMap ul li.sitemap-04 ul { width:190px; } #SiteMap ul li.sitemap-05 { width:170px; } #SiteMap ul li.sitemap-05 ul { width:160px; } /* Layout :: Foot - Meta Navigation */ #FootMeta { width:960px; height:50px; padding:0 15px 0 15px; background:url(../img/structure/layout/bg_foot_bottom.gif) no-repeat; position:relative; } #FootMeta .copyright { padding:11px 20px; color:#FFF; font-size:11px; } #FootMeta .copyright span { padding:0 45px 0 0; } #FootMeta .meta-nav { height:2em; list-style-type:none; overflow:hidden; position:absolute; right:35px; top:11px; } #FootMeta .meta-nav li { float:left; display:inline; background:url(../img/structure/layout/bg_metanav_divider_white.gif) no-repeat 100% 50%; font-size:10px; padding:0 8px 0 7px; } #FootMeta .meta-nav li a { padding:0 0; display:block; color:#FFF; font-size:11px; } #FootMeta .meta-nav li.meta-nav-06 { background:none; padding:0 0 0 7px; } /* Layout :: SoldOut */ #TGSoldOutAntrag { z-index: 30; position: absolute; top: 130px; left: 345px; display: block; width: 280px; height: 270px; background:url(../img/content/tagesgeld/postit_soldout_antrag.png) no-repeat;} *html #TGSoldOutAntrag { z-index: 30; position: absolute; top: 165px; left: 345px; display: block; width: 280px; height: 270px; background:url(../img/content/tagesgeld/postit_soldout_antrag.gif) no-repeat;} #TGSoldOutAntragLayer { z-index: 1000; position: absolute; display: none; top: -80px; left: -400px; width: 344px; height: 390px; padding:30px 50px 0 30px; background: url(../img/content/tagesgeld/layer_soldout_antrag.png) no-repeat; line-height:18px;} *html #TGSoldOutAntragLayer { z-index: 1000; position: absolute; display: none; top: -80px; left: -400px; width: 344px; height: 390px; padding:30px 50px 0 30px; background: url(../img/content/tagesgeld/layer_soldout_antrag.gif) no-repeat; line-height:18px;} #TGSoldOutAntragLayer strong {color:#b7c701;} #TGSoldOutAntragLayer p {margin:0 0 15px 0!important;} #TGSoldOutAntragLayer span {text-decoration:underline;} /*#TGPlanetSoldOutSmall { position: absolute; top: 60px; left: 110px; display: block; width: 126px; height: 144px; }*/ .TGPlanetSoldOutSmall { position:absolute; display: block; margin:-100px 0 0 100px; width: 126px; height: 144px; z-index:1000;} *html .TGPlanetSoldOutSmall { position: absolute; top: 120px; left: 10px; display: block; width: 126px; height: 144px; } .TGPlanetSoldOutLayerSmall { z-index: 1000; position: absolute; display: none; top:-315px; left:-25px; width: 364px; height: 300px; padding:30px 30px 0 30px; background: url(../img/content/tagesgeld/layer_sold_out.png) no-repeat;} *html .TGPlanetSoldOutLayerSmall { z-index: 1000; position: absolute; overflow:visible!important; display: none; top:-370px; left:-25px; width: 364px; height: 380px; padding:110px 30px 0 30px; background: url(../img/content/tagesgeld/layer_sold_out.gif) no-repeat;} .TGPlanetSoldOutLayerSmall p {margin:0 0 15px 0!important;} .TGPlanetSoldOutLayerSmall span {text-decoration:underline;} .tg-soldout-small-planet {background: url(../img/content/tagesgeld/soldout/planet/postit_sold_out_small.png) no-repeat;} *html .tg-soldout-small-planet {background: url(../img/content/tagesgeld/soldout/planet/postit_sold_out_small.gif) no-repeat;} .tg-soldout-small-planet .TGPlanetSoldOutLayerSmall strong {color:#39a9d8;} .tg-soldout-small-planet .FGPlanetSoldOutLayerSmall strong {color:#39a9d8;} .tg-soldout-small-leben {background: url(../img/content/tagesgeld/soldout/leben/postit_sold_out_small.png) no-repeat;} *html .tg-soldout-small-leben {background: url(../img/content/tagesgeld/soldout/leben/postit_sold_out_small.gif) no-repeat;} .tg-soldout-small-leben .TGPlanetSoldOutLayerSmall strong {color:#EDB91F;} .tg-soldout-small-leben .FGPlanetSoldOutLayerSmall strong {color:#EDB91F;} .tg-soldout-small-kultur {background: url(../img/content/tagesgeld/soldout/kultur/postit_sold_out_small.png) no-repeat;} *html .tg-soldout-small-kultur {background: url(../img/content/tagesgeld/soldout/kultur/postit_sold_out_small.gif) no-repeat;} .tg-soldout-small-kultur .TGPlanetSoldOutLayerSmall strong {color:#E84584;} .tg-soldout-small-kultur .FGPlanetSoldOutLayerSmall strong {color:#E84584;} .tg-soldout-small-region {background: url(../img/content/tagesgeld/soldout/region/postit_sold_out_small.png) no-repeat;} *html .tg-soldout-small-region {background: url(../img/content/tagesgeld/soldout/region/postit_sold_out_small.gif) no-repeat;} .tg-soldout-small-region .TGPlanetSoldOutLayerSmall strong {color:#F55813;} .tg-soldout-small-region .FGPlanetSoldOutLayerSmall strong {color:#F55813;} #banner_1216D { } #TGPlanetSoldOutBig { z-index: 30; position: absolute; top: 25px; left: 400px; display: block; width: 281px; height: 285px;} *html #TGPlanetSoldOutBig { z-index: 30; position: absolute; top: 25px; left: 400px; display: block; width: 281px; height: 285px;} #TGPlanetSoldOutLayerBig { z-index: 1000; position: absolute; display: none; top: 180px; left: 40px; width: 364px; height: 340px; padding:30px 30px 0 30px; background: url(../img/content/tagesgeld/layer_sold_out_top.png) no-repeat; line-height:18px;} *html #TGPlanetSoldOutLayerBig { z-index: 1000; display: none; top: 180px; left: 40px; width: 364px; height: 340px; padding:30px 30px 0 30px; background: url(../img/content/tagesgeld/layer_sold_out_top.gif) no-repeat; line-height:18px;} #TGPlanetSoldOutLayerBig p {margin:0 0 15px 0!important;} #TGPlanetSoldOutLayerBig span {text-decoration:underline;} .tg-soldout-big-planet {background: url(../img/content/tagesgeld/soldout/planet/postit_sold_out_big.png) no-repeat;} *html .tg-soldout-big-planet {background: url(../img/content/tagesgeld/soldout/planet/postit_sold_out_big.gif) no-repeat;} .tg-soldout-big-planet #TGPlanetSoldOutLayerBig strong {color:#39a9d8;} .tg-soldout-big-leben {background: url(../img/content/tagesgeld/soldout/leben/postit_sold_out_big.png) no-repeat;} *html .tg-soldout-big-leben {background: url(../img/content/tagesgeld/soldout/leben/postit_sold_out_big.gif) no-repeat;} .tg-soldout-big-leben #TGPlanetSoldOutLayerBig strong {color:#EDB91F;} .tg-soldout-big-kultur {background: url(../img/content/tagesgeld/soldout/kultur/postit_sold_out_big.png) no-repeat;} *html .tg-soldout-big-kultur {background: url(../img/content/tagesgeld/soldout/kultur/postit_sold_out_big.gif) no-repeat;} .tg-soldout-big-kultur #TGPlanetSoldOutLayerBig strong {color:#E84584;} .tg-soldout-big-region {background: url(../img/content/tagesgeld/soldout/region/postit_sold_out_big.png) no-repeat;} *html .tg-soldout-big-region {background: url(../img/content/tagesgeld/soldout/region/postit_sold_out_big.gif) no-repeat;} .tg-soldout-big-region #TGPlanetSoldOutLayerBig strong {color:#F55813;} #TGPlanetSoldOutRadio { position: absolute; top: 450px; left: 200px; display: block; width: 105px; height: 115px; background: url(../img/content/tagesgeld/postit_sold_out_radio.png) no-repeat;} *html #TGPlanetSoldOutRadio { position: absolute; top: 450px; left: 200px; display: block; width: 105px; height: 115px; background: url(../img/content/tagesgeld/postit_sold_out_radio.gif) no-repeat;} #TGPlanetSoldOutLayerRadio { z-index: 1000; position: absolute; display: none; top: -450px; left: -40px; width: 364px; height: 442px; padding:30px 30px 0 30px; background: url(../img/content/tagesgeld/layer_sold_out.png) no-repeat; line-height:18px;} *html #TGPlanetSoldOutLayerRadio { z-index: 1000; position: absolute; display: none; top: -450px; left: -40px; width: 364px; height: 442px; padding:30px 30px 0 30px; background: url(../img/content/tagesgeld/layer_sold_out.gif) no-repeat; line-height:18px;} #TGPlanetSoldOutLayerRadio strong {color:#39a9d8;} #TGPlanetSoldOutLayerRadio p {margin:0 0 15px 0!important;} #TGPlanetSoldOutLayerRadio span {text-decoration:underline;} /* FG SoldOut */ .inner-teaser-wrapper .inner-teaser {height:120px; overflow:visible;} .FGPlanetSoldOutSmall { position:absolute; display: block; margin:-100px 0 0 100px; width: 126px; height: 144px; z-index:1001;} *html .FGPlanetSoldOutSmall { position: absolute; top: 120px; left: 310px; display: block; width: 126px; height: 144px; } .FGPlanetSoldOutLayerSmall { z-index: 1001; position: absolute; display: none; top:-315px; left:-25px; width: 364px; height: 300px; padding:30px 30px 0 30px; background: url(../img/content/tagesgeld/layer_sold_out.png) no-repeat;} *html .FGPlanetSoldOutLayerSmall { z-index: 1001; position: absolute; overflow:visible!important; display: none; top:-370px; left:-25px; width: 364px; height: 380px; padding:110px 30px 0 30px; background: url(../img/content/tagesgeld/layer_sold_out.gif) no-repeat;} .FGPlanetSoldOutLayerSmall p {margin:0 0 15px 0!important;} .FGPlanetSoldOutLayerSmall span {text-decoration:underline;} /* Xmas Teaser */ #XmasTeaser { position: absolute; top: 105px; left: 222px; z-index: 500; display: block; width: 547px; height: 335px; background: url(../img/structure/teaser/xmas.png) no-repeat; } #XmasTeaser a.run { display: block; width: 547px; height: 335px; text-indent: -10000em; } #XmasTeaser a.close { position: absolute; top: 15px; right: 25px; display: block; width: 105px; height: 16px; text-indent: -10000em; background: url(../img/structure/btn/teaser_close.png) no-repeat; line-height:18px; } /* Rate Decrease Banner */ #BannerRateDecrease { width:520px; height:170px; overflow: hidden; position: absolute; left:10px; top:10px; background: url(../img/structure/banner/banner_decrease_rate_082010.png) no-repeat; } * html #BannerRateDecrease { background: url(../img/structure/banner/banner_decrease_rate_082010.gif) no-repeat; } #BannerRateDecrease p { text-indent: -9999em; } #BannerRateDecrease a { display: block; width:95px; height:30px; text-indent: -999em; position: absolute; right:25px; top:25px; cursor: pointer; } /* BannerMoratorium */ #BannerMoratorium {display:block; width:615px; position:absolute; z-index:900; top:20px; left:15px; overflow:hidden;} #BannerMoratorium .top {display:block; height:90px; background:url(../img/structure/banner/moratorium/01.png) no-repeat;} #BannerMoratorium .content {display:block; width:565px; padding:0 25px; background:url(../img/structure/banner/moratorium/02.png) repeat-y;} #BannerMoratorium .bottom {display:block; height:25px; background:url(../img/structure/banner/moratorium/03.png) no-repeat;} *html #BannerMoratorium .top {background:url(../img/structure/banner/moratorium/01.gif) no-repeat;} *html #BannerMoratorium .content {background:url(../img/structure/banner/moratorium/02.gif) repeat-y;} *html #BannerMoratorium .bottom {background:url(../img/structure/banner/moratorium/03.gif) no-repeat;} #BannerMoratorium .top strong {text-indent:-9999em; display:block;} #BannerMoratorium .top a {display:block; width:96px; position:absolute; left:499px; height:30px; text-indent:-9999em;} #BannerMoratorium .content p {font-size:12px; color:#6a6963; line-height:18px; padding:0 0 20px 0;} #BannerMoratorium .content p strong {font-size:13px;} #BannerMoratorium .content p a {color:#a6d10f; font-weight:bold; float:left;} #BannerMoratorium .content p a span {display:block; width:10px; height:7px; background:url(../img/structure/banner/moratorium/arrow.gif) no-repeat; float:left; position:absolute;} #BannerMoratorium .content p a span.first {margin:-11px 0 0 360px;} #BannerMoratorium .content p a span.second {margin:-11px 0 0 375px;} #BannerMoratorium .content p a span.third {margin:-11px 0 0 368px;}