@import url(entwicklung.css); /* -- INFO ----------------------------------------------------------------------- # Project: HAMBURG WASSER Basic Style # File: style.css # Markup: 2.1 # Writer: WebSeason GmbH # Last Updated: Wed, 09/02/26 ------------------------------------------------------------------------------- */ /* -- CI Guide ------------------------------------------------------------------ - red #9e0000 - dark graphite #212936 - dark blue #2a51a0 - light blue #0c7be4 - dark grey #8793a9 - middle grey #bbcadf - light grey #dde1ea ------------------------------------------------------------------------------- */ * { margin: 0; padding: 0; font-size: 100.1%; } img { border: none; } ul { list-style: none; } /* .autolink {color:red;} */ /* Basic Constructor classes START */ .setleft, .box, .grip { float: left; } .setright { float: right; } .setcenter { text-align: center; float: none; } #center { margin: 0 auto; text-align: left; } .setclear { clear: both; } .hide { display: none; } .gfx { display: block; }/*temp*/ /*---------------------- Pre Production */ .bg-x { background-repeat: repeat-x; } .bg-y { background-repeat: repeat-x; } .bg { background-repeat: no-repeat; } /*Get all Childs classes Start */ .block-childs * { display: block; } .inline-childs * { display: inline; } .setleft-childs * { float: left; } .setright-childs * { float: right; } .clear-childs * { clear: both; } /*Float all div childs */ .setleft-divs div { float: left; } .setright-divs div { float: right; } /*Float all div childs */ /*Float all block childs */ .setleft-blocks div, .setleft-blocks p, .setleft-blocks ul, .setleft-blocks li, .setleft-blocks ol, .setleft-blocks h1, .setleft-blocks h2, .setleft-blocks h3, .setleft-blocks h4, .setleft-blocks h5, .setleft-blocks h6, .setleft-blocks fieldset, .setleft-blocks dl, .setleft-blocks dd, .setleft-blocks dt { float: left; } .setright-blocks div, .setright-blocks p, .setright-blocks ul, .setright-blocks li, .setright-blocks ol, .setright-blocks h1, .setright-blocks h2, .setright-blocks h3, .setright-blocks h4, .setright-blocks h5, .setright-blocks h6, .setright-blocks fieldset, .setright-blocks dl, .setright-blocks dd, .setright-blocks dt { float: right; } /*Float all block childs */ /*Float all inline childs */ .setleft-inlines span, .setleft-inlines strong, .setleft-inlines input, .setleft-inlines textarea, .setleft-inlines small { float: left; } /*Float all block childs */ /*Get all Childs classes END */ /* Allmighty Template classes Start */ .grip-divs div { float: left; } .grip-stop { clear: both; } /* Allmighty Template classes END */ /* Basic Constructor classes END */ /* Grundlagen eines horizontalen Menüs */ .hmenu li { float: left; } .hmenu li a, .vmenu li a { display: block; text-decoration: none; background-position: 0 0; background-repeat: no-repeat; } .hmenu li a:hover, .vmenu li a:hover { background-position: 50% 0; } .hmenu li a.active, .vmenu li a.active { background-position: 100% 0; background-repeat: no-repeat; } .vmenu { width: 100%; } .hmenu ul, .vmenu ul { float: left; } /* Normal Grapfik Menu */ .gmenu-n li a { background-position: 0 0; background-repeat: no-repeat; } .gmenu-n li span { display: none; } .gmenu-n li a:hover { background-position: 50% 0;} .gmenu-n li a.active { background-position: 100% 0; background-repeat: no-repeat; } #main p.info { color: #607589; } #sidebar .mod_newsmenu { width:280px; padding:0 15px 10px 15px; background: url('../img/bg_sidebox_head_grey.gif') no-repeat 0 0%; border-bottom:5px solid #e1e1e1; border-top:10px solid #fff; float:left;} #sidebar .mod_newsmenu ul { padding:0px; margin:0px; width:280px; } #sidebar .mod_newsmenu ul li { width:280px; padding:0 0 4px 0; margin:0; background:none; } #sidebar .mod_newsmenu ul li.first { padding-top:4px; } #sidebar .mod_newsmenu ul li h4 { width:280px; padding:0 0 2px 0; margin:0px; background:none; font-size:12px; border-bottom: 1px dotted #bccae0; } #sidebar .mod_newsmenu ul li ul li { width:280px; padding:0 0 4px 0; margin:0px; background:none; } #sidebar .mod_newsmenu ul li ul li a { width:262px; font-size:11px; background:url('../img/icon_navRight.gif') no-repeat 0px 2px; padding: 0 0 0 18px; text-decoration:none; } #sidebar .mod_newsmenu ul li ul li a:hover { background-position:0px -48px; text-decoration:underline; } #sidebar .mod_newsmenu ul li ul li.active a { text-decoration:underline; background-position:0px -48px; color:#212936;} #main .ce_table { width:620px; padding:0 10px 5px 10px; } #sidebar .ce_table { float:left; width:280px; padding:0 15px 10px 15px; background: url('../img/bg_sidebox_head_grey.gif') no-repeat 0 0%; border-bottom:5px solid #e1e1e1; border-top:10px solid #fff; } .ce_table table { border-left: 1px solid #d8dfea;border-top: 1px solid #d8dfea;width:100%;} .ce_table table tr td { border-right: 1px solid #d8dfea;border-bottom: 1px solid #d8dfea; font-size:12px;padding:2px 6px;vertical-align:top;} .ce_table table tr th { border-left: 1px solid #fff;border-top: 1px solid #fff;border-right: 1px solid #d8dfea;border-bottom: 1px solid #d8dfea; font-size:12px;padding:3px 6px 4px 5px;background:url('../img/bg_table_th.gif') repeat-x 0 0 #c2cfe3; color:#0c7be4;} .ce_table table tfoot tr td { font-size:11px;background:#f0f0f0;color:#8793a9;padding:2px 6px 3px 5px;border-left: 1px solid #fff;border-top: 1px solid #fff;} .ce_table table tr.even td { background-color:#f7f7f7; } .ce_table table tr.odd td { background-color:#f3f3f3; } .ce_accordion .ce_table table { width:585px;} #main .ce_accordion .ce_table { padding:0 0px 5px 0px; } #main .table_5col td.col_0 { width:160px; } #main .table_5col td.col_1, #main .table_5col td.col_2, #main .table_5col td.col_3, #main .table_5col td.col_4 { width:90px; } #main .table_4col td.col_0 { width:273px; } #main .table_4col td.col_1, #main .table_4col td.col_2, #main .table_4col td.col_3 { width:90px; } #main .table_history td.col_0 { width:90px; } #main .sortable th .pointer { cursor:pointer; background:url('../img/icon_tablesort.gif') no-repeat top right; padding-right:10px; } #main .sortable th.asc .pointer { background-image:url('../img/icon_tablesort_asc.gif'); } #main .sortable th.desc .pointer { background-image:url('../img/icon_tablesort_desc.gif'); } #main .mod_eventlist { width:620px; padding:0 10px 5px 10px; overflow:hidden;} #sidebar .mod_minicalendar {float:left; width:300px; padding:0 5px 0px 5px; background: url('../img/bg_sidebox_head_grey.gif') no-repeat 0 0%; border-bottom:5px solid #e1e1e1; border-top:10px solid #fff;} #sidebar .mod_minicalendar table { width:100%;} #sidebar .mod_minicalendar table tr.th_first th { height:39px;text-align:center;color:#fff; font-size:15px; vertical-align:top;} #sidebar .mod_minicalendar table tr.th_first th.current { padding-top:12px; height:27px;} #sidebar .mod_minicalendar table tr.th_second th {font-size:12px; text-align:center;padding:3px 0 5px 0;} #sidebar .mod_minicalendar table td.days { width:14%;border: 1px solid #c2def8; background-color: #fff; text-align:center;font-size:12px;padding:3px 0;} #sidebar .mod_minicalendar table td.weekend { border: 1px solid #e8c3c3;} #sidebar .mod_minicalendar table td.days a { color: #2a51a0; text-decoration: none; } #sidebar .mod_minicalendar table td.days a:hover { text-decoration: underline;} #sidebar .mod_minicalendar table td.today { background: url(../img/icon_today.gif) no-repeat 100% 5% #2e2c23; } #sidebar .mod_minicalendar table td.active { background-color: #ddecfb; border: 1px solid #86bdf2; } #sidebar .mod_minicalendar table td.weekendactive { background-color: #f4e2e2; border: 1px solid #d48c8c; } #sidebar .mod_minicalendar table td.active:hover { border: 1px solid #0c7be4; } #sidebar .mod_minicalendar table td.weekendactive:hover { border: 1px solid #9e0000; } #sidebar .mod_minicalendar table td.empty { background: none; border: 1px solid #f0f0f0; } #sidebar .mod_minicalendar table th span {display:none;} #sidebar .mod_minicalendar table th a { display:block; width:13px; height:11px; background:url('../img/icon_cal_prev.gif') no-repeat 0px 0px;margin:auto;} #sidebar .mod_minicalendar table th.next a {background-image:url('../img/icon_cal_next.gif');} #sidebar .mod_minicalendar table th a:hover {background-position:0px -50px;} #sidebar .mod_minicalendar table th.next, #sidebar .mod_minicalendar table th.previous { padding-top:15px; } #sidebar .ce_news_gallery { float:left; width:280px; padding:0 15px 10px 15px; background: url('../img/bg_sidebox_head_grey.gif') no-repeat 0 0%; border-bottom:5px solid #e1e1e1; border-top:10px solid #fff; } #sidebar p.back { display:none; } #sidebar .ce_wsDownloadsFiles { width:300px; padding:0 5px 10px 5px; background: url('../img/bg_sidebox_head_grey.gif') no-repeat 0 0%; border-bottom:5px solid #e1e1e1; border-top:10px solid #fff; } #sidebar .ce_wsDownloadsFiles h3 { padding: 12px 10px 0px 10px; } #main .ce_wsDownloadsFiles { width:640px; padding:0 0 10px 0; } #main .ce_wsDownloadsFiles h3 { padding: 7px 10px 0px 10px; } #main .ce_wsDownloadsFiles h4, #main .ce_wsDownloadsFiles h5, #main .ce_wsDownloadsFiles h6 { padding: 0 10px 5px 10px; } #sidebar .ce_wsDownloadsFiles h3 { padding: 12px 10px 0px 10px; } #sidebar .ce_wsDownloadsFiles ul li {background-image:none; padding:0px; border-bottom:1px solid #d8dfea;} #sidebar .ce_wsDownloadsFiles ul li.first {border-top:1px solid #d8dfea;} #main .ce_wsDownloadsFiles ul li {background-image:none; padding:0px; border-bottom:1px solid #e1e1e1;} #main .ce_wsDownloadsFiles ul li.first {border-top:1px solid #e1e1e1;} #sidebar .ce_wsDownloadsFiles ul li a, #main .ce_wsDownloadsFiles ul li a {background-repeat:no-repeat;} #sidebar .ce_wsDownloadsFiles ul li.even a, #main .ce_wsDownloadsFiles ul li.even a {background-color:#f7f7f7;} #sidebar .ce_wsDownloadsFiles ul li.odd a, #main .ce_wsDownloadsFiles ul li.odd a {background-color:#f3f3f3;} #sidebar .ce_wsDownloadsFiles ul li a, #main .ce_wsDownloadsFiles ul li a {display:block; padding:3px 10px 4px 38px; background-position: 10px 5px; color:#2a51a0; font-weight:bold; font-size:12px; text-decoration:none;} #sidebar .ce_wsDownloadsFiles ul li a span.wsDownloadsItemInfo, #main .ce_wsDownloadsFiles ul li a span.wsDownloadsItemInfo {font-weight:normal; display:inline; font-size:11px; color:#8793a9;} #main .ce_wsDownloadsFiles ul li a span.wsDownloadsItemText, #sidebar .ce_wsDownloadsFiles ul li a span.wsDownloadsItemText { font-weight:normal; font-size:11px;color:#212936;} #sidebar .ce_wsDownloadsFiles ul li a:hover, #main .ce_wsDownloadsFiles ul li a:hover {background-color:#daebfb;} #sidebar .ce_wsDownloadsFiles ul li a:hover span.wsDownloadsItemName, #main .ce_wsDownloadsFiles ul li a:hover span.wsDownloadsItemName {text-decoration:underline;color:#0c7be4;} #main .ce_wsDownloads {float:left; padding-bottom:10px;} #main .ce_wsDownloads h3 { padding: 7px 10px 0px 10px; } #main .ce_wsDownloads h4, #main .ce_wsDownloads h5, #main .ce_wsDownloads h6 { padding: 0 10px 5px 10px; } #main .ce_wsDownloads .wsDownloadsItem {float:left;width:620px;border-bottom:1px solid #d8dfea;padding:10px;} #main .ce_wsDownloads .first { border-top:1px solid #d8dfea; } #main .ce_wsDownloads .even {background:#f7f7f7;} #main .ce_wsDownloads .odd {background:#f3f3f3;} #main .ce_wsDownloads .wsDownloadsItemImageBox {float:left;width:68px;padding-right:10px;} #main .ce_wsDownloads .wsDownloadsItemImageBox img {padding:1px;background:#ffffff;border:1px solid #bbcadf;} #main .ce_wsDownloads .wsDownloadsItemContent {float:left;width:464px;} #main .ce_wsDownloads .wsDownloadsItemDLBox {float:left;width:68px;padding-left:10px;} #main .ce_wsDownloads .wsDownloadsItemDLBox a span { display:none; } #main .ce_wsDownloads .wsDownloadsItemDLBox a {float:left;width:68px;height:68px;background: url('../img/btn_download.gif') no-repeat;} #main .ce_wsDownloads .wsDownloadsItemDLBox a:hover {background-image: url('../img/btn_download_hover.gif');} #main .ce_wsDownloads h5 {color:#2a51a0;font-size:12px;padding:0 0 2px 0;} #main .ce_wsDownloads .wsDownloadsItemContent p {color:#212936;font-size:12px;padding:0 0 2px 0; } #main .ce_wsDownloads .wsDownloadsItemContent p.wsDownloadsItemInfo {padding:0px;color:#8793a9;font-size:11px;} #main .ce_wsDownloads .wsDownloadsItemContent p.wsDownloadsItemInfo a {padding-left:6px;background: url('../img/icon_arrow_download.gif') no-repeat 1px 5px;} #main .ce_wsDownloads input { clear:both;margin-top:10px;background:#E7EAED url(../img/bg_ceform_button.gif) repeat-x scroll 0 0;border:1px solid #D8DFEA;color:#2A51A0;cursor:pointer;font-size:0.75em;font-weight:bold;padding:2px 14px;text-align:center;} #main .ce_wsDownloads label {font-size:12px;} #main .ce_wsDownloads fieldset {padding: 0px 10px 10px 10px;border:0px;} #main .ce_wsDownloads select {background:#FFFFFF url(../img/bg_input.gif) repeat-x scroll 0 0;border:1px solid #A8AFB9;color:#212936;font-size:0.75em;} .rechts_Bildteaser h3 { margin-bottom: 2px;} #sidebar .rechts_Bildteaser, #sidebar .ce_text {float:left;} /*--- # ehemalige include-CSS ENDE ---*/ body { font: normal 100.1% Arial, Helvetica, sans-serif; margin: 0; padding: 0; } strong { font-weight: bold; } em { font-style: italic; } small { font-size: 0.94em; } del { text-decoration: line-through; } acronym, abbr { border-bottom: 1px dotted #0c7be4; cursor: help; } input, button, textarea, select { font-family: Arial, Helvetica, sans-serif; } #center, #wrap, #header, #content { width: 970px; } .clearall { float: none; clear: both; height: 0em; line-height: 0em; font-size: 0em;} /*-| Freie Klassen [START] */ #main a.link_pfeil, #teaserbox a.link_pfeil { color: #0c7be4; text-decoration: underline; padding-left: 19px; background: url('../img/icon_link_arrow.gif') no-repeat 2px 3px; } #main a.link_pfeil:hover, #teaserbox a.link_pfeil:hover { color: #2a51a0; background-position:2px -47px; } #sidebar a.link_pfeil { color: #2a51a0; text-decoration: underline; padding-left: 19px; background: url('../img/icon_link_sidebar.gif') no-repeat 2px 3px; } #sidebar a.link_pfeil:hover { color: #0c7be4; background-position:2px -47px; } #content a.link_pfeil:focus, #content a.link_pfeil:active { color: #212936; background-color: #e0eefc; text-decoration: none; } #content .text_fussnote { color: #8793a9; font-size: 11px; } /*-| Freie Klassen [STOP!] */ /*-| Header Styles [START] */ #header { height: 145px; position: relative; background: url('../img/bg_header.jpg'); } #header h1 { position: absolute; top: 56px; left: 14px; } #header h1 a { width: 242px; height: 72px; } #header #adresse, #header #printlogo { display:none; } #logo { background-repeat: no-repeat; } #logo a { display: block; } #logo span, #logo img { display: none; } /*--| Sub Nav Styles [START] */ .subnav { font-size: 0.69em; width: 400px; } .subnav ul { padding: 1em 0 0 1.25em; } .subnav ul li { padding: 0em 3%; display: inline; float: left; background: url('../img/bg_pipe_grey.gif') no-repeat 100% 50%; } .subnav ul li.first { padding-left: 0em; } .subnav ul li.last { background: none; padding-right: 0em; } .subnav ul li.active { color: #212936; text-decoration: underline; } .subnav ul li.trail a { color: #212936; text-decoration: underline; } .subnav ul li a { color: #2a519f; text-decoration: none; } .subnav ul li a:hover { text-decoration: underline; } /*--| Sub Nav Styles [STOP!] */ /*--| Search Bar Styles [START] */ #searchbox { padding: 8px 10px 0 10px; } #searchbox label { display:none; } #searchbox form fieldset { border: none; padding:0px; margin:0px; } #searchbox form fieldset input.text { width: 14em; height: 1.45em; padding: 0.18em 0.27em 0 0.27em; font-size: 0.69em; color: #2a519f; background: url('../img/bg_input.gif') repeat-x 0% 0% #ffffff; border:1px solid #2a51a0; } #searchbox form fieldset input.submit { padding: 1px 0 0 7px; } /*--| Search Bar Styles [STOP!] */ /*--| Print-BTN Styles [START] */ #printbtn { background: url('../img/bg_pipe_grey.gif') no-repeat 0em 0.63em; padding: 0.63em 0.63em 0 0.69em; } #printbtn p span { display:none; } #printbtn p a { width:18px; height:18px; background:url('../img/bg_printbtn.gif') no-repeat; } /*--| Print-BTN Styles [STOP!] */ /*-| Header Styles [STOP!] */ /*-| Main Navigation Styles [START] */ #navigation { width:970px; overflow:hidden; background-image:url('../img/mainnav/bg_navigation.gif'); background-repeat: no-repeat; padding-bottom:10px; } /*--| Main Navigation Level 1 [START] */ #navigation ul.level_1 { width:940px; padding: 0px 15px; } #navigation ul.level_1 li a { text-decoration:none; font-size:14px; } #navigation ul.level_1 li a:hover { text-decoration: underline; } #mainnav .navNone, #mainnav .navL1 { height:50px; background-position: 0px 0px; } #mainnav .navNone ul.level_1, #mainnav .navL1 ul.level_1 { height:50px; } #mainnav .navNone ul.level_1 li, #mainnav .navL1 ul.level_1 li { background:url('../img/mainnav/spacer_lvl0.gif') no-repeat 0px 16px; padding:17px 15px 0px 16px; height:33px; } #mainnav .navL1 ul.level_1 li.afterActive, #mainnav .navL1 ul.level_1 li.first, #mainnav .navNone ul.level_1 li.first, .navL1 ul.level_1 li.first { background:none; padding-left:15px; } #mainnav .navNone ul.level_1 li a, #mainnav .navL1 ul.level_1 li a, #mainnav .navL2 ul.level_1 li a { color:#fff; } #mainnav .navL1 ul.level_1 li.active, #mainnav .navL1 ul.level_1 li.trail { background:url('../img/mainnav/bg_li_lvl0_active_base.gif') no-repeat 0px 0px; padding:0px 0px 0px 18px; height:50px; } #mainnav .navL1 ul.level_1 li.active span, #mainnav .navL1 ul.level_1 li.trail span { height:33px; background:url('../img/mainnav/bg_li_lvl0_active_right.gif') no-repeat top right; padding:17px 18px 0px 0px; } #mainnav .navL1 ul.level_1 li.active a, #mainnav .navL1 ul.level_1 li.trail a, #mainnav .navL2 ul.level_1 li.active a, #mainnav .navL2 ul.level_1 li.trail a { font-weight:bold; color:#2a51a0; } /*--| Main Navigation Level 1 [END] */ /*--| Main Navigation Level 2 [START] */ #mainnav .navL2 { height:80px; background-position: 0px -100px; } #mainnav .navL2 ul.level_1 { position:relative; } #mainnav .navL2 ul.level_2 { position:absolute; left:0px; top:45px; height:30px; width:935px; padding: 0px 15px 0px 20px; } #mainnav .navL2 ul.level_1 li { background:url('../img/mainnav/spacer_lvl0.gif') no-repeat 0px 16px; padding:17px 15px 0px 16px; height:28px; } #mainnav .navL2 ul.level_1 li.first, #mainnav .navL2 ul.level_1 li.afterActive { background:none; padding-left:15px; } #mainnav .navL2 ul.level_1 li.active, #mainnav .navL2 ul.level_1 li.trail { background:url('../img/mainnav/bg_li_lvl0_active_base.gif') no-repeat 0px 0px; padding:0px 0px 0px 18px; height:45px; } #mainnav .navL2 ul.level_1 li.active span, #mainnav .navL2 ul.level_1 li.trail span { height:28px; background:url('../img/mainnav/bg_li_lvl0_active_right.gif') no-repeat top right; padding:17px 18px 0px 0px; } #mainnav .navL2 ul.level_2 li { background:url('../img/mainnav/spacer_lvl1.gif') no-repeat 0px 0px; padding:8px 10px 0px 11px; height:22px; overflow:hidden; } #mainnav .navL2 ul.level_1 li.active ul.level_2 li a, #mainnav .navL2 ul.level_1 li.trail ul.level_2 li a { font-weight:normal; } #mainnav .navL2 ul.level_1 li.active ul.level_2 li.active a, #mainnav .navL2 ul.level_1 li.trail ul.level_2 li.active a, #mainnav .navL2 ul.level_1 li.trail ul.level_2 li.trail a { font-weight:bold; } #mainnav ul.level_2 li a { font-size:12px; } #mainnav .navL2 ul.level_1 li.trail ul.level_2 li.active, #mainnav .navL2 ul.level_1 li.trail ul.level_2 li.afterActive, #mainnav .navL2 ul.level_1 li.trail ul.level_2 li.trail { background:url('../img/mainnav/spacer_lvl1.gif') no-repeat 0px 0px; padding:8px 10px 0px 11px; height:22px; overflow:hidden; } #mainnav .navL2 ul.level_1 li.trail ul.level_2 li.first, #mainnav .navL2 ul.level_1 li.active ul.level_2 li.first { background:none; padding-left:10px; } #mainnav .navL2 ul.level_1 li.trail ul li.trail span { background:none; height:auto; padding:0px;} /*--| Main Navigation Level 2 [END] */ /*-| Main Navigation Styles [STOP!] */ /*-| Content Column Styles [START] */ #content-wrap { width: 970px; background: url('../img/bg_content.gif') repeat-y 0 0; } #content { width: 970px; float: left; background: url('../img/bg_sidebar.gif') no-repeat 100% 100%; } #content .spacer { width:650px; height:10px; } #content h2.grosse_Headline { padding: 25px 290px 0 30px; width: 650px; height: 65px; background: #fff url('../img/bg_content_h2.gif') no-repeat 0 0; font-size: 1.50em; font-weight: bold; color: #8793a9; } /*--| Main Column Styles [START] */ /* #main a.arrow, .arrow a, #pdb_slider #pdb_slider_top a, .cat a, a.LinkPfeil { color: #0c7be4; text-decoration: underline; padding-left: 19px; background: url('../img/icon_link_arrow.gif') no-repeat 2px 3px; } #main a.arrow:hover, .arrow a:hover, .pdb_list p a:hover, #pdb_slider #pdb_slider_top a:hover, .cat a:hover, a.LinkPfeil:hover { color: #2a51a0; background: #e5f2ff url('../img/icon_link_arrow.gif') no-repeat 2px -13px; } */ /*---| Intro [START] */ #main #intro { width: 620px; height: 240px; background-repeat: no-repeat; overflow: hidden; } #main #intro h2 { font-size: 1.18em; font-weight: bold; color: #2a51a0; padding: 0 0 5px 0; } #main #intro h3 { color: #8793a9; font-size: 0.88em; font-weight: normal; padding: 0 0 7px 0; background: none; margin:0px;height:auto;} #main #intro p { font-size: 0.75em; line-height: 1.4; padding: 8px 0 0 0; border-top:1px solid #d8dfea; } /*---| Intro [STOP] */ /*---| Roundex Box [START] */ #main .rb01, #main .rb02 { width: 650px; } #main .rb01 { background: url('../img/bg_rbox_mid.gif') repeat-y; } #main .rb02 { background: url('../img/bg_rbox_top.gif') no-repeat 0 0; padding: 5px 0 0 0; } #main .rb03 { background: url('../img/bg_rbox_bot.gif') no-repeat 0 100%; width: 640px; padding: 0 5px 5px 5px; } /*---| Roundex Box [STOP] */ /*---| Artikelteaser List [START] */ #content #artikelteaser h3 { padding-left:10px; height:29px; } #content #artikelteaser div.even, #content #artikelteaser div.odd { background: url('../img/bg_cat.gif') repeat-x 0 0; width:298px; overflow:hidden; padding: 10px; } #content #artikelteaser div.even { border-right:4px solid #fff; } #content #artikelteaser h4 { width:298px; font-size:0.75em; } #content #artikelteaser a img { padding:1px; background:#ffffff; border:1px solid #bbcadf; } #content #artikelteaser a:hover img { border:1px solid #0c7be4; } #content #artikelteaser p { width:198px; padding-left:10px; } #content #artikelteaser p a { display:inline; float:none;color:#0c7be4; padding-left: 19px; background: url('../img/icon_link_arrow.gif') no-repeat 2px 3px; } #content #artikelteaser p a:hover { background-position: 2px -47px;} /*---| Artikelteaser List [STOP] */ /*---| Paging [START] */ .paging { background: url('../img/bg_pagination.gif') repeat-x 0 0; margin-top: 10px; text-align: right; } .paging p { padding: 0.75em 1.13em; font-size: 0.69em; } .paging .pipe { padding: 0 0.54em; color: #8793a9; } /*---| Paging [STOP] */ /*---| Paging [START] */ .mod_sitemap {} .mod_sitemap ul {} #content .mod_sitemap ul li { line-height: 1.7; background: url('../img/icon_arrow_grey.gif') no-repeat 2px 5px; padding: 0 0 0 25px; } #content .mod_sitemap ul li a { font-size: 1.09em; font-weight: bold; color: #212936!important; text-decoration: underline!important; } #content .mod_sitemap ul li a:hover { color: #2a51a0!important; text-decoration: underline!important; } #content .mod_sitemap ul li ul { padding: 0.2em 0 1.4em 1.4em; } #content .mod_sitemap ul li ul li { line-height: 1.8; background: url('../img/icon_ul_li.gif') no-repeat 0 6px; padding-left: 15px; } #content .mod_sitemap ul li ul li a { font-size: 1.27em; font-weight: normal!important; color: #0c7be4!important; text-decoration: underline!important; } #content .mod_sitemap ul li ul li a:hover { color: #212936!important; } #content .mod_sitemap ul li ul li ul li {font-size:0.95em; background-image:url('../img/icon_ul_li_grey.gif');} /*---| Paging [STOP] */ /*--| Main Column Styles [STOP!]*/ /*-| Content Komplett [START] */ #content h3 { font-size: 0.94em; font-weight: bold; color: #fff; padding: 7px 0px 0px 0px; height:36px; } #content #sidebar .rechts_Bildteaser h3 { padding:12px 10px 0 10px; height:27px;} #content h4 { font-size: 0.87em; font-weight: bold; color: #2a51a0; padding: 0 0 5px 0; } #content h5 { font-size: 0.81em; font-weight: bold; color: #0c7be4; padding: 0 0 5px 0; } #content h6 { font-size: 0.69em; font-weight: bold; color: #8793a9; padding: 0 0 5px 0; text-transform:uppercase; } #content p { font-size: 0.75em; padding: 0 0 6px 0; } #main a { color: #0c7be4; text-decoration: underline; } #main a:hover { color: #2a51a0; text-decoration:none; } #sidebar a { color: #2a51a0; text-decoration: underline; } #sidebar a:hover { color: #0c7be4; text-decoration:none; } #content a:focus, #content a:active { color: #212936; background-color: #e0eefc; text-decoration: none; } #content ul { padding: 0 0 4px 0; } #content ul li { padding: 0 0 2px 24px; font-size: 0.75em; color: #212936; background: url('../img/icon_ul_li.gif') no-repeat 10px 4px; line-height:15px; } #content ol { padding: 0 0 4px 0; margin-left:32px; } #content ol li { padding: 0 0 2px 0; font-size: 0.75em; color: #212936; line-height:15px; background:none; } #content hr { border: none; height: 0em; border-top: 1px solid #d8dfea; margin: 0em 0.75em 0.45em 0.75em; padding: 0; } /*--| Content ce_text [START] */ #content .ce_text div.image_container img { float:left; border: 1px solid #bbcadf; padding: 1px; background:#fff; } #content .ce_text div.image_container a img { border: 1px solid #ffffff; padding: 0px; background:#fff; } #content .ce_text div.image_container div.caption { float:left; background:#bbcadf; text-align:left; padding:1px 5px 3px 5px; font-size:0.63em;} #content .ce_text div.image_container a { float:left; position:relative; border:1px solid #bbcadf; } #content .ce_text div.image_container a:hover { border:1px solid #0c7be4; } #content .ce_text div.image_container a span small { display:none; } #content .ce_text div.image_container a span { width:20px; height:20px; position:absolute; bottom:1px; right:1px; cursor:pointer; background: url('../img/icon_lupe.gif') no-repeat; } #content .ce_text div.image_container a span.linkedImage { background-image: url('../img/icon_link.gif'); } #content .ce_text div.image_container a:hover span { background-image: url('../img/icon_lupe_over.gif'); } #content .ce_text div.image_container a:hover span.linkedImage { background-image: url('../img/icon_link_over.gif'); } /*--| Content ce_text [ENDE!] */ /*--| Content ce_accordion [START] */ #content .ce_accordion div.image_container img { float:left; border: 1px solid #bbcadf; padding: 1px; background:#fff; } #content .ce_accordion div.image_container a img { border: 1px solid #ffffff; padding: 0px; background:#fff; } #content .ce_accordion div.image_container div.caption { float:left; background:#bbcadf; text-align:left; padding:1px 5px 3px 5px; font-size:0.63em;} #content .ce_accordion div.image_container a { float:left; position:relative; border:1px solid #bbcadf; } #content .ce_accordion div.image_container a:hover { border:1px solid #0c7be4; } #content .ce_accordion div.image_container a span small { display:none; } #content .ce_accordion div.image_container a span { width:20px; height:20px; position:absolute; bottom:1px; right:1px; cursor:pointer; background: url('../img/icon_lupe.gif') no-repeat; } #content .ce_accordion div.image_container a span.linkedImage { background-image: url('../img/icon_link.gif'); } #content .ce_accordion div.image_container a:hover span { background-image: url('../img/icon_lupe_over.gif'); } #content .ce_accordion div.image_container a:hover span.linkedImage { background-image: url('../img/icon_link_over.gif'); } /*--| Content ce_accordion [ENDE!] */ /*--| Content ce_gallery & ce_image [START] */ #content .ce_gallery div.gal_inner div.gal_row div.gal_item a, .ce_image div.image_container a { border:1px solid #bbcadf; position:relative; } .rechts_Bildteaser div.image_container a { border:0px; position:relative; } #content .ce_gallery div.gal_inner div.gal_row div.gal_item a:hover, .ce_image div.image_container a:hover { border:1px solid #0c7be4; } .rechts_Bildteaser div.image_container a:hover { border:0px; } #content .ce_gallery div.gal_inner div.gal_row div.gal_item a span small, .ce_image div.image_container a span small { display:none; } #content .ce_gallery div.gal_inner div.gal_row div.gal_item a span, .ce_image div.image_container a span { width:20px; height:20px; position:absolute; bottom:1px; right:1px; cursor:pointer; background: url('../img/icon_lupe.gif') no-repeat; } #content .ce_image div.image_container a span.linkedImage { background-image: url('../img/icon_link.gif'); } #content .rechts_Bildteaser div.image_container a span.linkedImage { display:none; } #content .ce_gallery div.gal_inner div.gal_row div.gal_item img, .ce_image div.image_container img { border: 1px solid #bbcadf; padding: 1px; background:#ffffff; } .rechts_Bildteaser div.image_container img { border: 0px; padding: 0px; } #content .ce_gallery div.gal_inner div.gal_row div.gal_item a img, .ce_image div.image_container a img { border: 1px solid #ffffff; padding:0px; } .rechts_Bildteaser div.image_container a img { border: 0px; padding:0px; } #content .ce_gallery div.gal_inner div.gal_row div.gal_item a:hover span, .ce_image div.image_container a:hover span { background-image: url('../img/icon_lupe_over.gif'); } #content .ce_image div.image_container a:hover span.linkedImage { background-image: url('../img/icon_link_over.gif'); } #content .ce_image div.image_container div.caption { background:#bbcadf; float:left; text-align:left; padding:1px 5px 3px 5px; font-size:0.63em; } #content #nachrichtendetails div.image_container div.caption { float:left;background:#bbcadf; float:left; text-align:left; padding:1px 5px 3px 5px; font-size:0.63em; } #content #nachrichtendetails div.image_container img { float:left;border: 1px solid #bbcadf; padding: 1px; background:#ffffff; } /*--| Content ce_gallery & ce_image [ENDE!] */ /*--| Content ce_download & ce_downloads [START] */ #content .ce_downloads ul, #content .ce_download ul { padding:0px; } #content .ce_downloads ul li, #content .ce_download ul li { padding:0px; border-bottom:1px solid #e1e1e1; background:none; } #content .ce_downloads ul li.first, #content .ce_download ul li.first { border-top:1px solid #e1e1e1; } #content .ce_downloads a, #content .ce_download a { display:block; background-repeat:no-repeat; background-position: 10px 3px; padding:4px 10px 5px 30px; color:#0c7be4; } #main .ce_downloads a, #main .ce_download a { width:600px; } #main .ce_wsJobboerse .ce_downloads a { width:580px; } #main .pdb_full .ce_downloads a { width:245px; } #main .ce_downloads li.even a, #main .ce_download li.even a { background-color:#f0f0f0; } #main .ce_downloads li.odd a { background-color:#f5f5f5; } #sidebar .ce_downloads a, #sidebar .ce_download a { width:260px; } #sidebar .ce_downloads li.even a, #sidebar .ce_download li.even a { background-color:#e8e8e8; } #sidebar .ce_downloads li.odd a { background-color:#f0f0f0; } #content .ce_downloads li a:hover, #content .ce_download li a:hover { background-color:#e0eefc; color:#2a51a0; } #content .ce_downloads li a:focus, #content .ce_download li a:focus, #content .ce_downloads li a:active, #content .ce_download li a:active { background-color:#e0eefc; color:#212936; } /*--| Content ce_download & ce_downloads [STOP!] */ /*--| News List + News Detail [START] */ #main .mod_newslist .layout_short, #main .mod_newsarchive .layout_short { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #d8dfea; } #main .mod_newslist .last, #main .mod_newsarchive .last { border-bottom: none; } #main .mod_newslist p.info, #main .mod_newsreader p.info, #main .mod_newsarchive p.info { background: url('../img/icon_date.gif') no-repeat 0px 3px; font-size: 10px; display: block; padding: 0 0 3px 10px; } #main .mod_newslist p a, #main .mod_newsarchive p a, #main p.back a { color: #0c7be4; text-decoration: underline; padding-left: 19px; background: url('../img/icon_link_arrow.gif') no-repeat 2px 3px; } #main p.back a { background-image:url('../img/icon_link_backarrow.gif'); } #main .mod_newslist p a:hover, #main .mod_newsarchive p a:hover, #main .mod_newsreader p.back a:hover { color: #2a51a0; background-position:2px -47px;} #main .mod_newslist p a:active, #main .mod_newsarchive p a:active, #main .mod_newsarchive p a:focus, #main .mod_newsreader p.back a:active, #main .mod_newslist p a:focus, #main .mod_newsreader p.back a:focus { color: #212936; background-color: #e0eefc; text-decoration: none; } /*--| News List + News Detail [STOP] */ /*--| Job Boerse [START] */ #main .ce_wsJobboerse h4 { color: #212936; } #main .ce_wsJobboerse .job_item { padding: 10px 0; border-top: 1px solid #d8dfea; } /*--| Job Boerse [STOP] */ /*--| ce_accordion [START] */ #main .ce_accordion { margin: 4px 0;border-bottom: 1px solid #d8dfea; padding:0 0 20px 0; } #main .ce_accordion .toggler { font-size: 0.75em; font-weight: bold; cursor: pointer; background: url(../img/icon_arrow_red.gif) no-repeat 0 2px; padding: 2px 0 2px 24px; } #main .Acc_Download .toggler { padding-left:34px;background-position:10px 2px;} #main .ce_accordion .accordion { width:596px;padding:0 0 5px 24px; } #main .Acc_Download .accordion { width:640px; padding: 0 0 5px 0;} #main .ce_accordion .acc_spacer { height:5px; overflow:hidden;} #main .ce_accordion .active { background: url(../img/icon_arrow_blue.gif) no-repeat 0 2px; } #main .Acc_Download .active { background-position: 10px 2px; } #main .ce_accordion .ce_text {padding-left:0px;width:596px;} /*--| ce_accordion [STOP] */ /*---| Project Database [START] */ .mod_projectslist { width:620px; padding:0 10px 5px 10px; } .mod_projectslist .pdb_list { border-top:1px solid #bbcadf; width:620px; padding:10px 0px;} .mod_projectslist .pdb_list_inner { background: url('../img/bg_dotted-y.gif') repeat-y 479px 0; width:620px; padding:0px; } .mod_projectslist .last { border-bottom:1px solid #bbcadf; } .mod_projectslist .img { width:140px; height:102px; overflow:hidden;} .mod_projectslist .img a img { padding:1px; background:#fff; border:1px solid #bbcadf;} .mod_projectslist .img a, .mod_projectslist .img a:hover {padding:0px; margin:0px; background:none;} .mod_projectslist .img a:hover img { border:1px solid #0c7be4;} .mod_projectslist .teaser { width:329px; overflow:hidden; padding-right:21px; } .mod_projectslist .additional { width:130px; overflow:hidden; } #content .mod_projectslist .additional p {font-size:11px;padding-bottom:3px;color:#727b88;} #content .mod_projectslist .additional p strong {color:#212936;} #content .mod_projectslist .additional p.lastp {padding-bottom:0px;} #content .mod_projectslist .teaser h4 a { font-size: 0.87em; text-decoration:none; color:#2a51a0; white-space:normal;} #content .mod_projectslist .teaser h4 a:hover { text-decoration:underline;} #content .mod_projectslist .teaser p a { display:inline; color: #0c7be4; text-decoration: underline;white-space:nowrap;background:#ccc; padding-left:19px; background: url('../img/icon_link_arrow.gif') no-repeat 2px 3px;} #content .mod_projectslist .teaser p a:hover { color: #2a51a0; background-image:url('../img/icon_link_arrow_overPDB.gif'); } #content .mod_projectslist .teaser p a:focus,#content .mod_projectslist .teaser p a:active { color: #2a51a0; background-image:url('../img/icon_link_arrow_overPDB.gif');background-color: #e0eefc; } #content .mod_projectsreader p.back { padding-left:10px;} #content .mod_projectsreader p.back a { float:left;padding-bottom:10px;} #content .mod_projectsreader p.back a:hover { float:left; text-decoration:none; color:#2a51a0; background-position:2px -47px;} .pdb_full { width:620px; padding:0 10px 5px 10px; } .pdb_full .data { width:325px; overflow:hidden; } .pdb_full .info { width:285px; overflow:hidden; padding-left:10px;} #content .pdb_full .info p.lritem,.pdb_full .worktime_container { width:285px; overflow:hidden; } .pdb_full .info p { color:#727b88; } .pdb_full .info p strong { color:#212936; } .pdb_full .info p.botline { border-bottom:1px solid #d8dfea; } #content .pdb_full .info p.toppadding { padding-top:5px; } #content .pdb_full .info p.nobotpadding { padding-bottom:0px; } #content .pdb_full .info p.lritem { padding:0px; } #content .pdb_full .info p.lritem span.left {float:left;} #content .pdb_full .info p.lritem span.right {float:right;} .pdb_full .worktime_container {padding-bottom:5px; border-bottom:1px solid #d8dfea; } #content .pdb_full .greycontent { border-bottom:1px solid #d8dfea; } #content .pdb_full .greycontent ul li { color:#727b88; background-image:url('../img/icon_ul_li_grey.gif');} #content .pdb_full .greycontent ol li { color:#727b88; } #content .pdb_full .greycontent a { color:#727b88; } #content .pdb_full .greycontent a:hover { color:#2a51a0; } form#projektselektor { padding:0px; margin:0px; } form#projektselektor .checkset { width:280px; padding-bottom:3px;} form#projektselektor .checkset_box { width:20px; } form#projektselektor .checkset_box .checkset_check { margin:0px; } form#projektselektor .checkset label { width:260px; font-size:12px; color:#212936; padding-top:2px;} form#projektselektor .submitset {padding-top:5px;} form#projektselektor .submitset div.submitspacer {padding-left:10px; float:left; } form#projektselektor .submitset input { width:133px; color: #2a51a0; font-weight: bold; font-size: 0.75em; background: #e7eaed url(../img/bg_ceform_button.gif) repeat-x 0 0; border: 1px solid #bbcadf; text-align: center; padding: 4px 0px; cursor: pointer; } #content .mod_projectsselector p.showcount {clear:both;padding:8px 0 0 0;font-size:11px;color:#8793a9;text-align:center;} .pdb_full .pdbimg a { border:1px solid #bbcadf; position:relative; } .pdb_full .image_container { padding-bottom:5px;} .pdb_full .gallery_container { padding-bottom:2px;} .pdb_full .image_container a { display:block; width:323px; overflow:hidden; } .pdb_full .pdbimg a:hover { border:1px solid #0c7be4; } .pdb_full .pdbimg a img { padding:1px; background:#fff;} .pdb_full .pdbimg a span { width:20px; height:20px; position:absolute; bottom:1px; right:1px; cursor:pointer; background: url('../img/icon_lupe.gif') no-repeat; } .pdb_full .pdbimg a:hover span { background-image: url('../img/icon_lupe_over.gif'); } .pdb_full .pdbimg a span small { display:none; } .pdb_full .pdbimgholder { padding: 0 5px 5px 0px;} .pdb_full .third {padding: 0 0 5px 0;} #sidebar .mod_projectssimilar ul li { background:none; padding:0; width:280px; padding: 10px 0 10px 0; border-bottom:1px solid #e1e1e1; } #sidebar .mod_projectssimilar ul li.first { padding-top:0px; } #sidebar .mod_projectssimilar ul li.last { padding-bottom:0px; border-bottom:none; } #sidebar .mod_projectssimilar a { float:left; width:280px; text-decoration:none; cursor:pointer; } #sidebar .mod_projectssimilar a:focus, #sidebar .mod_projectssimilar a:active { background:#dde1ea; } #sidebar .mod_projectssimilar a span { float:left; width:218px; font-size:11px; } #sidebar .mod_projectssimilar a span.headline { color:#212936; text-decoration:none; } #sidebar .mod_projectssimilar a:hover span.headline { color:#2a51a0; } #sidebar .mod_projectssimilar a img { border: 1px solid #bbcadf; padding:1px; background:#fff; } #sidebar .mod_projectssimilar a span.link_projekt { width:199px; color: #2a51a0; text-decoration: underline; padding-left: 19px; padding-top:2px; background: url('../img/icon_link_sidebar.gif') no-repeat 2px 6px; } #sidebar .mod_projectssimilar a:hover span.link_projekt { color: #0c7be4; text-decoration: none; background-position: 2px -44px; } #sidebar .mod_projectssimilar a:hover img { border:1px solid #0c7be4; } /*---| Project Database [STOP] */ /*-| Form [START] */ #main .ce_form { width: 620px; padding: 0px 10px 10px 10px; } #main .ce_form .fieldset { background-color: #f8f8fa; border: 1px solid #d8dfea; padding: 25px 25px; margin-top: 15px; width: 568px; position: relative; } #main .ce_form fieldset { border: none; } #main .ce_form form fieldset legend span { font-size: 0.84em; font-weight: bold; color: #212936; padding: 0 0.5em; position: absolute; top: -10px; background: #fff; left: 15px } #main .ce_form label { color: #2a519f; width: 237px; padding: 0 10px 2px 0; font-size: 0.75em; } #main .ce_form div.setclear { width: 568px; padding-bottom: 8px; } #main .ce_form hr { border: none; height: 0em; border-top: 1px solid #d8dfea; margin: 10px 0; padding: 0; width: 568px; float: left; } #main .ce_form input, #main .ce_form select, #main .ce_form textarea { border: 1px solid #a8afb9; font-size: 0.75em; color: #212936; background: url(../img/bg_input.gif) repeat-x #ffffff; } #main .ce_form input.text { width: 216px; padding: 2px; } #main .ce_form input.mandatory, #main .ce_form select.mandatory, #main .ce_form textarea.mandatory { border: 1px solid #9e0000; } #main .ce_form textarea { width: 444px; padding: 8px; } #main .ce_form .radio_container, #main .ce_form .checkbox_container { width: 568px; } #main .ce_form .radio_container input, #main .ce_form .checkbox_container input { margin: 2px 0 0 0; border: none; background: none; width: 12px; height: 12px; } #main .ce_form .radio_container label, #main .ce_form .checkbox_container label { padding: 0 0 2px 5px; } #main .ce_form .captcha_text { font-size: 0.75em; color: #212936; padding: 2px 0 0 6px; } #main .ce_form .captcha { width: 24px; } #main .ce_form .submit_container { width: 568px; border-top: 3px solid #d8dfea; padding-top: 10px; margin-top: 15px; } #main .ce_form .submit_container input { color: #2a51a0; font-weight: bold; font-size: 0.75em; background: #e7eaed url(../img/bg_ceform_button.gif) repeat-x 0 0; border: 1px solid #d8dfea; text-align: center; padding: 4px 18px; cursor: pointer; } /*#main .ce_form .error { font-size: 0.69em; color: #9e0000; width: 316px; margin-bottom: 2px; }*/ #main .ce_form p.error{ font-size: 0.69em; color: #9e0000; margin: 3px 0 2px 0; padding:3px 0 0 25px; width:543px; height:17px;background:url('../img/tex_formerror.gif') no-repeat;} #main .ce_form div.explanation { padding-top:5px;} /*-| Form [STOP] */ /*-| Suchausgabe [START] */ #main .mod_search input#keywords { width: 216px; padding: 5px;border: 1px solid #a8afb9; font-size: 0.75em; color: #212936; background: url(../img/bg_input.gif) repeat-x; } #main .mod_search input#submit { color: #2a51a0; font-weight: bold; font-size: 0.75em; background: #e7eaed url(../img/bg_ceform_button.gif) repeat-x 0 0; border: 1px solid #d8dfea; text-align: center; padding: 4px 18px; cursor: pointer; } #main .mod_search #query_type { padding:8px 0 0 0; float:left;} #main .mod_search #query_type input { float:left;} #main .mod_search #query_type label { float:left; font-size:12px; padding:0 15px 0 5px;} #main .mod_search p.header { padding:5px 0 10px 0;} #main .mod_search div.even, #main .mod_search div.odd { border-bottom:1px dashed #dce1ea;padding:10px 0; } #main .mod_search div.first { border-top:1px dashed #dce1ea; } #main .mod_search h4 a { font-size:13px;color: #0c7be4; text-decoration: underline; padding-left: 19px; background: url('../img/icon_link_arrow.gif') no-repeat 2px 3px; } #main .mod_search h4 a:hover {color: #2a51a0; background-position:2px -47px;text-decoration:none;} #main .mod_search h4 span.relevance { color:#8793a9; font-weight:normal; font-size:10px;} #main .mod_search p.context { } #main .mod_search p.context span.highlight { color:#9e0000;font-weight:bold;} #main .mod_search p.url {color:#8793a9; font-weight:normal; font-size:10px;} /*-| Suchausgabe [STOP] */ /*--| CSS nur #main [START] */ #main { width: 650px; color:#212936; padding-right: 10px; overflow:hidden;} #main .ce_text, #main .ce_list, #main .ce_gallery, #main .mod_newslist, #main .mod_newsreader, #main .mod_sitemap, #main .ce_wsJobboerse, #main .ce_accordion, #main .mod_newsarchive { width:620px; padding:0 10px 5px 10px; } #main .Acc_Download {width:640px; padding:0 0px 5px 0px;} /* #main #nachrichtendetails {padding-left:10px; padding-right:10px; } */ #main #nachrichtendetails .ce_text { padding: 0 0px 5px 0px;} #main .ce_gallery, #main .ce_image { width:620px; padding:0 10px 10px 10px; } #main .ce_download, #main .ce_downloads { width:640px; padding:0 0 10px 0; } #main .ce_wsJobboerse .ce_downloads { width:620px; padding:0 0 10px 0; } #main .ce_form {float:left;} #main .ce_download h3, #main .ce_downloads h3, #main .ce_wsContactDB_CTE h3 { padding: 7px 10px 0px 10px; } #main .ce_download h4, #main .ce_downloads h4, #main .ce_download h5, #main .ce_downloads h5, #main .ce_download h6, #main .ce_downloads h6 { padding: 0 10px 5px 10px; } #main .ce_wsJobboerse .ce_downloads h4, #main .ce_wsJobboerse .ce_downloads h5, #main .ce_wsJobboerse .ce_downloads h6 { padding: 5px 0px 5px 0px; } #main div.ce_headline { padding: 0px 10px; } #main .padding10left {float:left;padding-left:10px;} #flashmovie, #flashmovie * { float:left;} #flashmovie {padding-bottom:10px;} /*--| CSS nur #main [ENDE!] */ /*--| CSS nur #sidebar [START] */ #content .Bild_volle_breite div.image_container img { border:0px; padding:0px; margin: -9px 0 10px -10px; } #sidebar { width: 310px; color:#212936; overflow:hidden; } #sidebar .ce_text, #sidebar .ce_gallery,#sidebar .ce_image , #sidebar .ce_headline, #sidebar .mod_wsContactDB, #sidebar .mod_projectsselector, #sidebar .mod_projectssimilar, #sidebar .ce_wsJobboerseLatest { width:280px; padding:0 15px 10px 15px; background: url('../img/bg_sidebox_head_grey.gif') no-repeat 0 0%; border-bottom:5px solid #e1e1e1; border-top:10px solid #fff; } #sidebar .rechts_Bildteaser { width:300px; padding:0 5px 0px 5px; background: url('../img/bg_sidebox_head_grey.gif') no-repeat 0 0%; border-bottom:5px solid #e1e1e1; border-top:10px solid #fff; } #sidebar .mod_wsContactDB {float:left;background-image: url('../img/bg_sidebox_head_red.gif'); padding-bottom:0px;} #sidebar .rechts_rote_Headline { background-image: url('../img/bg_sidebox_head_red.gif'); } #sidebar .ce_headline { padding-bottom:0px; } #sidebar .ce_headline h3.ce_headline { border-top:0px; padding: 12px 0px 0px 0px; border-bottom:0px; height:25px; background:none;} #sidebar .ce_download, #sidebar .ce_downloads, #sidebar .mod_clickcount { width:300px; padding:0 5px 10px 5px; background: url('../img/bg_sidebox_head_grey.gif') no-repeat 0 0%; border-bottom:5px solid #e1e1e1; border-top:10px solid #fff; } #sidebar .firstBlock { border-top:0px; } /* erstes Element Sidebar ohne TopBorder */ #sidebar h3 { padding-top: 12px; } #sidebar .ce_downloads h3, #sidebar .ce_download h3, #sidebar .mod_clickcount h3 { padding: 12px 10px 0px 10px; } #sidebar .mod_clickcount ul {border-top:1px solid #d8dfea;} #sidebar .mod_clickcount ul li { border-bottom:1px solid #d8dfea; padding:0px; background:none;} #sidebar .mod_clickcount ul li a { font-weight:bold;line-height:12px;display:block; width:274px; background-image:url('../img/icon_navRight.gif'); background-repeat:no-repeat;background-position:10px 6px; padding:5px 0 6px 26px;text-decoration:none;} #sidebar .mod_clickcount ul li a span { font-weight:normal;font-style:italic;font-size:10px;color:#212936;} #sidebar .mod_clickcount ul li.even a { background-color:#f7f7f7;} #sidebar .mod_clickcount ul li.odd a { background-color:#f3f3f3;} #sidebar .mod_clickcount ul li a:hover { background-position:10px -44px;text-decoration:none;background-color:#daebfb;} #sidebar .ce_wsJobboerseLatest { clear:both;} #sidebar .ce_wsJobboerseLatest p.jobcat { font-size:10px; background:url('../img/icon_group.gif') no-repeat 0px 2px; padding-left:12px;padding-bottom:2px;} #sidebar .ce_wsJobboerseLatest p.jobtext { font-size:11px;} #content #sidebar .ce_wsJobboerseLatest h5 {padding-bottom:2px; font-size:12px;} #sidebar .job_item, #sidebar .ce_wsJobboerseLatest { padding-bottom:5px;} /*---| Menü dritte + vierte Ebene [START] */ #sidebar .mod_navigation {width:290px; padding:0 10px 10px 10px; background: url('../img/bg_sidebox_head_grey.gif') no-repeat 0 0%; border-bottom:5px solid #e1e1e1; border-top:10px solid #fff; } #sidebar .mod_navigation h3 { padding-left:5px; height:31px;} #sidebar .mod_navigation ul.level_1 { float:left;padding:5px 5px 0px 5px; margin:0px; width:280px; } #sidebar .mod_navigation ul.level_1 li { background:none; padding:0 0 4px 0; margin:0px; width:140px; overflow:hidden;} #sidebar .mod_navigation ul.level_1 li a { width:125px; font-size:11px; background:url('../img/icon_navRight.gif') no-repeat 0px 2px; padding: 0 0 0 15px; text-decoration:none; } #sidebar .mod_navigation ul.level_1 li a:hover { text-decoration:underline;color:#2a51a0;background-position:0px -48px;} #sidebar .mod_navigation ul.level_1 li p { width:125px; font-size:11px; background:url('../img/icon_navRight.gif') no-repeat 0px -48px; padding: 0 0 0 15px; text-decoration:none;font-weight:bold; color:#2a51a0; } #sidebar .mod_navigation li a:hover { text-decoration:underline; background-position:0px -49px; } #content #sidebar .sub4head {float:left; width:290px; padding:0; background:url('../img/pixel_sub4head.gif') repeat-x left bottom; } #content #sidebar .sub4head p { float:left; border:1px solid #e1e1e1; background: url('../img/icon_sub4head.gif') no-repeat 4px 5px #fff; border-bottom:none; padding: 4px 10px 5px 19px; font-size:11px;} #content #sidebar .sub4head p a { text-decoration:none; color:#212936;} #content #sidebar .sub4head p a:hover { text-decoration:underline;} #content #sidebar .sub4 { float:left; width:288px; border:1px solid #e1e1e1; border-top:none;background:#fff;} #sidebar .mod_navigation ul.level_2 { padding:5px 4px 2px 4px; margin:0px; width:280px; } #sidebar .mod_navigation ul.level_2 li { background:none; padding:0 0 4px 0; margin:0px; width:140px; overflow:hidden;} #sidebar .mod_navigation ul.level_2 li a { width:125px; font-size:11px; background:url('../img/icon_navRight_sub4.gif') no-repeat 2px 6px; padding: 0 0 0 15px; text-decoration:none; color:#0c7be4;} #sidebar .mod_navigation ul.level_2 li a:hover { text-decoration:underline;color:#0c7be4;background-position:2px -44px;} #sidebar .mod_navigation ul.level_2 li p { width:125px; font-size:11px; background:url('../img/icon_navRight_sub4.gif') no-repeat 2px -44px; padding: 0 0 0 15px; text-decoration:none;font-weight:bold; color:#0c7be4; } /*---| Menü dritte + vierte Ebene [STOP!] */ /*---| Newsslider [START] */ #sidebar #news { position: relative; overflow: hidden; height: 265px; width:300px; border-bottom:5px solid #e1e1e1; background-image: url('../img/bg_sidebox_head_grey.gif');padding: 0px 5px;} #sidebar #news .ce_headline { background:none; width:auto; padding-left:0px; padding-right:0px;border-bottom:0px;} #sidebar #news .ce_headline h3.ce_headline { width:auto; padding: 12px 0px 0px 10px; height:26px; } #sidebar #news a.hyperlink_txt { color:#fff; font-size:0.75em; } #sidebar #news div.ce_hyperlink { position: absolute; top: 10px; right: 15px; text-align: right; } #sidebar #news div.ce_hyperlink a:hover { color: #2a51a0; } #sidebar #news h4 a { color: #212936; text-decoration: none; padding: 10px 40px 10px 15px; width: 235px; display: block; padding: 0 0 5px 0; } #sidebar #news h4 a:hover { color: #2a51a0; } #sidebar #news .on .newshead, #sidebar #news .off .newshead { width:300px; height:40px; overflow:hidden; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;} #sidebar #news .on h4 { background: #f3f3f3 url('../img/bg_h4_on.gif') repeat-x 0% 0%; padding:0; width:300px; height:40px; } #sidebar #news .on h4 a { width:290px; height:28px;background: url('../img/icon_arrow_blue.gif') no-repeat 95% 55%; padding:12px 0 0 10px;} #sidebar #news .on h4 a:hover { color: #212936; } #sidebar #news .off h4 { background: #f3f3f3 url('../img/bg_h4_off.gif') repeat-x 0% 0%; padding:0px; width:300px; height:40px; } #sidebar #news .off h4 a { width:290px; height:28px; background: url('../img/icon_arrow_red.gif') no-repeat 95% 55%; padding:12px 0 0 10px;} #sidebar #news .off h4 a:hover { background: url('../img/icon_arrow_blue.gif') no-repeat 95% 55%; } #sidebar #news div.newsdesc p { padding: 10px; height:83px;} #sidebar #news div.newsdesc p span.info { background:url('../img/icon_date.gif') no-repeat 0px 3px; font-size:10px; display:block; padding:0 0 3px 10px;} #sidebar #news div.newsdesc p span.newsdetail { display:block; padding:2px 0 0 0; } #sidebar #news div.newsdesc p a { background:url('../img/icon_link_sidebar.gif') no-repeat 0px 3px; padding-left:19px; font-size:11px;} #sidebar #news div.newsdesc p a:hover { background-position:0px -47px; } #content #sidebar #news h4.press { padding:0px; background: #c6c6c6 url('../img/bg_h4_press.gif') repeat-x 0% 0%; color:#212936;} #sidebar #news h4.press a { height:28px; width:271px; padding:12px 0 0 29px; font-weight: normal; text-decoration: underline; color:#212936; font-size:1em; background: url('../img/icon_presslink.gif') no-repeat 10px 14px; } #sidebar #news h4.press a:hover { background-position: 10px -36px; text-decoration:none; color:#2a51a0; } /*---| Newsslider [ENDE!] */ /*---| mod_wsContactDB Sidebar [START] */ #sidebar .mod_wsContactDB .wsContactDB_person, #sidebar .mod_wsContactDB .wsContactDB_company { width:280px; border:0px solid #ff0000; float:left; padding-bottom:10px; } #sidebar .mod_wsContactDB .wsContactDB_person img { float:left; padding:1px; background:#fff; border:1px solid #bbcadf; } #sidebar .mod_wsContactDB .wsContactDB_person img.company, #sidebar .mod_wsContactDB .wsContactDB_company img {border:0px; padding:0px;float:left;} #sidebar .mod_wsContactDB p { float:left; border:none; width:173px;padding-left:7px; } #sidebar .mod_wsContactDB p span { display:block; } #sidebar .mod_wsContactDB p span.hide { display:none; } #sidebar .mod_wsContactDB p span.name, #sidebar .mod_wsContactDB p span.title1 { font-weight:bold; } #sidebar .mod_wsContactDB .wsContactDB_person p span.position { font-size:10px; } #sidebar .mod_wsContactDB p span.icon_times { background:url('../img/icon_time.gif') no-repeat 1px 3px; padding-left:14px; font-size:10px; } #sidebar .mod_wsContactDB p span.icon_telefon { background:url('../img/icon_telefon.gif') no-repeat 0px 4px; padding-left:14px; } #sidebar .mod_wsContactDB p span.icon_telefax { background:url('../img/icon_fax.gif') no-repeat 0px 4px; padding-left:14px; } #sidebar .mod_wsContactDB p span.icon_mobil { background:url('../img/icon_mobile.gif') no-repeat 1px 3px; padding-left:14px; } #sidebar .mod_wsContactDB p span.icon_email { background:url('../img/icon_email.gif') no-repeat 0px 4px; padding-left:14px; } #sidebar .mod_wsContactDB p span.topspace { padding-top:4px; } /*---| mod_wsContactDB Sidebar [ENDE!] */ /*--| CSS nur #sidebar [ENDE!] */ /*-| Content Komplett [ENDE!] */ /*--| Sidebar Styles [START] */ #whiteSpacer {float:left;width:310px;height:10px;background:#ffffff;overflow:hidden;} /*--| Sidebar Styles [STOP!] */ /*-| Content Komplett [ENDE!] */ /*---| TL Pagination [START] */ #content .pagination p { text-align:center; font-size: 0.69em; line-height: normal; padding: 0.31em 0 0 0; } #content .ce_wsDownloads .pagination p { text-align:left; padding-left:10px;} #content .pagination ul { text-align:center; padding:0 0 0.62em 0; margin:0px;} #content .ce_wsDownloads .pagination ul { text-align:left; padding-left:10px;} #content .pagination li { display:inline; background:none; padding:0px; line-height:normal; padding:0px; margin:0px; } #main .pagination li { font-size: 0.69em; } #sidebar .pagination li { font-size: 0.63em; } #content .pagination li a { border:1px solid #2a51a0; padding: 0 3px; text-decoration:none; color:#ffffff; background:#2a51a0; } #content .pagination li span { border:1px solid #2a51a0; padding: 0 3px; text-decoration:none; color:#2a51a0; background:#ffffff; } #content .pagination li a:hover { color:#2a51a0; background:#ffffff; } /*---| TL Pagination [STOP!] */ /*-| Footer Styles [START] */ #footer { width: 930px; padding: 30px 15px 30px 25px; background: url('../img/bg_footer.gif') repeat-x 0px 10px; } #footer p { font-size: 0.69em; color: #212937; } #footer p.active { font-size: 1.0em; color: #212937; } #footer ul { float:right;padding:0px; } #footer li { padding: 0 10px 0 10px; } /*-| Footer Styles [STOP] */ #content #sidebar .mod_newsmenu ul.level_x li.year ul.level_1 li p { font-size:10px; } #content #main .ce_wsJobboerse .ce_text { padding:0px; width:620px;} #sidebar .ce_wsContactDB_CTE_Back { width:280px; padding:0 15px 5px 15px; background: url('../img/bg_sidebox_head_grey.gif') no-repeat 0 0%; border-bottom:5px solid #e1e1e1; } #sidebar .ce_wsContactDB_CTE_Back a { background:url('../img/icon_backlink_sidebar.gif') no-repeat 0px 3px; padding-left:20px;} #sidebar .ce_wsContactDB_CTE_Back a:hover { background-position: 0px -47px;} .mod_search {width:620px; padding:0px 10px 5px 10px;} /*-| QUCIK AND DIRTY ARCHIV MENU [ENDE!] */ /*-| erweiterte Backend-Klassen [START] */ #content .Bild_ohne_Rahmen div.image_container img { border:0px; padding:0px; } #content .Bild_ohne_Rahmen div.image_container a { border:0px; padding:0px; } #content .Bild_ohne_Rahmen div.image_container a:hover { border:0px; padding:0px; } #content .Bild_ohne_Rahmen div.image_container a span { } /*-| erweiterte Backend-Klassen [STOP!] */ /*---| Autolink Fixes [START] */ #sidebar .mod_wsContactDB .wsContactDB_company p span.autolink, #sidebar .mod_wsContactDB .wsContactDB_person p span.autolink {display:inline;} #content #artikelteaser span.autolink {float:none; display:inline;} #mainnav .navL2 ul.level_1 li.active span.autolink, #mainnav .navL2 ul.level_1 li.trail span.autolink, #mainnav .navL1 ul.level_1 li.active span.autolink, #mainnav .navL1 ul.level_1 li.trail span.autolink { padding:0px; display:inline; float:none;background:none;} /*---| Autolink Fixes [STOP!] */ #sidebar .firstbox {border-top:0px;} #content .Kopfbild div.image_container img, #content .ce_text .Kopfbild div.image_container img { border:0px; padding:0px; margin-left:-10px;margin-top:-9px;padding-bottom:15px;} #content .Kopfbild div.image_container a { border:0px; padding:0px; } #content .Kopfbild div.image_container a:hover { border:0px; padding:0px; } #content .Kopfbild div.image_container a span { } .table80_20 table tr td.col_0 { width:80%;} .table80_20 table tr td.col_1 { width:20%;} /*---| Login/Logout [START] */ #content #sidebar .mod_login label { display:block;width:280px; font-size:11px;padding:3px 0 1px 0;} #content #sidebar .mod_login input.text { border: 1px solid #a8afb9; font-size: 0.75em; width:268px;color: #212936; background: url(../img/bg_input.gif) repeat-x #ffffff;padding: 2px; } #content #sidebar .mod_login input.submit { margin-top:12px;color: #2a51a0; font-weight: bold; font-size: 0.75em; background: #e7eaed url(../img/bg_ceform_button.gif) repeat-x 0 0; border: 1px solid #a8afb9; text-align: center; padding: 4px 18px; cursor: pointer; } #content #sidebar .logout input.submit { margin-top:0px; } #content #sidebar .mod_login p.error {color:#9e0000;padding:0 0 1px 0;} /*---| Login/Logout [STOP!] */