/*
////////////////////////////////////////////////////////////////
//
// 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 */
html, body { font-family: arial, helvetica, sans-serif; font-size: 12px; background-color: #fff1d6; margin: 0; padding: 0; height: 100%; color: #575757; }
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 #666666; border-bottom-color:#B6B6B6; border-right-color:#B6B6B6; font-size:11px;padding:1px;}
select {font-family:inherit; border:1px solid #666666; border-bottom-color:#B6B6B6; border-right-color:#B6B6B6; font-size:11px;padding:0px;}
textarea {font-family:inherit; border:1px solid #666666; 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:link { color: #575757; text-decoration: none; }
a:visited { color: #575757; text-decoration: none; }
a:hover { color: #575757; text-decoration: underline; }
a img {border:none;}
a.intern {padding-left:14px;background:url(/de/wLayout/design/img/links/intern.gif) center left no-repeat;}
a.extern {padding-left:14px;background:url(/de/wLayout/design/img/links/extern.gif) center left no-repeat;}
a.download {padding-left:14px;background:url(/de/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; list-style-image:url(/de/wLayout/design/img/decoration/aufzaehlung.gif);}
ol {margin-left:0px; padding-left:0px; list-style-type:decimal;}
hr {background-color:#74B211; color:#74B211; height:1px; border-style:none;}
/*################################ Ueberschriften ################################*/
h1 {margin:0px; padding:0px; font-size:18px; font-weight:bold; line-height:120%; color:#fbba00; margin-bottom:15px;}
h2 {margin:0px; padding:0px; font-size:14px; font-weight:bold; line-height:130%; color:#575757; margin-bottom:15px;}
h3 {margin:0px; padding:0px; font-size:12px; font-weight:bold; line-height:130%; color:#fbba00; margin-bottom:10px;}
h4 {margin:0px; padding:0px; font-size:12px; font-weight:bold; line-height:130%; color:#575757; margin-bottom:4px;}
h5 {margin:0px; padding:0px; font-size:12px; font-weight:bold; line-height:130%; color:#575757; margin-bottom:4px;}
h6 {margin:0px; padding:0px; font-size:12px; font-weight:bold; line-height:130%; color:#575757; margin-bottom:4px;}
h1 a {text-decoration:underline;}
h2 a {text-decoration:underline;}
h3 a {text-decoration:underline; color:#fbba00;}
h4 a {text-decoration:underline;}
h5 a {text-decoration:underline;}
h6 a {text-decoration:underline;}
h1 a:hover {text-decoration:underline;}
h2 a:hover {text-decoration:underline;}
h3 a:hover {text-decoration:underline; color:#fbba00;}
h4 a:hover {text-decoration:underline;}
h5 a:hover {text-decoration:underline;}
h6 a:hover {text-decoration:underline;}
/*################################ Texte ################################*/
.text {font-weight:normal; line-height:15px;} /*Text*/
.textBold {font-weight:bold; line-height:15px;}/*Text fett*/
.textInvert {color:#FFFFFF; font-weight:normal; line-height:15px;}/*Text negativ*/
.textBoldInvert {color:#FFFFFF; font-weight:bold; line-height:15px;}/*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:#666666; font-weight:normal; line-height:14px;}/*Kleiner Text*/
.textSmallBold {font-size:10px; color:#666666; 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:#666666; font-weight:normal; line-height:18px;}/*Großer Text*/
.textLargeBold {font-size:14px; color:#666666; 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*/
.overlay {position: absolute; top: 0; right: 0; z-index:10;background: url(/de/img/overlay_webcam.png); width: 76px; height: 56px;}
*html .overlay { position: absolute; top: 0; right: 0; z-index:10;width: 76px; height: 56px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/de/img/overlay_webcam.png', sizingMethod='scale');
background:none;
}
/*################################ 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 { background-image: url(/de/wLayout/design/img/backgrounds/bg_main.gif); width: 960px; margin-left: auto; margin-right: auto; min-height: 100%; position: relative; left: 0; overflow: auto; }
.blockMainInner { padding: 0; margin: 0; }
.blockTop { border-bottom: 1px solid #fbba00; background-color: #fff; height: 120px; width: 940px; background-image: url(/de/wLayout/design/img/header/header_streifen.gif); margin-left: auto; margin-right: auto; }
.blockTopInner { padding: 0; margin: 0; margin-left: auto; margin-right: auto; position:relative; }
.blockLeftContentRight { padding: 0 10px; margin: 0; }
.blockLeft { width: 220px; margin-left: 0px; float: left; padding: 0 0 30px 0; }
.blockLeftInner { padding: 0; margin: 0; }
.blockLeftContent { padding: 0 0 0 20px; margin: 0; background-image: url(/de/wLayout/design/img/backgrounds/bg_left.gif); background-repeat:no-repeat; text-align: center;}
.blockRight { padding-bottom: 50px; line-height: 130%; width: 220px; float: left; }
.blockRightInner { padding: 0; margin: 0; }
.blockGlobal {float:left; width:500px; padding-top:16px; padding-bottom:15px; border:0px solid #000000;}
.blockContent { padding: 0 20px 50px 20px; line-height: 140%; width: 460px; float: left; }
.blockContentInner { padding: 0; margin: 0; }
.blockBottom { clear: both; font-size: 10px; padding-top: 14px; background-image: url(/de/wLayout/design/img/backgrounds/bg_bottom.gif); background-repeat: repeat-x; text-align: center; margin-top: -40px; height: 22px; width: 920px; margin-left: auto; margin-right: auto; position: relative; left: 10px; }
.blockBottomInner { padding: 0; margin: 0; }
.blockTicker { width: 500px; float: left; height: 40px; }
/* IE Win < 7 only \*/
* html .blockMain { height: 100%; overflow: visible; }
.blockContent .elementStandard .fragmentPicture {margin:0px; padding:4px 0;}
.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 */
.blockContent a:link { text-decoration: underline; }
.blockContent a:visited { text-decoration: underline; }
.blockContent a:hover { text-decoration: underline; }
.blockContent h3 a {text-decoration:underline; color:#fbba00;}
.elementStandard {margin: 0px 0px 10px 0px; padding:0px;}
.elementStandardLinks {margin: 0px 0px 10px 0px; padding:0px; float: left; width: 220px;}
.elementStandardRechts {margin: 0px 0px 10px 0px; padding:0px; float: right; width: 220px;}
.elementStandard li {margin: 5px 0 0 0;}
.elementHeadline {margin: 0px 0px 10px 0px; padding:0px;}
.elementHeadline h1 {margin:0px; padding:0px; font-size:26px; font-weight:bold; margin-bottom:0px;}
.elementHeadline h2 {margin:0px; padding:0px; font-size:15px; font-weight:bold; margin-bottom:0px;}
.elementHeadline h3 {margin:0px; padding:0px; font-size:15px;font-weight:bold; margin-bottom:0px;}
.elementHeadline h4 {margin:0px; padding:0px; font-size:12px;font-weight:bold; margin-bottom:0px;}
.elementHeadline h5 {margin:0px; padding:0px; font-size:12px;font-weight:bold; margin-bottom:0px;}
.elementHeadline h6 {margin:0px; padding:0px; font-size:12px;font-weight:bold; margin-bottom:0px;}
.elementText {margin: 0px 0px 10px 0px; padding:0px;}
.elementTextBox {width: 140px; float: right; background-color: #e9e9e9; margin: 0 0 10px 20px; padding: 10px;}
.elementTextBox ul {margin-top: 0; margin-bottom: 0;}
.elementTextBox h1 {font-size: 18px; margin-bottom: 4px;}
.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;}
.elementSlideshow {height: 210px; overflow: auto;}
.elementPictureLeft {float: left;}
.elementPictureRight {float: right;}
.elementPictureLeft .subText,
.elementPictureRight .subText {width: 220 px; margin-top: 4px; }
.elementSpace {clear: both;}
*html .elementCallBackBox {position: relative; width: 260px; padding: 10px 0px 0 10px; background-color: #e9e9e9;}
.elementCallBackBox {position: relative; width: 260px; padding: 10px 10px 0 9px; background-color: #e9e9e9;}
.elementCallBackBox h2 {font-size: 16px; color: #fbba00; margin: 0; }
.elementCallBackBox h3 {font-size: 12px; color: #575757; margin: 0 0 7px 0;padding-left: 1px;}
.elementCallBackBox .text {padding-left: 1px;}
.elementCallBackLink {position: relative; width: 280px; height: 38px; background-color: #fff1d6; font-size: 16px; font-weight: bold; margin: 8px 0 0 -10px; text-decoration: none; }
.elementCallBackLink a:link,
.elementCallBackLink a:visited { position: absolute; z-index: 100; display: block; padding: 10px; width: 260px; position: relative; bottom: 0; left: 0; text-decoration: none; }
.elementCallBackLink a:hover {text-decoration: none;}
#elementVerticalSlide {padding: 10px 0; }
.elementToggleArrowDown { position: absolute; right: 10px; bottom: 11px; z-index: 1; width: 16px; height: 16px; background: url(/de/wLayout/design/img/icons/icn_arrow.gif) 0px 0px no-repeat;}
.elementToggleArrowUp { position: absolute; right: 10px; bottom: 11px; z-index: 1; width: 16px; height: 16px; background: url(/de/wLayout/design/img/icons/icn_arrow.gif) 0px -16px no-repeat;}
.elementPortletDescription {margin: 2px 0px 5px 0px; padding:0px;}
.elementPortletDescription h3 {margin-bottom:5px;}
.elementForm {margin: 0px 0px 18px 0px; padding: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%;}
.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 */
.blockTop .elementHeader {width:395px;height:26px;margin:6px 20px 0 0;padding:0px;padding-top:0px;float:right;}
.blockTop .elementHeaderImage {float:left}
.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 { padding: 0; width: 240px; margin-left: auto; margin-right: auto; }
.blockTop .languageSelector {position:absolute;top:84px;left:23px;}
/* Allgemeine Elemente des linken Bereiches */
.blockLeft .elementLeftStandard {margin:0 0 8px 11px; padding:0 6px 0 11px;}/*Standard im linken Bereich*/
.blockLeft .elementLeftStandard .elementLeftHeadline {}/*Headline im linken Bereich*/
.blockLeft .elementLeftStandard .elementLeftText {}/*Text im linken Bereich*/
.blockLeft .elementLeftStandard .elementLeftInclude {}/*Include im linken Bereich*/
/* Allgemeine Elemente des rechten Bereiches */
.blockRight .elementRightStandard {background-color: #fff1d6; width: 180px; padding: 10px 20px; border-bottom: 3px solid #d5d5d5; border-top: 1px solid #fbba00; margin-bottom: 5px; } /*Text im rechten Bereich*/
.blockRight .elementRightStandard .elementRightHeadline {}/*Headline im rechten Bereich*/
.blockRight .elementRightStandard .elementRightHeadline h2 {color: #000; margin:0px; padding:0px; font-size:12px; font-weight:bold; line-height:130%; margin-bottom: 6px;}/*h2 im rechten Bereich*/
.blockRight .elementRightStandard .elementRightText {}/*Text im rechten Bereich*/
.blockRight .elementRightStandard .elementRightInclude {}/*Include im rechten Bereich*/
.blockRight a {color:#575757;}
.blockRight a:hover {color:#575757;}
.blockRight ul {margin-top: 0; list-style-image:url(/de/wLayout/design/img/decoration/aufzaehlung.gif);}
.blockRight .elementRightAccordion { width: 220px; border-bottom: 3px solid #d5d5d5; border-top: 1px solid #fbba00; background-color: #fff1d6; margin-bottom: 5px; }
.blockRight .elementRightAccordion .elementRightHeadline h2 { color: #000; margin:0px; padding: 10px 20px 4px; font-size:12px; font-weight:bold; line-height:130%; margin-bottom: 6px;}/*h2 im rechten Bereich*/
.blockRight .elementRightToggler { color: #575757; border-top: 1px solid #fbba00; background-color: #fef7ea; cursor: pointer; margin: 0 0 0 0; padding: 5px 20px; overflow: auto; }
.blockRight .elementRightTogglerElement { background-color: #fff9ed; margin: 0; padding: 5px 20px; overflow: auto; }
.blockRight .elementRightTogglerElement p { padding-bottom: 10px; }
/* Allgemeine Elemente des unteren Bereiches */
.blockBottom .elementLogo {height:113px; margin:0; padding:0; border:none; float:left; overflow:hidden;}
.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:-24px; margin-left:0px;}
.editButton {float:left;}
.editButtonNavigation {position:absolute; margin-top:-24px; margin-left:0px;}
.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:16px; 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*/
.includeWeblic .elementTopNavigation {position:absolute; top:104px; padding-left:196px}
/*################ 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;}*/
/**
Stylesheet: Slideshow.css
CSS for Slideshow.
License:
MIT-style license.
Copyright:
Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
HTML:
Notes:
These next four rules are set by the Slideshow script.
You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/
.slideshow {
display: block;
position: relative;
z-index: 0;
}
.slideshow-images {
display: block;
overflow: hidden;
position: relative;
}
.slideshow-images img {
display: block;
position: absolute;
z-index: 1;
}
.slideshow-thumbnails {
overflow: hidden;
}
/**
HTML:
Notes:
The images div is where the slides are shown.
Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/
.slideshow-images {
height: 180px;
width: 460px;
}
.slideshow-images-visible {
opacity: 1;
}
.slideshow-images-prev {
opacity: 0;
}
.slideshow-images-next {
opacity: 0;
}
.slideshow-images img {
float: left;
left: 0;
top: 0;
}
/**
Notes:
These are examples of user-defined styles.
Customize these classes to your usage of Slideshow.
*/
.slideshow {
height: 180px;
margin: 0 auto;
width: 460px;
}
.slideshow a img {
border: 0;
}
/**
HTML:
...
Notes:
Customize the hidden / visible classes to affect the captions animation.
*/
.slideshow-captions {
background: #000;
bottom: 0;
color: #FFF;
font: normal 12px/22px Arial, sans-serif;
left: 0;
overflow: hidden;
position: absolute;
text-indent: 10px;
width: 100%;
z-index: 10000;
}
.slideshow-captions-hidden {
height: 0;
opacity: 0;
}
.slideshow-captions-visible {
height: 22px;
opacity: .7;
}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the controller animation.
*/
.slideshow-controller {
height: 18px;
left: 0;
margin: 0;
overflow: hidden;
position: absolute;
top: 180px;
width: 458px;
background-image: url(/de/wLayout/design/img/slideshow/controller_bg.gif);
z-index: 10000;
border: 1px solid #575757;
}
.slideshow-controller * {
margin: 0;
padding: 0;
}
.slideshow-controller-hidden {
opacity: 1;
}
.slideshow-controller-visible {
opacity: 1;
}
.slideshow-controller a {
cursor: pointer;
display: block;
height: 18px;
overflow: hidden;
position: absolute;
top: 0px;
}
.slideshow-controller a.active {
background-position: 0 -18px;
}
.slideshow-controller li {
list-style: none;
}
.slideshow-controller li.first a {
background-image: url(/de/wLayout/design/img/slideshow/controller.gif);
background-position: 0px 0px;
left: 0px;
width: 18px;
}
.slideshow-controller li.last a {
background-image: url(/de/wLayout/design/img/slideshow/controller.gif);
background-position: -72px 0px;
left: 64px;
width: 18px;
}
.slideshow-controller li.next a {
background-image: url(/de/wLayout/design/img/slideshow/controller.gif);
background-position: -54px 0px;
left: 48px;
width: 18px;
}
.slideshow-controller li.pause a {
background-image: url(/de/wLayout/design/img/slideshow/controller.gif);
background-position: -90px 0px;
left: 32px;
width: 18px;
}
.slideshow-controller li.play a {
background-position: -36px 0;
}
.slideshow-controller li.prev a {
background-image: url(/de/wLayout/design/img/slideshow/controller.gif);
background-position: -18px 0px;
left: 18px;
width: 18px;
}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the loader animation.
*/
.slideshow-loader {
height: 28px;
right: 0;
position: absolute;
top: 0;
width: 28px;
z-index: 10001;
}
.slideshow-loader-hidden {
opacity: 0;
}
.slideshow-loader-visible {
opacity: 1;
}
/**
HTML:
Notes:
Customize the active / inactive classes to affect the thumbnails animation.
Use the !important keyword to override FX without affecting performance.
*/
.slideshow-thumbnails {
bottom: 0px;
height: 16px;
left: 120px;
position: absolute;
top: 182px;
width: 340px;
overflow: auto;
z-index: 20000;
}
.slideshow-thumbnails * {
margin: 0;
padding: 0;
}
.slideshow-thumbnails ul {
height: 2px;
left: 0;
position: absolute;
top: 0;
width: 340px;
}
.slideshow-thumbnails li {
float: left;
list-style: none;
margin: 5px 5px 5px 0;
position: relative;
}
.slideshow-thumbnails a {
display: block;
float: left;
padding: 3px;
position: relative;
}
.slideshow-thumbnails a:hover {
background-color: #ffd869 !important;
opacity: 1 !important;
}
.slideshow-thumbnails img {
display: block;
}
.slideshow-thumbnails-active {
background-color: #fbba00;
opacity: 1;
}
.slideshow-thumbnails-inactive {
background-color: #989898;
opacity: .5;
}
.clearer {clear: both; height: 1px; overflow: hidden;}
.threePicturesInRow {margin-bottom: 15px;}
.threePicturesInRow .pictureNrOne {float: left; width: 160px;}
.threePicturesInRow .pictureNrOneInner {width: 140px; overflow: hidden}
.threePicturesInRow .pictureNrTwo {float: left; width: 140px; overflow: hidden;}
.threePicturesInRow .pictureNrTwoInner {}
.threePicturesInRow .pictureNrThree {float: right; width: 140px;overflow: hidden}
.threePicturesInRow .pictureNrThreeInner { }