/* @override http://www.ihre-vorsorge.de.dev.imp.wdv.de/fileadmin/templates/ihre-vorsorge/css/content.css */ body { font-family: Tahoma,Arial,Helvetica,sans-serif; font-size: 0.75em; line-height:1.3em; color: #4e4e4e; } td, tr, input, select, textarea { font-family: Tahoma,Arial,Helvetica,sans-serif; font-size: 1em; } iframe { background: transparent; } a:active, a:focus { border: thin dotted #ccc; } /* DEFAULT ================================================================================== */ .clearer { width: 100%; clear: both; } .no-display { display: none!important; } /*Positioning*/ .a-left , .align-left { text-align: left!important; } .a-center, .align-center { text-align: center!important; } .a-right, .align-right { text-align: right!important; } /*Floating*/ .f-left { float: left!important; } .f-right { float: right!important; } .f-none { float: none!important; } /* Margin */ .no-margin { margin: 0!important; } .disabled { background-color: #D4D0C8; } /* PARAGRAPHS ================================================================================== */ p { margin:10px 0; } .content p { line-height: 1.5em; } div.results-teaser p { line-height: 1.3em; } /* LINKS ================================================================================== */ a img { border: 0 solid #fff; } a { font-weight: bold; color: #003878; text-decoration: none; } a:visited { color: #003878; } a:hover,a:focus { text-decoration: underline; } a.external-link-new-window {background: url(../images/bullets/bullet12.gif) right 50% no-repeat; padding-right: 15px; font-weight: bold; text-decoration: none; } a.external-link-new-window:hover,a.external-link-new-window:focus { text-decoration: underline; } .link-gfx01 { border: 1px solid #b4d9ed; padding: 5px 9px; clear: both; margin-bottom: 20px; } .link-gfx01 a { background: url(../images/bullets/bullet13.gif) left 50% no-repeat; padding-left: 17px; color: #c33; text-decoration: none; font-weight: normal; line-height: 13px; height: 13px; } .link-gfx01 a:hover,.link-gfx01 a:focus { text-decoration: underline; } .jump-link { background: url(../images/bullets/bullet14.gif) left 50% no-repeat; padding-left: 16px; text-decoration: none; } .jump-link:hover,.jump-link:focus { text-decoration: underline; } /* LISTS ================================================================================== */ ul, ol { list-style: none; margin: 0; padding: 0; } .content ul { margin: 25px 0 25px 35px; list-style: url(../images/bullets/bullet05.gif) disc; padding-left: 1.5em; } .content ul li { margin-bottom: 5px; line-height: 1.5em; } #rightColumn .content ul.linklist { list-style: url(../images/bullets/bullet07.gif) disc; } .content ul.linklist { margin: 0; list-style: url(../images/bullets/bullet06.gif) disc; } .content ul.linklist li a, #rightColumn .content ul.linklist li a { text-decoration: none; font-weight: bold; } .content ul.linklist li a:hover, #rightColumn .content ul.linklist li a:hover, .content ul.linklist li a:focus, #rightColumn .content ul.linklist li a:focus { text-decoration: underline; font-weight: bold; } .content ul.linklist li.act a, #rightColumn .content ul.linklist li.act a { font-weight: bold; } .content ol { margin: 25px 0 25px 35px; list-style-type: decimal; } .content ol li { margin-bottom: 5px; } dl, dt, dd { margin: 0; } /* FORMS ================================================================================== */ form { margin: 0; padding: 0; } fieldset { margin: 0; padding: 0; border: 0 solid #fff; } .imp-button {} .imp-button-gfx { cursor: pointer; } .i-button { height: 20px; font-size: 0.9em; font-weight: normal; color: #223743; background: url('../images/buttons/bg_button02_r.png') right -40px no-repeat; border-width: 0; margin: 0; padding: 0 10px 0 0!important; cursor: pointer; } .i-button span { height: 20px; line-height: 18px; background: url('../images/buttons/bg_button02_l.png') left -40px no-repeat; padding: 0 0 0 10px; white-space: nowrap; display: block; position: relative; cursor: pointer; } .i-button:hover,.i-button:focus { background-position: right top; } .i-button:hover span,.i-button:focus span { background-position: left top; } button.i-button, input.i-button { /* width: auto; */ overflow: visible; } button { -webkit-border-fit: lines; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Google Chrome only - fix margins */ button span { margin-top: -1px; } } button::-moz-focus-inner { padding: 0!important; border-width: 0!important; } .i-text { border: 1px solid #91c6e5; } .i-select { margin: 0; padding: 0; } .i-textarea { } .i-button { } .i-button-act { } /* HEADERS ================================================================================== */ h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0; color: #616161; font-weight: bold; } h1 {font-size: 1.3em; color: #cc3d43; } h2 {font-size: 1.2em; color: #4e4e4e; margin: 25px 0 5px; } h3 {font-size: 0.9em; margin: 25px 0 5px; } h4 {font-size: 0.9em; } h5 {font-size: 0.8em; } h6 {font-size: 0.7em; } table+h1, table+h2, table+h3, table+h4 { margin: 10px 0 5px; } .csc-header { } .page-title { } /* FCE ================================================================================== */ .fce-2cols { width: 100%; float: left; } .fce-2cols .fce-left { width: 320px; float: left; } .fce-2cols .fce-right { width: 320px; float: right; } /* TABS */ ul.tabs, ul.tabs-list { width: 254px; float: left; height: 20px; background: url(../images/blocks/bg_tabs.gif) left top repeat-x; list-style: none!important; padding: 5px 0 0 4px; margin: 0 0 10px 0; } ul.tabs li, ul.tabs-list li { font-size: 0.77em; font-weight: bold; float: left; height: 20px; background: url(../images/blocks/bg_tab_l.gif) left top no-repeat; padding: 0; margin: 0 9px 0 0; line-height: 20px; } ul.tabs li h2, ul.tabs-list li h2 { margin: 0; font-size: 1em } ul.tabs li a, ul.tabs-list li a { float: left; color: #767676; text-decoration: none; background: url(../images/blocks/bg_tab_r.gif) right top no-repeat; padding: 0 12px 0 15px; white-space: nowrap; } ul.tabs li a:hover, ul.tabs-list li a:hover, ul.tabs li a:focus, ul.tabs-list li a:focus { text-decoration: underline; } ul.tabs li.act a, ul.tabs-list li.current a { color: #4e4e4e; } ul.tabs li.act a:hover, ul.tabs-list li.act a:hover, ul.tabs li.act a:focus, ul.tabs-list li.act a:focus { text-decoration: none; } ul.tabs li.last, ul.tabs-list li.last { margin: 0; } .tab-content { clear: both; padding: 0 9px 9px; border-bottom: 1px solid #b4d9ed; margin-bottom: 1px; } .accessible-tabs .tabhead{ display: none; } .accessible-tabs .tabbody{ clear: both; padding: 0 9px 9px; border-bottom: 1px solid #b4d9ed; margin-bottom: 1px; } /* RIGHT COLUMN FCE BOX */ .rc-box{ border-bottom: 1px solid #b4d9ed; margin-bottom: 1px; background: url(../images/blocks/bg_tabs.gif) left top repeat-x; padding-top: 5px; } .rc-box .title { background: url(../images/blocks/bg_tab_l.gif) left top no-repeat; padding: 0 0px 0 15px; float: left; font-size: 0.8em; color: #5e5e5e; font-weight: bold; margin: 0 0 0 4px; display: inline; height: 20px; line-height: 20px; } .rc-box .title span { background: url(../images/blocks/bg_tab_r.gif) right top no-repeat; padding: 0 12px 0 0px; float: left; height: 20px; line-height: 20px; } .rc-box .rc-box-content { clear: both; padding: 10px 9px 15px ; } .rc-box .rc-box-content h3 { margin: 0 0 10px; } .rc-box .rc-box-content h3 a { text-decoration: none; } .rc-box .rc-box-content h3 a:hover, .rc-box .rc-box-content h3 a:focus { text-decoration: underline; } /* RIGHT COLUMN FCE BOX IN MAIN COLUMN */ #mainColumn .rc-box { width: 100%; float: left; background: url(../images/blocks/bg_box_header.gif) left top repeat-x; border-bottom: 1px solid #d7e0ea; margin-bottom: 10px; padding-bottom: 10px; position: relative; } #mainColumn .rc-box .title { background: url(../images/blocks/bg_box_title_l.gif) left top no-repeat; } #mainColumn .rc-box .title span { background: url(../images/blocks/bg_box_title_r.gif) right top no-repeat; } #mainColumn .rc-box .rc-box-content { padding: 10px 0 0 0; } /* MAIN COLUMN FCE BOX WITH FIXED HEIGHT */ .box { width: 100%; float: left; margin-bottom: 10px; height: 245px; overflow: hidden; border-bottom: 1px solid #d7e0ea; background: url(../images/blocks/bg_box_header.gif) left top repeat-x; padding: 5px 0 0; } .box .title { background: url(../images/blocks/bg_box_title_l.gif) left top no-repeat; margin:0 0 0 5px; padding: 0 0 0 15px; float: left; display: inline; height: 20px; line-height: 20px; color: #5e5e5e; font-weight: normal; font-size: 0.8em; font-weight: bold; } .box .title span { background: url(../images/blocks/bg_box_title_r.gif) right top no-repeat; padding: 0 15px 0 0; float: left;} .box .box-content { clear: both; padding-top: 10px; } /* INTERACTIVE LINKS */ ul.interactive-links { padding: 0; margin: 0; list-style: none!important; list-style-image:none !important; } ul.interactive-links li { margin: 0 0 3px 0; } ul.interactive-links span { font-size: 0.9em; padding-left: 24px; height: 23px; line-height: 18px; display: inline-block; font-weight:bold; } span.link-mobi { background: url(../images/icons/icon01.png) left top no-repeat; } span.link-rss { background: url(../images/icons/icon02.png) left top no-repeat; } span.link-newsletter { background: url(../images/icons/icon03.png) left top no-repeat; } ul.interactive-links li a:hover span, ul.interactive-links li a:focus span { text-decoration: underline !important; } /* HELPDESK */ .helpdesk-box { } .helpdesk-box .i-button { border: none!important; cursor: pointer; padding: 2px 0 3px 0!important; margin: 0!important; background: url(../images/buttons/bg_button01.png) left top no-repeat; width: 120px!important; color: #23446d; } .helpdesk-box .i-button:hover, .helpdesk-box .i-button:focus { background-position: 0 -40px; color: #fff; } .helpdesk-box ul { padding-left: 55px; list-style: none!important; list-style-image: none!important; margin: -10px 0 0 0; } .helpdesk-box ul li { margin: 10px 0 0; width: 100%; float: left; } .helpdesk-box ul li p { margin: 0; } .helpdesk-box ul li .col1 { width: 83px; float: left; } .helpdesk-box ul li .col2 { width: 93px; float: right; } .helpdesk-box label { color: #6d6d6d; } .helpdesk-box .i-text { border: 1px solid #d3db29; width: 78px; } .helpdesk-box .i-select { border: 1px solid #d3db29!important; width: 68px; } /* TEASER SLIDER BOX */ .teaser-box { width: 660px; height: 250px; position: relative; overflow: hidden; z-index: 1; margin-bottom: 20px; } .teaser-box .teaser-item { position: absolute; left: 0; top: 0; z-index: 5; width: 660px; height: 222px; } .teaser-box .switcher { position: absolute; z-index: 10; left: 0; top: 222px; padding: 1px 0 2px 0; margin: 0; list-style: none; list-style-image:none; height: 25px; background: #767676 url(../images/blocks/bg_teaser_panel.png) no-repeat left top; width: 660px; } .teaser-box .switcher li { height: 25px; line-height: 24px; float: left; width: 165px; list-style-image:none!important; margin: 0; } .teaser-box .switcher li a { color: #fff; font-size: 1em; font-weight: normal; text-decoration: none; padding: 0 0 0 20px; float: left; height: 25px; width: 145px; } .teaser-box .switcher li a span { display: block; height: 25px; cursor: pointer; background-position: 0 0px; background-repeat: no-repeat; } .teaser-box .switcher li a:hover, .teaser-box .switcher li a:focus { background: #5385c7 url(../images/blocks/bg_teaser_act.png) repeat-x left top; } .teaser-box .switcher li a:hover span, .teaser-box .switcher li a:focus span { background-position: 0 -25px; } .teaser-box .switcher li.act a, .teaser-box .switcher li.act a:hover, .teaser-box .switcher li.act a:focus { background: #b54a41 url(../images/blocks/bg_teaser_act.png) no-repeat left -35px; } .teaser-box .switcher li.act a span, .teaser-box .switcher li.act a:hover span, .teaser-box .switcher li.act a:focus span { background-position: 0 -50px; } .teaser-item .item-content { background: #FFF; width: 168px; height:152px; position: absolute; right: 20px; top: 20px; padding: 15px; color: #003366; font-size: 0.9em; border: 1px solid #d4d0d0; } .teaser-item .item-content p { margin: 0 0 10px 0; } .teaser-item .item-content h3 { font-size: 1.3em; font-weight: bold; color: #003366; margin: 0 0 10px; } .teaser-item .item-content .sub-title { font-weight: bold; font-style: italic; } .teaser-item .item-content .date { font-style: normal; font-weight: normal; font-size: 0.8em; } .teaser-item .item-content .link-more { text-decoration: none; padding:2px 7px; background: url(../images/bullets/bullet02.gif) left -13px no-repeat; } .teaser-item .item-content .link-more:hover, .teaser-item .item-content .link-more:focus { background-position: left 5px; } /* RECOMMENDED PUBLICATIONS */ .recommended-box { font-weight: normal; color: #3b3b3b; } .recommended-box ol { list-style:decimal inside none; margin:25px 0; } .recommended-box ol li { font-size:1.1em; font-weight:bold; } .recommended-box ol li .item-content { display: inline; font-size:1em; font-weight: normal; } .recommended-box ol li .item-content h3 { display: inline; } .recommended-box ol li .item-content p { padding:0 0 0 20px; } .recommended-box ol li.first { list-style:none outside none; } .recommended-box ol li.first h3 a { display:block; padding:0 0 0 40px; background: url(../images/bullets/bullet09.png) no-repeat scroll 0 center; } .recommended-box ol li.first img { float: left; margin: 0 10px 0 0; } .recommended-box ol li.first .item-content { display: block; } .recommended-box ol li.first .item-content p { padding:0; } .recommended-box ol li.first .price { white-space: nowrap; color: #cc3333; font-weight: bold; } /* TIP BOX */ .tip-box { padding: 10px; margin: 25px 0; background: #f7f9fb; clear: both; } .fce-2cols .tip-box { margin: 0 0 25px 0; } .tip-box h3 { color: #000; font-weight: normal; margin: 0 0 10px 0; } .tip-box .bullet { width: 34px; float: left; text-align: center; } .tip-box .item-content { margin-left: 35px; } .tip-box ul { margin: 20px 25px 20px 3px; } /* ARTICLE PAGE */ .article-img { margin: 0 0 20px 0; } /* ARTICLE PAGE NAVI*/ .article-nav-box { width: 170px; padding: 10px; border: 1px solid #b7daee; background: #dfeff7; float: right; margin: 0 0 10px 10px; } .article-nav-box h3 { font-size: 0.92em; font-weight: normal; color: #333; margin: 0 0 10px; } .article-nav-box ul { padding: 0; margin:0; list-style: none; list-style-image: none; } .article-nav-box li { padding: 0 0 5px 20px; background: url(../images/bullets/bullet03_w.gif) 0 3px no-repeat; } .article-nav-box li span { width: 10px; height: 11px; overflow: hidden; float: left; } .article-nav-box a { color: #003878; text-decoration: none; font-weight: normal; } .article-nav-box a:hover, .article-nav-box a:focus { text-decoration: underline; font-weight: normal; } .article-nav-box li.cur { background: url(../images/bullets/bullet03_b.gif) 0 3px no-repeat; color: #003878; font-weight: normal; text-decoration: underline; } .article-nav-box li.cur strong { font-weight: normal; } .horizontal { width: 638px; } .horizontal dd { width: 160px; float: left; } /* TOPIC IMAGE INFO */ .topic-image-box { width: 100%; float: left; } .topic-image-box .topic-image-item { width: 310px; height: 40px; float: left; margin: 0 5px 5px 0; padding: 2px 0 2px 15px; } .topic-image-box .topic-image-item .img-box { width: 35px; height: 42px; float: left; overflow: hidden; margin-right: 12px; } .topic-image-box .topic-image-item .img-box img { width: 35px; height:42px; } .topic-image-box .topic-image-item h3{ height: 36px; line-height: 35px; font-size: 0.9em; color: #4e4e4e; font-weight: normal; margin: 0; } /* FLASH NAVIGATOR */ #flashNaviElement { margin: 0 0 20px; } /* NEWS ================================================================================== */ /* LATEST */ .news-latest-container { } .news-latest-item { color: #525151; padding: 10px 0 13px 10px; background-image: url(../images/bullets/dots_h.gif); background-position: left bottom; background-repeat: repeat-x; } .news-latest-item:first-child { padding: 0 0 13px 10px; } .news-latest-item:last-child { background-image: none; } .news-latest-item p { margin: 0; font-size: 0.92em; } .news-latest-item h3 { color: #cc3333; font-weight: normal; font-size: 1.2em; font-weight: bold; margin: 0 0 2px; } .news-latest-item h3 a { color: #cc3333; text-decoration: none; } .news-latest-item h3 a:hover, .news-latest-item h3 a:focus { text-decoration: underline; } .news-latest-item h3 a:visited, .news-latest-gotoarchive a:visited { color: #ee7676 !important; text-decoration: none; } .news-latest-item .news-latest-date { float:left; padding-right:10px; color: #004f9d; font-size: 0.92em; } .news-latest-gotoarchive { padding: 3px 0 0 0; } .news-latest-gotoarchive a { color: #c33; text-decoration: none; } .news-latest-gotoarchive a:hover, .news-latest-gotoarchive a:focus { text-decoration: underline; } .even { background-color: #f6f6f6; } /* LIST */ .news-list-item { width: 100%; float: left; border-bottom: 1px solid #d7e0ea; padding-bottom: 10px; margin-bottom: 10px; color: #3b3b3b; } .news-list-item td { vertical-align: top; } .news-list-item h3 { font-size:1.2em; color: #cc3333; font-weight: normal; margin: 5px 0 5px; } .news-list-item h3 a { color: #cc3333; text-decoration: none; } .news-list-item h3 a:hover, .news-list-item h3 a:focus { text-decoration: underline; } .news-list-item h3 a:visited { color: #ee7676 !important; } .news-list-item .news-list-date { color: #004f9e; font-size: 0.92em; } .news-list-item img { float: left; margin: 0 10px 5px 0; } .news-list-item .pos-right img { float: right; margin: 0 0 5px 10px; } .news-list-item .pos-top { width: 100%; text-align: center; display: block; padding-bottom: 5px; } .news-list-item .pos-top img { float: none; margin: 0; } .news-list-item .pos-bottom { width: 100%; text-align: center; display: block; padding-top: 5px; } .news-list-item .pos-bottom img { float: none; } .news-list-item p { margin: 0; } .more-link a { background: url(../images/bullets/bullet10.gif) right -15px no-repeat; padding: 0 7px 2px 0; text-decoration: none; } .more-link a:hover, .more-link a:focus { background-position: right 3px; } .box .news-list-item { border: none; margin: 0; padding: 0; float: none; } .news-header { width: 100%;float: left; padding-top: 5px; background: url(../images/blocks/bg_box_header.gif) left top repeat-x; margin-bottom: 5px; } .news-header h3 { background: url(../images/blocks/bg_box_title_l.gif) no-repeat left top; color:#5E5E5E; display:inline; float:left; font-size:0.8em; font-weight:normal; height:20px; line-height:20px; margin:0 0 0 5px; padding:0 0 0 15px; } .news-header h3 span { background: url(../images/blocks/bg_box_title_r.gif) no-repeat right top; float:left; padding:0 15px 0 0; } .news-list-browser .tx-pagebrowse li.tx-pagebrowse-current { background-image: none; color: #fff; font-weight: bold; background-color: #1d8bc9; } .news-list-browser .tx-pagebrowse li.tx-pagebrowse-page a { font-weight: normal; } .news-list-browser .tx-pagebrowse li.tx-pagebrowse-page-disabled:hover, .news-list-browser .tx-pagebrowse li.tx-pagebrowse-page-disabled:focus { cursor: default; background-position: left top; } /* ARTICLE SINGLE VIEW */ .article-img-wrap { position: relative; width: 660px; height: 208px; margin-bottom: 20px; } .article-img-wrap .article-img-shader { width: 660px; height: 48px; background: #000; position: absolute; left: 0; bottom: 10px; filter: alpha(opacity='50'); opacity: .5; moz-opacity: 0.5; -khtml-opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); z-index: 5; } .article-img-wrap .article-img-text { position: absolute; left: 0; bottom: 10px; width: 622px; height: 41px; padding: 7px 0 0 38px; z-index: 10; overflow: hidden; } /* NEWS SINGLE */ .news-single-item { padding: 0 40px; } .news-single-img { float: left; margin: 5px 0 0; } .news-single-img img { float: left; margin-right: 10px; } .news-single-item .info { color: #9e9e9e; } .news-single-item .bottom-wrap { margin: 0 -40px; } /* TABLE ================================================================================== */ table.contenttable { border:3px solid #1d8bc9; border-color: #1d8bc9 #b4dcef; border-collapse: separeted; margin: 15px 0 0; background: #b4dcef; } table.contenttable th { font-size: 1em; padding: 4px 10px; background: #fff url(../images/blocks/bg_table_thead.gif) left bottom repeat-x; border: solid #b4dcef; border-width: 3px 0 6px 0; } table.contenttable td { font-size: 1em; padding: 4px 10px; background: #fff; border-bottom: 3px solid #b4dcef; } table.contenttable p { margin: 0; } table.contenttable caption { font-size:1.2em; margin:0 0 5px; caption-side: top; font-weight: bold; } /* FORMS ================================================================================== */ .form-box { padding: 0 37px 0 34px; background: #edf6fb; position: relative; } .form-box .form-title{ color: #4e4e4e; font-size: 1.2em; font-weight: normal; background: url(../images/blocks/bg_table_head.png) left top no-repeat; height: 31px; padding: 0 0 0 15px; line-height: 30px; margin: 0; } .form-box .form-title span.l-item { float: left; width: 195px; } .form-box .form-title span.r-item { float: right; width: 290px; } .form-box .content-wrap { border: 1px solid #b4d9ed; border-top: none; } .form-box .form-content { background: #fff; padding: 2px 7px 14px 7px; } .form-box .form-content p.required { background: url(../images/blocks/bg_table_grad_t.png) left top repeat-x; padding: 15px 0 15px 10px; color: #4e4e4e; font-size: 1.2em; margin: 0; } .form-box .form-header { background: url(../images/blocks/bg_table_grad_l.jpg) right 1px no-repeat; height: 23px; padding-bottom: 2px; border-bottom: 2px solid #b4d9ed; margin-bottom: 2px; } .form-box .form-header h3 { height: 24px; line-height: 24px; float: left; background: url(../images/blocks/bg_tab_blue_l.gif) left top no-repeat; font-size: 0.9em; font-weight: normal; color: #fff; margin: 0; padding-left: 10px; } .form-box .form-header h3 span { float: left; height: 24px; line-height: 24px; background: url(../images/blocks/bg_tab_blue_r.gif) right top no-repeat; padding-right: 14px; } .form-box form legend { height: 27px; line-height: 24px; width: 483px; padding: 0 0 3px 10px!important; margin: 0 0 2px 0!important; background: url(../images/blocks/bg_legend_l.png) left top no-repeat; font-size: 0.9em; color: #0A3660;} .form-box form legend span { height: 27px; line-height: 24px; background: url(../images/blocks/bg_legend_r.png) right top no-repeat; padding: 5px 14px 5px 0; } * html .form-box form legend{ position: relative; margin-left: -7px!important; } *+html .form-box form legend{ position: relative; margin-left: -7px!important; } .form-item { width: 483px; float: left; border-bottom: 1px solid #b4d9ed; padding: 0px 0px 2px 10px; margin-bottom: 5px; position: relative; } .home .form-item { width: 563px; } .form-item .l-item { width: 195px; float: left; padding:5px 0; } .home .form-item .l-item { width: 270px; } .form-item .r-item { width: 280px; float: right; padding: 5px 0; background: url(../images/blocks/bg_table_grad_r.gif) right top repeat-y; } .form-item .r-item .i-text { border: 1px solid #0264c7; width:264px; padding: 1px 3px; color: #003878; } .form-item .r-item .i-textarea{ border: 1px solid #0264c7; width:264px; padding: 1px 3px; color: #003878; } .form-item .r-item .i-select { border: 1px solid #0264c7; width:270px; color: #003878; } .form-item .r-item select { border: 1px solid #0264c7; color: #003878; } .form-item .r-item .jscalendar { border: 1px solid #0264c7; color: #003878; width: 220px; } .form-item .r-item .tx-sremailsubscribe-pi1-checkbox { margin: 0; } .form-item .r-item .jscalendar_cb { display: none; margin: 0 5px 0 0; } .form-item .r-item #vacation_from_trigger { vertical-align: top!important; } .form-item .r-item #vacation_to_trigger { vertical-align: top!important; } .error-msg { font-size: 0.9em; font-weight: bold; color: #cc3d43; background: url(../images/icons/icon08.png) left 4px no-repeat; padding: 5px 0 0 30px; /* height: 12px; */ line-height: 14px; display: none; } .readonly { background: #eee; } .preview { margin-bottom: 15px; } .preview .form-content { width: 493px; clear: both; } .error .error-msg { display: block; } .error .l-item , .error-1 .l-item { color: #cc3d43; } .error .r-item .i-select, .error-1 .r-item .i-select, .error .r-item select { border: 1px solid #cc3d43; color: #cc3d43; } .error .r-item .i-text , .error-1 .r-item .i-text { border: 1px solid #cc3d43; color: #cc3d43; } .error .r-item .i-textarea , .error-1 .r-item .i-textarea { border: 1px solid #cc3d43; color: #cc3d43; } .error .r-item .jscalendar , .error-1 .r-item .jscalendar { border: 1px solid #cc3d43; color: #cc3d43; } .error-msg-2 { font-size: 0.9em; font-weight: bold; color: #cc3d43; background: url(../images/icons/icon08.png) left 4px no-repeat; padding: 5px 0 0 30px; line-height: 14px; display: none; } .error-1 .error-msg-2 { display: block; } .form-box .button-wrap { width: 100%; float: left; background: url(../images/blocks/bg_table_grad_t.png) left top repeat-x; padding-top: 10px; position: relative; } .form-box .button-wrap .i-button { border:none!important; padding: 3px 0 4px!important; margin: 0!important; background: url(../images/buttons/bg_button04.png) left top no-repeat; color: #fff; width: 172px; height: 22px!important; cursor: pointer; font-size: 0.9em; line-height: 11px; float: right; } .form-box .button-wrap .i-button:hover, .form-box .button-wrap .i-button:focus{ background-position:0 -38px; } .form-box .email-buttons .i-button { width: 122px; margin: 0 10px!important; background: url(../images/buttons/bg_button06.png) left -40px no-repeat; display: inline; color: #223743; font-size: 0.9em; padding:0 0 4px !important; } .form-box .email-buttons .i-button:hover, .form-box .email-buttons .i-button:focus { background-position:0 0px; } .form-box .f-left-buttons .i-button { float: left; } dl.tx-sremailsubscribe-pi1-multiple-checkboxes { width: 100%; padding: 0; margin: 0; } dl.tx-sremailsubscribe-pi1-multiple-checkboxes dt { width: 25px; height: 20px; line-height: 20px; float: left; margin: 0 0 5px 0; padding: 0; clear: left; } dl.tx-sremailsubscribe-pi1-multiple-checkboxes dd { width: 250px; height: 20px; line-height: 20px; float: left; margin: 0 0 5px 0; padding: 0; white-space: nowrap; overflow: hidden; } /* CONTACT FORM */ div.i-error { font-size: 0.9em; font-weight: bold; color: #cc3d43; background: url(../images/icons/icon08.png) left bottom no-repeat; padding: 5px 0 0 30px; height: 12px; line-height: 12px; } div.i-error p { margin: 0; } .form-item .l-item label.i-error { color: #cc3d43; } .form-item .r-item .i-error { background: none; padding: 0; font-weight: normal; height: auto; } .form-item .r-item .i-error input { border: 1px solid #cc3d43; color: #cc3d43; } .form-item .r-item .i-error select { border: 1px solid #cc3d43; color: #cc3d43; } .form-item .r-item .i-error textarea { border: 1px solid #cc3d43; color: #cc3d43; } /* LOGIN FORUM FORM */ .login-form .error-msg { display: block; } /* FORUM ================================================================================== */ /* TAG CLOUD */ .tagcloud { padding: 0!important; border: none!important; background: none!important; } .tagcloud a { color: #4e4e4e!important; font-weight: normal; } .tagcloud a.cloudlevel_0 { font-size: 0.9em!important; } .tagcloud a.cloudlevel_1 { font-size: 0.9em!important; } .tagcloud a.cloudlevel_2 { font-size: 1.2em!important; } .tagcloud a.cloudlevel_3 { font-size: 1.3em!important; } .tagcloud a.cloudlevel_4 { font-size: 1.5em!important; } .tagcloud a.cloudlevel_5 { font-size: 1.7em!important; } .tagcloud a:hover, .tagcloud a:focus { text-decoration: underline; } /* LIST VIEW */ table.tx-mmforum-table td, .tx-mmforum-pi1-listtopic-author, .tx-mmforum-pi1-listtopic-topic .tx-mmforum-pi1-listtopic-topicname a, .tx-mmforum-pi1-listtopic-red, .tx-mmforum-pi1-listtopic-author, div.tx-mmforum-pagenav { font-size: 1em !important; } .tx-mmforum-table { clear: both; } /* LEXICON ================================================================================== */ /*.tmpl-lexicon #mainContainer.home #mainColumn .content { padding: 0 40px;} */ .tmpl-lexicon .tx-sgglossary-pi1 { width: 660px; /*margin: 0 -40px;*/ } .content .alphabet { background: #dfeff7; height: 26px; padding: 2px 19px 2px 20px; margin: 0 0 10px 0; list-style:none outside none;} .alphabet li { font-size: 0.9em; color: #003878; background: #EAEAEA url(../images/blocks/bg_glosarry.png) left top no-repeat; width: 26px; height: 26px; line-height: 26px; text-align: center; float: left; margin-right: 1px; font-weight: bold; } .alphabet a { display:block; font-size: 0.9em; color: #003878; text-decoration: none; padding:4px 3px;} .alphabet li a:hover, .alphabet li a:focus { background: url(../images/blocks/bg_glosarry_hover.gif) left top no-repeat;} .alphabet span.act a { font-weight: bold; color: #fff; background: #1d8bc9; } #mainColumn .content .alphabet span.act a:visited { color: #ffffff; } .glossary-list{ } .glossary-list .glossary-key { color: #003878; font-size: 0.9em; font-weight: normal; height: 20px; line-height: 20px; background: #dfeff7; padding-left: 8px; margin-bottom: 13px; } .glossary-list ul { list-style: none!important; list-style-image: none!important; padding: 0 0 0 20px!important; margin:0 0 0 20px!important; } .glossary-list ul li { list-style: none!important; list-style-image: none!important; padding: 0 0 0 20px!important; background: url(../images/bullets/bullet07.gif) left 2px no-repeat; } .glossary-list ul li a { text-decoration: none; } .glossary-list ul li a:hover, .glossary-list ul li a:focus { text-decoration: underline; } .glossary-single { padding-left: 40px; } .glossary-single h3 { font-size: 1.2em; font-weight: bold; color: #4e4e4e; margin: 30px 0 15px 0; } /* POPUP ================================================================================== */ /* BOX */ .popup-box { width: 957px; padding: 3px; margin: 0 auto; text-align: left; background: #fff; } .popup-box .conten-wrap { background: #b4d9ed; height: 100%; } .popup-box .column-wrap .left-col { width: 160px; float: left; } .popup-box .column-wrap .main-col { width: 797px; float: left; } .popup-box .popup-content { width: 797px; /* overflow: auto; */ overflow-x: hidden; overflow-y: auto; background: #fff; position: relative; } .popup-box .popup-content .popup-content-wrap { width: 780px!important; overflow: hidden!important; } .popup-box .popup-header { position: relative; } IFRAME.popup-iframe { display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute;/*must have*/ bottom:0;/*must have*/ left:0;/*must have*/ z-index:10;/*must have*/ filter:mask();/*must have*/ width:98%;/*must have for any big value*/ height:3000px/*must have for any big value*/; border: 1px solid #f00; } /* MINI SEARCH*/ .popup-box .popup-header .mini-search { background: #fff; margin-left: 160px; padding: 0 5px 2px 6px; /* border: 1px solid #fff; border-width:0 5px 2px 6px; */ width: 275px; } .popup-box .popup-header .mini-search label { padding:4px 23px 2px 14px; color: #003878; font-size: 0.9em; margin: 0!important; background: #dfeff7; } .popup-box .popup-header .mini-search .i-text { border: 1px solid #91c6e5; background: #fff url(../images/bullets/bullet11.gif) left top no-repeat; padding:4px 2px 1px 25px; color: #525151; font-size: 0.9em; margin: 0!important; width: 144px; } .popup-box .popup-header .mini-search .i-button { border: none!important; padding: 0!important; background: url(../images/buttons/bg_button03.png) left top no-repeat; cursor: pointer; width: 20px!important; height: 20px!important; margin: 0 0 0 9px!important; } .popup-box .popup-header .mini-search .i-button:hover, .popup-box .popup-header .mini-search .i-button:focus { background-position: left -40px; } .popup-box .popup-header .search-result-title { font-size: 1.3em; font-weight: bold; color: #fff; background: #61b3e5; padding: 5px 0 5px 15px; margin: 0; border-top: 9px solid #fff; clear: both; position: relative; white-space: nowrap; overflow: hidden; } .popup-box .popup-header a.close { width: 186px; height: 23px; float: right; background: url(../images/blocks/bg_close.gif) left top no-repeat; position: absolute; right: 0; top: -30px; text-align: center; line-height: 23px; text-decoration: none; color: #4e4e4e; font-size: 1.1em; } /* LEFT NAV */ .nav-title { padding: 0px 0 0px 15px; height: 20px; line-height: 20px; background: #e7e7e7; color: #4e4e4e; font-size: 1.1em; font-weight: normal; } ul.search-nav { width: 160px; float: left; list-style: none!important; list-style-image: none!important; padding: 0; margin: 0; font-family: Arial, Arial, san-serife; } ul.search-nav li { width: 100%; float: left; list-style: none!important; list-style-image: none!important; } ul.search-nav li a { font-size: 1.1em; color: #036; text-decoration: none; font-weight: bold; padding: 3px 5px 3px 14px; width: 141px; float: left; } ul.search-nav li.act a { background: #036; color: #fff; } ul.search-nav li ul { display: none; } ul.search-nav li.act ul { display: block; } ul.search-nav li.act ul li a { background: none; font-size: 0.8em; font-weight: normal; padding: 3px 5px 3px 18px; width: 137px; color: #036; } /* SEARCH RESULT ITEM */ .search-item { background: #fff url(../images/blocks/bg_search_box.png) right bottom no-repeat; margin-bottom: 1px; float: left; width: 195px; height: 215px; } .search-item .item-header { height: 13px; padding-top: 7px; background: #fff url(../images/blocks/bg_box_header.gif) left top repeat-x; } .search-item .item-header .title { float: left; height: 20px; line-height: 20px; margin: 0 0 -7px 5px; background: url(../images/blocks/bg_tab_white_l.gif) left top no-repeat; padding-left: 15px; display: inline; position: relative; } .search-item .item-header .title span { float: left; height: 20px; line-height: 20px; background: url(../images/blocks/bg_tab_white_r.gif) right top no-repeat; padding-right: 15px; } .search-item .item-content { clear: both; padding: 0px 5px 0 15px; font-size: 0.9em; color: #3b3b3b; } .search-item .item-content h3 { color: #ce3233; font-size: 1.1em; line-height: 15px; margin: 5px 0 5px; font-weight: bold; } /* CALCULATOR ================================================================================== */ /* MAIN COLUMN */ .calculator-item { padding-left: 10px; } .calculator-item img { float: right; margin: 0 0 5px 5px; } /* RIGHT COLUMN */ .fce-calc-item { /* width: 100%; float: left; */ } .fce-calc-item .item-description{ font-size: 0.9em; color: #3b3b3b; } .fce-calc-item .item-description img{ float: left; margin: 0 10px 0 0; } ul.red-list { list-style: url(../images/bullets/bullet02_w.gif) disc; padding-left:30px; margin: 0; } ul.red-list li a { font-size: 0.9em; color: #d34e4e; text-decoration: none; } ul.red-list li a:hover, ul.red-list li a:focus { text-decoration: underline; } /* SITE MAP ================================================================================== */ .site-map ul { width: 320px; float: left; margin: 0!important; padding: 0!important; list-style: none!important; list-style-image: none!important; } .site-map ul li { width: 100%; float: left; margin: 0 0 0 0!important; } .site-map ul li a { font-size: 0.9em; line-height: 12px; color: #2c5b90; text-decoration: none; background: #b4d9ed url(../images/bullets/bullet07.gif) 6px 6px no-repeat; padding: 4px 0 4px 20px; width: 300px; float: left; margin-top: 20px; } .site-map ul li a:visited { color: #7f9bbb; } .site-map ul li ul {} .site-map ul li ul li{} .site-map ul li ul li a { background: #dfeff7 url(../images/bullets/bullet07.gif) 16px 6px no-repeat; font-size: 0.9em; margin-top: 10px; padding-left:30px; width: 290px; } .site-map ul li ul li ul { margin-bottom: -5px!important; } .site-map ul li ul li ul li{} .site-map ul li ul li ul li a { background: #fff url(../images/bullets/bullet07_g.gif) 45px 5px no-repeat; font-size: 0.9em; padding: 2px 0 2px 55px; width: 265px; margin-top: 5px; } .site-map .serv-nav { width: 320px; float: right; clear: right; } .site-map .serv-nav h3 { color: #000; font-size: 0.8em; font-weight: normal; margin: 15px 0 10px; } .site-map .serv-nav ul li a { margin: 0 0 3px 0; background: #e5e5e5 url(../images/bullets/bullet07_dg.gif) 6px 6px no-repeat; color: #000; font-size: 0.9em; padding: 4px 0 4px 20px; } .site-map .serv-nav ul li a:visited { color: #747474 !important; } /* FOR ACCESSEBILITY ================================================================================== */ .skip { position: absolute; left: -9999em; } .skip:focus, .skip.focus{ position: relative; left: 0; } #mainColumn .content a:visited { color: #7f9bbb; } /* SCROLL BAR ================================================================================== */ .scroll-pane { overflow:auto; width: 320px; height: 195px; } .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; width: 320px!important; border-bottom: 1px solid #eef1f5; } .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: url(../images/buttons/bg_scroller.png) left top no-repeat; } .jScrollPaneDrag { position: absolute; background: url(../images/buttons/bg_scroller.gif) left top repeat-y; cursor: pointer; overflow: hidden; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; background: url(../images/buttons/bg_scroller_t.gif) left top no-repeat; height: 4px; } .jScrollPaneDragBottom { position: absolute; bottom: 0px; left: 0; overflow: hidden; background: url(../images/buttons/bg_scroller_b.gif) left top no-repeat; height: 4px; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 21px; background: url(../images/buttons/arrow_t.png) left top no-repeat; } a.jScrollArrowUp:hover, a.jScrollArrowUp:focus { /*background-color: #f60;*/ } a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; background: url(../images/buttons/arrow_b.png) left bottom no-repeat; height: 21px; } a.jScrollArrowDown:hover, a.jScrollArrowDown:focus { /*background-color: #f60;*/ } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover, a.jScrollActiveArrowButton:focus { /*background-color: #f00;*/ } /* CSS STYLED CONTENT ================================================================================== */ .csc-textpic-caption { font-size: 0.92em; margin: 2px 0 0; } div.tagcloud ol { margin: 0; overflow: hidden; } div.tagcloud li { display: block; float: left; height: 20px; list-style-type: none; margin: 2px; white-space: nowrap; } div.tagcloud strong { font-weight: normal; } /* Anpassungen */ .tx-indexedsearch-searchbox-button, .tx-indexedsearch-searchbox-sword.sword { margin-left:6px; } .browsebox li { border-left:1px solid #6b84a3; padding-left:3px; } .browsebox li:first-child { border-left:none; padding-left:0; } .tx-indexedsearch .tx-indexedsearch-browsebox LI { margin-right: 3px; } /* cwirsing T#201602096643777 */ .messagearea-title { width: 100% !important; } .messagearea-text { width: 100% !important; } .messagearea-text textarea { width: 547px !important; }