@charset "UTF-8"; /** * Commerzbank de/com * * @project www.commerzbank.de/com * @copyright Copyright(c) 2010 Commerzbank * @site http://www.commerzbank.de/ * @style Global CSS file for http://www.commerzbank.de/ * * @date/version 2010-06-25 * * @package xhtml-css * @media projection, screen, print, all * @note all media types are combined in this one CSS file using at(@)-rules * * @author Thomas Dausner , Commerzbank AG * @author Eduard Seifert , Namics (Deutschland) GmbH * @author Valentin Hafner , Commerzbank AG * * TABLE OF CONTENTS [TOC] * * =RESET YUI * =BLOCK ELEMENTS * =COLOR SPECIFICATIONS / =TEXT COLORS / =BORDER COLORS / =BACKGROUND COLORS * =FONTS / =FONT SIZES / =FONT FAMILY / =FONT WEIGHT / =FONT STYLE * =LINKS / =ANCHORS * =GENERAL FONT RULES * =PAGEHEADER * =CONTENT AREA * =HOMEPAGE * =CONTENT-BODY * =SERVICE / SIDEBAR * =DOWNLOAD LIST * =FOOTER * =QUICK NAVIGATION / SCHNELLEINSTIEG (TLN and .service) * =NAVIGATION * =FORM ELMENTS * =BUTTONS * =SPECIAL ELMENTS * =SHADOWBOX LAYER * =INLINE ELEMENTS * =META ELEMENTS * =TABLE ELEMENTS * =TOGGLE/TRIGGER/TARGET * =LIST ELEMENTS * =FORMS * =PAGE GEOMETRY * =HEADINGS * =GRID * =HEADER * =BRANDING / LOGO * =PORTAL NAME HEADING * =NAVIGATION * =MAIN NAVIGATION * =META NAVIGATION * =FIRST NAVIGATION / =HORIZONTAL NAVIGATION * =BREADCRUMB NAVIGATION / =BROTKRUMMENPFAD * =QUICK NAVIGATION / =SCHNELLEINSTIEG (TLN and .service) * =SECOND NAVIGATION / =VERTICAL NAVIGATION * =FOOTER NAVIGATION * =PORTALS NAVIGATION * =CONTENT * =TABS * =BUTTON * =IMAGE BUTTON * =IMAGE CONTAINER * =IMAGE TEXT * =IMAGE GALLERY * =BILD-DB * =APPLICATION STYLES * =CONTENT COMMON * =SECTION TEXT * =RUB BOX * =TOGGLE BOX * =ACCENTUATION * =LAYERS / POPUPS * =SLIDESHOW * =FOOTER * =CONTENT FOOTER * =PAGE FOOTER * =LOGGED IN * =FOOTER BAR * =COPYRIGHT * =CLAIM * =SIDEBAR / =SERVICE * =SERVICE-LEFTCOL * =BOX (=RANDBOX) * =BOX IMAGES / THUMBS * =SEARCH (MAIN) * =CONTACT / =CONTACTLINKS * =QUICKLINK * =MARKETDATA * =LIST(S) IN BOX * =LINKLIST(S) * =DOWNLOAD LIST * =FORM CONTROLS * =NEWS * =DROPDOWN * =DROPDOWN/service * =DROPDOWN/homepage * =IMAGES * =homepage * =oneColPage * =sitemap * =twoColPage * =press * =pressSearh * =paginator * =calendarElement / datePicker * =CID FORMS * =HELPER CLASSES * =CLEARFIX * =FLOATS / =ALIGNS * =OFFSCREEN * =HIDE * =NO BORDER * =NO PADDING * =NO MARGIN * =NO BACKGROUND IMAGE * =SEPARATOR * =DEBUGGING * =GROUPING * =PRINT STYLES * =CLEARFIX */ /** * font face rules for compatil usage */ /*@font-face { font-family: "Compatil Text"; src: url('../media/CompatilTextLTCom-Rg.ttf'); } */ @media projection, screen { /** * =RESET YUI: Reset CSS * * Copyright (c) 2008, Yahoo! Inc. All rights reserved. * Code licensed under the BSD License: * http://developer.yahoo.net/yui/license.txt * version: 3.0.0 * build: 1549 * * @section Yahoo! UI Library: Reset CSS (minified) * @see http://developer.yahoo.com/yui/3/cssreset/ * @see http://yui.yahooapis.com/3.0.0/build/cssreset/reset-min.css */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}/*caption,th{text-align:left;}*/h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}/*legend{color:#000;}*/ /** * add Scrollbar for Gecko & Webkit Browsers */ html[xmlns^="http"] { overflow-y: scroll;} /** * =RESET YUI: Fonts CSS * * Copyright (c) 2008, Yahoo! Inc. All rights reserved. * Code licensed under the BSD License: * http://developer.yahoo.net/yui/license.txt * version: 3.0.0 * build: 1549 * * @section Yahoo! UI Library: Fonts CSS (minified) * @see http://developer.yahoo.com/yui/3/cssfonts/ * @see http://yui.yahooapis.com/3.0.0/build/cssfonts/fonts-min.css */ body{font:13px/16px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}/*select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}*/table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /** * =BLOCK ELEMENTS * @section XHTML Block Elements * @see http://www.w3.org/TR/2003/WD-xhtml2-20030506/mod-block-text.html * @see http://meyerweb.com/eric/thoughts/2004/09/20/fractionally-restoring-htmlcss/ */ html, body, p, div, h1, h2, h3, h4, h5, h6, form, ul, ol, dl, dt, dd, blockquote, address, pre, listing, plaintext, xmp, menu, dir, isindex, hr, map, multicol, center, frameset, marquee { display: block; } /* body */ body { background-color: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif; min-height: 100%; } * html body { height: 100%; } /* for IE6 */ /* hide horizontal line */ hr { border-color: #808080; border-style: solid; border-width: 1px 0 0 0; clear: both; height: 0; display: none; } /** * =COLOR SPECIFICATIONS / =TEXT COLORS / =BORDER COLORS / =BACKGROUND COLORS * @section Color Specifications nach Styleguide * * color / border-color / background-color * F-01 #FFCC33 * F-02 #000 * F-03 #333 * F-04 #555555 * F-05 #808080 * F-06 #CCC * F-07 #E5E5E5 * F-08 #F0F0F0 * F-09 #F4F4F4 * F-10 #FFF * F-11 #770E0B * F-12 #B00000 * F-13 #345828 */ /** * =FONTS / =FONT SIZES / =FONT FAMILY / =FONT WEIGHT / =FONT STYLE * @section Font Sizes */ /** * =LINKS / =ANCHORS * @note Styles separated only for sure IE6 gets hover on links! */ a, a:link, a:active, a:visited { color: #333; text-decoration: none;} a:focus { color: #000; text-decoration: none; } a:hover { color: #000 !important; text-decoration: none; } a.more { text-decoration: none !important;} a.more:hover, a.more:focus {text-decoration: underline !important;} /** * =GENERAL FONT RULES */ /* set general font color to #333333/dark-grey */ #page, #sb-container { color:#333; font-size: 100%; /* needed for ie font scaling */ } /* headlines */ h1, h2, h3, h4, h5, h6 { font-style: normal; font-weight: normal; } h3, h4, h5 { font-weight: bold; } h2 { font-family:"Compatil Text",Georgia,"Times New Roman",serif; } /* general font classes */ .hilite { font-weight: bold;} .lolite { color: #808080; } .darkRed { color: #770E0B; } .darkGreen { color: #345828; } .sum { font-weight: bold; } /** * =PAGEHEADER */ /* portal name */ #pageHeader h2 { font-size: 153.9%;} /** * =CONTENT AREA */ /* page headline */ #content h2 { font-size:169.25%; /* 22px */ line-height: 118.25%; /* 26px */} .oneColPage #content .col2 h3 { font-size: 100%; } /* set font-size/lineheight for teaser type1 */ #main>#teaser { font-size: 92.5%; /* 12px */ line-height: 150%; /* 18px */ } * html #main #teaser { font-size: 92.5%; /* 12px */ line-height: 150%; /* 18px */ } /** * =HOMEPAGE * font-size:12px / line-height: 18px */ .homepage .cols, .homepage #teaser { font-size: 92.5%; /* 12px */ line-height: 151%; /* 18px */ } /* column headlines on homepage */ .homepage #content .col3 h2 { font-size: 125%; /* 15px */line-height: 166.67%; /* 25px */} /** * =CONTENT-BODY * font-size:12px / line-height: 18px */ #contentBody { font-size: 92.5%; /* 12px */ line-height: 150%; /* 18px */} /* HEADLINES */ #contentBody h3 { font-size: 133.3%; /* 16px */ line-height: 137.5%; /* 22px */ } #contentBody h4 { font-size: 116.6%; /* 14px */ line-height: 142.9%; /* 20px */} /* COPYTEXT */ #content .section p a, #content .section p.highlight a { text-decoration: underline; } /* TOGGLE ELEMENTS */ #content .section.toggleWrapper .trigger { font-size: 100%; /* 12px */ line-height: 141.67%; /* 18px */} /* LIST ELEMENTS */ .section li h6, .section ol li, .section ul.linklist li a { font-weight: bold;} .section ol li p{font-weight: normal;} .section ul.linklist li span { color: #808080; } #page .section li a {text-decoration: underline;} #page ul.linklist li a { text-decoration: none;} #page ul.linklist li a:hover, ul.linklist li a:focus { text-decoration: underline;} /* RUBRIC BOXES */ #content .rubBox p, #content .rubBox h5 { line-height: 133.4%; } *html #content .rubBox { margin-bottom: 19px; } /* GALLERYS */ .section .gallery p { font-size: 91.6%; /* 11px */ line-height: 137%; /* 15px */ word-wrap: break-word;} /* TABLES */ #contentBody .tabSect h4 { font-size: 100%; /* 12px */ line-height: 126%; /* 15px */ } td { font-size: 91.6%; /* 11px */ } .tabSect .tabh1, .tabh1 th , .tabSect .tabh2, .tabh2 th , td { line-height: 137%; /* 15px */ } .tabh1, .tabh2, th { font-weight: bold; } #page td a, td a:focus { text-decoration: underline; } /* tables in tables - reset font size */ tr tr, tr tr.tabh2 , tr tr td, tr tr th { font-size: 100%;} /* 11px */ /* COLUMNS */ .cols .col3 p {margin-bottom: 13px;} .cols .col3 .dropdown {margin-bottom: 22px;} .cols .col3 .dropdown .target {width: 163px;} /** * =SERVICE / SIDEBAR * font-size:11px / line-height: 15px */ .service { font-size: 84.6%; /* 11px */ line-height: 137%; /* 15px*/} * html .service { line-height: 15px; /* 137% */} .service .box h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 120%; /* 15px */ line-height: 130%;/* 17px */ font-weight: normal;} .service .box .news h4 a, .service .box .news h4 span, .service .box ol li p { font-weight: normal; } .service .box h6, .service .box ol li, .service .box form.std label, .service .box ul.quickLink { font-weight: bold;} .service .box .dropdown .trigger span { font-size: 109.09%; /* 12px */ line-height: 150%; /* 18px */ } .service .box .group.sub h6 a:hover, .service .box .group.sub h6 a:focus { text-decoration: underline; } .service .box li span { color: #808080; } .service .box ul.quickLink { color: #555; } .service .box p a{ text-decoration: underline; } /* prevents fs-preview from displaying grey background*/ .service .box .img div p { background-color: #ffffff;} /*.rubBox .img div p { background-color: #ffffff;}*/ /* Depracated Box Headline with Link */ .service .box h3 a :hover{ text-decoration: none; } /** * =DOWNLOAD LIST */ .fileinfo { color: #808080 !important; } a.fileinfo, a.fileinfo:link { text-decoration: none !important; } a.fileinfo:hover, a.fileinfo:focus { color: #000 !important; text-decoration: underline !important; } /** * =FOOTER */ .contentFooter, .pageFooter { font-size: 84.6%; /* 11px */ line-height: 136.5%; /* 15px*/ } .contentFooter ul, .contentFooter p.top { line-height: 200%;/*22px*/ } .claim { font-family: "Compatil Text",Georgia,"Times New Roman",serif; font-size: 154.55%; /* 17px */ line-height: 123.53%; /* 21px */} /** * =QUICK NAVIGATION / SCHNELLEINSTIEG (TLN and .service) */ #nav #navQuick { font-size:84.6%; /* 11px */} #nav #navQuick h3, .service #navQuick h3 { line-height: 227.4%; /* 25px */ } /* navQuick 2nd trigger, if present */ #navQuick p.trigger { line-height: 10px; /* fixed, contains no text */ } /* slider */ #navQuick dl dt { line-height: 191%; /* 21px */ } #navQuick dl p { font-size: 100%; /* 11px */ line-height: 136.5%; /* 15px*/} /* navQuick icons */ #navQuick dl dt span { line-height: 191%; /* 21px */ } #navQuick dl dt.active { font-weight: bold; } /* hotline */ #navQuick dl dd div.section p.tel { font-size: 127.27%; /* 14px */ line-height: 121.43%; /* 17px */ font-weight: bold; } #navQuick dl dd div.section p.telinfo { font-size: 90.91%; /* 11px */ } /* Subheadline Verdana */ #navQuick dl dd h4 { font-size: 100%; /* 11px */ line-height: 145.46%; /* 16px */ } /* Linklist */ #navQuick dl ul.linklist { font-size: 90.92%; /* 10px */ } #navQuick dl ul.linklist li { line-height: 140.1%; /* 14px */ } /* Forms */ * html #navQuick dl form.std fieldset input { font-family: Verdana, Arial, Helvetica, sans-serif; } /* Submit button with simple styling because of IE jumping content */ #navQuick dl dd div.section .button a:hover { background: #FFCC33; text-decoration: none; } /* hotline */ #navQuick dl dd div.section p.telinfo { color: #808080; } #navQuick dl .section ul.linklist li a { font-weight: normal;} /** * =NAVIGATION */ /* meta navigation / breadcrumb navigation*/ #navMeta ul li { font-size: 84.6%; /* 11px */ line-height: 100%; /* 11px */ _line-height: 105%; /* fix linbe height for ie7&ie7 */} #navBcrumb { font-size: 84.6%; /* 11px */ line-height: 100%; /* 11px */ _line-height: 105%; /* fix linbe height for ie7&ie7 */ } #navMeta, #navMeta a, #navMeta a:link , #navBcrumb ul li a, #navBcrumb ul li span, .navPortals a, .navPortals a:link { color: #808080; } #navMeta ul li ul li { font-size: 100%} /*main navigation / horizontal navigation*/ #navFirst li a, #navFirst li a:link { font-size: /*84.6%*/ 11px; font-weight:bold; line-height: 100%; /* 14px */ text-shadow: 0 1px 0 #FFFFFF; /* IMPORTANT - create text-shadow for first level navigation in MSIE-Browsers(Version 9 and below)*/ zoom: 1; background-color: #e5e5e5\9; -ms-filter: "progid:DXImageTransform.Microsoft.Chroma(Color=#e5e5e5) progid:DXImageTransform.Microsoft.DropShadow(Color=#ffffff, OffX=0, OffY=1)"; filter: progid:DXImageTransform.Microsoft.Chroma(Color=#e5e5e5) progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=1, Color=#ffffff); } #navFirst li li a, #navFirst li li a:link { font-size: 12px; font-weight: normal; /*line-height: 21px; */text-shadow: none; } /* vertical navigation / 2nd level */ .navVert { font-size: 92.5%; /* 12px */ line-height: 15px;} .navVert span { line-height: 151%; /* 18px */ } .navVert ul li ul li ul li a { line-height: 125%; /* 15 px */ } .navVert ul li ul li ul li a { font-size: 91.6%; /* 11px */ line-height: 136.37%; /* 15px */ } /* line-height hack for IE7 */ *+html .navVert ul li ul li ul li { line-height: 125%; /* 15 px */} /* line-height hack for IE6 */ * html .navVert ul li a { line-height: 1.31em; } /* tab navigation */ #contentBody .navBig ul { font-weight: bold;} #contentBody .navBig ul li a { color: #808080; font-size: 118%; line-height: 100%; } #contentBody .navBig ul li.selected a, #contentBody .navSmall ul li a { color:#333;} #contentBody .navBig ul li a, #contentBody .navBig ul li a:hover { text-decoration: none; } #contentBody .navSmall { font-weight: normal; font-style: normal;} .navSmall ul a{ font-size: 11px; line-height: 19px; } .navSmall ul li a:hover { text-decoration: underline; } /** * =PROGRESS BAR */ .progressBar { font-size: 12px; font-weight: bold; line-height: 80%;} .progressBar li.active { color:#808080; } /** * = FORM ELMENTS */ #contentBody form.std textarea, #contentBody form.std select, #contentBody form.std label, #contentBody form.std span.req { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 91.6%; /* 11px */ line-height: 138%; /* 15px */ } #contentBody form.std input{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 91.6%; /* 11px */ line-height: 100%;} #contentBody form.std .buttonY input{ line-height: 15px;} /* set bigger line height for IE */ * + html #contentBody form.std .buttonY input{ line-height: 13px;} /* star plus hack to reset line height for IE7 */ html>#contentBody form.std .buttonY input{ line-height: 13px;} /* child-selector hack to reset correct line-height*/ form.std label, form.std span.req { font-weight: bold;} #contentBody form.std label.checkbox, #contentBody form.std label.lRadio { font-weight: normal; font-size: 100%; line-height: 150%;} form.std label.checkbox.disabled { color: #808080; } /* error */ .err, .err1 { color: #B00000; } /* notes */ form.std p.note { color: #808080;} /* cid forms */ form.std .inner .cid .verify label { color: #808080; } form.std .inner .cid .error { color: #F00;} /** * =BUTTONS */ .button a, .buttonY a, form.std .button input, form.std .buttonY input, input.btn { color:#000; font-weight: bold; } #page .img .button { font-size: 91.6%; /* 11px */ } .homepage .col3 .button { font-size: 91.6%; /* 11px */ } /** * = SPECIAL ELMENTS */ /* search form */ #searchControl #searchform input#search { color:#808080; font-size: 84.62%; /* 11px */ } #searchControl #searchform input { color:#808080; font-size: 84.62%; /* 11px */ line-height: 220%; /* 24px - needed fo IE scaling */} .homepage #searchControl #searchform input#search { font-size: 100%;} #searchControl #searchform input {font-family: Verdana, Arial, Helvetica, sans-serif; } /* login information */ #loggedIn { font-size: 84.62%; line-height: 127.28%; } #loggedIn span { font-weight: bold;} /* grouped dropdwons entrys */ .dropdown .optgroup p, .dropdown .optgroup ul.linklist li span { color: #808080; font-style: italic; } /* teaser images */ #teaser.img div p, .img .sublink a { font-size: 91.6%; /* 11px */ font-weight: bold; } .img .sublink a:hover { text-decoration: underline;} /* press */ #content .press h4 { font-size: 100%; /* 12px */ line-height: 125%; /* 15px */ } .press .entries li, .press .result p, .press.search .result .type { font-size: 91.6%; /* 11px */ line-height: 136.4%; /* 15px */ } .press.search .result a:hover span { text-decoration: underline; } .section.press ul.linklist li a, #content .press h4 span { font-weight: normal; } .press.search .pageSel { font-size: 91.6%; /* 11px */ } #content .press.search .pageSel h4 { line-height: 218.2%; /* 24px */ } /* sitemap */ #content .sitemap h3 { font-size: 100%; /* 12px */ line-height: 150%; /* 18px */ } .sitemap li li a { font-weight: bold; } .sitemap li li li a { font-weight: normal; } .sitemap li li a:hover { text-decoration: underline; } .sitemap ul ul { /* display: inline-block; good for FF, bad for IE6 */ line-height: 150%; } /* paginator */ #page #content .paginator li.text { font-weight: bold; } /* calendar */ div.calendar thead {color: #333; } div.calendar tr.days td.otherDay { color: #808080; } div.calendar .prev, div.calendar .next { line-height: 180% } div.calendar .closer { line-height: 168.2%; } /* error Messages */ .errorMsg { color: #B00000; font-size: 91.6%;/* 11px */ line-height: 136.5%; font-weight: bold;} /* debug */ .debug { color: #D8000C; } /** * = SHADOWBOX LAYER */ /* hide sb messages*/ #sb-loading-inner,div.sb-message, #sb-loading, #sb-loading-inner, #sb-loading-inner span{ color:#ffffff;} #sb-info { font-size: 92.5%; /* 12px */ line-height: 250%; } #sb-counter{ font-weight:bold;} #sb-title { font-size: 84.62%; /* 11px */ line-height: 136.4%; /* 15px */} #page.layer #nav { -line-height: 10px; /* IE6 / fixed, contains no text */} /** * =INLINE ELEMENTS * @see http://www.w3.org/TR/2003/WD-xhtml2-20030506/mod-inline-text.html */ strong { font-style: normal; font-weight: bold; } /* cite, em, var, dfn { font-style: italic; font-weight: normal; } /* italic font styles dectivated - 07.04.11 - gmc decision /vh*/*/ code, kbd, samp { font-family: monospace; } ins { text-decoration: underline; } del { text-decoration: line-through; } sub { vertical-align: -0.25em; font-size: smaller; line-height: normal;} sub sub { font-size: 100%; } sub sub sub { font-size: 100%; } sup { vertical-align: 0.5em; font-size: smaller; line-height: normal; } sup sup { font-size: 100%; } sup sup sup { font-size: 100%; } /* fix the line box to be taller than normal */ abbr, abbr[title], acronym, acronym[title] { border-bottom: dotted 1px; cursor: help; /* ! */ } * html acronym{ border-bottom: dotted 1px; cursor: help; /* ! */ } /* make sure ie6 gets the correct styles */ /** * =META ELEMENTS * @see http://meyerweb.com/eric/thoughts/2004/09/20/fractionally-restoring-htmlcss/ */ area, base, basefont, head, meta, script, style, title, noembed, noscript, param, noframes { display: none; } /** * =TABLE ELEMENTS * @section XHTML Tables Module * @see http://www.w3.org/TR/2004/WD-xhtml2-20040722/mod-tables.html * @see http://meyerweb.com/eric/thoughts/2004/09/20/fractionally-restoring-htmlcss/ */ table { display: table; border: 1px solid #E5E5E5; border-collapse: collapse; border-spacing: 0; text-indent: 0; width: 100%; } * html table tbody {border: none;} /* blank table */ table.blind { border: 0; } /* grids everywere */ table.grid, table.grid td { border: 1px solid #E5E5E5; } /* general */ /* caption { display: table-caption; text-align: center; } */ col { display: table-column; } colgroup { display: table-column-group; } tbody { display: table-row-group; } thead { display: table-header-group; } tfoot { display: table-footer-group; } tbody, thead, tfoot { vertical-align: top; } th { display: table-cell; } tr { display: table-row;} td { display: table-cell; padding: 6px 9px 7px; vertical-align: top; } td a:hover { color: #000; } .even { background-color: #FFF !important; } .odd { background-color: #F4F4F4 !important; } .num { text-align: right; } /* header */ .tabh1, .tabh2, th { border-bottom: 1px solid #FFF; border-left: none; border-right: none; padding: 6px 9px 8px 9px; text-align: left; vertical-align: top; } * html .tabh1, * html .tabSect h4.trigger, * html .tabh2, * html th { padding: 6px 9px 8px 9px;} /* 1st level header */ .tabh1, .tabh1 th { background-color: #CCCCCC; /* border: 1px solid #CCCCCC;*/} /* 2nd header */ #content .tabh2, .tabh2 th { background-color: #E5E5E5; /*border: 1px solid #E5E5E5;*/ } h4.tabh1.trigger span, h4.tabh2.trigger span, .tabSect .tabh2.trigger span { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 0px -395px transparent; padding-left: 14px; } h4.tabh1.trigger.closed span, h4.tabh2.trigger.closed span , .tabSect .tabh2.trigger.closed span{ background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 2px -496px transparent; } div.tabh1, div.tabh2 { display: block; } .tabSect { margin: 0 0 18px 0; } .tabSect .button { float: right; margin: 10px 0 0; overflow: visible; } div.tabSect.separator, div.tabSectNew.separator { padding-bottom: 22px;} div.section { padding: 0;} /* prevents IE6 from interpreting wrong style elements within hideable tables*/ * .tabSect td span {background: none !important;} /* NEW TAB SECTION DEFINITIONS / VH:08.11 */ .tabSectNew { margin-bottom: 22px; } .tabSectNew div.tableWrapper { border: 1px solid #e5e5e5; margin-bottom: 1px; } /* table headings */ .tabSectNew h4.tableHead, .tabSectNew caption, thead th { color:#333; font-size: 12px !important; line-height: 15px !important; font-weight: bold; } .tabSectNew h4.tableHead{ background-color:#ccc; border-bottom: 1px solid #fff; margin: 0; padding: 6px 10px 8px; } .tabSectNew h4.tableHead.blank{ background-color:#fff; } .tabSectNew caption { background: #e5e5e5; display: table-caption; font-size: 11px !important; text-align: left; width: 100%; padding: 5px 10px 7px; } .tabSectNew h4.tableHead a, .tabSectNew caption a { background-image: url(/media/coba_relaunch_2010/img/icons_sprites.gif); background-repeat: no-repeat; cursor: pointer; padding-left: 14px; } .tabSectNew thead { background: #e5e5e5; text-align: left; width: 100%; padding: 5px 10px 7px; } .tabSectNew thead th{ border: none; font-size: 11px !important; padding: 5px 10px 7px; } /* open */ .tabSectNew h4.tableHead a { background-position: 0 -6245px; } .tabSectNew caption a { background-position: 0 -6245px; } /* closed */ .tabSectNew h4.tableHead.closed a { background-position: 4px -2396px; } .tabSectNew caption.closed a { background-position: 4px -2397px; } /* .tabSectNew table { margin-bottom: 1px; } */ .tabSectNew table tbody { border: 1px solid #fff; } /* blind table */ .tabSectNew div.blind, .tabSectNew div.blind table, .tabSectNew div.blind thead{ border: none; background: none; } /* grid table */ .tabSectNew div.tableWrapper.grid, .tabSectNew div.grid table, .tabSectNew div.grid thead, .tabSectNew div.grid tbody{ background: none; border: none; } .tabSectNew div.grid td, .tabSectNew div.grid th{ border: 1px solid #E5E5E5; } /* * ------------------------------------------------------------------------------------------------------------------------ * *special style definitions for "Devisenmarktkurse" * PLEASE DELETE THESE RULES WHEN NEW "RATES UPLOAD" TEMPLATES ARE LIVE */ .table07 h1 { font-size: 18px; font-weight: bold; } table.BorderCompactData td { padding: 0; border: 1px solid #fff; } /* * ------------------------------------------------------------------------------------------------------------------------ * */ /** * =TOGGLE/TRIGGER/TARGET * @note keeps CSS for .box toggle as strongly related to table header toggle */ .trigger { background-repeat: no-repeat; cursor: pointer; display: block; margin: 0 !important; } table.target { margin-top: 0; } div.target.closed, ul.target.closed, table.target.closed { /* explicit tag names for IE */ display: none; } /** * =LIST ELEMENTS * @see http://www.w3.org/TR/2004/WD-xhtml2-20040722/mod-list.html */ /* unordered lists */ ul { list-style-type: circle; margin: 0; padding: 0; } /* ordered lists */ ol { list-style-type: decimal; margin: 0; } /* remove top & bottom margins for nested lists */ ul ul, ul ol, ul dl, ol ul, ol ol, ol dl, dl ul, dl ol, dl dl { margin-top: 0; margin-bottom:0; } /* use type x when ul nested 2 deep */ ol ul, ul ul { list-style-type: circle; } /* use type x when ul nested 3 deep */ ol ol ul, ol ul ul, ul ol ul, ul ul ul { list-style-type: circle; } /* list item */ li { display: list-item; padding: 0; } dd { margin: 0; } /** * =FORMS */ /* Standard forms */ form.std { margin: 10px 0 30px 0; } .section form.std { margin: 0 0 22px 0; } form.std fieldset { display: block; margin-bottom: 22px; /* no margin, because of IE6 bug on hover */ } form.std p, form.std div { margin: 0; padding: 0; /*position: relative;*/ } /* input fields */ form.std input, form.std textarea, form.std select { padding: 3px 0 4px 5px; -padding: 3px 0 4px 4px; vertical-align: middle; width: 502px; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; border-radius: 0.2em; border-top: 1px solid #ABADB3; border-right: 1px solid #DBDFE6; border-left: 1px solid #E2E3EA; border-bottom: 1px solid #E3E9EF; } .oneColPage form.std input, .oneColPage form.std textarea, .oneColPage form.std select { width: 761px;} /* fix padding IE8 & below */ form.std input { padding: 4px 0 3px 7px\9;} form.std input.checkbox, form.std input.radio { padding: 0; } /* no borders for checkbox and radio buttons, mainly for IE6 */ form.std input.radio, form.std input.checkbox { border: 0; } form.std select { padding: 2px 0 4px 4px; width: 150px; } form.std input.verify { width: 205px; } /* new width for select */ form.std select.stdSelectFullWidth { width: 502px; } .oneColPage form.std select.stdSelectFullWidth { width: 761px; } form.std select.stdSelectHalfWidth { width: 239px; } .oneColPage form.std select.stdSelectHalfWidth { width: 368px; } /* fieldset for radio buttons */ form.std .fsRadio { margin-bottom: 10px; } form.std .fsRadio p { margin-bottom: 2px; } /* fieldset for checkboxes */ form.std .fsCheckbox p { margin-bottom: 2px; } /* phone + fax */ form.std .inline p { float: left; display: inline-block; } form.std .inline p.first { margin-right: 14px; } * html form.std .inline p.first { margin-right: 7px !important; } * + html form.std .inline p.first { margin-right: 7px !important; } form.std .inline p input, form.std .inline p select { width: 239px; } * html form.std .inline p input, * html form.std .inline p select { width: 239px; } /* labels */ form.std label , form.std span.req { display: inline-block; margin: 14px 0 4px; vertical-align: middle; } * html form.std label , form.std span.req { margin: 12px 0 4px;} * + html form.std label , form.std span.req { margin: 12px 0 4px;} .service form.std label , .service form.std span.req { display: inline-block; margin: 1px 0 4px; vertical-align: middle; } form.std label.checkbox, form.std label.lRadio { display: inline; float: none; margin: 0 0 0 5px; -margin: 0 0 0 4px; padding-top: 1px; width: auto; } * html form.std label.checkbox { margin-bottom: -1px; } /*input*/ form.std input.radio, form.std input.checkbox {vertical-align: middle; width: 15px; } /* legend */ form.std p.legend { margin-top: 12px;} /* SUBMIT button fieldset */ form.std fieldset.submitfield { text-align: right; display: block; overflow: hidden; width: 100%; } .press.search form.std fieldset.submitfield { width: auto; } /* button css see =BUTTON */ /* Inner form wrapper */ form.std .inner { background: #F4F4F4; border: 1px solid #E5E5E5; margin: 0 0 10px 0; } form.std h4 { margin-bottom: 0; } form.std .inner h4 { background: #E5E5E5; border-bottom: 1px solid #FFF; margin-bottom: 0; padding: 10px 8px 10px 8px; } * html form.std .inner h4 { padding: 8px 8px; } form.std .inner h3 { background: #E5E5E5; margin-bottom: 13px; } form.std .inner fieldset { /* background: #F4F4F4; */ border: 1px solid #FFF; border-top: none; padding: 0 0 0; } /** * =PAGE GEOMETRY */ #page { position: relative; left: auto; margin: 0 auto; /* min-height: 100%; height: auto !important; height: 100%; */ width: 980px; } #contentTop { border-bottom: 1px solid #E5E5E5; display: inline-block; width: 100%; margin-bottom: 17px; position: relative; z-index: 1000; } * html #contentTop { margin-bottom: 19px; } * + html #contentTop { margin-bottom: 19px; } /** * =HEADINGS / * @note general headings styles */ h1, h2, h3, h4, h5, h6 { display: block; } h1 { white-space: nowrap; } /* page headline on top of content */ #page #content h2 { float: left; /* IE6 */ margin-bottom: 5px; height: 26px; overflow: visible; } h2 img.highContrast, .claim img.highContrast { display: none; } h2 img.regular { display: block; } .claim img.regular { display: inline; } /* headlines in text */ h3 { margin-bottom: 6px; } h4 { margin-bottom: 7px; } /* headline in col2 */ .oneColPage #content .col2 h3 { margin: 0 0 1px 0; } /** * =GRID * @note column grid layout */ .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col12 { float: left; } /* twoColPage colum widths */ .col1 { width: 510px; } .col2 { width: 250px; } .col3 { width: 163px; } /* special width / image gallery */ .col4 { width: 120px; } .col5 { width: 94px; } /* special width / image gallery */ .col8 { width: 55px; } .col7 { width: 68px; } img.left { float: left; margin: 3px 10px 10px 0; } /* oneColPage colum widths */ .oneColPage .col1 { width: 770px; } .oneColPage .col2 { width: 380px; } .oneColPage .col3 { width: 250px; } .oneColPage .col4 { width: 185px; } .oneColPage .col5 { width: 146px; } /* special width / image gallery */ .oneColPage .col6 { width: 120px; } .oneColPage .col12 { width: 55px; } /** * =HEADER */ #pageHeader, .sbContentWrap .pageHeader { border-bottom: 40px solid #FFCC33; height: 70px; margin: 0 0 5px 0; position: relative; } /** * =BRANDING / LOGO */ #branding { float: right; margin: 24px 0 14px 0; } /** * =PORTAL NAME HEADING */ #pageHeader h2 { position: absolute; bottom: 15px; left: 0; } /** * =NAVIGATION */ /** * =MAIN NAVIGATION */ #nav, .sbContentWrap .nav { display: block; margin: 0 0 17px; position: relative; z-index: 2; } /* Breite #navMain bei Schnelleinstieg in der TLN */ .navQuickTLN #nav #navMain { width: 750px; float: left; } /* Breite #navMain Schnelleinstieg in der Service Spalte */ #nav #navMain { width: 980px; /* float: left; */ } /** * =META NAVIGATION */ #navMeta { position: absolute; top: 5px; left: 0; } #navMeta ul li { float: left; border-left: 1px solid; padding: 0 5px; } #navMeta ul li.first { border: none; padding-left: 0; } #navMeta ul li a.trigger { background-image: url(/media/coba_relaunch_2010/img/icons_sprites.gif); background-position: 128% -5796px; /* open */ background-repeat: no-repeat; cursor: pointer; display: block; padding: 0 16px 0 0 !important; } #navMeta ul li a.trigger:hover { background-position: 129% -396px; /* open hover */ } #navMeta ul li a.closed { background-position: 130% -5898px; /* closed */ } #navMeta ul li a.closed:hover { background-position: 130% -498px; /* closed hover */ } /* language selection dropdown*/ #navMeta ul li ul.target { border: none; display: block; background-color: #FFF; border-color: #E5E5E5; border-style: solid; border-width: 0 1px 1px 1px; position: absolute; top: 15px; width: 131px; -moz-box-shadow: 3px 3px 3px #b5b5b5; -webkit-box-shadow: 3px 3px 3px #b5b5b5; box-shadow: 3px 3px 3px #b5b5b5; margin: 0 0 0 -6px; z-index: 200; } #navMeta ul li ul.target li { clear: both; border: none; width: 131px; padding: 0; } #navMeta ul li ul.target li a{ display: block; width: 125px; padding: 5px 3px; } #navMeta ul li ul.target a:hover, #navFirst li:hover a, #navFirst li.iehover a { background: #F0F0F0; } /** * =FIRST NAVIGATION / =HORIZONTAL NAVIGATION */ /* general */ #navHor, .sbContentWrap .navHor { background: #E5E5E5; /* margin-right: 1px; */ } /* 2 divs needed for styling */ #navHor div { background: #E5E5E5; } #navHor div div { background: #FFF; } /* last part */ #navHor .last { float: left; } #navFirst { background: #FFF; display: inline-block; float: left; margin: 0; padding: 0; list-style: none; position: relative; width: auto; } /* all levels, width 180px for 2nd + 3rd level menu */ #navFirst ul { background-color: #FFF; width: 180px; margin-left: -1px; list-style: none; display: none; position: absolute; top: 103%; _top: 100%; left: 0; z-index: 100; /* shadow for modern browsers and coming css3 */ -o-box-shadow: 3px 3px 3px #b5b5b5; -icab-box-shadow: 3px 3px 3px #b5b5b5; -khtml-box-shadow: 3px 3px 3px #b5b5b5; -moz-box-shadow: 3px 3px 3px #b5b5b5; -webkit-box-shadow: 3px 3px 3px #b5b5b5;*/ box-shadow: 3px 3px 3px #b5b5b5; } *html #navFirst li li {margin: 0;} /* fix margin for ie6 */ *html #navFirst li li a{ width: 164px;} /* fix width for ie6 */ #navFirst ul ul , #navFirst ul ul ul { background: #E5E5E5; top: 0; left: 100%; margin: 0 0 0 1px; } /* IE6 hack - to get shadow simulation */ * html #navFirst ul { border: 1px solid #E5E5E5; border-top: 1px solid #F0F0F0; margin: -1px 0 0 -1px; margin: 0 0 0 -1px; } * html #navFirst ul ul , * html #navFirst ul ul ul { border: 1px solid #E5E5E5; margin: -1px 0 0 2px; } /* 1st level */ #navFirst li { background: url(/media/coba_relaunch_2010/img/icons_sprites_gradients.jpg) no-repeat scroll 0 bottom transparent; border: 1px solid #E5E5E5; float: left; display: inline; position: relative; margin-right: 1px; } /* all after 1st level */ #navFirst li ul { border: none; } * html #navFirst li ul { margin-top: 2px;} #navFirst li li { border: 1px solid #FFF; border-width: 0 1px 1px; background: #F0F0F0;} /* all after 1st level */ #navFirst ul li { width: 100%; display: block; } /* 1st level menu */ #navFirst li a, #navFirst li a:link { cursor: pointer; } /* all after 1st level */ #navFirst li li a, #navFirst li li a:link { display: block; -width: 162px; } /* 1st level menu */ #navFirst a { float: left; display: block; padding: 5px 8px 7px; } /* 1st level menu */ #navFirst li.selected { background: #FFF; border-bottom: #FFF;} #navFirst li:hover, #navFirst li.iehover { border-bottom: 1px solid #F0F0F0;} #navFirst a:hover, #navFirst li:hover a, #navFirst li.iehover a { background: #F0F0F0;} /* 2nd level menu */ #navFirst li:hover li a, #navFirst li.iehover li a, #navFirst li.sub:hover a { float: none; } /* 2nd level menu - hover */ #navFirst li:hover li a:hover, #navFirst li:hover li:hover a, #navFirst li.iehover li a:hover, #navFirst li.iehover li.iehover a { background-color: #FFCC33;} /* 2nd level menu - segments */ #navFirst li span.segment { display: block; padding: 12px 10px 3px; } /* 3rd level menu */ #navFirst li:hover li:hover li a, #navFirst li.iehover li.iehover li a { background: #F0F0F0; } /* 3rd level menu - hover */ #navFirst li:hover li:hover li a:hover, #navFirst li:hover li:hover li:hover a, #navFirst li.iehover li.iehover li a:hover, #navFirst li.iehover li.iehover li.iehover a { background-color: #FFCC33; } /* hover */ #navFirst li:hover ul ul, #navFirst li:hover ul ul ul, #navFirst li.iehover ul ul, #navFirst li.iehover ul ul ul { display: none; } #navFirst li:hover ul, #navFirst ul li:hover ul, #navFirst ul ul li:hover ul, #navFirst li.iehover ul, #navFirst ul li.iehover ul, #navFirst ul ul li.iehover ul { display: block; } /* arrows in 2nd level menu */ #navFirst li li.sub a, #navFirst li li.sub a:hover { background-image: url(/media/coba_relaunch_2010/img/icons_sprites.gif); background-position: 170px -491px; background-repeat: no-repeat; /* width: 161px; */ } /* reset arrows in 3rd level menu */ #navFirst li li.sub li a, #navFirst li li.sub li a:hover { background-image: none; } /** * =BREADCRUMB NAVIGATION / =BROTKRUMMENPFAD */ #navBcrumb { margin-left: 210px; height: 19px; } #navBcrumb ul { display: inline-block; margin-top: 7px;} #navBcrumb ul li { float: left; } #navBcrumb ul li a, #navBcrumb ul li span { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 6px -2147px transparent; padding: 0 0 0 16px; } #navBcrumb ul li.first a, #navBcrumb ul li.first span { background: none !important; padding-left: 0px; } /** * =QUICK NAVIGATION / =SCHNELLEINSTIEG (TLN and .service) */ #navQuick { position: relative; width: 230px; z-index: 1000; } #navQuick h3 { background: url(/media/coba_relaunch_2010/img/icons_sprites_gradients.jpg) no-repeat scroll 0 bottom transparent; border: 1px solid #E5E5E5; cursor: pointer; margin-bottom: 0; text-align: center; } /* navQuick 2nd trigger, if present */ #navQuick p.trigger { background: url(/media/coba_relaunch_2010/img/icons_sprites_gradients.jpg) no-repeat scroll 0 93% transparent; border: none; border-top: 1px solid #E5E5E5; cursor: pointer; text-align: center; } #navQuick p.trigger span { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 110px -447px transparent; display: block; } /* open = arrow up */ #navQuick p.trigger.closed span { background-position: 110px -397px; } /* closed = arrow down */ /* slider */ #navQuick dl { background: #FFF; border-color: #E5E5E5; border-style: solid; border-width: 0 1px 1px 1px; display: none; /* if JS disabled, hide */ overflow: hidden; padding: 3px 3px 3px 5px; width: 220px; } #navQuick dl { -moz-box-shadow: 3px 3px 3px #b5b5b5; -webkit-box-shadow: 3px 3px 3px #b5b5b5; box-shadow: 3px 3px 3px #b5b5b5; } * html #navQuick dl { border-right: 3px solid #AFAFAF; border-bottom: 3px solid #AFAFAF; } /* IE6 box-shadow simulation */ #navQuick dl dt { cursor: pointer; } /* navQuick arrows */ #navQuick dl dt { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 105% -493px transparent; /* arrow right */ } #navQuick dl dt.active { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 103.5% -391px transparent; /* arrow down */} /* navQuick icons */ #navQuick dl dt span, #navQuick dl dt a { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll transparent; display: block; margin: 0; padding: 0 0 0 30px; } #navQuick dl dt span.filiale, #navQuick dl dt a.filiale { background-position: 0 -646px; } #navQuick dl dt span.mail, #navQuick dl dt a.mail { background-position: 0 -745px; } #navQuick dl dt span.hotline, #navQuick dl dt a.hotline, #navQuick dl dt span.tel, #navQuick dl dt a.tel { background-position: 0 -796px; } #navQuick dl dt span.onlinebanking, #navQuick dl dt a.onlinebanking { background-position: 0 -896px; } #navQuick dl dt span.onlineservice, #navQuick dl dt a.onlineservice { background-position: 0 -1046px; } #navQuick dl dt span.rechner, #navQuick dl dt a.rechner { background-position: 3px -996px; } #navQuick dl dt span.termin, #navQuick dl dt a.termin { background-position: 0 -696px; } #navQuick dl dt span.zielgruppe, #navQuick dl dt a.zielgruppe { background-position: 0 -946px; } #navQuick dl dt span.more, #navQuick dl dt a.more { background-position: 16px -4993px; } #navQuick dl dt span.kursinfo, #navQuick dl dt a.kursinfo { background-position: 0 -6396px; } /* Änderung zur Nachlieferung 2012 KW 46: alt=-6400px neu=-6396px */ /* custom menu item */ #navQuick dl dt span.custom, #navQuick dl dt a.custom { background-image: none; } #navQuick dl dt img { float: left; } /* content in Quick Navigation */ #navQuick dl dd { margin: 3px 0 3px 30px; border-top: 1px solid #E5E5E5; padding: 5px 0; display: none; } #navQuick dl dd div.section { border-bottom: 1px solid #E5E5E5; margin: 5px 0; padding: 0 0 5px 0; } * html #navQuick dl dd div.section { zoom: 1; } #navQuick dl dd div.section p { margin-bottom: 0 0 2px 0; } /* hotline */ #navQuick dl dd div.section p.telinfo { margin: 5px 0 0 0; } /* Subheadline Verdana */ #navQuick dl dd h4 { margin: 5px 0 5px 0; padding: 0; } #navQuick dl dd h4.separator { border-bottom: 1px solid #E5E5E5; padding: 0 0 5px 0; } /* Linklist */ #navQuick dl ul.linklist { margin: 5px 0 0 0; padding: 0; } #navQuick dl ul.linklist li { background: none; padding: 0 0 0 10px; } #navQuick dl ul.linklist li a { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 1px -496px transparent; margin: 0 0 0 -10px; padding: 0 0 0 10px; } * html #navQuick dl ul.linklist li a { margin-left: -10px; } #navQuick dl ul.linklist li p { margin: 0; } /* linklist + grouped links */ #navQuick dl ul.linklist.group li { border-top: 1px solid #E5E5E5; margin-top: 8px; padding-top: 8px; } #navQuick dl ul.linklist.group li.first { border: none; margin-top: 0; padding-top: 0; } /* reset nested li */ #navQuick dl ul.linklist.group li li { border: 0; margin: 0; padding: 0; } /* nested linklist (sublinks) */ #navQuick dl ul.linklist.sublinks ul.linklist { margin: 10; } #navQuick dl ul.linklist.sublinks li h6 { margin-left: -10px; } /* Forms */ #navQuick dl form.std select { width: 185px; } #navQuick dl form.std input.text { width: 170px; } #navQuick dl form.std fieldset p { margin: 0 0 5px 0; } #navQuick dl form.std fieldset p input.radio { padding: 0; } #navQuick dl form.std fieldset p label { margin: 0 0 2px 0; } /* Submit button with simple styling because of IE jumping content */ #navQuick dl form.std fieldset.submitfield { width: 185px; margin: 5px 0 0 0; text-align: right; } #navQuick dl form.std fieldset.submitfield input.btn { background: url(/media/coba_relaunch_2010/img/icons_sprites_gradients.jpg) no-repeat scroll -500px bottom transparent; border: 1px solid #FFCC33; cursor: pointer; height: 20px; padding: 2px; width: auto; } * html #navQuick dl form.std fieldset.submitfield input.btn { border: 0 none; height: 22px; } #navQuick dl form.std fieldset.submitfield input.btn:hover { background: #FFCC33; } #navQuick dl form.std fieldset.submitfield input.btn.iehover { background: #FFCC33; } /** * =QUICK NAVIGATION / =SCHNELLEINSTIEG (.service specials) */ .service #navQuick { margin-bottom: 11px; } .service #navQuick dl { position: absolute; } .service #navQuick h3 span { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat 106% -388px transparent; cursor: pointer; display: block; } * html .service #navQuick h3 span { width: 100%; } .service #navQuick h3.closed span { background-position: 107% -491px; } /* reposition arrow for homepage */ .service #navQuick:hover h3, .service #navQuick.iehover h3 { background: #F0F0F0; } /** * =QUICK NAVIGATION / =SCHNELLEINSTIEG (TLN specials) */ .navQuickTLN #navQuick { border-left: 1px solid #FFFFFF; position: absolute; right: 0; } .navQuickTLN #navQuick h3 { margin-bottom: 10px; } .navQuickTLN #navQuick dl { border-width: 0 1px 1px 1px; top: 26px; left: 0; } .navQuickTLN #navQuick h3, .navQuickTLN #navQuick dl, .navQuickTLN #navQuick p.trigger { -moz-box-shadow: 3px 3px 3px #b5b5b5; -webkit-box-shadow: 3px 3px 3px #b5b5b5; box-shadow: 3px 3px 3px #b5b5b5; } /** * =SECOND NAVIGATION / =VERTICAL NAVIGATION */ .navVert h3 { padding: 20px 0 10px; } .navVert span { display: block; padding: 5px 0 7px; margin-top: 1px;} * html .navVert span { padding-bottom: 8px; } * + html .navVert span { padding-bottom: 8px; } .navVert h3.first { margin: 0; padding: 5px 0 10px 0; } /* no segment on subpage (body class), so put navigation down */ .subpage .navVert { margin-top: 43px; } .navVert ul { border-width: 1px; border-style: solid none none none; border-color: #E5E5E5; } .navVert ul ul { border-style: none; } /* arrow right */ .navVert ul li a { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 6px -492px transparent; border-bottom: 1px solid #E5E5E5; display: block; padding: 2px 0 4px 16px; *padding: 2px 0 3px 16px;/* IE6, IE7*/ padding /*\**/: 3px 0 3px 16px;\9/*IE8*/} /* line-height hack for IE6 */ * html .navVert ul li a { height: 1.31em; /* 22-2=20px */ } .navVert ul li li a { background-image: none; padding-left: 5px; } /* arrow down */ .navVert ul li a.open { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 4px -391px transparent; } * html .navVert ul li a.open { background-position: 4px -391px; } /* arrow right */ .navVert ul li a.noChild { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 5px -492px transparent; } * html .navVert ul li a.noChild { background-position: 4px -493px; } .navVert ul li li a.open { background-image: none; } .navVert ul li a.open, .navVert ul li a.selected { background-color: #E5E5E5; /* position: relative; */ /* avoid position: relative here if possible, because of IE6 relative z-index bug */ border-color: #FFF; } /* in position with level 3 */ .navVert li li li a.open, .navVert li li li a.selected { margin-left: -14px; padding-left: 19px; } .navVert ul li a.selected { background-color: #FFCC33!important; } .navVert ul li a:hover { background-color: #FFCC33!important; border-color: #FFF; } .navVert ul li li li a:hover { margin-left: -14px; padding-left: 19px; } .navVert ul li ul { padding-left: 17px; } .navVert ul li li ul { padding-left: 14px; } .navVert ul li ul li ul {} .navVert ul li ul li ul li a { border-bottom: 1px solid #e5e5e5; margin: 0; padding: 3px 0 4px 5px; } * html .navVert ul li ul li ul li a { height: 1.25em; } .navVert ul li ul li ul li a.open { } /* 5th level */ * html .navVert ul li ul li ul li ul li a { height: 1.37em; } /* corrections for vertical navigation in content .section (Bildersuche) */ .section .navVert ul { margin-bottom: 0; } .section .navVert ul li { background: none; margin: 0; padding: 0; } /** * =FOOTER NAVIGATION */ .navFooter { float: left; padding: 5px 10px; } .navFooter ul li { float: left; padding-right: 17px; } /** * =PORTALS NAVIGATION */ .navPortals { padding-bottom: 30px; text-align: center; } .navPortals ul li { display: inline; margin: 0 -3px 0 0; padding: 0; } .navPortals ul li.first a { border: none; } .navPortals a, .navPortals a:link { border-left: 1px solid #808080; padding: 0 5px; } /** * =CONTENT */ #contentBody { margin-bottom: 22px; overflow: hidden; } /** * =TABS */ /* common */ .navBig , .navSmall { display: inline-block; margin-bottom: 14px; overflow: hidden; position: relative; width: 510px; } .wide { width: 770px; } .navBig div, .navSmall div { position: relative; width: 100000px; } .navBig ul, .navSmall ul { position: relative; } /* content tabs nav big */ .navBig div { border-bottom: 1px solid #E5E5E5; } .navBig ul { display: inline-block; font-weight: bold; margin-bottom: -2px; } .navBig ul li { background: url(/media/coba_relaunch_2010/img/icons_sprites_gradients.jpg) no-repeat scroll 0 bottom transparent; border: 1px solid #E5E5E5; border-bottom: none; cursor: pointer; float: left; overflow: hidden; margin: 3px 1px -1px 0; position: relative; } .navBig ul li a { display: block; outline: none; padding: 7px 20px 10px 18px; } .navBig ul li.selected { background: #FFF; margin: 0 1px -3px 0; } .navBig ul li.selected a { padding: 10px 20px 12px 18px;} .navBig ul li:hover, .navBig ul li.iehover { background: #F0F0F0; cursor: pointer; } * html .navBig ul { margin-bottom: 1px; } * + html .navBig ul { margin-bottom: 1px; } * html .navBig ul li { margin-bottom: 0; } * html .navBig ul li a { padding-bottom: 9px; } * + html .navBig ul li a { padding-bottom: 9px; } * html .navBig ul li.selected a { padding-bottom: 12px; } /* content tabs nav small */ .navSmall div { background: #E5E5E5; display: inline-block; } .navSmall ul { background: #FFF; border-left: 1px solid #E5E5E5; float: left; } .navSmall ul li { background: #E5E5E5; background-image: none; border-right: 1px solid #fff; display: inline; float: left; height: 20px; padding: 0; } .navSmall ul li.selected { margin-left: -1px; border-right: 1px solid #E5E5E5;} .navSmall ul li a { border-color: #E5E5E5; border-style: solid solid none solid; border-width: 1px; padding: 2px 5px 4px; _padding-top: 2px; /*fix padding for ie6*/ } .navSmall ul li.selected a { background: #FFF; } * + html #main .navSmall ul li.selected { background: #FFF; } /*fix background-color for ie7*/ /* pseudo class for jQuery to detect js controlled tab panels */ .jsControlled {} /** * =PROGRESS BAR */ .progressBar { background-color:#E5E5E5; margin-bottom: 18px; } .progressBar ul { display: inline-block; } .progressBar ul li { background: url(/media/coba_relaunch_2010/img/progress_1.gif) no-repeat scroll top right transparent; float: left; padding: 10px 0 10px 12px; width: 150px; } .progressBar ul li.prev { background: url(/media/coba_relaunch_2010/img/progress_2.gif) no-repeat scroll top right transparent; } .progressBar ul li.first { background-image: none; padding-left: 12px;} .progressBar ul li.active { background: url(/media/coba_relaunch_2010/img/progress_3.gif) no-repeat scroll top right transparent; background-color:#FFF;} /** * =BUTTON */ /** * variants (leave here for :hover to take effect) */ .button a.search, .buttonY input, .buttonY a.hotline, .button a.info, .button a.pdfDownld { background:url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 0 0 transparent; padding-left: 34px; } .button a.search { background-position: 8px -1295px; } .buttonY a.hotline { background-position: 8px -796px; } .buttonY input.search { background-position: 8px -6196px; } .button a.info { background-position: 8px -5597px; } .button a.pdfDownld { background-position: 8px -5548px; } form.std .submitfield .buttonY input.next, form.std .submitfield .buttonY input.prev, form.std .submitfield .button input.next, form.std .submitfield .button input.prev{ width: 20px; height: 20px; text-indent: -9999em; padding: 0; } form.std .buttonY input.prev { background:url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 7px -6445px transparent; } form.std .button input.prev { background:url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 7px -6445px transparent !important; cursor: default;} form.std .buttonY input.next, form.std .button input.next { background:url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 8px -6495px transparent; } form.std .buttonY input.clean, form.std .button input.clean { background-image: none; padding-left: 10px !important;} /** * standard form SUBMIT/RESET buttons * @note */ form.std .submitfield .buttonY { margin-left: 10px; } form.std .submitfield .buttonY input { padding: 3px 10px 2px 20px; } /*form.std .submitfield .buttonY input { padding: 3px 10px 2px 10px; background: none;}*/ form.std .submitfield .buttonY input.submit { padding: 3px 6px 2px 19px; } form.std .submitfield .buttonY input.reset { padding: 3px 6px 2px 17px; } * html form.std .submitfield .buttonY input { padding: 2px 0px 1px 14px; } * + html form.std .submitfield .buttonY input { margin-left: -10px; padding: 3px 0px 2px 14px; } form.std .buttonY input.reset { background-position: 6px -1894px; } form.std .buttonY input.submit { background-position: 6px -1744px; } /* grey buttons / next page */ form.std .submitfield .button input { background: none; padding: 3px 10px 2px;} /* multipage form controls */ /** * button common css */ .button, .buttonY, form.std .button, form.std .buttonY { background: url(/media/coba_relaunch_2010/img/icons_sprites_gradients.jpg) no-repeat scroll 0 bottom transparent; border: 1px solid #E5E5E5; display: inline-block; -display: inline; margin: 0; } .button.left, .buttonY.left { float: left; } .button.right, .buttonY.right { float: right; } .button a, .buttonY a, form.std .button input, form.std .buttonY input { border: none; cursor: pointer; display: block; padding: 0 10px; -padding: 1 10px 1px; width: auto; } .button a, .buttonY a { -display: inline-block; } form.std .button input, form.std .buttonY input { -display: inline; } .button a:hover, form.std .button input:hover, form.std .button input.iehover { background-color: #F5F5F5; -moz-border-radius:0; -webkit-border-radius: 0; border-radius: 0;} .buttonY , form.std .buttonY { background-position: -500px bottom; border: 1px solid #FFCC33; } .buttonY a:hover, form.std .buttonY input:hover, form.std .buttonY input.iehover { background-color: #FFCC33; } /** * =IMAGE BUTTON */ .img .button { background:url(/media/coba_relaunch_2010/img/icons_sprites_gradients.jpg) no-repeat scroll -500px bottom #FFCC33; border: 1px solid #FFCC33; position: absolute; bottom: 10px; right: 10px; } .img .button a { padding: 1px 4px; /* wegen Pfeil! */ -padding: 1px 4px 2px; background-image: none; } .img .button a span { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 0 -496px transparent; margin-left: 20px; } .img .button a:hover { background: #FFCC33; } /** * =IMAGE CONTAINER */ .img { display: inline-block; margin-bottom: 17px; vertical-align: top; position: relative; } .img img { border: 1px solid #E5E5E5; } .img p { background: none; margin-bottom: 0; } .img ul { margin-bottom: 0; } /* .twoColPage .img .col3 { margin-bottom: 20px; } */ /* image sub title */ .img div p { background: #E5E5E5; margin: 0; padding: 0 5px 2px; } .img div p.hiddenText{ display: none;} /* image sub link */ .img .sublink { background-color: #E5E5E5; } .img .sublink a { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 99999px -494px transparent; clear: both; display: block; padding: 0 0 2px 0; } * html .img .sublink a { padding-bottom: 3px; } .img .sublink.col1 a { background-position: 499px -494px !important; } /* 510px .img & !important for IE6 */ .img .sublink.col2 a { background-position: 239px -494px !important; } /* 250px */ .img .sublink.col3 a { background-position: 149px -494px !important; } /* 163px */ .img .sublink.col4 a { background-position: 109px -494px !important; } /* 120px */ .img .sublink.col5 a { background-position: 80px -494px !important; } /* 94px */ .img .sublink.col8 a { background-position: 44px -494px !important; } /* 55px */ .homepage .img .sublink.col3 a { background-position: 209px -494px !important; } /* 220px */ .oneColPage .img .sublink.col1 a { background-position: 759px -494px !important; } /* 770px */ .oneColPage .img .sublink.col2 a { background-position: 369px -494px !important; } /* 380px */ .oneColPage .img .sublink.col3 a { background-position: 239px -494px !important; } /* 250px */ .oneColPage .img .sublink.col4 a { background-position: 171px -494px !important; } /* 185px */ .oneColPage .img .sublink.col6 a { background-position: 104px -494px !important; } /* 120px */ .oneColPage .img .sublink.col12 a { background-position: 44px -494px !important; } /* 55px */ /* magnify container */ .img .magnify { margin: 0 !important; overflow: hidden; padding: 0 !important; position: relative; zoom: 1; /* hasLayout fix IE6 */ } .img .magnify img { margin: 0 !important; } .img .magnify a span { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 0 -4500px transparent; width: 32px; height: 22px; position: absolute; right: 5px; bottom: 5px; } .img .magnify a:hover span { background-position: 0 -4550px; } /** * =IMAGE TEXT */ .img.text div { margin-right: 10px; } /* changed by vh : margin-right: 4px; */ /** * =IMAGE GALLERY */ .gallery { margin-bottom: 2px; /* =22px - 20px from gallery div colX added*/} * html .gallery { margin-bottom: 18px;} .gallery div.col3, .gallery div.col4, .gallery div.col5, .gallery div.col6{ margin: 0 0 18px 10px;} .section .gallery img, .section .gallery a, .oneColPage .section .gallery p { margin: 0; } .section .gallery .first { margin-left: 0; } .gallery div a { display: block; } .twoColPage .img.gallery div.col3 div { height: 163px; width: 163px; } .oneColPage .img.gallery div.col4 div { height: 185px; width: 185px; } .twoColPage .img.gallery div.col5 div { height: 94px; width: 94px; } .oneColPage .img.gallery div.col6 div { height: 120px; width: 120px; } * + html .img.gallery { margin-bottom: 22px; } /*Styles for old Contents*/ .img.gallery div div { margin-left: 0; } .img.gallery div div { background: #E5E5E5; overflow: hidden; } /** * =BILD-DB */ /*.oneColPage .img_db { width: 560px; float: right; overflow: hidden; }*/ /*.twoColPage .img_db .col3 { margin-bottom: 20px; }*/ /* .img_db .img { margin: 0 10px 20px 0; float: left; text-align: center; width: 175px; } */ /*.img_db .img img { float: none; margin: 0; }*/ /*.img_db .img div { background: #E5E5E5; }*/ /*.img_db .img div a { display: block; } */ .flyout { overflow: hidden; margin: 0 10px 10px;} .flyout .section {margin: 0 10px; } .flyout .img { float: left; height: 300px; margin: 0 10px 0 0; overflow: hidden; width: 400px; } .flyout .img img { margin: 0; } /* no max-height / max-width matter of IE6 */ .flyout .desc { float: right; width: 248px; } .flyout .desc div p { margin-bottom: 0px; } .flyout .imgcopy { display: none; } .flyout .imgcopy p { margin-bottom: 7px; } .flyout .desc ul.linklist li { padding-left: 0; } .flyout .desc div, .flyout .desc p, .flyout .desc ul { margin-bottom: 20px; } /* Bildersuche Helper */ .break { display: none; } /*#imggallery .img_db { float: left; width: auto; }*/ /* #trefferliste .img_db.col3, #imggallery .img_db.col3 { margin: 0 5px 22px 5px; width: auto; }*/ /* fix width for ie6 */ /* *html #trefferliste .img_db.col3, #imggallery .img_db.col3 { margin: 0 4px 22px 5px; width: auto; }*/ /* #trefferliste .img_db.col3 .img , #imggallery .img_db.col3 .img { margin: 0; width: 159px;}*/ /*.oneColPage #imggallery .img_db.col3 .img { width: 181px !important;}*/ .oneColPage #imggallery { width: 770px; } /** * =APPLICATION STYLES */ #frmStatus div br, #frmStatus div h1 { display: none; } #frmStatus input.button { clear: both; margin: 10px 0px; } #lblStatusmeldung br { display: block; } /** * =CONTENT COMMON */ #content { margin: 8px 0 20px; display: block; width: 100%; position: relative; /* IE6 z-index fix */ z-index: 1; } #main { float: left; /* overflow: hidden; */ width: 770px; } /** * =SECTION TEXT */ /*.section { margin-bottom: 22px; }*/ /* * html .section { margin-bottom: 22px !important; }*/ .section.separator, .tabSect.separator, div.tabSectNew.separator { border-bottom: 1px solid #E5E5E5; margin-bottom: 22px !important;} /* .tabSect.separator { *padding-bottom: 22px !important;}*/ * html .separator { margin-bottom: 22px !important; } /** * GENERIC MORE LINK * @note [ > ] for section and table section * @note backup of old more link with grey bg is: * background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 0 -2197px transparent; padding-left: 22px; */ a.more { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 0 -4996px transparent /*!important*/; display: inline; padding-left: 8px /*!important*/; } /* Copytext */ .section p, .tabSectNew p { margin-bottom: 13px; overflow: visible !important; } /* targets links when hovered or activated / focus added for keyboard support */ .section p a.imagelink, .section p a.imagelink:hover, .section p a.imagelink:focus, .section p a.imagelink:visited { background-image: none; padding-left: 0; /* no arrow and left padding for image link */ } /* unordered lists - 4.11.5*/ .section ul { clear: both; margin-bottom: 18px; /* 18px + 4px added from elements line-height = 22px */ } .section ul ul, .section ul ol { margin-bottom: 0; /* no bottom margin for nested lists */ margin-top: 4px; } .tabSect ul { margin-bottom: 0; } /* black bullet */ .section ul li, .tabSect ul li { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 0 -2994px transparent; margin-bottom: 4px; padding-left: 10px; height: 1%; /* IE6 hasLayout */} .section ul li, .tabSect ul li { background-position: 0 -2994px;} .tabSect ul.box-list li { padding: 0; white-space: nowrap; } /* grey bullet - currently unused - please leave here */ .section ul li.grey, .tabSect ul li.grey { background-position: 1px -3492px; } /* yellow bullet - currently unused - please leave here */ .section ul li.yellow, .tabSect ul li.yellow { background-position: 1px -3992px; } /* ordered lists - 4.11.6 */ .section ol { margin-bottom: 18px; } .section ol ol, .section ol ul { margin-bottom: 0; } /* no margin for nested links*/ /* bold numbers */ .section ol li { list-style-type: decimal; margin-left: 30px; } /* fix margin for ie6 & ie7*/ * html .section ol li { margin-left: 34px; } * + html .section ol li { margin-left: 34px; } .section ol li p { margin-bottom: 4px; } /* link list - 4.11.7 */ .section ul.linklist li { background-image: none; margin-left: 0 !important; } .tabSect ul.linklist li { background-image: none; margin-left: 0 !important; } .section ul.linklist li p { margin: 0; } /*nested lists*/ .section ol ul li, .section ul ol ul li { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 0 -2994px transparent; list-style-type: none; margin-left: 0; padding-left: 10px;} .section ul ol li, .section ol ul ol li { background: none; list-style-type: decimal; margin-left: 30px; padding: 0;} .section ul > li { font-weight: normal; } /* ie6 star hack*/ * html .section ol ul li { font-weight: normal; } /* image in section */ .section img { border: 1px solid #E5E5E5; float: left; margin: 5px 10px 14px 0; } .section .col4 img, .section .col2 img { margin: 0;} /* important for ie6*/ /* image left */ .section img.fleft { float: left;} /* image center */ .section .center { text-align: center !important; } .section .center img.fmiddle { float: none; margin: 0 0 22px; } /* image right */ .section img.fright { float: right; margin: 5px 0 5px 10px;} /* linked external image*/ .section .external.img{ display: inline;} /* image with text */ .section .img.text { margin-bottom: 19px; } * html .section .img.text { margin-bottom: 0;} /* fix spacing for ie7 */ * + html .section .text.col2 { padding-bottom: 22px;} * + html .rubBox .text.col2 { padding-bottom: 10px;} /* fix spacing for ie6 */ * html .section .text { position: relative;} /* * html .rubBox .col2 { margin-bottom: 15px; } */ /* fix spacing for ie7 */ * + html .section.rubBox { padding-bottom: 15px; } .section .img.text p { margin: 0; } .section .img.text .col7 { margin: 2px 10px 10px 0; } * html .section .img.text .col7 { margin: 0 5px 5px 0; } .section .img.text .col7 img { margin: 0; } /* heading h2 in section */ .section h2 { margin-bottom: 10px !important; } /* formElem heading h5 with trigger in section */ .section h5.trigger { background-position: 8px -393px; } .section h5.trigger.closed { background-position: 8px -494px; } /* highlight - grey background */ .highlight { background: #E5E5E5 !important; padding: 5px; } .section .highlight { background: #E5E5E5; } .section ul.linklist.highlight { padding: 10px; } .section ul.linklist.highlight li { margin: 0; } /* highlight_yellow */ .highlight_yellow { border: 1px solid #FFCC33!important; padding: 5px; display: inline-block; margin-bottom: 22px;} .highlight_yellow p, .highlight_yellow ul, .highlight_yellow ol{ margin-bottom: 0;} /* linklist */ .linklist { margin: 0 0 20px 0; } * html .section ul.linklist { margin-bottom: 18px } .img.text .linklist { display: inline-block; margin: 0; } .linklist li { margin: 4px 0 4px 10px;} /* defect #1193: added , .linklist li a.mail in following line */ .linklist li a, .linklist li a.mail { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 1px -4994px transparent; display: inline-block; margin: 0 0 0 -10px; padding: 0 0 0 10px; } .service .linklist li a { background-position: 1px -4996px } .section.errorMsg { display: none;} .section.errorMsg p { margin: 9px 0 1px;} /** * =RUB BOX */ .rubBox .col2 { border: 1px solid #E5E5E5; margin-bottom: 22px; padding: 10px 10px; width: 228px; /* 250px - 2 * 10px - 2px */ } .toggleWrapper .rubBox .col2{ width: 220px;} /* 8px less width for this element when displayed in a toggle wrapper due to the padding of the parent element */ #content .rubBox .col2 p { margin-bottom: 0; } #content .rubBox .linklist { margin-bottom: 0; } #content .rubBox .img img { margin: 0 !important; } /** * =TOGGLE BOX */ .toggleWrapper{ margin-bottom: 19px;} .section.toggleWrapper{ border-bottom: 1px solid #E5E5E5;} /* toggle boxes are alway displayed with a separator to make sure that the space to the next element is correct when the last element is opened*/ .toggleWrapper .toggleControls { padding-bottom:5px; } .toggleWrapper .opener, .toggleWrapper .closer { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat 0 -5998px; cursor: pointer; padding-left:20px; margin-right:10px; } .toggleWrapper .opener { background-position: 0 -6097px; } .section.toggleWrapper .trigger { padding: 4px 5px 5px 19px; background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat 8px -388px #ccc; margin: 0; cursor:pointer; } .section.toggleWrapper .trigger.closed { background-position: 8px -490px; margin-bottom: 1px !important; } .section.toggleWrapper .target { padding:5px 7px; /*margin-bottom:12px; */} .section.toggleWrapper .target p, .section.toggleWrapper .target ul { margin: 0 0 13px;} .section.toggleWrapper .target .img { /*margin: 5px 0 17px;*/ margin-top: 5px; margin-bottom: 17px;} .toggleWrapper .target ul { clear: none; } /* IE6 */ * html .tabSect .trigger { padding: 4px 5px 5px 10px; background-color: #ccc; background-image: none; margin: 0; cursor:pointer; } * html .tabSect .trigger.closed { margin: 0; } * html .tabSect .target { padding: 0; margin:0; } /** * =ACCENTUATION */ .accent { background: #E5E5E5; padding: 10px 10px; } .accent .col2 { margin: 0 10px 0 0 !important; width: 240px; } .accent .col3 { margin: 0 10px 0 0 !important; width: 163px; } .accent .textCol { float: left; width: 317px; } .accent img { margin: 0; } .accent p { margin-bottom: 0; } /** * =IFRAME */ .section iframe { margin-bottom: 16px; } /** * =LAYERS / POPUPS */ #page.layer { position: relative; left: auto; margin: /* 10px auto 10px auto */10px; width: auto; } #sb-player #page.layer {margin-top: 0 !important;} #page.layer #pageHeader, .sbContentWrap .pageHeader { border-bottom: 20px solid #FFCC33; height: auto; } #page.layer #nav { margin-bottom: 0; } #page.layer #nav #navMain, .sbContentWrap .nav .navMain { float: none; width: auto;} #page.layer #nav #navMain #navHor, .sbContentWrap .nav .navMain .navHor { height: 10px; margin: 0; } #page.layer #content { margin: 20px 10px; width: auto; } #page.layer #content #main { float: none; width: auto; margin: 20px; } #page.layer .contentFooter, .sbContentWrap .contentFooter { margin: 20px 0; width: auto; } #page.layer .contentFooter ul { width: 100%; } /*#page.layer .col2 { width: 45%; margin-left: 5%; }*/ #page.layer .col2.first { margin-left: 0; } #page.layer .navFooter, #page.layer .top { display: none; /* don't show in pop-up and layer */ } #page.layer .section .img.text p { margin-bottom: 13px; } #page.layer .claim { margin: -10px 0 16px 0; } #page.layer .footerBar { margin: 0; } * html #page.layer #content #main .rubBox { margin-bottom: 19px; } /** * =SLIDESHOW */ .slideshow .imgNav { text-align: center; } .slideshow ul.paginator { display: inline-block; /* works fine on FF */ -width: 17em; } .slideshow .image { clear: both; margin: 13px 0; } /** * =FOOTER */ /** * =CONTENT FOOTER */ .contentFooter ul { border-top: 1px solid #E5E5E5; float: left; display: inline-block; margin: 0; padding: 5px 0 0 0; width: 770px; overflow: hidden; } .contentFooter ul li { float: left; display: inline-block; margin-right: 20px; } .contentFooter ul li a { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) transparent no-repeat scroll; margin: 5px 0 0 0; padding: 5px 0 5px 21px; } /* print button */ .contentFooter ul li.print a { background-position: 0 -1095px; } .contentFooter ul li.print a:hover { background-position: 0 -1145px; } .contentFooter ul li.print { display: none; /* hide without js */ } .js .contentFooter ul li.print { display: block; /* show when js is available */ } /* add to favorites */ .contentFooter ul li.toFavs a { background-position: 0 -2046px; padding-left: 20px; } .contentFooter ul li.toFavs a:hover { background-position: 0 -2096px; } .contentFooter ul li.toFavs { display: none; /* hide without js */ } .js .contentFooter ul li.toFavs { display: block; /* show when js is available */ } /* close window */ .contentFooter ul li.close a { background-position: 0 -1345px; padding-left: 20px; } .contentFooter ul li.close a:hover { background-position: 0 -1395px; } .contentFooter ul li.close { display: none; /* hide without js */ } .js .contentFooter ul li.close { display: block; /* show when js is available */ } /* show not on general page */ #page.homepage .contentFooter ul li.close, #page.oneColPage .contentFooter ul li.close, #page.twoColPage .contentFooter ul li.close { display: none; } /* @todo #page.layer .contentFooter ul li.close { display: none; } */ /* add to social media (bookmarking) */ .contentFooter ul li.socialbookmark a { background-position: 0 -2246px; padding-left: 20px; } .contentFooter ul li.socialbookmark a:hover { background-position: 0 -2296px; } .contentFooter ul li.socialbookmark { display: none; /* hide without js */ } .js .contentFooter ul li.socialbookmark { display: block; /* show when js is available */ } /* link to top of page */ .contentFooter { margin-bottom: 13px; } .contentFooter p.top { float: left; display: inline-block; margin: 0; padding: 6px 0 0 0; /* no border */ width: 210px; overflow: hidden; } .homepage .contentFooter p.top { border-top: 1px solid #E5E5E5; margin: 0; padding: 3px 0 0 0; } /* links in footer */ .contentFooter p.top a { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat 1px -440px scroll transparent; padding: 5px 0 5px 13px; } /** * =PAGE FOOTER */ .pageFooter { margin-top: 22px 0 0 0; } /** * =LOGGED IN */ #loggedIn { margin-bottom: 4px; text-align: right; } /** * =FOOTER BAR */ .footerBar { background: #E5E5E5; width: 100%; height: 25px; margin: 0 0 25px; } /** * =COPYRIGHT */ .copyright { float: right; padding: 5px 10px; } .copyright p span { margin-left: 8px; } .copyright p span:first-child { margin-left: 0; } /** * =CLAIM */ .claim { margin: 0 0 16px 0; text-align: right; } /** * =SIDEBAR / =SERVICE */ .service { width: 230px; display: inline-block; float: right;} /* * =SERVICE-LEFTCOL */ #leftCol { float: left; margin-right: 30px; min-height: 1px; /* for sitemap et. al. */ width: 180px; /* to hide too long nav titles */ overflow: hidden; } #leftCol .service { display: block; float: none; width: auto; margin-top: 30px; } #leftCol .service .box h3 { width: auto; } /** * =BOX (=RANDBOX) * @note general styles */ .service .box { margin: 0 0 11px; padding: 0; } * html .service .box { height: 1%; zoom: 1; z-index: 0; } /* z-index:0 for IE6 news box */ .service .box p { margin-bottom: 5px; padding: 0 7px; } /* Box Headline Verdana */ .service .box h3 { background-color: #E5E5E5; margin: 0 0 6px; overflow: hidden; padding: 8px 7px; width: 216px; } * html .service .box h3 { margin-bottom: 9px; } /* Box Headline Compatil */ .service .box h3.compatil { padding: 6px 5px 5px; } /* colapsible box header */ .service .box h3.trigger { background-image: url(/media/coba_relaunch_2010/img/icons_sprites.gif); background-position: 8px -385px; margin-bottom: 6px !important; padding-left: 20px !important; width: auto;} .service .box h3.trigger.closed { background-position: 9px -487px; } * html .service .box h3.trigger.closed { background-position: 9px -487px; } /* Box Subheadline Verdana */ .service .box h4 { margin: 0 0 5px 0; padding: 0 0 0 7px; } /** * =BOX IMAGES / THUMBS */ .service .box .img { margin: 5px 0; width: 230px; /* needed for overflow hidden IE6 */ overflow: hidden; position: static;} * html .service .box .img { margin-top: 11px;} * + html .service .box .img { margin-top: 11px;} /* box with image (full width) */ .service .box img { margin: 0; max-width: 228px; height: auto; overflow: hidden; } /* box with thumbnail */ .service .box .thumb { margin: 0; padding: 0 0 10px 7px; } /*more link in */ .service .box .img p a.more { background-position: 0 -4997px !important; } .service .box .img.thumb { width: 223px; } /* image width/height must be 53x53 pixels */ .service .box .thumb .col8 { margin: 2px 10px -4px 0; } .service .box .thumb img { border: 1px solid #E5E5E5; float: left; margin: 0 10px 5px 0; } * html .service .box .thumb img { margin: 3px 0 0 0; } /* text / headline */ .service .box .thumb h4 , .service .box .thumb p{ padding: 0; ;} /* .service .box .thumb h4.separator { padding: 0 0 6px 0; margin: 0 0 5px 0 !important; } dectivated - 31.03.11 - vh*/ .service .box .thumb ul { clear: both; width: 223px; margin: 0; padding: 0; } /* logo image has no border */ .service .box.logo img { border: none; } /* rollingNews Box*/ .service .box ul.rollNews { height: 7em; } .service .box .rollNews li { list-style-type: none; background: none; padding-left: 0;} .service .box .rollNews .more { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 0 -4997px transparent !important;} /* flash box */ .service .box object { z-index: 200;/* margin-bottom: 16px;*/} .section object { z-index: 200; margin-bottom: 16px;} /** * =SEARCH (MAIN) */ /* blank, pure version */ #contentTop #searchControl { border: none; float: right; margin: 0 0 5px 0; width: 230px; } #searchControl #searchform { float: left; position: relative; width: 230px; } #searchControl #searchform input { border: 1px solid #E5E5E5; height: 26px; } #searchControl #searchform input#search { border-right: 0 none; float: left; height: 24px; padding: 0 0 0 3px; width: 205px; } #searchControl #searchform input#searchsubmit { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 0 -4600px transparent; border: 0 none; cursor: pointer; height: 26px; width: 21px; margin: 0 0 0 -1px; padding: 0; text-indent: -9999em; } #searchControl #searchform input#searchsubmit:hover, #searchControl #searchform input#searchsubmit.iehover { background-position: 0 -4650px; } * html #searchControl #searchform input#search { width: 204px; } * html #searchControl #searchform input#searchsubmit { margin-left: -3px !important; } * html #searchControl #searchform input#searchsubmit span { background-position: 3px -594px; } /* extra function buttons */ #searchControl .functions { float: right; margin: 0 0 0 3px !important; display: none; } #searchControl .functions li { border: 1px solid #E5E5E5; background: url(/media/coba_relaunch_2010/img/icons_sprites_gradients.jpg) no-repeat scroll 0 bottom transparent !important; height: 24px; display: inline; float: left; margin: 0 !important; padding: 0 !important; text-align: center; width: 19px; } #searchControl .functions li a { background-color: transparent; background-image: url(/media/coba_relaunch_2010/img/icons_sprites.gif); background-repeat: no-repeat; background-attachment: scroll; display: block; height: 24px; } #searchControl .functions li.smaller a { background-position: 5px 10px; } #searchControl .functions li.smaller a:hover { background-color: #F5F5F5; background-position: 5px -40px; } #searchControl .functions li.bigger a { background-position: 3px -94px; } #searchControl .functions li.bigger a:hover { background-color: #F5F5F5; background-position: 3px -144px; } #searchControl .functions .contrast { margin: 0 0 0 3px; } #searchControl .functions .contrast a { background-position: 3px -193px; } #searchControl .functions .contrast a:hover { background-color: #F5F5F5; background-position: 3px -243px; } /* fontsizes triggers only */ .js #searchControl.fonts #searchform { width: 178px; } .js #searchControl.fonts #searchform input#search { width: 154px; } * html .js #searchControl.fonts #searchform input#search { width: 153px; } .js #searchControl.fonts .functions { display: block; } .js #searchControl.fonts .functions li.contrast { display: none; } /* contrast trigger only */ .js #searchControl.contrast #searchform { width: 199px; } .js #searchControl.contrast #searchform input#search { width: 175px; } * html .js #searchControl.contrast #searchform input#search { width: 174px; } .js #searchControl.contrast .functions { display: block; } .js #searchControl.contrast .functions li.smaller, .js #searchControl.contrast .functions li.bigger { display: none; } .js #searchControl.contrast .functions li.contrast { display: block; margin-left: 0 !important; } /* fontsizes and contrast trigger together */ .js #searchControl.all #searchform { width: 157px; } .js #searchControl.all #searchform input#search { width: 133px; } * html .js #searchControl.all #searchform input#search { width: 132px; } .js #searchControl.all .functions { display: block; } .js #searchControl.all .functions li.smaller, .js #searchControl.all .functions li.bigger, .js #searchControl.all .functions li.contrast { display: block; } .js #searchControl.all .functions li.contrast { margin-left: 5px !important; } /** * =ICONS / =LINK-ICONS */ /* ALLGEMEINE DEFINITION FÜR ICONS (a, span) */ a.filiale, a.termin, a.mail, a.fax, a.tel, a.onlinebanking, a.onlineservice, a.kursinfo, a.zielgruppe, a.rechner, span.filiale, span.termin, span.mail, span.fax, span.tel, span.onlinebanking, span.onlineservice, span.kursinfo, span.zielgruppe, span.rechner/*, .linklist li a.filiale, .linklist li a.termin, .linklist li a.mail, .linklist li a.fax, .linklist li a.tel, .linklist li a.onlinebanking, .linklist li a.onlineservice, .linklist li a.kursinfo, .linklist li a.zielgruppe, .linklist li a.rechner */ { background-color: transparent; background-image: url(/media/coba_relaunch_2010/img/icons_sprites.gif); background-repeat: no-repeat; background-attachment: scroll; padding: 0 0 0 24px; text-decoration: none;} /* icons */ a.filiale, span.filiale/*, .linklist li a.filiale*/ { background-position: 0 -650px; } a.termin , span.termin/*, .linklist li a.termin */{ background-position: 0 -700px; } a.mail, span.mail /*, .linklist li a.mail */{ background-position: 0 -750px; } a.tel, span.tel/*, .linklist li a.tel */{ background-position: 1px -800px; } a.fax, span.fax/*, .linklist li a.fax*/ { background-position: 1px -1100px; } a.kursinfo, span.kursinfo/*, .linklist li a.kursinfo*/ { background-position: 1px -6400px; } a.onlinebanking, span.onlinebanking/*, .linklist li a.onlinebanking*/ { background-position: 0 -900px; } a.onlineservice, span.onlineservice/*, .linklist li a.onlineservice*/ { background-position: 1px -1050px; } a.rechner, span.rechner/*, .linklist li a.rechner*/ { background-position: 1px -1000px; } a.zielgruppe, span.zielgruppe/*, .linklist li a.zielgruppe*/ { background-position: 1px -950px; } /* remove icon from mail links inside texts or standard Lists*/ p a.mail, ul a.mail { background: none; padding: 0;} /*.service .box ul.contactLinks li { background: none; margin: 4px 3px; padding: 0; }*/ /*.service .box ul.contactLinks li a, .service .box ul.contactLinks li span, .service .box ul.contactLinks li .helpdesk { padding: 0 0 0 30px; }*/ /*.service .box ul.contactLinks li a.filiale, .linklist li a.filiale, .service .box ul.contactLinks li a.termin, .linklist li a.termin, .service .box ul.contactLinks li a.mail, .linklist li a.mail, .service .box ul.contactLinks li a.onlinebanking, .linklist li a.onlinebanking, .service .box ul.contactLinks li a.onlineservice, .linklist li a.onlineservice, .service .box ul.contactLinks li a.rechner, .linklist li a.rechner, .service .box ul.contactLinks li a.zielgruppe, .linklist li a.zielgruppe, .service .box ul.contactLinks li a.fax, .linklist li a.fax, .service .box ul.contactLinks li span.fax, .service .box ul.contactLinks li a.tel, .linklist li a.tel, .service .box ul.contactLinks li span.tel { background-color: transparent; background-image: url(/media/coba_relaunch_2010/img/icons_sprites.gif); background-repeat: no-repeat; background-attachment: scroll; padding: 0 0 0 24px; }*/ /* icons */ /*.service .box ul.contactLinks li a.filiale, .service .box ul.linklist li a.filiale { background-position: 0 -650px; } .service .box ul.contactLinks li a.termin , .service .box ul.linklist li a.termin{ background-position: 0 -700px; } .service .box ul.contactLinks li a.mail, .service .box ul.linklist li a.mail { background-position: 0 -750px; } .service .box ul.contactLinks li a.tel, .service .box ul.contactLinks li span.tel, .service .box ul.linklist li a.tel { background-position: 1px -800px; } .service .box ul.contactLinks li a.fax, .service .box ul.contactLinks li span.fax, .service .box ul.linklist li a.fax { background-position: 1px -1100px; } .service .box ul.contactLinks li a.kursinfo, .service .box ul.contactLinks li span.kursinfo , .service .box ul.linklist li a.kursinfo{ background-position: 1px -6400px; } .service .box ul.contactLinks li a.onlinebanking, .service .box ul.contactLinks li span.onlinebanking , .service .box ul.linklist li a.onlinebanking{ background-position: 0 -900px; } .service .box ul.contactLinks li a.onlineservice, .service .box ul.contactLinks li span.onlineservice , .service .box ul.linklist li a.onlineservice{ background-position: 1px -1050px; } .service .box ul.contactLinks li a.rechner, .service .box ul.contactLinks li span.rechner , .service .box ul.linklist li a.rechner{ background-position: 1px -1000px; } .service .box ul.contactLinks li a.zielgruppe, .service .box ul.contactLinks li span.zielgruppe , .service .box ul.linklist li a.zielgruppe{ background-position: 1px -950px; }*/ /* normal links (arrow) */ /*.service .box ul.contactLinks li a.blank { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 1px -493px transparent; display: inline-block; padding-left: 10px; }*/ /** * =CONTACT / =CONTACTLINKS for usage in section */ ul.contactLinks { margin: 0; } ul.contactLinks li, .service .box ul.contactLinks li { background: none; margin: 7px 3px 6px; padding: 0; } ul.contactLinks a.mail { background-color: transparent; background-image: url(/media/coba_relaunch_2010/img/icons_sprites.gif); background-position: 0 -750px; background-repeat: no-repeat; background-attachment: scroll; padding: 0 0 0 24px; text-decoration: none;} /* icons .section ul.contactLinks li a.filiale, .tabSect ul.contactLinks li a.filiale, .section p a.filiale, .tabSect p a.filiale, .section ul.contactLinks li a.termin, .tabSect ul.contactLinks li a.termin, .section p a.termin, .tabSect p a.termin, .section ul.contactLinks li a.mail, .tabSect ul.contactLinks li a.mail, .section p a.mail, .tabSect p a.mail, .section ul.contactLinks li a.fax, .section ul.contactLinks li span.fax, .tabSect ul.contactLinks li a.fax, .tabSect ul.contactLinks li span.fax, .section p a.fax, .section p span.fax, .tabSect p a.fax, .tabSect p span.fax, .section ul.contactLinks li a.tel, .section ul.contactLinks li span.tel, .tabSect ul.contactLinks li a.tel, .tabSect ul.contactLinks li span.tel, .section p a.tel, .section p span.tel, .tabSect p a.tel, .tabSect p span.tel { background-color: transparent; background-image: url(/media/coba_relaunch_2010/img/icons_sprites.gif); background-repeat: no-repeat; background-attachment: scroll; padding: 0 0 0 24px; text-decoration: none;} */ /*a.filiale,.section ul.contactLinks li a.filiale, .tabSect ul.contactLinks li a.filiale, .section p a.filiale, .tabSect p a.filiale { background-position: 0 -650px; } a.termin,.section ul.contactLinks li a.termin, .tabSect ul.contactLinks li a.termin, .section p a.termin, .tabSect p a.termin { background-position: 0 -700px; } a.mail, .section ul.contactLinks li a.mail, .tabSect ul.contactLinks li a.mail, .section p a.mail, .tabSect p a.mail { background-position: 0 -750px; } a.tel,.section ul.contactLinks li a.tel, .section ul.contactLinks li span.tel, .tabSect ul.contactLinks li a.tel, .tabSect ul.contactLinks li span.tel, .section p a.tel, .section p span.tel, .tabSect p a.tel, .tabSect p span.tel { background-position: 1px -800px; } a.fax,.section ul.contactLinks li a.fax, .section ul.contactLinks li span.fax, .tabSect ul.contactLinks li a.fax, .tabSect ul.contactLinks li span.fax, .section p a.fax, .section p span.fax, .tabSect p a.fax, .tabSect p span.fax { background-position: 1px -1100px; } a.kursinfo,.section ul.contactLinks li a.kursinfo, .section ul.contactLinks li span.kursinfo, .tabSect ul.contactLinks li a.kursinfo, .tabSect ul.contactLinks li span.kursinfo, .section p a.kursinfo, .section p span.kursinfo, .tabSect p a.kursinfo, .tabSect p span.kursinfo { background-position: 1px -6400px; } a.zielgruppe, .section p a.zielgruppe, .section p span.zielgruppe, .tabSect p a.zielgruppe, .tabSect p span.zielgruppe { background-position: 1px -950px; } a.rechner,.section p a.rechner, .section p span.rechner, .tabSect p a.rechner, .tabSect p span.rechner { background-position: 1px -1000px; } a.onlineservice,.section p a.onlineservice, .section p span.onlineservice, .tabSect p a.onlineservice, .tabSect p span.onlineservice { background-position: 1px -1050px; }*/ /** * =QUICKLINK */ .service .box ul.quickLink { margin: 0 !important;} .service .box ul.quickLink li { background: url(/media/coba_relaunch_2010/img/icons_sprites_gradients.jpg) no-repeat scroll 0 bottom transparent; border: 1px solid #E5E5E5; margin: 0 0 11px 0 !important; padding: 0 !important; text-align: center; height: 25px; } .service .box ul.quickLink li a, .service .box ul.quickLink li span { line-height: 24px; } .service .quickLink li a img { margin: 0 5px 0; vertical-align: middle; } .service .box ul.quickLink li:hover, .service .box ul.quickLink li.iehover { background: #F0F0F0; border: 1px solid #E5E5E5; } /*.service .box ul.quickLink li a.onlinebanking { background-position: 0 -900px; } .service .box ul.quickLink li a.filiale { background-position: 0 -650px; } .service .box ul.quickLink li a.kursinfo { background-position: 0 -6400px; }*/ .service .box ul.quickLink li p { display: none; } /*.service .box ul.quickLink li a.more { background-position: 0 -4990px; }*/ /* add the mail icon to list elements for quicklink - IMPORTANT because the mail icon is removed from mail links in standard lists*/ .quickLink a.mail{ background-color: transparent; background-image: url(/media/coba_relaunch_2010/img/icons_sprites.gif); background-repeat: no-repeat; background-attachment: scroll; padding: 0 0 0 24px; text-decoration: none; background-position: 0 -750px; } /** * =MARKETDATA */ div.marketdata { background-color: #DEDEDE; } /** * =LIST(S) IN BOX */ /* unordered lists */ .service .box ul { margin: 0 0 0 7px; } .service .box ul.linklist { margin-bottom: 11px; } /* black bullet */ .service .box ul li { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 0 -2995px transparent; margin-bottom: 5px; padding-left: 11px; position: static; /* IE6 */ } /* grey bullet - currently unused - please leave here */ .service .box ul li.grey { background-position: 1px -3493px; } /* yellow bullet - currently unused - please leave here */ .service .box ul li.yellow { background-position: 1px -3993px; } /* ordered lists */ .service .box ol { margin: 0 0 0 7px; } /* bold numbers */ .service .box ol li { list-style-type: decimal; margin-left: 2.4em; position: relative; /* IE6 */ } /* text */ .service .box li { position: relative; /* IE6 */ } /* rollingNews description text */ .service .box .rollNews li span { display: block; text-align: right;} .service .box li p { margin: 0 0 4px; padding: 0; } /** * =LINKLIST(S) */ /* nested linklist */ .service .box ul.linklist ul.linklist { margin: 0 0 0 10px; } .service .box ul.linklist li { background: none; padding: 0; margin-top: 7px; margin-bottom: 0px; } /*.service .box .dropdown ul.linklist li a { }*/ * html .service .box ul.linklist li a { background-position: 1px -4995px; } .service .box ul.linklist li p { margin: 0; } .service .box .target ul.linklist li p { margin-left: 7px; } .service .box .target ul.linklist li p.linkDescription { color: #333333; font-style: normal; margin: 0 16px 2px; } /* linklist + grouped links */ .service .box .group { border-top: 1px solid #E5E5E5; margin-top: 7px; padding-top: 4px; margin-left: 7px; } * html .service .box .group { padding-top: 3px; } .service .box .group.first { border: none; margin-top: 0; padding-top: 0; } .service .box .group.sub h6 { padding: 0 0 0 10px; } .service .box .group.sub h6 a { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 1px -4995px transparent; display: block; margin: 0 0 0 -10px; padding: 0 0 0 10px; } * html .service .box .group.sub h6 a { background-position: 1px -4994px; } .service .box .group ul.linklist { margin: -4px 0 0 0; } .service .box .group.sub ul.linklist { margin: -4px 0 0 10px; } /** * =DOWNLOAD LIST */ .service .box ul.linklist.downloads li { background: none; padding: 0; } /*.fileinfo { white-space: nowrap;}*/ a.fileinfo, a.fileinfo:link { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 0 -4996px transparent; background-position: 0 -4994px\9; _background-position: 0 -4993px; display: inline; display: inline-block\9; /* hack for ie8 and below */padding-left: 8px; _height: 1%; } .service a.fileinfo, .service a.fileinfo:link, table a.fileinfo, table a.fileinfo:link{ background-position: 0 -4996px; background-position: 0 -4995px\9; /*hack for IE6 & IE7 */} /*fileinfo in quicklink*/ .service .quickLink a.fileinfo, .service .quickLink a.fileinfo:link { display: inline; } /** * =FORM CONTROLS */ /* settings for box */ .service .box form.std p { padding-right: 0; } .service .box form.std input, .service .box form.std select { width: 215px; } .service .box form.std select { width: 223px; } /** * =NEWS * @note special news box in service col / flyout box down right */ .service .box.newsbox { overflow: visible; margin-bottom: 0;} * html .service .box.newsbox { z-index: 10; } /* z-index:10 for IE6 */ .service .box .news { margin-left: 8px; } .service .box .news a, .service .box .news h4 span { background-color: transparent; background-image: url(/media/coba_relaunch_2010/img/icons_sprites.gif); background-repeat: no-repeat; background-attachment: scroll; margin-bottom: 7px;} .service .box .news h4 { margin: 0 !important; padding: 0 !important; } .service .box .news h4 a, .service .box .news h4 span { background-position: 1px -4996px; display: inline-block; padding: 0 0 0 10px; } /*.homepage .service .box .news h4 a, .homepage .service .box .news h4 span { background-position: 1px -4994px; }*/ .service .box .news p a { background-image: none; } .service .box .news:hover, .service .box .news.iehover { position: relative; } .service .box .news .msg { background: #FFF; border: 1px solid #E5E5E5; display: none; margin: 0 0 0 10px; padding: 5px; z-index: 900;} .service .box .news .msg p{ z-index: 1000;} * html .service .box .news .msg { display: block; } * html .js .service .box .news .msg { display: none; } .service .box .news h4 { z-index: 900; } .service .box .news:hover .msg, .service .box .news.iehover .msg { display: block; left: 40px; top: 15px; position: absolute; width: 206px; z-index: 1000; -o-box-shadow: 3px 3px 3px #b5b5b5; -icab-box-shadow: 3px 3px 3px #b5b5b5; -khtml-box-shadow: 3px 3px 3px #b5b5b5; -moz-box-shadow: 3px 3px 3px #b5b5b5; -webkit-box-shadow: 3px 3px 3px #b5b5b5; box-shadow: 3px 3px 3px #b5b5b5; } * html .service .box .news.iehover .msg { border-right: 3px solid #AFAFAF; border-bottom: 3px solid #AFAFAF;} /* IE6 box-shadow simulation */ * html .service .box .news li.iehover .msg { width: 222px;} .service .box .news .msg .more { text-align: right; } .service .box .news .msg .more a { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 1px -4996px transparent !important; padding: 0 0 0 10px; } /** News hover for tabSect **/ #contentBody .tabSect .news:hover, #contentBody .tabSect .news.iehover { position: relative; } .js #contentBody .tabSect .news .msg { display: none; } #contentBody .tabSect .news .msg { margin: 0 0 0 10px; } #contentBody .tabSect .news:hover .msg, #contentBody .tabSect .news.iehover .msg { background: #FFF; border: 1px solid #E5E5E5; display: block; left: 10px; top: 18px; padding: 5px; position: absolute; width: 309px; z-index: 1000; -o-box-shadow: 3px 3px 3px #b5b5b5; -icab-box-shadow: 3px 3px 3px #b5b5b5; -khtml-box-shadow: 3px 3px 3px #b5b5b5; -moz-box-shadow: 3px 3px 3px #b5b5b5; -webkit-box-shadow: 3px 3px 3px #b5b5b5; box-shadow: 3px 3px 3px #b5b5b5; } * html #contentBody .tabSect .news li.iehover .msg { width: 333px; } /** * =DROPDOWN * @note special select box by
  • */ .dropdown .trigger, .dropdown .target { border: 1px solid #E5E5E5; } .dropdown .trigger, .service .box .dropdown .trigger { background: url(/media/coba_relaunch_2010/img/icons_sprites_gradients.jpg) no-repeat scroll 0 bottom transparent; display: block; padding: 0; } .dropdown .trigger span { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 106% -392px transparent; display: block; margin: 0; padding: 1px 6px; } .dropdown .target { background-color: #FFFFFF; border-top: none; margin-left: -1px; position: absolute; z-index: 100; -moz-box-shadow: 3px 3px 3px #b5b5b5; -webkit-box-shadow: 3px 3px 3px #b5b5b5; box-shadow: 3px 3px 3px #b5b5b5; } * html .dropdown .target { border-right: 3px solid #AFAFAF; border-bottom: 3px solid #AFAFAF; } /* IE6 box-shadow simulation */ #content .dropdown .linklist, #content .dropdown .linklist li { margin: 0; } .dropdown ul.linklist li a { background-image: url(/media/coba_relaunch_2010/img/icons_sprites.gif); background-position: 7px -4993px; display: block; margin: 0; padding: 1px 6px 1px 16px; } .service .box .dropdown ul.linklist li a { background-position: 7px -4995px;} .dropdown:hover, .dropdown.iehover { cursor: pointer; } .dropdown .target a:hover, .service .box .dropdown .target a:hover, .dropdown:hover .trigger, .dropdown.iehover .trigger, .service .box .dropdown.iehover .trigger { background-color: #F0F0F0; cursor: pointer; } .press .dropdown .target a:hover { background-color:#FFCC33; text-decoration: none !important;} .dropdown:hover .trigger, .dropdown.iehover .trigger, .service .box .dropdown:hover .trigger, .service .box .dropdown.iehover .trigger { background-image: none; } .dropdown p.trigger.closed span { background-position: 107% -4993px; } /* option grouping */ .dropdown .optgroup p , .dropdown .optgroup ul.linklist li span { margin: 0; padding: 1px 6px; } .homepage .col3 .dropdown .optgroup p { margin: 0; } .service .box .dropdown .optgroup ul.linklist li a { -background-position: 8px -4994px; } /** * =DROPDOWN/service * @note special values for .service */ * html .service .dropdown .trigger { width: 228px; } /* to show bgImage in IE6 */ .service .dropdown .target { right: 0px; width: 228px ; } * html .service .dropdown .target { width: 226px; /* box model / shadow correction */ margin-left: 0; } * html .service .dropdown p.trigger span { width: 216px; } /** * =DROPDOWN/homepage * @note special values for homepage */ .homepage .col3 .dropdown { margin: 0 0 22px; } .homepage .col3 .dropdown .target { width: 218px; margin-left: 0; } * html .homepage .col3 .dropdown .trigger { width: 218px; } /* for IE6 to get full width clickable trigger */ * html .homepage .col3 .dropdown .target { width: 216px; margin-left: 0; } /* Pfeilveränderung bei hover: .homepage .col3 .dropdown:hover .trigger span, .homepage .col3 .dropdown.iehover .trigger span, .service .dropdown.iehover .trigger span { background-position: 106% -392px; } */ /* * =IMAGES */ img { vertical-align: top; margin: 0; } /** * =homepage */ .homepage #nav { margin: 0 0 39px;} .homepage #main { display: inline-block; width: 750px; } /* for IE ghost char bug */ /* image */ .homepage #teaser, .homepage #imagemap { margin-bottom: 20px; width: 720px; } /* for IE ghost char bug */ .twoColPage #teaser { width: 770px; } .twoColPage #teaser.img { margin-bottom: 19px;} /* SearchControl */ .homepage #searchControl { padding: 0; } /* cols */ /*.homepage .cols { background: url(../img/cols_col3_separator.gif) no-repeat scroll 0 20px transparent; }*/ /* single cols col3 */ .homepage .col3 { margin: 0 0 0 30px; width: 220px; } .homepage .col3.first { margin-left: 0; } .homepage .col3 .img { overflow: hidden; margin-bottom: 17px;} .homepage .col3 div.evenHt { width: 100%;} /* col headline */ .homepage .col3 h2 { overflow: hidden; margin: 0 0 5px; width: 100%; /* width for IE7 */ } .homepage .col3 p { margin: 0 0 13px; } .homepage .col3 .button { float: right; margin: 0 0 17px; overflow: visible; } .homepage .col3 .img .button { float: right; margin: 17px 0 0; overflow: visible; } .homepage .col3 .button a { padding: 1px 10px; } .homepage .col3 .button a span { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 0 -496px transparent; margin-left: 20px; } .homepage .cols.nobg { background-image: none; } /** * =oneColPage */ .oneColPage #content { margin-bottom: 20px; } .oneColPage #contentBody { width: 770px; } .oneColPage #teaser, .oneColPage #imagemap { clear: both; height: 100%; margin: 0 0 20px; width: 770px; } .oneColPage #teaser { overflow: hidden; } .oneColPage #teaser .img.gallery { margin-bottom: 0; } .oneColPage #teaser img { vertical-align: top; } .oneColPage .col3 { margin: 0 0 22px 10px;} .oneColPage .col3.first { margin-left: 0!important; } .col2 { margin-left: 10px; } .col2.first { margin-left: 0; } .oneColPage .img p { margin-bottom: 10px; } .oneColPage .col2 .img.text { height: 122px; overflow: hidden; } /** * =oneColPage * =sitemap */ .sitemap h3 { background-color: #E5E5E5; width: 100%; } .sitemap h3.trigger { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 749px -389px #E5E5E5; } .sitemap h3.trigger a, .sitemap h3.notrigger a { display: inline-block; padding: 2px 4px 3px; } .sitemap h3.trigger.closed { background-position: 101.5% -491px; } .sitemap { float: none; } .sitemap p { margin: 20px 0 30px; -margin: 0 0 27px; } .sitemap ul.target { border-bottom: 1px solid #E5E5E5; margin-top: 17px; width: 770px; } .sitemap li a { display: inline-block; padding: 0; } .sitemap ul.closed { display: none; } .sitemap a { color: #333; } .sitemap ul { position: relative; } .sitemap li { margin-bottom: 40px; position: relative; } .sitemap li li { border-top: 1px solid #E5E5E5; margin-bottom: 0; } .sitemap li li li { width: 590px; } .sitemap li li li li { width: 320px; } .sitemap li.first { border-top: none; } .sitemap ul ul ul { left: 180px; margin-top: -1.5em; vertical-align: top; } .sitemap ul ul ul ul { border: none; left: 270px; } .sitemap li li a { margin-right: 10px; width: 170px; } .sitemap li li li a { width: 260px; } .sitemap li li li li a { margin-right: 0px; width: 312px; } /** * =twoColPage */ .twoColPage #content { margin-top: 0px !important; } .twoColPage #contentBody { display: inline-block; float: left; width: 510px; } .twoColPage #contentBody h3.trigger { margin-bottom: 17px !important; padding-left: 4px !important; } .twoColPage .col3 { margin: 0 0 0 10px; width: 163px; } .twoColPage .col3.first { margin-left: 0; } /** * =twoColPage * =press */ /* .selector */ #main .press .dropdown { display: inline-block; margin: 0; } #main .press .dropdown .target { width: auto; } .press .selector { background-color: #F4F4F4; border: 1px solid #E5E5E5; display: block; padding: 12px 5px; } /* dropdowns' properties */ .press .dropdown ul li { padding: 0; } .press .dropdown ul li a { background-image: none; padding: 1px 6px !important; } /* year/quarter/category selectors */ .press .year, .press .quarter { float: left; margin: 0 12px 0 0 !important; -margin: 0 11px 0 0; -width: 10%; } .press .category { float: right; -width: 10%; } .press .year p, .press .year ul { width: 120px; } .press .quarter p, .press .quarter ul { width: 130px; } .press .category p, .press .category ul { width: 160px; } /* arrows */ .press .year .dropdown p.trigger.closed span { background-position: 102px -6306px; } .year .dropdown p.trigger span { background-position: 102px -6306px; } .press .quarter .dropdown p.trigger.closed span { background-position: 112px -6306px; } .quarter .dropdown p.trigger span { background-position: 112px -6306px; } .press .category .dropdown p.trigger.closed span { background-position: 142px -6306px; } .category .dropdown p.trigger span { background-position: 142px -6306px; } /* paginator */ .press .pageSel { border: 1px #E5E5E5; border-style: none solid; display: inline-block; margin: 0 0 -1px 0; padding: 15px 5px; width: 498px; } .press .pageSel h4 { background: none; float: left; padding: 0 !important; } .press ul.paginator { float: right; margin: 0; } /* end .selector */ /* .entries */ .press h4 { background-color:#CCCCCC; background-position: 101.5% -389px; margin: 0; padding: 4px 7px 4px 5px !important; } .press h4.closed { background-position: 101.5% -490px; } .press .entries li { background-image: none; display: inline-block; border: 1px #e5e5e5; border-style: none solid solid solid; margin-bottom: -4px; -margin-bottom: -2px; padding: 5px 0; width: 508px; } .press .entries div { float: left; padding: 2px 5px 2px 4px; width: 65px; } .press .entries p { float: left; margin: 0; padding: 2px 5px; width: 423px; } /* end .entries */ /** * =twoColPage * =pressSearh */ .press.search .sortSel { float: left; width: 200px; } #main .press.search .sortSel .dropdown, { *display: inline; /* IE6/IE7 hack*/ } .press.search .sortSel .dropdown, .press.search .sortSel ul { width: 125px; } .press.search .sortSel span { *width: 113px; /* IE6/IE7 box model: 130px - 2 * border 1px - 2 * padding 5px */ } .press.search .sortSel ul li { padding: 0; } .press.search .sortSel .trigger span /* .press.search .sortSel .dropdown:hover .trigger span, .press.search .sortSel .dropdown.iehover .trigger span */ { background-position: 105px -6306px; } .press.search .sortSel .trigger.closed span { background-position: 105px -6306px; } .press.search .hitsSel { float: right; width: 260px; -width: 265px; } #main .press.search .hitsSel .dropdown { *display: inline; /* IE6/IE7 hack*/ } .press.search .hitsSel .dropdown, .press.search .hitsSel ul { width: 168px; } .press.search .hitsSel span { *width: 158px; /* IE6/IE7 box model: 165px - 2 * border 1px - 2 * padding 5px */ } .press.search .hitsSel ul li { padding: 0; } .press.search .hitsSel .trigger span /* .press.search .hitsSel .dropdown:hover .trigger span, .press.search .hitsSel .dropdown.iehover .trigger span */ { background-position: 148px -6306px; } .press.search .hitsSel .trigger.closed span { background-position: 148px -6306px; } .press.search .hitsSel .trigger.closed span { *background-position: 148px -6306px; } .press.search .selector strong { *position: relative; top: -5px; } .press.search .selector { padding: 15px 5px; -padding: 15px 5px 12px; zoom: 1; height: 1%; } .press.search form.std div { margin: 0; } #pressSearch { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 5px -596px #FFF; float: left; margin-bottom: 10px; padding: 3px 0 4px 23px; padding: 4px 0 3px 23px\9; width: 473px; -width: 473px !important; } * + html #main .press.search .selector div.clearfix {margin-top: 10px; /* fix margin for IE7*/} .press.search .button.left p.trigger { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 8px -392px transparent; border: none; display: inline-block; padding: 1px 10px 1px 20px; } .press.search .button.left p.trigger.closed { background-position: 9px -493px; padding: 1px 10px 1px 20px; } .press.search .button.left p.trigger:hover, .press.search .iehover .button.left p.trigger { background-color: #F0F0F0; /* background-position: 8px -392px; arrow down on hover */ } .press.search form.std .year { margin-right: 12px; width: 60px; } * + html #main .press.search .buttonY { margin-left: 10px; } #searchParam { width: 110px; } .press.search form.std { margin: 0; } #main .press.search form.std .dropdown { display: inline; float: left; margin: 0; position: relative; -width: 200px; z-index: 1000; } #main .press.search form.std .params { border: 1px solid #E5E5E5; background: #F4F4F4; clear: both; padding: 15px 12px; top: 21px; width: 300px; /* -width: 298px; -width: 320px; */ /* box model / shadow correction */ } .press.search form.std .params div { margin-bottom: 15px; overflow: hidden; width: 100%; } .press.search form.std .params div p { display: inline; float: left; margin: 0; } .press.search form.std .params div p label { display: inline; float: left; padding: 0 8px 0 0; } .press.search form.std .params p { margin: 0; } .press.search form.std .params p label { display: inline; margin: 1px 0 !important; } .press.search form.std .params div p select.quarter { float: none; margin: 0 !important; width: 100px; } #main .press.search form.std select.year { float: none; width: 70px; } #main .press.search form.std select.quarter { float: none; width: 100px; } .press.search .pageSel { border: 1px #E5E5E5; border-style: none solid; display: inline-block; margin: 0 0 -1px 0; padding: 15px 5px; width: 498px; } .press.search .pageSel h4 { background: none; float: left; padding: 0 !important; } .press.search ul.paginator { float: right; margin: 0; } .press.search .result { border: 1px solid #E5E5E5; margin-top: -3px; -margin-top: 0; } .press.search .result li { background-image: none; clear: both; display: inline-block; margin: 0; padding: 0; position: relative; } .press.search .result div { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll transparent; } .press.search .result .type { background-position: 0 1000px; left: 0; margin-top: -2.5em; position: absolute; text-align: center; top: 50%; width: 20%; } .press.search .result .html { background-position: 60% -2545px; padding: 20px 0 0; } .press.search .result .hit { background-position: 0 1000px; margin-left: 20%; padding: 7px 7px 7px 0; } .press.search .result .hit .date { margin-top: 12px; } .press.search .result a span { background-color: #FFCC33; } .press.search .result p { margin: 5px 0 0 0; } .press.search .result p span { border-left: 1px solid #333; margin-left: 5px; padding-left: 5px; } /** * =paginator */ #page #content .paginator li { background: url(/media/coba_relaunch_2010/img/icons_sprites_gradients.jpg) no-repeat scroll -500px bottom transparent; display: inline; float: left; margin: 0; padding: 0; width: 32px; } #page #content .paginator li.off { background-position: 0 bottom; } #page #content .paginator li.text { background: none; border: none; padding: 3px 0.3em; text-align: center; width: 3.7em; } #page #content .paginator a { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll transparent; border: 1px solid #FFCC33; display: block; height: 20px; } #page #content .paginator li.off a { border: 1px solid #E5E5E5; } #page #content .paginator a:hover { background-color: #FFCC33; } #page #content .paginator li.off a:hover { background-color: #F0F0F0 !important; } #page #content .paginator li.first, #page #content .paginator li.prev { margin-right: 0.3em; } #page #content .paginator li.first a { background-position: 11px -2344px; } #page #content .paginator li.prev a { background-position: 13px -2443px; } #page #content .paginator li.next, #page #content .paginator li.last { margin-left: 0.3em; } #page #content .paginator li.next a { background-position: 12px -2393px; } #page #content .paginator li.last a { background-position: 12px -2494px; } /** * =calendarElement / datePicker */ .calendarElement {float: left; position: relative; width: 12.7em; -width: 12.5em; } .calendarElement .button {bottom: 0; cursor: pointer; height: 16px; left: 8.8em; -left: 8.7em; -margin: 0; padding: 3px 5px 1px; position: absolute; top: 34px; top: 33px\9; width: 23px; } /* classes '.calendarElement.extended' & '.calBtnOk' are specialy designed to fit the requirements for the Research-pages */ .calendarElement.extended{width: 14.7em; -width: 14.5em; } .calendarElement .button.calBtnOk{bottom: 0; cursor: pointer; height:20px; left: 11.8em; -left: 11.7em; -margin: 0; padding:0; position: absolute; width: 30px; } .calendarElement .button.calBtnOk input { background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 9px -1745px transparent; display: block; height: 20px; padding: 0; text-indent: -2000px; width: 30px;} /* IE 6 */ * html .calendarElement .button { height: 14px; padding: 1px 5px 0;} * html .calendarElement .button.calBtnOk { padding: 0;} * html .calendarElement .button.calBtnOk input { background-image: none; text-indent: 0px; width: 30px; padding: 5px 0;} /* IE 7 */ * + html .calendarElement .button{ margin-bottom: 1px;} .calendarElement .button span {background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 0 -5500px transparent; display: block; } * html .calendarElement .button span {background-position: 0 -5498px; } .datePicker {width: 8em!important; } div.calendar {background: #FFF; } /* box-shadow by $().boxShadow() */ div.calendar.popup {margin: 2px 0 0 2px; -margin: -8px 0 0 -8px; z-index: 9999; width: auto; -o-box-shadow: 0 0 8px 4px #F4F4F4; -icab-box-shadow: 0 0 8px 4px #F4F4F4; -khtml-box-shadow: 0 0 8px 4px #F4F4F4; -moz-box-shadow: 0 0 8px 4px #F4F4F4; -webkit-box-shadow: 0 0 8px 4px #F4F4F4; box-shadow: 0 0 8px 4px #F4F4F4; } * html div.calendar.popup { border: 8px solid #F4F4F4; } /* IE6 box-shadow simulation */ div.calendar table {background-color: #FFF; border: none; border-collapse: separate; border-spacing: 2px; border: 8px solid #FFF; border-top-width: 2px; X-padding: 0; width: auto; } div.calendar .prev, div.calendar .next {background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 7px -543px; cursor: pointer; float: left; width: 20px; } div.calendar .next {background-position: 8px -493px; float: right; } div.calendar thead tr.daynames th {padding: 0; -padding: 1px 0 0; } div.calendar td, div.calendar th {padding: 2px; -padding: 1px 2px 2px; text-align: center; } div.calendar thead td, div.calendar th {padding: 1px 0; } div.calendar .closer { margin-bottom: 1px; text-align: right; } div.calendar .closer span {background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) no-repeat scroll 0 -4700px; cursor: pointer; display: inline-block; margin-left: 5px; width: 20px; } div.calendar .title {background-color: #CCC; padding: 2px 0 3px; -padding: 1px 0 3px; } div.calendar tr.days td {background-color: #F0F0F0; cursor: pointer; text-align: center; width: 2.35em; } div.calendar tr.days td.selected {background-color: #CCC; } div.calendar tr.days td.otherDay {background-color: #FFF; } div.calendar tr.days td:hover, div.calendar tr.days td.iehover {background-color: #FC3; cursor: pointer; } /** * =CID FORMS */ form.std .inner .cid { padding: 10px 0 0; } form.std .inner .cid p { padding: 0 10px; } form.std .inner .cid p input, form.std .inner .cid p textarea { width: 477px; } form.std .inner .cid div { padding: 0 10px; } /* two column form */ form.std .inner .cid div.inline p { padding: 0; } form.std .inner .cid div.inline p input, form.std .inner .cid div.inline p textarea { width: 227px; } * html form.std .inner .cid div.inline p input, * html form.std .inner .cid div.inline p textarea { width: 227px; } /* verify/identification code */ form.std .inner .cid .verify input { text-align: center; margin: 0 10px 0 0; width: 55px; } /** * Google Maps / Google Maps Static */ #map { height: 188px; overflow: hidden; position: relative; width: 228px; } #map img { margin-left: 0; } #map #maps-static, #map #maps-static img { display: block; } #map span.note { display: none; } #map button { background: transparent; border-style: solid; border-width: 0px; cursor: pointer; height: 100%; left: 0; margin: 0; overflow: hidden; padding: 0; position: absolute; text-indent: -100em; top: 0; width: 100%; } #map a { display: block; } #map a.terms-of-use-link { float: right; } #logocontrol { z-index: 3000 !important; } #logocontrol img { float: none; } /** * Shadowbox CSS * @see http://www.shadowbox-js.com/usage.html */ #sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;} #sb-overlay{position:relative;height:100%;width:100%;} #sb-wrapper{background:#FFF;border:1px solid #CCCCCC;position:absolute;visibility:hidden;/*width:100px; disabled / VH / 14.04.2011*/ /*-moz-box-shadow: 3px 3px 5px #808080; -webkit-box-shadow: 3px 3px 5px #808080; box-shadow: 3px 3px 5px #808080; */} #sb-wrapper-inner{position:relative;overflow:hidden;height:100px;} #sb-body{position:relative;height:100%;} #sb-body-inner{background:#FFF;position:absolute;height:100%;width:100%;} #sb-body-inner > img {position: absolute; right: 0px; background:#FFF; height:100%;width:100%;} /* #sb-player.html{height:100%;overflow:auto;} */ /* hide scrollbar in iframe */ #sb-player.html{height:100%;overflow:hidden;} /* show scrollbar in iframe */ /*#sb-body img{border:none;}*/ #sb-loading{position:relative;height:100%;} #sb-loading-inner{position:absolute;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center; } #sb-loading-inner span{background:url(/media/coba_relaunch_2010/img/sb_ajax_loader.gif) no-repeat; display:inline-block; padding-top:25px;} /*#sb-body,#sb-loading{background-color:#E3E3E3;} disabled / VH / 14.04.2011*/ #sb-title,#sb-info{position:relative;margin:0;padding:0;/*overflow:hidden;*/} #sb-title,#sb-title-inner{display:block;} #sb-title-inner { padding: 1px 7px 7px;} #sb-info,#sb-info-inner{height:30px;} #sb-info,#sb-info-inner{height:30px;} #sb-info,#sb-info-inner{background:#FFF;} #sb-nav{ /*'display: inline' fixes margin for ie6*/display: inline; float: right; height: 20px; margin: 5px 10px; padding:0; width:125px; } #sb-nav a{ margin-left: 5px;} #sb-nav a{display:block;float:right;height:20px;width:20px;cursor:pointer;background-repeat:no-repeat;} #sb-nav-close{background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) transparent no-repeat 0 -4700px scroll;padding:0;} /*#sb-nav-close:hover{background-position:0 -1396px;} */ /* no hover defined in SG */ /*#sb-nav-next{background: url(/media/coba_relaunch_2010/img/icons_sprites.gif) #FFCC33no-repeat 13px -2443px scroll;padding:0;}*/ #sb-nav-next{background-image:url(/media/coba_relaunch_2010/img/sb_next.png);} #sb-nav-previous{background-image:url(/media/coba_relaunch_2010/img/sb_previous.png);} #sb-nav-play{background-image:url(/media/coba_relaunch_2010/img/sb_play.png);} #sb-nav-pause{background-image:url(/media/coba_relaunch_2010/img/sb_pause.png);} #sb-counter{ display: inline; /*float:left;*/ width:5em; padding-left: 10px;} #sb-counter a{padding:0 4px 0 0;cursor:pointer;} div.sb-message{padding:10px;text-align:center;} #sb-wrapper-inner iframe {overflow:hidden; margin-top: -10px;} #sb-body ul.linklist li a {margin: 0;} .sbContentWrap .contentFooter .top, /*.js .sbContentWrap .contentFooter ul li.print,*/ .js .sbContentWrap .contentFooter ul li.toFavs, .sbContentWrap .pageFooter .claim, .sbContentWrap .pageFooter .navPortals, #page.layer .contentFooter ul li.toFavs, #page.layer .pageFooter .claim, #page.layer .pageFooter .navPortals, #sb-title { display: none; } /* FS4 wipe outs */ /* killed #page.layer .contentFooter ul li.print, */ /** * =HELPER CLASSES */ /** * =CLEARFIX * @section Clearing floats with clearfix method (Holly Hack) * @see http://www.positioniseverything.net/easyclearing.html * @see http://little-boxes.de/?p=149 * @see http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ (slightly enhanced, universal clearfix hack ) */ .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0 } /* IE-Patches for Clearfix */ .clearfix { display: inline-block; } /* Holly Hack (targets IE Win onliny) / hide from IE5/Mac with commented backslash hack \*/ /* * html .clearfix { height: 1%; }*/ .clearfix { display: block; } /* END Holly Hack */ /** * =FLOATS / =ALIGNS * @note some float classes, use rare and carefully */ .fleft { float: left; } .fright { float: right; } .center { text-align: center !important; } /** * =OFFSCREEN * @note position for elements to remove / hide from view range */ .offscreen { position: absolute; left: -9999em !important; top: -9999em !important; } /** * =HIDE * @note hide elements from view range */ .hide, .hidden { display: none; } /** * =NO BORDER */ .noborder { border: none !important; } /** * =NO PADDING */ .nopad { padding: 0 !important; } /** * =NO MARGIN */ .nomarg p { margin: 0 !important; } /** * =NO BACKGROUND IMAGE */ .noBgImg { background-image: none !important; } /** * =SEPARATOR */ .sep-top { border-top: 1px solid #E5E5E5; padding: 17px 0 0 0 !important; } .sep-bottom { border-bottom: 1px solid #E5E5E5; margin: 0 0 17px 0 !important; } .service .sep-top { border-top: 1px solid #E5E5E5; padding: 7px 0 0 0 !important; } .service .sep-bottom { border-bottom: 1px solid #E5E5E5; margin: 0 0 7px 0 !important; } /** * =DEBUGGING * @note just for debbuging purposes */ .debug { background-color: #FFBABA; margin: 0 0 5px 0; padding: 3px; } /** * =GROUPING * @note grouping for COBA.evenHeights(), don't assign any further properties! */ .evenHt { overflow: hidden; } /* outline for firstspirit preview */ .previewMark { border: 1px solid #ff0000 !important;} /* PREVIEW Content Highlighting Background */ .fsPreview_accentuated, .fsHover_accentuated { outline: none !important; background-color: #E5CCD5; } } /* END @media projection, screen */ /* css-rules defined in this media-query block just affect MSIE 10+ */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* removes the background-color defined for the 1st level navigation, via ms-filter-rules */ #navFirst li a, #navFirst li a:link { background: none; } } /** * =PRINT STYLES * @note @media-rule for print */ @media print { html, body { background: #FFF; color: #000; } body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt !important; margin: 0; } /** * =CLEARFIX * @section Clearing floats with clearfix method (Holly Hack) * @see http://www.positioniseverything.net/easyclearing.html * @see http://little-boxes.de/?p=149 * @see http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ (slightly enhanced, universal clearfix hack ) */ .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0 } /* IE-Patches for Clearfix */ .clearfix { display: inline-block; } /* Holly Hack (targets IE Win onliny) / hide from IE5/Mac with commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* END Holly Hack */ /** * Hide unnecessary parts of page for print output */ #pageHeader #skiplinks, #pageHeader #navMeta, #nav, #leftCol, .navVert, #searchControl, .service, #loggedIn, .contentFooter, .pageFooter .claim, .pageFooter .navFooter, .pageFooter .navPortals, #sb-container, div.flyout, .toggleControls, .highContrast { display: none !important; } /* CI Header */ /* #pageHeader { border-bottom: 15px solid #E5E5E5; } */ /* #pageHeader #branding { border-bottom: 40px solid #FFCC33; margin: 0 0 5px; } */ /* prevent even height on print */ .evenHt { height: auto !important; } /** * Links * @note Hyperlinks are set back to get visible on paper. URL will be shown after the linktext. * @note #content a[href]:after { content: " [Adresse (a[href]): "attr(href)"]"; } * @note #content a:link:after, #content a:visited:after { content: " ["attr(href)"]"; font-size: 90%; } */ #content a:link, #content a:visited { color: #000; background: transparent; text-decoration: underline; /*text-decoration: none;*/ } /** * Main content styles */ #page { width: 100%; position: relative; } /* Branding */ #pageHeader { text-align: left; } #pageHeader #branding { display: block; text-align: right; } #pageHeader #branding img { border: none; } /* Portal Heading */ #pageHeader h2 { font-family: "Compatil Text", Georgia, "Times New Roman", serif; } #content { margin-top: 1cm; } #content #main #contentTop h2 { font-family: "Compatil Text", Georgia, "Times New Roman", serif; } #content #main .cols h2 { font-size: 16pt; } /* Footer */ .pageFooter { background: #E5E5E5; margin-top: 1.5cm; text-align: right; } .pageFooter .copyright p { padding: 0.75% 0; } .pageFooter .copyright p span { margin-right: 0.25cm; } /* Grid */ .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col12 { float: left; } .col1 { width: 100%; } .col2 { width: 255px; } .section .img.text.col2 { width: 48%; margin-right: 1%; } .section.rubBox .col2 { border: 1px solid #ccc; width: 46%; padding: 1%; min-height: 4.5cm; } .section.rubBox .col2.highlight { min-height: 3cm; } .section.rubBox .col2.first { width: 47%; margin-right: 1%; } .section.rubBox .img.text.col2 { width: 46%; } .oneColPage .col2 { width: 48%; margin-left: 0.4cm; } .oneColPage .col2.first { margin: 0; } .oneColPage .col2 h3 { font-size: 8pt; } .col3 { width: 32%; } .section .img.gallery .col3 { width: 170px; } .homepage .col3 { margin-left: 0.4cm; } .homepage .col3.first { margin: 0; } .col4 { width: 125px; } .oneColPage .img.text .col4 { margin-right: 0.25cm; width: 190px; } .col5 { width: 100px; } .section .img.gallery .col5 { width: 100px; } .col7 { width: 75px; } .col8 { width: 12%; } /* Section */ .section { page-break-after: auto; page-break-inside: avoid; } .section .highlight, .section .accent {border: 1px solid #CCC; padding: 0.2cm;} .section.separator, .tabSect.separator { border-bottom: 1px solid #000; padding-bottom: 0.5cm;} .section ul li h6 { font-size: 100%; margin: 0 !important; } .section ul.linklist li p { margin: 0 !important; } .section ol li h6 { font-size: 100%; margin: 0 !important; } .section ol li p { margin: 0 !important; } .section ul li, .section ol li { margin: 0.25cm 0 !important; } /* Images */ #teaser { margin: 0.15cm 0; } /* image in section */ .img img { border: 1px solid #E5E5E5; } .section img { border: 1px solid #E5E5E5; float: left; margin: 0 10px 5px 0; } /* image left */ .section img.fleft { float: left; } /* image center */ .section .center { text-align: center !important; } .section .center img.fmiddle { float: none; margin: 0; } /* image right */ .section img.fright { float: right; margin: 0 0 5px 10px; } /* image container */ .section .img.text p { margin: 0; } .section .img.text .col7 { margin: 0 0.25em 0.25em 0; } .section .img.text .col7 img { margin: 0; } /* Bild DB */ /* .img_db { clear: both; display: block; float: none; width: 100%; } .img_db .img { clear: both; display: block; float: none; margin-bottom: 0.25cm; width: 100%; overflow: hidden; } .img_db .flyout { display: none; } */ /* Tables */ /* table, th, td { border: 1px solid #000; vertical-align: top; } */ .tabSect { margin: 2cm 0; } table { border-collapse: collapse; border: 1px solid #000; text-align: left; width: 100%; } table th { border-bottom: 3px double #000; } table th, table td { padding: 3px 10px; vertical-align: top; } table tr.tabh1, table tr.tabh1 th { background-color: #CCC; font-size: 11pt; } table tr.tabh2, table tr.tabh2 th { background-color: #E5E5E5; } table tr td { border-bottom: 1px solid #000; } /* Press */ .press .selector, .press .pageSel, .press .result .type{ display: none; } /* display Press-Archive list as table*/ .press .entries h4 { margin: 0; padding: 0;} .press .entries ul { border-collapse:collapse; display: table; padding: 0;} .press .entries ul li { display: table-row; } .press .entries ul li p, .press .entries ul li div { border: 1px solid #000; display: table-cell; padding: 3px 10px} /* Forms */ form.std, form.std fieldset {border: none;} form.std input , form.std textarea { width: 100%;} form.std .submitfield { display: none} fieldset.fsCheckbox, fieldset.fsRadio {display: table;} /*NEU*/ fieldset.fsCheckbox p, fieldset.fsRadio p{display: table-row; line-height: 0.5cm; } /*NEU*/ fieldset.fsCheckbox p input, fieldset.fsCheckbox p label, fieldset.fsRadio p input, fieldset.fsRadio p label{display: table-cell; padding: 0.3cm;} /*NEU*/ /*Flag Navigation*/ div.navBig, div.navSmall { border-collapse:separate; border-spacing: .085cm; display: table;} /*NEU*/ div.navBig ul, div.navSmall ul { display: table-row;} /*NEU*/ div.navBig ul li, div.navSmall ul li{ border: 1px solid #000; display: table-cell; padding: .1cm .15cm} /*NEU*/ div.navBig ul li.selected, div.navSmall ul li.selected { border-width: 3px;} /*NEU*/ /** * Print helper classes */ .offscreen { display: none; } } /* END @media print */