/********************************************************************************************** CSS on Sails Title : BKW Author : XHTMLized (http://www.xhtmlized.com/) Date : September 2009 *********************************************************************************************** 1. BASE 1.1 Reset 1.2 Accessibility Navigation & Hide 1.3 Clearfix 1.4 Default Styles 2. LAYOUT 2.1 Structure 2.2 Header 2.3 Content 2.4 Footer ***********************************************************************************************/ /* 1. BASE ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 1.1 Reset -----------------------------------------------------------------------------------------------*/ html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; } q { quotes: none; } q:before, q:after { content: ""; content: none; } a, ins, del { text-decoration: none; } a:focus { text-decoration: underline !important; } table { border-collapse: collapse; border-spacing: 0; } th, td { vertical-align: top; } th { text-align: left; } /* 1.2 Accessibility Navigation & Hide -----------------------------------------------------------------------------------------------*/ ul#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; } ul#accessibility-nav:focus, ul#accessibility-nav:active { top: 0; left: 0; height: auto; width: auto; color: #fff; font-weight: bold; font-size: 200%; background: #000; padding: 5px; } /* 1.3 Clearfix -----------------------------------------------------------------------------------------------*/ .clearfix:after, #content:after, .inside-content:after, .feature:after, .insert-nav ul li:after, .product .caption:after, .sidebar-menu:after, .main-content .search .advanced-search ul li:after, .newsletter-form .wrapper-button:after, .main-content .download:after, .employee:after, .sitemap-nav:after, .sitemap-content:after, .home .pageteaser:after, .lower-module:after, ul.publication-download li div.tools:after, ul.medien-list li:after, ul.medien-list li p:after, div.gallery-thm ul:after, form.pub-download ul li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* 1.4 Default Styles -----------------------------------------------------------------------------------------------*/ body { background: #fff; color: #333; font: 62.5%/1.3 "Arial", "Helvetica", sans-serif; text-align: center; } hr { background: #B4B4B4; padding: 0; margin: 1.5em 0; border: none; height: 1px; clear: both; } strong { font-weight: bold; } em { font-style: italic; } del { text-decoration: line-through; } th { font-weight: normal; } address, cite, dfn { font-style: normal; } li { list-style: none; } abbr, acronym { border-bottom: 1px dotted #999; cursor: help; } input, textarea, select { font-family: "Arial", "Helvetica", sans-serif; } input:focus, textarea:focus, select:focus { border: 1px solid #000 !important; } /* Global style */ .main-content a, .main-content .link, .sidebar-menu a, .sidebar-menu.link { color: #0073ba; text-decoration: none; padding-left: .75em; background: url(../images/ico-arrow-blue-r.gif) no-repeat 0 .3333em; line-height: 1.5em; display: inline-block; } .main-content a:hover, .main-content a:focus, .main-content a:active, .main-content .link:hover, .main-content .link:focus, .main-content .link:active, .sidebar-menu a:hover, .sidebar-menu a:focus, .sidebar-menu a:active, .sidebar-menu .link:hover, .sidebar-menu .link:focus, .sidebar-menu .link:active { text-decoration: underline !important; } .main-content h1 { padding: 0; font-size: 2.6em; line-height: 1.8846em; font-weight: normal; color: #f60; } .main-content h2, .main-content h3 { padding: 0 0 1.25em 0; font-size: 1.2em; line-height: 1.5em; font-weight: bold; color: #000; } .main-content form h2, .main-content form h3 { font-size: 1em; } .main-content h3 { padding: 0; } .main-content h4 { } .main-content h1 a, .main-content h2 a, .main-content h3 a, .main-content h4 a, .main-content h1 a:focus, .main-content h1 a:hover, .main-content h1 a:active, .main-content h2 a:focus, .main-content h2 a:hover, .main-content h2 a:active, .main-content h3 a:focus, .main-content h3 a:hover, .main-content h3 a:active, .main-content h4 a:focus, .main-content h4 a:hover, .main-content h4 a:active { background: none !important; padding-left: 0; } .main-content h1 a, .main-content h1 a:focus, .main-content h1 a:hover, .main-content h1 a:active, .main-content h2 a, .main-content h2 a:focus, .main-content h2 a:hover, .main-content h2 a:active, .main-content h3 a, .main-content h3 a:focus, .main-content h3 a:hover, .main-content h3 a:active, .main-content h4 a, .main-content h4 a:focus, .main-content h4 a:hover, .main-content h4 a:active { background: none; padding-left: 0; } .main-content p, .main-content .section p, .main-content dt, .main-content dd, .main-content li, .main-content .li-like, .main-content .cq-newbar-parsys, .main-content .section li{ padding: 0 0 1.25em 0; font-size: 1.2em; line-height: 1.5em; font-weight: normal; color: #000; } .main-content dt { padding: 0; font-weight: bold; } .main-content li, .main-content .li-like, .main-content .section li { padding: 0 0 0.5em 1.25em; line-height: 1.5em; background: url(../images/ico-list.gif) no-repeat 0 .75em; } .main-content img { margin: 0 1.8em 1.5em 0; } .main-content img.right { float: right; margin: 0 0 1.5em 1.8em; } .main-content table img { margin-right: 0; max-width: 230px; width: auto !important; width: 230px; } .main-content ol, .main-content ul { overflow: hidden; } .main-content ol li { list-style-type: decimal; list-style-position: outside; background: none; padding-left: 0; margin-left: 2em; } .imglegend { text-align: left; font-size: 1.2em; display: block; padding: 0 0 0.0833em 0; margin: -0.9166em 0 1em 0; } .main-content table caption {text-align: left; font-weight:bold; margin-bottom: 1em;} .main-content table { margin: 0 0 1.25em 0; border: none; font-size: 1.2em; line-height: 1.25em; font-weight: normal; color: #000; background: none; } .main-content form table { font-size: 1em; } .main-content table.w100 { width: 100%; } .main-content table th, .main-content table td { padding: .4167em .6667em; vertical-align: middle; border-left: .0833em solid #fff; } .main-content table th { font-weight: bold; background: #ccc; } .main-content table .odd td, .home .sidebar-menu li table tr.odd { background: #f2f2f2; } .main-content table .even td, .home .sidebar-menu li table tr.even { background: #fff; } .main-content table td.bold { font-weight: bold; } .main-content table td.italic { font-style: italic; } /* Jobs search result */ .jobs-search-result table th { height: auto; padding: .6667em; } .jobs-search-result table td { padding: .6667em; } .main-content table .desc { width: 26.8333em; } .main-content table .category { width: 8em; } .main-content table .jobs { width: 6.5em; } .jobs-search-result .link, .jobs-search-result a.link:hover, .jobs-search-result a.link:focus, .jobs-search-result a.link:active { display: block; } /* Generic classes */ .float_left { float: left; display: inline; } .float_right { float: right; display: inline; } .center { display:block; text-align:center; margin: 0 auto; } .center img { margin-left: 0; margin-right: 0; } .hidden, .form_row label.hidden { display: none; } /* subtemplates */ .subcolumns { overflow:hidden; margin-right: 1.1em; } .floatbox { overflow: hidden; } .c50l, .c25l, .c33l, .c33m, .c38l, .c66l, .c75l, .c62l {float: left; display: inline; } .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; display: inline; margin-left: -5px !important; } .c25l, .c25r { width: 25%; } .c33l, .c33r { width: 17.3em; } form .c33l, form .c33r { width: 33%; } .c33m { width: 18.4em; } .c50l, .c50r { width: 50%; } .c66l, .c66r { width: 66.666%; } .c75l, .c75r { width: 75%; } .c38l, .c38r { width: 38.2%; } .c62l, .c62r { width: 61.8%; } .c100l, .c100r { width: 100%; overflow: hidden; } .subc { padding: 0 1.2em; } .subcl { padding: 0 1.2em 0 0; } .subcr { padding: 0 0 0 1.2em; } .border-left { border-left: 1px solid #B4B4B4; } .border-right { border-right: 1px solid #B4B4B4; } .border-bottom { border-bottom: 1px solid #B4B4B4; } /* 2. LAYOUT ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 2.1 Structure -----------------------------------------------------------------------------------------------*/ .wrapper-container { position: relative; width: 116em; margin: 0 auto; padding: 0 .1em; border: none; border-right: .1em solid #b2b2b2; border-left: .1em solid #b2b2b2; } .container { position: relative; width: 116em; margin: 0; padding: 0; font-size: 1em; text-align: left; background: #000 url(../images/bg-main.jpg) no-repeat center top; } #header, #content, #footer { width: 96em; margin: 0 auto; padding: 0; } #header { position: relative; z-index: 1; width: 100%; height: 14.6em; overflow: hidden; margin: 0; padding: 0; background: url(../images/bg-header-2.png) no-repeat 0 0; } #content { position: relative; overflow: hidden; background: url(../images/bg-content-white.png) repeat-y 0 0; } .content-transparent { background: url(../images/bg-content-transparent.png) repeat-y 0 0 !important; } #content .left-sidebar, #content .right-sidebar, #content .main-content { float: left; margin-right: 1px; display: inline; min-height: 52.3em; height:auto; } .home #content .main-content { width: 74.2em; min-height: 53em; padding: 2.8em 0 0 1.8em; background: none; } .home #content { background: url(../images/bg-content-transparent-home.png) repeat-y 0 0; } #content .left-sidebar { width: 19em; } #content .right-sidebar { width: 19.9em; margin-right: 0; } #content .main-content { width: 56.9em; } #footer { clear: both; width: 96em; margin: 0 auto; padding: 1.2em 0 .4em 0; overflow: hidden; background: url(../images/bg-footer.gif) no-repeat 0 0; } #footer .footer-inner { float: left; width: 73em; height: 1.5em; padding: .4em 1.8em .4em 1.2em; background: #fff; } #footer .transparent-footer { display: block; float: right; width: 19.9em; height: 2.3em; margin: 0; padding: 0; background: url(../images/bg-transparent.png) repeat 0 0; } /* js-enabled style */ .js-enabled #content, .js-enabled .content-transparent { background: none !important; } .ph-js-enabled #content .main-content, .overviewpage #content .main-content { background: url(../images/bg-transparent.png) repeat 0 0; } /* 2.2 Header -----------------------------------------------------------------------------------------------*/ #header .bkw, #header .bkw span { display: block; position: absolute; width: 15.5em; height: 3em; overflow: hidden; } #header .bkw { top: 2.1em; left: 10em; font-size: 1em !important; } #header .bkw span { top: 0; left: 0; z-index: 10; } #header a.bkw span { cursor: pointer; } .main-header, .secondary-header { position: relative; } .main-header { float: left; display: inline; width: 76em; height: 13.8em; padding: 0 0 0 10em; margin-right: 1px; background: #fff; } .secondary-header { float: left; width: 19.9em; height: 14.6em; background: url(../images/bg-transparent.png) repeat scroll 0 0; } /* language selection */ .main-header .lang { position: absolute; top: 0; left: 48em; height: 2.1em; padding: 0 0.4166em; overflow: hidden; border-left: .1em solid #000; border-right: .1em solid #000; } .main-header .lang li { display: block; float: left; width: 2.5em; height: 1.3333em; padding: .4166em 0 0 0; font-size: 1.2em; line-height: 1.5em; font-weight: normal; text-transform: uppercase; text-align: center; color: #000; } .main-header .lang li a { display: block; float: left; width: 2.5em; color: #000; } .main-header .lang li a:hover, .main-header .lang li a:focus, .main-header .lang li a:active { text-decoration: none; color: #f60; } .main-header .lang li.active a { font-weight: bold; color: #f60; } .main-header .lang li.active a:hover, .main-header .lang li.active a:focus, .main-header .lang li.active a:active { text-decoration: none; cursor: default; } /* Ext navigation */ .main-header .ext-nav { position: absolute; top: 0; left: 61.2em; width: auto; overflow: hidden; } .main-header .ext-nav li { display: block; float: left; display: inline; padding: .4166em 0 0 1.4166em; font-size: 1.2em; line-height: 1.5em; font-weight: normal; color: #000; } .main-header .ext-nav li a { color: #000; } .main-header .ext-nav li a:hover, .main-header .ext-nav li a:focus, .main-header .ext-nav li a:active { text-decoration: none; color: #f60; } .main-header .ext-nav li a.active { font-weight: bold; color: #f60; } .main-header .ext-nav li a.active:hover, .main-header .ext-nav li a.active:focus, .main-header .ext-nav li a.active:active { text-decoration: none; cursor: default; } /* Main navigation */ .main-header #mainnav { position: absolute; top: 8.9em; left: 10em; width: 76em; height: 4.8em; overflow: hidden; } .main-header #mainnav ul { width: 76em; height: 4.8em; margin: 0; padding: 0; } .main-header #mainnav ul li { float: left; width: 9.2222em; height: 1.3334em; padding: 1.3334em .6111em 0 .6667em; border-left: .0556em solid #000; font-size: 1.8em; line-height: 1.22em; font-weight: normal; color: #000; } .main-header #mainnav ul li.wrap-text { height: 2.4444em; padding-top: .2222em; } .main-header #mainnav ul li strong { display: block; font-weight: normal; } .main-header #mainnav ul li a { display: block; float: left; color: #000; } .main-header #mainnav ul li a:hover, .main-header #mainnav ul li a:focus, .main-header #mainnav ul li a:active, .main-header #mainnav ul li.active a { text-decoration: none !important; color: #f60; } .main-header #mainnav ul li.active { padding-left: .2778em; border-left: .4444em solid #f60; } .inactive { color: #666; } /* Secondary header nav */ .secondary-header ul { margin: 0 0 0 1.2em; } .secondary-header ul li { margin: 0; padding: 0; font-size: 1.2em; line-height: 1.6667em; font-weight: bold; color: #000; background: none; } .secondary-header ul li a { display: block; padding: 0 0 0 .6667em; color: #000; background: url(../images/ico-arrow-black-r.gif) no-repeat 0 .5em; } .secondary-header ul li a:hover, .secondary-header ul li a:focus, .secondary-header ul li a:active, .secondary-header ul li a.active, .secondary-header a.current { text-decoration: none; color: #f60; background: url(../images/ico-arrow-orange-r.gif) no-repeat 0 .5em; } .secondary-header .bottom-sh { width: 19.9em; padding: 2.5em 0 0 0; } /* Top secondary header */ .secondary-header .top-sh { width: 19.9em; height: 2.7em; overflow: hidden; } .secondary-header .top-sh ul li { float: left; clear: none; margin: 0 0 0 2.5em; padding: .4167em 0 0 0; line-height: 1.5em; background: none;display: inline; } .secondary-header .top-sh ul li.first { margin: 0; padding: .4167em 0 0 0; } .secondary-header .top-sh ul li a { display: block; float: left; background-position: 0 .4167em; } .secondary-header .top-sh ul li.first a { padding-left: 0; background: none; } /* Search box */ .secondary-header .search { overflow: hidden; margin: .1em 0; padding: 0; font-size: 1em; } .secondary-header .search legend { display: none; } .secondary-header .search ul { margin: 0; } .secondary-header .search ul li { float: left; display: inline; overflow: hidden; padding: 0; margin: 0; font-size: 1em; background: none; } .secondary-header .search ul li input { font-size: 1.1667em; width: 12.1667em; border-top: 1px solid #e8e2dd; border-bottom: 1px solid #e8e2dd; border-right: 1px solid #e8e2dd; border-left: none; margin: 0; padding: 0.3333em 0.5em; background: #fff; } .secondary-header .search ul li input:focus { border-top: 1px solid #000; border-bottom: 1px solid #000; border-right: 1px solid #000; border-left: none !important; } .secondary-header .search ul li button { font-size: 1.2em; border-top: 1px solid #e8e2dd; border-bottom: 1px solid #e8e2dd; border-right: none; border-left: none; width: 3.75em; height: 2.0833em; padding: 0; margin: 0 -1px 0 0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000; background: #fff; cursor: pointer; } .secondary-header .search ul li button:focus { background: #000; color: #fff; } /* Sub header */ .sub-header { width: 96em; height: 1.2em; margin: 0 auto; background: url(../images/bg-sub-header.gif) no-repeat 0 0; } /* 2.3 Content -----------------------------------------------------------------------------------------------*/ /* Transparent background */ .top-sidebar, .wrapper-logo, .title-page { display: block; width: 19em; height: 4.9em; overflow: hidden; margin: 0; padding: 0; border-bottom: .1em solid #000; background: none; } .title-page { margin: 0; height: auto; } .bottom-sidebar { display: block; width: 19em; height: 0; margin: 0; background: url(../images/bg-transparent.png) repeat 0 0; } .right-sidebar .bottom-sidebar { width: 19.9em; } /* js-enabled style */ .js-enabled .top-sidebar, .js-enabled .wrapper-logo, .js-enabled .title-page { margin: 0 0 .1em 0; border: none; background: url(../images/bg-transparent.png) repeat 0 0; } .js-enabled .bottom-sidebar { height: 9999em; } /* Left sidebar -------------------------------------------------------------------------------------------*/ /* Sidebar nav */ .sidebar-nav { margin: 0; border-bottom: .1em solid #000; background: #fff; } .sidebar-nav li { width: 14.6667em; padding: 0 .5833em; font-size: 1.2em; line-height: 1.25em; font-weight: bold; color: #000; } .sidebar-nav li a { display: block; width: 13.5em; padding: .6667em .5833em .5833em .5833em; border-top: .0833em solid #c1c1c1; color: #000; } .sidebar-nav li.first a { border-top: none; } .sidebar-nav li a:hover, .sidebar-nav li a:focus, .sidebar-nav li a:active { text-decoration: none; color: #f60; } .sidebar-nav li.active { margin-bottom: -.0833em; padding-bottom: .0833em; padding-left: 0; border-left: .5833em solid #f60; } .sidebar-nav li li a.active { color: #f60 !important; } .sidebar-nav li.active a { color: #f60; } /*.sidebar-nav li.last { margin-bottom: 0; padding-bottom: 0; }*/ .sidebar-nav ul { margin: -.4167em 0 .4167em 0; } .sidebar-nav li li { width: 14.6667em; padding: 0; font-size: 1em; line-height: 1.5em; font-weight: normal; } .sidebar-nav li li a, .sidebar-nav li.active li a { width: 12.6667em; padding: 0 .5833em 0 1.4167em; border: none; color: #000; } .sidebar-nav li li a:hover, .sidebar-nav li li a:focus, .sidebar-nav li li a:active, .sidebar-nav li li a.current { color: #f60; } .sidebar-nav li li a.current { background: url(../images/ico-arrow-orange-r-2.gif) no-repeat 0 .25em; } .sidebar-nav ul ul { margin: 0; } .sidebar-nav li li li { width: 12.6667em; padding: 0 .5833em 0 1.4167em; } .sidebar-nav li.active li li a, .sidebar-nav li li li a { width: 11.6667em; padding: 0 0 0 1em; } .sidebar-nav li li li a.current { background: url(../images/ico-arrow-orange-r-2-smaller.gif) no-repeat 0 .3333em; } /* js-enabled style */ .js-enabled .sidebar-nav { margin: 0 0 .1em 0; border: none; } /* Right sidebar -------------------------------------------------------------------------------------------*/ /* Sidebar logo */ .wrapper-logo { width: 19.9em; } .wrapper-logo img { float: right; width: 6.6em; height: 4.9em; } /* Sidebar menu */ .sidebar-menu { width: 19.9em; margin: 0; padding: 0; overflow: hidden; } .sidebar-menu li { float: left; overflow: hidden; width: 15.0833em; padding: .5em 0.8333em .5em 0.6666em; margin: 0 0 .0833em 0; font-size: 1.2em; font-weight: normal; color: #000; background: #fff; } .sidebar-menu li h3 { display: block; line-height: 1.5em; padding: 0 0 0.5em 0; margin: 0 0 0.5em 0; font-weight: bold; color: #000; border-bottom: .0833em solid #c1c1c1; } .sidebar-menu li h3 a, .sidebar-menu li h3 a:focus, .sidebar-menu li h3 a:hover, .sidebar-menu li h3 a:active { background: none; padding-left: 0; } /* Sidebar home style */ .home .sidebar-menu li h3 { border: none; margin: 0; padding: 0; } .home .sidebar-menu li h3 a, .home .sidebar-menu li h3 a:hover, .home .sidebar-menu li h3 a:focus, .home .sidebar-menu li h3 a:active { padding: 0 0 0 1.25em; background: url(../images/ico-arrow-blue-r-2.gif) no-repeat 0 0.1666em; color: #0073ba; } .home .sidebar-menu li h3 a.expanded, .home .sidebar-menu li h3 a.expanded:hover, .home .sidebar-menu li h3 a.expanded:focus, .home .sidebar-menu li h3 a.expanded:active { background-image: url(../images/ico-arrow-blue-b-2.gif); } .home .sidebar-menu li span { padding: 0 0 0 1.25em; display: block; } /* Sidebar content */ .sidebar-menu li ul li, .sidebar-menu li ol li { float: none; padding: 0 0 .5833em 1.25em; margin: 0; line-height: 1.25em; font-size: 1em; color: #000; width: auto; background:transparent url(../images/ico-list.gif) no-repeat 0 0.3333em; } .sidebar-menu li ol li { background-image: none; display: list-item; list-style-type: decimal; list-style-position: outside; padding-left: 0; margin-left: 1.5em; overflow: visible; } .sidebar-menu li ul li a, .sidebar-menu li ul li a:hover, .sidebar-menu li ul li a:focus, .sidebar-menu li ul li a:active { display: block; padding: 0 0 0 .6667em; margin: 0 0 0 -1.25em; line-height: 1.5em; font-weight: bold; color: #0073ba; background: #fff url(../images/ico-arrow-blue-r.gif) no-repeat 0 .5em; } .sidebar-menu li ul li a:hover, .sidebar-menu li ul li a:focus, .sidebar-menu li ul li a:active { color: #0073ba !important; } .sidebar-menu li ul li a.plain { margin-left: 0; } .sidebar-menu li img { margin-top: -3px; display: block; } .sidebar-menu li hr { margin-top: 3px; } .sidebar-menu li p { padding: 0 0 .6667em .1667em; font-size: 1em; line-height: 1.25em; font-weight: normal; color: #000; } .sidebar-menu li a.email, .sidebar-menu li a.email:focus, .sidebar-menu li a.email:hover, .sidebar-menu li a.email:active { padding: 0 0 0 1.6666em; font-weight: bold; color: #0073ba; background: url(../images/ico-mail-2.gif) no-repeat 0 0.33em; } .sidebar-menu li ul li span { color:#000000; font-weight:normal; padding: 0 0 0 0.6667em; background: none; } .sidebar-menu li a.plainlink, .sidebar-menu li a.plainlink:focus, .sidebar-menu li a.plainlink:hover, .sidebar-menu li a.plainlink:active { background: none; padding-left: 0; display: block; } .sidebar-menu li .download, .sidebar-menu li .doc, .sidebar-menu li .pdf, .sidebar-menu li .xls, .sidebar-menu li .ppt, .sidebar-menu li .mov, .sidebar-menu li .avi, .sidebar-menu li .wmv, .sidebar-menu li .rss { margin: 0; padding: 0 0 .5833em 1.8333em; font-size: 1em; line-height: 1.25em; font-weight: normal; color: #000; background: url(../images/ico-download.gif) no-repeat 0.1667em 0.0833em; } .sidebar-menu li .rss { background: url(../images/ico-rss.gif) no-repeat 0.0833em 0.1666em; } .sidebar-menu li .doc { background: url(../images/ico-doc.gif) no-repeat left 0.1666em; } .sidebar-menu li.pdf { background: url(../images/ico-pdf.gif) no-repeat left 0.1666em; } .sidebar-menu li .xls { background: url(../images/ico-xls.gif) no-repeat left 0.1666em; } .sidebar-menu li .ppt { background: url(../images/ico-ppt.gif) no-repeat left 0.1666em; } .sidebar-menu li .mov, .sidebar-menu li .avi, .sidebar-menu li .wmv { background: url(../images/ico-video.png) no-repeat left 0.1666em; } .sidebar-menu li .download a, .sidebar-menu li .doc a, .sidebar-menu li .pdf a, .sidebar-menu li .xls a, .sidebar-menu li .ppt a, .sidebar-menu li .mov a, .sidebar-menu li .avi a, .sidebar-menu li .wmv a, .sidebar-menu li .rss a, .sidebar-menu li .download:hover a, .sidebar-menu li .download:focus a, .sidebar-menu li .download:active a, .sidebar-menu li .download a:hover, .sidebar-menu li .download a:focus, .sidebar-menu li .download a:active, .sidebar-menu li .mov:hover a, .sidebar-menu li .mov:focus a, .sidebar-menu li .mov:active a, .sidebar-menu li .mov a:hover, .sidebar-menu li .mov a:focus, .sidebar-menu li .mov a:active, .sidebar-menu li .avi:hover a, .sidebar-menu li .avi:focus a, .sidebar-menu li .avi:active a, .sidebar-menu li .avi a:hover, .sidebar-menu li .avi a:focus, .sidebar-menu li .avi a:active, .sidebar-menu li .wmv:hover a, .sidebar-menu li .wmv:focus a, .sidebar-menu li .wmv:active a, .sidebar-menu li .wmv a:hover, .sidebar-menu li .wmv a:focus, .sidebar-menu li .wmv a:active, .sidebar-menu li .ppt:hover a, .sidebar-menu li .ppt:focus a, .sidebar-menu li .ppt:active a, .sidebar-menu li .ppt a:hover, .sidebar-menu li .ppt a:focus, .sidebar-menu li .ppt a:active, .sidebar-menu li .xls:hover a, .sidebar-menu li .xls:focus a, .sidebar-menu li .xls:active a, .sidebar-menu li .xls a:hover, .sidebar-menu li .xls a:focus, .sidebar-menu li .xls a:active, .sidebar-menu li .pdf:hover a, .sidebar-menu li .pdf:focus a, .sidebar-menu li .pdf:active a, .sidebar-menu li .pdf a:hover, .sidebar-menu li .pdf a:focus, .sidebar-menu li .pdf a:active, .sidebar-menu li .doc:hover a, .sidebar-menu li .doc:focus a, .sidebar-menu li .doc:active a, .sidebar-menu li .doc a:hover, .sidebar-menu li .doc a:focus, .sidebar-menu li .doc a:active, .sidebar-menu li .rss:hover a, .sidebar-menu li .rss:focus a, .sidebar-menu li .rss:active a, .sidebar-menu li .rss a:hover, .sidebar-menu li .rss a:focus, .sidebar-menu li .rss a:active { background: none; padding: 0; margin: 0; font-weight: bold; color: #0073BA; display: inline; } .sidebar-menu li a.external-link, .sidebar-menu li ul li a.external-link { padding: 0 0 0 1.6667em; margin: 0; display: block; font-weight: bold; color: #0073ba; background: #fff url(../images/ico-external-link.gif) no-repeat left 0.1666em !important; } .sidebar-menu li ul li a.external-link { margin-left: -1.25em; } .sidebar-menu li a.external-link:hover, .sidebar-menu li a.external-link:focus, .sidebar-menu li a.external-link:active, .sidebar-menu li ul li a.external-link:hover, .sidebar-menu li ul li a.external-link:focus, .sidebar-menu li ul li a.external-link:active { } /* videos */ .sidebar-menu li ul li.videos { background: url(../images/ico-video.png) no-repeat left .1666em !important; padding-left: 1.8333em; } .sidebar-menu li ul li.videos a, .sidebar-menu li ul li.videos:hover a, .sidebar-menu li ul li.videos:focus a, .sidebar-menu li ul li.videos:active a, .sidebar-menu li ul li.videos a:hover, .sidebar-menu li ul li.videos a:focus, .sidebar-menu li ul li.videos a:active { display: block; background: none; padding: 0; margin: 0; } .sidebar-menu li ul li.videos span { font-weight: normal; color: #000; padding: 0; } a.internal, .sidebar-menu li a.internal, .sidebar-menu li ul li a.internal, a.internal:hover, a.internal:focus, a.internal:active, .sidebar-menu li a.internal:hover, .sidebar-menu li a.internal:focus, .sidebar-menu li a.internal:active, .sidebar-menu li ul li a.internal:hover, .sidebar-menu li ul li a.internal:focus, .sidebar-menu li ul li a.internal:active { color: #0073ba; padding-left: .8333em; background: url(../images/ico-arrow-blue-r.gif) no-repeat left .5em; } /* dynamic opening content */ .swinging-content { margin: 0.5em 0 0 0; padding: 0.5em 0 0 0; border-top: 0.0833em solid #c1c1c1; } /* carousel items */ .sidebar-menu li ul li.jcarousel-item { background: none; padding: 0.25em 0 1em 0; } .sidebar-menu li ul li.jcarousel-item p { padding: 0 0 0.1667em 0.6667em; } .sidebar-menu li ul li.jcarousel-item a { padding-bottom: 0.1667em; margin: 0; text-decoration: underline; } /* Main content -------------------------------------------------------------------------------------------*/ /* Breadcrumb */ .breadcrumb { width: 96em; margin: 0 auto 1.2em auto; padding: 1.2em 0 0 0; background: url(../images/bg-breadcrumb.gif) no-repeat 0 0; overflow: hidden; } .breadcrumb ul { float: left; display: inline; list-style: none; padding: 5px 0 3px 0.6667em; margin: 0; width: 62.6667em; background: #fff; font-size: 1.2em; } .breadcrumb ul li { float: left; display: inline; list-style: none; padding: 0 0.5em; margin: 0 0 3px 0; font-weight: bold; color: #f60; border-left: 1px solid #000; line-height: 1em; } .breadcrumb ul li.first { border: none; } .breadcrumb ul li a { font-weight: normal; text-decoration: underline; color: #0073ba; } .breadcrumb ul li a:hover, .breadcrumb ul li a:focus, .breadcrumb ul li a:active { text-decoration: underline; color: #f60; } .breadcrumb .right-breadcrumb { float: right; width: 19.9em; padding: 0 0 1000em 0; margin: 0 0 -1000em 0; background: url(../images/bg-transparent.png) repeat 0 0; } /* Title page */ .title-page { position: relative; width: 56.9em; padding: 0.5em 0; background: #fff !important; overflow: hidden; } .title-page h1 { padding: 0 0 0 .4615em; line-height: 1.5em; } .title-page .tools { position: absolute; bottom: 0; right: 0; height: 2.1em; margin: 0; padding: 0; } .title-page .tools li { float: left; margin: 0; padding: 0; width: 2.3333em; height: 1.75em; overflow: hidden; position: relative; } .title-page .tools li a, .title-page .tools li a span { position: absolute; top: 0; left: 0; width: 28px; height: 21px; overflow: hidden;} .title-page .tools .mail span { background: url(../images/ico-mail.gif) no-repeat 0 0; } .title-page .tools .print span { background: url(../images/ico-print.gif) no-repeat 0 0; } /* Banner */ .banner { width: 56.9em; overflow: hidden; border: none; margin-bottom: .1em; } .banner img { width: 56.9em; margin: 0; padding: 0; display: block; } /* Inside content */ .inside-content { min-height: 43.3em; height:auto; margin: 0; padding: 2em 1.4em; background-color: #fff; } .ic-transparent { margin: 0; padding: 0; background: none; } .ic-intro { min-height: .1em; padding-bottom: .4em; } .ic-vacancies { min-height: 39.5em; padding: 0 1em 2em 1em; border-top: .1em solid #000; } .inside-content .section { margin: 0; padding: 1.5em 0 0 0; border-top: .1em solid #b4b4b4; border-bottom: none; background: none; clear: both; } /* js-enabled style */ .js-enabled .inside-content { margin: .1em 0 0 0; border-top: none; } .js-enabled .ic-transparent { background: transparent url(../images/bg-transparent.png) repeat 0 0; } /* Insert nav */ .insert-nav { float: right; width: 17.8em; margin: 1.8em 0 1em 2em; } .insert-nav h3 { margin: 0 0 .8333em 0; border-bottom: .0833em solid #c1c1c1; } .insert-nav ul { margin: 0; padding: 0; } .insert-nav ul li { float: left; clear: both; width: 14.8333em; padding: 0.0833em 0 0.1666em 0; font-size: 1.2em; line-height: 1.83em; border-bottom: .0833em solid #c1c1c1; background: none; } .insert-nav ul li a { display: block; float: left; padding: 0 0 0 .6667em; color: #0073ba; background: url(../images/ico-arrow-blue-r.gif) no-repeat 0 .5em; } .insert-nav ul li a:hover, .insert-nav ul li a:focus, .insert-nav ul li a:active, .insert-nav ul li a.active { text-decoration: none !important; color: #f60; background-image: url(../images/ico-arrow-orange-r.gif); } /* Feature */ .feature { margin: 0 0 1.5em 0; padding: .2em 0; overflow: hidden; border-top: .1em solid #b4b4b4; border-bottom: .1em solid #b4b4b4; width: 100%; } .feature .desc { float: left; width: 38.4em; padding: 1.5em 0 .2em 0; border-right: .1em solid #b4b4b4; background: url(../images/bg-feature-desc.gif) repeat-y right top; } .feature .desc h2 { padding: 0 0 .5263em 0; font-size: 1.9em; line-height: 1.25em; font-weight: normal; color: #000; } .feature .desc p { padding-bottom: .5833em; } .feature .desc a.external-link { padding: 0 0 0 1.6667em; margin: 0; font-weight: normal; } .feature .logo { float: right; width: 15.5em; } .feature .logo img { float: left; margin: 0; padding: 0; } /* Product */ .product { width: 54.3em; margin: 0 0 .8em 0; border: .1em solid #b4b4b4; display: block; overflow: hidden; } .product a, .product a:focus, .product a:hover, .product a:active {background: none;} .product .caption { position: relative; clear: both; border-top: .1em solid #b4b4b4; } .product .caption p { margin: 0 0 0 1.4167em; padding: .3333em 0 .3333em .6667em; font-size: 1.2em; line-height: 1.5em; font-weight: normal; color: #000; border-left: .0833em solid #b4b4b4; background: #f2f2f2; } .product .caption .enlarge-img { display: block; position: absolute; top: 0; left: 0; width: 1.7em; height: 2.6em; padding: 0; background: none; overflow: hidden; } .product .caption .enlarge-img span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/ico-zoom.gif) no-repeat 0 0; } .multimedia { overflow: hidden; display: block; clear: both; } .home .multimedia {clear: none;} /* Back to top */ .main-content .back-to-top { margin: 1em 0 0 0; padding: .6667em 0 0 0; border-top: .0833em solid #b4b4b4; clear: both; } .main-content .back-to-top a { display: block; padding: 0 0 0 1.25em; background: url(../images/ico-arrow-blue-t.gif) no-repeat .25em .5833em; } /* Search */ .main-content .search { padding: 0 .8em .5em .8em; } .main-content .search form { margin: -.6em 0 0 0; } .main-content .search li { clear: both; overflow: hidden; padding: 0; background: none; /*font-size: 1em;*/ } .main-content .search li .text { width: 22.8333em; height: 1.4167em; margin: 0 0 .75em 0; padding: .25em 1em 0 1em; border-top: .0833em solid #aaadb2; border-right: .0833em solid #dcdfe6; border-bottom: .0833em solid #e2e9ef; border-left: .0833em solid #e3e3eb; font-size: 1em; background: #fff; } .main-content .search .link { font-weight: bold; font-size: 0.8571em; } .main-content .search li button { margin-top: 0; margin-bottom: 0.7692em; } form.advanced-search { font-size: 1em; } .main-content .search .advanced-search ul { margin: 2.5em 0 0 0; } .main-content .search .advanced-search ul li { padding: 0 0 .5833em 0; } .main-content .search .advanced-search ul li label, .main-content .search .advanced-search ul li .text, .main-content .search .advanced-search ul li select { float: left; } .main-content .search .advanced-search ul li label { width: 16.25em; font-size: 1em; line-height: 1.8333em; } .main-content .search .advanced-search ul li .text { width: 23.6667em; margin: 0; padding: .25em .5833em 0 .5833em; } .main-content .search .advanced-search ul li select { width: 12.5em; font-size: 1em; } /* Search pagination */ .search-pagination { padding: .5em .8em; border-top: .1em solid #b4b4b4; } .search-pagination p { padding: 0; line-height: 2em; } .search-pagination .pagelinks { font-weight: bold; color: #000; padding: 0; line-height: 2em; font-size: 1.2em; color: #0073ba; } .search-pagination .pagelinks a, .search-pagination .pagelinks a:focus, .search-pagination .pagelinks a:hover, .search-pagination .pagelinks a:active {background: none; padding-left: 0;} .search-pagination .pagelinks .current { color: #f60; } /* Search Result */ .search-result { margin: 0; padding: 0; } .search-result li { padding: .5em .8em; font-size: 1em; border-top: .1em solid #b4b4b4; background: none; } .search-result li h3 { line-height: 2em; } .search-result li p { padding: 0; line-height: 2em; } .search-result li a, .search-result li a:focus, .search-result li a:hover, .search-result li a:active { text-decoration: underline !important; } .search-result li a.link, .search-result li a.link:focus, .search-result li a.link:hover, .search-result li a.link:active { text-decoration: none !important; } .google-result { padding: 2em 0 0 0; border-top: .1em solid #b4b4b4; } .google-result li { padding: 1em .8em; border-top: none; border-bottom: .1em solid #b4b4b4; } .google-result li h3, .google-result li p { line-height: 1.33em; } .google-result li h3 a { background: none !important; padding-left: 0; } .google-result li .cite a { color: #969696 !important; background: none; padding: 0; } .google-result li .cite a:hover, .google-result li .cite a:focus, .google-result li .cite a:active { background: none; padding: 0; } .google-result li a, .google-result li a:focus, .google-result li a:hover, .google-result li a:active { text-decoration: none !important; } /* Glossar */ .glossar-pagination { padding: .5em .8em; border-top: none; } .glossar-pagination p { padding: 0; line-height: 2em; } .pagination { font-weight: bold; color: #000; } .pagination a { background: none; padding: 0; } .pagination .current, .pagination a:focus, .pagination a:hover, .pagination a:active { text-decoration: none !important; color: #f60; background: none; } .glossar-result { overflow: hidden; margin: 0; padding: 0; list-style: none; border-bottom: .1em solid #b4b4b4; } .glossar-result li { float: left; clear: both; width: 100%; padding: 0 !important; font-size: 1em; background: none !important; list-style: none; } .glossar-result li h3 {margin-bottom: .8333em; background: #cccccc; position: relative; height: 2.6667em; line-height: 2.6667em; padding: 0 .6667em;} /*.main-content .glossar-result li h3 a, .main-content .glossar-result li h3 a:focus, .main-content .glossar-result li h3 a:hover, .main-content .glossar-result li h3 a:active { color: #000000; text-decoration: none !important; cursor: default; }*/ .glossar-result li h3 a.up, .glossar-result li h3 a.up:focus, .glossar-result li h3 a.up:hover, .glossar-result li h3 a.up:active { color: #0073BA; display: block; padding-left: 1em; float: right; font-weight: normal; position: absolute; right: .6667em; top: 0; background: url(../images/ico-arrow-blue-t.gif) no-repeat 0 1.0833em !important; line-height: 2.6667em; } .glossar-result li strong { padding: 0 .6667em; line-height: 2em; font-size: 1.2em; } .glossar-result li p { padding: 0 .6667em; line-height: 1.4167em; margin-bottom: 1.25em;} .glossar-result li ul { margin-bottom: 1.5em; padding-top: .5em; overflow: hidden; height: 1%; } .glossar-result li ul li { display: inline; width: 44.75em; padding: 0 !important; margin: 0 0 0 .6667em; font-size: 1.2em; line-height: 1.5em; } .glossar-result li ul li a, .glossar-result li ul li a:focus, .glossar-result li ul li a:hover, .glossar-result li ul li a:active { display: block; padding: 0 0 0 1em; background: url(../images/ico-arrow-blue-r.gif) no-repeat 0 .4167em !important; } .target-anchor { position: absolute; left: -999em; height: 1px; width: 1px; } /* Webcam */ .webcam { width: 40em; margin: 0 auto !important; font-size: 1.2em; } .webcam img { float: none !important; margin: 0 0 2em 0; } .main-content .webcam a.reload { margin: 0; } /* Newsletter form */ form.newsletter-form { font-size: 1em; } .main-content .newsletter-form .section { padding: 1em 0; } .main-content .newsletter-form .section legend { color:#000; font-size:1.2em; font-weight:bold; line-height:1.5em; padding: 0; border: none; } .main-content .newsletter-form .section p { padding: 1.6667em 0 .8333em 0; } .main-content .newsletter-form .newsletters fieldset .form_row fieldset legend { font-weight: normal; padding-top: 1.3333em; } .main-content .newsletter-form ul { margin: 0; padding: 0; } .main-content .newsletter-form ul li { margin: 0; padding: 0; font-weight: normal; line-height: normal; background: none; } .main-content .newsletter-form fieldset fieldset ul.subcolumns li { padding: 0 0 0.5em 0; } .main-content .newsletter-form .form_row ul.subcolumns { font-size: 1.2em; margin-bottom: -1em; } .main-content .newsletter-form .text { float: left; clear: both; width: 14.6667em; height: 1.4167em; margin: 0 0 .4167em 0; padding: .25em .5em 0 .5em; border-top: .0833em solid #aaadb2; border-right: .0833em solid #dcdfe6; border-bottom: .0833em solid #e2e9ef; border-left: .0833em solid #e3e3eb; font-size: 1em; background: #fff; } .main-content .newsletter-form label { font-size: 1em; font-weight: normal; color: #000; display: block; line-height: 1.5em; } .main-content .newsletter-form select { width: 15.6667em; margin: 0 0 .4167em 0; font-size: 1em; } .main-content .newsletter-form .wrapper-button { margin: 0; padding: 0; } .main-content .newsletter-form .wrapper-button li { float: left; margin: 0; padding: .5833em .5833em 0 0; } /* List vacancies */ .list-vacancies { margin: 0; padding: 0; overflow: hidden; } .list-vacancies li { float: left; clear: none; width: 22.6667em; height: 4.75em; overflow: hidden; margin: 0; padding: .0833em; border-bottom: .0833em solid #b4b4b4; background: none; } .list-vacancies li.first { width: 45.75em; } .list-vacancies li.alt { border-left: .0833em solid #b4b4b4; } .main-content .list-vacancies li img { float: left; margin: 0; width: 8.8333em; height: 4.75em; } .list-vacancies li .title-vacancies { float: right; width: 12.0833em; margin: 0; padding: 1.1667em .8333em 0 0; } .list-vacancies li .single-line { padding-top: 1.8333em; } .list-vacancies li.first .title-vacancies { width: 35.1667em; } .list-vacancies li .title-vacancies p { padding: 0; font-size: 1em; line-height: 1.25em; } .list-vacancies li .title-vacancies p a, .list-vacancies li .title-vacancies p a:focus, .list-vacancies li .title-vacancies p a:hover, .list-vacancies li .title-vacancies p a:active { display: block; padding: 0 0 0 .8333em; font-weight: bold; background: url(../images/ico-arrow-blue-r-bigger.gif) no-repeat 0 0.4167em; } /* Jobs search */ form.jobs-search { font-size: 1em; } .jobs-search ul { position: relative; margin-top: -.5em; } .jobs-search li { margin: 0; padding: 0 0 .25em 0; background: none; } .jobs-search li.submit { overflow: hidden; padding: 0.25em 0 0 8.3333em; } .jobs-search li.submit button { margin-top: 0; margin-bottom: 0; } .jobs-search li label, .jobs-search li select { font-size: 1em; } .jobs-search li label { display: block; float: left; width: 7.5em; margin: 0; padding: 0 .8333em 0 0; } .jobs-search li select { width: 15.3333em; } /* List */ .main-content ul, .main-content ol { margin: 0 0 1.5em 0; padding: 0; background: none; } .main-content .link-list { overflow: hidden; display: block; padding: 0 2.3333em 0 0 !important; background: none !important; } .main-content .link-list a, .main-content .link-list a:focus, .main-content .link-list a:hover, .main-content .link-list a:active { display: inline; background-position: 0 0.5em !important; font-weight: bold; } .main-content ul.download {} .main-content ul.download li, .main-content ul.download li:hover, .main-content ul.download li:focus, .main-content ul.download li:active, .main-content .doc, .main-content .pdf, .main-content .xls, .main-content .ppt, .main-content .mov, .main-content .avi, .main-content .wmv, .main-content .rss { overflow: hidden; display: block; padding: 0 2.3333em 0.5em 1.8333em !important; background: url(../images/ico-download.gif) no-repeat 0.1666em 0.25em !important; } .main-content .doc, .main-content ul.download li.doc, .main-content ul.download li.doc:hover, .main-content ul.download li.doc:focus, .main-content ul.download li.doc:active { background: url(../images/ico-doc.gif) no-repeat 0 0.25em !important; } .main-content .pdf, .main-content ul.download li.pdf, .main-content ul.download li.pdf:hover, .main-content ul.download li.pdf:focus, .main-content ul.download li.pdf:active { background: url(../images/ico-pdf.gif) no-repeat 0 0.25em !important; } .main-content .xls, .main-content ul.download li.xls, .main-content ul.download li.xls:hover, .main-content ul.download li.xls:focus, .main-content ul.download li.xls:active { background: url(../images/ico-xls.gif) no-repeat 0 0.25em !important; } .main-content .ppt, .main-content ul.download li.ppt, .main-content ul.download li.ppt:hover, .main-content ul.download li.ppt:focus, .main-content ul.download li.ppt:active { background: url(../images/ico-ppt.gif) no-repeat 0 0.25em !important; } .main-content .mov, .main-content ul.download li.mov, .main-content ul.download li.mov:hover, .main-content ul.download li.mov:focus, .main-content ul.download li.mov:active { background: url(../images/ico-video.png) no-repeat 0 0.1666em !important; } .main-content .avi, .main-content ul.download li.avi, .main-content ul.download li.avi:hover, .main-content ul.download li.avi:focus, .main-content ul.download li.avi:active { background: url(../images/ico-video.png) no-repeat 0 0.1666em !important; } .main-content .wmv, .main-content ul.download li.wmv, .main-content ul.download li.wmv:hover, .main-content ul.download li.wmv:focus, .main-content ul.download li.wmv:active { background: url(../images/ico-video.png) no-repeat 0 0.1666em !important; } .main-content .rss, .main-content ul.download li.rss, .main-content ul.download li.rss:hover, .main-content ul.download li.rss:focus, .main-content ul.download li.rss:active { background: url(../images/ico-rss.gif) no-repeat 0 0.25em !important; } .main-content ul.download li a, .main-content ul.download li a:hover, .main-content ul.download li a:focus, .main-content ul.download li a:active .main-content .doc a, .main-content .pdf a, .main-content .xls a, .main-content .ppt a, .main-content .mov a, .main-content .avi a, .main-content .wmv a, .main-content .rss a { display: inline; font-weight: bold; background: none !important; padding-left: 0; } .main-content ul.download li a span, .main-content .doc a span, .main-content .pdf a span, .main-content .xls a span, .main-content .ppt a span, .main-content .mov a span, .main-content .avi a span, .main-content .wmv a span, .main-content .rss a span { color: #000; font-weight: normal; text-decoration: none; } /* Employee */ .employee { padding: 0 0 1em 0; } .employee .left { float: left; width: 26em; padding: 0 0 .5em 0; } .employee .right { float: right; width: 26em; padding: 0 0 .5em 1.5em; border-left: .1em solid #b4b4b4; } .employee h2 { padding: 0 0 .8333em 0; } .employee p { margin: 0; padding: 0; } .employee img { float: none; margin: 0 0 .5em 0; } /* Sitemap nav */ .sitemap-nav { width: 54.5em; border-bottom: .1em solid #b4b4b4; margin-top: -1.2em; } .sitemap-nav .col-1, .sitemap-nav .col-4 { width: 13.6em; } .sitemap-nav .col-2, .sitemap-nav .col-3 { width: 13.5em; } .sitemap-nav .col-2, .sitemap-nav .col-3, .sitemap-nav .col-4 { border-left: .1em solid #b4b4b4; } .sitemap-nav ul { float: left; margin: 0; padding: .8em 0 0 0; } .sitemap-nav ul li { margin: 0; padding: 0 0 .6667em .6667em; line-height: 1.25em; background: none; } .sitemap-nav .col-1 li { padding-left: 0; } .sitemap-nav ul li a { display: block; padding: 0 0 0 .75em; font-weight: bold; line-height: 1em; color: #000; background: url(../images/ico-arrow-black-r.gif) no-repeat 0 .25em; } .sitemap-nav ul li a:hover, .sitemap-nav ul li a:focus, .sitemap-nav ul li a:active, .sitemap-nav ul li a.current, .sitemap-nav ul li a.current:focus, .sitemap-nav ul li a.current:hover, .sitemap-nav ul li a.current:active { text-decoration: none !important; color: #f60; background: url(../images/ico-arrow-orange-r.gif) no-repeat 0 .25em; } /* Sitemap content */ .sitemap-content { width: 54.5em; margin: 0; padding: 0; background: url(../images/rule-spacer-sitemap-content.gif) repeat-y center top; } .sitemap-content-left { float: left; width: 27.2em; } .sitemap-content-right { float: right; width: 27.2em; } .sitemap-content ol { list-style: none; margin: 0; padding: 0; } .sitemap-content ol li { display: block; float: none; list-style: none; margin: 0; padding: .8333em 0; border-top: .0833em solid #b4b4b4; line-height: 1.5em; background: none; } .sitemap-content ol li.first { border-top: none; } .sitemap-content-right ol li { padding-left: .6667em; } .sitemap-content ol li a { display: block; padding: 0 0 0 .75em; font-weight: bold; color: #000; background: url(../images/ico-arrow-black-r.gif) no-repeat 0 .4167em; } .sitemap-content ol li a:hover, .sitemap-content ol li a:focus, .sitemap-content ol li a:active, .sitemap-content ol li a.current, .sitemap-content ol li a.current:focus, .sitemap-content ol li a.current:hover, .sitemap-content ol li a.current:active { text-decoration: none !important; color: #f60; background: url(../images/ico-arrow-orange-r.gif) no-repeat 0 .4167em; } .sitemap-content ol li ol, .sitemap-content ol li ol li ol, .sitemap-content ol li ol li ol li ol { list-style: none; padding: 0; margin: 0; } .sitemap-content ol li li { list-style: none; padding: 0 0 0 1em; margin: 0; border: none; font-size: 1em; } .sitemap-content ol li li a { font-weight: normal; } .sitemap-content ol li li li { list-style: none; padding-left: 0.75em; margin: 0; } .sitemap-content ol li li li li { list-style: none; padding-left: 0.75em; margin: 0; } /* Globalbox horizontal */ .globalbox { list-style: none; padding: 0; margin: 0 -1px 0 0; overflow: hidden; } .globalbox .li-like, .globalbox .cq-newbar-parsys { float: left; display:inline; margin: 0 1px 0.8333em 0; padding: 0; list-style: none; width: 23.6667em; background: none; line-height: 1.5em; } .globalbox .li-like h2 { font-size: 1.5em; width: 14.5em; margin: 0 0 .0556em 0; padding: 0 0.4286em; border-left: 0.4444em solid #f60; line-height: 1.72em; font-weight: normal; color: #f60; background: #fff; } .globalbox .li-like h2 a, .globalbox .li-like h2 a:focus, .globalbox .li-like h2 a:hover, .globalbox .li-like h2 a:active { color: #f60; background: none; padding: 0; margin: 0; text-decoration: none !important; } .globalbox .li-like div.wrapper { padding: 1em 1.25em; margin: 0; width: 20.5em; border-left: 0.6666em solid #f60; font-size: 1em; background: #fff; overflow: hidden; } /* List */ .globalbox .li-like div.wrapper ul, .globalbox .li-like div.wrapper ol { list-style: none; padding: 0; margin: 0 0 1em 0; overflow: hidden; } .globalbox .li-like div.wrapper ul li, .globalbox .li-like div.wrapper ol li { font-size: 1em; line-height: 1.5em; padding-bottom: 0; background-position: 0 0.5em; } .globalbox .li-like div.wrapper ul li a, .globalbox .li-like div.wrapper ol li a, .globalbox .li-like div.wrapper p a { display: inline-block; padding: 0 0 0 .75em; margin-left: -1.25em; font-weight: bold; background: #fff url(../images/ico-arrow-blue-r.gif) no-repeat 0 .5em; } .globalbox .li-like div.wrapper p a { margin-left: 0; } .globalbox .li-like div.wrapper ul li a:hover, .globalbox .li-like div.wrapper ul li a:focus, .globalbox .li-like div.wrapper ul li a:active, .globalbox .li-like div.wrapper ol li a:hover, .globalbox .li-like div.wrapper ol li a:focus, .globalbox .li-like div.wrapper ol li a:active, .globalbox .li-like div.wrapper p a:hover .globalbox .li-like div.wrapper p a:focus .globalbox .li-like div.wrapper p a:active { text-decoration: none !important; color: #f60; background-image: url(../images/ico-arrow-orange-r.gif) } .globalbox .li-like div.wrapper ul li a.plain { margin-left: 0; } /* Text - Text */ .globalbox .li-like div.wrapper .c50l .content { border-right: 1px solid #b3b7a9; } .globalbox .li-like div.wrapper .c50l .content, .globalbox .li-like div.wrapper .c50r .content, .globalbox .li-like div.wrapper .content { overflow: hidden; padding: 0 1em; margin: 1em 0; } .globalbox .li-like div.wrapper p { font-size: 1em; } /* Startseite */ .home .globalbox { margin: 0; } .home .globalbox .li-like, .home .globalbox .cq-newbar-parsys { margin: 0 1.4166em 0.8333em 0; width: 29.4166em; } .home .globalbox .li-like h2 { width: 18.37em; } .home .globalbox .li-like div.wrapper { padding: 0; width: 28.91em; } /* Bild - Text */ .home .globalbox .li-like div.wrapper img { float: left; margin: 0; padding: 0; width: 12.8333em; height: 10.5em; } .home .globalbox .li-like div.wrapper .float_left { width: 15.1666em; padding-top: 1em; padding-bottom: 1em; } .home .globalbox .li-like div.wrapper .cr { /*position: relative; height: 10.5em; display: table; */margin-left: 0.8333em; overflow: hidden; } .home .globalbox .li-like div.wrapper .cr .vcentering { display: table-cell; vertical-align: middle; } /* Text - Text */ .home .globalbox .li-like div.wrapper .c50l .content { border-right: 1px solid #b3b7a9; } .home .globalbox .li-like div.wrapper .c50l .content, .home .globalbox .li-like div.wrapper .c50r .content, .home .globalbox .li-like div.wrapper .content { overflow: hidden; padding: 0 1em; margin: 1em 0; } /* Globalbox vertical */ .home-vertical .globalbox { margin-left: -1.5833em; } .home-vertical .globalbox .li-like, .home-vertical .globalbox .cq-newbar-parsys { width: 14.4166em; margin-left: 0.75em; margin-right: 0.5833em; } .home-vertical .globalbox .li-like img { position: relative; width: 14.4166em; margin: 0; float: none; display: block; } .home-vertical .globalbox .li-like div.caption { position: relative; border-left: 0.6666em solid #f60; width: 13.75em; margin-top: -2em; background: transparent; } .home-vertical .globalbox .li-like div.caption span { display: block; width: 100%; height: 2em; background: #fff; opacity: 0.7; filter:alpha(opacity=70) } .home-vertical .globalbox .li-like div.wrapper { border: none; padding: 1em 0.75em; width: 12.9166em; } /* Zusatzbox */ .home .additionalbox { list-style: none; padding: 0; margin: -1em 0 1.3333em 0; overflow: hidden; } .home .additionalbox .li-like, .home .additionalbox .cq-newbar-parsys { float: left; display: inline; width: 30.1666em; padding: 0; margin: 0.8333em .1em 0 0; list-style: none; background: none; line-height: 1.5em; } .home .additionalbox .li-like h2 { width: 23.8em; margin: 0 0 .0714em 0; padding: 0 1em; font-size: 1.17em; line-height: 1.64em; font-weight: bold; color: #f60; background: #fff; } .home .additionalbox .li-like h2 a, .home .additionalbox .li-like h2 a:focus, .home .additionalbox .li-like h2 a:hover, .home .additionalbox .li-like h2 a:active { line-height: 1.64em; color: #f60; background: none; padding: 0; margin: 0; text-decoration: none !important; } .home .additionalbox .li-like div.wrapper { width: 27.6667em; padding: 1em 1.25em 1em 1.25em; margin: 0; background: #fff; overflow: hidden; } .home .additionalbox .li-like div.wrapper p { font-size: 1em; line-height: 1.5em; padding: 0 2.5em 1.5em 0; } .home .additionalbox .li-like div.wrapper a { font-weight: bold; line-height: 1.5em; } /* Bild - Text */ .home .additionalbox .li-like div.wrapper img { float: left; display: inline; margin: -1em 0 -1em -1.25em; padding: 0; width: 12.8333em; /*height: 10.5em;*/ } .home .additionalbox .li-like div.wrapper .cr { float: left; display: inline; padding: 0 0 0 0.8333em; width: 15.1666em; } .home .additionalbox .li-like div.wrapper .cq-bar img { float:none; margin: 0; width: auto; display: block;} /* List */ .home .additionalbox .li-like div.wrapper ul.list { list-style: none; padding: 0; margin: 0; overflow: hidden; } .home .additionalbox .li-like div.wrapper ul.list li { float: none; display: block; width: auto; margin: 0; padding: 0 0 0.4167em 0; font-size: 1em; background: none; } .home .additionalbox .li-like div.wrapper ul.list li a { padding: 0 0 0 .75em; font-weight: bold; background: url(../images/ico-arrow-blue-r.gif) no-repeat 0 .25em; } .home .additionalbox .li-like div.wrapper ul.list li a:hover, .home .additionalbox .li-like div.wrapper ul.list li a:focus, .home .additionalbox .li-like div.wrapper ul.list li a:active { text-decoration: none; color: #f60; background: url(../images/ico-arrow-orange-r.gif) no-repeat 0 .25em; } /* Zusatzbox Contentlist*/ .additionalbox .li-like div.wrapper ul, .additionalbox .li-like div.wrapper ol { display: block; font-size: 1em; line-height: 1.5em; padding: 0; margin: 0 0 1.5em 0; overflow: visible; } .additionalbox .li-like div.wrapper ul li, .additionalbox .li-like div.wrapper ol li { float: none; display: list-item; line-height: 1.5em; font-size: 1em; list-style-position: inside; margin: 0; width: auto; background-position: 0 0.5em; } .additionalbox .li-like div.wrapper ol li { list-style-type: decimal; } /* Zusatzbox vertical */ .home-vertical .additionalbox { margin-left: -0.6667em; } .home-vertical .additionalbox .li-like, .home-vertical .additionalbox .cq-newbar-parsys { width: 30.8333em; } .home-vertical .additionalbox .li-like h2 { width: 24.214em; padding: 0 1.0714em; } .home-vertical .additionalbox .li-like div.wrapper { width: 28.33em; margin: 0; } /* Medienmitteilungen / Veranstaltungen */ .additionalbox .li-like div.wrapper ul.mm-list { margin-bottom: 0; } .additionalbox .li-like div.wrapper ul.mm-list li, .additionalbox .li-like div.wrapper ul.rotate-list li { list-style: none; margin: 0; padding: 0 0 1.5em 0; font-size: 1em; background: none; } .additionalbox .li-like div.wrapper ul.mm-list li p, .additionalbox .li-like div.wrapper ul.rotate-list li p, .additionalbox .li-like div.wrapper ul.mm-list li a, .additionalbox .li-like div.wrapper ul.rotate-list li a { padding: 0 0 0 .75em; } .additionalbox .li-like div.wrapper ul.mm-list li a, .additionalbox .li-like div.wrapper ul.rotate-list li a { font-weight: bold; text-decoration: underline; background: url(../images/ico-arrow-blue-r.gif) no-repeat 0 .4167em; display: block; } .additionalbox .li-like div.wrapper ul.mm-list li a:hover, .additionalbox .li-like div.wrapper ul.mm-list li a:focus, .additionalbox .li-like div.wrapper ul.mm-list li a:active, .additionalbox .li-like div.wrapper ul.mm-list li a.active, .additionalbox .li-like div.wrapper ul.rotate-list li a:hover, .additionalbox .li-like div.wrapper ul.rotate-list li a:focus, .additionalbox .li-like div.wrapper ul.rotate-list li a:active, .additionalbox .li-like div.wrapper ul.rotate-list li a.active { color: #f60; background: url(../images/ico-arrow-orange-r.gif) no-repeat 0 .4167em; } .additionalbox .li-like div.wrapper .jCarousel { position: relative; margin-bottom: 1em; overflow: hidden; } /* jCarousel default styles */ .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; height: 234px; } .additionalbox .li-like div.wrapper ul.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .additionalbox .li-like div.wrapper ul.jcarousel-list li, .additionalbox .li-like div.wrapper ul .jcarousel-item { float: left; list-style: none; width: 100%; padding-bottom: 1em; } /* Kampagne */ .home .additionalbox .campaign { float: none; display: block; width: 60.4166em; padding: 0.8333em 0 0 0; margin: 0; overflow: hidden; } .home .additionalbox .campaign .c50l img, .home .additionalbox .campaign .c50r img { width: 30.25em; padding: 0; margin: 0; display: block; } .home .additionalbox .campaign .c50r .content { overflow: hidden; padding: 0; margin-left: 1px; } .home .additionalbox .campaign .content h2 img { float: none; width: auto; padding: 0; margin: 0; } .home .additionalbox .campaign .c50r .content h3 { font-size: 1em; } .home .additionalbox .campaign .imglink { background: none; padding: 0; margin: 0; text-decoration: none !important; } .home .additionalbox .campaign img { margin: 0; width: 60.4166em; } /* Anpassungen Kampagne fuer vertikale Globalboxen */ .home-vertical .additionalbox .campaign { width: 61.9166em; } /* Globalboxen links - Kampagne rechts */ .home .cleft { float: left; } .home .cleft .li-like, .home .cleft .cq-newbar-parsys { float: none; display:block; margin: 0 0 1em 0; padding: 0; list-style: none; width: 29.4166em; background: none; } .home .cright { float: right; margin: 0 1.8333em 1em 0; } .home .cright .li-like, .home .cright .cq-newbar-parsys, .home .cright .campaign { width: 29.4166em; margin: 0; padding: 0; } .home .cright .li-like img, .home .cright .campaign img { float: none; display: block; padding: 0; margin: 0; width: 29.5em; } .home .cright .li-like h2 img, .home .cright .campaign h2 img { float: none; width: auto; padding: 0; margin: 0; } .home .cright .li-like h3, .home .cright .campaign h3 { font-size: 1em; } /* Back to top */ .main-content .back { margin: 1em 0 0 0; padding: .6667em 0 0 0; clear: both; } .main-content .topline { border-top: .0833em solid #b4b4b4; } .main-content .back a, .main-content a.back, .main-content .back a:hover, .main-content .back a:focus, .main-content .back a:active, .main-content a.back:hover, .main-content a.back:focus, .main-content a.back:active { display: block; padding: 0 0 0 1.25em; background: url(../images/ico-arrow-blue-l.gif) no-repeat .25em .5em; border: none; } /* publication */ ul.events, ul.medien-list { padding: 0; margin: 0 0 -1.25em 0; } ul.events li, ul.medien-list li { padding: 1em 0 .25em 0 !Important; margin: 0 0 .8333em 0 !important; background: none } ul.events li, ul.archive li { border-top: .0833em solid #b4b4b4 !important; } ul.events li.last, ul.medien-list li.last, div.last { border: 0 !important; padding: 0 !important ; margin: 0 !important; } ul.events li h2, ul.events li h3, ul.medien-list li h2, ul.medien-list li p { font-size: 1em; margin: 0; padding: 0 0 .25em } ul.events-detail li h2, ul.medien-list li h2 { margin-bottom: 0.5em; padding: 0; } ul.events li p, ul.medien-list li p { font-size: 1em; padding: 0 0 0.5em 0; } ul.publication-download { list-style: none; padding: 0; margin: 0; } ul.publication-download li { overflow: hidden; font-size: 1em; border-bottom: .0833em solid #b4b4b4 !important; padding: 0 0 .5em 0 !Important; margin: 0 0 .8333em 0 !important; background: none } ul.publication-download li fieldset legend {line-height: 1em;} ul.publication-download li a.publication-downloadlink, ul.publication-download li a.publication-downloadlink:focus, ul.publication-download li a.publication-downloadlink:hover, ul.publication-download li a.publication-downloadlink:active {padding: 0 0 .5833em 1.8333em; background: url(../images/ico-download.gif) no-repeat 0.1667em 0.0833em;} ul.publication-download li p { font-size: 1em; padding-bottom: 0} ul.publication-download li a.download { display: inline; padding-top: 0.1666em !important; background-position: 0.1666em 0.5em !important; font-weight: bold; } ul.publication-download li ul li, ul.publication-download li ol li { padding: 0 !important; margin: 0 !important; border: none !important; line-height: 2em; } ul.publication-download li ul li { padding:0 0 0 1.25em !important; background:transparent url(../images/ico-list.gif) no-repeat scroll 0 0.75em; } ul.publication-download li legend { padding: 0; margin: 0; } ul.publication-download li input.amount { float: left; display: inline; margin: 0.1667em 1.25em 0 0; width: 2.5em; text-align: center; border-top: .0833em solid #aaadb2; border-right: .0833em solid #dcdfe6; border-bottom: .0833em solid #e2e9ef; border-left: .0833em solid #e3e3eb; } ul.publication-download li .float_right label { float: left; display: inline; margin-right: 1.25em; } ul.publication-download li .float_right button { float: left; display: inline; padding-top: 0.0769em; padding-bottom: 0.0769em; margin: 0.0833em 0 0 0; line-height: 1em; } .medien-detail { border: none; padding-bottom: 1em; margin-bottom: 1em; } .medien-overview h2 { color: #ff6600 !important } .medien-overview p.overview { font-weight: bold } .medien-detail table th.col-wide, .medien-detail table td.col-wide { width: 21.6667em; } .medien-detail table th.col, .medien-detail table td.col { width: 7.5em; } .medien-detail table thead tr.blank th { background: none; height: auto; padding: 0 } ul.events li abbr, .medien-detail abbr { border: 0; cursor: text; font-size: 1.2em; } ul.events li a, ul.medien-list li a, ul.medien-list li a:focus, ul.medien-list li a:hover, ul.medien-list li a:active { display: block; padding-left: .8333em; background: url(../images/ico-arrow-blue-r.gif) no-repeat left .4167em } ul.events li a, ul.events li a:focus, ul.events li a:hover, ul.events li a:active { background-position: 0 .6667em; } ul.medien-list li ul li { padding-bottom: 1.6667em; font-size: 1em; border-bottom: none !important; } .main-content a.external-link, .globalbox .li-like div.wrapper ul li a.external-link, .globalbox .li-like div.wrapper p a.external-link { display: inline; overflow: hidden; margin: 0; padding: 0 0 0 1.6667em !important; font-weight: bold; background-image: url(../images/ico-external-link.gif); background-position: 0 0 !important; } .main-content .info a.external-link, .main-content .info a.external-link:focus, .main-content .info a.external-link:hover, .main-content .info a.external-link:active { background-position: 0 50% !important; } .main-content a.email, .main-content a.email:focus, .main-content a.email:hover, .main-content a.email:active { background:transparent url(../images/ico-mail-2.gif) no-repeat scroll 0 0.1667em; color:#0073BA; font-weight:bold; padding:0 0 0 1.6666em; margin: 0; } .main-content a.agb .main-content a.agb:focus, .main-content a.agb:hover, .main-content a.agb:active { display: block; background:transparent url(../images/ico-agb.gif) no-repeat scroll 0 0.33em; color:#0073BA; font-weight:bold; padding:0 0 0 1.6666em; margin: 0; } .main-content a.imglink, .main-content a.imglink:hover, .main-content a.imglink:focus, .main-content a.imglink:active, .sidebar-menu a.imglink, .sidebar-menu a.imglink:hover, .sidebar-menu a.imglink:focus, .sidebar-menu a.imglink:active { background: none; color:#0073BA; padding: 0; margin: 0; text-decoration: none; } ul.medien-list li .overview { overflow: hidden; padding: 0; } ul.medien-list li .overview img { /*float: left;*/ margin: 0; padding: 0 0 1.8333em 0; } ul.medien-list li .overview .overview-inside { /*float: right;*/ width: 30.4167em; } /* Spaltenlayout */ .subcolumns .form_row input, .subcolumns .form_row textarea { width: 95%; } /* Standardformular */ form em.bubble { display:none; position:absolute; top:-15px; left:0; background: url("../images/bubbles/pointer-f3.png") no-repeat center bottom; width: 100%; } form em.bubble span { color:#333; font-style: normal; display:block; padding: 8px; background-color:#f2f2f2; width: 100%; margin-bottom: 11px; } form { font-size: 1.2em; } form .c25l label, form .c25r label, form .c33l label, form .c33r label, form .c50l label, form .c50r label, form .c66l label, form .c66r label, form .c75l label, form .c75r label {width: 75%;} .main-content form p { font-size: 1em; } form table { font-size: 1em; } legend { font-size: 1em; font-weight: bold; padding: 0 0 0.25em 0; margin: 0 0 0.8333em 0; color: #000; } .form_row {position: relative; top: 0; left: 0;} .form_row, .form_submit { padding: 0; margin: 0 0 0.6667em; overflow: hidden; } .form_row-last { margin-bottom: 0; } .form_row label { float: left; display: inline; width: 12.5em; font-size: 1em; display: block; padding: 0 0 .25em 0; line-height: normal; color: #000; } .form_row input, .form_row select, .form_row textarea { margin: 0; border-top: .0833em solid #aaadb2; border-right: .0833em solid #dcdfe6; border-bottom: .0833em solid #e2e9ef; border-left: .0833em solid #e3e3eb; font-size: 1em; } .form_row textarea { width: 60.5%; } .form_row input {width: 14em; } .form_row select { width: auto; font-size: 1em; } .form_row input { padding: 1px; font-size: 1em; background: #fff; } .form_row p { padding: 1em 0; font-size: 1em; } /* Radiobtns & Checkboxes */ .radio_check .floatbox { padding-bottom: 0.5em; } .radio_check input { float: left; display: inline; border: none !important; background: #fff; width: auto; padding: 0; margin: 0.25em 0.5em 0 0; } .radio_check label { float: left; display: inline; width: auto; font-size: auto; padding: 0; margin: 0; line-height: 1.5em; } /* Spaltenlayout Checkboxen / Radiobtns */ .form_row ul.subcolumns, .form_row ul.subcolumns li { list-style: none; padding: 0; margin: 0 0 0.5em 0; background: none; font-size: 1em; } /* special form elements */ .nl_changeadress input, .nl_changeadress button { float: left; display: inline; margin: 0 0.5em 0 0; padding-top: 0.25em; padding-bottom: 0.25em; } .nl_changeadress input { margin-top: 2px; } /* Buttons */ button, .main-content a.button, form.basket a.button { width: auto; overflow: visible; padding: 0.3846em 0.5em 0.4615em 0.5em; margin: 1em 0.5em 1em 0; background: #fff; border-color:#E2E9EF #E2E2EC #AAADB2 #DCDFE6; border-style:solid; border-width:0.0833em; color:#0073BA; font-family: Arial, Helvetica; font-weight: bold; cursor: pointer; } .main-content .form_submit a.button { margin-top: 1.1667em; padding-top: 0.4615em; } button:hover, button:focus, button:active, .main-content a.button:hover, .main-content a.button:focus, .main-content a.button:active, form.basket a.button:hover, form.basket a.button:focus, form.basket a.button:active { color: #f60; text-decoration: none !important; } form.basket a.button:hover span, form.basket a.button:focus span, form.basket a.button:active span { color: #f60; text-decoration: none !important; } button span, a.button span{ background: url(../images/btn-blue-arrow-2-left.gif) no-repeat left center; padding: 0 0 0 1em; } button:hover span, button:focus span, button:active span, a.button:hover span, a.button:focus span, a.button:active span { background-image: url(../images/btn-blue-arrow-2-left-hover.gif) } button.btn-blue-arrow-l span, a.btn-blue-arrow-l span { background-image: url(../images/btn-blue-arrow-left.gif); } button.btn-blue-arrow-l:hover span, button.btn-blue-arrow-l:focus span, button.btn-blue-arrow-l:active span, a.btn-blue-arrow-l:hover span, a.btn-blue-arrow-l:focus span, a.btn-blue-arrow-l:active span { background-image: url(../images/btn-blue-arrow-left-hover.gif); } button.btn-blue-arrow-l span, a.btn-blue-arrow-l span { background-image: url(../images/btn-blue-arrow-right.gif); } button.btn-blue-arrow-l:hover span, button.btn-blue-arrow-l:focus span, button.btn-blue-arrow-l:active span, a.btn-blue-arrow-l:hover span, a.btn-blue-arrow-l:focus span, a.btn-blue-arrow-l:active span { background-image: url(../images/btn-blue-arrow-right-hover.gif); } button.btn-grey-arrow-l, .main-content a.btn-grey-arrow-l, button.btn-grey-arrow-r, .main-content a.btn-grey-arrow-r { color: #7f7f7f; } button.btn-grey-arrow-l span, a.btn-grey-arrow-l span { background-image: url(../images/btn-grey-arrow-l-left.gif) !important; } button.btn-grey-arrow-r span, a.btn-grey-arrow-r span { background-image: url(../images/btn-grey-arrow-l-right.gif) !important; } button.btn-grey-arrow-l:hover span, button.btn-grey-arrow-l:focus span, button.btn-grey-l:active span, a.btn-grey-arrow-l:hover span, a.btn-grey-arrow-l:focus span, a.btn-grey-l:active span { background-image: url(../images/btn-grey-arrow-l-left-hover.gif) !important; } button.btn-grey-arrow-r:hover span, button.btn-grey-arrow-r:focus span, button.btn-grey-r:active span, a.btn-grey-arrow-r:hover span, a.btn-grey-arrow-r:focus span, a.btn-grey-r:active span { background-image: url(../images/btn-grey-arrow-l-right-hover.gif) !important; } .main-content .search li .btn-blue-arrow { margin-bottom: .8333em; } a.reload span { background-image: url(../images/ico-reload.png); padding-left: 2em; } a.reload:focus span, a.reload:hover span, a.reload:active span { background-image: url(../images/ico-reload_hover.png); } /* Fehlermeldungen */ .error_msg, .error, .general_error, .field_error { font-size: 1em; color: #D50C0C; font-weight: bold; margin: 0.5em 0;} .error_msg, .error {display: none;} input.vanadium-invalid { border: 1px solid #D50C0C !important; } .radio_check input.vanadium-invalid { background: #D50C0C !important; } ul.form-errors { list-style: none; padding: 1em 0; margin: 0 0 1em 0; border-top: 0.0833em solid #B4B4B4; border-bottom: 0.0833em solid #B4B4B4; } ul.form-errors li { list-style: none; font-size: 1em; padding: 0; margin: 0; background: none; } ul.form-errors li a { background: none !important; color: #D50C0C; padding: 0; } ul.form-errors li a:focus, ul.form-errors li a:hover, ul.form-errors li a:active { background: none !important; color: #D50C0C; text-decoration: underline; } /* Datepicker */ a.dp-choose-date, ul.medien-list li a.dp-choose-date, a.dp-choose-date:focus, a.dp-choose-date:hover, a.dp-choose-date:active, ul.medien-list li a.dp-choose-date:focus, ul.medien-list li a.dp-choose-date:hover, ul.medien-list li a.dp-choose-date:active { float: left; width: 24px; height: 19px; padding: 0; margin: 1px 0.5em 0; display: block; text-indent: -2000px; overflow: hidden; background: url(../images/ico-cal1.png) no-repeat; } a.dp-choose-date.dp-disabled { background: none; cursor: default; } /* makes the input field shorter once the date picker code * has run (to allow space for the calendar icon */ input.dp-applied, input.date-pick { width: 140px; float: left; } table.jCalendar { border: 1px solid #333; background: #fff; border-collapse: separate; border-spacing: 2px; } table.jCalendar th { background: #333; color: #fff; font-weight: bold; padding: 3px 0 3px 8px; } table.jCalendar td { background: #E2E2EC; color: #0073BA; padding: 3px 5px 2px 5px; text-align: center; } table.jCalendar td.other-month { } table.jCalendar td.today { background: #666; color: #fff; } table.jCalendar td.selected { background: #FF6600; color: #fff; } table.jCalendar td.selected.dp-hover { background: #bbb; color: #fff; } table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td { background: #ddd; color: #FF6600; } table.jCalendar tr.selectedWeek td { background: #f66; color: #fff; } table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover { background: #fff; color: #888; border: none; } table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable:focus, table.jCalendar td.unselectable:active, table.jCalendar td.unselectable.dp-hover { background: #bbb; color: #888; } /* For the popup */ /* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */ div.dp-popup { position: relative; background: #fff; border: 1px solid #333; font-size: 10px; font-family: arial, sans-serif; padding: 2px; line-height: 1.2em; } div#dp-popup { position: absolute; z-index: 199; } div.dp-popup h2 { font-size: 12px; text-align: center; margin: 2px 0; padding: 0; } a#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block; } a#dp-close:hover, a#dp-close:focus, a#dp-close:active { text-decoration: underline; } div.dp-popup a { color: #0073BA; text-decoration: none; padding: 3px 2px 0; } div.dp-popup a:hover, div.dp-popup a:focus, div.dp-popup a:active { color: #FF6600; text-decoration: none !important; } div.dp-popup div.dp-nav-prev { position: absolute; top: 2px; left: 4px; width: 100px; } div.dp-popup div.dp-nav-prev a { float: left; } /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */ div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; } div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; } div.dp-popup div.dp-nav-next { position: absolute; top: 2px; right: 4px; width: 100px; } div.dp-popup div.dp-nav-next a { float: right; } div.dp-popup a.disabled { cursor: default; color: #aaa; } div.dp-popup td { cursor: pointer; } div.dp-popup td.disabled { cursor: default; } /* publication */ table.basketdata { font-size: 1em; margin-bottom: 1em; } table.basketdata thead tr th { background: none; font-size: 1em; height: auto; padding-bottom: .5em } table.basketdata th.anz, table.basketdata td.anz { width: 4.1667em; } table.basketdata th.artikel, table.basketdata td.artikel { width: 22.0833em } table.basketdata th.delete, table.basketdata td.delete { text-align: right; } table.basketdata th, table.basketdata td { padding: 0; font-size: 1em; } table.basketdata td { padding: 0 0 0.5em; vertical-align: top; } table.basketdata td.anz input { width: 1.6667em; padding: 0.1666em .4167em 0.0833em .4167em; border-top: .0833em solid #aaadb2; border-right: .0833em solid #dcdfe6; border-bottom: .0833em solid #e2e9ef; border-left: .0833em solid #e3e3eb; font-size: 1em; text-align: right; color: #000; background: #fff; } table.basketdata td.delete a { display:block; background: url(../images/ico-del.png) no-repeat 0 0; width: 1.25em; height: 1.1666em; padding: 0; margin: 0 auto; } table.basketdata td.delete a span { display: none; } table.basketdata td.delete a:hover, table.basketdata td.delete a:focus, table.basketdata td.delete a:active { text-decoration: none !important; } /*Kleiner Warenkorb*/ form.basket { font-size: 1em; padding: 0.5833em 0; } form.basket legend { padding: 0; margin: 0 0 0.5em 0; } form.basket hr { margin: 0 0 1em; padding: 0; } form.basket table.basketdata { width: 100%; } form.basket table.basketdata th { display: none; } form.basket table.basketdata td.anz { width: 3em; } form.basket table.basketdata td.anz input { width: 1.3333em; padding: 0.1667em; text-align: center; } form.basket table.basketdata td.artikel { width: 10em; } form.basket table.basketdata td.delete { width: auto; } form.basket button, form.basket a.button { font-size: 12px; margin: 0; padding-top: 2px; padding-bottom: 2px; } form.basket a.button { padding-bottom: 1px; } fieldset.deliveryform { width: 75%; } form.publication-order button, form.publication-order .form_submit a.button { margin-top: 0; margin-bottom: 0.2308em; } form.publication-order label { float: none; display: block; } form.publication-order input { width: 15.25em; } form.publication-orderform .last { margin-bottom: 0; } /* medien form */ .medien-form { border-bottom: .0833em solid #b4b4b4; padding-bottom: 0.25em; margin-bottom: 1.25em; } .medien-form p { padding: 0 0 .8333em; overflow: hidden; } .medien-form label { width: 6.25em; float: left; line-height: 1.6667em; } .medien-form label.vonbis { width: 2.6667em; } .medien-form input { float: left; width: 24em; height: 1.4167em; padding: .25em .4167em 0 .4167em; border-top: .0833em solid #aaadb2; border-right: .0833em solid #dcdfe6; border-bottom: .0833em solid #e2e9ef; border-left: .0833em solid #e3e3eb; font-size: 1em; background: #fff; } .medien-form p.date input { width: 5.8333em; margin-right: 0.25em; } .medien-form p.date a.btn-cal, .medien-form p.date a.btn-cal span { float: left; padding: 0; background: none ;display: block; width: 2em; height: 1.5833em; overflow: hidden; position: relative; cursor: pointer } .medien-form p.date a.btn-cal span { position: absolute; left: 0; top: 0; background: url(../images/ico-cal1.png) no-repeat} .medien-form p.date a.cal2 span { background: url(../images/ico-cal2.png) no-repeat } .medien-form p.date a.btn-cal { left: -.5833em; top: .1667em; } .medien-form select { float: left; width: 25em; margin: 0; padding: 0; font-size: 1em; border-top: .0833em solid #aaadb2; border-right: .0833em solid #dcdfe6; border-bottom: .0833em solid #e2e9ef; border-left: .0833em solid #e3e3eb; } .medien-form p.btn { padding: 0 0 0 6.25em; } .medien-form p.btn input { width: auto; height: auto; margin-right: .4167em ; padding: 0; border: none;} /* gallery */ .gallery { border: 0; padding: 0; margin-top: -1.5em; padding-bottom: .3em; } div.gallery-thm ul { overflow: visible; } div.gallery-thm ul li { width: 14.8333em; float: left; border-right: .0833em solid #b4b4b4; border-top: .1em solid #b4b4b4; border-bottom: .0833em solid #b4b4b4; padding: 0; margin-top: -0.0833em; background: none; height: 16.4167em; position: relative } div.gallery-thm ul li.last { border-right: 0 } div.gallery-thm ul li div.frame { text-align: center; height: 14.1667em; } div.gallery-thm ul li div.frame a, div.gallery-thm ul li div.frame a:focus, div.gallery-thm ul li div.frame a:hover, div.gallery-thm ul li div.frame a:active { background: none; padding: 0; } div.gallery-thm ul li div.frame a img { margin: 0 auto; float: none } div.gallery-thm ul li div.frame a img.panel { width: 10em; height: 13.3333em; margin-top: 0.4167em; } div.gallery-thm ul li div.frame a img.landscape { width: 13.3333em; height: 10em; margin-top: 2.0833em; } div.gallery-thm ul li div.caption { border-top: .0833em solid #b4b4b4; position: relative; } div.gallery-thm ul li div.caption h4 { font-weight: normal; padding: .1667em 0 0 .5em; } div.gallery-thm ul li div.caption a.zoom, div.gallery-thm ul li div.caption a.zoom span { position: absolute; display: block; width: 1.4167em; height: 2.1667em; overflow: hidden; cursor: pointer; top: 0; right: .8333em; padding: 0; background-image: none; background-color: #b4b4b4; border: .0833em solid #b4b4b4; border-width: 0 .0833em } div.gallery-thm ul li div.caption a.zoom span { left: 0; top: 0; background: url(../images/ico-zoom2.png) no-repeat; border: none } /* gallery detail */ .gallery-detail { width: 100%; text-align: center; margin: 1em 0; font-size: 1.2em; } .gallery-detail img { margin: 0 0 1em 0; } .gallery-detail .imginfos { border-top: 1px solid #B4B4B4; border-bottom: 1px solid #B4B4B4; overflow: hidden; width: 38.8334em; margin: 0 auto; padding: 1em 1.1666em 0.5em 0; text-align: left; } .gallery-detail .imginfos a.back { padding: 0 0 0 0.75em; margin: 0.1666em 0 0 0; font-weight: bold; line-height: 1.0833em; background: none; border-left: 1px solid #0073BA; } .gallery-detail .imginfos .floatbox .float_left strong { margin-bottom: 0.5em; display: block; } .gallery-detail .imginfos a.agb { margin-bottom: 0.5em; } .gallery-detail .paging { float: left; display: inline; color: #0073BA; font-weight: bold; margin: 0 2.25em 0 0; } .gallery-detail .paging a { background: none; padding: 0; } .gallery-detail .paging a img { margin: 0; } .gallery-detail .paging .separator { border-right: 1px solid #0073BA; padding: 0 0.5em 0 0; margin: 0 0.5em 0 0; line-height: 1.0833em; } /* faq */ ul#faq-index { margin-bottom: 0; } ul#faq-index li { padding: .8333em 0.5em .8333em 0; margin-bottom: 0; font-size: 1.2em; border-bottom: .0833em solid #b4b4b4; background: none; } ul#faq-index li.expanded { border: none; padding-bottom: 0; } ul#faq-index li a ul#faq-index li a:hover, ul#faq-index li a:focus, ul#faq-index li a:active { display: block; padding-left: 1.25em; line-height: 1em; font-weight: normal; background: url(../images/ico-arrow-blue-r.gif) no-repeat .1667em .4167em; } ul#faq-index li ul { margin-bottom: 0; } ul#faq-index li ul li { margin-bottom: .8333em; padding: 0 1.25em; border-bottom: .0833em solid #b4b4b4; font-size: 1em; background: none; } ul#faq-index li ul li h3, ul#faq-index li ul li p { font-size: 1em; } ul#faq-index li ul li p.back-to-top { border: 0; margin: 0; padding: 0 0 .8333em 0 } /* answers */ ol.faq-answers li { font-weight: bold; border-bottom: 0.0833em solid #B4B4B4; padding: 0.75em 1.1666em; } ol.faq-answers li h3 { display: inline; font-size: 1em; } ol.faq-answers li p { font-size: 1em; } ol.faq-answers li ul, ol.faq-answers li ol { overflow: visible; } ol.faq-answers li ul li, ol.faq-answers li ol li { font-weight: normal; border: none; font-size: 1em; } ol.faq-answers li ul li { padding: 0 0 0.5em 1.25em; margin: 0; list-style: none; background: transparent url(../images/ico-list.gif) no-repeat scroll 0 0.75em; } ol.faq-answers li ol li { padding: 0 0 0.5em 0; margin-left: 1.25em; } .main-content ol.faq-answers li p.back-to-top { border: none; padding: 0; margin: 0; } /* 2.4 Footer -----------------------------------------------------------------------------------------------*/ #footer p, #footer ul li { float: left; height: 1em; margin: .125em 0; padding: 0 1.25em; border-left: .0833em solid #666; font-size: 1.2em; line-height: 1em; font-weight: normal; color: #666; } #footer p { padding-left: 0; border: none; } #footer ul { float: left; height: 1.2em; } #footer ul li a { color: #666; } #footer ul li a:hover, #footer ul li a:focus, #footer ul li a:active { text-decoration: underline; } #footer .logo { float: right; width: 8em; height: 1.5em; overflow: hidden; margin: 0; } #footer .logo img { width: 8em; height: 1.5em; }