/* //////////////////////////////////////////////////////////////// // // Allgemeine Styles // // Weblication CMS Strukturdesign Version 7.0.0.0 // erstellt durch Scholl Communications AG, 77694 Kehl, www.scholl.de // erstellt mit Weblication Content Management Server, www.weblication.de // //////////////////////////////////////////////////////////////// */ /*#variables CSS-Variablen */ $version: 0.908; $styletCode: 1.page,searchBottom.header,fullLayerSub.navigation,a1.structure,110.colors; $widthBlockMainOuter: 980px; /* Breite des gesamten Bereichs */ $widthBlockTop: 100%; /* Breite des obereren Bereichs */ $widthBlockBeforeLeftContentRight: 100%; /* Breite des inneren Bereichs */ $widthBlockBefore: 100%; /* Breite des vorangestelten Bereichs */ $widthBlockBeforeFull: 100%; /* Breite des vorangestelten Bereichs ohne linken und rechten Bereich */ $widthBlockBeforeFullLeft: 100%; /* Breite des vorangestelten Bereichs ohne linken Bereich */ $widthBlockBeforeFullRight: 100%; /* Breite des vorangestelten Bereichs ohne rechten Bereich */ $widthBlockLeft: 23%; /* Breite des linken Bereichs */ $widthBlockContent: 52%; /* Breite des Inhaltsbereichs */ $widthBlockContentFull: 100%; /* Breite des Inhaltsbereichs ohne linken und rechten Bereich */ $widthBlockContentFullLeft: 76%; /* Breite des Inhaltsbereichs ohne linken Bereich */ $widthBlockContentFullRight: 76%; /* Breite des Inhaltsbereichs ohne rechten Bereich */ $widthBlockRight: 23%; /* Breite des rechten Bereichs */ $widthBlockBottom: 100%; /* Breite des unteren Bereichs */ $bodyBackgroundColor:#fefefe; /* Hintergrundfarbe der Seite */ $bodyBackgroundImage:; /* Hintergrundbild der Seite */ $bodyBackgroundRepeat:no-repeat; /* Widerholungseffekt des Hintergrundbildes */ $bodyBackgroundPosition:; /* Position des Hintergrundbildes */ $bodyBackgroundAttachment:fixed; /* Wasserzeicheneffekt des Hintergrundbildes */ $bodyBackgroundSize:background-size:cover; /* Größe des Hintergrundbildes */ $backgroundColorContent:#ffffff; /* Hintergrundfarbe Inhaltsbereich */ $backgroundColorNavigationMain:#5F5F5F; /* Hintergrundfarbe Hauptnavigation */ $backgroundColorNavigationMainActive:#f0f0f0; /* Hintergrundfarbe Hauptnavigation aktiv */ $backgroundColorNavigationSub:#f0f0f0; /* Hintergrundfarbe Unternavigation */ $backgroundColorNavigationSubActive:#5f5f5f; /* Hintergrundfarbe Unternavigation aktiv */ $backgroundColorNavigationLayer:#5f5f5f; /* Hintergrundfarbe Navigationslayer */ $backgroundColorNavigationLayerActive: #f0f0f0; /* Hintergrundfarbe Navigationslayer aktiv */ $backgroundColorFunctions: #ececec; /* Hintergrundfarbe, z.B. Meta-Navigation, Suche, Funktionen */ $backgroundColorFunctionsActive: #f6f6f6; /* Hintergrundfarbe, z.B. Meta-Navigation, Suche, Funktionen aktiv */ $backgroundColorTable: #ffffff; /* Hintergrundfarbe Tabellen */ $backgroundColorBoxSheet:#F0F0F0; /* Hintergrundfarbe Sheet-Boxen */ $backgroundColorBoxBlank: #ffffff; /* Hintergrundfarbe Blank-Boxen */ $backgroundColorTop: transparent; /* Hintergrundfarbe Kopfbereich */ $backgroundColorFooter: transparent; /* Hintergrundfarbe Fußbereich */ $fontColorDefault: #333333; /* Schriftfarbe Text, z.B. normaler Text */ $fontColorMainHeadline:#F4191D; /* Schriftfarbe Hauptüberschriften */ $fontColorHeadline: #666666; /* Schriftfarbe Überschrift 2 */ $fontColorSubline:#666666; /* Schriftfarbe Sublines */ $fontColorInfo:#666666; /* Schriftfarbe Zusatzinfos */ $fontColorInvers: #ffffff; /* Schriftfarbe invers */ $fontColorLink: #000000; /* Schriftfarbe Link */ $fontColorLinkActive: #666666; /* Schriftfarbe Link aktiv */ $fontColorNavigationMain:#E4E4E4; /* Schriftfarbe Hauptnavigation */ $fontColorNavigationMainActive: #575757; /* Schriftfarbe Hauptnavigation aktiv */ $fontColorNavigationSub:#5f5f5f; /* Schriftfarbe Unternavigation */ $fontColorNavigationSubActive:#e4e4e4; /* Schriftfarbe Unternavigation aktiv */ $fontColorNavigationLayer:#ECECEC; /* Schriftfarbe Navigationslayer */ $fontColorNavigationLayerActive: #000000; /* Schriftfarbe Navigationslayer aktiv */ $fontColorFunctions: #666666; /* Schriftfarbe, z.B. Meta-Navigation, Suche, Funktionen */ $fontColorFunctionsActive: #000000; /* Schriftfarbe, z.B. Meta-Navigation, Suche, Funktionen aktiv */ $fontColorBoxSheet:#666666; /* Schriftfarbe Sheet-Boxen */ $fontColorBoxBlank: #000000; /* Schriftfarbe Blank-Boxen */ $fontColorFooter: inherit; /* Schriftfarbe Fußbereich */ $borderColorLines: #e0e0e0; /* Rahmenfarbe, z.B. horizontale Linien */ $borderColorNavigationMain: #f0f0f0; /* Rahmenfarbe Hauptnavigation */ $borderColorNavigationSub: #E0E0E0; /* Rahmenfarbe Unternavigation */ $borderColorNavigationLayer: #f0f0f0; /* Rahmenfarbe Navigationslayer */ $borderColorTable: #b0b0b0; /* Rahmenfarbe Tabellen */ $navigationTopType: fullLayer; /* Darstellung der oberen Navigation */ $navigationTopPosition:blockBefore; /* Position der oberen Navigation */ $navigationLeftType: sub; /* Darstellung der linken Navigation */ $navigationMetaPosition:blockTop; /* Position der Meta-Navigation */ $displayNavigationMeta: none; /* Darstellung der Meta-Navigation */ $displayNavigationBreadcrumb:block; /* Darstellung der Breadcrumb-Navigation */ $displaySearch: block; /* Darstellung der Volltextsuche */ $displayLanguageselector:none; /* Darstellung der Sprachwahl */ $displayContentBlockBefore: none; /* Darstellung des oberen Inhaltsbereiches*/ /*#page Seite */ html {height:101%} body {margin:0;padding:0;font-family:Arial, Sans-serif, Helvetica;font-size:12px;line-height:19px;color:$fontColorDefault;background:$bodyBackgroundColor $bodyBackgroundImage $bodyBackgroundRepeat $bodyBackgroundPosition $bodyBackgroundAttachment;$bodyBackgroundSize} /*#blocks Grundgerüst */ #blockMainOuter {margin:10px auto;max-width:$widthBlockMainOuter} #blockMain {margin:0;background-color:$backgroundColorContent;box-shadow:0px 0px 12px rgba(100, 100, 100, 0.8)} #blockMainInner {margin:0 20px 20px 20px} #blockTop {position:relative;margin-bottom:1px;background-color:$backgroundColorTop} #blockTopInner {position:relative;} #blockTop #logo {float:left;max-width:100%;margin:32px 0 0 0} #blockTop #languageSelector {display:$displayLanguageselector;float:right;height:30px;position:relative;background-color:$backgroundColorFunctions;margin:0 0 0 0;padding:0 6px 0 6px} #blockTop #languageSelector a.lang {text-decoration:none;line-height:20px;float:right;padding:6px 4px 0 4px} #blockTop #languageSelector a.lang img {vertical-align: -1px;} #blockTop #languageSelector a.lang span {display:none;padding:0 3px;line-height:20px;text-transform:uppercase;} #blockTop #languageSelector a.langCurrent {text-decoration:none;line-height:20px;float:right;padding:6px 4px 0 4px} #blockTop #languageSelector a.langCurrent img {vertical-align:-1px;} #blockTop #languageSelector a.langCurrent span {display:none;padding:0 3px;line-height:20px;text-transform:uppercase;} #blockTop #searchBox {display:$displaySearch;float:right;height:30px;position:absolute;right:0;bottom:5px;z-index:10;background-color:transparent;margin:0 0 0 0} #blockTop #searchBox form {} #blockTop #searchBox dl {padding:5px 5px 0 5px} #blockTop #searchBox dt {margin:0;display:none} #blockTop #searchBox dd {margin:0} #blockTop #searchBox #searchTerm {float:left;width:160px;height:20px;border:solid 1px #c6c6c6;margin-right:1px;background-color:none} #blockTop #searchBox #searchSubmit {float:right;width:22px;height:20px;margin:0;padding:0;border:none;background-image:url(/esko-wGlobal/wGlobal/layout/images/backgrounds/button-search.png);background-color:none} #blockTop #searchBox #searchSubmit:hover {background-color:$backgroundColorFunctionsActive} #blockBottom #navigationMeta, #blockTop #navigationMeta {display:$displayNavigationMeta;float:right;margin:0 0 0 0;padding:0 4px 0 4px;height:30px;background-color:$backgroundColorFunctions} #blockBefore #navigationMain, #blockBeforeFull #navigationMain, #blockBeforeFullLeft #navigationMain, #blockBeforeFullRight #navigationMain, #blockTop #navigationMain {clear:both;width:100%;position:static;overflow:hidden;float:left;background-color:$backgroundColorNavigationMain;} #blockBeforeLeftContentRight {position:relative;width:$widthBlockBeforeLeftContentRight} #blockBeforeLeftContentRightInner {margin:0 0 -10px 0} #blockBefore {position:relative;width:$widthBlockBefore;float:none} #blockBeforeInner {} #blockBeforeFull {position:relative;width:$widthBlockBeforeFull} #blockBeforeFullInner {} #blockBeforeFullLeft {position:relative;width:$widthBlockBeforeFullLeft} #blockBeforeFullLeftInner {} #blockBeforeFullRight {position:relative;width:$widthBlockBeforeFullRight} #blockBeforeFullRightInner {} #areaContent3Global {display:$displayContentBlockBefore} #areaContent3Global > div > div:last-child {margin-bottom:1px} #navigationBreadcrumb {display:$displayNavigationBreadcrumb;clear:left;padding:10px 0 5px 0} #blockLeft {clear:left;float:left;position:relative;display:block;width:$widthBlockLeft} #blockLeftInner {margin:20px 20px -10px 0} #blockContentFull {float:left;width:$widthBlockContentFull} #blockContentFullInner {margin:20px 0 0 0} #blockContentFullLeft {float:left;width:$widthBlockContentFullLeft} #blockContentFullLeftInner {margin:20px 0 0 0} #blockContentFullRight {float:left;width:$widthBlockContentFullRight} #blockContentFullRightInner {margin:20px 0 0 0} #blockContent {float:left;width:$widthBlockContent} #blockContentInner {margin:20px 0 0 0} #blockRight {float:right;position:relative;display:block;width:$widthBlockRight} #blockRightInner {margin:20px 0 -10px 20px} #blockBottom {clear:both;position:relative;width:$widthBlockBottom;background-color:$backgroundColorFooter} #blockBottomInner {margin:0 0 0 0;padding:20px} #blockBottomInner p, #blockBottomInner a, #blockBottomInner h1, #blockBottomInner h2, #blockBottomInner h3, #blockBottomInner h4, #blockBottomInner li {color:$fontColorFooter} #blockMain:after, #blockTop:after, .blockContentInner:after, #blockRight:after, #blockBottom:after {display:block;visibility:hidden;clear:both;content:".";height:0} /*# Spalten */ .col1_100 {float:left;width:100%} .col1_50 {float:left;width:50%} .col2_50 {float:right;width:50%} .col1_30 {float:left;width:30%} .col2_70 {float:right;width:70%} .col1_70 {float:left;width:70%} .col2_30 {float:right;width:30%} .col1_33 {float:left;width:33.33%} .col2_33 {float:left;width:33.33%} .col3_33 {float:right;width:33.33%} .col1_25 {float:left;width:25%} .col2_25 {float:left;width:25%} .col3_25 {float:left;width:25%} .col4_25 {float:right;width:25%} .col1_20 {float:left;width:20%} .col2_20 {float:left;width:20%} .col3_20 {float:left;width:20%} .col4_20 {float:left;width:20%} .col5_20 {float:right;width:20%} .col1_16 {float:left;width:16.66%} .col2_16 {float:left;width:16.66%} .col3_16 {float:left;width:16.66%} .col4_16 {float:left;width:16.66%} .col5_16 {float:left;width:16.66%} .col6_16 {float:right;width:16.66%} .col1_50_inner {margin-right:10px} .col2_50_inner {margin-left:10px} .col1_30_inner {margin-right:10px} .col2_70_inner {margin-left:10px} .col1_70_inner {margin-right:10px} .col2_30_inner {margin-left:10px} .col1_33_inner {margin-right:13px} .col2_33_inner {margin-left:6px;margin-right:7px} .col3_33_inner {margin-left:13px} .col1_25_inner {margin-right:15px} .col2_25_inner {margin-left:5px;margin-right:10px} .col3_25_inner {margin-left:10px;margin-right:5px} .col4_25_inner {margin-left:15px} .col1_20_inner {margin-right:16px} .col2_20_inner {margin-left:4px;margin-right:12px} .col3_20_inner {margin-left:8px;margin-right:8px} .col4_20_inner {margin-left:12px;margin-right:4px} .col5_20_inner {margin-left:16px} .col1_16_inner {margin-right:17px} .col2_16_inner {margin-left:3px;margin-right:14px} .col3_16_inner {margin-left:6px;margin-right:11px} .col4_16_inner {margin-left:10px;margin-right:7px} .col5_16_inner {margin-left:14px;margin-right:3px} .col6_16_inner {margin-left:17px} /*#beButtons Pflegeschaltflächen */ #beButtonsPage {position:absolute;z-index:10;margin:2px 0 0 220px;padding:0;width:720px} #beButtonEditMetaNavigation {position:absolute;z-index:10;margin:2px 0 0 2px} #beButtonEditNavigation {position:absolute;z-index:10;margin:2px 0 0 0;right:0} #beButtonEditNavigationSub {position:absolute;z-index:10;margin:-10px 20px 0 0;right:0} #beButtonInsertNavpoint {position:absolute;z-index:10;margin:56px 0 0 200px} #beButtonEditLogo {position:absolute;z-index:10;margin:16px 0 0 8px} #beButtonEditBackgroundImagePage {position:absolute;z-index:10;margin:8px 0 0 0;right:8px} #beButtonEditBackgroundImageTop {position:absolute;z-index:10;margin:36px 0 0 0;right:0} #beButtonEditContentInclude {position:absolute;z-index:10;margin:2px 0 0 0;right:0} #beButtonEditContent2Includes {position:absolute;z-index:10;margin:2px 26px 0 0;right:0} #beButtonEditContent2Include {position:absolute;z-index:10;margin:2px 0 0 0;right:0} #beButtonEditContent2GlobalInclude {position:absolute;z-index:10;margin:2px 0 0 0;right:0} #beButtonEditContent3Includes {position:absolute;z-index:10;margin:2px 26px 0 0;right:0} #beButtonEditContent3Include {position:absolute;z-index:10;margin:2px 0 0 0;right:0} #beButtonEditContent3GlobalInclude {position:absolute;z-index:10;margin:2px 0 0 0;right:0} #beButtonEditContent4Includes {position:absolute;z-index:10;margin:2px 26px 0 0;right:0} #beButtonEditContent4Include {position:absolute;z-index:10;margin:2px 0 0 0;right:0} #beButtonEditContent4GlobalInclude {position:absolute;z-index:10;margin:2px 0 0 0;right:0} #beButtonEditContent5Includes {position:absolute;z-index:10;margin:2px 26px 0 0;right:0} #beButtonEditContent5Include {position:absolute;z-index:10;margin:2px 0 0 0;right:0} #beButtonEditContent5GlobalInclude {position:absolute;z-index:10;margin:2px 0 0 0;right:0} #beButtonEditLeft {position:absolute;z-index:10;margin:2px 2px 0 2px} #beButtonEditFooter {position:absolute;z-index:10;margin:2px 2px 0 2px} .beButtonEditGlobalInclude {position:absolute;z-index:10;bottom:0;right:0} .beButtonDeleteRow {position:relative;float:right;z-index:10} .beButtonEditRow {position:relative;float:right;z-index:10} .beButtonEditSitemap {position:absolute;z-index:10;margin:0 0 0 0} .beButtonEditSubmap {position:absolute;z-index:10;margin:0 0 0 0} /*#headlines Überschriften */ h1, .h1Editor {font-size:25px;line-height:28px;font-weight:normal;color:$fontColorMainHeadline;padding:0;margin:0 0 16px 0} h2, .h2Editor {font-size:19px;line-height:22px;font-weight:normal;color:$fontColorHeadline;padding:0;margin:0 0 12px 0} h3, .h3Editor {font-size:14px;line-height:18px;font-weight:bold;color:$fontColorHeadline;padding:0;margin:0 0 10px 0} h4, .h4Editor {font-size:12px;line-height:15px;font-weight:bold;color:$fontColorHeadline;padding:0;margin:0 0 10px 0} /*#texts Textformatierung */ .subline {font-size:13px;color:$fontColorSubline} .subline a {background:none;color:inherit} .description {font-weight:bold} .unimportant {color:#999999} .info {font-size:10px;color:$fontColorInfo} .noDecoration {text-decoration:none} p {margin:0 0 10px 0} .alignLeft {text-align:left} .alignRight {text-align:right} .alignCenter {text-align:center} .alignJustify {text-align:justify} ul {} ol {} dl {} dt {} dd {} hr {margin:0 0 10px 0;border-color:$borderColorLines;border-style:solid none none none;height:0px} acronym, abbr {border-bottom:dashed 1px #666666} sup {font-size:70%;line-height:0;vertical-align:super} /*#links Links */ a {text-decoration:underline;color:$fontColorLink} a.intern {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/intern.gif) left center no-repeat} a.extern {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/extern.gif) left center no-repeat} a.box {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/box.gif) left center no-repeat} a.boxPicture {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/boxPicture.gif) left center no-repeat} a.download {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/download.gif) left center no-repeat} a.pdf {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/pdf.gif) left center no-repeat} a.audio {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/audio.gif) left center no-repeat} a.video {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/video.gif) left center no-repeat} a.next {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/next.gif) left center no-repeat} a.back {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/back.gif) left center no-repeat} a.mail {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/mail.gif) left center no-repeat} span.phone, a.phone {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/phone.gif) left center no-repeat;text-decoration:none} span.fax, a.fax {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/fax.gif) left center no-repeat;text-decoration:none} a.mobile {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/mobile.gif) left center no-repeat;text-decoration:none} a.ical {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/ical.gif) left center no-repeat} a.rss {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/rss.gif) left center no-repeat} a.twitter {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/twitter.gif) left center no-repeat} a.googlemaps {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/googlemaps.gif) left center no-repeat} a:hover {text-decoration:none;color:$fontColorLinkActive} /*#pictures Bilder */ a img {border:none} img {} img.picture {margin:0;height:auto;max-width:100%;vertical-align:bottom} img.pictureLeft {float:left;margin:0 24px 4px 0;height:auto;max-width:100%;vertical-align:bottom} img.pictureRight {float:right;margin:0 0 4px 24px;height:auto;max-width:100%;vertical-align:bottom} #blockRight img.picture {margin:0} #blockRight img.pictureLeft {margin:0} #blockRight img.pictureRight {margin:0} /*#tables Tabellen */ table {font:inherit;color:inherit;border:none} tr, thead, tbody {} th, td {vertical-align:top} table.light {width:100%;background-color:$backgroundColorTable;border:none;margin-bottom:12px;border-collapse:separate;border-spacing:1px} table.light th {border:none;padding:4px;text-align:left;background-color:#a0a0a0} table.light td {border:none;padding:4px} table.default {width:100%;background-color:$backgroundColorTable;border-style:solid none none solid;border-width:1px;border-color:$borderColorTable;margin-bottom:12px;border-collapse:collapse} table.default th {border-style:none solid solid none;border-width:1px;border-color:$borderColorTable;padding:4px;text-align:left;background-color:#a0a0a0;color:#ffffff} table.default td {border-style:none solid solid none;border-width:1px;border-color:$borderColorTable;padding:4px} table.datasheet {} table.datasheet td.caption {font-weight:bold;padding-right:8px} tr.highlighted, th.highlighted, td.highlighted {background-color:#f0f0f0} td.bgColor1, th.bgColor1 {background-color:#a0a0a0} /*#misc Globale Elemente */ .clearBoth {height:0px;line-height:0;font-size:0px;clear:both;padding:0;margin:0;overflow:hidden} .clearBothSpace {height:10px;line-height:0;font-size:0px;clear:both;padding:0;margin:0;overflow:hidden} #blockLeft .clearBothSpace, #blockRight .clearBothSpace {height:20px;line-height:0;font-size:0px;clear:both;padding:0px;margin:0;overflow:hidden} .clickable {cursor:pointer} .invisible {display:none} .highlighted {background-color:#FFFF00} .errorMessages {margin:0 0 10px 0;padding:8px;background-color:#ffcccc} .wglErrorMessage {color:#ff0000;display:block} .textInfo {display:inline;color:#666666;float:left;display:block} .containerFloatLeft {float:left;margin-right:10px} .containerFloatRight {float:right;margin-left:10px} .containerCenter {margin:auto} .containerWidth75 {width:75%} .containerWidth66 {width:66%} .containerWidth50 {width:50%} .containerWidth33 {width:33%} .containerWidth25 {width:25%} .containerWidth120Abs {width:120px} .containerWidth240Abs {width:240px} .containerWidth320Abs {width:320px} .containerWidth400Abs {width:400px} /*#items Allgemeine Elemente */ .elementStandard {margin:0 0 10px 0} .elementHeadline {margin:0 0 0 0} .elementText {margin:0 0 10px 0} .elementText ul {margin-top:0;margin-bottom:10px;list-style-image:url(/esko-wGlobal/wGlobal/layout/images/icons/list-style-image.gif)} .elementText li {margin:0;padding:0} .elementTable {margin:0 0 10px 0} .elementTable table {margin:0} .elementPicture {margin:0 0 10px 0} .elementPictureLeft {display:inline;max-width:100%} .elementPictureRight {display:inline;max-width:100%} div.pictureBorder {border-style:solid;border-color:#e0e0e0;border-width:1px} div.pictureFrame {padding:5px;background-color:#ffffff} div.pictureFrameInner {overflow:hidden} div.pictureGray {background-color:#f0f0f0} a.picture {display:block} a.pictureLeft {float:left;margin:0 24px 4px 0} a.pictureRight {float:right;overflow:hidden;margin:0 0 4px 24px} a.picture img.picture {display:block} a.pictureLeft img.pictureLeft, a.pictureRight img.pictureRight {margin:0} a.pictureDetails {position:relative;cursor:pointer} a.pictureHover {} a.pictureHover:hover {} a.pictureHover:hover img.pictureDefault {visibility:hidden} div.picture {box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;max-width:100%;display:inline-block;vertical-align:bottom;position:relative} div.pictureLeft {float:left;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;max-width:100%;margin:0 24px 10px 0} div.pictureRight {float:right;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;max-width:100%;margin:0 0 10px 24px} div.pictureLeft img.pictureLeft, div.pictureRight img.pictureRight {margin:0} div.picture a {margin:0} div.pictureLeft a {margin:0} div.pictureRight a {margin:0} div.picture span {text-decoration:underline} div.pictureLeft span {text-decoration:underline} div.pictureRight span {text-decoration:underline} div.pictureSubtitle {border:solid 1px #e0e0e0;border-top:none;margin:0;padding:8px;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box} div.pictureFrame .pictureSubtitle {border:none;padding-left:3px;padding-bottom:2px} div.pictureBorder .pictureSubtitle {border:none} div.picture .pictureSubtitle {} div.pictureLeft .pictureSubtitle {clear:left} div.pictureRight .pictureSubtitle {clear:right} span.pictureCore {display:block;position:relative;margin:0;padding:0} span.pictureCore img.pictureDefault, div.pictureFrameInner {display:block} div.pictureFrameInner img.pictureDefault {margin:0;display:block} img.pictureZoomer {position:absolute;right:0;top:0;padding:5px} div.pictureButtonPinIt {text-align: right;margin-top: 4px;} .elementLink {margin:0 0 10px 0;overflow:hidden} .elementLink a {display:block} .elementVideo {} .elementVideo a {border:none} .elementVideo a.videoContainer {text-align:center;vertical-align:middle;display:block;position:relative;max-width:100%} .elementVideo img.splashScreen {position:static;max-width:100%;} .elementVideo img.splashScreenOverlay {position:absolute;margin:0 auto} .elementVideo .splashScreenFancy {position:relative;display:block;overflow:hidden;} .elementVideo .splashScreenFancy a {position:absolute;width:100%;height:100%;background:url(/esko-wGlobal/wGlobal/layout/styles/items/video/img/splash-play.png) center no-repeat;background-size:12%;} .elementVideo .splashScreenFancy img {width:100%;height:auto;} .elementVideoExternal {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;} .elementVideoExternal iframe, .elementVideoExternal object, .elementVideoExternal embed {position:absolute;top:0;left:0;width:100%;height:100%} .elementGoogleMaps {position:relative;padding-bottom:75%;height:0;overflow:hidden} .elementGoogleMaps .googleMapsContainer {position:absolute;top:0;left:0;width:100%;height:100%} .elementAudio {margin:0 0 10px 0} .elementAudio audio {max-width:100%} .elementList {margin:0 0 10px 0;overflow:hidden} .elementListWidth {} .elementListFloat {margin:0;overflow:visible} .elementSitemap {margin:0 0 10px 0;overflow:hidden} .elementSubmap {margin:0 0 10px 0;overflow:hidden;min-height:18px} .elementSubmap h3 {} .elementSubmap .firstLevel {margin-left:-24px} .elementSubmap ul {list-style-type:none;margin:0;padding:0 0 0 24px} .elementSubmap li {overflow:hidden;margin:0 0 0 0;padding:6px 0 0 0} .elementSubmap li.navLevelSelected {font-weight:bold} .elementDelimiter {margin:0 0 10px 0} .elementClearer {margin:0 0 0 0;height:0px;clear:both} .elementSpace {margin:0 0 0 0;height:10px} .elementClearerWithSpace {margin:0 0 0 0;height:10px;clear:both} .spacer1 {height:17px} .spacer2 {height:34px} .spacer3 {height:51px} .spacer4 {height:68px} .spacer5 {height:85px} .spacer6 {height:102px} .spacer7 {height:119px} .spacer8 {height:136px} .elementContainer {margin:0 0 10px 0;clear:both;} .elementForm {margin:0 0 10px 0;overflow:hidden} .elementGlossary {position:relative} .elementGlossary dl {margin:0} .elementGlossary dt {display:block;clear:left;margin:0 0 2px 0;font-weight:bold} .elementGlossary dd {display:block;margin:0 0 10px 0;overflow:hidden} .elementContactPerson {position:relative;margin:0 0 20px 0;overflow:hidden;background-color:$backgroundColorBoxSheet;padding:10px;padding-bottom:0} .elementGallery {margin:0 0 10px 0;overflow:hidden} .elementButton {margin:0} .elementButton .wglButton {margin-bottom:4px} /* Inhaltsboxen */ /*@wCssFragment{class:elementBox;variant:0;caption:Hervorgehoben}*/ .elementBox_var0 {margin:0 0 20px 0;overflow:hidden;background-color:$backgroundColorBoxSheet;border:none;padding:15px;padding-bottom:5px} .elementBox_var0 p, .elementBox_var0 a, .elementBox_var0 h1, .elementBox_var0 h2, .elementBox_var0 h3, .elementBox_var0 h4, .elementBox_var0 li {color:$fontColorBoxSheet} /*@wCssFragment{class:elementBox;variant:1;caption:Eingerahmt}*/ .elementBox_var1 {margin:0 0 20px 0;overflow:hidden;background-color:$backgroundColorBoxBlank;border:solid 1px #e0e0e0;padding:14px;padding-bottom:5px} .elementBox_var1 p, .elementBox_var1 a, .elementBox_var1 h1, .elementBox_var1 h2, .elementBox_var1 h3, .elementBox_var1 h4, .elementBox_var1 li {color:$fontColorBoxBlank} /*@wCssFragment{class:elementBox;variant:71;caption:Auswählbare Hintergrundfarbe;caption-en:Selectable background color}*/ .elementBox_var71 {box-sizing:border-box;margin-bottom:20px;overflow:hidden;border:solid 1px #e0e0e0;padding:14px;-w-editmaskExtended-backgroundcolor:yes} .elementBox_var71 p {} .elementBox_var71 a {} .elementBox_var71 li {} .elementBox_var71 > .boxInner {} /*@wCssFragment{class:elementBox;variant:3;caption:Halbtransparent;caption-en:semi transparent}*/ .elementBox_var3 {box-sizing:border-box;margin-bottom:20px;overflow:hidden;background-color:rgba(255, 255, 255, 0.8);padding:20px} .elementBox_var3:first-child:last-child {height:100%;} /*@wCssFragment{class:elementBox;variant:5;caption:100% breit schmaler Inhalt;caption-en:100% width small content}*/ .elementBox_var5 {} .elementBox_var5 > .boxInner {max-width:$widthMaxSectionInner;box-sizing:border-box;-moz-box-sizing:border-box;margin:0 auto;} /*@wCssFragment{class:elementBox;variant:7;caption:Inline-Box Darstellung mit Abstand und weißem Hintergrund;caption-en:Inline box with Padding and white background}*/ .elementBox_var7 {margin:20px;display:inline-block;} .elementBox_var7 > .boxInner {padding:20px;background-color:#ffffff} /*@wCssFragment{class:elementBox;variant:20;caption:Vertikal scrollbar mit fester Höhe;caption-en:Scrollable with fixed height}*/ .elementBox_var20 {height:200px;box-sizing:border-box;width:auto;overflow:auto} .elementBox_var20 > .boxInner {padding-right:10px} /*@wCssFragment{class:elementBox;variant:30;caption:Fest definiertes Hintergrundbild;caption-en:Background image}*/ .elementBox_var30 {box-sizing:border-box;margin-bottom:20px;background-image:url('?action=getWeblicRessource&project=/esko-wGlobals&url=/wAssetsProject/img/demo/10.jpg');overflow:hidden;box-shadow:1px 3px 5px rgba(0, 0, 0, 0.5)} .elementBox_var30:first-child:last-child {height:100%;} .elementBox_var30 > .boxInner {margin:20px;padding:20px;background-color:rgba(255, 255, 255, 0.9);} /*@wCssFragment{class:elementBox;variant:32;caption:Eingerahmt mit Hintergrundbild, Mouseover-Bild und Link;caption-en:Framed with background image, mouseover image and link}*/ .elementBox_var32 {height:100%;box-sizing:border-box;-w-editmaskExtended-backgroundimage:yes;-w-editmaskExtended-mouseoverimage:yes;-w-editmaskExtended-link:yes;-w-editmaskExtended-target:yes;margin-bottom:20px;overflow:hidden;box-shadow:1px 3px 5px rgba(0, 0, 0, 0.5)} .elementBox_var32:first-child:last-child {height:100%;} .elementBox_var32 > .boxInner {height:100%;-w-jquery:jQuery(this).wrapInner('
');margin:0;padding:20px;} .elementBox_var32 .boxInnerContainer {padding:20px;background-color:rgba(255, 255, 255, 0.9)} .elementBox_var32 > .boxInner:hover {background-image:none !important} .elementForm table {width:400px} .elementForm td {padding:4px 0 0 0} .elementForm .rowText {} .elementForm .formButtons {clear:left;text-align:right} .elementForm label {white-space:nowrap;padding:0 4px 0 0} .elementForm .formLabelStar {color:$fontColorInfo;padding-left:2px} .elementSourcecode .source {background-color:#ffffcc;margin:0 0 10px;border:1px solid #e0e0e0;overflow:auto;padding:10px;white-space:nowrap} .elementSourcecode .source pre {margin:0} .elementBlank {margin:0 0 0 0} .elementInfoDefault {overflow:hidden;min-height:28px;margin:0 0 10px 0;border:solid 1px #e0e0e0;padding:8px 8px 8px 44px;background-color:#ffffcc;background-image:url('/weblication/grid5/gui/images/icon_large/info.gif');background-repeat:no-repeat;background-position:4px 4px} .elementInfoTip {overflow:hidden;min-height:28px;margin:0 0 10px 0;border:solid 1px #e0e0e0;padding:8px 8px 8px 44px;background-color:#ffffcc;background-image:url('/weblication/grid5/gui/images/icon_large/tip.gif');background-repeat:no-repeat;background-position:4px 4px} .elementInfoWarning {overflow:hidden;min-height:28px;margin:0 0 10px 0;border:solid 1px #e0e0e0;padding:8px 8px 8px 44px;background-color:#ffffcc;background-image:url('/weblication/grid5/gui/images/icon_large/warning.gif');background-repeat:no-repeat;background-position:4px 4px} .elementInfoError {overflow:hidden;min-height:28px;margin:0 0 10px 0;border:solid 1px #e0e0e0;padding:8px 8px 8px 44px;background-color:#ffffcc;background-image:url('/weblication/grid5/gui/images/icon_large/error.gif');background-repeat:no-repeat;background-position:4px 4px} /*#form Formulare und Eingebafelder */ form {} fieldset {border:0;padding:0;margin:0 0 10px 0} input {font:inherit;padding:1px 0 1px 0;margin:0;border:1px solid #e0e0e0;background-color:#ffffff} select {font:inherit;padding:0;margin:0;border:1px solid #e0e0e0} textarea {font:inherit;padding:0;margin:0;border:1px solid #e0e0e0} input[type="radio"] {border:none} input[type="checkbox"] {border:none} input[type="file"] {} button {cursor:pointer;font:inherit;line-height:15px;font-weight:bold;color:$fontColorFunctions;background-color:$backgroundColorFunctions;border:solid 1px #c0c0c0;border-color:#d0d0d0 #c0c0c0 #c0c0c0 #d0d0d0;margin:0 4px 0 0} button:hover {color:$fontColorFunctionsActive;background-color:$backgroundColorFunctionsActive} .wglButton {} .wglIsInvalid {background-color:#ffcccc} .wglInfoAlreadyUploaded {padding:4px 0 4px 0} .wglInfoAlreadyUploadedText {display:block;color:#666666;font-weight:bold} .wglInfoAlreadyUploadedFilename {display:block;color:#666666} .wglCaptcha {padding-bottom:3px} .wglCaptchaArithmeticQuestion {padding:2px 4px 2px 2px} .wglRadioFloat {float:left;display:block;overflow:hidden;padding:0 0 0 0.5%} .wglRadioFloat input {margin:0;float:left;background-color:transparent} .wglRadioFloat label {float:left;padding:0 4px 0 4px} .wglRadio {display:block;clear:left;padding:2px 0 2px 0.5%;overflow:hidden} .wglRadio input {margin:0;float:left;background-color:transparent} .wglRadio input[type="text"] {margin:0 0 0 4px} .wglRadio label {float:left;padding:0 4px 0 4px} .wglCheckbox {display:block;clear:left;padding:2px 0 2px 0.5%;overflow:hidden} .wglCheckbox input {margin:0;float:left} .wglCheckbox input[type="text"] {margin:0 0 0 4px} .wglCheckbox label {float:left;padding:0 4px 0 4px} .wglCheckboxFloat {margin:0 2px 0 0} dl.form {box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;margin:0;padding:0;width:100%;max-width:400px;} .form dt {display:block;clear:left;margin:0 0 2px 0} .form dt.blank {display:none} .form dt label {font-weight:bold} .form dd {display:block;overflow:hidden;width:100%;margin:0 0 10px -0.49%} .form dd > * {padding-left:0.5%;padding-right:0.5%} dl.formTable {box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;display:block;margin:0;padding:0} .formTable dt {display:block;clear:both;margin:0 0 2px 0} .formTable dt label {font-weight:bold} .formTable dd {display:block;overflow:hidden;float:right;width:50%;margin:-17px 0 10px -0.49%} .formTable dd.full {display:block;overflow:hidden;float:none;width:100%;margin:-17px 0 10px -0.49%} .formTable dd > * {padding-left:0.5%;padding-right:0.5%} dl.form input, dl.formTable input {height:22px} dl.form input, dl.formTable input, dl.form textarea, dl.formTable textarea, dl.form select, dl.formTable select {box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;line-height:20px} dl.formFirstBlock {float:left;width:50%;max-width:200px} dl.formFirstBlock dd {margin-left:-0.24%;width:99%} dl.formLastBlock {float:left;width:50%;max-width:200px} dl.formLastBlock dd {margin-left:-0.24%;width:99%} dt.requiredFormfield, dd.requiredFormfield {display:none} input.XS, textarea.XS, select.XS {width:9.5%;margin:0 0 0 0.5%} input.S, textarea.S, select.S {width:29.5%;margin:0 0 0 0.5%} input.M, textarea.M, select.M {width:49.5%;margin:0 0 0 0.5%} input.L, textarea.L, select.L {width:69.5%;margin:0 0 0 0.5%} input.XL, textarea.XL, select.XL {width:99.5%;margin:0 0 0 0.5%} input.XXL, textarea.XXL, select.XXL {width:99.5%;margin:0 0 0 0.5%} /*#lists Listen */ .listDefault {list-style:none;margin:0 0 10px 0;padding:0;border-top:solid 1px $borderColorLines} .listBox {list-style:none;margin:0 -5px 10px -5px;padding:0} .listCompact {list-style:none;margin:0;padding:0} .listSearchResult {list-style:none;margin:0;padding:0} .listFull {} .listEntryClickable, .listEntryInnerClickable {cursor:pointer} .listEntryClickable:hover, .listEntryInnerClickable:hover {background:url(/esko-wGlobal/wGlobal/layout/images/links/list-next.png) right bottom no-repeat;background-color:#f0f0f0} .twoCols {float:left;width:49%;margin-right:1%;height:120px;overflow:hidden} .twoCols .h2 {padding-right:10px} .twoCols .listEntryDescription {padding-right:10px} .listDefault dt {margin:0 0 4px 0} .listDefault dd {color:$fontColorSubline;margin:0 0 8px 8px} .listDefault .listEntry {overflow:hidden;padding:10px 0 10px 0;margin:0 0 0 0;border-bottom:solid 1px $borderColorLines} .listDefault .listEntryTitle {color:$fontColorSubline;margin:0 0 8px 0;font-size:12px;font-weight:bold;line-height:17px} .listDefault .listEntryTitle a {text-decoration:none} .listDefault .listIcon {vertical-align:middle;margin:0 4px 0 0} .listDefault .listEntryDate {padding:0 6px 0 0;color:$fontColorInfo;font-weight:bold;text-decoration:none} .listDefault .listEntrySubline {margin:0 0 4px 0;color:$fontColorSubline} .listDefault .listEntryThumbnail {float:left;margin:2px 8px 0 0} .listDefault .listEntryThumbnailRight {float:right;margin:2px 0 0 8px} .listDefault .listEntryDescription {margin:0 0 0 0} .listDefault .listEntrySize {color:$fontColorInfo} .listDefault .listEntryMoreOnly {text-decoration:none} .listBox dt {margin:0 0 4px 0} .listBox dd {color:$fontColorSubline;margin:0 0 8px 8px} .listBox .listEntry {overflow:hidden;float:left;padding:0;} .listBox .listEntry1Cols {width:100%} .listBox .listEntry2Cols {width:50%} .listBox .listEntry3Cols {width:33.33%} .listBox .listEntry4Cols {width:25%} .listBox .listEntry5Cols {width:20%} .listBox .listEntry6Cols {width:16.66%} .listBox .listEntryInner {margin:0 5px 10px 5px;border:solid 1px $borderColorLines;background-color:#ffffff} .listBox .listEntryTitle {color:$fontColorSubline;padding:10px;margin:0 0 0 0;font-size:12px;font-weight:bold;line-height:17px} .listBox .listEntryTitle a {text-decoration:none} .listBox .listIcon {vertical-align:middle;margin:0 4px 0 0} .listBox .listEntryDate {padding:0 6px 0 0;color:$fontColorInfo;font-weight:bold;text-decoration:none} .listBox .listEntrySubline {margin:0 0 4px 0;color:$fontColorSubline} .listBox .listEntryThumbnail {margin:0 0 0 0;width:100%} .listBox .listEntryDescription {padding:0 10px 10px 10px} .listBox .listEntrySize {color:$fontColorInfo} .listBox .listEntryMoreOnly {text-decoration:none} .listCompact dt {margin:0 0 4px 0} .listCompact dd {color:$fontColorSubline;margin:0 0 8px 8px} .listCompact .listEntry {overflow:hidden;padding:0 0 10px 0;margin:0} .listCompact .listEntryTitle {color:$fontColorSubline;margin:0 0 8px 0;font-size:12px;font-weight:bold;line-height:17px} .listCompact .listEntryTitle a {text-decoration:none} .listCompact .listIcon {vertical-align:bottom;margin:0 4px 0 0} .listCompact .listEntryDate {line-height:16px;padding:0 6px 0 0;color:$fontColorInfo;font-weight:bold;text-decoration:none} .listCompact .listEntrySubline {clear:both;margin:0 0 4px 0;color:$fontColorSubline} .listCompact .listEntryThumbnail {float:left;margin:2px 8px 0 0} .listCompact .listEntryThumbnailRight {float:right;margin:2px 0 0 8px} .listCompact .listEntryDescription {margin:0 0 0 0} .listCompact .listEntrySize {color:$fontColorInfo} .listCompact .listEntryMoreOnly {text-decoration:none} .listFull .listEntry {border-bottom:solid 1px #e0e0e0;margin:0 0 10px 0} .listFull .listEntryTitle {} .listFull .listEntryTitle a {text-decoration:none} .listFull .listEntrySubline {overflow:hidden;margin:0 0 10px 0} .listFull .listEntryDate {color:$fontColorInfo} .listFull .listEntryAuthor {color:$fontColorInfo} .listFull .listEntryFooter {} .listFull .listEntryComments {margin:0 0 10px 0} .listFull .listEntryComments a {color:$fontColorInfo;text-decoration:none} .listSearchResult .listEntry {overflow:hidden;padding:10px 0 10px 0;margin:0;border-bottom:solid 1px $borderColorLines} .listSearchResult .listEntryTitle {color:$fontColorSubline;margin:0 0 8px 0;font-size:12px;font-weight:bold;line-height:17px} .listSearchResult .listEntryTitle a {text-decoration:none} .listSearchResult .listEntryDescription {margin:0 0 4px 0} .listSearchResult .listEntryUrl {margin:0 0 0 0} .listSearchResult .listEntryUrl a {color:$fontColorInfo} .tagCloud {font-size:1em} .tagCloud a {display:inline-block;margin: 0 5px 0 0;text-decoration: none} .tagCloud a.highlighted {background-color:#999999;color:#ffffff} .categoryFilterList {overflow:hidden;margin:0 0 10px 0} .categoryFilterList select {float:right} .azNaviList {text-align:center;line-height:24px;margin:0 0 10px 0} .azNaviList a {text-decoration:none} .azNaviList a:hover {background-color:$backgroundColorFunctionsActive;color:$fontColorFunctionsActive} .azNaviList .charAvailable {padding:4px} .azNaviList .charNotAvailable {padding:4px;color:$fontColorInfo} .azNaviList .charSelected {padding:3px;border:solid 1px #e0e0e0} .azNaviList .initFilter {text-align:right} .pageNaviList {text-align:center;line-height:24px;margin:0 0 10px 0} .pageNaviList a {text-decoration:none} .pageNaviList a:hover {background-color:$backgroundColorFunctionsActive;color:$fontColorFunctionsActive} .pageNaviList .pageNaviBackLink {background-color:$backgroundColorFunctions;color:$fontColorFunctions;border:solid 1px #e0e0e0;margin:0 4px 0 4px;padding:1px 8px 1px 8px} .pageNaviList .pageNaviLink {background-color:$backgroundColorFunctions;color:$fontColorFunctions;border:solid 1px #e0e0e0;margin:0 4px 0 4px;padding:1px 8px 1px 8px} .pageNaviList .pageNaviCurrent {background-color:$backgroundColorFunctionsActive;color:$fontColorFunctionsActive;border:solid 1px #e0e0e0;margin:0 4px 0 4px;padding:1px 8px 1px 8px;font-weight:bold} .pageNaviList .pageNaviNextLink {background-color:$backgroundColorFunctions;color:$fontColorFunctions;border:solid 1px #e0e0e0;margin:0 4px 0 4px;padding:1px 8px 1px 8px} /*#navigations Navigationen */ /* Einblender für Hauptnavigation bei schmalen Bildschirmen */ #navigationMainToggler {display:none} /* Brotkrümmelnavigation */ #navigationBreadcrumb a {text-decoration:none;color:$fontColorInfo} /* Meta-Navigation */ #navigationMeta ul {list-style-type:none;margin:0;padding:0} #navigationMeta li {float:left;margin:0;padding:0;overflow:hidden} #navigationMeta a.navLevel1 {color:$fontColorFunctions;margin:0 0 0 4px;line-height:31px;padding:8px 6px 7px 6px;text-decoration:none} #navigationMeta a.navLevel1:hover {color:$fontColorFunctionsActive;background-color:$backgroundColorFunctionsActive} #navigationMeta a.navLevel1Selected {color:$fontColorFunctionsActive;background-color:$backgroundColorFunctionsActive;margin:0 0 0 4px;line-height:31px;padding:8px 6px 7px 6px;text-decoration:none} #navigationMeta div.navLevel1Embed {display:none;position:absolute;z-index:200;left:0;margin:-2px 0 0 0;border:solid 1px $borderColorNavigationLayer;box-shadow:0px 10px 20px -8px rgba(0, 0, 0, 0.3);background-color:#ffffff;padding:20px} /* Gestaltung der oberen Navigation */ #navigationMain {margin:0;padding:0} #navigationMain ul {list-style-type:none;margin:0;padding:0} #navigationMain li {display:block;overflow:hidden;margin:0;padding:0} #navigationMain a {display:block;text-decoration:none} #navigationMain ul.navLevel1Container {list-style-type:none;margin:0;padding:0} #navigationMain li.navLevel1 {float:left;margin:0;padding:0;display:block;overflow:hidden;border-right:solid 1px $borderColorNavigationMain} #navigationMain a.navLevel1 {color:$fontColorNavigationMain;display:block;text-decoration:none;font-size:14px;line-height:40px;padding:0 16px 0 16px;font-weight:normal;text-transform:uppercase} #navigationMain a.navLevel1:hover {color:$fontColorNavigationMainActive;background-color:$backgroundColorNavigationMainActive} #navigationMain li.navLevel1Selected {} #navigationMain a.navLevel1Selected {color:$fontColorNavigationMainActive;background-color:$backgroundColorNavigationMainActive} #navigationMain a.navLevel1Selected:hover {color:$fontColorNavigationMainActive;background-color:$backgroundColorNavigationMainActive} #navigationMain li.navLevel1Open {} #navigationMain a.navLevel1Open {color:$fontColorNavigationMain;background-color:$backgroundColorNavigationMain} #navigationMain a.navLevel1Open:hover {color:$fontColorNavigationMainActive;background-color:$backgroundColorNavigationMainActive} #navigationMain li.navLevel1OpenSelected {} #navigationMain a.navLevel1OpenSelected {color:$fontColorNavigationMainActive;background-color:$backgroundColorNavigationMainActive} #navigationMain a.navLevel1OpenSelected:hover {color:$fontColorNavigationMainActive;background-color:$backgroundColorNavigationMainActive} #navigationMain li.navLevel1OpenDescendantSelected {} #navigationMain a.navLevel1OpenDescendantSelected {color:$fontColorNavigationMainActive;background-color:$backgroundColorNavigationMainActive} #navigationMain a.navLevel1OpenDescendantSelected:hover {color:$fontColorNavigationMainActive;background-color:$backgroundColorNavigationMainActive} #navigationMain li.navLevel1Open ul.navLevel2Container {background-color:$backgroundColorNavigationLayer;display:none;position:absolute;z-index:80;border:none;margin:0 0 0 -1px;padding:0 0 0 0;border:solid 1px $borderColorNavigationLayer;width:180px} #navigationMain li.navLevel1Open:hover ul.navLevel2Container {display:block;} #navigationMain li.navLevel1OpenSelected ul.navLevel2Container {background-color:$backgroundColorNavigationLayer;display:none;position:absolute;z-index:80;border:none;margin:0 0 0 -1px;padding:0 0 0 0;border:solid 1px $borderColorNavigationLayer;width:180px} #navigationMain li.navLevel1OpenSelected:hover ul.navLevel2Container {display:block;} #navigationMain li.navLevel1OpenDescendantSelected ul.navLevel2Container {background-color:$backgroundColorNavigationLayer;display:none;position:absolute;z-index:80;border:none;margin:0 0 0 -1px;padding:0 0 0 0;border:solid 1px $borderColorNavigationLayer;width:180px} #navigationMain li.navLevel1OpenDescendantSelected:hover ul.navLevel2Container {display:block;} #navigationMain .navLevel2Container li.navLevel2 {} #navigationMain .navLevel2Container a.navLevel2 {font-size:12px;padding:5px 0 5px 10px;color:$fontColorNavigationLayer;background-color:$backgroundColorNavigationLayer} #navigationMain .navLevel2Container a.navLevel2:hover {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive} #navigationMain .navLevel2Container li.navLevel2Selected {} #navigationMain .navLevel2Container a.navLevel2Selected {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive} #navigationMain .navLevel2Container a.navLevel2Selected:hover {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive} #navigationMain .navLevel2Container li.navLevel2Open {} #navigationMain .navLevel2Container a.navLevel2Open {color:$fontColorNavigationLayer;background-color:$backgroundColorNavigationLayer;background-image:url(/esko-wGlobal/wGlobal/layout/images/links/next.gif);background-position:right center;background-repeat:no-repeat} #navigationMain .navLevel2Container a.navLevel2Open:hover {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive} #navigationMain .navLevel2Container li.navLevel2OpenSelected {} #navigationMain .navLevel2Container a.navLevel2OpenSelected {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive;font-weight:bold;background-image:url(/esko-wGlobal/wGlobal/layout/images/links/next.gif);background-position:right center;background-repeat:no-repeat} #navigationMain .navLevel2Container a.navLevel2OpenSelected:hover {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive} #navigationMain .navLevel2Container li.navLevel2OpenDescendantSelected {} #navigationMain .navLevel2Container a.navLevel2OpenDescendantSelected {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive;font-weight:bold;background-image:url(/esko-wGlobal/wGlobal/layout/images/links/next.gif);background-position:right center;background-repeat:no-repeat} #navigationMain .navLevel2Container a.navLevel2OpenDescendantSelected:hover {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive} #navigationMain li.navLevel2Open ul.navLevel3Container {background-color:$backgroundColorNavigationLayer;display:none;position:absolute;border:none;margin:-30px 0 0 180px;padding:0 0 0 0;border:solid 1px $borderColorNavigationLayer;width:180px} #navigationMain li.navLevel2Open:hover ul.navLevel3Container {display:block;} #navigationMain li.navLevel2OpenSelected ul.navLevel3Container {background-color:$backgroundColorNavigationLayer;display:none;position:absolute;border:none;margin:-30px 0 0 180px;padding:0 0 0 0;border:solid 1px $borderColorNavigationLayer;width:180px} #navigationMain li.navLevel2OpenSelected:hover ul.navLevel3Container {display:block;} #navigationMain li.navLevel2OpenDescendantSelected ul.navLevel3Container {background-color:$backgroundColorNavigationLayer;display:none;position:absolute;border:none;margin:-30px 0 0 180px;padding:0 0 0 0;border:solid 1px $borderColorNavigationLayer;width:180px} #navigationMain li.navLevel2OpenDescendantSelected:hover ul.navLevel3Container {display:block;} #navigationMain .navLevel2Container li.navLevel3 {} #navigationMain .navLevel3Container a.navLevel3 {font-size:12px;padding:5px 0 5px 10px;color:$fontColorNavigationLayer;background-color:$backgroundColorNavigationLayer} #navigationMain .navLevel3Container a.navLevel3:hover {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive} #navigationMain .navLevel2Container li.navLevel3Selected {} #navigationMain .navLevel3Container a.navLevel3Selected {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive} #navigationMain .navLevel3Container a.navLevel3Selected:hover {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive} #navigationMain .navLevel2Container li.navLevel3Open {} #navigationMain .navLevel3Container a.navLevel3Open {color:$fontColorNavigationLayer;background-color:$backgroundColorNavigationLayer;background-image:url(/esko-wGlobal/wGlobal/layout/images/links/next.gif);background-position:right center;background-repeat:no-repeat} #navigationMain .navLevel3Container a.navLevel3Open:hover {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive} #navigationMain .navLevel2Container li.navLevel3OpenSelected {} #navigationMain .navLevel3Container a.navLevel3OpenSelected {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive;font-weight:bold;background-image:url(/esko-wGlobal/wGlobal/layout/images/links/next.gif);background-position:right center;background-repeat:no-repeat} #navigationMain .navLevel3Container a.navLevel3OpenSelected:hover {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive} #navigationMain .navLevel2Container li.navLevel3OpenDescendantSelected {} #navigationMain .navLevel3Container a.navLevel3OpenDescendantSelected {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive;font-weight:bold;background-image:url(/esko-wGlobal/wGlobal/layout/images/links/next.gif);background-position:right center;background-repeat:no-repeat} #navigationMain .navLevel3Container a.navLevel3OpenDescendantSelected:hover {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive} #navigationMain li.navLevel3Open ul.navLevel4Container {background-color:$backgroundColorNavigationLayer;display:none;position:absolute;border:none;margin:-30px 0 0 180px;padding:0 0 0 0;border:solid 1px $borderColorNavigationLayer;width:180px} #navigationMain li.navLevel3Open:hover ul.navLevel4Container {display:block;} #navigationMain li.navLevel3OpenSelected ul.navLevel4Container {background-color:$backgroundColorNavigationLayer;display:none;position:absolute;border:none;margin:-30px 0 0 180px;padding:0 0 0 0;border:solid 1px $borderColorNavigationLayer;width:180px} #navigationMain li.navLevel3OpenSelected:hover ul.navLevel4Container {display:block;} #navigationMain li.navLevel3OpenDescendantSelected ul.navLevel4Container {background-color:$backgroundColorNavigationLayer;display:none;position:absolute;border:none;margin:-30px 0 0 180px;padding:0 0 0 0;border:solid 1px $borderColorNavigationLayer;width:180px} #navigationMain li.navLevel3OpenDescendantSelected:hover ul.navLevel4Container {display:block;} #navigationMain .navLevel2Container li.navLevel4 {} #navigationMain .navLevel4Container a.navLevel4 {font-size:12px;padding:5px 0 5px 10px;color:$fontColorNavigationLayer;background-color:$backgroundColorNavigationLayer} #navigationMain .navLevel4Container a.navLevel4:hover {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive} #navigationMain .navLevel2Container li.navLevel4OpenDescendant {} #navigationMain .navLevel4Container a.navLevel4Selected {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive} #navigationMain .navLevel4Container a.navLevel4Selected:hover {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive} #navigationMain .navLevel2Container li.navLevel4Open {} #navigationMain .navLevel4Container a.navLevel4Open {color:$fontColorNavigationLayer;background-color:$backgroundColorNavigationLayer;background-image:url(/esko-wGlobal/wGlobal/layout/images/links/next.gif);background-position:right center;background-repeat:no-repeat} #navigationMain .navLevel4Container a.navLevel4Open:hover {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive} #navigationMain .navLevel4Container a.navLevel4OpenSelected {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive;font-weight:bold;background-image:url(/esko-wGlobal/wGlobal/layout/images/links/next.gif);background-position:right center;background-repeat:no-repeat} #navigationMain .navLevel4Container a.navLevel4OpenSelected:hover {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive} /* Unternavigation */ #navigationSub {margin:0 0 0 0} #navigationSub ul {list-style-type:none;margin:0;padding:0} #navigationSub li {display:block;overflow:hidden;margin:0;padding:0} #navigationSub a {display:block;text-decoration:none} #navigationSub .navLevel2Container {position:relative;margin:0 0 20px 0;padding:0;border-top:solid 1px $borderColorNavigationMain} #navigationSub a.navLevel2 {color:$fontColorNavigationSub;background-color:$backgroundColorNavigationSub;font-size:12px;padding:7px 0 7px 32px;border-bottom:solid 1px $borderColorNavigationSub} #navigationSub a.navLevel2:hover {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive} #navigationSub a.navLevel2Selected {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive;font-weight:bold} #navigationSub a.navLevel2Selected:hover {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive} #navigationSub a.navLevel2Open {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive} #navigationSub a.navLevel2Open:hover {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive} #navigationSub a.navLevel2OpenSelected {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive;font-weight:bold} #navigationSub a.navLevel2OpenSelected:hover {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive} #navigationSub a.navLevel2OpenDescendantSelected {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive;font-weight:bold} #navigationSub a.navLevel2OpenDescendantSelected:hover {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive} #navigationSub .navLevel3Container {margin:0 0 0 0} #navigationSub a.navLevel3 {color:$fontColorNavigationSub;background-color:$backgroundColorNavigationSub;font-size:12px;padding:6px 0 6px 48px} #navigationSub a.navLevel3:hover {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive} #navigationSub a.navLevel3Selected {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive;font-weight:bold} #navigationSub a.navLevel3Selected:hover {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive} #navigationSub a.navLevel3Open {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive} #navigationSub a.navLevel3Open:hover {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive} #navigationSub a.navLevel3OpenSelected {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive;font-weight:bold} #navigationSub a.navLevel3OpenSelected:hover {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive} #navigationSub a.navLevel3OpenDescendantSelected {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive;font-weight:bold} #navigationSub a.navLevel3OpenDescendantSelected:hover {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive} #navigationSub .navLevel4Container {margin:0 0 0 0} #navigationSub a.navLevel4 {color:$fontColorNavigationSub;background-color:$backgroundColorNavigationSub;font-size:12px;padding:6px 0 6px 64px} #navigationSub a.navLevel4:hover {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive} #navigationSub a.navLevel4Selected {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive;font-weight:bold} #navigationSub a.navLevel4Selected:hover {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive} #navigationSub a.navLevel4Open {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive} #navigationSub a.navLevel4Open:hover {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive} #navigationSub a.navLevel4OpenSelected {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive;font-weight:bold} #navigationSub a.navLevel4OpenSelected:hover {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive} /* Sitemap */ #navigationSitemap {margin-left:-15px} #navigationSitemap ul {list-style-type:none;margin:0} #navigationSitemap li {overflow:hidden;margin:0} #navigationSitemap a {display:block;width:100%;margin:0;padding:0;text-decoration:none} #navigationSitemap a:hover {} #navigationSitemap p {margin:4px 0 8px 0} #navigationSitemap .navText {color:$fontColorInfo} #navigationSitemap .title {margin:4px 0 8px 0} #navigationSitemap .description {margin:4px 0 8px 0} #navigationSitemap .keywords {margin:4px 0 8px 0} #navigationSitemap .navLevel1space {padding:0 0 0 16px} #navigationSitemap .navLevel2space {padding:0 0 0 4px} #navigationSitemap .navLevel3space {padding:0 0 0 24px} #navigationSitemap .navLevel3spaceLast {padding:0 0 0 0px} #navigationSitemap .navLevel4space {padding:0 0 0 24px} #navigationSitemap .navLevel5space {padding:0 0 0 24px} #navigationSitemap .navLevel1 {} #navigationSitemap .navLevel1 span {padding:0 1px 0 1px} #navigationSitemap a.navLevel1 {padding:2px 0 4px 0;font-weight:bold} #navigationSitemap a.navLevel1:hover {padding:2px 0 4px 0;font-weight:bold} #navigationSitemap .navLevel1Open {} #navigationSitemap .navLevel1Open span {padding:0 1px 0 1px} #navigationSitemap a.navLevel1Open {padding:2px 0 4px 0;font-weight:bold} #navigationSitemap a.navLevel1Open:hover {padding:2px 0 4px 0;font-weight:bold} #navigationSitemap .navLevel2 {} #navigationSitemap .navLevel2 span {} #navigationSitemap a.navLevel2 {padding:1px 0px 3px 22px; margin:0px; background-image:url(/esko-wGlobal/wGlobal/layout/images/backgrounds/sitemap_bullet.gif); background-repeat:no-repeat; background-position:6px -4px} #navigationSitemap a.navLevel2:hover {padding:1px 0px 3px 22px} #navigationSitemap .navLevel2Open {padding:0px; margin:0px; background-image:url(/esko-wGlobal/wGlobal/layout/images/backgrounds/sitemap_bullet_open.gif); background-repeat:repeat-y; background-position:6px -4px} #navigationSitemap .navLevel2Open span {} #navigationSitemap a.navLevel2Open {padding:1px 0px 3px 22px} #navigationSitemap a.navLevel2Open:hover {padding:1px 0px 3px 22px} #navigationSitemap .navLevel2Last {padding:1px 0px 15px 22px; margin:0px; background-image:url(/esko-wGlobal/wGlobal/layout/images/backgrounds/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px} #navigationSitemap .navLevel2OpenLast {padding:1px 0px 15px 22px; margin:0px; background-image:url(/esko-wGlobal/wGlobal/layout/images/backgrounds/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px} #navigationSitemap .navLevel3 {} #navigationSitemap .navLevel3 span {} #navigationSitemap a.navLevel3 {padding:1px 0px 3px 22px; margin:0px; background-image:url(/esko-wGlobal/wGlobal/layout/images/backgrounds/sitemap_bullet.gif); background-repeat:no-repeat; background-position:6px -4px} #navigationSitemap a.navLevel3:hover {padding:1px 0px 3px 22px} #navigationSitemap .navLevel3Open {padding:0px; margin:0px; background-image:url(/esko-wGlobal/wGlobal/layout/images/backgrounds/sitemap_bullet_open.gif); background-repeat:repeat-y; background-position:6px -4px} #navigationSitemap .navLevel3Open span {} #navigationSitemap a.navLevel3Open {padding:1px 0px 3px 22px} #navigationSitemap a.navLevel3Open:hover {padding:1px 0px 3px 22px} #navigationSitemap .navLevel3Last {padding:1px 0px 15px 22px; margin:0px; background-image:url(/esko-wGlobal/wGlobal/layout/images/backgrounds/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px} #navigationSitemap .navLevel3OpenLast {padding:1px 0px 15px 22px; margin:0px; background-image:url(/esko-wGlobal/wGlobal/layout/images/backgrounds/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px} #navigationSitemap .navLevel4 {} #navigationSitemap .navLevel4 span {} #navigationSitemap a.navLevel4 {padding:1px 0px 3px 22px; margin:0px; background-image:url(/esko-wGlobal/wGlobal/layout/images/backgrounds/sitemap_bullet.gif); background-repeat:no-repeat; background-position:6px -4px} #navigationSitemap a.navLevel4:hover {padding:1px 0px 3px 22px} #navigationSitemap .navLevel4Open {padding:0px; margin:0px; background-image:url(/esko-wGlobal/wGlobal/layout/images/backgrounds/sitemap_bullet_open.gif); background-repeat:repeat-y; background-position:6px -4px} #navigationSitemap .navLevel4Open span {} #navigationSitemap a.navLevel4Open {padding:1px 0px 3px 22px} #navigationSitemap a.navLevel4Open:hover {padding:1px 0px 3px 22px} #navigationSitemap .navLevel4Last {padding:1px 0px 15px 22px; margin:0px; background-image:url(/esko-wGlobal/wGlobal/layout/images/backgrounds/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px} #navigationSitemap .navLevel4OpenLast {padding:1px 0px 15px 22px; margin:0px; background-image:url(/esko-wGlobal/wGlobal/layout/images/backgrounds/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px} #navigationSitemap .navLevel5 {} #navigationSitemap .navLevel5 span {} #navigationSitemap a.navLevel5 {padding:1px 0px 3px 22px; margin:0px; background-image:url(/esko-wGlobal/wGlobal/layout/images/backgrounds/sitemap_bullet.gif); background-repeat:no-repeat; background-position:6px -4px} #navigationSitemap a.navLevel5:hover {padding:1px 0px 3px 22px} #navigationSitemap .navLevel5Open {padding:0px; margin:0px; background-image:url(/esko-wGlobal/wGlobal/layout/images/backgrounds/sitemap_bullet_open.gif); background-repeat:repeat-y; background-position:6px -4px} #navigationSitemap .navLevel5Open span {} #navigationSitemap a.navLevel5Open {padding:1px 0px 3px 22px} #navigationSitemap a.navLevel5Open:hover {padding:1px 0px 3px 22px} #navigationSitemap .navLevel5Last {padding:1px 0px 15px 22px; margin:0px; background-image:url(/esko-wGlobal/wGlobal/layout/images/backgrounds/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px} #navigationSitemap .navLevel5OpenLast {padding:1px 0px 15px 22px; margin:0px; background-image:url(/esko-wGlobal/wGlobal/layout/images/backgrounds/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px} /* Submap */ /* Footermap */ #navigationFootermap {margin:0 0 0 -24px;overflow:hidden} #navigationFootermap ul {list-style-type:none;margin:0 0 0 24px} #navigationFootermap li {overflow:hidden;margin:0 0 0 0;padding:6px 0 0 0} #navigationFootermap li.navLevel1 {float:left;padding:0 24px 0 0} #navigationFootermap li.navLevel1Open {float:left;padding:0 24px 0 0} #navigationFootermap a.navLevel1 {font-weight:bold;display:block;text-decoration:none;padding:2px 4px 2px 4px} #navigationFootermap a.navLevel1:hover {} #navigationFootermap ul.navLevel2Container {margin:0;padding:0} #navigationFootermap li.navLevel2Open {} #navigationFootermap li.navLevel2 {} #navigationFootermap a.navLevel2 {display:block;text-decoration:none;padding:2px 4px 2px 4px} #navigationFootermap a.navLevel2:hover {} #navigationFootermap ul.navLevel3Container {margin:0;padding:0 0 0 10px} #navigationFootermap li.navLevel3 {} #navigationFootermap a.navLevel3 {display:block;text-decoration:none;padding:0px 4px 0px 4px} #navigationFootermap a.navLevel3:hover {} /* Eingebetete Vorschauseite der Navigation */ iframe.navLevel1Embed {width:540px;height:1px;border:none} #blockBefore #navigationBreadcrumb {clear:left;padding:10px 0 5px 0} /* Gestaltung der oberen Navigation */ /* Unternavigation */ /* Gestaltung der oberen Navigation */ /* Unternavigation */ /* Imported 2013-01-12 13:42:51 from /esko-wGlobal/wGlobal/layout/styles/import/gallery.standard.css */ /*@wCssFragment{class:listPictureGallery;variant:0;caption:Großansicht mit Diavorschau horizontal}*/ .listPictureGallery_var0 {-w-editmaskExtended-picturemode:yes;-w-editmaskExtended-picturepreviewmode:yes;-w-editmaskExtended-pictureaspectratio:yes;} .listPictureGallery_var0 .listInner {position:relative;overflow:hidden} .listPictureGallery_var0 .listMoverBack {cursor:pointer;position:absolute;left:0;bottom:0px;width:5%;height:58px;z-index:2;background-color:#ffffff;background-image:url(/esko-wGlobal/wGlobal/layout/images/links/back.gif);background-repeat:no-repeat;background-position:center} .listPictureGallery_var0 .listMoverForward {cursor:pointer;position:absolute;right:0;bottom:0px;width:5%;height:58px;z-index:2;background-color:#ffffff;background-image:url(/esko-wGlobal/wGlobal/layout/images/links/next.gif);background-repeat:no-repeat;background-position:center} .listPictureGallery_var0 .listMoverForward:hover {background-color:#f0f0f0} .listPictureGallery_var0 .listEntries {width:100%;position:relative;overflow:hidden;margin:0 0 10px 0;} .listPictureGallery_var0 .listEntries .listEntriesInner {} .listPictureGallery_var0 .listEntries .listEntry {display:none;position:relative;overflow:hidden;-w-animation:fadeIn} .listPictureGallery_var0 .listEntries .listEntrySelected {display:block} .listPictureGallery_var0 .listEntries .listEntryButtons {position:absolute;top:2px;right:0} .listPictureGallery_var0 .listEntries .listEntry a {text-decoration:none} .listPictureGallery_var0 .listEntries .listEntryImage {display:block;width:100%;-w-aspectratio:1.333;-w-picture-mode:crop;} .listPictureGallery_var0 .listEntries .listEntryTitle {display:none} .listPictureGallery_var0 .listEntries .listEntryDescription {display:none} .listPictureGallery_var0 .listEntriesPreview {position:relative;overflow:hidden;margin-left:5%;width:90%;height:58px;} .listPictureGallery_var0 .listEntriesPreviewInner {width:20000px} .listPictureGallery_var0 .listEntriesPreview .listEntry {display:block;float:left;cursor:pointer;padding:4px;border:solid 1px #c0c0c0;margin-right:4px;background-color:#ffffff;-w-animation:slidehorizontal} .listPictureGallery_var0 .listEntriesPreview .listEntrySelected {background-color:#e0e0e0} .listPictureGallery_var0 .listEntriesPreview .listEntryProgress {} .listPictureGallery_var0 .listEntriesPreview .listEntry:hover {background-color:#e0e0e0} .listPictureGallery_var0 .listEntriesPreview .listEntryInner {} .listPictureGallery_var0 .listEntriesPreview .listEntry a {text-decoration:none} .listPictureGallery_var0 .listEntriesPreview .listEntryImage {width:64px;height:48px;display:block;-w-picture-mode:crop;} .listPictureGallery_var0 .listEntriesPreview .listEntryTitle {display:none} .listPictureGallery_var0 .listEntriesPreview .listEntryDescription {display:none} .listPictureGallery_var0 .listEntriesPreview .listEntryPosition {display:none} /*@wCssFragment{class:listPictureGallery;variant:1;caption:Großansicht mit Positionsanzeige und Blätterfunktion}*/ .listPictureGallery_var1 {-w-editmaskExtended-picturemode:yes;-w-editmaskExtended-pictureaspectratio:yes;} .listPictureGallery_var1 .listInner {position:relative;overflow:hidden} .listPictureGallery_var1 .listMoverBack {cursor:pointer;position:absolute;left:0;bottom:0px;width:5%;height:32px;z-index:2;background-color:#ffffff;background-image:url(/esko-wGlobal/wGlobal/layout/images/links/back.gif);background-repeat:no-repeat;background-position:center} .listPictureGallery_var1 .listMoverForward {cursor:pointer;position:absolute;right:0;bottom:0px;width:5%;height:32px;z-index:2;background-color:#ffffff;background-image:url(/esko-wGlobal/wGlobal/layout/images/links/next.gif);background-repeat:no-repeat;background-position:center} .listPictureGallery_var1 .listMoverForward:hover {background-color:#f0f0f0} .listPictureGallery_var1 .listEntries {width:100%;position:relative;overflow:hidden;margin:0 0 10px 0;} .listPictureGallery_var1 .listEntries .listEntriesInner {} .listPictureGallery_var1 .listEntries .listEntry {display:none;position:relative;overflow:hidden;-w-animation:fadeIn} .listPictureGallery_var1 .listEntries .listEntrySelected {display:block} .listPictureGallery_var1 .listEntries .listEntryButtons {position:absolute;top:2px;right:0} .listPictureGallery_var1 .listEntries .listEntry a {text-decoration:none} .listPictureGallery_var1 .listEntries .listEntryImage {display:block;width:100%;-w-aspectratio:1.333;-w-picture-mode:crop} .listPictureGallery_var1 .listEntries .listEntryTitle {display:none} .listPictureGallery_var1 .listEntries .listEntryDescription {display:none} .listPictureGallery_var1 .listEntriesPreview {position:relative;overflow:hidden;margin-left:5%;width:90%;height:32px;} .listPictureGallery_var1 .listEntriesPreviewInner {text-align:center} .listPictureGallery_var1 .listEntriesPreview .listEntry {display:inline-block;zoom:1;*display:inline;cursor:pointer;padding:0 12px 0 12px;background-color:#ffffff} .listPictureGallery_var1 .listEntriesPreview .listEntrySelected {background-color:#f0f0f0} .listPictureGallery_var1 .listEntriesPreview .listEntryProgress {} .listPictureGallery_var1 .listEntriesPreview .listEntry:hover {background-color:#f0f0f0} .listPictureGallery_var1 .listEntriesPreview .listEntryInner {} .listPictureGallery_var1 .listEntriesPreview .listEntry a {text-decoration:none} .listPictureGallery_var1 .listEntriesPreview .listEntryImage {display:none} .listPictureGallery_var1 .listEntriesPreview .listEntryTitle {display:none} .listPictureGallery_var1 .listEntriesPreview .listEntryDescription {display:none} .listPictureGallery_var1 .listEntriesPreview .listEntryPosition {display:block;line-height:32px} /*@wCssFragment{class:listPictureGallery;variant:2;caption:Vorschaubilder mit Fancybox}*/ .listPictureGallery_var2 {-w-editmaskExtended-entriespreviewperrow:yes;-w-editmaskExtended-limitpages:yes;-w-editmaskExtended-picturepreviewaspectratio:yes;-w-editmaskExtended-picturepreviewmode:yes} .listPictureGallery_var2 .listInner {position:relative;overflow:hidden} .listPictureGallery_var2 .listMoverBack {display:none} .listPictureGallery_var2 .listMoverForward {display:none} .listPictureGallery_var2 .listEntries {display:none;-w-display:none} .listPictureGallery_var2 .listEntriesPreview {position:relative;overflow:hidden} .listPictureGallery_var2 .listEntriesPreviewInner {margin:-10px} .listPictureGallery_var2 .listEntriesPreview .listEntry {-w-entriesperrow:6;-w-usefancybox:yes;display:block;position:relative;float:left;cursor:pointer;padding:4px;border:solid 1px #c0c0c0;margin:10px;background-color:#ffffff} .listPictureGallery_var2 .listEntriesPreview .listEntrySelected {background-color:#e0e0e0} .listPictureGallery_var2 .listEntriesPreview .listEntryProgress {} .listPictureGallery_var2 .listEntriesPreview .listEntry:hover {background-color:#e0e0e0} .listPictureGallery_var2 .listEntriesPreview .listEntryInner {} .listPictureGallery_var2 .listEntriesPreview .listEntry a {text-decoration:none} .listPictureGallery_var2 .listEntriesPreview .listEntryImage {display:block;max-width:100%;-w-aspectratio:1.333;-w-picture-mode:crop} .listPictureGallery_var2 .listEntriesPreview .listEntryTitle {display:none} .listPictureGallery_var2 .listEntriesPreview .listEntryDescription {display:none} .listPictureGallery_var2 .listEntriesPreview .listEntryPosition {position:absolute;top:2px;right:2px;display:block;width:24px;height:24px;color:transparent;background-image:url(/esko-wGlobal/wGlobal/layout/images/fancy/zoom.png)} /*@wCssFragment{class:listPictureGallery;variant:3;caption:Großansicht mit Vor- und Zurückfunktion}*/ .listPictureGallery_var3 {-w-editmaskExtended-pictureaspectratio:yes;-w-editmaskExtended-picturemode:yes} .listPictureGallery_var3 .listInner {position:relative;overflow:hidden} .listPictureGallery_var3 .listMoverBack {cursor:pointer;position:absolute;left:0;top:0;width:10%;height:100%;z-index:2;} .listPictureGallery_var3 .listMoverForward {cursor:pointer;position:absolute;right:0;top:0px;width:10%;height:100%;z-index:2} .listPictureGallery_var3 .listMoverBackInner {position:absolute;top:50%;margin-top:-15px;height:30px;width:50%;background-color:#ffffff;background-image:url(/esko-wGlobal/wGlobal/layout/images/links/back.gif);background-repeat:no-repeat;background-position:center} .listPictureGallery_var3 .listMoverForwardInner {position:absolute;top:50%;margin-top:-15px;margin-left:50%;height:30px;width:50%;background-color:#ffffff;background-image:url(/esko-wGlobal/wGlobal/layout/images/links/next.gif);background-repeat:no-repeat;background-position:center} .listPictureGallery_var3 .listMoverForward:hover .listMoverForwardInner {background-color:#f0f0f0} .listPictureGallery_var3 .listEntries {width:100%;position:relative;overflow:hidden;margin:0 0 10px 0;} .listPictureGallery_var3 .listEntries .listEntriesInner {} .listPictureGallery_var3 .listEntries .listEntry {display:none;position:relative;overflow:hidden;-w-animation:fadeIn} .listPictureGallery_var3 .listEntries .listEntrySelected {display:block} .listPictureGallery_var3 .listEntries .listEntryButtons {position:absolute;top:2px;right:0} .listPictureGallery_var3 .listEntries .listEntry a {text-decoration:none} .listPictureGallery_var3 .listEntries .listEntryImage {display:block;width:100%;-w-aspectratio:1.333;-w-picture-mode:crop} .listPictureGallery_var3 .listEntries .listEntryTitle {display:none} .listPictureGallery_var3 .listEntries .listEntryDescription {display:none} .listPictureGallery_var3 .listEntriesPreview {display:none} /*@wCssFragment{class:listPictureGallery;variant:4;caption:Automatischer Wechsel ohne Blätterfunktion}*/ .listPictureGallery_var4 {-w-editmaskExtended-pictureaspectratio:yes;-w-editmaskExtended-picturemode:yes} .listPictureGallery_var4 .listInner {position:relative;overflow:hidden} .listPictureGallery_var4 .listMoverBack {display:none;} .listPictureGallery_var4 .listMoverForward {display:none;} .listPictureGallery_var4 .listEntries {width:100%;position:relative;overflow:hidden;margin:0 0 10px 0;} .listPictureGallery_var4 .listEntries .listEntriesInner {} .listPictureGallery_var4 .listEntries .listEntry {display:none;position:relative;overflow:hidden;-w-animation:fadeIn} .listPictureGallery_var4 .listEntries .listEntrySelected {display:block} .listPictureGallery_var4 .listEntries .listEntryButtons {position:absolute;top:2px;right:0} .listPictureGallery_var4 .listEntries .listEntry a {text-decoration:none} .listPictureGallery_var4 .listEntries .listEntryImage {display:block;width:100%;-w-aspectratio:1.333;-w-picture-mode:crop} .listPictureGallery_var4 .listEntries .listEntryTitle {display:none} .listPictureGallery_var4 .listEntries .listEntryDescription {display:none} .listPictureGallery_var4 .listEntriesPreview {display:none} /*@wCssFragment{class:listPictureGalleryTeaser;variant:0;caption:Vorschaubilder nebeneinander}*/ .listPictureGalleryTeaser_var0 {-w-editmaskExtended-entriespreviewperrow:yes;-w-editmaskExtended-picturepreviewaspectratio:yes;-w-editmaskExtended-picturepreviewmode:yes} .listPictureGalleryTeaser_var0:hover {background-image:none;} .listPictureGalleryTeaser_var0 .listInner {position:relative;overflow:hidden;} .listPictureGalleryTeaser_var0 .listMoverBack {display:none} .listPictureGalleryTeaser_var0 .listMoverForward {display:none} .listPictureGalleryTeaser_var0 .listEntriesPreview {position:relative;overflow:hidden;margin-bottom:10px} .listPictureGalleryTeaser_var0 .listEntriesPreviewInner {margin:-2px;} .listPictureGalleryTeaser_var0 .listEntriesPreview .listEntry {-w-entriesperrow:6;display:block;float:left;cursor:pointer;padding:4px;border:solid 1px #c0c0c0;margin:2px;background-color:#ffffff} .listPictureGalleryTeaser_var0 .listEntriesPreview .listEntry:hover {} .listPictureGalleryTeaser_var0 .listEntriesPreview .listEntryInner {} .listPictureGalleryTeaser_var0 .listEntriesPreview .listEntry a {text-decoration:none} .listPictureGalleryTeaser_var0 .listEntriesPreview .listEntryImage {display:block;-w-aspectratio:1.333;-w-picture-mode:crop} .listPictureGalleryTeaser_var0 .listEntriesPreview .listEntryTitle {display:none} .listPictureGalleryTeaser_var0 .listEntriesPreview .listEntryDescription {display:none} .listPictureGalleryTeaser_var0 .listEntriesPreview .listEntryPosition {display:none} .listPictureGalleryTeaser_var0 .linkGallery {clear:left;float:right;padding:0 10px 10px 10px} /*@wCssFragment{class:listPictureAlbumTeaser;variant:0;caption:Vorschaubilder nebeneinander}*/ .listPictureAlbumTeaser_var0 {-w-editmaskExtended-entriespreviewlimit:yes;-w-editmaskExtended-entriespreviewperrow:yes;-w-editmaskExtended-picturepreviewaspectratio:yes;-w-editmaskExtended-picturepreviewmode:yes} .listPictureAlbumTeaser_var0:hover {background-image:none;} .listPictureAlbumTeaser_var0 .listInner {position:relative;overflow:hidden;} .listPictureAlbumTeaser_var0 .listMoverBack {display:none} .listPictureAlbumTeaser_var0 .listMoverForward {display:none} .listPictureAlbumTeaser_var0 .listEntriesPreview {position:relative;overflow:hidden;margin-bottom:10px} .listPictureAlbumTeaser_var0 .listEntriesPreviewInner {margin:-2px;} .listPictureAlbumTeaser_var0 .listEntriesPreview .listEntry {-w-entriesperrow:6;-w-entrieslimit:12;display:block;float:left;cursor:pointer;padding:4px;border:solid 1px #c0c0c0;margin:2px;background-color:#ffffff} .listPictureAlbumTeaser_var0 .listEntriesPreview .listEntry:hover {} .listPictureAlbumTeaser_var0 .listEntriesPreview .listEntryInner {} .listPictureAlbumTeaser_var0 .listEntriesPreview .listEntry a {text-decoration:none} .listPictureAlbumTeaser_var0 .listEntriesPreview .listEntryImage {display:block;-w-aspectratio:1.333;-w-picture-mode:crop} .listPictureAlbumTeaser_var0 .listEntriesPreview .listEntryTitle {display:none} .listPictureAlbumTeaser_var0 .listEntriesPreview .listEntryDescription {display:none} .listPictureAlbumTeaser_var0 .listEntriesPreview .listEntryPosition {display:none} .listPictureAlbumTeaser_var0 .linkGallery {clear:left;float:right;padding:0 10px 10px 10px} /* Imported 2013-01-12 13:46:02 from /esko-wGlobal/wGlobal/layout/styles/import/container.accordion.css */ /*@wCssFragment{class:elementAccordion;variant:0;caption:Eingerahmt}*/ .elementAccordion_var0 {} .elementAccordion_var0 .accordionHeader {border:none;background-color:#d0d0d0;background-image:none;border-radius:0} .elementAccordion_var0 .accordionHeader:hover {background-color:#c0c0c0} .elementAccordion_var0 .accordionContent {border:solid 1px #d0d0d0;padding:10px 10px 10px 10px} .elementAccordion_var0 .accordionOpenerCloser {text-align:right} .elementAccordion_var0 .accordionOpener {} .elementAccordion_var0 .accordionCloser {display:none} /*@wCssFragment{class:elementAccordion;variant:1;caption:Neutral}*/ .elementAccordion_var1 {} .elementAccordion_var1 .accordionHeader {border:none;background-color:#d0d0d0;background-image:none;border-radius:0} .elementAccordion_var1 .accordionHeader:hover {background-color:#c0c0c0} .elementAccordion_var1 .accordionContent {border:none;padding:10px 0 10px 0} .elementAccordion_var1 .accordionOpenerCloser {text-align:right} .elementAccordion_var1 .accordionOpener {} .elementAccordion_var1 .accordionCloser {display:none} /*@wCssFragment{class:elementAccordion;variant:10;caption:Mit Icons;caption-en:With icons}*/ .elementAccordion_var10 {-w-use-lib:wAccordion;-w-editmaskExtended-entryicon:yes} .elementAccordion_var10 .accordionHeader {user-select:none;cursor:pointer;border:none;background-image:none;border-bottom:solid 1px #c0c0c0;border-radius:0;padding:20px 20px 20px 52px;margin:2px 0 0 0;position:relative;background-size:32px;background-repeat:no-repeat;background-position:8px center} .elementAccordion_var10 .accordionHeader:first-child {margin:0} .elementAccordion_var10 .accordionHeader > a {font-weight:normal;font-size:13px;color:#444444;text-decoration:none;padding-right:42px;} .elementAccordion_var10 .accordionHeader:hover {} .elementAccordion_var10 .accordionHeader > .accordionHeaderOpener {display:block;position:absolute;right:4px;top:4px;width:32px;height:32px;} .elementAccordion_var10 .accordionHeaderVisible > .accordionHeaderOpener {} .elementAccordion_var10 .accordionHeaderVisible.accordionHeaderNoneCollapsible > .accordionHeaderOpener {display:none} .elementAccordion_var10 .accordionHeader > .accordionHeaderOpener:before {transition:all 0.3s ease-in-out;content:'';position:absolute;margin:16px 0 0 0;display:block;width:12px;height:2px;background-color:#bbbbbb;transform:rotate(40deg)} .elementAccordion_var10 .accordionHeader > .accordionHeaderOpener:after {transition:all 0.3s ease-in-out;content:'';position:absolute;margin:16px 0 0 8px;display:block;width:12px;height:2px;background-color:#bbbbbb;transform:rotate(-40deg)} .ie8 .elementAccordion_var10 .accordionHeader > .accordionHeaderOpener:after {margin:11px 0 0 5px;width:2px;height:12px;} .elementAccordion_var10 .accordionHeaderVisible > .accordionHeaderOpener:before {transform:rotate(-40deg)} .elementAccordion_var10 .accordionHeaderVisible > .accordionHeaderOpener:after {transform:rotate(40deg)} .elementAccordion_var10 .accordionContent {overflow:hidden;border:none;padding:0 10px} .weditor .elementAccordion_var10 .accordionContent {overflow:visible} .elementAccordion_var10 .accordionContent > *:first-child {margin-top:10px} .elementAccordion_var10 .accordionContent > *:last-child {margin-bottom:10px} .elementAccordion_var10 .accordionOpenerCloser {text-align:right;padding:8px 0 0 0} .elementAccordion_var10 .accordionOpener {text-decoration:none;} .elementAccordion_var10 .accordionCloser {text-decoration:none;display:none} /*@wCssFragment{class:elementAccordion;variant:2;caption:Minimal;caption-en:Minimum}*/ .elementAccordion_var2 {-w-use-lib:wAccordion} .elementAccordion_var2 .accordionHeader {user-select:none;cursor:pointer;border:none;background-image:none;border-bottom:solid 1px #c0c0c0;border-radius:0;padding:10px 10px;margin:2px 0 0 0;position:relative} .elementAccordion_var2 .accordionHeader:first-child {margin:0} .elementAccordion_var2 .accordionHeader > a {font-weight:normal;font-size:13px;color:#444444;text-decoration:none;padding-right:42px;} .elementAccordion_var2 .accordionHeader:hover {} .elementAccordion_var2 .accordionHeader > .accordionHeaderOpener {display:block;position:absolute;right:4px;top:4px;width:32px;height:32px;} .elementAccordion_var2 .accordionHeaderVisible > .accordionHeaderOpener {} .elementAccordion_var2 .accordionHeaderVisible.accordionHeaderNoneCollapsible > .accordionHeaderOpener {display:none} .elementAccordion_var2 .accordionHeader > .accordionHeaderOpener:before {transition:all 0.3s ease-in-out;content:'';position:absolute;margin:16px 0 0 0;display:block;width:12px;height:2px;background-color:#bbbbbb;transform:rotate(40deg)} .elementAccordion_var2 .accordionHeader > .accordionHeaderOpener:after {transition:all 0.3s ease-in-out;content:'';position:absolute;margin:16px 0 0 8px;display:block;width:12px;height:2px;background-color:#bbbbbb;transform:rotate(-40deg)} .ie8 .elementAccordion_var2 .accordionHeader > .accordionHeaderOpener:after {margin:11px 0 0 5px;width:2px;height:12px;} .elementAccordion_var2 .accordionHeaderVisible > .accordionHeaderOpener:before {transform:rotate(-40deg)} .elementAccordion_var2 .accordionHeaderVisible > .accordionHeaderOpener:after {transform:rotate(40deg)} .elementAccordion_var2 .accordionContent {overflow:hidden;border:none 1px $borderColorLines;padding:0} .weditor .elementAccordion_var2 .accordionContent {overflow:visible} .elementAccordion_var2 .accordionContent > *:first-child {margin-top:10px} .elementAccordion_var2 .accordionContent > *:last-child {margin-bottom:10px} .elementAccordion_var2 .accordionOpenerCloser {text-align:right;padding:8px 0 0 0} .elementAccordion_var2 .accordionOpener {text-decoration:none;} .elementAccordion_var2 .accordionCloser {text-decoration:none;display:none} /*@wCssFragment{class:elementAccordion;variant:3;caption:Eingerückt;caption-en:Indented}*/ .elementAccordion_var3 {-w-use-lib:wAccordion} .elementAccordion_var3 .accordionHeader {user-select:none;cursor:pointer;border:none;background-image:none;border-bottom:solid 1px #c0c0c0;border-radius:0;padding:10px 10px 10px 0;margin:2px 0 0 0;position:relative} .elementAccordion_var3 .accordionHeader:first-child {margin:0} .elementAccordion_var3 .accordionHeader > a {padding-left:36px;font-weight:normal;font-size:13px;color:#444444;text-decoration:none;padding-right:42px;} .elementAccordion_var3 .accordionHeader:hover {} .elementAccordion_var3 .accordionHeader > .accordionHeaderOpener {display:block;position:absolute;left:0;top:8px;width:24px;height:24px;background-color:#c0c0c0} .elementAccordion_var3 .accordionHeaderVisible > .accordionHeaderOpener {} .elementAccordion_var3 .accordionHeaderVisible.accordionHeaderNoneCollapsible > .accordionHeaderOpener {display:none} .elementAccordion_var3 .accordionHeader > .accordionHeaderOpener:before {content:'';position:absolute;margin:11px 0 0 6px;display:block;width:12px;height:2px;background-color:#ffffff;transition:all 0.3s ease-in-out;} .elementAccordion_var3 .accordionHeader > .accordionHeaderOpener:after {content:'';position:absolute;margin:6px 0 0 11px;display:block;width:2px;height:12px;background-color:#ffffff;transition:all 0.3s ease-in-out;} .elementAccordion_var3 .accordionHeaderVisible > .accordionHeaderOpener:before {transform:rotate(45deg)} .elementAccordion_var3 .accordionHeaderVisible > .accordionHeaderOpener:after {transform:rotate(45deg)} .elementAccordion_var3 .accordionContent {overflow:hidden;border:none;padding:0 10px 0 36px} .weditor .elementAccordion_var3 .accordionContent {overflow:visible} .elementAccordion_var3 .accordionContent > *:first-child {margin-top:10px} .elementAccordion_var3 .accordionContent > *:last-child {margin-bottom:10px} .elementAccordion_var3 .accordionOpenerCloser {text-align:right;padding:8px 0 0 0} .elementAccordion_var3 .accordionOpener {text-decoration:none;} .elementAccordion_var3 .accordionCloser {text-decoration:none;display:none} /* Navigation links */ /* Navigationspunkte des ersten Levels */ /* Navigationspunkte des zweiten Levels */ /* Navigationspunkte des dritten Levels */ /* Navigationspunkte des vierten Levels */ /* Navigation links */ /* Gestaltung der linken Navigation */ /* Navigationspunkte des ersten Levels */ /* Container der Navigationspunkte des zweiten Levels */ /* Navigationspunkte des zweiten Levels */ /* Container der Navigationspunkte des zweiten Levels */ /* Container der Navigationspunkte des dritten Levels */ /* Hauptnavigation oben */ /* Container der Navigationspunkte des oberen zweiten Levels */ /* Container der Navigationspunkte des oberen zweiten Levels */ /* Container der Navigationspunkte oberen dritten Levels */ /* Unternavigation */ /* Hauptnavigation oben */ /* Container der Navigationspunkte des oberen zweiten Levels */ /* Container der Navigationspunkte des oberen zweiten Levels */ /* Container der Navigationspunkte oberen dritten Levels */ /* Unternavigation */ /* Hauptnavigation oben */ /* Container der Navigationspunkte des oberen zweiten Levels */ /* Container der Navigationspunkte des oberen zweiten Levels */ /* Container der Navigationspunkte oberen dritten Levels */ /* Unternavigation */ /* Navigation links */ /* Gestaltung der linken Navigation */ /* Navigationspunkte des ersten Levels */ /* Container der Navigationspunkte des zweiten Levels */ /* Navigationspunkte des zweiten Levels */ /* Container der Navigationspunkte des zweiten Levels */ /* Container der Navigationspunkte des dritten Levels */ /* Hauptnavigation oben */ /* Container der Navigationspunkte des oberen zweiten Levels */ /* Container der Navigationspunkte des oberen zweiten Levels */ /* Container der Navigationspunkte oberen dritten Levels */ /* Unternavigation */ /* Imported 2013-01-13 00:57:53 from /esko-wGlobal/wGlobal/layout/styles/import/bannerSlider.standard.css */ /*@wCssFragment{class:listBannerSlider;variant:0;caption:Bild Hintergrund, Navigation unten rechts mit Position}*/ .listBannerSlider_var0 {position:relative} .listBannerSlider_var0 .listMoverBack {display:none;cursor:pointer;position:absolute;left:0;top:50%;margin-top:-15px;width:30px;height:30px;z-index:2;background-color:#ffffff;background-image:url(/esko-wGlobal/wGlobal/layout/images/links/back.gif);background-repeat:no-repeat;background-position:center} .listBannerSlider_var0 .listMoverForward {display:none;cursor:pointer;position:absolute;right:0;top:50%;margin-top:-15px;width:30px;height:30px;z-index:2;background-color:#ffffff;background-image:url(/esko-wGlobal/wGlobal/layout/images/links/next.gif);background-repeat:no-repeat;background-position:center} .listBannerSlider_var0 .listMoverForward:hover {background-color:#f0f0f0} .listBannerSlider_var0 .listEntries {width:100%;position:relative;overflow:hidden;margin:0;} .listBannerSlider_var0 .listEntries .listEntriesInner {} .listBannerSlider_var0 .listEntries .listEntry {display:none;overflow:hidden;position:relative} .listBannerSlider_var0 .listEntries .listEntrySelected {display:block} .listBannerSlider_var0 .listEntries .listEntryButtons {position:absolute;top:2px;right:0} .listBannerSlider_var0 .listEntries .listEntry a {text-decoration:none} .listBannerSlider_var0 .listEntries .listEntryImage {display:block;width:100%} .listBannerSlider_var0 .listEntries .listEntryInfoLayer {position:absolute;overflow:hidden;bottom:0;left:0;height:auto;width:100%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#88FFFFFF,endColorstr=#88FFFFFF);background-color:rgba(255, 255, 255, 0.5)} .listBannerSlider_var0 .listEntries .listEntryInfoLayer:not([tmp]) {filter:progid:DXImageTransform.Microsoft.gradient(enabled='false')/*IE9:to ignore filter*/} .listBannerSlider_var0 .listEntries .listEntryTitle {padding:10px 0 0 10px;font-size:19px;line-height:22px;} .listBannerSlider_var0 .listEntries .listEntryDescription {padding:10px 160px 10px 10px} .listBannerSlider_var0 .listEntriesPreview {position:absolute;z-index:2;bottom:4px;right:0} .listBannerSlider_var0 .listEntriesPreviewInner {text-align:right} .listBannerSlider_var0 .listEntriesPreview .listEntry {display:inline-block;zoom:1;*display:inline;cursor:pointer;padding:4px 8px 4px 8px;margin-right:4px;border:solid 1px #ffffff;background-color:#b0b0b0;color:#ffffff} .listBannerSlider_var0 .listEntriesPreview .listEntrySelected {background-color:#ffffff;color:#000000;border-color:#c0c0c0} .listBannerSlider_var0 .listEntriesPreview .listEntryProgress {} .listBannerSlider_var0 .listEntriesPreview .listEntry:hover {background-color:#f0f0f0;color:#000000;border-color:#c0c0c0} .listBannerSlider_var0 .listEntriesPreview .listEntryInner {} .listBannerSlider_var0 .listEntriesPreview .listEntry a {} .listBannerSlider_var0 .listEntriesPreview .listEntryImage {width:48px;height:32px;display:none} .listBannerSlider_var0 .listEntriesPreview .listEntryTitle {display:none} .listBannerSlider_var0 .listEntriesPreview .listEntryDescription {display:none} .listBannerSlider_var0 .listEntriesPreview .listEntryPosition {display:inline} /*@wCssFragment{class:listBannerSlider;variant:1;caption:Bild Hintergrund, vor zurück, Teaser darunter}*/ .listBannerSlider_var1 {position:relative} .listBannerSlider_var1 .listMoverBack {cursor:pointer;position:absolute;left:0;bottom:14px;width:30px;height:30px;z-index:2;background-color:#ffffff;background-image:url(/esko-wGlobal/wGlobal/layout/images/links/back.gif);background-repeat:no-repeat;background-position:center} .listBannerSlider_var1 .listMoverForward {cursor:pointer;position:absolute;right:0;bottom:14px;width:30px;height:30px;z-index:2;background-color:#ffffff;background-image:url(/esko-wGlobal/wGlobal/layout/images/links/next.gif);background-repeat:no-repeat;background-position:center} .listBannerSlider_var1 .listMoverForward:hover {background-color:#f0f0f0} .listBannerSlider_var1 .listEntries {width:100%;position:relative;overflow:hidden;margin:0 0 4px 0;} .listBannerSlider_var1 .listEntries .listEntriesInner {} .listBannerSlider_var1 .listEntries .listEntry {display:none;position:relative;overflow:hidden} .listBannerSlider_var1 .listEntries .listEntrySelected {display:block} .listBannerSlider_var1 .listEntries .listEntry a {text-decoration:none} .listBannerSlider_var1 .listEntries .listEntryButtons {position:absolute;top:2px;right:0} .listBannerSlider_var1 .listEntries .listEntryImage {display:block;width:100%} .listBannerSlider_var1 .listEntries .listEntryTitle {position:absolute;top:10px;left:10px;font-size:19px;line-height:22px;} .listBannerSlider_var1 .listEntries .listEntryDescription {position:absolute;top:40px;left:10px;} .listBannerSlider_var1 .listEntriesPreview {position:relative;overflow:hidden} .listBannerSlider_var1 .listEntriesPreviewInner {text-align:center} .listBannerSlider_var1 .listEntriesPreview .listEntry {display:inline-block;zoom:1;*display:inline;cursor:pointer;padding:4px;border:solid 1px #c0c0c0;margin-right:4px;background-color:#ffffff} .listBannerSlider_var1 .listEntriesPreview .listEntrySelected {background-color:#e0e0e0} .listBannerSlider_var1 .listEntriesPreview .listEntryProgress {} .listBannerSlider_var1 .listEntriesPreview .listEntry:hover {background-color:#e0e0e0} .listBannerSlider_var1 .listEntriesPreview .listEntryInner {} .listBannerSlider_var1 .listEntriesPreview .listEntry a {text-decoration:none} .listBannerSlider_var1 .listEntriesPreview .listEntryImage {width:64px;height:48px;display:block} .listBannerSlider_var1 .listEntriesPreview .listEntryTitle {display:none} .listBannerSlider_var1 .listEntriesPreview .listEntryDescription {display:none} .listBannerSlider_var1 .listEntriesPreview .listEntryPosition {display:none} /*@wCssFragment{class:listBannerSlider;variant:2;caption:Bild Hintergrund, Teaser unten innen}*/ .listBannerSlider_var2 {position:relative} .listBannerSlider_var2 .listMoverBack {display:none;cursor:pointer;position:absolute;left:0;bottom:14px;width:30px;height:30px;z-index:2;background-color:#ffffff;background-image:url(/esko-wGlobal/wGlobal/layout/images/links/back.gif);background-repeat:no-repeat;background-position:center} .listBannerSlider_var2 .listMoverForward {display:none;cursor:pointer;position:absolute;right:0;bottom:14px;width:30px;height:30px;z-index:2;background-color:#ffffff;background-image:url(/esko-wGlobal/wGlobal/layout/images/links/next.gif);background-repeat:no-repeat;background-position:center} .listBannerSlider_var2 .listMoverForward:hover {background-color:#f0f0f0} .listBannerSlider_var2 .listEntries {width:100%;position:relative;overflow:hidden;margin:0 0 4px 0;} .listBannerSlider_var2 .listEntries .listEntriesInner {} .listBannerSlider_var2 .listEntries .listEntry {display:none;overflow:hidden} .listBannerSlider_var2 .listEntries .listEntrySelected {display:block} .listBannerSlider_var2 .listEntries .listEntryButtons {position:absolute;top:2px;right:0} .listBannerSlider_var2 .listEntries .listEntry a {text-decoration:none} .listBannerSlider_var2 .listEntries .listEntryImage {display:block;width:100%} .listBannerSlider_var2 .listEntries .listEntryTitle {position:absolute;top:10px;left:10px;font-size:19px;line-height:22px;} .listBannerSlider_var2 .listEntries .listEntryDescription {position:absolute;top:40px;left:10px;} .listBannerSlider_var2 .listEntriesPreview {position:absolute;z-index:2;width:100%;margin:-60px 0 0 4px} .listBannerSlider_var2 .listEntriesPreviewInner {position:relative;text-align:center} .listBannerSlider_var2 .listEntriesPreview .listEntry {display:inline-block;zoom:1;*display:inline;cursor:pointer;padding:4px;border:solid 1px #c0c0c0;margin-right:4px;background-color:#ffffff} .listBannerSlider_var2 .listEntriesPreview .listEntrySelected {background-color:#e0e0e0} .listBannerSlider_var2 .listEntriesPreview .listEntryProgress {} .listBannerSlider_var2 .listEntriesPreview .listEntry:hover {background-color:#e0e0e0} .listBannerSlider_var2 .listEntriesPreview .listEntryInner {} .listBannerSlider_var2 .listEntriesPreview .listEntry a {text-decoration:none} .listBannerSlider_var2 .listEntriesPreview .listEntryImage {width:48px;height:32px;display:block} .listBannerSlider_var2 .listEntriesPreview .listEntryTitle {display:none} .listBannerSlider_var2 .listEntriesPreview .listEntryDescription {display:none} .listBannerSlider_var2 .listEntriesPreview .listEntryPosition {display:none} /*@wCssFragment{class:listBannerSlider;variant:3;caption:Bild klein mit Text, Teaser darunter}*/ .listBannerSlider_var3 {position:relative} .listBannerSlider_var3 .listMoverBack {display:none;cursor:pointer;position:absolute;left:0;top:240px;width:30px;height:30px;z-index:2;background-color:#ffffff;background-image:url(/esko-wGlobal/wGlobal/layout/images/links/back.gif);background-repeat:no-repeat;background-position:center} .listBannerSlider_var3 .listMoverForward {display:none;cursor:pointer;position:absolute;right:0;top:240px;width:30px;height:30px;z-index:2;background-color:#ffffff;background-image:url(/esko-wGlobal/wGlobal/layout/images/links/next.gif);background-repeat:no-repeat;background-position:center} .listBannerSlider_var3 .listMoverForward:hover {background-color:#f0f0f0} .listBannerSlider_var3 .listEntries {position:relative;overflow:hidden;margin:0 0 4px 0} .listBannerSlider_var3 .listEntries .listEntriesInner {} .listBannerSlider_var3 .listEntries .listEntry {display:none;overflow:hidden} .listBannerSlider_var3 .listEntries .listEntrySelected {display:block} .listBannerSlider_var3 .listEntries .listEntryButtons {position:absolute;top:2px;right:0} .listBannerSlider_var3 .listEntries .listEntry a {text-decoration:none} .listBannerSlider_var3 .listEntries .listEntryImage {float:left;width:240px;height:160px;margin:0 10px 0 0} .listBannerSlider_var3 .listEntries .listEntryTitle {padding:0 0 0 10px;font-size:19px;line-height:22px;} .listBannerSlider_var3 .listEntries .listEntryDescription {padding:10px} .listBannerSlider_var3 .listEntriesPreview {overflow:hidden} .listBannerSlider_var3 .listEntriesPreview .listEntry {cursor:pointer;float:left;padding:4px;border:solid 1px #c0c0c0;margin-right:4px} .listBannerSlider_var3 .listEntriesPreview .listEntrySelected {background-color:#e0e0e0} .listBannerSlider_var3 .listEntriesPreview .listEntryProgress {} .listBannerSlider_var3 .listEntriesPreview .listEntry:hover {background-color:#e0e0e0} .listBannerSlider_var3 .listEntriesPreview .listEntryInner {} .listBannerSlider_var3 .listEntriesPreview .listEntry a {text-decoration:none} .listBannerSlider_var3 .listEntriesPreview .listEntryImage {width:48px;height:32px;display:block} .listBannerSlider_var3 .listEntriesPreview .listEntryTitle {display:none} .listBannerSlider_var3 .listEntriesPreview .listEntryDescription {display:none} .listBannerSlider_var3 .listEntriesPreview .listEntryPosition {display:none} /* Imported 2013-01-14 18:29:54 from /esko-wGlobal/wGlobal/layout/styles/import/container.link.css */ /*@wCssFragment{class:elementContainerLink;variant:0;caption:Neutral}*/ .elementContainerLink_var0 {cursor:pointer} .elementContainerLink_var0:hover {} /*@wCssFragment{class:elementContainerLink;variant:1;caption:Effekt}*/ .elementContainerLink_var1 {cursor:pointer} .elementContainerLink_var1:hover {box-shadow:4px 6px 12px -1px rgba(0, 0, 0, 0.5)} /* Imported 2013-01-22 18:24:46 from /esko-wGlobal/wGlobal/layout/styles/import/container.tabs.css */ /*@wCssFragment{class:elementTabContainer;variant:0;caption:Eingerahmt}*/ .elementTabContainer_var0 {} .elementTabContainer_var0 .tabs {width:100%;overflow:hidden;margin:0 0 -1px 0;padding:0 0 1px 0;border-left:solid 1px #d0d0d0} .elementTabContainer_var0 .tab {float:left;cursor:pointer;list-style:none;line-height:23px;margin:0 0 -1px 0;padding:0 10px 0 10px;background-color:#f0f0f0;border:solid 1px #d0d0d0;border-bottom-color:#d0d0d0;border-left:none} .elementTabContainer_var0 .tab:hover {background-color:#ffffff} .elementTabContainer_var0 .tabSelected {float:left;cursor:pointer;list-style:none;line-height:23px;margin:0 0 -1px 0;padding:0 10px 0 10px;background-color:#ffffff;border:solid 1px #d0d0d0;border-bottom-color:#ffffff;border-left:none} .elementTabContainer_var0 .tab a {text-decoration:none;white-space:nowrap} .elementTabContainer_var0 .tabSelected a {text-decoration:none;white-space:nowrap} .elementTabContainer_var0 .containers {clear:left;padding:10px 10px 0 10px;border:solid 1px #d0d0d0} .elementTabContainer_var0 .container {} .elementTabContainer_var0 .containerSelected {display:block} .elementTabContainer_var0 .containerInvisible {display:none} /*@wCssFragment{class:elementTabContainer;variant:1;caption:Neutral}*/ .elementTabContainer_var1 {} .elementTabContainer_var1 .tabs {width:100%;overflow:hidden;margin:0 0 -1px 0;padding:0 0 1px 0;border-left:solid 1px #d0d0d0} .elementTabContainer_var1 .tab {float:left;cursor:pointer;list-style:none;line-height:23px;margin:0 0 -1px 0;padding:0 10px 0 10px;background-color:#f0f0f0;border:solid 1px #d0d0d0;border-bottom-color:#d0d0d0;border-left:none} .elementTabContainer_var1 .tab:hover {background-color:#ffffff} .elementTabContainer_var1 .tabSelected {float:left;cursor:pointer;list-style:none;line-height:23px;margin:0 0 -1px 0;padding:0 10px 0 10px;background-color:#ffffff;border:solid 1px #d0d0d0;border-bottom-color:#ffffff;border-left:none} .elementTabContainer_var1 .tab a {text-decoration:none;white-space:nowrap} .elementTabContainer_var1 .tabSelected a {text-decoration:none;white-space:nowrap} .elementTabContainer_var1 .containers {clear:left;padding:10px 0 0 0;border:none;border-top:solid 1px #d0d0d0} .elementTabContainer_var1 .container {} .elementTabContainer_var1 .containerSelected {display:block} .elementTabContainer_var1 .containerInvisible {display:none} /*@wCssFragment{class:elementTabContainer;variant:2;caption:Schaltflächen}*/ .elementTabContainer_var2 {} .elementTabContainer_var2 .tabs {width:100%;overflow:hidden;margin:0 0 -1px 0;padding:0 0 1px 0} .elementTabContainer_var2 .tab {float:left;cursor:pointer;list-style:none;line-height:23px;margin:0 4px 4px 0;padding:0 10px 0 10px;background-color:#f0f0f0;border:solid 1px #a0a0a0} .elementTabContainer_var2 .tab:hover {background-color:#ffffff} .elementTabContainer_var2 .tabSelected {float:left;cursor:pointer;list-style:none;line-height:23px;margin:0 4px 4px 0;padding:0 10px 0 10px;background-color:#ffffff;border:solid 1px #a0a0a0} .elementTabContainer_var2 .tab a {text-decoration:none;white-space:nowrap} .elementTabContainer_var2 .tabSelected a {text-decoration:none;white-space:nowrap} .elementTabContainer_var2 .containers {clear:left;padding:10px 0 0 0;} .elementTabContainer_var2 .container {} .elementTabContainer_var2 .containerSelected {display:block} .elementTabContainer_var2 .containerInvisible {display:none} /*@wCssFragment{class:elementTabContainer;variant:4;caption:Volle Breite eingerahmt;caption-en:Full width framed}*/ .elementTabContainer_var4 {} .elementTabContainer_var4 .tabs {-w-add-classes:wglAdjustWidthEqual;overflow:hidden;margin:0 0 -1px 0;padding:0 0 1px 0;border-left:solid 1px $borderColorLines} .elementTabContainer_var4 .tabs > .tab {float:left;box-sizing:border-box;cursor:pointer;list-style:none;line-height:36px;margin:0 0 -1px 0;padding:0 10px 0 10px;background-color:#f0f0f0;border:solid 1px $borderColorLines;border-bottom-color:$borderColorLines;border-left:none} .elementTabContainer_var4 .tabs > .tab:hover {background-color:#ffffff} .elementTabContainer_var4 .tabs > .tabSelected {float:left;box-sizing:border-box;cursor:pointer;list-style:none;line-height:36px;margin:0 0 -1px 0;padding:0 10px 0 10px;background-color:#ffffff;border:solid 1px $borderColorLines;border-bottom-color:#ffffff;border-left:none} .elementTabContainer_var4 .tabs > .tabAnchor {display:none} .elementTabContainer_var4 .tabs > .tab a {text-decoration:none;white-space:nowrap} .elementTabContainer_var4 .tabs > .tabSelected a {text-decoration:none;white-space:nowrap} .elementTabContainer_var4 .containers {clear:left;box-sizing:border-box;position:relative;width:100%;padding:10px 10px 0 10px;border:solid 1px $borderColorLines;border-top:none} .elementTabContainer_var4 .containers > .containerSelected {display:block;margin-bottom:10px} .elementTabContainer_var4 .containers > .containerSelected > *:last-child {margin-bottom:0} .elementTabContainer_var4 .containers > .containerInvisible {display:none} /*@wCssFragment{class:elementTabContainer;variant:41;caption:Register links mit Titel;caption-en:Tabs on the left hand side with title}*/ .elementTabContainer_var41 {border:solid 1px $borderColorLines;position:relative;height:auto;-w-editmaskExtended-title:yes;-w-jquery:jQuery(this).prepend('
' + jQuery(this).data('title') + '
')} .elementTabContainer_var41:after {display:block;overflow:hidden;visibility:hidden;clear:both;content:".";height:0} .no-weditor .elementTabContainer_var41 {overflow:hidden} .elementTabContainer_var41 .containerTitle {padding:4px 10px;color:#ffffff;background-color:#d0d0d0;border-bottom:solid 1px $borderColorLines} .elementTabContainer_var41 .tabs {position:absolute;width:50%;height:100%;left:0;overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;margin:0;padding:0;border-right:solid 1px $borderColorLines;-w-jquery:jQuery(this).closest('.elementTabContainer').css('min-height', jQuery(this).closest('.elementTabContainer').innerHeight());} .elementTabContainer_var41 .tabs > .tab {width:100%;box-sizing:border-box;-moz-box-sizing:border-box;cursor:pointer;list-style:none;margin:0 -1px 0 0;padding:10px 10px;background-color:#ffffff;border-bottom:solid 1px $borderColorLines} .elementTabContainer_var41 .tabs > .tab:hover {background-color:#f9f9f9} .elementTabContainer_var41 .tabs > .tabSelected {width:100%;box-sizing:border-box;-moz-box-sizing:border-box;cursor:pointer;list-style:none;margin:0 -1px 0 0;padding:10px 10px;background-color:#f0f0f0;border-bottom:solid 1px $borderColorLines;border-right:none} .elementTabContainer_var41 .tabs > .tab a {text-decoration:none;white-space:nowrap} .elementTabContainer_var41 .tabSelected a {text-decoration:none;white-space:nowrap} .elementTabContainer_var41 .containers {width:50%;height:100%;float:right;box-sizing:border-box;-moz-box-sizing:border-box;padding:10px 10px 0 10px;} .elementTabContainer_var41 .containers > .containerSelected {display:block;margin-bottom:10px} .elementTabContainer_var41 .containers > .containerSelected > *:last-child {margin-bottom:0} .elementTabContainer_var41 .containers > .containerInvisible {display:none} /*@wCssFragment{class:elementTabContainer;variant:40;caption:Register links;caption-en:Tabs on the left hand side}*/ .elementTabContainer_var40 {border:solid 1px $borderColorLines;position:relative;height:auto;-w-editmaskExtended-title:no} .elementTabContainer_var40:after {display:block;overflow:hidden;visibility:hidden;clear:both;content:".";height:0} .no-weditor .elementTabContainer_var40 {overflow:hidden} .elementTabContainer_var40 .tabs {position:absolute;width:50%;height:100%;left:0;overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;margin:0;padding:0;border-right:solid 1px $borderColorLines;-w-jquery:jQuery(this).closest('.elementTabContainer').css('min-height', jQuery(this).closest('.elementTabContainer').innerHeight());} .elementTabContainer_var40 .tabs > .tab {width:100%;box-sizing:border-box;-moz-box-sizing:border-box;cursor:pointer;list-style:none;margin:0 -1px 0 0;padding:10px 10px;background-color:#ffffff;border-bottom:solid 1px $borderColorLines} .elementTabContainer_var40 .tabs > .tab:hover {background-color:#f9f9f9} .elementTabContainer_var40 .tabs > .tabSelected {width:100%;box-sizing:border-box;-moz-box-sizing:border-box;cursor:pointer;list-style:none;margin:0 -1px 0 0;padding:10px 10px;background-color:#f0f0f0;border-bottom:solid 1px $borderColorLines;border-right:none} .elementTabContainer_var40 .tabs > .tab a {text-decoration:none;white-space:nowrap} .elementTabContainer_var40 .tabSelected a {text-decoration:none;white-space:nowrap} .elementTabContainer_var40 .containers {width:50%;height:100%;float:right;box-sizing:border-box;-moz-box-sizing:border-box;padding:10px 10px 0 10px;} .elementTabContainer_var40 .containers > .containerSelected {display:block;margin-bottom:10px} .elementTabContainer_var40 .containers > .containerSelected > *:last-child {margin-bottom:0} .elementTabContainer_var40 .containers > .containerInvisible {display:none} /* Imported 2013-01-24 10:36:15 from /esko-wGlobal/wGlobal/layout/styles/import/overlap.css */ /*@wCssFragment{class:elementOverlap;variant:0;caption:Von unten überlappen}*/ .elementOverlap_var0 {position:relative} .elementOverlap_var0:hover .overlapLayer {height:80px} .elementOverlap_var0 .overlapActivator {} .elementOverlap_var0 .overlapLayer {position:absolute;transition:all 0.5s ease-in-out;overflow:hidden;height:0;bottom:0;width:100%;background-color:rgba(255, 255, 255, 0.8)} .elementOverlap_var0 .overlapLayerInner {padding:10px} /*@wCssFragment{class:elementOverlap;variant:1;caption:Von oben überlappen}*/ .elementOverlap_var1 {position:relative} .elementOverlap_var1:hover .overlapLayer {height:80px} .elementOverlap_var1 .overlapActivator {} .elementOverlap_var1 .overlapLayer {position:absolute;transition:all 0.5s ease-in-out;overflow:hidden;height:0;top:0;width:100%;background-color:rgba(255, 255, 255, 0.8)} .elementOverlap_var1 .overlapLayerInner {padding:10px} /*@wCssFragment{class:elementOverlap;variant:2;caption:Nach rechts ausfahren}*/ .elementOverlap_var2 {position:relative} .elementOverlap_var2:hover .overlapLayer {width:240px;height:100%;} .elementOverlap_var2 .overlapActivator {} .elementOverlap_var2 .overlapLayer {position:absolute;transition:all 0.5s ease-in-out;overflow:hidden;top:0;left:100%;height:100%;width:0;box-shadow:6px 0 12px -1px rgba(0, 0, 0, 0.5)} .elementOverlap_var2 .overlapLayerInner {box-sizing:border-box;background-color:#f0f0f0;padding:10px;border:solid 1px #e0e0e0;height:100%;} /* Imported 2013-01-24 10:53:02 from /esko-wGlobal/wGlobal/layout/styles/import/ticker.standard.css */ .listTicker {position:relative;height:21px;overflow:hidden} .listTickerInner {position:absolute;white-space:nowrap;overflow:hidden} .listTickerInner a {} /* Imported 2013-08-02 12:01:15 from /esko-wGlobal/wGlobal/layout/styles/import/gallery.standard.css */ .listPictureGallery_var0 .pageNaviList {margin-top:8px} .listPictureGallery_var1 .pageNaviList {margin-top:8px} .listPictureGallery_var2 a {text-decoration:none;display:inline-block;vertical-align:top;} .listPictureGallery_var2 .pageNaviList {margin-top:8px} .listPictureGallery_var3 .pageNaviList {margin-top:8px} .listPictureGallery_var4 .pageNaviList {margin-top:8px} /* Imported 2013-08-02 12:02:35 from /esko-wGlobal/wGlobal/layout/styles/import/overlap.css */ /*@wCssFragment{class:elementOverlap;variant:3;caption:Als Sprechblase derüber anzeigen;caption-en:Speech bubble}*/ .elementOverlap_var3 {position:relative} .elementOverlap_var3:hover .overlapLayer {visibility:visible;opacity:1} .elementOverlap_var3 .overlapActivator {} .elementOverlap_var3 .overlapLayer {visibility:hidden;position:absolute;z-index:10;transition:opacity 0.5s ease-in-out;margin-bottom:30px;bottom:100%;width:100%;opacity:0;box-shadow:0 0 12px -1px rgba(0, 0, 0, 0.5)} .elementOverlap_var3 .overlapLayerInner {box-sizing:border-box;background-color:#f0f0f0;padding:10px;border:solid 1px #e0e0e0;height:100%;} .elementOverlap_var3 .overlapLayer:after {content:"";position:absolute;margin:-1px 0 0 15px;border-width:19px 19px 0 19px;border-style:solid;border-color:#e0e0e0 transparent;} .elementOverlap_var3 .overlapLayer:before {content:"";position:absolute;margin:15px 0 0 14px;bottom:-20px;border-width:20px 20px 0 20px;border-style:solid;border-color:#e0e0e0 transparent;} /* Imported 2013-08-02 12:05:30 from /esko-wGlobal/wGlobal/layout/styles/import/bannerSlider.standard.css */ /*@wCssFragment{class:objectSlide;variant:0;caption:Standard;caption-en:Default}*/ .objectSlide_var0 {} html.touch .listBannerSlider_var1 .listEntriesPreview .listEntry:hover {background-color:transparent} /*@wCssFragment{class:listBannerSlider;variant:6;caption:Hintergrundbild, vor zurück, Navigation unten mit Position;caption-en:Background image with previous next navigation and current position}*/ .listBannerSlider_var6 {position:relative;-w-editmaskExtended-fadetime:yes;-w-editmaskExtended-initdelay:yes;-w-editmaskExtended-animation:yes;-w-editmaskExtended-pictureaspectratio:yes} .listBannerSlider_var6 .listMoverBack {cursor:pointer;position:absolute;left:0;bottom:0px;width:4%;margin-right:0;height:100%;z-index:2} .listBannerSlider_var6 .listMoverForward {cursor:pointer;position:absolute;right:0;bottom:0px;width:4%;margin-left:0;height:100%;z-index:2} .listBannerSlider_var6 .listMoverBackInner {position:absolute;background-color:#ffffff;opacity:0.8;top:50%;left:0;margin-top:-100%;height:15%;width:100%;min-width:32px;border-radius:0 10% 10% 0;background-image:url($wGlobalProjectPath/wGlobal/layout/images/icons/arrow-w-1-64.png);background-repeat:no-repeat;background-position:center;background-size:70%;transition:all 0.2s linear} .listBannerSlider_var6 .listMoverForwardInner {position:absolute;background-color:#ffffff;opacity:0.8;top:50%;right:0;margin-top:-100%;height:15%;width:100%;min-width:32px;border-radius:10% 0 0 10%;background-image:url($wGlobalProjectPath/wGlobal/layout/images/icons/arrow-e-1-64.png);background-repeat:no-repeat;background-position:center;background-size:70%;transition:all 0.2s linear} .listBannerSlider_var6 .listMoverBack:hover .listMoverBackInner, .listBannerSlider_var6 .listMoverForward:hover .listMoverForwardInner {background-size:90%} .listBannerSlider_var6 .listEntries {width:100%;position:relative;overflow:hidden;margin:0 0 4px 0;} .listBannerSlider_var6 .listEntries .listEntriesInner {} .listBannerSlider_var6 .listEntries .listEntry {-w-prevent-events-ontouch:yes;display:none;overflow:hidden} .listBannerSlider_var6 .listEntries .listEntrySelected {display:block} .listBannerSlider_var6 .listEntries .listEntryButtons {position:absolute;top:2px;right:0} .listBannerSlider_var6 .listEntries .listEntry a {text-decoration:none} .listBannerSlider_var6 .listEntries .listEntryImage {display:block;-w-aspectratio:;-w-picture-mode:crop;width:100%;height:auto} .listBannerSlider_var6 .listEntries .listEntryInfoLayer {position:absolute;top:10%;left:5%;width:80%;height:70%} .listBannerSlider_var6 .listEntries .listEntryTitle {display:table;margin:0;font-size:19px;padding:5px 10px;background-color:#ffffff;background-color:rgba(255, 255, 255, 0.9)} .listBannerSlider_var6 .listEntries .listEntryDescription {display:table;margin:10px 0 0 0;font-size:13px;padding:5px 10px;background-color:#ffffff;background-color:rgba(255, 255, 255, 0.9)} .listBannerSlider_var6 .listEntries .listEntryLink {display:table;margin:10px 0 0 0;padding:10px 15px;color:$fontColorButtons;background-color:$backgroundColorButtons;border-radius:5px;} .listBannerSlider_var6 .listEntries .listEntryObject-slide_var1 .listEntryInfoLayer {left:auto;right:5%} .listBannerSlider_var6 .listEntries .listEntryObject-slide_var1 .listEntryTitle {float:right} .listBannerSlider_var6 .listEntries .listEntryObject-slide_var1 .listEntryDescription {float:right;clear:right} .listBannerSlider_var6 .listEntries .listEntryObject-slide_var1 .listEntryLink {float:right;clear:right} .listBannerSlider_var6 .listEntriesPreview {position:relative;overflow:hidden;margin:-36px 0 4px 4px} .listBannerSlider_var6 .listEntriesPreviewInner {text-align:center} .listBannerSlider_var6 .listEntriesPreview .listEntry {display:inline-block;border-radius:5px;cursor:pointer;width:20px;margin:0 0 0 4px;height:20px;line-height:20px;text-align:center;border:solid 1px #888888;background-color:#888888;color:#ffffff} .listBannerSlider_var6 .listEntriesPreview .listEntry:first-child:last-child {display:none} .listBannerSlider_var6 .listEntriesPreview .listEntrySelected {background-color:#ffffff;color:#888888;border-color:#888888} .listBannerSlider_var6 .listEntriesPreview .listEntryProgress {} .listBannerSlider_var6 .listEntriesPreview .listEntry:hover {background-color:#ffffff;color:#888888;border-color:#888888} .listBannerSlider_var6 .listEntriesPreview .listEntryInner {} .listBannerSlider_var6 .listEntriesPreview .listEntry a {} .listBannerSlider_var6 .listEntriesPreview .listEntryImage {width:48px;height:32px;display:none;-w-picture-mode:crop} .listBannerSlider_var6 .listEntriesPreview .listEntryTitle {display:none} .listBannerSlider_var6 .listEntriesPreview .listEntryDescription {display:none} .listBannerSlider_var6 .listEntriesPreview .listEntryPosition {display:inline} /* Imported 2013-08-02 12:39:53 from /esko-wGlobal/wGlobal/layout/styles/import/headline.text.css */ /*@wCssFragment{class:elementHeadline;variant:0;caption:Standardüberschrift;caption-en:Default}*/ .elementHeadline_var0 {} /*@wCssFragment{class:elementHeadline;variant:1;caption:Zentriert;caption-en:Centered}*/ .elementHeadline_var1 {text-align:center} .weditor .elementHeadline_var1 input {text-align:center} /*@wCssFragment{class:elementHeadline;variant:10;caption:Weiß hinterlegt;caption-en:White background}*/ .elementHeadline_var10 {padding:10px;background-color:#ffffff} /*@wCssFragment{class:elementHeadline;variant:50;caption:Bereichsüberschrift;caption-en:Section headline}*/ .elementHeadline_var50 {} .elementHeadline_var50 * {text-align:center;font-size:48px} /*@wCssFragment{class:elementHeadline;variant:55;caption:Bereichsuntertitel;caption-en:Section subline}*/ .elementHeadline_var55 * {text-align:center;font-size:24px;color:#c0c0c0} /* Imported 2015-07-25 23:55:07 from /esko-wGlobal/wGlobal/layout/styles/import/navigation.sections.css */ .elementNavigationSections {margin-bottom:0} /*@wCssFragment{class:elementNavigationSections;variant:1;caption:Horizontale Bereichsnavigation;caption-en:In page navigation horizontally}*/ .elementNavigationSections_var1 {background-color:#555555;width:100%} .elementNavigationSections_var1 ul {display:block;list-style-type:none;max-width:$widthBlockMainOuter;margin:0 auto;padding:0;text-align:center} .elementNavigationSections_var1:after {display:block;overflow:hidden;visibility:hidden;clear:both;content:".";height:0} .elementNavigationSections_var1 li {display:inline-block;} .elementNavigationSections_var1 a {-w-add-events:onclick=wScrollSmoothToTarget;display:block;border-bottom:solid 4px transparent;text-decoration:none;background:none;color:#ffffff;font-size:16px;padding:10px 10px 6px 10px;text-transform:uppercase;} .elementNavigationSections_var1 a:hover {color:#ffffff} .elementNavigationSections_var1 li.selected a {border-bottom:solid 4px #ffffff} /*@wCssFragment{class:elementNavigationSections;variant:20;caption:Vertikale Bereichsnavigation Knöpfe mit Text-Layern;caption-en:In page navigation vertically bullets with layers}*/ .elementNavigationSections_var20 {background-color:#444444;margin:0 12px 0 0;padding:4px;border-radius:14px} .elementNavigationSections_var20 ul {display:block;list-style-type:none;margin:0;padding:0} .elementNavigationSections_var20:after {display:block;overflow:hidden;visibility:hidden;clear:both;content:".";height:0} .elementNavigationSections_var20 li {margin:12px 4px;width:12px;height:12px;padding:0;display:block;position:relative;} .elementNavigationSections_var20 li:after {display:block;content:"";width:10px;height:10px;display:block;font-size:0;border-radius:100%;background-color:transparent;border:solid 1px #ffffff} .elementNavigationSections_var20 li:hover:after {background-color:#ffffff;border:solid 1px #ffffff} .elementNavigationSections_var20 a {-w-add-events:onclick=wScrollSmoothToTarget;position:absolute;overflow:hidden;text-decoration:none;white-space:nowrap;right:0;width:0;box-sizing:border-box;-moz-box-sizing:border-box;color:#ffffff;margin:-8px -4px 0 0;transition:margin 0.1s linear} .elementNavigationSections_var20 li:hover a {margin-right:0;padding:4px 40px 4px 10px;width:auto;} .elementNavigationSections_var20 li:hover a:before {display:block;content:"";position:absolute;z-index:-1;width:100%;top:0;right:28px;height:100%;background-color:#444444} .elementNavigationSections_var20 li:hover a:after {display:block;content:"";position:absolute;z-index:-1;width:0;height:0;top:8px;right:20px;border:solid 5px transparent;border-left-color:#444444} /*@wCssFragment{class:elementNavigationSections;variant:30;caption:Vertikale Bereichsnavigation Knöpfe mit ausfahrenden Texte;caption-en:In page navigation vertically sliding texts}*/ .elementNavigationSections_var30 {background-color:#444444;margin:0 0 0 0;padding:4px;} .elementNavigationSections_var30 ul {display:block;list-style-type:none;margin:0;padding:0} .elementNavigationSections_var30:after {display:block;overflow:hidden;visibility:hidden;clear:both;content:".";height:0} .elementNavigationSections_var30 li {margin:12px 4px;width:12px;height:12px;padding:0;display:block;position:relative;} .elementNavigationSections_var30 li:after {display:block;content:"";width:10px;height:10px;display:block;font-size:0;border-radius:100%;background-color:transparent;border:solid 1px #ffffff} .elementNavigationSections_var30 li:hover:after {background-color:#ffffff;border:solid 1px #ffffff} .elementNavigationSections_var30 a {-w-add-events:onclick=wScrollSmoothToTarget;position:absolute;overflow:hidden;text-decoration:none;white-space:nowrap;right:0;width:0;box-sizing:border-box;-moz-box-sizing:border-box;color:#ffffff;margin:-8px -30px 0 0;transition:margin 0.2s ease-in-out} .elementNavigationSections_var30 li:hover a {margin-right:0;padding:4px 30px 4px 10px;width:auto;} .elementNavigationSections_var30 li:hover a:before {display:block;content:"";position:absolute;z-index:-1;width:100%;top:0;right:18px;height:100%;background-color:#444444} /* Imported 2015-07-25 23:56:30 from /esko-wGlobal/wGlobal/layout/styles/import/gallery.standard.css */ .listPictureGallery_var2 .listEntriesPreview .listEntryButtons {position:absolute;top:2px;left:2px} .listPictureGallery_var2 .listEntriesPreviewPerRow6 a {width:16.666%} .listPictureGallery_var2 .listEntriesPreviewPerRow5 a {width:20%} .listPictureGallery_var2 .listEntriesPreviewPerRow4 a {width:25%} .listPictureGallery_var2 .listEntriesPreviewPerRow3 a {width:33.333%} .listPictureGallery_var2 .listEntriesPreviewPerRow2 a {width:50%} .listPictureGallery_var2 .listEntriesPreviewPerRow1 a {width:100%} .listPictureGallery_var2 .listEntriesPreview .listEntryPosition:before {content:'';position:absolute;left:6px;top:7px;display:block;width:10px;height:2px;background-color:#b0b0b0;} .listPictureGallery_var2 .listEntriesPreview .listEntryPosition:after {content:'';position:absolute;left:10px;top:3px;display:block;width:2px;height:10px;background-color:#b0b0b0;} .listPictureGallery_var2 .listEntriesPreview .listEntry:hover .listEntryPosition {background-color:#e0e0e0} .listPictureGallery_var2 .listEntriesPreview .listEntry:hover .listEntryPosition:before {background-color:#888888} .listPictureGallery_var2 .listEntriesPreview .listEntry:hover .listEntryPosition:after {background-color:#888888} /*@wCssFragment{class:listPictureGallery;variant:5;caption:Großansicht mit Miniaturvorschau;caption-en:Large images with thumbnails}*/ .listPictureGallery_var5 {-w-editmaskExtended-pictureaspectratio:yes;-w-editmaskExtended-picturepreviewaspectratio:yes;-w-editmaskExtended-picturemode:yes;-w-editmaskExtended-picturepreviewmode:yes} .listPictureGallery_var5 .listInner {position:relative;overflow:hidden} .listPictureGallery_var5 .listMoverBack {display:none;} .listPictureGallery_var5 .listMoverForward {display:none;} .listPictureGallery_var5 .pageNaviList {margin-top:8px} .listPictureGallery_var5 .listEntries {width:100%;position:relative;overflow:hidden;margin:0 0 4px 0} .listPictureGallery_var5 .listEntries .listEntriesInner {} .listPictureGallery_var5 .listEntries .listEntry {display:none;position:relative;overflow:hidden} .listPictureGallery_var5 .listEntries .listEntrySelected {display:block;-w-animation:fadeIn} .listPictureGallery_var5 .listEntries .listEntryButtons {position:absolute;top:2px;right:0} .listPictureGallery_var5 .listEntries .listEntry a {text-decoration:none} .listPictureGallery_var5 .listEntries .listEntryImage {display:block;width:100%;height:auto;-w-aspectratio:1.333;-w-picture-mode:crop} .listPictureGallery_var5 .listEntries .listEntryTitle {display:none} .listPictureGallery_var5 .listEntries .listEntryDescription {display:none} .listPictureGallery_var5 .listEntriesPreview {position:relative;overflow:hidden;} .listPictureGallery_var5 .listEntriesPreviewInner {width:20000px} .listPictureGallery_var5 .listEntriesPreview .listEntry {display:block;float:left;cursor:pointer;margin-right:4px} .listPictureGallery_var5 .listEntriesPreview .listEntrySelected {border-bottom:solid 4px #b0b0b0} .listPictureGallery_var5 .listEntriesPreview .listEntryProgress {} .listPictureGallery_var5 .listEntriesPreview .listEntry:hover {border-bottom:solid 4px #b0b0b0} .listPictureGallery_var5 .listEntriesPreview .listEntryInner {} .listPictureGallery_var5 .listEntriesPreview .listEntry a {text-decoration:none} .listPictureGallery_var5 .listEntriesPreview .listEntryImage {width:64px;-w-aspectratio:1.333;display:block;-w-picture-mode:crop} .listPictureGallery_var5 .listEntriesPreview .listEntryTitle {display:none} .listPictureGallery_var5 .listEntriesPreview .listEntryDescription {display:none} .listPictureGallery_var5 .listEntriesPreview .listEntryPosition {display:none} /*@wCssFragment{class:listPictureGallery;variant:6;caption:Großansicht mit Vor- und Zurückfunktion und Seite/Seiten Anzeige;caption-en:Large images with previous and next buttons and page/pages info}*/ .listPictureGallery_var6 {-w-editmaskExtended-pictureaspectratio:yes;-w-editmaskExtended-picturemode:yes} .listPictureGallery_var6 .listInner {position:relative;overflow:hidden} .listPictureGallery_var6 .listMoverBack {cursor:pointer;position:absolute;left:0;bottom:0px;width:5%;height:36px;z-index:2;background-color:#ffffff;background-image:url($wGlobalProjectPath/wGlobal/layout/images/links/back.gif);background-repeat:no-repeat;background-position:center} .listPictureGallery_var6 .listMoverForward {cursor:pointer;position:absolute;right:0;bottom:0px;width:5%;height:36px;z-index:2;background-color:#ffffff;background-image:url($wGlobalProjectPath/wGlobal/layout/images/links/next.gif);background-repeat:no-repeat;background-position:center} .listPictureGallery_var6 .listMoverBack:hover, .listPictureGallery_var6 .listMoverForward:hover {background-color:#f0f0f0} .listPictureGallery_var6 .pageNaviList {margin-top:8px} .listPictureGallery_var6 .listEntryOfEntries {display:block;position:absolute;text-align:center;width:100%;margin-top:-26px} .listPictureGallery_var6 .listEntryOfEntries .listEntryOfEntriesEntry {} .listPictureGallery_var6 .listEntryOfEntries .listEntryOfEntriesEntry:after {padding-left:4px;content:"/";} .listPictureGallery_var6 .listEntryOfEntries .listEntryOfEntriesEntries {padding-left:4px} .listPictureGallery_var6 .listEntries {width:100%;position:relative;} .listPictureGallery_var6 .listEntries .listEntriesInner {margin-bottom:36px} .listPictureGallery_var6 .listEntries .listEntry {display:none;position:relative;overflow:hidden;-w-animation:fadeIn} .listPictureGallery_var6 .listEntries .listEntrySelected {display:block} .listPictureGallery_var6 .listEntries .listEntryButtons {position:absolute;top:2px;right:0} .listPictureGallery_var6 .listEntries .listEntry a {text-decoration:none} .listPictureGallery_var6 .listEntries .listEntryImage {display:block;width:100%;height:auto;-w-aspectratio:1.333;-w-picture-mode:crop} .listPictureGallery_var6 .listEntries .listEntryTitle {display:block;position:absolute;width:100%;text-align:center;bottom:0;padding:10px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#88FFFFFF,endColorstr=#88FFFFFF);background-color:rgba(255, 255, 255, 0.5)} .listPictureGallery_var6 .listEntries .listEntryTitle:not([tmp]) {} .listPictureGallery_var6 .listEntries .listEntryDescription {display:none} .listPictureGallery_var6 .listEntriesPreview {display:none} /*@wCssFragment{class:listPictureGallery;variant:9;caption:Großansicht mit Bewegungseffekt;caption-en:Large image with moving effect}*/ .listPictureGallery_var9 {} .listPictureGallery_var9 .listInner {position:relative;overflow:hidden} .listPictureGallery_var9 .listMoverBack {display:none} .listPictureGallery_var9 .listMoverForward {display:none} .listPictureGallery_var9 .listMoverBack:hover, .listPictureGallery_var9 .listMoverForward:hover {background-color:#ffffff} .listPictureGallery_var9 .listEntries {width:100%;position:relative;padding-bottom:52%;height:0;overflow:hidden} .listPictureGallery_var9 .listEntries .listEntriesInner {position:absolute;top:0;left:0;width:100%;height:100%} .listPictureGallery_var9 .listEntries .listEntry {display:none;position:relative;width:100%;overflow:hidden;-w-animation:moving} .listPictureGallery_var9 .listEntries .listEntrySelected {display:block} .listPictureGallery_var9 .listEntries .listEntryButtons {position:absolute;top:2px;right:0} .listPictureGallery_var9 .listEntries .listEntry a {text-decoration:none} .listPictureGallery_var9 .listEntries .listEntryImage {display:block;-w-picture-mode:moving} .listPictureGallery_var9 .listEntries .listEntryTitle {display:none} .listPictureGallery_var9 .listEntries .listEntryDescription {display:none} .listPictureGallery_var9 .listEntriesPreview {display:none} /*@wCssFragment{class:listPictureGallery;variant:11;caption:Karussell;caption-en:Carousel}*/ .listPictureGallery_var11 {-w-editmaskExtended-picturemode:yes;-w-editmaskExtended-picturepreviewmode:yes;-w-editmaskExtended-pictureaspectratio:yes;} .listPictureGallery_var11 .listInner {position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;} .listPictureGallery_var11 .listMoverBack {cursor:pointer;position:absolute;left:0;top:0;width:10%;height:100%;z-index:2;} .listPictureGallery_var11 .listMoverForward {cursor:pointer;position:absolute;right:0;top:0px;width:10%;height:100%;z-index:2} .listPictureGallery_var11 .listMoverBackInner {position:absolute;top:50%;margin-top:-15px;height:30px;width:50%;background-color:#ffffff;background-image:url($wGlobalProjectPath/wGlobal/layout/images/links/back.gif);background-repeat:no-repeat;background-position:center} .listPictureGallery_var11 .listMoverForwardInner {position:absolute;top:50%;margin-top:-15px;margin-left:50%;height:30px;width:50%;background-color:#ffffff;background-image:url($wGlobalProjectPath/wGlobal/layout/images/links/next.gif);background-repeat:no-repeat;background-position:center} .listPictureGallery_var11 .listMoverBack:hover .listMoverBackInner, .listPictureGallery_var11 .listMoverForward:hover .listMoverForwardInner {background-color:#f0f0f0} .listPictureGallery_var11 .listEntries {position:relative;width:90%;padding-bottom:75%;height:0;overflow:hidden;margin:0 0 0 5%;-w-entryselected:middle} .listPictureGallery_var11 .listEntries .listEntriesInner {cursor:pointer} .listPictureGallery_var11 .listEntries .listEntry {display:block;width:70%;position:absolute;overflow:hidden;-w-animation:carouselhorizontal} .listPictureGallery_var11 .listEntries .listEntryInner {background-color:#ffffff;padding:4px;border:solid 1px #c0c0c0} .listPictureGallery_var11 .listEntries .listEntrySelected {display:block} .listPictureGallery_var11 .listEntries .listEntryButtons {display:none} .listPictureGallery_var11 .listEntries .listEntry a {text-decoration:none} .listPictureGallery_var11 .listEntries .listEntryImage {display:block;width:100%;height:auto;-w-aspectratio:1.333;-w-picture-mode:crop;} .listPictureGallery_var11 .listEntries .listEntryTitle {display:none;text-align:center;padding:6px 4px 0 4px} .listPictureGallery_var11 .listEntries .listEntryDescription {display:none} .listPictureGallery_var11 .listEntriesPreview {display:none} @media only screen and (max-width: 400px){ .listPictureGallery_var2 .listEntriesPreviewPerRow6 a {width:25%} .elementHeadline_var50 * {font-size:24px} .elementHeadline_var55 * {font-size:18px} .listBannerSlider_var6 .listEntries .listEntryImage {margin-left:-25%;width:150%} .listPictureGallery_var2 .listEntriesPreviewPerRow5 a {width:33.333%} .listPictureGallery_var2 .listEntriesPreviewPerRow3 a {width:50%} } .listPictureAlbumTeaser_var0 .listInner h3 a {text-decoration:none} /* Imported 2015-07-25 23:56:30 from /esko-wGlobal/wGlobal/layout/styles/import/variants-selected-in-weblic.css */ /*@wCssFragment{class:listDefault;variant:0;caption:Datum, Titel, Vorschaubild und Beschreibung mit Verlinkung;caption-en:Date, title, thumbnail, description clickable}*/ .listDefault_var0 {-w-editmaskExtended-thumbnailswidth:no;-w-editmaskExtended-levelheadline:yes;-w-editmaskExtended-categoriesquickfilter:yes} .listDefault_var0 .listEntry {-w-levelheadline:3} .listDefault_var0 .listEntryQuickfilter {transition:padding 0.5s linear, opacity 0.5s linear, margin 0.5s linear} .listDefault_var0 .listEntryQuickfilterVisible {opacity:1} .listDefault_var0 .listEntryQuickfilterInvisible {opacity:0;height:0;padding:0;margin:0} .listDefault_var0 .listEntryThumbnailOuter {} .listDefault_var0 .listEntryThumbnail {width:80px;-w-aspectratio:;display:block;-w-picture-mode:crop} .listDefault_var0 .listEntryDate {-w-date-format:d.m.Y;-w-date-lang:de;-w-date-showalways:no} /*#responsive Responsive Webdesign */ /*@wCssFragment{class:mediaquerySize;variant:max768;caption:Sobald die Fenstergröße kleiner gleich 768 Pixel ist} */ @media only screen and (max-width: 768px){ .elementPicture {display:none} .max768 {display:none} body {background:none} #blockMainOuter {margin:0} #blockMain {margin:0} #blockMainInner {margin:2%} #blockTop {height:auto;} #blockTop #logo {position:static} #blockTop #navigationMeta {position:static;clear:both;float:none;margin-top:2%;height:auto;overflow:hidden} #blockTop #navigationMain {position:static;clear:left;overflow:hidden} #blockBefore {width:100%} #blockLeft {width:100%} #blockLeftInner {margin:2% 0 0 0} #blockLeft #areaContent4Global {display:none} #blockContentFull {width:100%} #blockContentFullLeft {width:100%} #blockContentFullRight {width:100%} #blockContent {width:100%} #blockRight {width:100%} #blockRightInner {margin:2% 0 0 0} #navigationMain li.navLevel1Open ul.navLevel2Container, #navigationMain li.navLevel2Open ul.navLevel3Container, #navigationMain li.navLevel3Open ul.navLevel4Container {} .col1_20, .col2_20, .col3_20, .col4_20, .col5_20 {width:100%} .col1_20_inner, .col2_20_inner, .col3_20_inner, .col4_20_inner, .col5_20_inner {margin:0} } /*@wCssFragment{class:mediaquerySize;variant:max720;caption:Sobald die Fenstergröße kleiner gleich 720 Pixel ist} */ @media only screen and (max-width: 720px){ .max720 {display:none} .listBannerSlider_var6 .listEntries .listEntryImage {margin-left:-10%;width:120%} .listBannerSlider_var6 .listEntries .listEntryDescription {font-size:12px;padding:5px 10px} .listBannerSlider_var6 .listEntries .listEntryLink {font-size:11px;padding:5px 10px;} .listBannerSlider_var6 .listMoverForward, .listBannerSlider_var6 .listMoverBackInner {display:none} .col1_25, .col2_25, .col3_25, .col4_25 {width:100%} .col1_25_inner, .col2_25_inner, .col3_25_inner, .col4_25_inner {margin:0} .listBox .listEntry1Cols {width:100%} .listBox .listEntry2Cols {width:50%} .listBox .listEntry3Cols {width:33.33%} .listBox .listEntry4Cols {width:33.33%} .listBox .listEntry5Cols {width:33.33%} .listBox .listEntry6Cols {width:33.33%} } /*@wCssFragment{class:mediaquerySize;variant:max540;caption:Sobald die Fenstergröße kleiner gleich 540 Pixel ist} */ @media only screen and (max-width: 540px){ .max540 {display:none} .listBannerSlider_var6 .listEntries .listEntryImage {margin-left:-15%;width:130%} .listBannerSlider_var6 .listEntries .listEntryTitle {font-size:13px;font-weight:bold;padding:5px 10px} dl.formFirstBlock {width:100%} dl.formLastBlock {width:100%} #navigationMain li.navLevel1 {width:50%;margin-right:-1px;float:left;border-bottom:solid 1px $borderColorNavigationLayer;} #navigationMain a.navLevel1 {border-left:solid 1px $borderColorNavigationLayer;} .col1_33, .col2_33, .col3_33 {width:100%} .col1_33_inner, .col2_33_inner, .col3_33_inner {margin:0} dl.formTable {display:table;margin:0;padding:0} .formTable dt {display:block;clear:both;margin:0 0 2px 0} .formTable dt label {font-weight:bold} .formTable dd {float:none;width:auto;margin:0 0 10px 0} .formTable dd.full {float:none;width:auto;margin:0 0 10px 0} .listBox .listEntry1Cols {width:100%} .listBox .listEntry2Cols {width:50%} .listBox .listEntry3Cols {width:50%} .listBox .listEntry4Cols {width:50%} .listBox .listEntry5Cols {width:50%} .listBox .listEntry6Cols {width:50%} } /*@wCssFragment{class:mediaquerySize;variant:max320;caption:Sobald die Fenstergröße kleiner gleich 320 Pixel ist} */ @media only screen and (max-width: 320px){ .max320 {display:none} #logo img {width:50%} #blockTop #searchBox #searchTerm {float:left;width:80px;height:16px;border:solid 1px #c6c6c6;margin-right:1px;background-color:none} img.pictureZoomer {display:none} #navigationMainToggler {display:block;cursor:pointer;color: #575757;text-decoration: none;font-size: 14px;margin-right: 10px;padding: 12px 16px 12px 16px;text-transform:uppercase;background-image:url(/esko-wGlobal/wGlobal/layout/images/icons/menu.png);background-repeat:no-repeat;background-position:right center} #navigationMain ul.navLevel1Container {display:none;} #navigationMain li.navLevel1 {float:none;width:auto;border-top:solid 1px $borderColorNavigationLayer;border-bottom:none} #navigationMain li.navLevel1Open:hover ul.navLevel2Container, #navigationMain li.navLevel2Open:hover ul.navLevel3Container, #navigationMain li.navLevel3Open:hover ul.navLevel4Container {display:none;} #navigationBreadcrumb {display:none} .elementText {clear:both} .col1_50, .col2_50, .col1_70, .col2_30, .col1_30, .col2_70 {width:100%} .col1_50_inner, .col2_50_inner, .col1_70_inner, .col2_30_inner, .col1_30_inner, .col2_70_inner {margin:0} .listBox .listEntry1Cols {width:100%} .listBox .listEntry2Cols {width:100%} .listBox .listEntry3Cols {width:100%} .listBox .listEntry4Cols {width:100%} .listBox .listEntry5Cols {width:100%} .listBox .listEntry6Cols {width:100%} } /*@wCssFragment{class:mediaqueryPixelRatio;variant:min1.5;caption:Sobald das Endgerät das benötigte Device-Pixel-Ratio hat} */ @media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:1.5dppx){ #blockTop #searchBox #searchSubmit {background-image:url(/esko-wGlobal/wGlobal/layout/images/backgrounds/button-search@2x.png);background-size:22px 20px;} .elementText ul {margin-top:0;margin-bottom:10px;padding-left:22px;list-style:none} .elementText li {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/icons/list-style-image@2x.png) left 1px no-repeat;background-size: 10px 12px;} a.intern {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/intern@2x.png) left 1px no-repeat;background-size: 14px 14px;} a.extern {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/extern@2x.png) left 1px no-repeat;background-size: 14px 14px;} a.box {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/box@2x.png) left left 1px no-repeat;background-size: 14px 14px;} a.boxPicture {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/boxPicture@2x.png) left 1px no-repeat;background-size: 14px 14px;} a.download {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/download@2x.png) left 1px no-repeat;background-size: 14px 14px;} a.pdf {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/pdf@2x.png) left 1px no-repeat;background-size: 14px 14px;} a.audio {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/audio@2x.png) left 1px no-repeat;background-size: 14px 14px;} a.video {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/video@2x.png) left 1px no-repeat;background-size: 14px 14px;} a.next {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/next@2x.png) left 1px no-repeat;background-size: 14px 14px;} a.back {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/back@2x.png) left 1px no-repeat;background-size: 14px 14px;} a.mail {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/mail@2x.png) left 1px no-repeat;background-size: 14px 14px;} span.phone, a.phone {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/phone@2x.png) left 1px no-repeat;background-size: 14px 14px;} span.fax, a.fax {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/fax@2x.png) left 1px no-repeat;background-size: 14px 14px;} a.mobile {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/mobile@2x.png) left 1px no-repeat;background-size: 14px 14px;} a.ical {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/ical@2x.png) left 1px no-repeat;background-size: 14px 14px;} a.rss {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/rss@2x.png) left 1px no-repeat;background-size: 14px 14px;} a.twitter {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/twitter@2x.png) left 1px no-repeat;background-size: 14px 14px;} a.googlemaps {padding-left:18px;background:url(/esko-wGlobal/wGlobal/layout/images/links/googlemaps@2x.png) left 1px no-repeat;background-size: 14px 14px;} }