/* enthaelt die definitionen fuer die logos, damit die grafiken sofort angezeigt werden.*/ /* einzelne Bereiche */ /*logo*/ #logo { width: 100%; height: 96px !important; margin: 0; padding: 0; background-color: #f6f6f6; background-repeat: no-repeat; } #topnav { background: #5486CB; color: #ffffff; padding: 5px 25px; } #topnav a, #topnav a:hover, #topnav a:active, #topnav a:visited { color: #fff; } .header_image { background: #fff no-repeat top center; height: 280px; width: 1220px; } #seite #logo { background-image: url(/images/2014/header_schnitt.jpg); background-size: auto 80px; } #fbseite #logo { background-image: url(/images/fdb_logo_gruen.jpg); } #verwaltungsseite #logo { background-image: url(/images/fdb_logo_grau.jpg); } #logo #portalname { font-size: 200%; font-weight: normal; color: #333; float: right; margin-right: 25px; padding-top: 26px; text-align: right; } #portalname .fdbname, #logo .login { color: #5486CB; font-weight: bold; } #logo #beschreibung { font-size: 100%; color: #FFFFFF; margin-left: 540px; padding-top: 11px; } .firma-eintragen { float: right; display: block; background: url(/images/2014/links.png); width: 266px; height: 55px; } /*ceebox*/ /* CeeBox CSS Document */ /* Minor change made for 2.0.6 */ /* Works with 2.0.4 and up */ /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for ceebox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ /* cfcfcf musste ich �ndern, damit unser Design nicht fl�ten geht. *{padding: 0; margin: 0;} html,body{height:100%;} */ /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> ceebox specific background images <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #cee_closeBtn { background-image: url(https://www.firmendatenbanken.de/js/ceebox/images/cee-close-btn.png); } #cee_next { background-image: url(https://www.firmendatenbanken.de/js/ceebox/images/cee-next-btn.png); } #cee_prev { background-image: url(https://www.firmendatenbanken.de/js/ceebox/images/cee-prev-btn.png); } * html #cee_next { background-image: url(https://www.firmendatenbanken.de/js/ceebox/images/cee-next-btn.gif); } /* IE6 hack */ * html #cee_prev { background-image: url(https://www.firmendatenbanken.de/js/ceebox/images/cee-prev-btn.gif); } /* IE6 hack */ #cee_load { background-image: url(https://www.firmendatenbanken.de/js/ceebox/images/loader.gif); } /* ceebox border width controled as option in jquery.ceebox.js */ /* colors for ceebox background and border can also be set as option in jquery.ceebox.js */ #cee_box { background-color: #fff; border-color: #aaaaaa; border-style: solid; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> ceebox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #cee_box { font: 12px Arial, Helvetica, sans-serif; color: #333333; background-color: #fff; } #cee_count { font: 10px Arial, Helvetica, sans-serif; -moz-opacity: 0.8; opacity: 0.8; /* opacity used to reduce contrast of font color so that any main color will work */ clear: left; float: left; padding: 2px 0 4px; } .cee_html #cee_title h2 { float: left; } .cee_html #cee_count { clear: none; padding-left: 5px; } * html #cee_count { /* ie6 hack */ zoom: 1; padding-bottom: 6px; } #cee_next, #cee_prev { height: 100%; width: 49%; text-indent: -10000px; text-decoration: none; visibility: visible; background-repeat: no-repeat; } #cee_box a { border: 0; outline: none } #cee_box a:link { color: #666; } #cee_box a:visited { color: #666; } #cee_box a:hover { color: #000; } #cee_box a:active { color: #666; } #cee_box a:focus { color: #666; } #cee_closeBtn { background-repeat: no-repeat; display: box; width: 24px; height: 23px; position: absolute; text-indent: -10000px; } /* Next up a bunch of ugly ass css hacks to fix the fact that IE cuts off the close button when it floats negative. Yeah "thou shalt not hack the css" ...so sue me it's better than handling it in the javascript */ #cee_closeBtn { top: -3px; right: -3px; } /* base value only here for IE8 */ #cee_closeBtn, #ie8#hack { top: -10px; right: -10px; } /* All browsers except IE8 see this; IE8 keeps using the */ *:first-child + html #cee_closeBtn { top: -3px; right: -3px; } /* only IE7 sees this*/ * html #cee_closeBtn { top: -3px; right: -3px; } /*only IE 6 sees this*/ #cee_closeBtn:hover { background-position: 0px -23px; } .cee_close { cursor: pointer } /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> ceebox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #cee_box { text-align: left; color: #000; } #cee_box img#cee_img, #cee_vid, #cee_iframeContent, #cee_ajax { display: block; margin: 5px 5px 0; /* margin: 15px 15px 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; */ } #cee_title { padding: 7px 15px 5px 15px; overflow: hidden; } .cee_html #cee_title { background-color: #e8e8e8; height: 18px; -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0; } #cee_title h2 { font-size: 1em; font-weight: 400; margin: 0 0 1px; } #cee_ajax { clear: both; padding: 2px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em; } #cee_ { display: none; height: 50px; width: 50px; margin: -25px 0 0 -25px; /* -height/2 0 0 -width/2 */ background-position: center center; background-repeat: no-repeat; } #cee_HideSelect { z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%; width: 100%; } /* * html #cee_HideSelect { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }*/ #cee_iframe { clear: both; border: none; margin-bottom: -1px; margin-top: 1px; } /* tables */ table.tablesorter { font-family: arial; background-color: #CDCDCD; margin: 10px 0pt 15px; font-size: 8pt; width: 100%; text-align: left; } table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #e3f1fa; border: 1px solid #FFF; font-size: 8pt; padding: 4px; } table.tablesorter thead tr .header { background-image: url(/js/tablesorter/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; } table.tablesorter tbody td { color: #3D3D3D; padding: 4px; background-color: #FFF; vertical-align: top; } table.tablesorter tbody tr.odd td { background-color: #F0F0F6; } table.tablesorter thead tr .headerSortUp { background-image: url(/js/tablesorter/asc.gif); } table.tablesorter thead tr .headerSortDown { background-image: url(/js/tablesorter/desc.gif); } table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #aed0ea; } /* * jQuery UI CSS Framework 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height: 1%; } .ui-helper-clearfix { display: block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=deedf7&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=aed0ea&fcHeader=222222&iconColorHeader=72a7cf&bgColorContent=f2f5f7&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=362b36&iconColorContent=72a7cf&bgColorDefault=d7ebf9&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=aed0ea&fcDefault=2779aa&iconColorDefault=3d80b3&bgColorHover=e4f1fb&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=74b2e2&fcHover=0070a3&iconColorHover=2694e8&bgColorActive=3baae3&bgTextureActive=02_glass.png&bgImgOpacityActive=50&borderColorActive=2694e8&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=ffef8f&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=25&borderColorHighlight=f9dd34&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=cd0a0a&bgTextureError=01_flat.png&bgImgOpacityError=15&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffffff&bgColorOverlay=eeeeee&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=90&opacityOverlay=80&bgColorShadow=000000&bgTextureShadow=04_highlight_hard.png&bgImgOpacityShadow=70&opacityShadow=30&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial, sans-serif, Lucida Grande, Lucida Sans; font-size: 100%; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, sans-serif, Lucida Grande, Lucida Sans; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff url(/js/jquery_ui/css/cupertino/images/ui-bg_highlight-hard_100_ffffff_1x100.png) 50% top repeat-x; color: #362b36; } .ui-widget-content a { color: #362b36; } .ui-widget-header { border: 1px solid #aed0ea; background: #deedf7 url(/js/jquery_ui/css/cupertino/images/ui-bg_highlight-soft_100_deedf7_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #aed0ea; background: #d7ebf9 url(/js/jquery_ui/css/cupertino/images/ui-bg_glass_80_d7ebf9_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2779aa; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2779aa; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #74b2e2; background: #e4f1fb url(/js/jquery_ui/css/cupertino/images/ui-bg_glass_100_e4f1fb_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #0070a3; } .ui-state-hover a, .ui-state-hover a:hover { color: #0070a3; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #2694e8; background: #3baae3 url(/js/jquery_ui/css/cupertino/images/ui-bg_glass_50_3baae3_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #f9dd34; background: #ffef8f url(/js/jquery_ui/css/cupertino/images/ui-bg_highlight-soft_25_ffef8f_1x100.png) 50% top repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #cd0a0a url(/js/jquery_ui/css/cupertino/images/ui-bg_flat_15_cd0a0a_40x100.png) 50% 50% repeat-x; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(/js/jquery_ui/css/cupertino/images/ui-icons_72a7cf_256x240.png); } .ui-widget-content .ui-icon { background-image: url(/js/jquery_ui/css/cupertino/images/ui-icons_72a7cf_256x240.png); } .ui-widget-header .ui-icon { background-image: url(/js/jquery_ui/css/cupertino/images/ui-icons_72a7cf_256x240.png); } .ui-state-default .ui-icon { background-image: url(/js/jquery_ui/css/cupertino/images/ui-icons_3d80b3_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(/js/jquery_ui/css/cupertino/images/ui-icons_2694e8_256x240.png); } .ui-state-active .ui-icon { background-image: url(/js/jquery_ui/css/cupertino/images/ui-icons_ffffff_256x240.png); } .ui-state-highlight .ui-icon { background-image: url(/js/jquery_ui/css/cupertino/images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/js/jquery_ui/css/cupertino/images/ui-icons_ffffff_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } /* Overlays */ .ui-widget-overlay { background: #eeeeee url(/js/jquery_ui/css/cupertino/images/ui-bg_diagonals-thick_90_eeeeee_40x40.png) 50% 50% repeat; opacity: .80; filter: Alpha(Opacity=80); } .ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; background: #000000 url(/js/jquery_ui/css/cupertino/images/ui-bg_highlight-hard_70_000000_1x100.png) 50% top repeat-x; opacity: .30; filter: Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } /* * jQuery UI Resizable 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; z-index: 99999; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } /* * jQuery UI Selectable 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } /* * jQuery UI Accordion 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } /* * jQuery UI Autocomplete 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width: 1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.16 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: .2em .4em; line-height: 1.5; zoom: 1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* * jQuery UI Button 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 0.9; } /*:::von 1.4 auf 1.0*/ .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: 0.2em 0em; } /*:::: 0.4em 1em*/ /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* * jQuery UI Dialog 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* * jQuery UI Slider 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /* * jQuery UI Tabs 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* * jQuery UI Datepicker 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0em; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; } .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display /**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } /* * jQuery UI Progressbar 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height: 2em; text-align: left; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu *, .menupopup, .menupopup * { margin: 0; padding: 0 0 0 10px; list-style: none; } .sf-menu, .menupopup { line-height: 1.0; } .sf-menu ul, .menupopup ul { position: absolute; top: -999em; /*width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul { margin-left: 0px; } /* untermenue nach rechts verschieben*/ .sf-menu ul li, .menupopup ul li { width: 100%; } .sf-menu li:hover, .menupopup li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; margin-left: 0px; } .menupopup li { float: left; position: relative; margin-left: 5px; } .sf-menu a { display: block; position: relative; } .menupopup a { /* display: block;*/ position: relative; } .sf-menu li.sfHover ul, .sf-menu li:hover ul, .menupopup li.sfHover ul, .menupopup li:hover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } .sf-menu li ul li.sfHover ul, .sf-menu li ul li:hover ul, .menupopup li ul li.sfHover ul, .menupopup li ul li:hover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul, ul.menupopup li:hover li ul, ul.menupopup li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul, ul.menupopup li li:hover ul, ul.menupopup li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul, ul.menupopup li li:hover li ul, ul.menupopup li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul, ul.menupopup li li li:hover ul, ul.menupopup li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .sf-menu { float: left; margin-bottom: 0; } .sf-menu a { /*border-left: 1px solid #fff; border-top: 1px solid #fff;*/ padding: .75em 1em; text-decoration: none; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #19305A; } .sf-menu li { background: transparent; } .sf-menu li li { background: #fff; } .sf-menu li li li { background: #fff; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #eee; outline: 0; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 1.1em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { display: none; } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { /*background: url('/images/shadow.png') no-repeat bottom right;*/ padding: 0 8px 9px 0; /*-moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px;*/ } .sf-shadow ul.sf-shadow-off { background: transparent; } /* style fuer hauptmenu*/ .sf-menu .fachbereich { width: 210px; } .sf-menu .portale, .sf-menu .angebote, .sf-menu .fdb { width: 150px; } .sf-menu .umenu_portal { width: 170px; position: absolute; margin-left: 20px; margin-top: 0; } .sf-menu > li > a { font-weight: normal; } /* style fuer popup im menue (rechte buttons*/ .menupopup { float: right; margin-top: 7px; margin-right: 15px; } .menupopup .kopfmerkliste, .menupopup .kopfbookmark, .menupopup .kopflogin, .menupopup .kopfaplogin { margin-top: -8px; background-color: #19305A; } .menupopup .kopfmerkliste { width: 460px; margin-left: -393px; } .menupopup .kopfbookmark { width: 230px; margin-left: -190px; } .menupopup .kopflogin { width: 230px; margin-left: -110px; } .menupopup .kopfaplogin { width: 230px; margin-left: -136px; } .menupopup .lo { float: left; width: 10px; height: 10px; background-image: url(/images/ecken_5px_5486cb.gif); background-repeat: no-repeat; background-position: 0 0; } .menupopup .ro { float: right; width: 10px; height: 10px; background-image: url(/images/ecken_5px_5486cb.gif); background-repeat: no-repeat; background-position: -20px 0; } .menupopup .titel { padding: 10px 15px; color: #FFFFFF; float: left; } .menupopup .inhaltlogin, .menupopup .inhaltbookmark, .menupopup .inhaltmerkliste { padding: 20px 15px; overflow: hidden; background-color: #eee; border-left: #ccc 1px solid; border-right: #ccc 1px solid; border-bottom: #ccc 1px solid; } .menupopup .inhaltlogin { width: 198px; margin: 20px 0 0 -230px; } .menupopup .inhaltbookmark { width: 198px; margin: 20px 0 0 -230px; } .menupopup .inhaltmerkliste { width: 428px; margin: 20px 0 0 -460px; } .ui-multiselect { padding: 1px 0 1px 4px; text-align: left } .ui-multiselect span.ui-icon { float: right } .ui-multiselect-single .ui-multiselect-checkboxes input { position: absolute !important; top: auto !important; left: -9999px; } .ui-multiselect-single .ui-multiselect-checkboxes label { padding: 5px !important } .ui-multiselect-header { margin-bottom: 3px; padding: 3px 0 3px 4px } .ui-multiselect-header ul { font-size: 90%; } .ui-multiselect-header ul li { float: left; padding: 0 10px 0 0 } .ui-multiselect-header a { text-decoration: none } .ui-multiselect-header a:hover { text-decoration: underline } .ui-multiselect-header span.ui-icon { float: left } .ui-multiselect-header li.ui-multiselect-close { float: right; text-align: right; padding-right: 0 } .ui-multiselect-menu { display: none; padding: 3px; position: absolute; z-index: 10000 } .ui-multiselect-checkboxes { position: relative /* fixes bug in IE6/7 */; overflow-y: scroll } .ui-multiselect-checkboxes label { cursor: default; display: block; border: 1px solid transparent; padding: 3px 1px } .ui-multiselect-checkboxes label input { position: relative; top: 1px } .ui-multiselect-checkboxes li { clear: both; font-size: 90%; padding-right: 3px } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align: center; font-weight: bold; border-bottom: 1px solid } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display: block; padding: 3px; margin: 1px 0; text-decoration: none } /* remove label borders in IE6 because IE6 does not support transparency */ * html .ui-multiselect-checkboxes label { border: none } .ui-multiselect-hasfilter ul { position: relative; top: 2px } .ui-multiselect-filter { float: left; margin-right: 10px; font-size: 11px } .ui-multiselect-filter input { width: 100px; font-size: 10px; margin-left: 5px; height: 15px; padding: 2px; border: 1px solid #292929; -webkit-appearance: textfield; -webkit-box-sizing: content-box; } .mejs-container { position: relative; background: #fff; font-family: Helvetica, Arial; } .me-plugin { position: absolute; } .mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #fff; overflow: hidden; } .mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; } .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100%; height: 100%; } .mejs-background { position: absolute; top: 0; left: 0; } .mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mejs-poster { position: absolute; top: 0; left: 0; } .mejs-poster img { border: 0; padding: 0; border: 0; display: block; } .mejs-overlay { position: absolute; top: 0; left: 0; } .mejs-overlay-play { cursor: pointer; } .mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: url(http://www.firmendatenbanken.de/js/mediaelement/build/bigplay.png) no-repeat; } .mejs-overlay:hover .mejs-overlay-button { background-position: 0 -100px; } .mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background: #333; background: url(http://www.firmendatenbanken.de/js/mediaelement/build/background.png); background: rgba(0, 0, 0, 0.9); background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); } .mejs-overlay-loading span { display: block; width: 80px; height: 80px; background: transparent url(http://www.firmendatenbanken.de/js/mediaelement/build/loading.gif) 50% 50% no-repeat; } .mejs-container .mejs-controls { position: absolute; background: none; list-style-type: none; margin: 0; padding: 0; bottom: 0; left: 0; background: url(http://www.firmendatenbanken.de/js/mediaelement/build/background.png); background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); height: 30px; width: 100%; } .mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; background: 0; font-family: Helvetica, Arial; border: 0; } .mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 16px; width: 16px; border: 0; background: transparent url(http://www.firmendatenbanken.de/js/mediaelement/build/controls.png) no-repeat; } .mejs-controls .mejs-button button:focus { outline: solid 1px yellow; } .mejs-container .mejs-controls .mejs-time { color: #fff; display: block; height: 17px; width: auto; padding: 8px 3px 0 3px; overflow: hidden; text-align: center; padding: auto 4px; } .mejs-container .mejs-controls .mejs-time span { font-size: 11px; color: #fff; line-height: 12px; display: block; float: left; margin: 1px 2px 0 0; width: auto; } .mejs-controls .mejs-play button { background-position: 0 0; } .mejs-controls .mejs-pause button { background-position: 0 -16px; } .mejs-controls .mejs-stop button { background-position: -112px 0; } .mejs-controls div.mejs-time-rail { width: 200px; padding-top: 5px; } .mejs-controls .mejs-time-rail span { display: block; position: absolute; width: 180px; height: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer; } .mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px; background: #333; background: rgba(50, 50, 50, 0.8); background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8))); background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#1E1E1E, endColorstr=#3C3C3C); } .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #3caac8; background: rgba(60, 170, 200, 0.8); background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(44, 124, 145, 0.8)), to(rgba(78, 183, 212, 0.8))); background: -webkit-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: -moz-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: -o-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: -ms-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#2C7C91, endColorstr=#4EB7D4); width: 0; } .mejs-controls .mejs-time-rail .mejs-time-current { width: 0; background: #fff; background: rgba(255, 255, 255, 0.8); background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#C8C8C8); } .mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; border: solid 2px #333; top: -2px; text-align: center; } .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #eee; width: 36px; height: 17px; border: solid 1px #333; top: -26px; margin-left: -18px; text-align: center; color: #111; } .mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; } .mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: solid 5px #eee; border-color: #eee transparent transparent transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 15px; left: 13px; } .mejs-controls .mejs-fullscreen-button button { background-position: -32px 0; } .mejs-controls .mejs-unfullscreen button { background-position: -32px -16px; } .mejs-controls .mejs-mute button { background-position: -16px -16px; } .mejs-controls .mejs-unmute button { background-position: -16px 0; } .mejs-controls .mejs-volume-button { position: relative; } .mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background: url(http://www.firmendatenbanken.de/js/mediaelement/build/background.png); background: rgba(50, 50, 50, 0.7); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; } .mejs-controls .mejs-volume-button:hover { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.5); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.9); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; background: #ddd; background: rgba(255, 255, 255, 0.9); cursor: N-resize; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin: 0; } .mejs-controls .mejs-captions-button { position: relative; } .mejs-controls .mejs-captions-button button { background-position: -48px 0; } .mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(http://www.firmendatenbanken.de/js/mediaelement/build/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } .mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0 0 5px 0; } .mejs-chapters { position: absolute; top: 0; left: 0; -xborder-right: solid 1px #fff; width: 10000px; } .mejs-chapters .mejs-chapter { position: absolute; float: left; background: #222; background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000); overflow: hidden; border: 0; } .mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #fff; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer; } .mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none; } .mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: #666; background: rgba(102, 102, 102, 0.7); background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6))); background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232); } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 3px 0; line-height: 12px; } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0 4px 0; display: block; white-space: nowrap; text-overflow: ellipsis; } .mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align: center; line-height: 22px; font-size: 12px; color: #fff; } .mejs-captions-layer a { color: #fff; text-decoration: underline; } .mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: normal; } .mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; } .mejs-captions-position-hover { bottom: 45px; } .mejs-captions-text { padding: 3px 5px; background: url(http://www.firmendatenbanken.de/js/mediaelement/build/background.png); background: rgba(20, 20, 20, 0.8); } .mejs-clear { clear: both; } .me-cannotplay a { color: #fff; font-weight: bold; } .me-cannotplay span { padding: 15px; display: block; } .mejs-controls .mejs-loop-off button { background-position: -64px -16px; } .mejs-controls .mejs-loop-on button { background-position: -64px 0; } .mejs-controls .mejs-backlight-off button { background-position: -80px -16px; } .mejs-controls .mejs-backlight-on button { background-position: -80px 0; } .mejs-controls .mejs-picturecontrols-button { background-position: -96px 0; } .mejs-contextmenu { position: absolute; width: 150px; padding: 10px; border-radius: 4px; top: 0; left: 0; background: #fff; border: solid 1px #999; z-index: 1001; } .mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0; margin: 5px 6px; background: #333; } .mejs-contextmenu .mejs-contextmenu-item { font-family: Helvetica, Arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333; } .mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff; } /* seitenstruktur*/ body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0; background-color: #ffffff; } #seite, #fbseite, #verwaltungsseite { width: 1220px; margin: 10px auto; background-color: #f6f6f6; padding: 0px; border: none; } #seite { /*background:url(../images/fdbweihnachten2012.png) no-repeat 0 115px #f6f6f6;*/ background-color: #f6f6f6; } #internseite { min-width: 1220px; max-width: 100%; margin: 1em 2em; background-color: #f6f6f6; padding: 0px; border: none; } /* linke und mittlere spalte*/ #links_und_mitte { width: 960px; margin: 0; padding: 0; float: left; } #mitte { width: 700px; margin: 0; padding: 0; float: right; background-color: #ffffff; } #internmitte { width: 70%; margin: 0 0 0 2px; padding: 0; float: left; background-color: #ffffff; } /* schmale spalten links und rechts*/ #links, #rechts { width: 240px; min-height: 150px; margin: 0; float: left; font-size: 90%; background-color: #ffffff; } #internseite #rechts { min-height: 0px; width: 28%; } #rechts { float: right; } #links { float: left; } #breadcrumbs { margin: 15px; } /* fusszeile*/ #fuss { width: 100%; margin: 2em 0; padding: 10px 0 10px 0; clear: both; border-top: 1px #ccc solid; } /*links in fusszeile aus sichtbaren bereich verschieben*/ #fusslinks { width: 100%; margin: -40px 0 0 -4000px; /*Feine Medien*/ /* margin: 0;*/ padding: 0; } #fusslinks a { text-decoration: none; font-style: normal; color: #000000; margin: 0 1px; padding: 0 2px; border: 1px solid #ccc; } /* standardtags umdefinieren*/ h1, h2, h3, h4, h5, h6 { margin: 0px 0 0 0; padding: 0 15px; } fieldset { margin: 0; padding: 0; border: none; } ul, table { padding: 0px 15px; } p { padding: 10px 15px 0 15px; } a { text-decoration: none; color: #5486cb; } a:hover { text-decoration: underline; color: #5486cb; } h1 a, h2 a, h3 a, h4 a { color: #333333; } ul, ol, p { margin: 0.2em 0 0 0; } li { margin: 0 0 0 20px; } .abstand li { margin: 0.6em 0 0 20px; } #rechts h4, #links h4 { font-size: 110%; background-color: #5486cb; color: #ffffff; padding: 4px 15px; line-height: 140%; } #rechts .rahmen, #links .rahmen { border-left: #5486cb 1px solid; border-right: #5486cb 1px solid; border-bottom: #5486cb 1px solid; padding: 0 0 10px 0; } #verwaltungsseite #rechts h4, #verwaltungsseite #links h4 { font-size: 110%; background-color: #aaa; color: #ffffff; } #verwaltungsseite #rechts .rahmen, #verwaltungsseite #links .rahmen { border-left: #ddd 1px solid; border-right: #ddd 1px solid; border-bottom: #ddd 1px solid; } /* einzelne Bereiche */ /* logo sh. logos.css*/ /* navigation */ #navigation { height: 32px; margin: 9px -15px 0 0; padding: 0; clear: both; font-size: 12px; color: #5486CB; text-align: left; } /*banner*/ #banner { /* width: 100%;*/ margin: 0; padding: 0; height: 105px; font-size: 90%; } #banner h4 { font-size: 110%; background-color: #5486cb; color: #ffffff; padding: 4px 15px; line-height: 140%; } #banner img { float: left; padding-left: 60px; padding-top: 5px; border: none; } /* fachbereiche*/ #fbseite #rechts h4, #fbseite #links h4, #fbseite #banner h4 { background-color: #006600; } #fbseite #rechts .rahmen, #fbseite #links .rahmen { border-left: #006600 1px solid; border-right: #006600 1px solid; border-bottom: #006600 1px solid; } #fbseite a, #fbseite a:hover { color: #006600; } #fbseite .link_sw { color: #333333; } /*links in schwarzer schrift*/ /*inhaltsbereich in der mitte*/ #inhalte { width: 100%; margin: 5px 0 0 0; padding: 0; min-height: 200px; } #inhalte h1, #inhalte h2 { font-size: 150%; font-weight: normal; color: #aaa; line-height: 100%; margin: 20px 0 20px 0; border-bottom: #aaa 1px solid; } #inhalte h3 { font-size: 100%; font-weight: bold; color: #333; line-height: 100%; margin: 20px 0 0px 0; } #inhalte .adresse h2 { color: #333333; margin: 0 0 -5px 0; font-size: 120%; font-weight: bold; border: none; } #inhalte p { margin: 0; } /* kaestchen fuer aktualitaet*/ .aktuell_gruen { background: url('/pic/buttons_vektor_2.gif') -2px -111px; width: 13px; height: 13px; float: right; margin: 0 2px 0 2px; } .aktuell_grau { background: url('/pic/buttons_vektor_2.gif') -2px -19px; width: 13px; height: 13px; float: right; margin: 0 2px 0 2px; } .aktuell_gelb { background: url('/pic/buttons_vektor_2.gif') -2px -126px; width: 13px; height: 13px; float: right; margin: 0 2px 0 2px; } .aktuell_rot { background: url('/pic/buttons_vektor_2.gif') -2px -95px; width: 13px; height: 13px; float: right; margin: 0 2px 0 2px; } /* bewertungssterne */ .bewertung_gelb { background: url('/pic/buttons_vektor_2.gif') -117px -126px; width: 14px; height: 13px; float: right; margin: 0 1px 0 0; } .bewertung_grau { background: url('/pic/buttons_vektor_2.gif') -117px -19px; width: 14px; height: 13px; float: right; margin: 0 1px 0 0; } /* haken*/ .ok_gruen { background: url('/pic/buttons_vektor_2.gif') -132px -110px; width: 14px; height: 13px; float: left; margin: 0 0.5em 0 0; } .ok_grau { background: url('/pic/buttons_vektor_2.gif') -132px -19px; width: 14px; height: 13px; float: left; margin: 0 0.5em 0 0; } /* leeres feld (kein haken)*/ .leer_grau { background: url('/pic/buttons_vektor_2.gif') -145px -19px; width: 14px; height: 13px; float: left; margin: 0 0.5em 0 0; } /*icons*/ .icon_news { background: url('/pic/icons.gif') -309px -31px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_angebote { background: url('/pic/icons.gif') -384px -62px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_termin { background: url('/pic/icons.gif') -820px 0px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_job { background: url('/pic/icons.gif') -47px -95px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_messe { background: url('/pic/icons.gif') -9px -63px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_video { background: url('/pic/icons.gif') -195px 2px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_merkliste { background: url('/pic/icons.gif') -347px -95px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_route { background: url('/pic/icons.gif') -535px -31px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_tel { background: url('/pic/icons.gif') -118px -63px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_fax { background: url('/pic/icons.gif') -84px -31px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_mail { background: url('/pic/icons.gif') -119px 2px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_www { background: url('/pic/icons.gif') -48px 0px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_zurueck { background: url('/pic/icons.gif') -913px 0px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_einzelliste { background: url('/pic/icons.gif') -912px -61px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_liste { background: url('/pic/icons.gif') -915px -31px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_portrait { background: url('/pic/icons.gif') -856px 0px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_sprache { background: url('/pic/icons.gif') -889px 0px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_pdf { background: url('/pic/icons.gif') -890px -31px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_zertifikat { background: url('/pic/icons.gif') -890px 63px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_mitarbeiterlogin { background: url('/pic/icons.gif') -819px -62px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_mitarbeiter { background: url('/pic/icons.gif') -47px -31px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_upload_ap { background: url('/pic/icons.gif') -231px -62px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_upload_pic { background: url('/pic/icons.gif') -197px -62px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_login { background: url('/pic/icons.gif') -602px -31px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_details { background: url('/pic/icons.gif') -601px -63px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_bericht { background: url('/pic/icons.gif') -639px -95px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_eingabe { background: url('/pic/icons.gif') -747px 0px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_produkt { background: url('/pic/icons.gif') -639px -95px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_presse { background: url('/pic/icons.gif') -9px -95px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_info_l { background: url('/pic/icons.gif') -713px -95px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; cursor: pointer; } .icon_info_r { background: url('/pic/icons.gif') -713px -95px; width: 20px; height: 20px; float: right; margin: 0 2px 0 0; cursor: pointer; } .icon_loesch { background: url('/pic/icons.gif') -891px -95px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_suche { background: url('/pic/icons.gif') -603px 0px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_aufzu { background: url('/pic/icons.gif') -911px -95px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_rechtsoben { background: url('/pic/icons.gif') -10px -31px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_linksunten { background: url('/pic/icons.gif') -83px -63px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_plus { background: url('/pic/icons.gif') -48px -63px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_minus { background: url('/pic/icons.gif') -265px -58px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_mobil { background: url('/pic/icons.gif') -121px -30px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_impressum { background: url('/pic/icons.gif') -348px -30px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_topanbieter { background: url('/pic/buttons_vektor_2.gif') -162px -137px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } .icon_ok { background: url('/pic/buttons_vektor_2.gif') -143px -137px; width: 20px; height: 20px; float: left; margin: 0 2px 0 0; } /* vorabansicht in zwei spalten (links ein bild und rechts text per:

