/* //////////////////////////////////////////////////////////////// // // design.css Stylesheet fuer die Inhaltsseiten // // Weblication® CMS Strukturdesign Version 4.5 // erstellt durch Scholl Communications AG, 77694 Kehl, www.scholl.de // erstellt mit Weblication® Content Management Server, www.weblication.de // //////////////////////////////////////////////////////////////// */ /*Standardformatierungen*/ body {background-color:#FFFFFF;margin:0px;font-family:arial, helvetica, verdana, sans-serif;font-size:11px;color:#000000;font-weight:normal;line-height:150%;}/*Standard Textformatierung*/ div {font-family:arial, helvetica, verdana, sans-serif;font-size:11px;color:#000000;line-height:150%;} p {font-family:arial, helvetica, verdana, sans-serif;font-size:11px;color:#000000;line-height:150%;margin:0px;padding:0px;} span {font-family:arial, helvetica, verdana, sans-serif;font-size:11px;color:#000000;line-height:150%;} form {font-family:arial, helvetica, verdana, sans-serif;font-size:11px;color:#000000;line-height:150%;margin:0px;padding:0px;} td {font-family:arial, helvetica, verdana, sans-serif;font-size:11px;color:#000000;line-height:150%;} /*Links*/ a {font-family:arial, helvetica, verdana, sans-serif;color:#FF7F00;text-decoration:underline;} a:hover {font-family:arial, helvetica, verdana, sans-serif;color:#FF7F00;text-decoration:underline;} /*Eingabefelder*/ input {font-size:11px; font-family:arial, helvetica, verdana, sans-serif; font-weight:normal; color:#000000;} select {font-size:11px; font-family:arial, helvetica, verdana, sans-serif; font-weight:normal; color:#000000;} textarea {font-size:11px; font-family:arial, helvetica, verdana, sans-serif; font-weight:normal; color:#000000;} input.big {width:99%;} input.middle {width:95%;} select.big {width:99%;font-size:11px; font-family:verdana, arial, helvetica, sans-serif; font-weight:normal; color:#333333;border-style:solid;border-width:1px;border-color:#c5c5c5;background-color:#f2f2f2;padding-left:2px;line-height:100%;} textarea.big {width:99%;height:100px;margin-bottom:4px;} td.big {width:99%;margin-bottom:4px;} /*Horizontale Linien*/ hr {background-color:#C0C0C0;color:#C0C0C0;height:1px;border-style:none;} /*################################ Ueberschriften ################################*/ h1 {margin:0px;padding:0px;font-size:15px; font-family:arial, verdana, sans-serif; font-weight:bold; color:#000000;} h2 {margin:0px;padding:0px;font-size:14px; font-family:arial, verdana, sans-serif; font-weight:bold; color:#000000;} h3 {margin:0px;padding:0px;font-size:13px; font-family:arial, verdana, sans-serif; font-weight:bold; color:#000000;} h4 {margin:0px;padding:0px;font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; color:#000000;} h5 {margin:0px;padding:0px;font-size:9px; font-family:arial, verdana, sans-serif; font-weight:bold; color:#000000;} h6 {margin:0px;padding:0px;font-size:7px; font-family:arial, verdana, sans-serif; font-weight:bold; color:#000000;} /*################################ Texte ################################*/ .text {font-size:11px; font-family:arial, helvetica, verdana, sans-serif; font-weight:normal; color:#000000;}/*Text*/ .textBold {font-size:11px; font-family:arial, helvetica, verdana, sans-serif; font-weight:bold; color:#000000;}/*Text fett*/ .textInvert {font-size:11px; font-family:arial, helvetica, verdana, sans-serif; font-weight:normal; color:#FFFFFF;}/*Text negativ*/ .textBoldInvert {font-size:11px; font-family:arial, helvetica, verdana, sans-serif; font-weight:bold; color:#FFFFFF;}/*Text fett negativ*/ .textSmall {font-size:6px; font-family:arial, helvetica, verdana, sans-serif; font-weight:normal; color:#000000;}/*Kleiner Text*/ .textSmallBold {font-size:9px; font-family:arial, helvetica, verdana, sans-serif; font-weight:bold; color:#000000;}/*Kleiner Text fett*/ .textSmallInvert {font-size:9px; font-family:arial, helvetica, verdana, sans-serif; font-weight:normal; color:#FFFFFF;}/*Kleiner Text negativ*/ .textSmallBoldInvert {font-size:9px; font-family:arial, helvetica, verdana, sans-serif; font-weight:bold; color:#FFFFFF;}/*Kleiner Text fett negativ*/ .textLarge {font-size:13px; font-family:arial, helvetica, verdana, sans-serif; font-weight:normal; color:#000000;}/*Großer Text*/ .textLargeBold {font-size:13px; font-family:arial, helvetica, verdana, sans-serif; font-weight:bold; color:#000000;}/*Großer Text fett*/ .textLargeInvert {font-size:13px; font-family:arial, helvetica, verdana, sans-serif; font-weight:normal; color:#FFFFFF;}/*Großer Text negativ*/ .textLargeBoldInvert {font-size:13px; font-family:arial, helvetica, verdana, sans-serif; font-weight:bold; color:#FFFFFF;}/*Großer Text fett negativ*/ /*################################ Elemente ################################*/ .elementHeadline {padding:8px;}/*Überschrift*/ .elementStandard {padding:8px;}/*Standard*/ .elementFormular {padding:8px;}/*Formulare*/ .elementInclude {padding:0px;}/*Includes*/ .elementSpace {height:12px;padding:8px;}/*Leerzeile*/ .elementRightStandard {padding:8px;}/*Standard im rechten Bereich*/ .elementRightInclude {padding:0px;}/*Include im rechten Bereich*/ .elementLeftStandard {padding:8px;}/*Standard im linken Bereich*/ .elementLeftInclude {padding:0px;}/*Include im linken Bereich*/ .elementLeftNavigation {padding:0px;}/*Navigation im linken Bereich*/ .elementTopStandard {padding:0px;background-color:#ff7f00;}/*Standard im oberen Bereich*/ .elementTopInclude {padding:0px;}/*Include im oberen Bereich*/ .elementTopNavigation {padding:0px;margin:0px;padding-left:10px;background-color:#333333;height:26px;font-color:#ff7F00;}/*Navigation im oberen Bereich*/ .elementTopSystemNavigation {position:absolute;top:10px;width:758px;text-align:right;} .elementBottomStandard {padding:4px;text-align:center;}/*Standard im unteren Bereich*/ .elementBottomInclude {padding:8px;}/*Include im unteren Bereich*/ /*################################ Bloecke ################################*/ .blockMain {width:100%;margin-left:auto; margin-right:auto;}/*Gesamter Bereich Vorlage 768*/ .blockTop {width:100%;border-style:solid;border-width:0px;vertical-align:top;background-color:#ff7f00;border-color:#ff7f00;}/*Bereich oben Vorlage 768*/ .blockLeft {width:180px;border-style:solid;border-width:0px;border-top-style:none;border-bottom-style:none;vertical-align:top;}/*Bereich links*/ .blockContent {width:100%;border-style:solid;border-width:0px;border-top-style:none;border-bottom-style:none;vertical-align:top;}/*Inhaltsbereich*/ .blockContentStart {width:100%;border-style:solid;border-width:0px;border-top-style:none;border-bottom-style:none;vertical-align:top;}/*Inhaltsbereich*/ .blockContentDetail {width:100%;border-style:solid;border-width:0px;border-top-style:none;border-bottom-style:none;vertical-align:top;}/*Inhaltsbereich ohne rechte Spalte*/ .blockRight {width:170px;background-color:#e1e5c2;border-style:solid;border-width:0px;border-top-style:none;border-bottom-style:none;vertical-align:top;}/*Bereich rechts*/ .blockRightDetail {width:1px;border-style:solid;border-width:0px;border-top-style:none;border-bottom-style:none;vertical-align:top;}/*Bereich rechts mit 1 Pixel*/ .blockBottom {height:20px;border-style:solid;border-width:1px;vertical-align:top;background-color:#FFFFFF;border-color:#FFFFFF;}/*Bereich unten*/ .blockContentRelative {width:100%;} /*################################ Fragmente ################################*/ .fragmentSpace {height:12px;margin-bottom:2px;margin-left:8px;border-style:none;} .fragmentPictureFloatLeft {margin-right:8px;margin-bottom:8px;float:left;} .fragmentPictureFloatRight {margin-left:8px;margin-bottom:8px;float:right;} .fragmentTableDoubleCol {padding:0px;border-style:none;border-width:1px;border-color:#FF0000;} .fragmentTableTripleCol {padding:0px;border-style:none;border-width:1px;border-color:#FF0000;} .fragmentCellDoubleCol {width:50%;vertical-align:top;float:left} .fragmentCellTripleCol {width:30%;vertical-align:top;float:left} .fragmentLinklistFloatLeft {padding:8px;margin-right:8px;margin-bottom:8px;float:left;border- /*################################ Opacc CI ################################*/ A {COLOR: #ff7f00; FONT-FAMILY:arial, helvetica; TEXT-DECORATION: none;} A:active {COLOR: #ff7f00;} A:hover {COLOR: #ff7f00;} .link {FONT-SIZE: 11px; COLOR: #ff7f00; FONT-FAMILY:arial, helvetica; TEXT-DECORATION: underline} .lead {FONT-SIZE: 20px; COLOR: rgb(255,127,0); FONT-FAMILY:arial, helvetica} .topic {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 1px; COLOR: #666; PADDING-TOP: 0px; FONT-FAMILY:arial, helvetica} .topicgrey {font-size: 12px; background-image: url(/de/wLayout/design/img/bg_titgrey1.gif); color: #333; line-height: 14px; font-family:arial, helvetica; border-top: 1px solid white; border-bottom: 1px solid white; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px } .topicblue {font-size: 12px; background-image: url(/de/wLayout/design/img/bg_titblue1.gif); color: #333; line-height: 14px; font-family:arial, helvetica; border-top: 1px solid white; border-bottom: 1px solid white; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px;} .topicsenf {font-size: 12px; background-image: url(/de/wLayout/design/img/bg_titsenf1.gif); color: #333; line-height: 14px; font-family:arial, helvetica; border-top: 1px solid white; border-bottom: 1px solid white; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px } .topicgreen {font-size: 12px; background-image: url(/de/wLayout/design/img/bg_titgreen1.gif); color: #333; line-height: 14px; font-family:arial, helvetica; border-top: 1px solid white; border-bottom: 1px solid white; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px } .topicorange {font-size: 12px; background-image: url(/de/wLayout/design/img/bg_titorange1.gif); color: #333; line-height: 14px; font-family:arial, helvetica; border-top: 1px solid white; border-bottom: 1px solid white; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px } .topicblack {font-size: 12px; background-image: url(/de/wLayout/design/img/bg_titblack1.gif); color: #ccc; line-height: 14px; font-family:arial, helvetica; border-top: 1px solid white; border-bottom: 1px solid white; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px } .gs {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: rgb(0,0,0); PADDING-TOP: px; FONT-FAMILY:arial, verdana, helvetica} .gsline {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; COLOR: rgb(0,0,0); PADDING-TOP: 4px; BORDER-BOTTOM: #fff 1px solid; FONT-FAMILY: arial, helvetica} .gs1 {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; COLOR: rgb(0,0,0); PADDING-TOP: 4px; FONT-FAMILY: arial, helvetica} .gs1line {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; COLOR: rgb(0,0,0); PADDING-TOP: 4px; BORDER-BOTTOM: #fff 1px solid; FONT-FAMILY: arial, helvetica} .gs2 {FONT-SIZE: 12px; COLOR: rgb(255,127,0); FONT-FAMILY: arial, helvetica} .testimonial {FONT-SIZE: 12px; COLOR: rgb(123,153,183); FONT-FAMILY: arial, helvetica} .boxteaser {BORDER-RIGHT: #eaeaea 0px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eaeaea 5px solid; PADDING-LEFT: 5px; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; BORDER-LEFT: #eaeaea 5px solid; COLOR: black; PADDING-TOP: 3px; BORDER-BOTTOM: #eaeaea 0px solid; FONT-FAMILY: verdana, arial, helvetica} .titel {FONT-SIZE: 20px; COLOR: rgb(255,127,0); FONT-FAMILY: arial, helvetica} .adress {FONT-SIZE: 11px; COLOR: rgb(150,151,151); FONT-FAMILY: arial, helvetica} .nservice {FONT-SIZE: 12px; COLOR: rgb(51,51,51); FONT-FAMILY: arial, helvetica} .ndrop {FONT-SIZE: 12px; COLOR: rgb(0,0,0); FONT-FAMILY: arial, helvetica} .boxblue1 {BORDER-RIGHT: white 1px solid; BORDER-TOP: white 0px solid; BORDER-LEFT: white 0px solid; BORDER-BOTTOM: white 0px solid; BACKGROUND-COLOR: #a0b4d2} .boxblue2 {BORDER-RIGHT: white 1px solid; BORDER-TOP: white 0px solid; BORDER-LEFT: white 0px solid; BORDER-BOTTOM: white 0px solid; BACKGROUND-COLOR: #dee5ef} .boxgrey1 {BORDER-RIGHT: white 1px solid; BORDER-TOP: white 0px solid; BORDER-LEFT: white 0px solid; BORDER-BOTTOM: white 0px solid; BACKGROUND-COLOR: #d6d6d6} .boxgrey2 {BORDER-RIGHT: white 1px solid; BORDER-TOP: white 0px solid; BORDER-LEFT: white 0px solid; BORDER-BOTTOM: white 0px solid; BACKGROUND-COLOR: #eaeaea} .boxgrey3 {BORDER-RIGHT: white 1px solid; BORDER-TOP: white 0px solid; BORDER-LEFT: white 0px solid; BORDER-BOTTOM: white 0px solid; BACKGROUND-COLOR: #f6f6f6} .boxsenf1 {BORDER-RIGHT: white 1px solid; BORDER-TOP: white 0px solid; BORDER-LEFT: white 0px solid; BORDER-BOTTOM: white 0px solid; BACKGROUND-COLOR: #f5e88d} .boxsenf2 {BORDER-RIGHT: white 1px solid; BORDER-TOP: white 0px solid; BORDER-LEFT: white 0px solid; BORDER-BOTTOM: white 0px solid; BACKGROUND-COLOR: #faf3c2} .boxgreen1 {BORDER-RIGHT: white 1px solid; BORDER-TOP: white 0px solid; BORDER-LEFT: white 0px solid; BORDER-BOTTOM: white 0px solid; BACKGROUND-COLOR: #ccd296} .boxgreen2 {BORDER-RIGHT: white 1px solid; BORDER-TOP: white 0px solid; BORDER-LEFT: white 0px solid; BORDER-BOTTOM: white 0px solid; BACKGROUND-COLOR: #e1e5c2} .boxgreen3 {BORDER-RIGHT: white 1px solid; BORDER-TOP: white 0px solid; BORDER-LEFT: white 0px solid; BORDER-BOTTOM: white 0px solid; BACKGROUND-COLOR: #eef0dc}