/* shortcuts */ .bold { font-weight:bold; line-height:16px; } .left { float:left; } .right { float:right !important; } .h10 { height:10px; } .h13 { height:13px; } .h17 { height:17px; } .h20 { height:20px; } .h21 { height:21px; } .h25 { height:25px; } .h35 { height:35px; } .h68 { height:68px; } .w15 { width:15px; } .w50 { width:50px; } .w80 { width:80px; } .w100 { width:100px; } .w135 { width:135px; } .w155 { width:155px; } .w166 { width:166px; } .w255 { width:255px; } .w456 { width:188px; } .w510 { width:510px; } .clear { clear:both; } .no-border { border:none !important; } .invisible { display:none; } /* main */ html[xmlns] { overflow-x:hidden; overflow-y:scroll; } body { color:#333333; background:white; font-size:12px; line-height: 1;} a { color: #333333; text-decoration:underline; } a:hover { text-decoration:none; } a, abbr, acronym, address, area, b, base, bdo, big, blockquote, body, br, button, caption, cite, code, col, colgroup, dd, del, div, dfn, dl, dt, em, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, head, hr, html, i, iframe, img, ins, kbd, legend, li, link, map, meta, noframes, noscript, object, ol, optgroup, option, p, param, pre, q, samp, script, select, small, span, strong, style, sub, sup, table, tbody, td, textarea, tfoot, th, thead, title, tr, tt, ul, var { border:0 none; font-family:Verdana,Arial,Helvetica,sans-serif; font-style:inherit; font-weight:inherit; margin:0; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; padding:0; } textarea { border:1px solid #DDDDDD;font-size:12px;} p { line-height:16px; margin-bottom:20px; } #construct { margin:0 auto; position:relative; width:980px; } /* head */ #head { height:70px; border-bottom:40px solid #FFCC33; margin-bottom:5px; } #metanav { font-size: 11px; padding-top:3px; line-height:15px; margin-left:-1px; } #logos { } #logo-ideastv { float:left; margin-top:8px; } #logo-commerzbank { float:right; margin-top:7px; } /* navigation */ ol,ul { list-style:none; } ul,ol,dl { position:relative; font-size:11px; } #first_nav { background-color:#E5E5E5; margin-bottom:35px; height:25px; } #first_item { border-top:1px solid #E5E5E5; } .is_parent { background:#E5E5E5 url(../images/arrow_down.gif) no-repeat scroll 5px 7px !important; } .is_active { background-color:#FFCC33 !important; border-bottom:1px solid #FFCC33 !important; } ul#second_nav li a { background:transparent url(../images/arrow_right.gif) no-repeat scroll 6px 6px; border-bottom:1px solid #E5E5E5; display:block; line-height:15px; padding:1px 2px 2px 15px; width:163px; text-decoration:none; } ul#second_nav li a:hover { text-decoration:underline; } ul#second_nav li li a { margin-left:10px; width:153px; } ul#second_nav li li li a { background:transparent url(../images/arrow_right.gif) no-repeat scroll 16px 6px; border-bottom:1px solid #FFFFFF; margin-left:10px; padding:1px 2px 1px 25px; width:143px; } /* navlevel 3 */ #last_item_third_level { border-bottom:1px solid #E5E5E5 !important; } /* columns */ #columns { display:block; } #column_left { float:left; width:180px; margin:20px 30px 0 0; display:block; } .column_380_left { float:left; width:380px; margin:0 10px 0 0; display:block; } .column_380_right { float:left; width:380px; margin:0; display:block; } .column_510 { float:left; width:510px; margin:0 29px 20px 0; display:block; } .column_769 { float:left; width:770px; margin:0; display:block; line-height:16px; } .column_230 { float:right; margin:19px 0 5px 0; width:230px; display:block; } .column_230-inbox { float:right; margin:21px 0 5px 0; width:230px; display:block; } .column_230-premium { float:right; margin:0 0 5px 0; width:230px; display:block; } /* pagenavi */ .pagenavi { text-align:right; font-size:10px; margin:10px 0 10px 0; } .pagenavi a { color:#000000; text-decoration:none; } .pagenavi a:hover { text-decoration:underline; } .pagenavi input { margin:0; } /* boxes */ div.box { margin-bottom:14px; } div.box a, div.login a, #functions a, .functions-depot a, #footer a, #metanav a { text-decoration:none; } div.box a:hover, div.login a:hover, #functions a:hover, .functions-depot a:hover, #footer a:hover, #metanav a:hover { text-decoration:underline; } div.box_headline { background-color:#E5E5E5; font-weight:bold; line-height:15px; margin-bottom:8px; padding:4px 0 6px 4px; } div.box p { font-size:11px; line-height:15px; margin:0 4px 6px; min-height:61px; } span.box_link { display:block; margin-top:5px; } a.arrow { background:transparent url(../images/arrow_right.gif) no-repeat scroll 0 4px; margin-left:2px; padding-left:9px; } div.box img { margin:0 10px 10px 0; float:left; } /* login */ #login { margin:30px 0 0 0; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; padding:5px 0 10px 5px; } #login-headline { font-weight:bold; line-height:15px; } .login-input { margin:12px 0 0 12px; width:135px; } .login-submit { margin:12px 0 0 12px; background-color:#FFFFFF; font-weight:bold; height:20px; } .logout-submit { margin:12px 0 0 12px; background-color:#FFFFFF; font-weight:bold; height:20px; } .login-link { display:block; margin:5px 0 0 10px; font-size:11px; } /* indication box */ #indication { width:169px; padding:5px; border:1px #e5e5e5 solid; margin:30px 0 0 0; } #indication-chart { margin:15px 0 15px 0; text-align:center; } #indication-table table { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333333; } #indication-table .td-left { width:80px; padding:1px 0 1px 6px; border-right:1px #ffffff solid; font-size:10px; } #indication-table .td-right { padding:1px 6px 1px 0; text-align:right; font-size:10px; } #indication-table table tr:hover { background-color:#ffcc33 !important; cursor:pointer; } #indication-table table .even { background-color:#e5e5e5; } #indication-table table .odd { background-color:#ffffff; } /* content */ a.view_show { background:transparent url(../images/icon_view_show.gif) no-repeat scroll 0 0; padding:1px 0 3px 28px; margin:0 0 10px 0; display:block; font-size:10px; text-decoration:none; } a:hover.view_show { background:transparent url(../images/icon_view_show.gif) no-repeat scroll 0 -20px; text-decoration:underline; } a.view_pdf { background:transparent url(../images/icon_download_pdf.gif) no-repeat scroll 0 0; padding:1px 0 3px 28px; margin:0 0 10px 0; display:block; font-size:10px; text-decoration:none; } a:hover.view_pdf { background:transparent url(../images/icon_download_pdf.gif) no-repeat scroll 0 -60px; text-decoration:underline; } a.arrow-right { background:transparent url(../images/icon_arrow_right.gif) no-repeat scroll 0 0; padding:1px 0 3px 28px; margin:0 0 10px 0; display:block; font-size:10px; text-decoration:none; } a:hover.arrow-right { background:transparent url(../images/icon_arrow_right.gif) no-repeat scroll 0 -60px; text-decoration:underline; } a.arrow-down { background:transparent url(../images/icon_arrow_down.gif) no-repeat scroll; padding:1px 0 3px 28px; margin:0 0 10px 0; display:block; font-size:10px; text-decoration:none; } a:hover.arrow-down { background:transparent url(../images/icon_arrow_down.gif) no-repeat scroll 0 -20px; text-decoration:underline; } a.arrow-right-high { background:transparent url(../images/icon_arrow_right_high.gif) no-repeat scroll 0 0; padding:1px 0 4px 28px; margin:0 0 10px 0; display:block; font-size:10px; text-decoration:none; } a:hover.arrow-right-high { text-decoration:underline; } .box-blue { float:left; margin:4px 4px 0 0; } .box-blue-right { float:left; margin:4px 0 0 0 !important; } .box-grey { height:23px; background-color:#E5E5E5; margin-top:-3px; } .content-box { border:solid 1px #CCCCCC; margin:0 0 20px 0; height:75px; } .content-box br { margin:0 0 5px 0; } .content-box-img { width:100px; height:75px; margin:0 15px 0 0; float:left; } .content-box-info { width:593px; font-size:11px; line-height:15px; padding:5px 0 5px 0; margin:0 15px 0 0; float:left; } .content-box-buttons { width:44px; padding:53px 0 0 0; float:left; } .content-box-buttons img { margin:0 2px 0 0; } .content-box-info-small { width:355px; font-size:11px; line-height:15px; padding:5px 0 5px 0; margin:0 15px 0 0; float:left; } .content-box-buttons-small { width:22px; padding:53px 0 0 0; float:left; } .content-editor-output { line-height:16px; font-size:12px;} .content-editor-output ul { list-style-type:disc; margin-left:18px; padding: 2px;} .content-editor-output ol { list-style-type:decimal; margin-left:27px; padding: 2px;} .content-editor-output strong { font-weight:700;} .content-editor-output em { font-style:italic;} .content-editor-output u { text-decoration:underline;} .premium-details { background-color:#F2F2F2; width:188px; height:363px; padding:20px; float:left; } .shows-flash { width:541px; float:left; } .shows-details { background-color:#F2F2F2; width:189px; height:262px; padding:20px; float:left; } .separator { border-bottom:1px solid #E5E5E5; padding:0; margin:5px 0 10px 0; } .teaser { padding:0 0 0 0; margin:-5px 0 3px 0; border-bottom:1px solid #E5E5E5; line-height:0px; } .teaser-inbox { margin:0 0 1px 0; } .teaser-certificates-ch { border-bottom:1px solid #E5E5E5; padding-bottom:5px; width:770px; font-weight:bold; margin:30px 0 10px 0; } .teaser-certificates-eur { border-bottom:1px solid #E5E5E5; padding-bottom:5px; width:770px; font-weight:bold; margin:0 0 10px 0; } /* teaser index */ .teaser-index { min-height:30px; width:460px; margin-bottom:7px; float:left; } .teaser-headline { font-size:18px; margin-bottom:5px; } .teaser-subheadline { font-size:10px; } .logo-ntv { padding-top:13px; float:left; } .eyecatcher { margin:12px 0 15px 0; text-align:center; } #index-current-show { background:transparent url(../images/visual_index.jpg) no-repeat scroll 0 0; padding:18px 0 0 117px; width:390px; height:140px; margin:20px 0 20px 0; } #index-current-show-content { background-color:#FFFFFF; width:263px; height:113px; } /* premium box */ a.premium-box-button { background:transparent url(../images/icon_view_show.gif) no-repeat scroll 0 0; float:right; margin-right:2px; _margin:0; padding:10px 10px 10px 10px; _padding:7px 12px 0 10px; display:block; } a.premium-box-button:hover { background:transparent url(../images/icon_view_show.gif) no-repeat scroll 0 -20px; } .premium-box { background-image: url(../images/bg_premium_box.gif); border:solid 1px #CCCCCC; margin:0 0 20px 0; float:left; } .premium-box p { min-height:80px; } .premium-box br { margin:0 0 5px 0; } .premium-box-img { width:100px; margin:0 15px 0 0; float:left; } .premium-box-info { width:385px; font-size:11px; line-height:15px; padding:5px 0 5px 0; margin:0; float:left; } .premium-box-date { font-size:11px; padding:5px; } /* protocol box */ a.protocol-box-button { background:transparent url(../images/icon_arrow_down.gif) no-repeat scroll 0 0; padding:10px 10px 10px 10px; display:block; } a.protocol-box-button:hover { background:transparent url(../images/icon_arrow_down.gif) no-repeat scroll 0 -20px; } .protocol-box { height:56px; border:solid 1px #CCCCCC; margin:0 0 20px 0; } .protocol-box-info { width:720px; font-size:11px; line-height:15px; padding:5px 0 5px 10px; margin:0; float:left; } .protocol-box-buttons { float:right; margin:32px 4px 0 0; } .protocol-box-open { border:solid 1px #CCCCCC; margin:0 0 20px 0; overflow:hidden; } /* functions */ a.functions_print { background:transparent url(../images/function_print.gif) no-repeat scroll 0 0; float:left; padding:4px 9px 5px 24px; } a.functions_print:hover { background:transparent url(../images/function_print.gif) no-repeat scroll 0 -20px; } a.functions_favorite { background:transparent url(../images/function_favorite.gif) no-repeat scroll 0 0; float:left; padding:4px 9px 5px 24px; } a.functions_favorite:hover { background:transparent url(../images/function_favorite.gif) no-repeat scroll 0 -20px; } a.functions_top { background:transparent url(../images/functions_top.gif) no-repeat scroll right top; float:right; padding:4px 24px 5px 9px; } a.functions_top:hover { background:transparent url(../images/functions_top.gif) no-repeat scroll right -20px; } a.functions_download_pdf { background:transparent url(../images/function_pdf.gif) no-repeat scroll 0 0; float:left; padding:4px 9px 5px 24px; } a.functions_download_pdf:hover { background:transparent url(../images/function_pdf.gif) no-repeat scroll 0 -20px; } a.functions_download_excel { background:transparent url(../images/icon_download.gif) no-repeat scroll 0 0; float:left; padding:4px 9px 5px 24px; } a.functions_download_excel:hover { background:transparent url(../images/icon_download.gif) no-repeat scroll 0 -20px; } #functions { border-top:1px solid #E5E5E5; margin-left:210px; _margin-left:105px; width:770px; float:left; height:45px; } #functions ul li { margin-top:5px; } /* depot */ .functions-depot { border-top:1px solid #E5E5E5; width:380px; float:left; height:45px; } .functions-depot ul li { margin-top:5px; float:left; } a.functions_depot_pdf { background:transparent url(../images/function_pdf.gif) no-repeat scroll 0 0; float:left; padding:1px 9px 3px 24px; } a.functions_depot_pdf:hover { background:transparent url(../images/function_pdf.gif) no-repeat scroll 0 -20px; } /* depot box */ a.depot-box-button { background:transparent url(../images/icon_view_show.gif) no-repeat scroll 0 0; float:right; margin-right:2px; _margin:0; padding:10px 10px 10px 10px; _padding:7px 12px 0 10px; display:block; } a.depot-box-button:hover { background:transparent url(../images/icon_view_show.gif) no-repeat scroll 0 -20px; } a.depot-box-button-pdf { background:transparent url(../images/function_pdf.gif) no-repeat scroll 0 0; float:right; margin-right:2px; _margin:0; padding:10px 10px 10px 10px; _padding:7px 12px 0 10px; display:block; } a.depot-box-button-pdf:hover { background:transparent url(../images/function_pdf.gif) no-repeat scroll 0 -20px; } .depot-box { background-image: url(../images/bg_premium_box.gif); background-repeat:repeat-y; border:solid 1px #CCCCCC; margin:0 0 20px 0; float:left; } .depot-box br { margin:0 0 5px 0; } .depot-box-img { width:100px; margin:0 15px 0 0; float:left; } .depot-box-info { width:653px; font-size:11px; line-height:15px; padding:5px 0 5px 0; margin:0; float:left; } .depot-box-info p { min-height:40px; } .depot-box-date { font-size:11px; padding:5px; } /* depot tabnavi */ #depot-tabnavi li { float:left; } #depot-tabnavi li a { background-color:#E5E5E5; border-top:solid #E5E5E5 1px; border-right:solid #FFFFFF 1px; border-left:solid #E5E5E5 1px; border-bottom:solid #E5E5E5 1px; text-decoration:none; float:left; display:block; padding:0 8px 2px 8px; } #depot-tabnavi li a:hover { text-decoration:underline; } #depot-tabnavi li .active { background-color:#FFFFFF; border-bottom:solid #FFFFFF 1px; } /* archive */ a.archive-button-show { background:transparent url(../images/icon_view_show.gif) no-repeat scroll 0 0; float:left; margin:0 2px 2px 0; _margin:0; padding:10px 10px 10px 10px; _padding:7px 12px 0 10px; display:block; } a.archive-button-show:hover { background:transparent url(../images/icon_view_show.gif) no-repeat scroll 0 -20px; } a.archive-button-pdf { background:transparent url(../images/function_pdf.gif) no-repeat scroll 0 0; float:left; margin:0 2px 2px 0; _margin:0; padding:10px 10px 10px 10px; _padding:7px 12px 0 10px; display:block; } a.archive-button-pdf:hover { background:transparent url(../images/function_pdf.gif) no-repeat scroll 0 -20px; } /* forms */ .input-title { font-size:11px; font-weight:bold; } input { height:13px; margin:5px 4px 9px 0; color:#333333; font-size:11px; border:solid 1px #CCCCCC; padding:2px 3px 3px 3px;} select { height:20px; margin:5px 4px 9px 0; color:#333333; font-size:11px; border:solid 1px #CCCCCC; } .form-radio { height:20px; margin:4px 3px 7px 0; float:left; border:none; } .form-radio-label { height:20px; padding:8px 0 0 0; margin:0 15px 0 0; float:left; font-weight:normal; } .form-submit { padding:0; margin:0; border:none; height:20px; } .form-actions-gender-left { width:125px; float:left; margin:0 4px 0 0; } .form-actions-gender-left select { width:125px; } .form-actions-gender-right select { width:125px; } .form-actions-gender-right { width:125px; float:left; } .checkbox { margin:3px 0 0 0; padding:0; border:none; } /* profile */ .profile-data { width:390px; float:left; padding:4px 0 0 0; } .profile-submit { text-align:right; } .profile-submit input { border:none; padding:0; margin:0; height:20px; } /* tables */ th { background-color:#E5E5E5; font-weight:700; line-height:15px; padding:4px 8px 6px 8px; } td { font-size:11px; vertical-align:top; padding:6px 8px 6px 8px; line-height:15px; } .even { background-color:#F2F2F2; } .odd { background-color:#FFFFFF; } .table-depot th { border-bottom:1px solid #E5E5E5; background-color:#FFFFFF; text-align:left; padding:0 0 5px 0; font-size:12px; font-weight:bold; } .table-depot td { border-bottom:1px solid #E5E5E5; padding:2px 7px; font-size:10px; } .table-depot-detail th { border-bottom:1px solid #E5E5E5; background-color:#FFFFFF; text-align:left; padding:0 0 5px 0; font-size:12px; font-weight:bold; } .table-depot-detail td { border-bottom:1px solid #E5E5E5; padding:2px 0; font-size:10px; } .table-border-top { border-top:1px solid #E5E5E5; } .table-depot-submit input { padding:0; margin:0; border:none; height:20px; } .table-depot-currentvalue { background-color:#E5E5E5; font-size:9px; padding:0 2px 0 2px; font-weight:normal; float:right; margin-bottom:2px; } a.table-depot-certificates-link { background:transparent url(../images/arrow_double_right.gif) no-repeat scroll 0 5px; padding:0 0 0 11px; display:block; font-weight:bold; } .table-productlist th { background-color:#E5E5E5; font-weight:700; line-height:15px; padding:3px 7px 3px 7px; font-size:10px; } .table-productlist td { border-bottom:1px solid #E5E5E5; padding:3px 7px 3px 7px; font-size:10px; } .icon-depot-c { background:transparent url(../images/icon_depot_c.png) no-repeat scroll 0 8px; padding-left:10px !important; } .icon-depot-s { background:transparent url(../images/icon_depot_s.png) no-repeat scroll 0 8px; padding-left:10px !important; } .icon-dax { background:transparent url(../images/icon_dax.png) no-repeat scroll 0 8px; padding-left:10px !important; } .icon-eurostoxx { background:transparent url(../images/icon_eurostoxx.png) no-repeat scroll 0 8px; padding-left:10px !important; } .depot-up { background:transparent url(../images/icon_depot_arrow_up.gif) no-repeat scroll right center; padding-right:25px !important; } .depot-down { background:transparent url(../images/icon_depot_arrow_down.gif) no-repeat scroll right center; padding-right:25px !important; } .th-level-2 { background-color:#CCCCCC !important; } .depot-input { display:block; height:20px; } #select-show-date { margin:0 0 0 10px; } /* pull down */ .pulldown-products { position:absolute; z-index:99; } .pulldown-products table { width:200px; padding:0; margin:0; border:solid #E5E5E5 1px;} .pulldown-products th { background-color:#FFFFFF; font-size:10px; font-weight:normal; text-align:left; padding:0 0 0 5px; } .pulldown-products th a { background:transparent url(../images/icon_arrow_down.gif) no-repeat scroll right 0; display:block; padding:3px 0 2px 0; text-decoration:none;} .pulldown-products th a:hover { background:transparent url(../images/icon_arrow_down.gif) no-repeat scroll right -20px; text-decoration:underline; } .pulldown-products td { background-color:#F2F2F2; padding:3px; border-top:solid #E5E5E5 1px; } .pulldown-products a { font-size:10px; font-weight:normal; text-decoration:none; } .pulldown-products a:hover { text-decoration:underline; } /* charts */ .chart-box-content-left { width:245px; border:#E5E5E5 solid 1px; float:left; margin-right:14px; } .chart-box-content-right { width:245px; border:#E5E5E5 solid 1px; float:right; } .chart-box-footer { background-color:#E5E5E5; font-size:12px; font-weight:bold; padding:2px 3px 2px 5px; } .chart-box-footer a { text-decoration:none; background: url(../images/arrow_double_right.gif) no-repeat right 5px; display:block; } /* warnings */ .warning { color:#B00000; } .warning-message { background:transparent url(../images/icon_warning.gif) no-repeat scroll 10px 9px; color:#B00100; font-size:12px; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; padding:10px 10px 10px 35px; margin:0 0 20px 0; line-height:15px; } .error-message { background-color:#FFFFFF; color:#000000; border:1px solid #B00000; } .login-warning { background:transparent url(../images/icon_warning_small.gif) no-repeat scroll 1px 10px; color:#B00100; padding:10px 10px 2px 22px; margin:0; line-height:14px; font-size:11px; } /*transparency*/ .current_url_div { visibility:hidden;} .current_url_div a:visited { color:#FF0000;} /* footer */ #footer { background-color:#E5E5E5; width:960px; height:16px; font-size:11px; text-align:right; padding-top: 5px; padding-right: 10px; padding-bottom: 4px; padding-left: 10px; clear:both; } /* banner "ComTrend Zertifikate" */ #bannerCert { padding-top:30px; } /* flyouts */ #flyout { position:absolute; z-index:100; width:430px; font-size:10px; line-height:11px; } .flyout-content { background:#f2f2f2; border-right:1px solid #999; border-top:1px solid #999; border-left: 1px solid #999; padding:5px; } .flyout-bottom { background:transparent url(../images/flyout_bottom.png) no-repeat 0 0; width:430px; height:11px; } .flyout-tooltip { padding-left:2px; }