Titel>

Text

*/ #inhalte .bildspalte { margin-top: 20px; width: 130px; text-align: center; float: left; } #inhalte .bildspalte img { max-width: 80px; max-height: 80px; border: none; } #result .statpreload { text-align: center; margin: 20px 0 30px 0; } .table_ddd td { vertical-align: middle; } .statsheader { padding: 10px 10px; color: #fff; font-weight: bold; background-color: #5486CB; margin-bottom: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .statloader { display: inline; width: 60px; vertical-align: middle; } .statsheader select { margin-right: 10px; } #inhalte .textspalte { float: left; width: 540px; } #inhalte .textspalte.showlogo-1{ width: auto; padding: 0 20px; } #inhalte .bildspalte.showlogo-1 { display:none; margin-top: 20px; width: 130px; text-align: center; float: left; } .textbereich { padding: 0 15px 0 0; } .textbereich p, .textbereich table, .textbereich h3, .textbereich h4, .textbereich h5, .textspalte p, .textspalte table, .textspalte h3, .textspalte h4, .textspalte h5 { padding-left: 0; padding-right: 0; } /* empfehlung in den schmalen spalten als */ /* .empfehlung{ margin: 0; padding: 0; list-style: none; } */ /* .empfehlung li{ margin:0; padding:0; } */ .empfehlung h5 { margin: 0; padding: 15px 15px 0 15px; font-size: 100%; } .empfehlung img { width: 80px; border: none; margin: 1px 79px; padding: 0; } .empfehlung p img { margin: 1px 64px; } /* .empfehlung li p{ padding:1em 15px 0 15px; } */ .empfehlung p { padding: 1em 15px 0 15px; } /* menupopup fuer merkliste (z. B.)
Txt
*/ .merkliste { margin: 0 0 10px 0; padding: 3px; height: 20px; border-bottom: #aaaaaa 1px solid; } .merkliste .logo { width: 50px; height: 20px; float: left; margin: 0 1em 0 0; text-align: center; vertical-align: top; } .merkliste .logo img { max-height: 20px; max-width: 40px; border: none; margin-top: 2px; vertical-align: top; } .merkliste .adresse { position: relative; width: 320px; max-width: 340px; overflow: hidden; float: left; margin: 4px 0 0 0; vertical-align: bottom; height: 20px; white-space: nowrap; } /* suchformular (runde ecken f�r die alten browser*/ #suchform, #suchform_inhalt { text-align: center; width: 100%; height: 20px; line-height: 5px; margin: 20px 0 0 0; padding: 0; } #suchform { /*background-color:#f6f6f6;*/ position: relative; } #suchform_inhalt { background-color: #ffffff; } #suchform .suchfeld, #suchform_inhalt .suchfeld_produkt, #suchform_inhalt .suchfeld_presse, #suchform_inhalt .suchfeld_allgemein { /*textfeld*/ display: block; border: #e8e8e8 1px solid; border-right: 0; font-size: 15px; margin: 10px 0 10px 10px; padding: 9px; float: left; height: 18px; } #suchform .addon-search-button { font-size: 17px; margin: 10px 10px 10px 0; padding: 8px; float: left; background: #ffffff; color: #999; border: #e8e8e8 1px solid; border-left: 0; display: block; height: 38px; } .selectfeld_presse { border: #aed0ea 1px solid; height: 20px; font-size: 110%; margin: 0; padding: 0; float: left; width: 402px; } .suchfeld_presse { width: 200px; } #suchform .suchfeld { /*textfeld*/ width: 700px; } #suchform_inhalt .suchfeld_produkt, .suchfeld_allgemein { /*textfeld*/ width: 617px; } .suchgrau { /*text ausgrauen,wenn beschr. im feld steht*/ color: #19305A; } #suchform .feldposition { float: left; background: #5586cb; margin-bottom: 20px; overflow: hidden; } #suchform .feld-optionen { position: absolute; top: 50px; margin-left: 10px; overflow: hidden; height: 20px; width: 100%; padding: 11px 0 0 0; text-align: left; } #links, #mitte, #rechts {margin-top: 10px;} /*#suchform .feld-optionen input { margin-top: -5px; padding-top: 0; } #suchform .feld-optionen label { padding-right: 10px; } #suchform_inhalt .feldposition_inhalt { width: 670px; padding: 0 0 0 15px; float: left; }*/ #suchform .feld-optionen label:hover { cursor: pointer; } #suchform .erweitertesuche { font-size: 15px; display: block; color: #333; float: left; margin: 10px; padding: 15px; cursor: pointer; background: #fff; border: #E8E8E8 1px solid; } #suchform .btn_icon, #suchform_inhalt .btn_icon { width: 22px; height: 20px; padding: 0px 0 0 2px; /* border: none;*/ cursor: pointer; margin: 0; } #rechts h3, #links h3 { font-size: 100%; } #rechts p, #links p { font-size: 100%; margin: 0; } /*grafiken fuer bookmark*/ #bookmark img { width: 20px; height: 20px; border: none; margin: 2px; } /* nuetzliches*/ .clear { display: block; clear: both; float: none; margin: 0; padding: 0; border: none; font-size: 0; height: 0; overflow: hidden; } /*trennlinie*/ .trenn80 { height: 1px; border-width: 1px 0 0 0; border-style: solid; border-color: #aaa; width: 80px; margin: 15px auto; text-align: center; } .link_sw { color: #333333; } /*links in schwarzer schrift*/ .boxabstand { width: 100%; height: 20px; background-color: #f6f6f6; } /* icons/buttons*/ .btn_icon { /* */ width: 30px; height: 18px; margin-top: 2px; padding: 0px 6px; cursor: pointer; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; } .icon { width: 16px; padding: 2px; cursor: pointer; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; } .info_icon { margin: -1px 0 0 0; padding: 3px 0.5em 0; border: #aaa 1px solid; float: right; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; cursor: pointer; } .info_icon_h1 { margin-right: 15px; } /*fehlermeldung*/ .fehler { background-color: #FF0000; border: #ffaaaa 1px solid; color: #ffffff; padding: 20px; } /*bestaetigung*/ .ok { background-color: #f3f3f3; border: #009900 1px solid; padding: 20px; } .hinweis { background-color: #f3f3f3; border: #044dce 1px solid; padding: 20px; } .aussenrand { background-color: #ccc; padding: 1px; margin: 15px; } .textbereich .aussenrand { margin: 15px 0 15px 0; } /*tabelle mit variierenden farben*/ .table_ddd { width: 100%; margin: 0; padding: 0; border: 1px solid #ddd; } .table_ddd .kopf { background-color: #dddddd; padding: 5px; } .table_ddd .weiss { background-color: #FFFFFF; padding: 5px; } .table_ddd td { padding: 5px; } .table_ddd tr:nth-child(2n+1) { background-color: #f3f3f3; } /* tabelle in Blau*/ .tabelle_blau { width: 100%; margin: 0; padding: 0; border: 1px solid #5486cb; } .tabelle_blau .kopf { background-color: #5486cb; padding: 5px; color: #FFFFFF; } .tabelle_blau .weiss { background-color: #FFFFFF; padding: 5px; } .tabelle_blau td { background-color: #aed0ea; padding: 5px; } .tabelle_blau .c { text-align: center; } .tabelle_blau .trenn { background-color: #FFFFFF; padding: 0; margin: 0; height: 5px; font-size: 5px; line-height: 5px; border: none; } .tabelle_blau .info_icon { margin: -1px 0 0 0; padding: 0 0.4em; border: #5486CB 1px solid; } .tabelle_blau .kopf .info_icon { margin: -1px 0 0 0; padding: 0 0.4em; border: #AED0EA 1px solid; } /* schriften */ .fnt08 { font-size: 60%; } .fnt09 { font-size: 70%; } .fnt10 { font-size: 80%; } .fnt11 { font-size: 90%; } .fnt12 { font-size: 110%; } .fnt14 { font-size: 120%; } .fnt16 { font-size: 140%; } .fnt08b { font-size: 60%; font-weight: bold; } .fnt09b { font-size: 70%; font-weight: bold; } .fnt10b { font-size: 80%; font-weight: bold; } .fnt11b { font-size: 90%; font-weight: bold; } .fnt12b { font-size: 110%; font-weight: bold; } .fnt14b { font-size: 120%; font-weight: bold; } .fnt16b { font-size: 140%; font-weight: bold; } /* farben*/ .tweiss { color: #fff; } .trot { color: #900; } .hellrot { color: #ff0000; } .tgrau { color: #999; } option.Tgrau08 { color: #999; } .tblau { color: #5486cb; } .tgruen { color: #090; } .farbe_basic { color: #009900; } .farbe_gold { color: #f3be00; } .farbe_platin { color: #888888; } .farbe_basic_hell { color: #37c200; } .farbe_gold_hell { color: #f3be00; } .farbe_platin_hell { color: #bbbbbb; } /* bilder */ .llpic { float: left; margin-right: 15px; } .rrpic { float: right; margin-left: 15px; } /* formularfelder*/ .feld550, .feld500, .feld400, .feld300, .feld350, .feld200, .feld150, .feld100, .feld080, .feld050, .feld042 { font-size: 11px; font-weight: bold; border: 1px solid #999999; margin: 2px; height: 14px; } .feldarea550, .feldarea500, .feldarea400, .feldarea350, .feldarea300, .feldarea200 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; border: 1px solid #999999; margin: 2px; } .select550, .select500, .select400, .select300, .select350, .select200, .select150, .select100, .select080 { font-size: 11px; font-weight: bold; border: 1px solid #999999; margin: 2px; height: 18px; padding: 0px; } .feldarea550, .feld550 { width: 550px; } .feldarea500, .feld500 { width: 500px; } .feldarea400, .feld400 { width: 400px; } .feldarea300, .feld300 { width: 300px; } .feldarea350, .feld350 { width: 350px; } .feldarea200, .feld200 { width: 200px; } .feld150 { width: 150px; } .feld100 { width: 100px; } .feld080 { width: 80px; } .feld050 { width: 50px; } .feld042 { width: 42px; } .select550 { width: 555px; } .select500 { width: 505px; } .select400 { width: 405px; } .select300 { width: 305px; } .select350 { width: 355px; } .select200 { width: 205px; } .select150 { width: 155px; } .select100 { width: 105px; } .select080 { width: 85px; } .btn { color: #222222; padding: 2px 20px; line-height: 18px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; cursor: pointer; } .formfehler { border: 1px solid #990000; background: #ff0000 !important; color: #ffffff; } .formfehler a { color: #ffffff; } .formreq { display: none; } .pull-left { float: left; } .pull-right { float: right; } .fm-intern-menu {list-style: none;margin: 10px 0 0; padding: 0;} #footer { border-top: 8px solid #5486CB; clear: both; width: 100%; background: #efefef; } #footer .footer-container { padding: 20px; } #footer .footer-container .footer-grid { display: inline-block; vertical-align: top; } #footer .footer-container .footer-grid .grid-container { padding-right: 20px; } #footer .footer-container .footer-grid .grid-container h1, #footer .footer-container .footer-grid .grid-container h2{ text-transform: uppercase; font-size: 120%; margin-left: 0; padding-left: 0; color: #999; border-bottom: 0px double #fff !important; } #footer .footer-container .footer-grid .grid-container h1 { margin-bottom: 12px; } #footer .footer-container .footer-grid .grid-container ul { list-style-type: none; margin:0; padding: 0; } #footer .footer-container .footer-grid .grid-container ul li { padding: 0; margin: 0; } #footer .footer-container .footer-grid .grid-container h2 { margin-top: 12px; margin-bottom: 12px; } #footer .footer-container .footer-grid .grid-container p { padding: 0 0 6px 0; } #footer .footer-container .footer-grid .grid-container img { margin-right: 4px; } #footer .footer-container .footer-grid .grid-container a { color: #444; padding: 1px 0 1px 0; } #footer .footer-container .footer-grid .grid-container ul li a { display: block; } #footer .footer-container .footer-grid .grid-container ul li a:hover { background: #fff; color: #333; text-decoration: none; } #footer .footer-container .footer-grid.footer-3 .grid-container li { width: 16px; height: 16px; border: 0px solid; display: inline-block; vertical-align: middle; text-align: center; margin-bottom: 5px; margin-right: 7px; padding: 0 0 0 0; color: #444; position: relative; } #footer .footer-container .footer-grid.footer-3 .grid-container li:after { content: "|"; position: absolute; top: 5px; color: #888; right: -10px; } #footer .footer-container .footer-grid.footer-3 .grid-container li:last-child{ margin-right: 0; } #footer .footer-container .footer-grid.footer-3 .grid-container li:last-child:after, #footer .footer-container .footer-grid.footer-3 .grid-container li:nth-child(8):after, #footer .footer-container .footer-grid.footer-3 .grid-container li:nth-child(16):after, #footer .footer-container .footer-grid.footer-3 .grid-container li:nth-child(24):after { content: ""; } #footer .footer-container .footer-grid.footer-3 .grid-container li a { padding: 6px 0 0 0; width: 24px; height: 20px; vertical-align: middle; display: inline-block; } .fa-slider { padding: 20px 20px 30px 20px; margin-top: 5px; background: #ffffff; } .fa-slider .carousel-indicators { margin-bottom: -40px; } .fa-slider .carousel-indicators li { border: 1px solid #afafaf; width: 6px; height: 6px; border-radius: 6px; vertical-align: top; margin: 2px; } .fa-slider .carousel-indicators li.active { background: #afafaf; } .carousel-caption { position:relative; left: 0; bottom: 0; padding: 0 !important; text-align: left; min-height: 30px; margin: 0 !important; overflow: hidden; background: #fff; } .carousel-caption h3 { margin: 0 !important; text-shadow: none; padding: 0 15px 0 0 !important; min-height: 26px; }