/* //////////////////////////////////////////////////////////////// // // Styles fuer das Layout // // Weblication(r) CMS Strukturdesign Version 4.8 // erstellt durch Scholl Communications AG, 77694 Kehl, www.scholl.de // erstellt mit Weblication Content Management Server, www.weblication.de // //////////////////////////////////////////////////////////////// */ /* Formatierung von HTML-Elementen */ body {margin:0px; padding:0px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; color:#000; font-weight:lighter; line-height:150%; background: url(/odc/img/ODC_HG_04.jpg);} div {margin:0; padding:0;} p {margin:0; padding:0;} table {margin:0px; padding:0px; font:inherit; color:inherit; border:none;} tr, thead, tbody {margin:0px; padding:0px;} th, td {margin:0px; padding:0px; vertical-align:top;} form {margin:0px; padding:0px;} input {font-family:inherit; border:1px solid #41464b; border-bottom-color:#B6B6B6; border-right-color:#B6B6B6; font-size:11px;padding:1px;} select {font-family:inherit; border:1px solid #41464b; border-bottom-color:#B6B6B6; border-right-color:#B6B6B6; font-size:11px;padding:0px;} textarea {font-family:inherit; border:1px solid #41464b; border-bottom-color:#B6B6B6; border-right-color:#B6B6B6; font-size:11px;padding:2px;} button {cursor:pointer;margin:0px;background-color:#B6B6B6;border:none;color:#ffffff;font-size:10px;padding:0px 6px; height:19px;margin-right:10px; } buttonAdmin {cursor:pointer;margin:0px;background-color:#B6B6B6;border:none;color:#ffffff;font-size:10px;padding:0px 6px; height:19px;margin-right:10px; } span {} a {color:#58a5dc; outline:none;} a:hover {color:#58a5dc;} a img {border:none;} a.intern {padding-left:14px;background:url(/odc/wLayout/design/img/links/intern.gif) center left no-repeat;} a.extern {padding-left:14px;background:url(/odc/wLayout/design/img/links/extern.gif) center left no-repeat;} a.download {padding-left:14px;background:url(/odc/wLayout/design/img/links/download.gif) center left no-repeat;} img.leftBorder {float:left;margin:4px 4px 4px 0;border:solid 4px #74B211;} .picture {margin:4px 4px 4px 4px;} .pictureLeft {float:left; margin:4px 4px 4px 0;} .pictureRight {float:right; margin:4px 0 4px 4px;} ul {margin-left:8px; padding-left:9px;} ol {margin-left:0px; padding-left:0px; list-style-type:decimal;} hr {background-color:#000; color:#000; height:2px; border-style:none;} .clearer {clear:both; height:1px; overflow:hidden;} /*############################## Problem im FF2 !!!! ################*/ #imageContainer {position:relative; margin-bottom: 20px } #imageContainer img {margin:0px; padding:0px; display:block} img {} /*################################ Ueberschriften ################################*/ h1 {margin:0px; padding:0; font-size:14px; font-weight:bold; line-height:23px; color:#41464b; margin-bottom:15px;} h2 {margin:0px; padding:0; font-size:30px; font-weight:lighter; font-weight: 100; line-height:35px; color:#0088d8;} h1 a {text-decoration:underline;} h2 a {text-decoration:underline;} h1 a:hover {text-decoration:underline;} h2 a:hover {text-decoration:underline;} /*################################ Texte ################################*/ .text { margin-bottom: 10px; } /*Text*/ .textBold { font-weight:bold; }/*Text fett*/ .textInvert {color:#FFFFFF; }/*Text negativ*/ .textBoldInvert {color:#FFFFFF; font-weight:bold;}/*Text fett negativ*/ .textInfo {background-color:#ECCCCC;border-style:solid;border-width:1px;border-color:#c9ced4;padding-left:4px;padding-top:4px;padding-bottom:4px;}/*Text Infobox*/ .textSmall { font-size:10px; color:#41464b; font-weight:normal; line-height:14px;}/*Kleiner Text*/ .textSmallBold { font-size:10px; color:#41464b; font-weight:bold; line-height:14px;}/*Kleiner Text fett*/ .textSmallInvert { font-size:10px; color:#FFFFFF; font-weight:normal; line-height:14px;}/*Kleiner Text negativ*/ .textSmallBoldInvert { font-size:10px; color:#FFFFFF; font-weight:bold; line-height:14px;}/*Kleiner Text fett negativ*/ .textLarge { font-size:14px; color:#41464b; font-weight:normal; line-height:18px;}/*Großer Text*/ .textLargeBold { font-size:14px; color:#41464b; font-weight:bold; line-height:18px;}/*Großer Text fett*/ .textLargeInvert { font-size:14px; color:#FFFFFF; font-weight:normal; line-height:18px;}/*Großer Text negativ*/ .textLargeBoldInvert { font-size:14px; color:#FFFFFF; font-weight:bold; line-height:18px;}/*Großer Text fett negativ*/ .textImportant {background-color:#E50000} /*Text Wichtig*/ .textInfo {background-color:orange} /*Text Info*/ .textWarning {background-color:red} /*Text Warnung*/ .textTipp {background-color:green} /*Text Tipp*/ /*################################ Javascript-Meldungen ################################*/ .msr {font-family:Arial,Helvetica; font-size:11px; color:red;} .mbr {font-family:Arial,Helvetica; font-size:11px; font-weight:bold; color:red;} .mcr {font-family:Arial,Helvetica; font-size:11px; font-style:italic; color:red;} .msa {font-family:Arial,Helvetica; font-size:11px; color:gray;} .mba {font-family:Arial,Helvetica; font-size:11px; font-weight:bold; color:gray;} .mca {font-family:Arial,Helvetica; font-size:11px; font-style:italic; color:gray;} .msg {font-family:Arial,Helvetica; font-size:11px; font-weight:normal;color:green;} .mbg {font-family:Arial,Helvetica; font-size:11px; font-weight:bold; color:green;} .mcg {font-family:Arial,Helvetica; font-size:11px; font-style:italic; color:green;} /* Bloecke */ .blockMain {width:865px; margin: 0px auto; margin-top:25px; text-align:left;} .blockMainInner { padding:0px; } .blockContentInner {padding:0 25px 15px 0;} .blockGlobal { background-color: #FFF; width: 850px; } .blockContent {} .blockContentLeft {float:left; width:480px; padding-top:15px; } .blockContentRight {float:right; width:300px; padding-top:25px; overflow:hidden } .blockTop { background: url(/odc/wLayout/design/img/backgrounds/bg_header.png) no-repeat right top; } .blockTopInner {padding-right:15px; position:relative} .blockTopInner img {display: block} .blockRight {margin-top:20px; float:left; width:213px; vertical-align:top; border-right:0px solid #000000; border-bottom:0px solid #000000;} .blockRightInner {padding:0 0 0 0; background-color:#F0F0F0; background-image:url(/odc/wLayout/design/img/backgrounds/bg_right.gif); background-repeat:no-repeat; background-position:bottom left;} .blockBottom {height:40px; color:#FFF;line-height:18px;font-size:10px; padding-right:15px; background:url(/odc/wLayout/design/img/backgrounds/bg_bottom.png) no-repeat left top;} .blockBottomInner {padding:0px;} .blockBottomInner a {padding:0 15px; line-height:18px; text-decoration:none; color:#FFF; font-size:10px;} .blockBottomInner a:hover {padding:0 15px; text-decoration:none; color:#FFF;} .blockBottomLeft {float:left} .blockBottomRight {float:right; padding-right:25px;} .blockLeftContentRight {margin:0; background: url(/odc/wLayout/design/img/backgrounds/bg_shadow.png) repeat-y right top;} .blockContent .elementStandard .fragmentPicture {margin:0px; padding:4px 11px 11px 22px;} .blockContent .elementStandard .fragmentPicture img {} .blockContent .elementStandard .fragmentPictureLeft {float:left; margin:0px; padding:4px 8px 4px 0px;} .blockContent .elementStandard .fragmentPictureLeft img {} .blockContent .elementStandard .fragmentPictureRight {float:right; margin:0px; padding:4px 0px 4px 8px;} .blockContent .elementStandard .fragmentPictureRight img {} /* Elemente */ .movie {left:50%;margin-left:77px;position:absolute;top:265px;width:340px;} .startseite {left:50%;margin-left:90px;position:absolute;top:265px;width:320px;} .blockContent .startseite .elementHeadline, .blockContent .startseite .elementStandard, .blockContent .movie .elementStandard {margin:0px; padding:0px;} .blockContent .startseite .elementHeadline h1, .blockContent .startseite .elementHeadline h2, .blockContent .startseite .elementStandard .text {margin:0 0 5px 0; padding:0px; background:none; color:#FFFFFF;} .blockContentLeft .elementStandard {margin: 0px 0px 10px 0px; padding:0 10px 0 25px;} .blockContentRight .includeWeblic .elementStandard {margin: 0px; padding:0px;z-index:2; position:static} .blockContentRight .elementStandard {margin:0px; padding:0; } .elementStandard {margin: 0px; padding:0 25px 10px 25px;} .elementHeadline {margin: 0px 0px 20px 0px; padding:0px;} .blockContent .elementHeadline h1, .blockContentLeft .elementHeadline h1 { margin:0px; padding:0 0 0 25px; font-size:14px; font-weight:bold; line-height:18px; color:#41464b; margin-bottom:15px; } .blockContent .elementHeadline h2, .blockContentLeft .elementHeadline h2 {margin:0px; padding:0 0 0 25px; font-size:30px; font-weight:lighter; font-weight: 100; text-transform:uppercase; line-height:18px; color:#0088d8;} .elementHeadline h1 {margin:0px; padding:0px; font-size:14px; font-weight:bold; line-height:23px; color:#41464b; margin-bottom:0px;} .elementHeadline h2 {margin:0px; padding:0px; font-size:18px; font-weight:bold; line-height:18px; color:#41464b; margin-bottom:0px;} .elementText {margin: 0px 0px 10px 0px; padding:0px;} .elementSource {margin: 0px 0px 10px 0px; padding:4px;background-color:#FFFFCC;overflow:auto;white-space:nowrap} .elementDelimiter {margin: 0px 0px 10px 0px; padding:0px;} .elementPicture {margin: 0px 0px 10px 0px; padding:0px;} .elementLink {margin: 0px 0px 10px 0px; padding:0px;} .elementList {margin: 0px 0px 10px 0px; padding:0px;} .elementNavigation {margin: 0px 0px 10px 0px; padding:0px;} .elementPortlet {margin: 0px 0px 10px 0px; padding:0px;} .elementPortletDescription {margin: 2px 0px 5px 0px; padding:0px;} .elementPortletDescription h3 {margin-bottom:5px;} .elementForm {padding: 0px 25px 18px 25px; margin:0px;} .elementContainer {margin: 0px 0px 18px 0px; padding:0px;} .elementContainerBox {margin: 0px 0px 18px 0px; padding:0px;} .elementContainer1 {margin:0 0 16px 0; padding:0px;} .elementContainer1 .col1 {} .elementContainer2 {margin:0 0 16px 0; padding:0;} .elementContainer2 .col1 {float:left;width:49%;margin-right:2%;} .elementContainer2 .col2 {float:left;width:49%;} .elementContainer3 {margin:0 0 16px 0; padding:0;} .elementContainer3 .col1 {float:left;width:32%;margin-right:2%;} .elementContainer3 .col2 {float:left;width:32%;margin-right:2%;} .elementContainer3 .col3 {float:left;width:32%;} .elementContainerBox1 {margin:0 0 16px 0; padding:8px; background-color:#DBE9F2; border:1px none #e0e0e0;} .elementContainerBox1 .col1 {} .elementContainerBox2 {margin:0 0 16px 0; padding:8px; background-color:#DBE9F2; border:1px none #e0e0e0;} .elementContainerBox2 .col1 {float:left;width:49%;margin-right:2%;} .elementContainerBox2 .col2 {float:left;width:49%;} .elementContainerBox3 {margin:0 0 16px 0; padding:8px; background-color:#DBE9F2; border:1px none #e0e0e0;} .elementContainerBox3 .col1 {float:left;width:32%;margin-right:2%;} .elementContainerBox3 .col2 {float:left;width:32%;margin-right:2%;} .elementContainerBox3 .col3 {float:left;width:32%;} .elementSitemap {padding:10px 25px;} .fragmentInfo {border:solid 1px blue;padding:4px;background-color:#f0f0f0} .fragmentError {border:solid 1px red;padding:4px;background-color:#f0f0f0} .fragmentWarning {border:solid 1px orange;padding:4px;background-color:#f0f0f0} .fragmentTip {border:solid 1px yellow;padding:4px;background-color:#f0f0f0} /* Allgemeine Elemente des oberen Bereiches */ .blockTopHead {padding-right:15px; height:50px;} .blockTopHead .menuTop {color:#FFFFFF; font-size:13px; font-weight:bold; float:left; margin-top:25px;} .blockTopHead .menuTop a {color:#FFFFFF; font-weight:bold; text-decoration:none; padding:0 10px;} .blockTop .elementHeader {width:395px;height:26px;margin:6px 20px 0 0;padding:0px;padding-top:0px;} .blockTop .elementHeaderFlash {width:850px; height:160px;} .blockTop .elementMetanav {float:right;padding:3px 0px 0px;color:#939393;} .blockTop .elementMetanav a {color:#939393;text-decoration:none;} .blockTop .elementMetanav a:hover {color:#939393;text-decoration:underline;} .blockTop .elementSearch {float:right; padding:0px; margin:0px; padding-left:10px;color:#939393;} .blockTop .elementSearchInput {margin:0px; float:left; width:134px; height:17px; border:1px solid #939393; font-size:11px; padding:0px; margin-right:4px; padding:0px 2px; line-height:15px;} .blockTop .elementSearchButton {margin:0px; background-color:#B6B6B6;border:none;color:#ffffff;font-size:11px;padding:0px 6px; height:19px;line-height:10px;} .blockTop .elementSearchButtonOver {} .blockTop .elementLogo a {position:absolute; left:20px; top:15px; width:150px; height:110px; z-index: 1000} /* Allgemeine Elemente des unteren Bereiches */ .blockBottom .elementLogo {height:113px; margin:0; padding:0; border:none; float:left;} .blockBottom .elementLogo img {margin:0px; padding:0px; border:none;} /* Buttons */ .buttonDefault {cursor:pointer;text-decoration:none; font-weight:normal; margin:0px;padding:0px;color:#ffffff; background-color:#7F7F7F; border:1px solid #A6A6A6; border-bottom-color:#4C4C4C; border-right-color:#4C4C4C; font-size:12px;padding:0px; padding-left:8px;padding-right:8px; font-family: inherit; line-height:15px;margin-right:10px;} .buttonDefault .a {cursor:pointer;text-decoration:none; font-weight:normal;} .buttonAdmin {cursor:pointer;text-decoration:none; font-weight:normal; color:#ffffff; background-color:#7F7F7F; border:none; font-size:12px;padding:0px 10px; font-family: inherit; line-height:15px;margin-top:0px;} .buttonAdmin .a {cursor:pointer;text-decoration:none; font-weight:normal;} .buttonBackend { background-image:url(/weblication/wGui/wImages/bg_button_bue.gif); white-space:nowrap; cursor:pointer; font-family:arial,helvetica; font-weight:normal; font-size:11px; line-height:16px; color:#404040; background-color:#c9ced4; padding:0 0 0 4px; margin:0 0 0 8px; height:18px; width:160px; border-style:solid; border-top-color:#BFBFBF; border-bottom-color:#000000; border-left-color:#BFBFBF; border-right-color:#000000; border-width:1px; float:left; } .editButtons {position:absolute; margin-top:-49px; margin-left:150px; z-index:100} .editButton {float:left;} .editButtonNavigation {position:absolute; margin-top:-15px; z-index:100} .formCaption {padding:2px 8px 2px 0;line-height:20px} .formValue {padding:2px 0 2px 0;} /* //////////////////////////////////////////////////////////////// // // Styles fuer die Weblics // // WeblicationŽ CMS Strukturdesign Version 4.7 // erstellt durch Scholl Communications AG, 77694 Kehl, www.scholl.de // erstellt mit WeblicationŽ Content Management Server, www.weblication.de // //////////////////////////////////////////////////////////////// */ /*################ Formatierung von HTML-Elementen ################*/ .includeWeblic ul {list-style:none; margin:0; padding:0;} .includeWeblic li {margin-bottom:16px;} .includeWeblic form {display:inline;} .includeWeblic a.viewmode {font-weight:bold; border:outset 1px #a0a0a0; text-decoration:none; line-height:150%; padding-left:22px; padding-right:22px;} .includeWeblic a.viewmode:hover {color:#FFFFFF; background-color:#DFB799; text-decoration:none; line-height:150%;} .includeWeblic a.viewmode:focus {color:#FFFFFF; background-color:#DFB799; text-decoration:none; line-height:150%;} /*################ Elemente ################*/ .includeWeblic .elementSheetHeadline {margin:16px; margin-left:0px; margin-right:3px; padding:0; padding-bottom:0.6em; border-bottom:1px solid #DFB799; clear:both;} .includeWeblic .elementLinkHeadline {margin:16px; margin-left:0px; margin-right:3px; padding:0; clear:both;} .includeWeblic .elementLetterHeadline {margin:16px; margin-left:0px; margin-right:3px; padding:0; clear:both;} .includeWeblic .elementListHeadline {margin:16px; margin-left:0px; margin-right:3px; padding:0; padding-bottom:0.6em; border-bottom:1px solid #DFB799; clear:both;} .includeWeblic .elementLine {margin:16px; margin-left:0px; margin-right:3px; border-bottom: 1px solid #DFB799;} .includeWeblic .elementTable {margin:16px; margin-left:0px; margin-right:3px; padding:0; width:100%;} .includeWeblic .elementTable img {margin-bottom:16px;} .includeWeblic .elementTable th {text-align:left; padding:2px; border-left:none; border-right:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0; background-color:#F0F0F0} .includeWeblic .elementTableDiv {margin:16px; margin-left:0px; margin-right:3px; padding:0; width:100%;} .includeWeblic .elementLink {margin:16px; margin-left:0px; margin-right:3px; padding:0;} .includeWeblic .elementLink a {float:left; margin-right:36px} .includeWeblic .elementList {margin:16px; margin-left:0px; margin-right:3px; padding:0; color:#000000; width:100%;} .includeWeblic .elementList strong {font-weight:bold;} .includeWeblic .elementList ul {margin:0;} .includeWeblic .elementList li {margin:0; padding: 0.2em 0 0.2em 0; clear:right;} .includeWeblic .elementList dt {clear:left; float:left; width:11.5em;} .includeWeblic .elementList dt p {margin-bottom:1em;} .includeWeblic .elementList dd {margin-left:12em;} .includeWeblic .elementListStyle {list-style:none; margin-left:0.4em; margin-right:0.2em; padding:0;} .includeWeblic .elementListStyle li {padding: 0.4em 0 0.4em 0;} .elementSheet {margin:16px; margin-left:0px; margin-right:3px; padding:0;} .includeWeblic .elementForm {margin-left:0px; margin-right:0px; clear:both;} .includeWeblic .elementForm table {} .includeWeblic .elementForm input {width:250px;} .includeWeblic .elementForm textarea {width:250px; height:100px;} .includeWeblic .elementForm .zip {width:70px; float:left;} .includeWeblic .elementForm .city {width:165px; float:right;} .includeWeblic .elementPictureLeft {margin:16px; margin-left:0px; margin-right:3px; float:left;} .includeWeblic .elementPictureRight {margin:16px; margin-left:0px; margin-right:3px; float:right;} .includeWeblic .elementFuncHeader {margin:16px; margin-left:0px; margin-right:3px; padding-bottom:2em; padding-top:1em; font-size:9px;} .includeWeblic .elementFuncFooter {margin:0.6em; margin-left:0px; margin-right:3px; margin-bottom:8em; margin-top:0.5em; margin-right:8px; padding-top:0.5em; border-top: 1px solid #DFB799; clear:both;} .includeWeblic .elementLinkFooter {margin:0.6em; margin-left:0px; margin-right:3px; border-top: 1px solid #DFB799; clear:both;} .includeWeblic .elementLinkFooterEditGroup {margin:0.6em; margin-left:0px; margin-right:3px;} .includeWeblic .elementFunctions {margin:0.6em; margin-left:0px; margin-right:3px; padding:0px;} .includeWeblic .elementFunctionsAdmin {margin:0.6em; margin-left:0px; margin-right:3px; margin-bottom: 16px; padding:0px; text-align:right; z-index:3;} .includeWeblic .elementEditGroup {margin:0.6em; margin-left:0px; margin-right:3px;} .includeWeblic .elementEditbuttonPage {position:absolute; left:12.6em; top:8.1em;} .includeWeblic .elementEditbuttonNavi {padding:2px; padding-left:8px} .includeWeblic .elementRightHeadline {padding-left:0.4em; padding-right:0.4em; margin-top:0.4em; border-style:solid; border-width:1px; border-color:#DFB799;}/*Standard im rechten Bereich*/ .includeWeblic .elementRightStandard {padding-left:0.4em; padding-top:0.4em; padding-right:0.4em; padding-bottom:0.4em; margin-bottom:0.4em; border-style:solid; border-width:1px; border-color:#DFB799;}/*Standard im rechten Bereich*/ .includeWeblic .elementRightInclude {padding-left:0.4em; padding-top:0.4em; padding-right:0.4em; padding-bottom:0.4em; margin-bottom:0.4em; border-style:solid; border-width:1px; border-color:#DFB799;}/*Include im rechten Bereich*/ .includeWeblic .elementLeftStandard {padding:8px;}/*Standard im linken Bereich*/ .includeWeblic .elementCurNavigation {display:none}/*Standard im linken Bereich*/ .includeWeblic .elementLeftNavigation {padding-top:8px;}/*Standard im linken Bereich*/ .includeWeblic .elementLeftInclude {padding:0;}/*Include im linken Bereich*/ .includeWeblic .elementTopStandard {padding:0;}/*Standard im oberen Bereich*/ .includeWeblic .elementTopInclude {padding:0; margin-top:0; border-style:none; width:100%}/*Include im oberen Bereich*/ /*################ Fragmente ################*/ .includeWeblic .fragmentInfo {margin:16px; margin-left:0px; margin-right:3px; margin-bottom:8px; background-color:#FFCCCC; color:#000000; padding:2px; padding-left:8px; font-weight:normal; border-style:solid; border-width:1px; border-color:#A0A0A0;} .includeWeblic .fragmentWarning {margin:16px; margin-left:0px; margin-right:3px; margin-bottom:8px; background-color:#FFFFFF; color:#FF0000; padding:2px; padding-left:8px; font-weight:normal; border-style:solid; border-width:1px; border-color:#FF0000;} .includeWeblic .fragmentDropDown {float:left; margin-top:3px; margin-right:3px;} .includeWeblic .fragmentSheet {padding-top:0.4em; padding-bottom:0.8em; border-bottom:1px solid #DFB799;} .includeWeblic .fragmentTableDivRow {clear:both; padding-top:0.8em;} .includeWeblic .fragmentTableDivRowNull {clear:both; padding-top:0em;} .includeWeblic .fragmentFormMainHead {background-color:#F0F0F0; color:#606060; padding:4px; border-style:solid; border-width:1px; border-color:#A0A0A0; border-bottom-style:none; font-weight:bold; } .includeWeblic .fragmentFormMainHead span {} .includeWeblic .fragmentFormMainBody {background-color:#FAFAFA; color:#606060; padding:4px; border-style:solid; border-width:1px; border-color:#A0A0A0; margin-bottom:0em;} .includeWeblic .fragmentFormMainBody input {} .includeWeblic .fragmentSheetMainHead {margin-left:16px; font-weight:bold; border-style:solid; border-width:1px; border-color:#A0A0A0; border-bottom-style:none; padding:4px; width:100%; clear:both;} .includeWeblic .fragmentSheetMainBody {margin-left:16px; background-color:#FAFAFA; margin-bottom:8px; color:#606060; padding:4px; padding-bottom:8px; padding-left:4px; padding-right:8px; border-style:solid; border-width:1px; border-color:#A0A0A0;} .includeWeblic .fragmentEditGroupHead {background-color:#F0F0F0; border: 1px solid #A0A0A0; border-bottom-style:none; padding:4px;color:#606060; font-weight: bold;} .includeWeblic .fragmentEditGroupBody {background-color:#FAFAFA; margin-bottom:1.5em; color:#606060; padding:4px; border:1px solid #A0A0A0;} .includeWeblic .fragmentEditGroupBody td {vertical-align:top; padding-right:1em; padding-bottom:0.2em;} .includeWeblic .fragmentEditGroupBody input {width:250px;} .includeWeblic .fragmentEditGroupBody textarea {width:250px; height:100px;} .includeWeblic .fragmentEditGroupBody select {width:250px;} .includeWeblic .fragmentEditGroupBody .date {width:8em; border:1px solid #888888; padding:2px;} .includeWeblic .fragmentEditGroupBody .time {width:5em;} .includeWeblic .fragmentEditGroupBody .year {width:5em;} .includeWeblic .fragmentEditGroupBody .zip {width:70px; float:left;} .includeWeblic .fragmentEditGroupBody .city {width:165px; float:right;} .includeWeblic .fragmentEditGroupBody .formImage input {width:5em;} .includeWeblic .fragmentEditGroupBody .formLink input {width:16.7em;} .includeWeblic .fragmentEditGroupBody ul {padding:0;} .includeWeblic .fragmentFormHead {background-color:#F0F0F0; border: 1px solid #A0A0A0; border-bottom-style:none; padding:4px; color:#606060; font-weight: bold;} .includeWeblic .fragmentFormBody {background-color:#FAFAFA; margin-bottom:1.5em; color:#606060; padding:4px; border:1px solid #A0A0A0;} .includeWeblic .fragmentFormBody td {vertical-align:top; padding-right:1em; padding-top:0.2em; padding-bottom:0.2em;} .includeWeblic .fragmentFormBody input {width:250px;} .includeWeblic .fragmentFormBody textarea {width:250px; height:100px;} .includeWeblic .fragmentFormBody select {width:250px;} .includeWeblic .fragmentFormBody .date {width:8em; border:1px solid #888888; padding:2px;} .includeWeblic .fragmentFormBody .time {width:5em;} .includeWeblic .fragmentFormBody .year {width:5em;} .includeWeblic .fragmentFormBody .zip {width:70px; float:left;} .includeWeblic .fragmentFormBody .city {width:165px; float:right;} .includeWeblic .fragmentFormBody .button {width:6em;} /*################ Sonstige ################*/ .includeWeblic .textBoldWarning {font-weight:bold; color:#FF0000;} .includeWeblic .formCaption {width:160px; margin:0; line-height:120%; vertical-align:top; padding-top:3px;} .includeWeblic .formValue {width:250px; margin:0; line-height:120%; vertical-align:top;} .includeWeblic .formValue a {text-align:center; padding-right:0.2em;} .includeWeblic .formButton {margin:4px 0 0 0; line-height:120%; text-align:center; float:right;} .includeWeblic .formButton a {padding-left:4px; padding-right:4px; background-color:#7F7F7F; color:#FFFFFF;} .includeWeblic .formButton a:hover {background-color:#7F7F7F; /*color:#ffffff;*/} .includeWeblic .formUpload {margin:0; line-height:120%; vertical-align:top;} .includeWeblic .formUpload input {width:49%;} .includeWeblic .formPrice {margin:0; line-height:120%; vertical-align:top;} .includeWeblic .formPrice p {display:inline;} .includeWeblic .formPrice input {width:5.8em;} .includeWeblic .sheetCaption {margin:0; padding-top:0.2em; padding-bottom:0.2em; padding-right:1em; vertical-align:top; font-weight:bold; } .includeWeblic .sheetValue {margin:0; padding-top:0.2em; padding-bottom:0.2em; vertical-align:top;} .includeWeblic .listCaption {margin:0; line-height:120%; font-weight:bold; vertical-align:top;} .includeWeblic .listValue {color:#000000; margin:0; line-height:1.2em; vertical-align:top; clear:right;} .includeWeblic .listValue dt {float:left; width:5em;} .includeWeblic .listValue dd {margin-left:12px; margin-right:8px; margin-top:2px; margin-bottom:2px;} .includeWeblic .listValue h4 {padding: 0 0 0.4em 0;} .includeWeblic .listPictureLeft {clear:left; float:left; padding: 0.2em 0.6em 0.2em 0;} .includeWeblic .listButton {float:right;} .includeWeblic .linkHeaderLeft {float:left;} .includeWeblic .linkHeaderRight {float:right;} .includeWeblic .linkHeaderRightButton {float:right;} .includeWeblic .linkFooterLeft {float:left; padding-top:0.4em; padding-bottom:0.4em;} .includeWeblic .linkFooterRight {float:right; padding-top:0.4em; padding-bottom:0.4em;} .includeWeblic .buttonDefault {cursor:pointer; text-decoration:none; font-weight:normal; text-align:center; padding:0em; padding-left:4px; padding-right:4px; margin-left:2px; height:16px; border:1px outset #606060; background-image:url(/weblication/wGui/wImages/bg_button_weblic.gif); } .includeWeblic a.buttonDefault {cursor:pointer; text-decoration:none; font-weight:normal; color: #000000} .includeWeblic .buttonFunction {cursor:pointer; text-decoration:none; font-weight:normal; text-align:center; padding:0em; padding-left:4px; padding-right:4px; margin-left:2px; height:16px; border:1px outset #606060; background-image:url(/weblication/wGui/wImages/bg_button_weblic.gif); } .includeWeblic a.buttonFunction {cursor:pointer; text-decoration:none; font-weight:normal; color: #000000} /*.includeWeblic .buttonFunction {cursor:pointer; text-decoration:none; font-weight:normal; text-align:center; padding:0.2em; padding-left:4px; padding-right:4px; margin-top:0.2em; height:1.5em; border-style:outset; background-color:#F0F0F0; border-color:#606060; border-width:1px;} .includeWeblic a.buttonFunction {cursor:pointer; text-decoration:none; font-weight:normal;}*/ .includeWeblic .buttonAdmin {color: #000000;cursor:pointer; text-decoration:none; font-weight:normal; text-align:center; padding:0em; padding-left:4px; padding-right:4px; margin-left:2px; line-height:16px; border:1px outset #606060; background-image:url(/weblication/wGui/wImages/bg_button_weblic.gif); } .includeWeblic a.buttonAdmin {cursor:pointer; text-decoration:none; font-weight:normal; color: #000000} /*.includeWeblic .buttonAdmin {cursor:pointer; text-decoration:none; font-weight:normal; text-align:center; padding-left:8px; padding-right:8px; float:right; margin-top:10px; line-height:24px; border:1px none #7F7F7F;} .includeWeblic a.buttonAdmin {cursor:pointer; text-decoration:none; font-weight:normal;}*/ /* ############# Banner Startseite ############# */ .banner {height:225px; width:225px; overflow:hidden; position:absolute; margin-left:220px; left:50%; top:100px; z-index: 1000} .banner #myGallery, #myGallerySet, #flickrGallery {height:225px; width:225px;} .banner .jdGallery .slideElement {background:none} /* ############# Liste, welche die Angebote anzeigt ############# */ .listSupplyRepeat {background:url(/odc/wLayout/design/img/backgrounds/listsupply_repeat.gif) repeat-y left top; margin-bottom:1px;} .listSupplyTop {background:url(/odc/wLayout/design/img/backgrounds/listsupply_top.gif) no-repeat left top;} .listSupplyTop .headline {padding:4px 0 4px 30px; background:url(/odc/wLayout/design/img/backgrounds/listsupply_bullet.gif) no-repeat 15px center;} .listSupplyTop a.headlinemain, .listSupplyTop a.headlinesub {color:#d30019; text-decoration:none; text-transform:uppercase; font-size:12px; display:block; cursor:pointer; font-weight:bold;} .listSupplyTop a.headlinesub {font-weight:normal; } .listSupplyBottom {background:url(/odc/wLayout/design/img/backgrounds/listsupply_bottom.gif) no-repeat left bottom;} .blockContent.Angebot {padding-top:30px;} .elementStandard.descriptionAngebot {display:none} .elementStandard.hOne {color:#D30019;font-size:16px;font-weight:bold;text-transform:uppercase;} .elementStandard.hOne.Two {font-size:14px;} .highslide-html-content { text-align:left;} .highslide-headerLeft {background:url(/odc/wLayout/design/img/backgrounds/popup_lefttop.gif) no-repeat left top #f9c900;} .highslide-headerIeClickbar {background:url(/odc/wLayout/design/img/trans.gif) repeat left top; width:auto;} .highslide-headerRight {background:url(/odc/wLayout/design/img/backgrounds/popup_righttop.gif) no-repeat right top; padding:4px 0px;} .highslide-headerRightInner {background:url(/odc/wLayout/design/img/backgrounds/headline_bullet.gif) no-repeat 10px center;font-weight:normal; padding:0px 25px; color:#d30019; font-size:12px; text-transform:uppercase;} .highslide-headerRightInner h3 { font-weight:bold;margin:0px;} .highslide-close {position:absolute;right:12px;top:7px;cursor:pointer!important; z-index:888;} .highslide-close a, .highslide-close a img {cursor:pointer!important;} .highslide-html-content {background:#f1f1f1;} .highslide-body {padding:15px 25px} .highslide-body img { vertical-align: middle; } .market {color:#d30019; font-size:12px; text-transform:uppercase; font-weight:bold;} .highslide-body hr {height:2px;background:#fff;} .angebotPreis {width:330px;} .angebotPreisLeft {float:left;width:140px; padding:35px 0 0 0;} .angebotPreisRight {float:left;width:190px; height:90px;background:url(/odc/wLayout/design/img/backgrounds/angebot_preis.jpg) no-repeat left top; text-align:center; font-weight:bold; line-height:95px; color:#d30019; font-size:28px;} #headGallery { height: 225px; overflow: hidden; background-color: #a0c6df; } #myGallery, #myGallerySet, #flickrGallery { width: 300px; z-index:5; } #myGallery img { display: none; } #flickrGallery { width: 500px; height: 334px; } #myGallery img.thumbnail, #myGallerySet img.thumbnail { display: none; } #myPopGallery img.thumbnail, #myPopGallerySet img.thumbnail { display: none; } /* .jdGallery { overflow: hidden; position: relative; } .jdGallery img { border: 0; margin: 0; } .jdGallery .slideElement { width: 100%; height: 100%; background-color: #FFF; background-repeat: no-repeat; background-position: center center; background-image: url('/wDefault/wGlobal/layout/images/smooth_gallery/loading-bar-grey.gif'); } .jdGallery .loadingElement { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #FFF; background-repeat: no-repeat; background-position: center center; background-image: url('/wDefault/wGlobal/layout/images/smooth_gallery/loading-bar-grey.gif'); } .jdGallery .slideInfoZone { position: absolute; z-index: 10; width: 100%; margin: 0px; left: 0; bottom: 0; height: 60px; background: #000; color: #fff; text-indent: 0; overflow: hidden; } * html .jdGallery .slideInfoZone { bottom: -1px; } .jdGallery .slideInfoZone h2 { padding: 0; font-size: 20px; margin: 0; margin: 5px 20px; font-weight: bold; color: #FFFFFF; } .jdGallery .slideInfoZone p { padding: 0; font-size: 12px; margin: 2px 20px; color: #FFFFFF; } .jdGallery div.carouselContainer { position: absolute; height: 135px; width: 100%; z-index: 10; margin: 0px; left: 0; top: 0; } .jdGallery a.carouselBtn { position: absolute; bottom: 0; right: 30px; height: 20px; width: 100px; background: url('img/carousel_btn.gif') no-repeat; text-align: center; padding: 0 10px; font-size: 13px; background: #333; color: #fff; cursor: pointer; } .jdGallery .carousel { position: absolute; width: 100%; margin: 0px; left: 0; top: 0; height: 115px; background: #333; color: #fff; text-indent: 0; overflow: hidden; } .jdExtCarousel { overflow: hidden; position: relative; } .jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper { position: absolute; width: 100%; height: 78px; top: 10px; left: 0; overflow: hidden; } .jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner { position: relative; } .jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail { cursor: pointer; background: #000; background-position: center center; float: left; border: solid 1px #fff; } .jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail { margin-bottom: 10px; } .jdGallery .carousel .label, .jdExtCarousel .label { font-size: 13px; position: absolute; bottom: 5px; left: 10px; padding: 0; margin: 0; } .jdGallery .carousel .wallButton, .jdExtCarousel .wallButton { font-size: 10px; position: absolute; bottom: 5px; right: 10px; padding: 1px 2px; margin: 0; background: #222; border: 1px solid #888; cursor: pointer; } .jdGallery .carousel .label .number, .jdExtCarousel .label .number { color: #b5b5b5; } .jdGallery a { font-size: 100%; text-decoration: none; color: inherit; } .jdGallery a.right, .jdGallery a.left { position: absolute; height: 99%; width: 25%; cursor: pointer; z-index:10; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; } * html .jdGallery a.right, * html .jdGallery a.left { filter:alpha(opacity=50); } .jdGallery a.right:hover, .jdGallery a.left:hover { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } .jdGallery a.left { left: 0; top: 0; background: url('/wDefault/wGlobal/layout/images/smooth_gallery/fleche1.png') no-repeat center left; } * html .jdGallery a.left { background: url('/wDefault/wGlobal/layout/images/smooth_gallery/fleche1.gif') no-repeat center left; } .jdGallery a.right { right: 0; top: 0; background: url('/wDefault/wGlobal/layout/images/smooth_gallery/fleche2.png') no-repeat center right; } * html .jdGallery a.right { background: url('/wDefault/wGlobal/layout/images/smooth_gallery/fleche2.gif') no-repeat center right; } .jdGallery a.open { left: 0; top: 0; width: 100%; } .withArrows a.open { position: absolute; top: 0; left: 25%; height: 99%; width: 50%; cursor: pointer; z-index: 10; background: none; -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } .withArrows a.open:hover { background: url('/wDefault/wGlobal/layout/images/smooth_gallery/open.png') no-repeat center center; } * html .withArrows a.open:hover { background: url('/wDefault/wGlobal/layout/images/smooth_gallery/open.gif') no-repeat center center; filter:alpha(opacity=80); } .jdGallery a.gallerySelectorBtn { z-index: 15; position: absolute; top: 0; left: 30px; height: 20px; width: 100px; background: url('img/carousel_btn.gif') no-repeat; text-align: center; padding: 0 10px; font-size: 13px; background: #333; color: #fff; cursor: pointer; opacity: .4; -moz-opacity: .4; -khtml-opacity: 0.4; filter:alpha(opacity=40); } .jdGallery .gallerySelector { z-index: 20; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; } .jdGallery .gallerySelector h2 { margin: 0; padding: 10px 20px 10px 20px; font-size: 20px; line-height: 30px; color: #fff; } .jdGallery .gallerySelector .gallerySelectorWrapper { overflow: hidden; } .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton { margin-left: 10px; margin-top: 10px; border: 1px solid #888; padding: 5px; height: 40px; color: #fff; cursor: pointer; float: left; } .jdGallery .gallerySelector .gallerySelectorInner div.hover { background: #333; } .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview { background: #000; background-position: center center; float: left; border: none; width: 40px; height: 40px; margin-right: 5px; } .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3 { margin: 0; padding: 0; font-size: 12px; font-weight: normal; } .jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info { margin: 0; padding: 0; font-size: 12px; font-weight: normal; color: #aaa; } */