@charset "UTF-8"; /** * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework * * (en) YAML core stylesheet * (de) YAML Basis-Stylesheet * * Don't make any changes in this file! * Your changes should be placed in any css-file in your own stylesheet folder. * * @copyright Copyright 2005-2007, Dirk Jesse * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-C (http://www.yaml.de/en/license/license-conditions.html) * @link http://www.yaml.de * @package yaml * @version 3.0.1 * @revision $Revision: 92 $ * @lastmodified $Date: 2007-07-15 10:26:40 +0200 (So, 15 Jul 2007) $ */ @media all { /*------------------------------------------------------------------------------------------------------*/ /** * @section browser reset * @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html */ /* (en) Global reset of paddings and margins for all HTML elements */ /* (de) Globales Zuruecksetzen der Innen- und Au\u00DFenabstaende fuer alle HTML-Elemente */ * { margin:0; padding: 0 } /* (en) Correction: margin/padding reset caused too small select boxes. */ /* (de) Korrektur: Das Zuruecksetzen der Abstaende verursacht zu kleine Selectboxen. */ option { padding-left: 0.4em } /** * (en) Global fix of the Italics bugs in IE 5.x and IE 6 * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6 * * @bugfix * @affected IE 5.x/Win, IE6 * @css-for IE 5.x/Win, IE6 * @valid yes */ * html body * { overflow:visible } * html iframe, * html frame { overflow:auto } * html frameset { overflow:hidden } /* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */ /* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */ html { height: 100% } body { min-height: 101%; /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */ /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgr\u00F6\u00DFen in aelteren Opera Versionen */ font-size: 100.01%; /* (en) Standard values for colors and text alignment */ /* (de) Vorgabe der Standardfarben und Textausrichtung */ color: #000; background: #fff; text-align: left; } /* (en) Clear borders for
and elements */ /* (de) Rahmen fuer
und Elemente l\u00F6schen */ fieldset, img { border: 0 solid} /* (en) new standard values for lists, blockquote and cite */ /* (de) Neue Standardwerte fuer Listen & Zitate */ ul, ol, dl { margin: 0 0 1em 1em } li { margin-left: 1.5em; line-height: 1.5em; } dt { font-weight: bold; } dd { margin: 0 0 1em 2em; } blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;} /*------------------------------------------------------------------------------------------------------*/ /** * @section base layout | Basis Layout * @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html * * |-------------------------------| * | #header | * |-------------------------------| * | #col1 | #col3 | #col2 | * | 200 px | flexible | 200px | * |-------------------------------| * | #footer | * |-------------------------------| */ #header { position:relative } #topnav { position:absolute; top: 10px; right: 10px; /* (en) essential for correct alignment in Opera 6 ! */ /* (de) Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */ text-align: right; } #nav { clear:both; width: auto } #main { clear:both; width: auto } /* (en/de) Standard: 200 Pixel */ #col1 { float: left; width: 200px } /* (en/de) Standard: 200 Pixel */ #col2 { float:right; width: 200px } /* (en) Standard: center column with flexible width */ /* (de) Standard: Flexible mittlere Spalte */ #col3 { width:auto; margin: 0 200px } /* (en) Backup for #footer positioning */ /* (de) Absicherung fuer die Positionierung von #footer */ #footer { clear:both; display:block } /* (en) Adjustment: sort #col3 behind float columns using z-index */ /* (de) Anpassung: #col3 mittels z-index hinter die float-Spalten verschieben */ #col1 {z-index: 3} #col2 {z-index: 5} #col3 {z-index: 1} #col1_content {z-index: 4} #col2_content {z-index: 6} #col3_content {z-index: 2} #col1_content, #col2_content, #col3_content { position:relative } /*------------------------------------------------------------------------------------------------------*/ /** * @section generic classes for layout switching | Generische Klassen zur Layoutumschaltung * @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html * * .hidenone -> show all columns * .hideleft -> 2-column-layout (using #col2 and #col3) * .hideright -> 2-column-layout (using #col1 and #col3) * .hidenone -> single-column-layout (using #col3) */ .hidenone #col3 {margin: 0 200px} .hideboth #col3 {margin-left: 0; margin-right: 0} .hideleft #col3 {margin-left: 0; margin-right: 200px} .hideright #col3 {margin-left: 200px; margin-right: 0} .hideboth #col1, .hideboth #col2 {display:none} .hideleft #col1 {display:none} .hideright #col2 {display:none} /*------------------------------------------------------------------------------------------------------*/ /** * @section clearing methods * @see http://yaml.de/en/documentation/basics/general.html */ /* (en) clearfix method for clearing floats */ /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } /* (en) essential for Safari browser !! */ /* (de) Diese Angabe ben\u00F6tigt der Safari-Browser zwingend !! */ .clearfix { display: block } /* (en) overflow method for clearing floats */ /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */ .floatbox { overflow:hidden } /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */ /* (de) IE-Clearing: Ben\u00F6tigt nur der Internet Explorer und ueber iehacks.css zugeschaltet */ #ie_clearing { display: none } /*------------------------------------------------------------------------------------------------------*/ /** * @section subtemplates * @see http://www.yaml.de/en/documentation/practice/subtemplates.html */ .subcolumns, .subcolumns_oldgecko { width: 100%; overflow:hidden; } /* (en) alternative class for optional support of old Mozilla/Netscape browers */ /* (de) Alternative Klasse zur optionalen Unterstuetzung alter Mozilla/Netscape-Brower */ .subcolumns_oldgecko { float:left } .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l,.c40l,.c60l {float: left; } .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r,.c40r,.c60r {float: right; margin-left: -5px; } .c25l, .c25r { width: 25% } .c33l, .c33r { width: 33.333% } .c40l, .c40r { width: 43% } .c50l, .c50r { width: 50% } .c60l, .c60r { width: 57% } .c66l, .c66r { width: 66.666% } .c75l, .c75r { width: 75% } .c38l, .c38r { width: 38.2% } .c62l, .c62r { width: 61.8% } .subc { padding: 0 0.5em } .subcl { padding: 0 1em 0 0 } .subcr { padding: 0 0 0 1em } /*------------------------------------------------------------------------------------------------------*/ /** * @section hidden elements | Versteckte Elemente * @see http://www.yaml.de/en/documentation/basics/skip-links.html * * (en) skip links and hidden content * (de) Skip-Links und versteckte Inhalte */ /* (en) classes for invisible elements in the base layout */ /* (de) Klassen fuer unsichtbare Elemente im Basislayout */ .skip, .hideme, .print { position: absolute; top: -5000em; left: -5000em; height: 1px; width: 1px; } /* (en) make skip links visible when using tab navigation */ /* (de) Skip-Links fuer Tab-Navigation sichtbar schalten */ .skip:focus, .skip:active { position: static; top: 0; left: 0; height: auto; width: auto; } } /* The following standard setting and these paragraph styles rules should be listed before the alignment rules. Otherwise, the alignment rules won't overwrite the standard setting. */ a, a:link, a:focus, a:hover, a:active, a:visited{text-decoration:underline; font-weight:normal; color:#333333} h1 { font-size: 14px; text-decoration: none; padding: 0px; margin: 0px 0px 4px 0px; line-height:18px; margin-bottom:20px; } p, p-implied { font-size:11px; font-family:arial,helvetica; font-weight: normal; } .p--heading-4 { font-size: 14px; font-weight: normal; margin-bottom: 10px; } .p--heading-2 { font-size:11px; font-family:arial,helvetica; font-weight: bold; line-height:16px; border-bottom:1px solid #7c7c7c; padding-bottom:0px; margin-bottom:5px; } .p--heading-5{ font-size: 12px; font-weight: bold; margin-bottom: 10px; } /* Tabellen ****************************************************************************************/ /**style 1: alle zeilen mittelgrau; kopfzeile und unterkopfzeilen */ .table--tablestyle_grau{width:100%;border:1px solid #ffffff;} .table--tablestyle_grau td{padding:3px 5px 3px 5px;border:1px solid white; vertical-align:top; background-color:#e0e0e0;} /*bg2*/ /**style 2: spalten abwechselnd mittelgrau/hellgrau; kopfzeile und unterkopfzeilen */ .table--tablestyle_gestreift{width:500px;border:1px solid #ffffff;} .table--tablestyle_gestreift td{padding:3px 5px 3px 5px;border:1px solid white; vertical-align:top; background-color:#e0e0e0;} /*bg2*/ /*unsichtbare tabelle ohne jegliche formatierung*/ .table--tablestyle_unsichtbar{width:500px;border:0px} .table--tablestyle_unsichtbar td{padding:0; margin:0;; vertical-align:top} /*Zeilenauszeichnungen*/ .tabzeile--head{text-align:left;background-color:#909197;color:#ffffff; font-weight:bold;} /*kopfzeilenzellen dunkel*/ .tabzeile--bold{font-weight:bold;} /*unterkopfzeilekopfzeilenzellen : fette schrift*/ table tr.head td{text-align:left;background-color:#909197;color:#ffffff; font-weight:bold;} /*kopfzeilenzellen dunkel*/ table tr.bold td{font-weight:bold;} /*unterkopfzeilekopfzeilenzellen : fette schrift*/ .align--left { text-align: left; } .align--center { text-align: center; } .align--right { text-align: right; } .align--justify { text-align: justify; } .float--left { float: left; } .float--right { float: right; } .float--none { float: none; } .font-name--arial { font-family:Arial; } .font-size--8 { font-size:8pt; } .font-size--9 { font-size:9pt; } .font-size--10 { font-size:10pt; } .font-size--11 { font-size:11pt; } .font-size--12 { font-size:12pt; } .font-size--13 { font-size:13pt; } .font-size--14 { font-size:14pt; } .font-size--15 { font-size:15pt; } .font-size--16 { font-size:16pt; } .font-size--18 { font-size:18pt; } .font-size--20 { font-size:20pt; } .font-size--24 { font-size:24pt; } .font-size--26 { font-size:26pt; } .font-size--28 { font-size:28pt; } .font-size--36 { font-size:36pt; } .font-size--48 { font-size:48pt; } .font-size--72 { font-size:72pt; } .color--grau { color: #4a555a } .color--weiss { color: #ffffff } .color--hellgruen{ color: #76b828 } .color--dunkelgruen{ color: #469629 } .border-collapse--collapse { border-collapse:collapse; } /** * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework * (en) stylesheet for screen layout * (de) Stylesheet f�r das Bildschirm-Layout */ /* ****************************************************************** * Inhalt: * Hintergrundgrau:#f8f8f8 * neues Blau : #164A8A * Highlightgrau Links: #40464B (Mouseover, active) * Hintergrundgrau: #F8F8F8 * Schriftfarbe Footer: #A6A6A0 * Schriftfarbe Supportnavi oben rechts #86929F(grau); #E4002C(rot) * Fließtexte in den Teasern: #72838C FARBEN Redesign2010_v3 gr�n 100%: #76b828 dunkelgr�n: #469629 grau 100%: #363c46 grau 65% : #7c8087 flie�text: grau 80% = #5e636d * yaml-Basics: * Randbereiche & Seitenhintergrund * Layout Alignment | Layout-Ausrichtung * Layout Properties | Layout-Eigenschaften * Formatierung der Inhalts-Container * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente * * #header & #logo * #topnav + ##topnav_worldwide & Suchfeld * ##nav_main_home_container & #nav_main * #nav_main_overlay: Startseite Overlay * #nav_top: * #footer * #spaltenanordnungen * #sonderklassen * ****************************************************************** */ @media screen, projection { /** * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera * * @workaround * @affected IE8, FF, Webkit, Opera * @css-for all * @valid CSS3 */ /*body { overflow-y: scroll; } verursacht eine Scrollbar im Body im IE7, daher auskommentiert.*/ /*-------------------------------------------------------------------------*/ /* (de) Randbereiche & Seitenhintergrund */ body { background: #ffffff; padding: 0px 0px 0px 0px; color:#5e636b; min-height:auto; height:100%} /* Platzieren der zusaetzlichen Statusicons */ #col1_content div img.img_pbe, #col2 img.img_pbe, #col3 img.img_pbe, .containsPubIcon img.img_pbe { position: absolute; top: 2px; right: 4px; z-index: 3; display: block; } div.containsPubIcon { position: relative; width: 100%; height: 100%; } div.containsPubIcon.isAbsoluteParent { top: 0; right: 0; bottom: 0; left: 0; } div.containsPubIconhover { background-color: #60b6FF !important; } /* Platzieren der zusaetzlichen Statusicons - ENDE */ .a {outline:none;} /* Layout Alignment | Layout-Ausrichtung */ /* Layout Properties | Layout-Eigenschaften */ #page_margins { margin: 0px auto; width: auto; min-width: 1004px; max-width: 1004px; height:100%; position:relative; z-index:12; } #page { padding: 0px; height:100%;} #header { color: #363c36; background: #fff; } #topnav { color: #363c36; background: transparent;position:relative;}/*z-index:10*/ #main { margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block;} /*rahmen bei contentpages*/ .mainImgTop {height: 6px; background:url('../images3/_main/bg_element_top_1004_1.png') 0px 0px no-repeat} .mainImgMiddle{min-height: 450px; background:url('../images3/_main/bg_element_middle_1004_1.png') 0px 0px repeat-y; padding: 16px 0px 16px 0px} .mainImgBottom{padding:0px 0px 20px 0px; height: 6px; background:url('../images3/_main/bg_element_bottom_1004_1.png') 0px 0px no-repeat} #footer { padding: 0px 0px 0px 0px; color:#ffffff; position:relative; top:0px } /*-------------------------------------------------------------------------*/ /** * (de) Formatierung der Inhalts-Container */ #col1 { float: left; width: 182px; margin:0 ; padding: 0px 0px 0px 0px} #col2 { float: right; width: 272px; margin:0 } #col3 { width: auto; margin: 0px 297px 0px 207px; height: 1%} .col-count-1 #col3 { margin: 0 0 0 20px; } #col1_content{} #col2_content { padding: 0px 0px 0px 0px } #col3_content { padding: 0px 0px 0px 0px; height: 100%; width: 500px} /* for PBE */ #col3_content.hover { background-color: #898FFF; } /* #col1 { margin-right: -3px} #col2 { margin-left:-3px; } #col3{margin: 0px 294px 0px 204px;} */ /*-------------------------------------------------------------------------*/ /** * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente * @section layout-misc */ #teaser {clear:both; margin: 7px 0px 21px 0px; } #stage {clear:both;} .stageNoHome{margin: 0px 0px 20px 0px;} .stageHome{margin: 0px 0px 20px 0px;} #stageLayer{z-index: 1} #logo {margin-top: 0px; position: absolute; } /* ****************************************************************** * #sprachnavigation & login oben rechts * ****************************************************************** */ #supportnav{ position: relative; text-align: right; height: 30px; margin: 0px 0px 6px 0px; z-index:0; } #supportnav a, #supportnav span{ text-decoration: none; display: inline-block; font-size: 10px; margin: 4px 0px 0px 16px; color:#469629; height:30px; } #supportnav a:focus, #supportnav a:hover, #supportnav a:active{ color:#363c46; text-decoration:underline; } #supportnav .siteselectlink{ margin: 4px 0px 0px 4px; } #supportnav a.login{ padding-left:22px; background: url(../images_redesign2010_v3/icon_login_19x19.jpg) left -3px no-repeat transparent; } #supportnav span.loggedIn{ text-decoration: none; font-size: 10px; margin: 4px 0px 0px 16px; color:#86929F; } #supportnav span.siteselect{ padding-left:22px; color: #7c8087; background: url(../images_redesign2010_v3/icon_worldwide_19x19.jpg) left -3px no-repeat transparent; } #supportnav span.siteselect a{margin: 0px; color:#469629;} #supportnav span.siteselect #siteselectbutton{} /* ****************************************************************** * //#sprachnavigation & login * ****************************************************************** */ /* ****************************************************************** * #header & #logo * ****************************************************************** */ #header{ height: 35px; margin:0px 0px 0px 0px; position: relative; display:block; } #header_left{ width: 0px; height: 35px; position: absolute; left: 0px; } #header_right{ width: 0px; height: 35px; position: absolute; left: 1004px; } #header_center{ width: 1004px; height: 35px; position: absolute; left: 0px; } #header h1 { font-size:2.5em; letter-spacing:-2px; line-height:65%; color:#000; } #logo{ position:relative; top: -20px; left: 0px; float:left; width:240px; } /* ****************************************************************** * // #header & #logo * ****************************************************************** */ /* ****************************************************************** * #topnav + ##topnav_worldwide & Suchfeld * ****************************************************************** */ #topnav{ font-size: 12px; height:35px; padding:0px 0px 0px 20px; right: 215px; text-align: right; top:33px; display:block; position:absolute; } #topnav a{ color: #363c46; text-decoration: none; padding: 0px 8px 0px 8px; position: relative; top: 0px; font-weight: bold; height:35px; display: inline-block; float:left; } #topnav a:focus, #topnav a:hover, #topnav a:active{ color:#469629; background-color:#ffffff; } #topnav a.renderSubNavi{ padding-right: 15px; background-image: url(../images_redesign2010_v3/topnavi-arrow-down.png); background-position: right center; background-repeat: no-repeat; } #topnav a.blur { color: #85888D; } #topnav a.blur.renderSubNavi{ background-image: url(../images_redesign2010_v3/topnavi-arrow-down-blur.png); } #topnav a.dark{ background-color:#626262; } #topnav a span{ position: relative; top: 10px; } #topnav a.mouseOver { background-color: #FFF; } #topnav a.highlighted { color: #469629; } #topnav .divis{ width: 2px; height: 35px; display: block; float:left; background: url(../images_redesign2010_v3/topnav_divis.png) no-repeat left top; } #topnav a.lastSuportNav{ margin-right: 209px; } #topnav a.lastSiteVariant{ margin-right: 46px; } #topnav a.lastTopNav { margin-right:0px !important; } #topnav_worldwide{ padding-left:0px; position:absolute; top:11px; z-index:101; left: 160px; } #topnav_worldwide div{float:left; height: 17px;} #topnav_worldwide div.wcenter{ background-color: #797776; padding: 0 0px 0 0; } #topnav_worldwide div.wcenter a{text-decoration: none} #topnav_worldwide span{position:relative; top: 1px; color: #ffffff;} #topnav_worldwide div.wcenter img{padding-left: 8px} .searchfield_wrapper { float:right; position:relative; top:3px; } .searchfield { float:left; border:medium none; height:21px; width:181px; position: relative; } #searchlist { position: absolute; top: 60px; left: 823px; border: solid 1px #EEE; width: 179px; display: none; background-color: #FFF; z-index: 9; } #searchlist ul, #searchlist li { margin: 0; padding: 0; } #searchlist li a { display: block; line-height: 22px; padding: 0 5px 0 5px; font-size: 12px; text-decoration:none; color:#363c46; } #searchlist li a:hover { text-decoration:underline; background-color: #EEE; color:#469629; } #searchlist span { font-size: 12px; color: #363c46; height: 22px; line-height: 22px; display: block; font-weight: bold; padding: 0 5px 0 5px; } .searchfield img { float:left; } .searchfield_left { float:left; width: 5px; height:21px; background: url(../images3/_main/bg_search_left.png) no-repeat left top; } .searchfield_right { float:left; width: 5px !important; height:21px; background: url(../images3/_main/bg_search_right.png) no-repeat right top; } .searchfield_center { float:left; height:21px; background: url(../images3/_main/bg_search_center.png) repeat left top; } .search_txt { background:none repeat scroll 0 0 transparent; border:medium none; color:#363c36; height:17px; position:relative; top:2px; vertical-align:middle; width:171px; } #submit_image { float:left; right:4px; position:absolute; top:3px; vertical-align: middle; } /* ****************************************************************** * // #topnav + ##topnav_worldwide & Suchfeld * ****************************************************************** */ /* ****************************************************************** * #nav_main_home_container & #nav_main * Hauptnavi = Zielgruppennavi = erste Ebene * rechts - links jeweils 4px + contentbreite * Abstand jeweils 5px; * Breite = (968 - ((Anzahl - 1) * 5px))/ Anzahl * 968 - 18 * ****************************************************************** */ #nav_main_home_container{ /*height: 35px;*/ position:relative; width: 1004px; z-index:21; display:none; top:-26px; } #nav_main{ /* (de) Einfassen der Floats im IE */ width: 100%; overflow:hidden; /* (de) Einfassen der Floats in allen anderen Browsern */ float:left; display:inline; margin: 0px 0px 7px 0px; margin: 0px 0px 0px 0px; background: none transparent; border:0px; /*height: 52px;*/ font-size: 110%; position:relative; z-index:1;/*hinter das overlay*/ display:block; float:none; } #nav_main ul { float:right; /* (en|de) Bugfix: IE - Doubled Float Margin Bug */ display:inline; border:0px; /* (de) Abstand des ersten Buttons vom linken Rand */ margin-left: 0px; margin: 0px 0px 0px 0px; } #nav_main ul li{ float: left; /* (en|de) Bugfix: IE - Doubled Float Margin Bug */ display:inline; list-style-type:none; border:0px; border-left:0px; border-right:0px; height:24px; margin-left:0px; margin-right:11px; background-color: none; } #nav_main ul li.nav_main_last_li{ border:0px; margin-right:0px; } #nav_main ul li div.nav_main_left{ background: url(../images2/_main/nav_main_left.png) no-repeat left top; width:4px; height: 52px; float: left; } #nav_main ul li div.nav_main_left_active{ background: url(../images2/_main/nav_main_left_active.png) no-repeat left top; width:4px; height: 52px; float: left; } #nav_main ul li div.nav_main_right{ background: url(../images2/_main/nav_main_right.png) no-repeat right top; width:4px; height: 52px; float: left; } #nav_main ul li div.nav_main_right_active{ background: url(../images2/_main/nav_main_right_active.png) no-repeat right top; width:4px; height: 52px; float: left; } #nav_main ul li div.nav_main_center{ background: url(../images2/_main/nav_main_center.png) repeat-x left top; height: 52px; width:100px; /*wert wird vom template BPNavi.nav_main.jsp gesetzt*/ float: left; padding:1px 0 0 0px; } #nav_main ul li div.nav_main_center_active{ background: url(../images2/_main/nav_main_center_active.png) repeat-x left top; height: 52px; width:100px; /*wert wird vom template BPNavi.nav_main.jsp gesetzt*/ float: left; padding:1px 0 0 0px; } #nav_main ul li a{ color: #7c8087; text-decoration:none; position:relative; display:block; padding:6px 0px 0px 8px ; /* wert f�r rechts mu� im template BPNavi.nav_main.jsp als Variable aPaddingR eingetragen werden!*/ margin:0px; width:auto; } #nav_main ul li.active a{ color:#363c36; } #nav_main ul li a.active{ color:#363c36; } #nav_main ul li a:focus, #nav_main ul li a:hover, #nav_main ul li a:active{ color:#363c36; background-color: transparent; } /*logoutlink*/ #nav_main ul li a.logout{ color: #276FA6; font-weight:normal; font-size: 11px; height: 18px; padding: 0px 0px 0px 8px; display: block; position: relative; top: -18px; } /* besonderheit: letztes Element */ #nav_main ul li.blank div.nav_main_left{ background: url(../images2/_main/nav_main_left_blank.png) no-repeat left top;} #nav_main ul li.blank div.nav_main_right{ background: url(../images2/_main/nav_main_right_blank.png) no-repeat right top;} #nav_main ul li.blank div.nav_main_center{ background: url(../images2/_main/nav_main_center_blank.png) repeat-x left top;} #nav_main ul li.blank { margin-right: 0px; } .element{ /*margin-top:18px;*/ } /* besonderheit: startseite mit overlay : texte hatten andere farben*/ #nav_main_home_container ul li a{ color:#7c8087; } /* #nav_main_home_container #nav_main ul li a:focus, #nav_main_home_container #nav_main ul li a:hover, #nav_main_home_container #nav_main ul li a:active{ color:#ffffff; } #nav_main_home_container #nav_main ul li:hover div.nav_main_left{ background: url(../images2/_main/nav_main_left_home_over.png) no-repeat left top; height: 51px; } #nav_main_home_container #nav_main ul li:hover div.nav_main_right{ background: url(../images2/_main/nav_main_right_home_over.png) no-repeat right top; height: 51px; } #nav_main_home_container #nav_main ul li:hover div.nav_main_center{ background: url(../images2/_main/nav_main_center_home_over.png) repeat-x left top; height: 51px; }*/ /* ****************************************************************** * //#nav_main_home_container & #nav_main * ****************************************************************** */ /* ****************************************************************** * #nav_main_overlay: Overlay * ****************************************************************** */ #nav_main_overlay{ position: absolute; top: 32px; top:23px; left:0px; overflow:hidden; width: 1004px; height:40px; z-index:2;/*�ber der main_nav*/ background-color:#ffffff; z-index: 21; font-size: 12px; } #nav_main_overlay.thirdMenuActive { height: 370px; } #nav_main_overlay .nav_main_overlay_nav{ position:relative; width: 994px; left: 5px; top: 5px; height:35px; background-color:#ffffff; text-align: center; } #nav_main_overlay .nav_main_overlay_nav a{ display: block; height: 14px; display: inline-block; vertical-align:middle; padding: 10px 10px 0px 10px; text-decoration: none; color:#363c46; } #nav_main_overlay .nav_main_overlay_nav a:focus, #nav_main_overlay .nav_main_overlay_nav a:hover, #nav_main_overlay .nav_main_overlay_nav a:active{ color:#469629; } #nav_main_overlay .nav_main_overlay_nav a.highlighted{ font-weight: bold; color: #469629; } #nav_main_overlay .overlay{ height: 370px; display: none; /*visibility: hidden;*/ position:relative; } #nav_main_overlay .overlay p{ margin: 0px; font-size:12px; } #nav_main_overlay .suboverlay{ height: 325px; position: relative; top: 5px; width: 994px; left: 5px; background-color:#f8f8f8; display: none; } .suboverlay .suboverlay_header{position: absolute; top: 0px; left: 0px; width: 100%; height: 64px; border-bottom: 1px solid #e6e6e6; vertical-align:middle;} .suboverlay .suboverlay_content{position: absolute; top: 65px; left: 0px; width: 100%; height: 224px; border-top: 1px solid #ffffff; border-bottom: 1px solid #e6e6e6;} .suboverlay .suboverlay_footer{position: absolute; top: 291px; left: 0px; width: 100%; height: 33px; border-top: 1px solid #ffffff; } #nav_main_overlay .suboverlay a{color:#363c46; text-decoration: none;} #nav_main_overlay .suboverlay a:focus, #nav_main_overlay .suboverlay a:hover, #nav_main_overlay .suboverlay a:active{ color:#469629; } .suboverlay_header .left, .suboverlay_footer .left{ vertical-align: middle; text-align:left; width: 50%; padding-left:20px; } .suboverlay_header .right, .suboverlay_footer .right{ vertical-align: middle; text-align:right; width: 50%; padding-right:20px; } .suboverlay_header .left,.suboverlay_header .right{height:64px;} .suboverlay_footer .left,.suboverlay_footer .right{height:33px;} /* .suboverlay_header .left,.suboverlay_header .right{margin-bottom:20px} .suboverlay_footer .left,.suboverlay_footer .right{margin-bottom:10px}*/ /*Stylings innerhalb footer & header der suboverlays*/ .suboverlay_header div, .suboverlay_footer div{ } .suboverlay_header div a, .suboverlay_footer div a{ font-weight:bold; text-decoration:none; } .overlay_content{ position: absolute; top: 0px; color: #363c46; } #nav_main_overlay .suboverlay .suboverlay_col{ position: absolute; top: 20px; width: 180px; height: 200px; color: #363c46; font-size: 12px; } .suboverlay_col1{left: 20px; } .suboverlay_col2{left: 220px; } .suboverlay_col3{left: 420px; } .suboverlay_col4{left: 620px; } .suboverlay_col5{left: 820px; } #nav_main_overlay .suboverlay .suboverlay_col h2{ font-weight: bold; font-size: 12px; color:#76b828; margin-bottom: 8px; } #nav_main_overlay .suboverlay_col ul{ list-style-type:none; } #nav_main_overlay .suboverlay_col ul li a{ display: block; text-decoration: none; color: #363c46; line-height: 16px; } #nav_main_overlay span.login{ color:#af2823; } /* ****************************************************************** * // #nav_main_overlay * ****************************************************************** */ /* #overlay_00{background-color:#ffffcc} #overlay_01{background-color:#ccff99} #overlay_02{background-color:#ccffff} #overlay_03{background-color:#ffccff}*/ /*Overlay */ #dark_msg_overlay { background-color: #AAAAAA; color: #ffffff; visibility: visible; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; position: fixed; /*IE6 braucht hier absolute*/ top: 0px; left: 0px; display: block; width: 100%; height: 100%; z-index:10; display:none; } /* ****************************************************************** * #nav_top = zweite Ebene * nicht vorhanden bei startseite & men�punkten der supportnavi * ****************************************************************** */ #nav_top { position:relative; height: 33px; /*52 + 33 + 15*/ width: 1004px; margin: 24px 0px 0px 0px; } #nav_tophomepage { position:relative; height: 7px; /*52 + 33 + 15*/ width: 1004px; margin: 2px 0px 0px 0px; } .nav_top_left{ height: 33px; float:left; width: 40%; } .nav_top_right{ height: 33px; float:left; width:60%; text-align: right; } #nav_top ul{margin: 8px 18px 0px 8px} #nav_top li{ display:inline; list-style-type:none; border:0px; border-left:0px; border-right:0px; margin: 0px 0px 0px 23px; } #nav_top a { text-decoration: none; color: #363c46; } #nav_top .nav_top_left a{ color: #469629; } #nav_top a:focus, #nav_top a:hover, #nav_top a:active { color: #469629; } #nav_top li#current a { color: #469629; font-weight:bold; } #nav_top li.active a{ font-weight: bold; } #nav_top .nav_top_left div{margin: 8px 0px 0px 18px; font-size: 14px } #nav_top .nav_top_right{font-size:12px;} /* ****************************************************************** * // #nav_top * ****************************************************************** */ /* ****************************************************************** * #footer * ****************************************************************** */ #footer{ color:#ffffff; font-size:11px; margin-bottom:0px; line-height:16px; } #footer a:link{ color:#ffffff; text-decoration:none; } #footer a:focus, #footer a:hover, #footer a:active{ text-decoration:underline; } #footer .footergreen a:link, #footer .footergreen a:visited{ color:#469629; text-decoration:none; } #footer .footergreen a:focus, #footer .footergreen a:hover, #footer .footergreen a:active{ color:#6f7b8e; text-decoration:underline; } #footer div.middle{ width: 1004px; background: url(../images_redesign2010_v3/footer_repeat.jpg) repeat left top; } #footer div.middle div.left{ height:90px; width:110px; float:left; background: url(../images_redesign2010_v3/footer_left.jpg) no-repeat left top; } #footer div.middle div.right{ height:90px; width:804px; } #footer div.middle div.right span{ position: absolute; color:#ffffff; line-height:16px; } #footer div.middle div.right span.footergreen{ color:#469629; } #footer div.middle div.right span.at300bs{ position:static; } /* ****************************************************************** * // #footer * ****************************************************************** */ /* ****************************************************************** * floatende Spalten; Angaben f�r Safari wdh .c25l, .c33l, .c38l, .c40l, .c50l, .c60l, .c62l, .c75l{ float:left;} .c25r, .c33r, .c38r, .c40r, .c50r, .c60r, .c62r, .c75r{ float:right; margin-left:-5px;} .subc { padding: 0 0.5em } .subcl { padding: 0 1em 0 0 } .subcr { padding: 0 0 0 1em } .c25l{width: 25%} .c75r{width: 75%} * ****************************************************************** */ /* ****************************************************************** * Submen� links * ****************************************************************** */ #submenu1 { width: 181px; margin: 0px 0px 0px 1px; list-style-type: none; } #submenu1 ul { list-style-type: none; margin:0; padding: 0; } #submenu1 a{ font-weight:normal; text-decoration: none; display:block; padding: 2px 0px 3px 11px; color: #333; } /* Icon f�r Publikationsstatus */ #submenu1 img.img_pbe { position:absolute; right:2px; top:4px; z-index:3; } /* Level 1 * ******************************************************* */ #submenu1 li { width:100%; float:left; margin:0px 0px 1px 0px; padding: 0; background: #ECECEE; position:relative; } #submenu1 li a { padding:0 6px 1px 12px; position:relative; top:0; z-index:2; } #submenu1 li a:focus, #submenu1 li a:hover, #submenu1 li a:active, #submenu1 li a#active1{ background: none ; } /* Submenue vorhanden? */ #submenu1 a.active.hasChildren { font-weight:bold; margin-right:10px; } /* two definitions for PBE */ #submenu1 li a.hasChildrenhover { background-color: #60b6FF; } #submenu1 li a.hover { background-color: #60b6FF;} /* Level 2 * ******************************************************* */ #submenu1 li ul li { background-image:url("../images/subnav2/level_1_grau.gif"); background-repeat: no-repeat; background-position:top left; /*background: url("../images/subnav2/level_2_neutral.gif") top left no-repeat ;*/ } #submenu1 li ul li a{ padding: 4px 0px 3px 12px; } #submenu1 li ul li a:focus, #submenu1 li ul li a:hover, #submenu1 li ul li a:active, #submenu1 li ul li a#active2{ font-weight:bold; } #submenu1 li ul li a#active2{ background: url("../images/subnav2/level_1_grau_active.gif") top left no-repeat !important; font-weight:bold; } /* Submenue vorhanden? */ #submenu1 li ul li a.hasChildren{ background: url("../images/subnav2/level_1_grau_active.gif") top left no-repeat !important; font-weight:bold; } /* two definitions for PBE */ #submenu1 li ul li a.hasChildrenhover { background-color: #60b6FF;} #submenu1 li ul li a.hover { background-color: #60b6FF; } /* Level 3 * ******************************************************* */ #submenu1 li ul li ul li{ background-image:url("../images/subnav2/level_3_neutral.gif"); background-repeat: no-repeat; background-position:top left; background-color:none; } #submenu1 li ul li ul li a{ padding: 4px 0px 3px 12px; } #submenu1 li ul li ul li a:focus, #submenu1 li ul li ul li a:hover, #submenu1 li ul li ul li a:active, #submenu1 li ul li ul li a#active3 { font-weight:bold; } /* Submenue vorhanden? */ #submenu1 li ul li ul li a.hasChildren{ font-weight:bold; background: none !important; } /* two definitions for PBE */ #submenu1 li ul li ul li a.hasChildrenhover { background-color: #60b6FF;} #submenu1 li ul li ul li a.hover { background-color: #60b6FF; } /* Level 4 * ******************************************************* */ #submenu1 li ul li ul li ul li { background: url("../images/subnav2/level_3_alle.gif") top left no-repeat; } #submenu1 li ul li ul li ul li a{ padding: 4px 0px 3px 29px; } #submenu1 li ul li ul li ul li a:focus, #submenu1 li ul li ul li ul li a:hover, #submenu1 li ul li ul li ul li a:active, #submenu1 li ul li ul li ul li a#active4 { background: none; font-weight:bold; } /* Submenue vorhanden? */ #submenu1 li ul li ul li ul li a.hasChildren{ font-weight:bold; background: none !important; } /* two definitions for PBE */ #submenu1 li ul li ul li ul li a.hasChildrenhover { background-color: #60b6FF;} #submenu1 li ul li ul li ul li a.hover { background-color: #60b6FF; } /* Level 5 * ******************************************************* */ #submenu1 li ul li ul li ul li ul li { background: url("../images/subnav2/level_4_alle.gif") top left no-repeat; } #submenu1 li ul li ul li ul li ul li a{ padding: 4px 0px 3px 47px; } #submenu1 li ul li ul li ul li ul li a:focus, #submenu1 li ul li ul li ul li ul li a:hover, #submenu1 li ul li ul li ul li ul li a:active, #submenu1 li ul li ul li ul li ul li a#active5 { font-weight:bold; } /*farbnavi f�r menue ohne pfeile: jew. li braucht klasse*/ #submenu1 li.bg_grau{background: url("../images2/popnav/level_1_grau.gif") top left no-repeat;} #submenu1 li.bg_grau a#active2{background: url("../images/subnav2/level_1_grau_active.gif") top left no-repeat !important;} #submenu1 li.bg_grau ul li {background: url("../images/subnav2/level_2_grau.gif") top left no-repeat ;} #submenu1 li.bg_grau ul li ul li{background: url("../images/subnav2/level_3_alle.gif") top left no-repeat;} #submenu1 li.bg_grau ul li ul li ul li {background: url("../images/subnav2/level_4_alle.gif") top left no-repeat;} #submenu1 li.bg_alu{background: url("../images2/subnav2/level_1_alu.gif") top left no-repeat;} #submenu1 li.bg_alu a#active2{background: url("../images/subnav2/level_1_alu_active.gif") top left no-repeat !important;} #submenu1 li.bg_alu ul li {background: url("../images/subnav2/level_2_alu.gif") top left no-repeat !important;} #submenu1 li.bg_alu ul li ul li{background: url("../images/subnav2/level_3_alle.gif") top left no-repeat !important} #submenu1 li.bg_alu ul li ul li ul li {background: url("../images/subnav2/level_4_alle.gif") top left no-repeat !important;} #submenu1 li.bg_kunststoff{background: url("../images2/subnav2/level_1_kunststoff.gif") top left no-repeat;} #submenu1 li.bg_kunststoff a#active2{background: url("../images/subnav2/level_1_kunststoff_active.gif") top left no-repeat !important;} #submenu1 li.bg_kunststoff ul li {background: url("../images/subnav2/level_2_kunststoff.gif") top left no-repeat !important;} #submenu1 li.bg_kunststoff ul li ul li{background: url("../images/subnav2/level_3_alle.gif") top left no-repeat !important;} #submenu1 li.bg_kunststoff ul li ul li ul li {background: url("../images/subnav2/level_4_alle.gif") top left no-repeat !important;} #submenu1 li.bg_solar{background: url("../images2/subnav2/level_1_solar.gif") top left no-repeat;} #submenu1 li.bg_solar a#active2{background: url("../images/subnav2/level_1_solar_active.gif") top left no-repeat !important;} #submenu1 li.bg_solar ul li {background: url("../images/subnav2/level_2_solar.gif") top left no-repeat !important;} #submenu1 li.bg_solar ul li ul li{background: url("../images/subnav2/level_3_alle.gif") top left no-repeat !important;} #submenu1 li.bg_solar ul li ul li ul li {background: url("../images/subnav2/level_4_alle.gif") top left no-repeat !important;} #submenu1 li.bg_stahl{background: url("../images2/subnav2/level_1_stahl.gif") top left no-repeat;} #submenu1 li.bg_stahl a#active2{background: url("../images/subnav2/level_1_stahl_active.gif") top left no-repeat !important;} #submenu1 li.bg_stahl ul li {background: url("../images/subnav2/level_2_stahl.gif") top left no-repeat !important;} #submenu1 li.bg_stahl ul li ul li{background: url("../images/subnav2/level_3_alle.gif") top left no-repeat !important;} #submenu1 li.bg_stahl ul li ul li ul li {background: url("../images/subnav2/level_4_alle.gif") top left no-repeat !important;} .test222 { background:url("../images2/popnav/level_0.gif") no-repeat scroll left 0 transparent; width:181px; height:3px; } .test333 { background:url("../images2/popnav/level_000.gif") no-repeat scroll left bottom transparent; width:181px; height:2px; } /*ebene 3 * ******************************************************* */ #submenu1 .menulevel3.active a.active.hasChildren { background:url("../images_redesign2010_v3/popnav/more_arrow_down.png") no-repeat scroll right 5px transparent; } #submenu1 .menulevel3.active a.active { font-weight:bold; } /*ebene 4 * ******************************************************* */ #submenu1 .menulevel4 { background:url("../images2/popnav/level_1_grau.gif") no-repeat scroll left top #FFFFFF; } #submenu1 .menulevel4.childShowsChildren4.active { /*background:url("../images2/subnav2/full_active_grau.gif") no-repeat;*//*SCHCMS-3815*/ } #submenu1 .menulevel4.active a.active { font-weight:bold; } #submenu1 .menulevel4 a { margin-left:12px; margin-left:6px; } /*ebene 5 * ******************************************************* */ #submenu1 .menulevel5 a.hasChildren { margin-left:18px; } #submenu1 .menulevel5 a { margin-left:18px; } #submenu1 .menulevel5.bg_alu.childShowsChildren5.active { background:url("../images2/subnav2/full_active_alu.gif") no-repeat; } #submenu1 .menulevel5.bg_stahl.childShowsChildren5.active { background:url("../images2/subnav2/full_active_stahl.gif") no-repeat; } #submenu1 .menulevel5.bg_solar.childShowsChildren5.active { background:url("../images2/subnav2/full_active_solar.gif") no-repeat; } #submenu1 .menulevel5.bg_kunststoff.childShowsChildren5.active { background:url("../images2/subnav2/full_active_kunststoff.gif") no-repeat; } #submenu1 .menulevel5 { background:url("../images2/popnav/level_1_grau.gif") no-repeat scroll left top #FFFFFF; } #submenu1 .menulevel5.active a.active { font-weight:bold; } /*ebene 6 * ******************************************************* */ #submenu1 .menulevel6 a.hasChildren { margin-left:27px; } #submenu1 .menulevel6 { background:url("../images2/popnav/level_1_grau.gif") no-repeat scroll left top #FFFFFF; } #submenu1 .menulevel6 a { margin-left:27px; } #submenu1 .menulevel6 a.active { font-weight:bold; } /*ebene 7 * ******************************************************* */ #submenu1 .menulevel7 a.hasChildren { margin-left:36px; } #submenu1 .menulevel7 { background:url("../images2/popnav/level_1_grau.gif") no-repeat scroll left top #FFFFFF; } #submenu1 .menulevel7 a { margin-left:36px; } #submenu1 .menulevel7 a.active { font-weight:bold; } /*ebene 8 * ******************************************************* */ #submenu1 .menulevel8 a.hasChildren { margin-left:45px; } #submenu1 .menulevel8 { background:url("../images2/popnav/level_1_grau.gif") no-repeat scroll left top #FFFFFF; } #submenu1 .menulevel8 a { margin-left:45px; } #submenu1 .menulevel8 a.active { font-weight:bold; } /* #submenu1 li .menulevel3.childShowsChildren3 a.active.hasChildren { background:#909197; } #submenu1 li.menulevel3 a.active { font-weight:bold; } #submenu1 .menulevel4 { background:url("../images2/popnav/level_1_grau.gif") no-repeat scroll left top #FFFFFF; } #submenu1 .menulevel4 a.active { font-weight:bold; } #submenu1 .menulevel5.bg_alu a.active.hasChildren { margin-left:0px; } #submenu1 .menulevel6 a.hasChildren { margin-left:9px; } #submenu1 .menulevel4.childShowsChildren4.active { background:url("../images2/subnav2/full_active_alu.gif") no-repeat; } #submenu1 .menulevel4.active { background:url("../images2/subnav2/full_active_alu.gif") no-repeat; } #submenu1 .menulevel4.childShowsChildren4.active a.active { background:none; } #submenu1 .menulevel5.childShowsChildren5 a.active { background:none } #submenu1 .menulevel3.childShowsChildren3 a.active.hasChildren { background:url("../images_redesign2010_v3/popnav/more_arrow_down.png") no-repeat scroll right 5px transparent; } #submenu1 .menulevel3.active a.active.hasChildren { background:url("../images_redesign2010_v3/popnav/more_arrow_down.png") no-repeat scroll right 5px transparent; } */ /* #submenu1 .menulevel5.bg_alu a.hasChildren { margin-left:9px; } */ /* anker in den serienunterseiten erfordern leerzeichen fuer IE8*/ a.sfanchor{height:1px; visibility: hidden;} } /* ****************************************************************** * Inhalt: * Schriftgr\u00F6\u00DFen & ueberschriften allgemein * Styling von Links allgemein * Styling von Listen allgemein * Stage auf Home- und Zielgruppenstartseiten# * Startseiten TEASER * RSSTicker * rechte Randspalte * BREADCRUMB * Tabellen * Formulare * Anwendung: Sitemap auf Microsites * Anwendung: Sitemap auf Nicht-Microsites * Anwendung: Referenzen * Anwendung: Technische Informationen * Anwendung: Newsletter-Containerpage * generische Klassen * Special: PBE * ****************************************************************** */ div.pbeOnly{ position: relative; } /* ****************************************************************** * Schriftgr\u00F6\u00DFen & ueberschriften * ****************************************************************** */ /* (en) reset font size for all elements to standard (16 Pixel) */ /* (de) Alle Schriftgr\u00F6\u00DFen auf Standardgr\u00F6\u00DFe (16 Pixel) zuruecksetzen */ html * { font-size: 100.01% } /* (en) base layout gets standard font size 11px */ /* (de) Basis-Layout erhaelt Standardschriftgr\u00F6\u00DFe von 11 Pixeln */ body { font-family: Arial, Helvetica, sans-serif; font-size: 70.00%; } h1 { font-size: 145.50% } /* 14px */ h2 { font-size: 145.50%} /* 11px */ h3 { font-size: 100%; } /* 11px */ h4 { font-size: 100%; } /* 11px */ h5 { font-size: 100%; } /* 11px */ h6 { font-size: 100%; font-style:italic } /* 11px */ h1,h2,h3,h4,h5,h6 { color: #7c8087; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight:bold; margin:0; padding:0; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; font-size:70%; } sup { bottom: 1ex; } sub { top: .5ex; } *+html sup, *+html sub, *html sup, *html sub { font-size:80%; } h1, h1.portal, h1.headline_h1, .h1_containerHeadline, #col3 h2.headline_h2 { text-decoration: none; padding: 0px; margin: 0px 0px 20px 0px; } h2 { line-height:18px; font-weight: bold; padding-bottom:0px; margin-bottom:5px; } h2.portal, h2.h2_containerHeadline { font-weight:bold; text-decoration:none; text-indent:0px; } h2.bold_h2{margin-bottom:5px;}/*subheadlines mit abstand */ #col3_content div.h2unten h2.headline_h2{padding-top:11px;} #col2 h2.portal{ font-size: 12px; } h2.headline_h2_rCol { font-weight: bold; border-bottom:1px solid #7c7c7c; padding-top:4px; padding-bottom:0px; margin-bottom:6px; margin-right:2px; } p{margin: 0 0 16px 0; line-height:16px;} /* Bugfix: Angeknabbertes W verhindern*/ p {padding-left:1px; } h1.h1_containerHeadline{padding-left: 1px;} /* /Bugfix: Angeknabbertes W verhindern*/ .errorOutput{color:#be1414; font-weight: bold;} /*Verwendung: Fehlermeldungen beim login */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display:block;} html[xmlns] .clearfix { display: block;} * html .clearfix {height: 1%;} /* ************* /Schriftgr\u00F6\u00DFen & ueberschriften ************* */ /* ****************************************************************** * Styling von Links allgemein * ****************************************************************** */ a:link, a:focus, a:hover, a:active, a:visited{ text-decoration:underline; font-weight:normal; color:#76b828; } /* more-Link bei Teasern */ a.link-style--moreLink:link, a.link-style--moreLink:visited, a.link-style--moreLink:hover, a.link-style--moreLink:active, a.link-style--moreLink:focus, .link-style--moreLink{ color:#469629 !important; font-size:11px; text-decoration:none; } a.link-style--moreLink:hover, a.link-style--moreLink:active, a.link-style--moreLink:focus{ color:#363c46 !important; text-decoration:underline; } /* verschiebt auf containerpage und contentpage den morelink nach oben */ div.elementContainer a.link-style--moreLink, div.contentPageStandard a.link-style--moreLink, div.contentPageBilderliste a.link-style--moreLink, div.contentPageKachel a.link-style--moreLink { position: relative; top: -15px; } /* Links im Fliesstext - Testklasse*/ a.link-style--1:link, a.link-style--1:visited, a.link-style--1:hover { background-image: url("../../images/test/link_1.gif"); background-repeat: no-repeat; background-position: left; padding-left: 8px; } /*link mit icon: pdf-symbol*/ a.link-style--downLink:link, a.link-style--downLink:visited, a.link-style--downLink:hover, a.link-style--downLink:active, a.link-style--downLink:focus, .link-style--downLink{ background: url("../images/icons/icon_pdf.gif") no-repeat 0px -2px; padding-left: 18px; color:#469629 !important; } /*link mit icon: word-symbol*/ a.link-style--wordLink:link, a.link-style--wordLink:visited, a.link-style--wordLink:hover, a.link-style--wordLink:active, a.link-style--wordLink:focus, .link-style--wordLink{ background: url("../images/icons/icon_word.gif") no-repeat 0px -2px; padding-left: 18px; color:#469629 !important; } /*link mit icon: excel-symbol*/ a.link-style--excelLink:link, a.link-style--excelLink:visited, a.link-style--excelLink:hover, a.link-style--excelLink:active, a.link-style--excelLink:focus, .link-style--excelLink{ background: url("../images/icons/icon_excel.gif") no-repeat 0px -2px; padding-left: 18px; color:#469629 !important; } /*link mit icon: powerpoint-symbol*/ a.link-style--pptLink:link, a.link-style--pptLink:visited, a.link-style--pptLink:hover, a.link-style--pptLink:active, a.link-style--pptLink:focus, .link-style--pptLink{ background: url("../images/icons/icon_ppt.gif") no-repeat 0px -2px; padding-left: 18px; color:#469629 !important; } /*link mit icon: zip-symbol*/ a.link-style--zipLink:link, a.link-style--zipLink:visited, a.link-style--zipLink:hover, a.link-style--zipLink:active, a.link-style--zipLink:focus, .link-style--zipLink{ background: url("../images/icons/icon_zip.gif") no-repeat 0px -2px; padding-left: 18px; color:#469629 !important; } /*link mit icon: dxf dwg eps-symbol*/ a.link-style--autocadLink:link, a.link-style--autocadLink:visited, a.link-style--autocadLink:hover, a.link-style--autocadLink:active, a.link-style--autocadLink:focus, .link-style--autocadLink{ background: url("../images/icons/icon_autocad.gif") no-repeat 0px -2px; padding-left: 18px; color:#469629 !important; } /*link mit icon: postscript-symbol*/ a.link-style--postscript:link, a.link-style--postscript:visited, a.link-style--postscript:hover, a.link-style--postscript:active, a.link-style--postscript:focus, .link-style--postscript{ background: url("../images/icons/icon_postscript.gif") no-repeat 0px -2px; padding-left: 18px; color:#469629 !important; } /*link mit icon: quarkxpress-symbol*/ a.link-style--quarkxpress:link, a.link-style--quarkxpress:visited, a.link-style--quarkxpress:hover, a.link-style--quarkxpress:active, a.link-style--quarkxpress:focus, .link-style--quarkxpress{ background: url("../images/icons/icon_quarkxpress.gif") no-repeat 0px -2px; padding-left: 18px; color:#469629 !important; } /*link mit icon: jpeg | jpg | gif -symbol*/ a.link-style--imageLink:link, a.link-style--imageLink:visited, a.link-style--imageLink:hover, a.link-style--imageLink:active, a.link-style--imageLink:focus, .link-style--imageLink{ background: url("../images/icons/icon_image.gif") no-repeat 0px -2px; padding-left: 18px; color:#469629 !important; } /* ************* /Styling von Links allgemein ************* */ /* ****************************************************************** * Listen, Linklisten, Listen von Downloadlinks * ****************************************************************** */ ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 0px } li { margin-left: 0; line-height: 16px } dt { font-weight: bold } dd { margin: 0 0 1em 2em } /* Listen */ ul.list { list-style-type: disc; margin: 0px 0px 16px 0px; padding: 0 0 0 0; } ul.list li { margin-left: 16px } ul.list_in_table { margin: 0px 0px 0px 0px; } /* Linklisten */ ul.linklist { list-style-type: disc; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; } ul.linklist li { margin-left: 16px } ul.linklist li a { font-weight: normal; color:#6F7B8E !important; text-decoration: underline; } ul.linklist li a:hover { color:#469629 !important; text-decoration: none; } /*Downloadlisten*/ ul.downloadlist { list-style-type: none; margin: 0px 0px 16px 0px; padding: 0px 0 0px 0; } ul.downloadlist li { margin-left: 0px; background: url("../../images/more_arrow.gif") no-repeat left 3px; padding-left: 16px } ul.downloadlist a { font-weight: normal; text-decoration: underline; background-position: left -1px !important; } /* ************* /Styling von Listen allgemein ************* */ /* ****************************************************************** * #stage auf Home- und Zielgruppenstartseiten * ****************************************************************** */ #stage{ position:relative; } #stage a{text-decoration: none;} /* STAGE auf Nicht-HP: durchgaengiges hgbild, keine sichtbaren spalten*/ .stageNoHome{width: 1004px;} .stageNoHome .stageImgTop, .stageHome .stageImgTop {background:url('../images3/_main/bg_element_top_1004_1.png') 0px 0px no-repeat; height: 6px} .stageNoHome .stageImgMiddle, .stageHome .stageImgMiddle {background:url('../images3/_main/bg_element_middle_1004_1.png') 0px 0px repeat-y; padding: 0px} .stageNoHome .stageImgBottom, .stageHome .stageImgBottom {background:url('../images3/_main/bg_element_bottom_1004_1.png') 0px 0px no-repeat; height:6px} .stageNoHome .stageImgMiddle .stagebox{margin: 0px 4px 0px 4px; width: 996px; background-position: center top;} .stageHome .stagebox{margin: 0px 4px 0px 4px; width: 996px; background-position: center top; z-index: 8;} .stageHome object#cornerz_container{margin: 0px 4px 0px 4px;} .stageHome.flash { text-align: center; } #cornerz_container { padding-left: 0px; /*text-align: center;*/ position:relative; } .stagebox { background: white; margin: 0px; padding: 0px; border: 0px solid #e2e2e2; text-align: left; float: left; list-style-type: none; background-repeat: no-repeat; background-position: top left; color: #363c36; position:absolute; } .stageflashbox { background: white; margin: 0px; padding: 0px; text-align: left; float: left; list-style-type: none; color: #cc0000; position:absolute; background-color: transparent; padding-left: 4px; /* will not work with the "lookHelper", but we do not have more then one flash in the relaunche layout @see 3945 */ } .stagebox_horizontal{ height:128px; margin:0px; } .stagebox_last{margin: 0px 0px 20px 0px;} #stage .stagebox .moreLinkDiv{ height:30px; position:absolute; top:238px; /* 267 - 29*/ margin: 0px 12px 0px 12px; } #stage .stagebox_horizontal .moreLinkDiv{ top: 99px;/*128-29*/ } #stage .stagebox .moreLinkDivLeft {} #stage .stagebox .moreLinkDivRight{} #stage .stagebox .moreLinkDiv .spaceDiv{ width: 37px; position:relative; top:12px; display:block; } #stage .stagebox .moreLinkDiv a{ /*font-size: 11px;*/ width:164px; color:#276fa6; font-weight:bold; text-decoration:none; display: block; position: relative; top: 8px; background-image: url(../images2/_main/arrow_blue.png); background-repeat: no-repeat; background-position: right 5px; width: 166px; text-align: right; } #stage .stagebox .moreLinkDiv a span{ display: inline-block; padding-right: 22px; cursor: pointer; } #stage .stagebox .moreLinkDivLeft a, #stage .stagebox .moreLinkDivLeft .spaceDiv{ float:left; } #stage .stagebox .moreLinkDivRight a, #stage .stagebox .moreLinkDivRight .spaceDiv{ float:right; } #stage .stagebox .moreLinkDivLeft a, #stage .stagebox .moreLinkDivRight a{ width: 166px; } #stage h2{ font-size: 20px; color:#454140; font-weight:normal; line-height:22px; } #stage h3{ font-size: 16px; color: #cc0000; /*#454140;*/ font-weight:normal; line-height:20px; font-weight:600; } #stage p{ line-height: normal; } /* ************* /#stage ************* */ /* ****************************************************************** * BREADCRUMB * ****************************************************************** */ .breadcrumb { margin-bottom: 25px; line-height: 16px; } .breadcrumb .breadcrumbEnd { font-weight: bold; } a.breadcrumb:link, a.breadcrumb:visited, a.breadcrumb:hover, a.breadcrumb:active, a.breadcrumb:focus, a.breadcrumb{ color: #333333; text-decoration: none; font-weight: normal; } /* ************* /BREADCRUMB ************* */ /* ****************************************************************** * Neue 3 TEASERTYPEN IN TABELLEN * ****************************************************************** */ .teaserRow{margin: 0px 0px 20px 0px;} .teaserRow h2{margin: 0px 0px 0px 0px;} .teaserRow p, .teaserRowCol p{color:#5e636b; margin-bottom:0px;} .teaserRow table{width:100%} .teaserRow table tbody{margin: 0px; padding: 0px; width: 100%} .teaserImgTop, .teaserImgBottom{height: 6px;} /* TYP 1: kein hgbild, keine sichtbaren spalten*/ .teaserHomepage{margin: 0px 0px 0px 0px;} .teaserUnited .teaserImgMiddle{padding: 0px 4px 0px 4px} .teaserHomepage td{width:188px; border:0px; padding: 0px 6px 0px 6px; vertical-align:top;} .teaserHomepage td.divis{width:14px; border:0px; padding:0px} .teaserHomepage h2{font-size:11px;} .teaserHomepage .teaserImgTop{height:0px;} .teaserHomepage .teaserImgBottom{height:0px;} .teaserHomepage .teaserImgMiddle td .teaserImage{margin-top:6px;} /* TYP 2: durchgaengiges hgbild, keine sichtbaren spalten*/ .teaserUnited{width: 1004px;} .teaserUnited .teaserImgTop{background:url('../images3/_main/bg_element_top_1004_1.png') 0px 0px no-repeat} .teaserUnited .teaserImgMiddle{background:url('../images3/_main/bg_element_middle_1004_1.png') 0px 0px repeat-y; padding: 16px 4px 16px 4px} .teaserUnited .teaserImgBottom{background:url('../images3/_main/bg_element_bottom_1004_1.png') 0px 0px no-repeat} .teaserUnited td{width:188px; border:0px; vertical-align:bottom;} .teaserUnited td div{margin: 8px 10px 0px 10px;} .teaserUnited td.divis{width:14px; border:0px; padding:0px} .teaserUnited .col {float: left; padding: 0 10px 0 10px; color: #72838C;} .teaserUnited .col h2 {margin-bottom: 16px;} .teaserUnited .col.cols1 {width: 179px;} .teaserUnited .col.cols2 {width: 378px;} .teaserUnited .col.cols3 {width: 577px;} .teaserUnited .col.cols4 {width: 776px;} .teaserUnited .col.cols5 {width: 975px;} .teaserUnited a{text-decoration:none !important; color:#469629 !important} .teaserUnited a:focus, .teaserUnited a:hover, .teaserUnited a:active{color:#363c46 !important; text-decoration:underline !important;} /* TYP 3: fuenf sichtbare rahmen*/ .teaserSeparated{} .teaserSeparated .teaserImgTop{background:url('../images_redesign2010_v3/_main/bg_element_top_1004_5.png') 0px 0px no-repeat} .teaserSeparated .teaserImgMiddle{background:url('../images_redesign2010_v3/_main/bg_element_middle_1004_5.png') 0px 0px repeat-y; padding: 0px 0px 0px 0px} .teaserSeparated .teaserImgBottom{background:url('../images_redesign2010_v3/_main/bg_element_bottom_1004_5.png') 0px 0px no-repeat} .teaserSeparated td{width:188px; border:0px; vertical-align:top;} .teaserSeparated td div{margin:8px 10px 0px 10px; } .teaserSeparated td div.containsPubIcon{margin: 0; } .teaserSeparated td div.teaserImage{margin:8px 4px 0px 4px;} .teaserSeparated td.divis{width:16px; border:0px; padding:0px} .teaserSeparated h2{margin-top:16px} .teaserSeparated .teaserImgMiddle table .headline_h2, .teaserSeparated .teaserImgMiddle table .textAndMore { width: 168px; overflow: hidden; } .teaserSeparated .teaserImgMiddle table .teaserImage { width: 180px; overflow: hidden; } .teaserSeparated td a{text-decoration:none; color:#469629} .teaserSeparated td a:focus, .teaserSeparated td a:hover, .teaserSeparated td a:active{color:#363c46; text-decoration:underline;} /* TYP 4: sonderfall: tippspiel */ .teaserColorized{} .teaserColorized .teaserImgTop{background:url('../images_redesign2010_v3/_main/bg_element_top_1004_1_colorized.png') 0px 0px no-repeat} .teaserColorized .teaserImgMiddle{background:url('../images_redesign2010_v3/_main/bg_element_middle_1004_1_colorized.png') 0px 0px repeat-y; padding: 6px 4px 6px 4px; height:16px} .teaserColorized .teaserImgBottom{background:url('../images_redesign2010_v3/_main/bg_element_bottom_1004_1_colorized.png') 0px 0px no-repeat} .teaserColorized td{width:188px; border:0px; vertical-align:top} .teaserColorized td h2.headline_h2 p{font-size:11px; font-weight:bold; margin-left:6px; !important} .teaserColorized td.second{width:808px; border:0px; vertical-align:top} .teaserColorized td div{margin: 0px 18px 0px 18px;} .teaserColorized td p{color:#262C33} .teaserColorized td a{font-weight:bold; text-decoration:none; color:#469629} .teaserColorized td a:focus, .teaserColorized td a:hover, .teaserColorized td a:active{color:#363c46; text-decoration:underline;} /* TYP 5: einzelne spalten mit unterschiedlichen hoehen */ div.teaserCustom {width: 188px; float: left; margin: 0 16px 20px 0;} div.teaserCustom.last {margin-right: 0;} div.teaserCustom .teaserImgTop{background:url('../images3/_main/bg_element_top_188_1.png') 0px 0px no-repeat} div.teaserCustom .teaserImgMiddle{background:url('../images3/_main/bg_element_middle_188_1.png') 0px 0px repeat-y; padding: 16px 10px 16px 10px} div.teaserCustom .teaserImgBottom{background:url('../images3/_main/bg_element_bottom_188_1.png') 0px 0px no-repeat} div.teaserCustom .item { padding-bottom: 22px; margin: 22px 0px 22px 0px; border-bottom: solid 1px #E6E6E6; } div.teaserCustom .item p {padding: 0; margin: 0;} div.teaserCustom .item.first { margin-top: 0; } div.teaserCustom .item.notFirst h2 {font-size: 120%;} div.teaserCustom .item.last { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } div.teaserCustom .item .image { margin-top: 10px; } .teaserCustom a{font-weight:bold; text-decoration:none; color:#469629} .teaserCustom a:focus, .teaserCustom a:hover, .teaserCustom a:active{color:#363c46; text-decoration:underline;} /* ****************************************************************** * RSSTicker * ****************************************************************** */ .rssRow{margin-bottom: 20px;} .page_home .rssRow{margin-bottom: 15px;} #rssfeed{ width: 1004px; height:30px; top: 6px; position:absolute;} #rssfeed a.feeditem{display: block; width: 895px; padding-left: 15px; text-decoration: none; color: #7C8087;} #rssfeed a.feeditem:hover{ color: #5e636b; } #rssfeed a.feeditem span{display: block; float: left; padding-top: 8px} #rssfeed a.feeditem span.head{width: 160px; font-weight:bold; overflow:hidden; height: 14px;} #rssfeed a.feeditem span.text{padding-left:35px; width: 660px;overflow:hidden; height: 14px;} #feedNav{margin-right:20px; position:relative} #feedNav a{float:right; display: block; margin-left: 10px; position:absolute;} #feedAbo{width: 48px; height:19px; background:url("../images3/icons/rssabo.png") top left no-repeat; right:46px; top: 6px} #feedPrev{width: 12px; height:16px;background:url("../images3/icons/rss_prev.png") top left no-repeat; right: 96px} #feedNext{width: 12px; height:17px;background:url("../images3/icons/rss_next.png") top left no-repeat; right: 96px; top:16px} #feedNav #feedPlay , #feedNav #feedPause {display:none} #feedFacebook { background: url("../images3/icons/facebook.png") no-repeat scroll left top transparent; height: 19px; right: 23px; top: 7px; width: 17px; } #feedYouTube { background: url("../images3/icons/youtube.png") no-repeat scroll left top transparent; height: 19px; right: 0; top: 7px; width: 17px; } /** Rss-Ticker auf der Homepage*/ .page_homex .rssRow{display:none} .page_homex #rssfeed{margin-bottom: -32px; top: -53px; position: absolute; z-index: 9; } .page_homex #feedNav{margin-right:10px; position:relative} .page_homex #rssfeed a.feeditem{color:#363c36;padding-left:6px;} .page_homex #rssfeed a.feeditem span{padding:0;height:32px;line-height:32px;} .page_homex #rssfeed #feedAbo {top:7px;} .page_homex #rssfeed #feedNext {top:17px;} .page_homex #rssfeed #feedPrev{top:1px;} /* ************* /RSSTicker ************* */ /* ****************************************************************** * TEASER redesign2010_alt * ****************************************************************** */ .startPageHeadlines h2.headline_h2 { font-size:12px; line-height:14px; } .layer_headline_h2 { position:absolute; bottom:0px; margin-bottom:1px; } div.startPageTeaser{ float: left; margin: 0px 16px 0px 0px; width: 188px; position:relative; padding:0px; } div.startPageTeaserLast{ float: right; width: 188px; position:relative; } div.teaserImageAndText{ margin-top:7px; width: 1004px; clear: both; } *+html #main .teaserImageAndText .textAndMore { margin:8px 0 22px !important; } *+html div.startPageHeadlines { padding-top:17px; } *+html div.startPageTeaser { margin:0 16px -15px 0; } *+html .layer_headline_h2 { margin-bottom:0px; } div.startPageHeadlines{ width: 1004px; padding-top:17px; } #main .teaserImageAndText .textAndMore { display:block; margin:11px 0 22px !important; width:175px; } #main {position:relative;} /* .textAndMore a { color:#276FA6 !important; padding-left:5px; text-decoration:none !important; background:none !important; } */ .startPageTeaserLast .moreLinkDiv{ background-image:url("../images_redesign2010_v3/_main/arrow_green.png"); background-position:right 6px; background-repeat:no-repeat; color:#276FA6; display:block; text-decoration:none; width: 175px; } .startPageTeaserLast .k_s_teaser{ padding-left: 10px; } .startPageTeaserLast .k_s_link{ margin-bottom: 5px; } /* ************* /Startseiten TEASER ************* */ /* ****************************************************************** * Suchergebnis * ****************************************************************** */ hr.grau { padding: 4px 0px 2px 0px; margin: 0px 0px 0px 0px; width: 100%; color: #333333; } hr.hellgrau { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 100%; color: #7c7c7c; } div.searchresult { text-align: left; vertical-align: middle; line-height: 16px } p.searchresult { text-decoration: none; color: #333; font-size: 11px; font-weight: normal; line-height: 15px; padding: 4px 0 0 0; } li.searchresult { padding: 10px 0 0 0; } div.searchresult_counter { width: 30px; font-weight: bold; float: left; text-align: left; vertical-align: middle; line-height: 16px } div.sr_0 { background-color: white; padding: 4px 2px 4px 2px; text-align: left; vertical-align: middle; margin: 8px 0 8px 0; } div.sr_1 { text-align: left; vertical-align: middle; background-color: #eee; padding: 4px 2px 4px 2px; margin: 8px 0 8px 0; } /* ************* /Suchergebnis ************* */ /* ****************************************************************** * rechte Randspalte * ****************************************************************** */ #col2_content h2.headline_h2{ border-bottom:0px solid #ccc; font-weight:normal; text-decoration:underline; letter-spacing: 2px; margin-bottom:4px; } /*fuer dieselben h2 ueberschriften in der rechten randspalte wie auf einer contetent page*/ #col2_content h2.headline_h2_native{border-bottom:1px solid #7c7c7c; padding-bottom:0px; margin-bottom:5px; } h3.rechteNav1 { font-weight: bold; margin: 0 0 0 0; /*padding-top: 4px;*/ padding-bottom: 5px; text-indent: 5px; line-height: 22px; } h3.rechteNav1hover { background-image: none; background-color: #60b6FF; background-repeat: repeat-x; font-weight: bold; margin: 0 0 0 0; padding-top: 4px; padding-bottom: 5px; text-indent: 5px; } /*links in den boxen unsichtbar machen*/ h3.rechteNav1 a, h3.rechteNav1 a:hover, h3.rechteNav1 a:active { text-decoration: none !important; } div.rechteNavLeft { float: left; background: url(../images2/nav_right_li.gif) no-repeat; height: 22px; width:5px; } div.rechteNavCenter { float: left; background: #ececee; height: 22px; width:262px; } div.rechteNavRight { float: left; background: url(../images2/nav_right_re.gif) no-repeat; height: 22px; width:5px; } div.empty { } div.emptyhover { background-color: #60b6FF !important; } #col2_content p { margin: 0 0 5px 0; } #col2_content div.textAndMore { margin: 0 0 5px 0; } #col2_content div. p{ margin: 0 0 0px 0; } #col2_content div.subcolumns div.subcolumns { margin-bottom: 16px; padding-top: 9px; } #col2_content div.subcolums_multiple { margin-bottom: 2px } #col2_content div.subcolumns div.subcolumns_hr { padding-top: 0px; margin-top: 0px; width:auto; margin-right:15px; } #col2_content div.subc { margin-top: 0px; padding: 0 0.5em 0 0.5em; } #col2_content div.subcl { margin-top: 0px; padding: 0 0 0 0; } #col2_content div.subcr { margin-top: 0px; padding: 0 0 0 15px } #col2_content div.imageAsset { /*margin-bottom: 5px;*/ } #col2_content h2.headline_h2{ font-weight:bold; text-decoration:none; letter-spacing:0; margin-bottom:4px; } #col2_content .moreLinkDiv { background-image:url("../images_redesign2010_v3/_main/arrow_green.png"); background-position:right 6px; background-repeat:no-repeat; color:#276FA6; display:block; text-decoration:none; width:245px; margin-bottom: 5px; } /* ************* /rechte Randspalte ************* */ /* ****************************************************************** * #col3 Content * ****************************************************************** */ /* Abstaende Teaser Content Spalte : in allen Faellen 25px zwischen den Spalten*/ #col3_content div p { margin: 0 0 16px 0; } #col3_content div.subcolumns { margin-bottom: 0px; } /*2501 : 0 statt 16*/ #col3_content div.subc { margin-top: 0px; padding: 0 0.2em 0 0em } /*0 0.2 0 0.2*/ #col3_content div.subc33_333333 { margin-top: 0px; padding: 0px 9px 0px 8px; } #col3_content div.subcl { margin-top: 0px; padding: 0 0 0 0 } /* 0 0.4em 0 0 */ #col3_content div.subcl33_3366 { margin-top: 0px; padding: 0px 17px 0px 0px; } #col3_content div.subcl33_333333 { margin-top: 0px; padding: 0px 17px 0px 0px; } #col3_content div.subcl22_2278 { margin-top: 0px; padding: 0px 12px 0px 0px; } /*Einsatz: 100er links bei 2 spalten*/ #col3_content div.subcr { margin-top: 0px; padding: 0 0 0 0 } /*0 0 0 0.4*/ #col3_content div.subcr66_3366 { margin-top: 0px; padding: 0px 0px 0px 8px; } #col3_content div.subcr33_333333 { margin-top: 0px; padding: 0px 0px 0px 17px; } #col3_content div.subcr78_2278 { margin-top: 0px; padding: 0px 0px 0px 15px; } /*Einsatz: 100er links bei 2 spalten*/ #col3_content div.imageAsset { padding-bottom: 16px; } #col3_content div.kachel div.imageAsset { padding-bottom: 4px; } #col3_content div.imageAsset_landscape { padding-bottom: 16px; } #col3_content div.imageAsset_bilderliste { padding-bottom: 20px; } #col3_content div.subcolumnshover { background-color: #60b6FF; } #col3_content div.subcolums_multiple { margin-bottom: 2px } #col3_content div.margin_right { margin-right: 10px } #col3_content div.subcrhover { background-color: #60b6FF; } /* ************* /#col3 Content ************* */ /* Darstellung der Kacheln in verschiedenen Seitenmodi zweiKacheln_1mitRand + zweiKacheln_2mitRand dreiKacheln_1u2mitRand + dreiKacheln_3mitRand dreiKacheln_1u2ohneRand + dreiKacheln_3ohneRand */ #col3_content div.zweiKacheln_1mitRand { width: 237px; margin-right: 25px; } #col3_content div.zweiKacheln_2mitRand { width: 238px; margin-right: 0px; } #col3_content div.3kachel1u2mitRand { width: 150px; } #col3_content div.dreiKacheln_1u2mitRand { width: 150px; margin-right: 25px; } #col3_content div.dreiKacheln_3mitRand { width: 150px; margin-right: 0px; } #col3_content div.dreiKacheln_1u2ohneRand { width: 240px; margin-right: 25px; } #col3_content div.dreiKacheln_3ohneRand { width: 240px; margin-right: 0px; } /* ****************************************************************** * Lupen und Bildunterschriften * ****************************************************************** */ div.lupe100{text-align:right; width:100px;} div.bildUnterschrift100{text-align:right; width:100px; margin-top:4px;} div.lupe150{text-align:right; padding-right:0px;} div.bildUnterschrift150{margin-top:4px; text-align:right; padding-right:0px;} div.lupe200{width:200px; text-align:right; margin-right:0px;} div.bildUnterschrift200{width:200px;margin-top:4px; text-align:right; margin-right:0px;} #col3_content div.kachel div.lupe200{width:200px; text-align:right; margin-right:25px;} #col3_content div.kachel div.bildUnterschrift200{width:200px; text-align:right; margin-right:25px;} div.lupe500{width:500px;text-align:right; padding-right:0px;} div.bildUnterschrift500{width:500px;margin-top:4px; text-align:right; padding-right:0px;} /* ************* /Lupen und Bildunterschriften ************* */ /* ****************************************************************** * Tabellen allgemein * ****************************************************************** */ table { border-collapse:collapse; empty-cells:show } table.full { width: 100%; } table.fixed { table-layout:fixed } table.invisible{ width:100%; } table.invisible td{ padding: 0px 10px 10px 0px; vertical-align:bottom; } th,td { padding: 0em; } thead th { background: #444; color: #fff } tbody th { background: #ccc; color: #333 } tbody th.sub, tbody th.sup{ background: #ddd; color: #333 } /*Zellenauszeichnungen Schueco*/ table.table--tablestyle_unsichtbar td{ padding-right: 15px; } table td.bgf { background-color: #ffffff; } /*weiss*/ table td.bg0 { background-color: #000000; } /*schwarz*/ table td.bg1 { background-color: #909197; } /*dunkel*/ table td.bg2 { background-color: #e0e0e0; } /*mittel*/ table td.bg3 { background-color: #F6F6F6; } /*hell*/ table td.center { text-align: center !important; vertical-align: middle; } table td.bull { font-size: 2em; line-height: .5em; text-align: center; vertical-align: middle; } /*Zeilenauszeichnungen Schueco*/ table tr.th td { text-align: left; background-color: #909197; color: #ffffff; font-weight: bold; } table tr.tb td { font-weight: bold; } /* Spezialtabelle: CE-Kennzeichen & Jobboerse */ table.overview { width: 100%; border: 1px solid #ffffff; margin-bottom: 16px; } table.overview td { padding: 3px 5px 3px 5px; border: 1px solid white; vertical-align: top } table.overview tr.th td { text-align: left; background-color: #909197; color: #ffffff; font-weight: bold; } /*kopfzeilenzellen dunkel*/ table.overview tr.th2 td { font-weight: bold; } /*unterkopfzeilekopfzeilenzellen : fette schrift*/ table.overview .bgf { background-color: #ffffff; } /*weiss*/ table.overview .bg0 { background-color: #000000; } /*schwarz*/ table.overview .bg1 { background-color: #909197; } /*dunkel*/ table.overview .bg2 { background-color: #e0e0e0; } /*mittel*/ table.overview .bg2hover { background-color: #60b6FF; } /*mittel*/ table.overview .bg3 { background-color: #F6F6F6; } /*hell*/ table.overview tr.overviewspacer td { border: 0px solid black; padding: 0 } /* ************* /#Tabellen allgemein************* */ /* ****************************************************************** * Formulare * ****************************************************************** */ form.form table.formTable{ width:500px !important; background-color:#ececee; } form.form table.formTable td {padding:4px 10px 4px 10px;} form.form table.formTable tr.divinerowtitle { background-color:#A5A6AD; color:#FFFFFF; font-weight:bold; background: url(../images2/_main/tablehead.png) top left no-repeat; } form.form table.formTable tr.divinerowtitle td{ background-color:transparent !important; border:0px; color: #333333; border-bottom: 2px solid #ffffff; border-top: 2px solid #ffffff; vertical-align: middle; height: 32px; padding:0px 10px 0px 10px; } form.form table.formTable tr.blankspacer{height:1px} form.form table.formTable tr.blankspacer td{padding: 0px;} form.form table.formTable tr.formtablespacer{ background-color:#ffffff; background: url(../images2/_main/tablebottom.png) bottom left no-repeat; border-top: 0px solid white; border-bottom: 0px solid white; height: 5px; width:500px; } form.form table.formTable tr.formtablespacer td { background-color:transparent !important; background-color:#cc0000; padding:3px 0px 0px 0px; } form.form table.formTable tr.buttonrow{ } form.form table.formTable tr.buttonrow td { border-top:0px solid #cc0000; text-align:right; background-color:white; padding: 10px 0px 0px 0px; } form.form .formButton, .formButtonWForm { background: url("../images_redesign2010_v3/_main/arrow_green.png") #ffffff no-repeat right 9px; border:0 solid #FFFFFF; color:#469629; cursor:pointer; font-size:11px; font-weight:bold; margin:0 0 0 16px; padding:3px 25px 3px 0; text-align:right; width: 94px !important; } #login a.formButton, #registrationLink a.formButton{ background: url("../images_redesign2010_v3/_main/arrow_green.png") #ffffff no-repeat right 9px; border:0 solid #FFFFFF; color:#469629; cursor:pointer; font-size:11px; font-weight:bold; margin:0 0 0 16px; padding:3px 25px 3px 0; text-align:right; width: 94px !important; } #login a.formButton:hover, #registrationLink a.formButton:hover{ color: #6F7B8E; } /*Teil 2*/ form.form input.checkbox,form.form input.radio { margin-right: 4px; } input.ops,select.ops,span.ops,textarea.ops { /*padding-left: 0px; einrueckung im ff in texteingabe*/ font-size: 100%; font-weight: normal; font-family: Arial, Helvetica, sans-serif; } /*standardbreiten fuer 180px breite tabellenspalte*/ input.ops { width: 296px; overflow: hidden; } input.errors { background-color: red; color: white } select.ops { width: 300px; } textarea.ops { width: 476px; } div.nr { padding-top: 4px; } /* ************* /Formulare ************* */ /* ****************************************************************** * Anwendung: Sitemap auf Microsites * ****************************************************************** */ ul.mircositemap{position: relative; top: -8px} ul.mircositemap ul{margin: 0px 0px 0px 15px;} ul.mircositemap li{margin-top: 8px;} ul.mircositemap li li{margin-top: 0px;} ul.mircositemap li a{ background-image:url("../images_redesign2010_v3/_main/arrow_green.png"); background-position:right 6px; background-repeat:no-repeat; padding: 0px 20px 0px 0px; margin: 0px 0px 0px 0px; font-weight: bold; } ul.mircositemap li li a{font-weight: normal; } ul.mircositemap li a:focus, ul.mircositemap li a:hover, ul.mircositemap li a:active{ color:#276FA6; text-decoration: underline; } /* ************* /Anwendung: Sitemap auf Microsites ************* */ /* ****************************************************************** * Anwendung: Sitemap auf Nicht-Microsites * ****************************************************************** */ #sitemap { margin: 0 0 16px 0; } #sitemap a { display: block; margin: 0; padding: 0; height: auto !important; height: 16px; min-height: 16px; max-height: 32px; line-height: 16px; text-decoration: none; } #sitemap li { margin: 0; padding: 0; } /** erste ebene **/ #sitemap ul { list-style: none; margin: 0 0 0px 0; padding: 0 0 0 0px; border-bottom: 1px solid #fff; } #sitemap ul li { margin: 0px 0px 0px 0px; background: url("../images/sitemap_ebene1.gif") no-repeat top left; background-color: #ffffff; } #sitemap ul li a { color: #ffffff; padding: 3px 0px 2px 8px; font-weight: bold } /** 2te ebene **/ #sitemap ul li ul { border: 0px; margin: 0px; } #sitemap ul li ul li { margin: 0px 0px 0px 0px; font-weight: bold; background: url("../images/sitemap_ebene2.gif") no-repeat top left; line-height: 16px; border-right: 1px solid white; } #sitemap ul li ul li a { color: #666666; padding: 4px 0px 2px 30px; font-weight: normal; } /** 3te ebene **/ #sitemap ul li ul li ul { border: 0px; padding-left: 0px; } #sitemap ul li ul li ul li { font-weight: normal !important; background: #fff url("../images/sitemap_ebene3.gif") no-repeat top left; border-top: 0px solid white; border-left: 0px; border-right: 0px; padding-left: 0px; } #sitemap ul li ul li ul li a { padding: 4px 0px 2px 50px; } #sitemap a:hover,#sitemap a:active { font-weight: bold; } /*obere tabelle*/ #sitemap ul li.e2 { font-weight: bold !important; background: #fff url("../images/sitemap_ebene2.gif") no-repeat top left !important; border-top: 0px solid white; border-left: 0px solid red; border-right: 0px solid blue !important; } #sitemap ul li.e2_blank { background: #fff url("../images/sitemap_ebene2_blank.gif") no-repeat top left !important; } #sitemap ul li.e2 a,#sitemap ul li.e2_blank div { font-weight: normal; color: #666666; padding: 4px 0px 2px 30px !important; margin: 0 } #sitemap ul li.e2 a#active { font-weight: bold; } /* ************* /Anwendung: Sitemap auf Nicht-Microsites ************* */ /* ****************************************************************** * Anwendung: Anwendung: Virtual Showroom * ****************************************************************** */ div.virtualShowroom{width: 795px;} div.vsControl { margin-top: 10px; background-color: #e1e1e3 } div.vsControlOuter { background: transparent url("../images/bg_virtual_showroom_control.gif") repeat-x top left; padding: 0px 0px 0px 0px; } * html div.vsControlOuter { background-position: 0px left; } div.vsControlInner { background: transparent url("../images/bg_virtual_showroom_control.gif") repeat-x bottom left; padding: 8px 0px 0px 0px; } #col3_content div.vsControlInner div.c50l{width:202px} #col3_content div.vsControlInner div.subcl{padding:4px 10px;} #col3_content div.vsControlInner div.c50r{width:auto} #col3_content div.vsControlInner div.subcr{text-align:left; padding: 0px 10px 0px 10px;} div.vsControlInner table{height:78px;} div.vsControlInner table td{vertical-align:top} div.button4vsactive a { font-size: 11px; text-decoration: none; text-align: left; padding-left: 5px; padding-top: 4px; padding-bottom: 4px; background-position: 0px 0px; display: block; width: 120px; height: 25px; color: #ffffff; background-image: url("../images/icons/button4virtualshowroom_active.gif"); background-repeat: no-repeat; margin: 0; text-indent: 28px; outline:0; -moz-outline:0; } a.button4vsactive:link { margin: 5px 0px 2px 0px; color: #ffffff; text-decoration: none; outline:0; -moz-outline:0; } a.button4vsactive:visited { color: #ffffff; text-decoration: none; outline:0; -moz-outline:0; } div.button4vs a { font-size: 11px; text-decoration: none; text-align: left; padding-left: 5px; padding-top: 4px; padding-bottom: 4px; background-position: 0px 0px; display: block; width: 120px; height: 25px; color: #cc0000; background-image: url("../images/icons/button4virtualshowroom.gif"); background-repeat: no-repeat; margin: 0; text-indent: 28px; outline:0; -moz-outline:0; } a.button4vs:link { margin: 5px 0px 2px 0px; color: #666666; text-decoration: none; outline:0; -moz-outline:0; } a.button4vs:visited { color: #666666; text-decoration: none; outline:0; -moz-outline:0; } a.button4vs:hover { background-image: url("../images/icons/button4virtualshowroom_active.gif"); color: #ffffff; text-decoration: none; outline:0; -moz-outline:0; } #vs_farbwahl { background-color: #efefef; } #vs_farbwahl a { text-decoration: none; font-weight: bold; color: #333333; } #vs_farbwahl a:hover { text-decoration: underline; color: #333333; } #vs_farbwahl ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0 0px 0; } #vs_farbwahl ul li { display: block; margin: 2px 0px 2px 0px; padding-bottom: 2px; padding-left: 4px; border-bottom: 0px solid grey; background: url("../images/dotted_line.gif") repeat-x left bottom; background-color: #efefef; } #vs_farbwahl ul li ul li a { color: #666666; } #vs_farbwahl ul li ul li { border-bottom: 0px solid grey; margin: 0px 0px 0px 0px; padding-left: 10px; padding-bottom: 0px; font-weight: normal; background: none; } /* #vs_farbwahl ul li ul li ul li a{color:#999999;} #vs_farbwahl ul li ul li ul li{ padding-left:10px; }*/ /* Menu in der rechten Randspalte */ #vs_menu_outerdiv { border-bottom: 1px solid #909598; } #vs_menu_outerdiv a:link, #vs_menu_outerdiv a:focus, #vs_menu_outerdiv a:hover, #vs_menu_outerdiv a:active, #vs_menu_outerdiv a:visited{ font-weight: bold; color: #666666 } /* ebene 1 */ #vs_menu_outerdiv ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px; background-color: #efefef; } #vs_menu_outerdiv ul li { margin: 0px 0px 0px 0px; padding-left: 6px; border-top: 1px solid #909598; line-height: 20px; clear: both; } #vs_menu_outerdiv ul li a { text-decoration: none; border: 0px; background: url("../images/farbnav_pfeile_rechts.gif") no-repeat 0px -4px; padding-left: 15px; } #vs_menu_outerdiv ul li a.vsactive { background: url("../images/farbnav_pfeile_unten.gif") no-repeat 0px -4px; color: #333333 !important; padding-left: 15px; } /* ebene 2 */ #vs_menu_outerdiv ul li ul { margin: 0 0 0 0px; list-style-type: none } #vs_menu_outerdiv ul li ul li { margin: 0px 0px 0px 0px; padding: 0px 0 0px 12px; border: 0px; } #vs_menu_outerdiv ul li a.farbe { text-decoration: none; border: 0px; background: none; padding: 0 0 0 0px; } div.farbpalette { margin: 0px; padding: 0px; } * html div.farbpalette { background-color: #ffffff; } div.farbpalette_inner { padding: 0px 0px 0px 0px; margin: 0px 0 0 25px; background-repeat: no-repeat; display: block; width: 248px; height: 28px; } * html div.farbpalette_inner { background-color: #ffffff; } /* CSS-Hack fuer IE7 */ *+html div.farbpalette_inner { height: auto !important; } div.farbpalette_inner span, div.farbpalette_inner a.farbpaletteHref { display: block; float: left; height: 26px; width: 26px; margin: 0px 2px 2px 0px; cursor: hand; background-image: none; } * html div.farbpalette_inner span { display: inline; float: none; padding: 0 0px 0px 0; } div.farbpalette_inner span.imagespan { padding: 0 0px 0px 0; height: 26px; width: 26px; margin: 0px 2px 2px 0px; } * html div.farbpalette_inner span.imagespan { padding: 0 0 0px 0; margin: 0 2px 0px 0; } #vs_menu_outerdiv ul li a.farbpaletteHref { background-image: none; width: 26px; height: 26px; padding: 0px; } #vs_menu_outerdiv li div.farbpalette { margin-left: -6px !important; } #vs_menu_outerdiv li li div.farbpalette { margin-left: -18px !important; } #vs_menu_outerdiv li li li div.farbpalette { margin-left: -30px !important; } /* ************* /Anwendung: Virtual Showroom ************* */ /* ****************************************************************** * Anwendung: Referenzen * ****************************************************************** */ #google_imagebox a.link-style--moreLink{ background-image:url("../images_redesign2010_v3/_main/arrow_green.png"); background-position:right 6px; background-repeat:no-repeat; display: block; margin-right: 17px; } /* ************* /Anwendung: Referenzen ************* */ /* ****************************************************************** * Anwendung: Technische Informationen * ****************************************************************** */ table.techinfo { width: 500px; border: 1px solid #ffffff; } table.techinfo td { padding: 3px 5px 3px 5px; border: 1px solid white; vertical-align: top; width: 250px; } table.techinfo tr.header { text-align: left; background-color: #909197; color: #ffffff; font-weight: bold; } /*kopfzeilenzellen dunkel*/ table.techinfo tr td.left { text-align: left; background-color: #e0e0e0;; color: #000000; font-weight: bold; width: 250px; } /*kopfzeilenzellen dunkel*/ table.techinfo tr td.right { text-align: left; background-color: #e0e0e0;; color: #000000; font-weight: normal; width: 250px; } /* ************* /Anwendung: Technische Informationen ************* */ /* ****************************************************************** * Anwendung: Newsletter-Containerpage * ****************************************************************** */ #page_margins .newsletter .elementContainer .containerHeadline{ height: 22px; background:url("../images2/_main/grey_head.png") no-repeat scroll 0 0 transparent; margin-bottom: 9px; } #page_margins .newsletter .elementContainer .containerHeadlinehover{ height: 22px; background: #60B6FF; margin-bottom: 9px; } #page_margins .newsletter .containerHeadline h1.h1_containerHeadline{ color: #363c36; padding-bottom:2px; padding-top:2px; padding-left:10px; } #page_margins .newsletter #col3_content p{ margin: 0px 0px 16px 0px; } /* ************* /Anwendung: Newsletter-Containerpage ************* */ /* ****************************************************************** * Anwendung: Prospekte * ****************************************************************** */ .c22l,.c78l { float: left; } .c22r,.c78r { float: right; margin-left: -5px; } .c22l,.c22r { width: 22% } .c78l,.c78r { width: 78% } div.blaettern { background-color:#FFFFFF; border-bottom:1px solid #E2E2E2; border-top:1px solid #E2E2E2; color:#333333; height:1.2em; padding:2px 0; width:100%; } /* ************* /Anwendung: Prospekte ************* */ /* ****************************************************************** * Anwendung: Serienunterseiten * ****************************************************************** */ /* *** neue Serienunterseiten */ div.toplinkdiv { position: relative; text-align: right; top: 16px; } a.toplink:link, a.toplink:visited, a.toplink:hover, a.toplink:active, a.toplink:focus, .toplink{ background: transparent url(../images/content/seriendummy/top_arrow.gif) no-repeat scroll left center; color: #333333; padding-left: 12px; text-decoration: underline; } a.toplink:hover { } div.series_print_icon { width: 16px; height: 16px; position: relative; z-index: 70; left: 480px; top: 0px; } /*all IEs*/ div.series_print_icon a { display: block; width: 16px; height: 16px; background: #ffffff url(../images/icons/drucken_icon.gif) no-repeat; } /* print-icon ende */ div.serviceiframe { border-top: 1px solid #7c7c7c; padding-top: 14px; width: 500px } div.serviceiframe_vs { border-top: 1px solid #7c7c7c; width: 500px; height: 1px; padding-top: 0px } p.infoTeaser { background-color: #efefef; } /* ************* /Anwendung: Serienunterseiten ************* */ /* ****************************************************************** * * Anwendung: Paginierung Bilddownloadcenter * ****************************************************************** */ .paging{margin-bottom: 20px !important;} .paging div.blaettern { background-color: #FFFFFF; border-bottom: 1px solid #E2E2E2; border-top: 1px solid #E2E2E2; color: #333333; height: 24px; padding: 3px 0 0px 0px; width: 100%; } .paging div.blaettern .subcl span, .paging div.blaettern .subcl a{ width: 21px; height: 21px; display: block; float: left; margin-right: 6px; line-height: 21px; font-weight: bold; text-decoration: none; background-color: #cbcbcb; color:#134a8a; } .paging div.blaettern .subcl span.active{ background-color: #134a8a; color:#ffffff; } .paging div.blaettern .left{height: 21px; width: 290px;} #col3_content .paging div.blaettern .left .subcl{margin-top: 4px;} .paging div.blaettern .middle{height: 21px; width: 190px;} .paging div.blaettern .right{height: 21px; width: 280px;} #col3_content .paging div.blaettern .right .subcr{margin-top: 4px;} a.linkbackward{ color: #cbcbcb; padding: 0px 10px 0px 17px; background: url('../images_redesign2010_v3/pagination_left.png') left -2px no-repeat; text-decoration: none !important;} a.linkforward { color: #cbcbcb; padding: 0px 15px 0px 10px; background: url('../images_redesign2010_v3/pagination_right.png') right -2px no-repeat; text-decoration: none !important;} #col3_content div.dreiKacheln_1u2mitRandmR55{margin-right: 55px;} /* ************* /Anwendung: Paginierung Bilddownloadcenter ************* */ /* ****************************************************************** * Special: PBE * ****************************************************************** */ img.img_pbe{ display:none; } /* ************* / Special: PBE ************* */ div.subc1hover { background-color: #A0A0A0; } div.elementlisthover { background-color: #60b6FF; } div.imageAsset_popup { padding-bottom: 20px; } div.imageOptions { text-align: right; } /* ****************************************************************** * generische Klassen * ****************************************************************** */ .width0px{width:0px;} /* ****************************************************************** * generische Klassen * ****************************************************************** */ /*************** DEBUG ************** .page_margins{} #header{background-color:yellow} #nav_main{} #teaser{background-color:#efefef; } #stage .stagebox .moreLinkDiv{background-color: #efefef;} #stage .stagebox .moreLinkDiv a{background-color: #cccccc;} #main{background-color:#cccccc} #col1{background-color:green} #col1_content{background-color:#cc0000} #col2{background-color:green} #col2_content{background-color:#cc0000} #col3{background-color:blue} #col3_content{background-color:#cc0000} ************************************* ************************************ EOF !*/ /* ****************************************************************** * Partner: Service * ****************************************************************** */ div.vertical-area .container, div.horizontal-area .container { border: solid 1px #E6E6E6; background-color: #FFF; } div.vertical-area .container { width: 1000px; height: 141px; margin-bottom: 37px; } div.vertical-area .container .item { padding: 0 20px 0 20px; margin: 30px 0 30px 0; height: 81px; float: left; } div.vertical-area .container .item.index0 { width: 560px; } div.vertical-area .container .item.index1 { width: 349px; border-left: solid 1px #E6E6E6; } div.horizontal-area .container { width: 188px; margin-right: 13px; float: left; margin-bottom: 20px; } div.horizontal-area .container.last { margin-right: 0; } div.horizontal-area .container .item { padding-bottom: 22px; margin: 22px 16px 22px 16px; border-bottom: solid 1px #E6E6E6; width: 156px; } div.horizontal-area .container .item .text { height: 57px; overflow: hidden; } div.horizontal-area .container .item.first .text { height: 74px; } div.horizontal-area .container .item.no-image .text { height: 133px; } div.horizontal-area .container .item .image { height: 76px; width: 156px; } div.horizontal-area .container .item.last { border-bottom: none; padding-bottom: 0; } /* ****************************************************************** * /Partner: Service * ****************************************************************** */ /* ****************************************************************** * login * ****************************************************************** */ #loginPopUp h1 { font-size: 12px; margin: 20px 0 0 0; padding: 0; color: #000; } #loginPopUp .loginReminder {float:right; width: 160px;} #loginPopUp .loginReminder label {font-size: 12px;} #loginPopUp .links { font-size: 12px; line-height: 20px; } #loginPopUp{ width: 410px; height: 600px; margin: 0px; background: none repeat scroll 0 0 #FFF; font-family: Arial,Helvetica,sans-serif; font-size: 70%; } #loginPopUp div.header{ width: 410px; height: 100px; margin: 0px; background-color: white; background-position: center; background-repeat: no-repeat; } #loginPopUp div.content{ width: 356px; font-size:14px; margin-left: 25px; } #loginPopUp .content div.headline{ width: 356px; font-weight: bold; padding-top: 20px; } #loginPopUp .content div.text{ width: 356px; } #loginPopUp .content div.input{ width: 356px; } #loginPopUp .content div.separator{ width: 356px; border-bottom-color: #CFD7D9; border-bottom-style: solid; border-bottom-width: 1px; } #loginPopUp .content div.buttonrow{ width: 356px; } #loginPopUp .content div.links{ width: 356px; } /* ****************************************************************** * /login * ****************************************************************** */ /* ****************************************************************** * Architekten: * ****************************************************************** */ /* statistic table fix */ div.statistic table.table--tablestyle_grau, div.statistic table.table--tablestyle_grau tr, div.statistic table.table--tablestyle_grau td {background-color: #FFF; color: #72838C;padding: 0 0 8px 0; width: auto;} div.statistic table.table--tablestyle_grau .highlight {color:#363c36;font-weight:bold;font-size:145.5%;} div.statistic table.table--tablestyle_grau .left-col {text-align: right;padding-right: 5px;} div.statistic table.table--tablestyle_grau .space {width: 30px;} /* ****************************************************************** * /Architekten: * ****************************************************************** */ /* ****************************************************************** * form elements * ****************************************************************** */ a.layout01Button, a.layout01Button:link, a.layout01Button:focus, a.layout01Button:hover, a.layout01Button:active, a.layout01Button:visited{ background: transparent url('../images3/_main/layout-01-button-shaddow-right.png') no-repeat scroll top right; color: #333333; display: block; float: left; font: bold 14px arial, sans-serif; height: 34px; margin-right: 5px; padding-right: 12px; /* sliding doors padding */ text-decoration: none; } a.layout01Button span { background: transparent url('../images3/_main/layout-01-button-shaddow-left.png') no-repeat; display: block; line-height: 34px; padding: 0 0 0 12px; } div.layout01input { background: transparent url('../images3/_main/layout-01-input-border-right.png') no-repeat scroll top right; color: #333333; display: block; float: left; font: bold 14px arial, sans-serif; height: 30px; margin-right: 5px; padding-right: 4px; /* sliding doors padding */ text-decoration: none; } div.layout01input.last {margin-right:0;} div.layout01input input { background: transparent url('../images3/_main/layout-01-input-border-left.png') no-repeat; border-width: 0; display: block; line-height: 26px; height: 30px; padding: 0 0 0 4px; width: 150px; margin: 0; } * + html div.layout01input input {margin-top: -1px;} div.layout01input.login { padding-bottom: 14px; } div.layout01input.login input { width: 350px; } label.layout01label { display: block; font-size: 12px; margin-bottom: 5px; } div.layout01select { width: 340px; float: left; } /* ************* /form elements ************* */ .ux-carousel-wrap{position: relative;} /* ****************************************************************** * form elements new layout * ****************************************************************** */ .form-container.form-success .form-text { padding-left: 185px; } .form-container.form-success .form-content-text { margin-top: 24px; } .form-container * { font-size: 11px!important; } .form-container a, .form-container a:link, .form-container a:focus, .form-container a:hover, .form-container a:active, .form-container a:visited, .form-container a.link-style--downLink, .form-container a.link-style--downLink:link, .form-container a.link-style--downLink:focus, .form-container a.link-style--downLink:hover, .form-container a.link-style--downLink:active, .form-container a.link-style--downLink:visited { color: #76B826!important; } .form-container h1, .form-container .headline_h1 { padding: 0; margin: 0 0 6px 0; font-weight: bold; font-size: 18px!important; color: #76B826; } .form-container .headline_h1 { color: #7B7F87; } .form-success h1 { color: #343A46; font-weight: normal; } .form-container h2 { padding: 0; margin: 0; font-weight: normal; font-size: 18px!important; color: #5D616B; } .form-success h2 { color: #7B7F87; } .form-container .form-box { margin-bottom: 24px; padding-bottom: 24px; border-bottom: solid 1px #D7D8DA; } .form-container .form-box.last { border-bottom: none; margin-bottom: 0; } .form-container .form-box .form-box-label { float: left; width: 160px; padding-right: 15px; } .form-container .form-box .form-box-fields { float: left; width: 710px; } .form-container .form-box .form-box-fields .form-field-row { margin-bottom: 10px; } .form-container .form-box .form-box-fields .form-field-row.last { margin: 0; } .form-container .form-box .form-field-marginal { float:left; line-height: 20px; margin-left: 15px; } .form-container .form-box .form-box-fields .form-field-row .dropDown { padding: 0 5px 0 5px; width: 330px; height: 30px; line-height: 30px; } .form-group-box .check input { border-color: #F00; } .form-group-box { width: 344px; float: left; margin: 0 15px 25px 0; } .form-group-box.lastCol { margin-right: 0; } .form-group-box.lastRow { margin-bottom: 0; } .form-group-box h3, .form-group-box label.h3 { color: #4A555A; padding: 0; margin: 0; margin-bottom: 8px; font-weight: bold; font-size: 13px; } .form-group-box .imgTop { height: 6px; line-height: 6px; background:url('../images3/form/form-group-box-bg-top.png') 0px 0px no-repeat } .form-group-box .imgMiddle { background: url('../images3/form/form-group-box-bg-middle.png') 0px 0px repeat-y; padding: 0 7px 0 14px } .form-group-box .imgBottom { height: 8px; line-height: 8px; background:url('../images3/form/form-group-box-bg-bottom.png') 0px 0px no-repeat } .form-group-box .fields { float: left; width: 175px; } .form-group-box .fields .check, .form-container .form-box .check, .form-container .form-box .radio { display: block; float: left; width: 12px; } .form-container .form-box .form-field-row .radio-row .radio { margin-top: 7px; } .form-container .form-box .form-field-row .radio-row label { margin-top: 7px; } * + html div.form-container .form-box .form-field-row .radio-row label { margin-top: 11px; } .form-group-box .fields label { width: 150px; } .form-group-box .fields label, .form-container .form-box label.float { display: block; float: left; margin-left: 10px; } .form-group-box img { float: right; } .form-container .form-box .form-box-fields .form-group-box .form-field-row { margin-bottom: 6px; } * + html div.form-container .form-box .form-box-fields .form-group-box .form-field-row { margin-bottom: 0px!important; } * + html div.form-container .form-box .form-box-fields .form-group-box .form-field-row label { margin-top: 3px!important; } .form-group-box .form-field-row.last { margin-bottom: 0!important; } .form-container .form-box .layout01label { margin-left: 5px; font-size: 13px; } /** + html .form-container .form-box .layout01label { padding-top: 13px; }*/ .form-container .form-box .layout01input input { } .form-container .form-box div.layout01input { background: transparent url('../images3/_main/layout-01-input-small-right.png') no-repeat scroll top right; height: 20px; } .form-container .form-box div.layout01input input { background: transparent url('../images3/_main/layout-01-input-small-left.png') no-repeat; line-height: 16px; height: 20px; width: 332px; } div.form-container .form-box .layout01input input { padding-top:2px\9; } * + html div.form-container .form-box .layout01input input { width: 328px; } .form-container .button-submit { display: block; width: 200px; height: 38px; background-color:#FFF; background: url("../images3/form/form-submit-bg.png") no-repeat 0 4px; border-width: 0; color:#FFF; cursor:pointer; margin: 0; padding: 0 0 0 12px; text-align: left; } .form-container .form-field-row.error *, .form-container .form-field-container.error * { color: #990000; } .form-container .form-field-row .error-msg, .form-container .form-field-container .error-msg { display: none; } .form-container .form-field-row .info-text, .form-container .form-field-container .info-text { display: block; } .form-container .form-field-row.error .error-msg, .form-container .form-field-container.error .error-msg { display: block; } .form-container .form-field-row.error .info-text, .form-container .form-field-container.error .info-text { display: none; } .ux-carousel-wrap{position: relative;} /* * Ext JS Library 2.2 * Copyright(c) 2006-2008, Ext JS, LLC. * licensing@extjs.com * * http://extjs.com/license */ div.previewContainer a.moreLinkDiv { background-image:url("../images_redesign2010_v3/_main/arrow_green.png"); background-position:right 6px; background-repeat:no-repeat; color:#469629; display:block; font-size:12px; font-weight:bold; margin-top:8px; text-decoration:none; width:230px; } div.previewContainer a.moreLinkDiv:focus, div.previewContainer a.moreLinkDiv:hover, div.previewContainer a.moreLinkDiv:active{ text-decoration:underline; color:#363c46; } .navi-menu ol.x-menu-list,.navi-menu ul.x-menu-list{list-style:none;} .x-layer{visibility:hidden;} .navi-menu .loading-indicator{font-size:11px;background-image:url(../images/popnav/loading.gif);background-repeat:no-repeat;background-position:left;padding-left:20px;line-height:16px;margin:3px } .ext-shim{position:absolute;visibility:hidden;left:0;top:0;overflow:hidden;} .ext-ie .ext-shim{filter:alpha(opacity=0);} .ext-ie6 .ext-shim{margin-left:5px;margin-top:3px;} .navi-menu{width:180px;border:0 solid none;z-index:15000;zoom:1;padding:0px;} .navi-menu a{text-decoration:none!important;} .ext-ie .navi-menu{zoom:1;overflow:hidden;} .navi-menu li{line-height:100%;margin-bottom:1px;} .navi-menu li.x-menu-sep-li{font-size:1px;line-height:1px;} .navi-list-item{-moz-user-select:none;-khtml-user-select:none;display:block;padding:0px 1px 0px 1px;position:relative;} .navi-menu-item-arrow{background:transparent url(../images_redesign2010_v3/popnav/more_arrow.gif) no-repeat right 7px;} /*.x-menu-sep{display:block;font-size:1px;line-height:1px;margin:2px 3px;background-color:#e0e0e0;border-bottom:1px solid #fff;overflow:hidden;}*/ .navi-menu .x-menu-focus{position:absolute;left:-1px;top:-1px;width:1px;height:1px;line-height:1px;font-size:1px;-moz-outline:0 none;outline:0 none;-moz-user-select:text;-khtml-user-select:text;overflow:hidden;display:block;} .x-menu-item-text {display:block;position:relative;top:4px;} .navi-menu a.x-menu-item{display:block;line-height:16px;padding:0px 20px 0px 12px;text-decoration:none;color:#333;-moz-outline:0 none;outline:0 none;cursor:pointer;} .ext-ie .navi-menu a.x-menu-item{width:81%;} .ext-ie .navi-menu-item-arrow {background-position:163px 7px;} .ext-ie .navi-menu-item-loading {background-position:right 3px;} .navi-menu-item-active{padding:0px 1px 0px 1px;} .navi-menu-item-active a.x-menu-item{font-weight:bold;line-height:16px;} .navi-menu .x-menu-item-icon{display:none;border:0 none;height:16px;padding:0;vertical-align:top;width:16px;margin:0 8px 0 0;background-position:center;} .x-menu-plain{background:#fff!important;} .navi-menu .x-color-palette,.navi-menu .x-date-picker{margin-left:26px;margin-right:4px;} .navi-menu .x-date-picker{border:1px solid #a3bad9;margin-top:2px;margin-bottom:2px;} /* backgrounds */ .navi-menu .x-menu-list .navi-list-item, .navi-menu .x-menu-list .neutral {background: #fff url("../images2/popnav/level_1_grau.gif") top left no-repeat;padding:0px;} .navi-menu .x-menu-list .aluminium, .navi-menu .x-menu-list .bg_alu {background: #fff url("../images2/popnav/level_1_alu.gif") top left no-repeat;} .navi-menu .x-menu-list .stahl, .navi-menu .x-menu-list .bg_stahl {background: #fff url("../images2/popnav/level_1_stahl.gif") top left no-repeat;} .navi-menu .x-menu-list .kunststoff, .navi-menu .x-menu-list .bg_kunststoff {background: #fff url("../images2/popnav/level_1_kunststoff.gif") top left no-repeat;} .navi-menu .x-menu-list .holzmetall {background: transparent url("../images/popnav/level_1_holzmetall.gif") top left no-repeat;} .navi-menu .x-menu-list .neutral_child {background: transparent url("../images/popnav/level_1_grau_over.gif") top left no-repeat;} .navi-menu .x-menu-list .aluminium_child {background: transparent url("../images/popnav/level_1_alu_over.gif") top left no-repeat;} .navi-menu .x-menu-list .stahl_child{background: transparent url("../images/popnav/level_1_stahl_over.gif") top left no-repeat;} .navi-menu .x-menu-list .kunststoff_child {background: transparent url("../images/popnav/level_1_kunststoff_over.gif") top left no-repeat;} .navi-menu .x-menu-list .holzmetall_child {background: transparent url("../images/popnav/level_1_holzmetall_over.gif") top left no-repeat;} .navi-menu .x-menu-list .bg_solar {background: #ffffff url('../images2/popnav/level_1_solar.gif') top left no-repeat !important;padding:0px;} .navi-menu .x-menu-list .bg_solar_child {background: #ffffff url('../images/popnav/level_1_solar.gif') top left no-repeat !important;} .navi-menu .x-menu-list .navi-list-item a.active1, .x-menu-list .neutral a.active1 {font-weight:bold!important;} .navi-menu .x-menu-list .aluminium a.active1, .x-menu-list .bg_alu a.active1 {font-weight:bold!important;} .navi-menu .x-menu-list .stahl a.active1, .x-menu-list .bg_stahl a.active1 {font-weight:bold!important;} .navi-menu .x-menu-list .kunststoff a.active1, .x-menu-list .bg_kunststoff a.active1 {font-weight:bold!important;} .navi-menu .x-menu-list .holzmetall a.active1 {font-weight:bold!important;} .navi-menu .x-menu-list .neutral_child a.active1 {font-weight:bold!important;} .navi-menu .x-menu-list .aluminium_child a.active1 {font-weight:bold!important;} .navi-menu .x-menu-list .stahl_child a.active1 {font-weight:bold!important;} .navi-menu .x-menu-list .kunststoff_child a.active1 {font-weight:bold!important;} .navi-menu .x-menu-list .holzmetall_child a.active1 {font-weight:bold!important;} .navi-menu .x-menu-list .bg_solar a.active1 {font-weight:bold!important;} .navi-menu .x-menu-list .bg_solar_child a.active1 {font-weight:bold!important;} /*IE(7) Hack SCHCMS-3122 / Konflikt SCHCMS-3223 */ .ext-ie7 .navi-menu .x-menu-list .navi-list-item a.active2, .ext-ie8 .navi-menu .x-menu-list .navi-list-item a.active2 { border-right-width:0px; border-right-style: solid;} .ext-ie7 #nav2 .x-menu-list .navi-list-item a.active2, .ext-ie8 #nav2 .x-menu-list .navi-list-item a.active2 { border-right-width:0px!important; border-right-style: solid;} .ext-ie6 #nav2 .x-menu-list .navi-list-item a.active2 { border-right-width:0px!important; border-right-style: solid;} .ext-ie .navi-menu .x-menu-list .navi-list-item a.active2, .ext-ie .navi-menu .x-menu-list .neutral a.active2 {padding-right:22px;padding-left:-1px;} .ext-ie .navi-menu .x-menu-list .aluminium a.active2, .ext-ie .navi-menu .x-menu-list .bg_alu a.active2, .ext-ie .navi-menu .x-menu-list .stahl a.active2, .ext-ie .navi-menu .x-menu-list .bg_stahl a.active2, .ext-ie ..navi-menu x-menu-list .kunststoff a.active2, .ext-ie .navi-menu .x-menu-list .bg_kunststoff a.active2, .ext-ie .navi-menu .x-menu-list .holzmetall a.active2, .ext-ie .navi-menu .x-menu-list .holzmetall a.active2 {padding-right:22px;} .ext-ie .navi-menu .x-menu-list .neutral_child a.active2, .ext-ie .navi-menu .x-menu-list .aluminium_child a.active2, .ext-ie .navi-menu .x-menu-list .stahl_child a.active2, .ext-ie .navi-menu .x-menu-list .kunststoff_child a.active2, .ext-ie .navi-menu .x-menu-list .bg_solar a.active2, .ext-ie .navi-menu .x-menu-list .bg_solar_child a.active2 {padding-right:22px;} /* IE(7) hacks Ende */ .navi-menu .x-menu-list .navi-list-item a.active2, .navi-menu .x-menu-list .neutral a.active2 {font-weight:bold!important;background:url("../images2/popnav/level_1_active.gif") no-repeat scroll left top;margin-bottom:-1px;margin-top:0px;border:none !important;display:block;} .navi-menu .x-menu-list .navi-list-item a.active2, .navi-menu .x-menu-list .neutral a.active2.navi-menu-item-noArrow {background:url("../images2/popnav/level_1_active_none.gif") no-repeat scroll left top;} .navi-menu .x-menu-list .aluminium a.active2, .navi-menu .x-menu-list .bg_alu a.active2 {font-weight:bold!important;background:url("../images2/popnav/level_1_alu_active.gif") no-repeat scroll left top;margin-bottom:-1px;margin-top:0px;border:none !important;display:block;} .navi-menu .x-menu-list .aluminium a.active2.navi-menu-item-noArrow {background:url("../images2/popnav/level_1_alu_active_none.gif") no-repeat scroll left top;} .navi-menu .x-menu-list .bg_alu a.active2.navi-menu-item-noArrow {background:url("../images2/popnav/level_1_alu_active_none.gif") no-repeat scroll left top;} .navi-menu .x-menu-list .stahl a.active2, .navi-menu .x-menu-list .bg_stahl a.active2 {font-weight:bold!important;background:url("../images2/popnav/level_1_stahl_active.gif") no-repeat scroll left top;margin-bottom:-1px;margin-top:0px;border:none !important;display:block;} .navi-menu .x-menu-list .stahl a.active2.navi-menu-item-noArrow {background:url("../images2/popnav/level_1_stahl_active_none.gif") no-repeat;} .navi-menu .x-menu-list .kunststoff a.active2, .navi-menu .x-menu-list .bg_kunststoff a.active2 {font-weight:bold!important;background:url("../images2/popnav/level_1_kunststoff_active.gif") no-repeat scroll left top;margin-bottom:-1px;margin-top:0px;border:none !important;display:block;} .navi-menu .x-menu-list .kunststoff a.active2.navi-menu-item-noArrow {background:url("../images2/popnav/level_1_kunststoff_active_none.gif") no-repeat scroll left top;} .navi-menu .x-menu-list .holzmetall a.active2, .navi-menu .x-menu-list .holzmetall a.active2 {font-weight:bold!important;background-color:#909196;margin-bottom:-1px;margin-top:0px; border-top: 1px solid #ffffff;} .navi-menu .x-menu-list .neutral_child a.active2 {font-weight:bold!important;background-color:#909196;margin-bottom:-1px;margin-top:1px;} .navi-menu .x-menu-list .aluminium_child a.active2 {font-weight:bold!important;background-color:#10A5E6;margin-bottom:-1px;margin-top:1px;} .navi-menu .x-menu-list .stahl_child a.active2 {font-weight:bold!important;background-color:#AFBED7;margin-bottom:-1px;margin-top:1px;} .navi-menu .x-menu-list .kunststoff_child a.active2 {font-weight:bold!important;background-color:#E69600;margin-bottom:-1px;margin-top:1px;} .navi-menu .x-menu-list .holzmetall_child a.active2 {font-weight:bold!important;margin-bottom:-1px;margin-top:1px;} .navi-menu .x-menu-list .bg_solar a.active2 {font-weight:bold!important;background:url("../images2/popnav/level_1_solar_active.gif") no-repeat scroll left top;margin-bottom:-1px;margin-top:1px;border:none !important;display:block;} .navi-menu .x-menu-list .bg_solar_child a.active2 {font-weight:bold!important;background-color:#FAD03D;margin-bottom:-1px;margin-top:1px;} .navi-menu .x-menu-list .bg_solar a.active2.navi-menu-item-noArrow {background:url("../images2/popnav/level_1_solar_active_none.gif");} .navi-menu .x-menu-list .navi-list-item a.active3, .navi-menu .x-menu-list .neutral a.active3 {font-weight:bold!important;} .navi-menu .x-menu-list .aluminium a.active3, .navi-menu .x-menu-list .bg_alu a.active3 {font-weight:bold!important;} .navi-menu .x-menu-list .stahl a.active3, .navi-menu .x-menu-list .bg_stahl a.active3 {font-weight:bold!important;} .navi-menu .x-menu-list .kunststoff a.active3, .navi-menu .x-menu-list .bg_kunststoff a.active3 {font-weight:bold!important;} .navi-menu .x-menu-list .holzmetall a.active3 {font-weight:bold!important;} .navi-menu .x-menu-list .neutral_child a.active3 {font-weight:bold!important;} .navi-menu .x-menu-list .aluminium_child a.active3 {font-weight:bold!important;} .navi-menu .x-menu-list .stahl_child a.active3 {font-weight:bold!important;} .navi-menu .x-menu-list .kunststoff_child a.active3 {font-weight:bold!important;} .navi-menu .x-menu-list .holzmetall_child a.active3 {font-weight:bold!important;} .navi-menu .x-menu-list .bg_solar a.active3 {font-weight:bold!important;} .navi-menu .x-menu-list .bg_solar_child a.active3 {font-weight:bold!important;} .navi-menu .x-menu-list .navi-list-item a.active4, .navi-menu .x-menu-list .neutral a.active4 {font-weight:bold!important;} .navi-menu .x-menu-list .aluminium a.active4, .navi-menu .x-menu-list .bg_alu a.active4 {font-weight:bold!important;} .navi-menu .x-menu-list .stahl a.active4, .navi-menu .x-menu-list .bg_stahl a.active4 {font-weight:bold!important;} .navi-menu .x-menu-list .kunststoff a.active4, .navi-menu .x-menu-list .bg_kunststoff a.active4 {font-weight:bold!important;} .navi-menu .x-menu-list .holzmetall a.active4 {font-weight:bold!important;} .navi-menu .x-menu-list .neutral_child a.active4 {font-weight:bold!important;} .navi-menu .x-menu-list .aluminium_child a.active4 {font-weight:bold!important;} .navi-menu .x-menu-list .stahl_child a.active4 {font-weight:bold!important;} .navi-menu .x-menu-list .kunststoff_child a.active4 {font-weight:bold!important;} .navi-menu .x-menu-list .holzmetall_child a.active4 {font-weight:bold!important;} .navi-menu .x-menu-list .bg_solar a.active4 {font-weight:bold!important;} .navi-menu .x-menu-list .bg_solar_child a.active4 {font-weight:bold!important;} .navi-menu .x-menu-list .navi-list-item a.active5, .navi-menu .x-menu-list .neutral a.active5 {font-weight:bold!important;} .navi-menu .x-menu-list .aluminium a.active5, .navi-menu .x-menu-list .bg_alu a.active5 {font-weight:bold!important;} .navi-menu .x-menu-list .stahl a.active5, .navi-menu .x-menu-list .bg_stahl a.active5 {font-weight:bold!important;} .navi-menu .x-menu-list .kunststoff a.active5, .navi-menu .x-menu-list .bg_kunststoff a.active5 {font-weight:bold!important;} .navi-menu .x-menu-list .holzmetall a.active5 {font-weight:bold!important;} .navi-menu .x-menu-list .neutral_child a.active5 {font-weight:bold!important;} .navi-menu .x-menu-list .aluminium_child a.active5 {font-weight:bold!important;} .navi-menu .x-menu-list .stahl_child a.active5 {font-weight:bold!important;} .navi-menu .x-menu-list .kunststoff_child a.active5 {font-weight:bold!important;} .navi-menu .x-menu-list .holzmetall_child a.active5 {font-weight:bold!important;} .navi-menu .x-menu-list .bg_solar a.active5 {font-weight:bold!important;} .navi-menu .x-menu-list .bg_solar_child a.active5 {font-weight:bold!important;} /* backgrounds 4 pk */ .navi-menu .x-menu-list .pk_pop_neutral {background: transparent url("../images/subnav/level_1_grau.gif") 0px -1px no-repeat;} .navi-menu .x-menu-list .pk_pop_aluminium {background: transparent url("../images/subnav/level_1_alu.gif") 0px -1px no-repeat;} .navi-menu .x-menu-list .pk_pop_stahl {background: transparent url("../images/subnav/level_1_stahl.gif") 0px -1px no-repeat;} .navi-menu .x-menu-list .pk_pop_kunststoff {background: transparent url("../images/subnav/level_1_kunststoff.gif") 0px -1px no-repeat;} .navi-menu .x-menu-list .pk_pop_holzmetall {background: transparent url("../images/subnav/level_1_holzmetall.gif") 0px -1px no-repeat;} .navi-menu .x-menu-list .pk_pop_solar {background:transparent url("../images/subnav/level_1_solar.gif") 0px -1px no-repeat;} #nav2 .navi-list-item, #nav2 .neutral {background: transparent url("../images/popnav/level_1_grau_ohne_rahmen.gif") top left no-repeat; padding: 0px;} #nav2 .aluminium, #nav2 .bg_alu {background: transparent url("../images/popnav/level_1_alu_ohne_rahmen.gif") top left no-repeat; padding: 0px;} #nav2 .stahl, #nav2 .bg_stahl {background: transparent url("../images/popnav/level_1_stahl_ohne_rahmen.gif") top left no-repeat; padding: 0px;} #nav2 .kunststoff, #nav2 .bg_kunststoff {background: transparent url("../images/popnav/level_1_kunststoff_ohne_rahmen.gif") top left no-repeat; padding: 0px;} #nav2 .holzmetall, #nav2 .bg_holzmetall {background: transparent url("../images/popnav/level_1_holzmetall_ohne_rahmen.gif") top left no-repeat; padding: 0px;} #nav2 .bg_solar {background: #ffffff url('../images/popnav/level_1_solar_ohne_rahmen.gif') top left no-repeat !important;} #nav2 .bg_solar_child {background: #ffffff url('../images/popnav/level_1_solar_ohne_rahmen.gif') top left no-repeat !important;} #nav2 .nullMaterial{background: #ececee url("../images2/popnav/level_0.gif") top left no-repeat;width:181px !important;} /*#nav2 .navi-list-item a.x-menu-item {background:none !important; padding-left:12px !important;}*/ .navi-list-item .x-masked {background: transparent url("../images/popnav/loading.gif") no-repeat right;} .navi-menu-item-loading {background: transparent url("../images/popnav/loading.gif") no-repeat right;margin-right:5px;} .ext-ie #nav2 .nullMaterial{width:181px !important;} .popupNavigationPreview .x-menu-list{border-bottom:0px !important;} .popupNavigationPreview .navi-list-item{background:url("../images2/popnav/bg_previewContainer_top.gif") no-repeat scroll left top transparent !important;padding:0px !important;margin-bottom:0px;} .popupNavigationPreview LI {background-image: none !important ; } .navi-menu .x-menu-list div.previewContainer { display:block; width:244px; background:url("../images2/popnav/bg_previewContainer_bottom.gif") no-repeat scroll left bottom transparent !important; padding: 16px; color: #333; margin:0; cursor:pointer; } .navi-menu .x-menu-list div.previewContainer h2.previewHeadline{ font-size:14px; font-weight:bold; line-height:18px; padding-bottom:8px; color: #7C8087; } .navi-menu .x-menu-list div.previewContainer img{margin-bottom:16px;} .navi-menu .x-menu-list div.previewContainer .previewList{ list-style:disc; list-style-position:outside; margin-left:1.2em; margin-bottom:0; } .navi-menu .ext-ie .x-menu-list div.previewContainer .previewList{ margin-left:1.5em; } .navi-menu .x-menu-list div.previewContainer .previewList .previewListItem{ padding:0; margin:0; background-color:#ffffff; vertical-align:middle; color:#333; font-weight:normal !important; line-height:16px; } .navi-menu .x-menu-list img.img_pbe { margin:0pt; padding:0pt; position:absolute; right:4px; top:3px; display:block; } #nav2 .x-menu-list img.img_pbe { margin:0pt; padding:0pt; position:absolute; right:2px; top:3px; } #nav2 { width:180px; } .navi-menu .ext-el-mask { z-index: 20000; position: absolute; top:0; left:0; -moz-opacity: 0.5; opacity: .50; filter: alpha(opacity=50); background-color: #CCC; width: 100%; height: 100%; zoom: 1; } /* 15.02.2010 Koexistenz zur ext-all.css erm\u00F6glichen */ #nav2 .x-menu-list, #nav2 .x-menu-list{ padding:0px; } .navi-menu .x-menu-list {padding:0px;background:#fff;} .x-menu-floating{border:0px;padding-left:1px;width:181px !important;} .x-menu-list-item{white-space:normal !important;} .navi-menu a.x-menu-item{white-space:normal !important;} .popupNavigationPreview{ /*background:url("../images2/popnav/bg_previewContainer_top.gif") no-repeat scroll 1px top #FFFFFF !important;*/ width:auto !important; padding-left:-1px; } .roundedBottom { background:url(../images2/popnav/level_000.gif) no-repeat scroll left bottom; display:block; left:-12px; height:6px; position:relative; top:0px; width:181px; } .x-menu{ background: none; } /* Scroll Bar Master Styling Starts Here */ /* All comments can be freely removed from the css */ .scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;} .vscrollerbase {width: 15px;background-color: white;} .vscrollerbar {width: 15px;background-color: black;} .hscrollerbase {height: 15px;background-color: white;} .hscrollerbar {height: 15px;background-color: black;} .hscrollerbar {background: #99CBCB url(../images_redesign2010_v3/productSelector/horizontalbarbody_cornerjog.png) 0px -30px repeat-x;} .vscrollerbar {background: #99CBCB url(../images_redesign2010_v3/productSelector/basebarcaps_verticalbarbody.png) -15px 0px repeat-y;} .vscrollerbar, .hscrollerbar {padding: 10px;z-index: 2;} .vscrollerbarbeg {background: url(../images_redesign2010_v3/productSelector/basebarcaps_verticalbarbody.png) -45px -30px no-repeat;width: 15px;height: 15px !important;} .vscrollerbarend {background: url(../images_redesign2010_v3/productSelector/basebarcaps_verticalbarbody.png) -45px 0px no-repeat;width: 15px;height: 15px;} .hscrollerbarbeg {background: url(../images_redesign2010_v3/productSelector/basebarcaps_verticalbarbody.png) -60px -15px no-repeat;height: 15px;width: 15px !important;} .hscrollerbarend {background: url(../images_redesign2010_v3/productSelector/basebarcaps_verticalbarbody.png) -30px -15px no-repeat;height: 15px;width: 15px;} .scrollerjogbox {width: 15px;height: 15px;top: auto; left: auto;bottom: 0px; right: 0px;background: #4E727C url(/images_redesign2010_v3/productSelector/horizontalbarbody_cornerjog.png) 0px 0px;} .vscrollerbase {background: #D7EBDF url(/images_redesign2010_v3/productSelector/basebarcaps_verticalbarbody.png) 0px 0px repeat-y;} .vscrollerbasebeg {background: url(../images_redesign2010_v3/productSelector/basebarcaps_verticalbarbody.png) -30px -30px no-repeat;width: 15px;height: 15px !important;} .vscrollerbaseend {background: url(../images_redesign2010_v3/productSelector/basebarcaps_verticalbarbody.png) -60px -30px no-repeat;height: 15px;width: 15px;} .hscrollerbase {background: #D7EBDF url(../images_redesign2010_v3/productSelector/horizontalbarbody_cornerjog.png) 0px -15px repeat-x;} .hscrollerbasebeg {background: url(../images_redesign2010_v3/productSelector/basebarcaps_verticalbarbody.png) -60px 0px no-repeat;height: 15px;width: 15px !important;} .hscrollerbaseend {height: 15px;width: 15px;background: url(../images_redesign2010_v3/productSelector/basebarcaps_verticalbarbody.png) -30px 0px no-repeat;} .scrollerjogbox:hover {background: #5E828C url(../images_redesign2010_v3/productSelector/basebarcaps_verticalbarbody.png) -45px -15px;} div.selectbox-wrapper { font-size:11px; letter-spacing: -0.1px; height:auto; margin:-3px 0 0 0 ; overflow:auto; padding: 0; position:relative; text-align:left; width:210px; z-index:5; overflow: hidden; } div.selectbox-wrapper ul { list-style-type:none; width:208px; margin:0; padding:0px 1px 0 1px; background:url("../images3/productSelector/selector-list-bg.png") repeat-y; } /* div.selectbox-wrapper ul li.selected { background-color:#EAF2FB; } */ div.selectbox-wrapper ul li.current { background-color:#CDD8E4; } div.selectbox-wrapper ul li { cursor:pointer; display:block; list-style-type:none; margin:0; padding:3px 5px 3px 5px; color: #666666; } .selectbox { background:url("../images3/productSelector/quicksearch.jpg") no-repeat scroll right center transparent; border:1px solid #FFFFFF; color:#333333; cursor:pointer; display:block; font-family:arial; margin:0 5px 10px 0; padding-left:2px; text-align:left; width:124px; } #wrapper{ width:1004px; height:330px; margin:0px; padding:0px; } #products { width:980px; /* dafuer deine gewuenschte Breite */ height:260px; /* 20px mehr ails fuer Bild und Schrift n\u00F6tig sind */ overflow:auto; overflow-y:hidden; margin-top:30px; display:inline-block; } #products ul, #products li { margin:0; padding:0; list-style:none; } #products ul { width:1500px; /* ein klein wenig mehr als die Bilder zusammen breit sind */ } #products li { float:left; margin-right:50px; text-align:center; } #products li.last{ margin-right:10px; } #products img { display:block; /* damit der Text unter den Bildern angezeigt wird */ border:0px; margin-bottom:30px; } #products a{ color:#469629; font-size:12px; text-decoration:none; margin-bottom:35px; } #products a:focus, #products a:hover, #products a:active{ color:#363c46; text-decoration: underline; } .hscrollerbar{ width:45px !important; } .hscrollerbarend { left:30px !important; } .productSelectorDropDown-wrapper { width: 208px; padding: 2px 0 0 2px; margin: 0; height: 22px; background:url(../images3/productSelector/selector-selected.png) no-repeat scroll left top transparent; } .productSelectorDropDown { cursor:pointer; padding:0 0 0 4px; border:solid 0px #f00; height: 20px; line-height: 20px; width:200px; color:#333333; display:block; background-color: transparent; overflow: hidden; } .productSelectorDropDownWrapper { float:left; margin-right:20px; display:inline; } .productSelectorDropDownWrapper.last {margin-right:0;} .selectbox-wrapper-footer { height: 4px; width: 210px; background-image: url(../images3/productSelector/selector-list-footer-bg.png); background-repeat: no-repeat; } #selectorheader { float:left; font-weight:bold; font-size:15px; margin-right: 40px; padding-top: 3px; } /* hack to implement the target group chooser */ #supportnav .topItem { float: left; } #supportnav .topItem span.loggedIn { display: block; } #supportnav div.selectbox-wrapper { font-size:11px; letter-spacing: -0.1px; height:auto; margin:-3px 0 0 0 ; overflow:auto; padding: 0; position:relative; text-align:left; width:160px; z-index:10110; overflow: hidden; } #supportnav div.selectbox-wrapper ul { list-style-type:none; width:158px; margin:0; padding:5px 1px 0 1px; background:url("../images3/_main/selector-small-list-bg.png") repeat-y; } /* div.selectbox-wrapper ul li.selected { background-color:#EAF2FB; } */ #supportnav div.selectbox-wrapper ul li.current { background-color:#CDD8E4; } #supportnav div.selectbox-wrapper ul li { cursor:pointer; display:block; list-style-type:none; margin:0; padding:1px 5px 1px 5px; color: #666666; } #supportnav .productSelectorDropDown-wrapper { border: solid 0px #0f0; width: 158px; padding: 2px 0 0 2px; height: 14px; background:url(../images3/_main/selector-small-selected-bg.png) no-repeat scroll left top transparent; position: relative; } #supportnav .productSelectorDropDown { text-align: left; cursor:pointer; padding:0 0 0 -14px; height: 12px; line-height: 12px; width:150px; color:#333333; display:block; background-color: transparent; overflow: hidden; border: solid 0px #f00; margin: 0; } * + html #supportnav .productSelectorDropDown { position: absolute; left: 2px; } #supportnav .productSelectorDropDownWrapper { float:left; margin-top: 3px; margin-right:10px; margin-left:5px; display:block; } #supportnav .productSelectorDropDownWrapper.last {margin-right:0;} #supportnav .selectbox-wrapper-footer { height: 4px; width: 160px; background-image: url(../images3/_main/selector-small-list-footer-.png); background-repeat: no-repeat; } #socialbookmarking { position:absolute; left:77px; top:0px; margin-top:-160px; width: 97px; border: 3px solid #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; background:#ffffff; z-index:779; display:none; padding: 0 4px 0px 4px; } #socialbookmarking a { display:block; padding: 5px 0 7px 0; text-align: left; text-decoration: none; } #socialbookmarking a span { display: block; float:left; margin: -1px 3px 0 0px; } /* * jQuery Nivo Slider v2.5.1 * http://nivo.dev7studios.com * * Copyright 2011, Gilbert Pellegrom * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php * * March 2010 */ /* The Nivo Slider styles */ .nivoSlider { position:relative; } .nivoSlider img { position:absolute; top:0px; left:0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; } .nivo-box { display:block; position:absolute; z-index:5; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:8; } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { position:relative; z-index:9; cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /*============================*/ /*=== Custom Slider Styles ===*/ /*============================*/ .slidercontainer { margin-left: 0 !important; padding: 0 0 0 4px; width: 1000px !important; min-height: 50px; } #slider-wrapper { width:940px; height:410px; margin:0 auto; } #slider { position:relative; width:996px; background:url(../images_webspecial2011/nivo_loading.gif) no-repeat 50% 50%; } #slider img { position:absolute; top:0px; left:0px; display:none; } .nivo-controlNav { position:absolute; left:30px; top:315px; height:20px; z-index: 20; } /* *+html .nivo-slice { z-index: -1; }*/ .nivo-controlNav a { font-weight:lighter!important; display:block; width:21px; height:21px; background:#EAEBEC; font-size:14px; padding-top:3px; text-align:center; color:#333A46; border:0; margin-right:6px; float:left; } .nivo-controlNav a:hover { text-decoration:none; } .nivo-controlNav a.active { background:#76B828; color:#fff; } .nivo-directionNav a { display:block; width:30px; height:30px; background:url(../images_webspecial2011/arrows.png) no-repeat; text-indent:-9999px; border:0; } a.nivo-nextNav { background-position:-30px 0; right:15px; } a.nivo-prevNav { left:15px; } .nivo-caption { background-color:transparent; text-shadow:none; height:368px; text-align: left; } .nivo-caption p { padding:0; color:#62666e; /*font-size:14px; line-height:22px!important;*/ margin: 0; padding: 0; } .nivo-caption .link { width:300px; height:200px; position:absolute; top:180px; left:0px; z-index:9999; display:block; } .nivo-caption .link a { display:block; margin-top: 65px; } #slider a { border: 0 none; display: block; } .nivo-caption a.button { -moz-box-shadow: 0 1px 3px #999999; border: 1px solid transparent; display: block; height: 16px; margin: 5px 0; padding: 5px 10px 7px; position: absolute; } .nivo-caption a.button.lightgrey span.arrow { background-position: -10px -20px; } .nivo-caption a.button span.arrow { background-image: url("../images_webspecial2011/util_arrows.gif"); background-repeat: no-repeat; display: block; float: right; height: 10px; margin: 5px 0 0 10px; padding: 0; width: 10px; } .nivo-html-caption { display: none; } /*====================*/ /*=== Other Styles ===*/ /*====================*/ .clear { clear:both; }