/* //////////////////////////////////////////////////////////////// // // Styles fuer das Layout // // 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 // //////////////////////////////////////////////////////////////// */ @import url(reflectomatic.css); /* Standardformatierungen */ body {margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#666666; line-height:120%; background-image:url('/wDeutsch/wLayout/design/img/background.jpg'); background-color:#FAA22F; background-repeat:no-repeat; background-position:-130px 0%; background-attachment:scroll;} table {padding:0; margin:0;} div {margin:0;padding:0;} p {margin:0;padding:0;} span {margin:0;padding:0;} tr {margin:0;padding:0;} td {margin:0;padding:0;} th {margin:0;padding:0;} form {margin:0;padding:0;} ul {list-style-image:url('/wDeutsch/img/symbole/liste.gif'); margin:0; padding-left:15px; text-align:left; } .formcaption {width:90px; height:35px; float:left; line-height:30px;} .formcaption2 {width:150px; height:35px; float:left; line-height:30px;} .formval {width:350px; line-height:30px; height:35px; overflow:hidden; text-align:left; background:url('/wDeutsch/wLayout/design/img/forms/login.gif') no-repeat 30px 5px;} .formval2 {width:190px; line-height:30px; height:35px; overflow:hidden; text-align:left; background:url('/wDeutsch/wLayout/design/img/forms/login.gif') no-repeat 30px 5px;} .formvalue {width:350px; line-height:30px; height:35px; overflow:hidden; text-align:left; background-image:url('/wDeutsch/wLayout/design/img/forms/login2.gif'); background-repeat:no-repeat;} .formadr {width:350px; line-height:30px; height:35px; overflow:hidden; text-align:left; background-image:url('/wDeutsch/wLayout/design/img/forms/adr.gif'); background-repeat:no-repeat;} .formarea {width:350px; line-height:30px; height:135px; overflow:hidden; text-align:left; background-image:url('/wDeutsch/wLayout/design/img/forms/textarea.gif');background-repeat:no-repeat;} .formnorm {width:350px; line-height:30px; height:35px; overflow:hidden; text-align:left;} /* Eingabefelder */ input {color:#000000; font-family:Arial, Helvetica, sans-serif; margin-top:3px; color:#666666;} select {color:#000000; font-family:Arial, Helvetica, sans-serif; margin-top:3px; height:20px;} textarea {position:absolute; color:#666666; width:315px; max-width:330px; border: none; margin-top:3px; margin:0px 0px 0px 5px; padding-left:8px; padding-top:7px; height:125px; background:none;} .buttonsubmit {color:#FFFFFF; font-size:11px; font-weight:bold; border: none; background:url('/wDeutsch/wLayout/design/img/forms/up.gif') no-repeat 2px 2px; margin-left:109px; margin-top:-4px; cursor:pointer;} .buttonsubmit:hover {color:#FFFFFF; font-size:11px; font-weight:bold; border: none; background: url('/wDeutsch/wLayout/design/img/forms/up.gif') no-repeat 2px 2px; margin-left:109px; margin-top:-4px; cursor:pointer;} .buttonsubmit2 {position:absolute; color:#FFFFFF; font-size:11px; font-weight:bold; border: none; background:url('/wDeutsch/wLayout/design/img/forms/up2.gif') no-repeat 2px 2px; cursor:pointer; } .buttonsubmit2:hover {position:absolute; color:#FFFFFF; font-size:11px; font-weight:bold; border: none; background: url('/wDeutsch/wLayout/design/img/forms/up2.gif') no-repeat 2px 2px; cursor:pointer;} #maennchen {background-image:url('/wDeutsch/wLayout/design/img/forms/loin_maennchen.gif'); width:48px; height:54px; position:relative; top:-157px; left:20px; z-index:45px;} #info {background-image:url('/wDeutsch/wLayout/design/img/forms/info.gif'); width:205px; height:42px; position:relative; top:-23px; left:0px; z-index:45px;} #produkte {position:absolute; z-index:3; margin-left:15px; margin-top:-15px;} #produkte h3 {position:relative; z-index:3; max-width:135px; text-align:left;} .schleier {margin-top:0px; width:160px; height:145px; filter:alpha(opacity=25); -moz-opacity:0.25; -khtml-opacity: 0.25; opacity: 0.25;} .ohneschl {margin-top:0px; width:160px; height:145px;} .umgebung {margin-top:0px; width:160px; height:145px; float:left; margin-right:20px; margin-bottom:20px;} input.rounded {border:none; background:#FFFFFF; overflow:hidden; width:136px; max-width:156px!important; max-height:30px !important; max-height:30px; height:30px; background:none; margin-left:27px; padding-left:27px; padding-top:7px;} input.roundedgross {position:absolute; border:none; overflow:hidden; background:none; width:330px; max-width:330px; max-height:30px !important; max-height:30px; height:30px; margin:0px auto auto; padding:7px 8px 0px 15px;} input.roundedplz {position:absolute; float:left; border:none; overflow:hidden; background:none; max-width:60px; max-height:30px !important; max-height:30px; height:30px; margin:0px; padding:7px 8px 0px 15px;} input.roundedort {position:absolute; border:none; overflow:hidden; background:none; width:220px; max-width:220px; max-height:30px !important; max-height:30px; height:30px; margin:0px 0px 0px 60px; padding:7px 8px 0px 15px;} .break {font-size:0px; line-height:0px;} .breakclear {font-size:0px; line-height:0px; clear:both;} .brhalb {font-size:5px; line-height:5px; clear:both;} a {font-family:Arial, Helvetica, sans-serif;color:#faa22f; text-decoration:none;} a.headline_news {color:#333333; margin-left:25px; font-weight:bold; font-size:12px;} a.headline_news:hover{color:#333333; margin-left:25px; font-weight:bold; font-size:12px;} a:hover {font-family:Arial, Helvetica, sans-serif;color:#faa22f; text-decoration:none;} hr {background-color:#C0C0C0;color:#C0C0C0;height:1px;border-style:none;} /* Überschriften */ h1 {margin:0px 0px 30px 0px; padding:0px;font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#196aa2; font-weight:bold;} h2 {margin:42px 0px 22px 0px;padding:0px;font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#196aa2; font-weight:bold;} h3 {margin:22px 0px 11px 0px;padding:0px;font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#196aa2; font-weight:bold;} h3 a {margin:22px 0px 11px 0px;padding:0px;font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#196aa2; font-weight:bold;} h4 {margin:11px 0px 0px 0px;padding:0px; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#196aa2; font-weight:bold;} h2.kasten {margin:0px 0px 10px 50px;padding:0px;font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#196aa2;} h2.kastentermin {margin:-58px 0px 22px 50px;padding:0px;font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#196aa2;} .platz_25 {margin-left:25px; font-size:12px;} /* Blöcke */ .blockMain {width:929px; margin-left:70px; } /*Gesamter Bereich*/ .blockTop {width:788px; height:170px;margin-top:0px; background-image:url(/wDeutsch/wLayout/design/img/top.gif);background-repeat:no-repeat; background-position:0px 83px; padding-top:62px;}/*Bereich oben*/ .blockLeft {width:160px;float:left;border-style:solid;border-width:1px;border-top-style:none;border-bottom-style:none;height:480px;vertical-align:top;background-color:#e0e0e0;border-color:#034A8A;}/*Bereich links*/ #blockRight {position:absolute; width:240px; top:231px; left:759px; z-index:2; text-align:left; margin:auto;} .blockContent {min-height:480px; width:788px; margin:0px; vertical-align:top; background-image:url(/wDeutsch/wLayout/design/img/bg_content.gif);background-repeat:repeat-y; padding-top:4px;}/*Inhaltsbereich*/ .Content {margin-left:69px; text-align:justify; margin-right:144px;} .blockBottom {width:788px; height:65px; margin:0px; padding:0px; background-image:url(/wDeutsch/wLayout/design/img/footer.gif);background-repeat:no-repeat; }/*Bereich unten*/ .elementBottomStandard {position:relative; padding-top:10px; text-align:center; color:#fff3d0;}/*Standard im unteren Bereich*/ .striche {position:fixed; width:100%; left:0px; top:80%; height:60px; z-index:-1; background-image:url(/wDeutsch/wLayout/design/img/striche.gif);background-repeat:repeat-x;} .kastenoben {width:240px; height:27px; background-image:url(/wDeutsch/wLayout/design/img/kasten/kastenoben.gif); background-repeat:no-repeat;} .kastentext {width:240px; background-image:url(/wDeutsch/wLayout/design/img/kasten/kastentext.gif); background-repeat:repeat-y;} .kastentextinhalt {margin-left:13px;} .kastenunten {width:240px; height:28px; background-image:url(/wDeutsch/wLayout/design/img/kasten/kastenunten.gif); background-repeat:no-repeat;} /* Angebote */ .Contentangebote {margin-left:64px; text-align:justify; margin-right:137px;} #erstes {float:left; margin-right:15px; display:block;} #zweites {float:left; margin-right:15px; display:block;} #zweiteszweites {float:left; margin-right:15px; display:block;} #drittes {float:left; display:block;} #alle {padding-bottom:10px; display:block;} .eindrittelkastenoben {width:184px; height:8px; max-width:174px!important; background:transparent url('/wDeutsch/wLayout/design/img/angebote/1_3_kasten_oben.jpg') no-repeat scroll bottom; text-align:center;} .eindrittelkastentext {width:184px; max-width:174px!important; padding:5px; background:transparent url('/wDeutsch/wLayout/design/img/angebote/1_3_kasten.jpg') no-repeat scroll bottom; text-align:center; vertical-align:top;} .zweidrittelkastenoben{width:383px; height:8px; background:transparent url('/wDeutsch/wLayout/design/img/angebote/2_3_kasten_oben.jpg') no-repeat scroll top; text-align:center;} .zweidrittelkastentext{width:383px; max-width:373px!important; padding:5px; background:transparent url('/wDeutsch/wLayout/design/img/angebote/2_3_kasten.jpg') no-repeat scroll bottom; text-align:center;} .halbhalbkastenoben {width:283px; height:8px; background:transparent url('/wDeutsch/wLayout/design/img/angebote/1_2_kasten_oben.jpg') no-repeat scroll bottom; text-align:center;} .halbhalbkastentext {width:283px; max-width:273px!important; padding:5px; background:transparent url('/wDeutsch/wLayout/design/img/angebote/1_2_kasten.jpg') no-repeat scroll bottom; text-align:center;} .ganzerkastenoben {width:582px; height:8px; background:transparent url('/wDeutsch/wLayout/design/img/angebote/1_kasten_oben.jpg') no-repeat scroll bottom; text-align:center;} .ganzerkastentext {width:582px; max-width:572px!important; padding:5px; background:transparent url('/wDeutsch/wLayout/design/img/angebote/1_kasten.jpg') no-repeat scroll bottom; text-align:center;} .preis {font-size:26px; color:#196aa2; font-weight:bold; line-height:30px; margin-bottom:5px;} .euro {font-size:14px; color:#666666; font-weight:normal;} .prodheadline {font-size:15px; color:#666666; font-weight:bold; margin-bottom:5px; margin-top:15px;} .prodheadlineleft {font-size:14px; color:#666666; font-weight:bold; text-align:left; margin-left:5px; margin-top:15px;} .prodtext {font-size:13px; color:#666666; font-weight:normal; min-height:25px; margin-top:10px;} .prodtext2 {font-size:13px; color:#666666; font-weight:normal; min-height:25px; margin-top:10px;} .bildlinksprod {float:left; margin:5px 10px 5px 5px; display:block;} .prodtextleft {float:left; font-size:13px; color:#666666; font-weight:normal; min-height:25px; text-align:left; display:block; margin-top:10px;} /* Allgemeine Elemente des oberen Bereiches */ .elementTopStandard {padding:0px;}/*Standard im oberen Bereich*/ .elementTopInclude {padding:0px;}/*Include im oberen Bereich*/ #navigation { position:absolute; z-index:20;} .elementTopNavigationLeft {padding:0px;margin:0px 0px 0px 60px; height:47px; float:left; width:8px;} .elementTopNavigation {padding:0px;margin:0px; height:47px; float:left; background-image:url(/wDeutsch/wLayout/design/img/nav/hg.gif); background-repeat:repeat-x;} .elementTopNavigationRight {padding:0px;margin:0px; height:47px; float:left; width:13px;} .elementLogo {margin:auto; position:relative; top:-25px; left:37px; width:455px;} /* Allgemeine Elemente des Inhaltsbereiches */ .textSmall { font-size:10px; color:#35537c; font-weight:bold;} .textBild { font-size:10px; color:#35537c; font-weight:bold; margin:0px 0px 0px 5px; padding-top:5px;} .text_rechts { font-size:12px; color:#666666; text-align:right;} /* Allgemeine Elemente des rechten Bereiches */ .blockRight .elementInlineRightStandard {padding:2px;}/*Standard im rechten Bereich*/ .blockRight .elementRightStandard {padding:0px;width:160px;margin-top:10px;margin-left:10px;}/*Standard im rechten Bereich*/ .blockRight .elementRightInclude {padding:0px;}/*Include im rechten Bereich*/ /*################ Bildvergrößerung ################*/ #lightbox {left:0; line-height:0; position:absolute; text-align:center; width:100%; z-index:100;} #lightbox img {height:auto; width:auto;} #lightbox a img { border:medium none; z-index:-1;} #outerImageContainer {background-color:#FFFFFF; height:240px; margin:0 auto; position:relative; width:250px;} #imageContainer {padding:10px;} #loading {height:25%; left:0; line-height:0; position:absolute; text-align:center; top:40%; width:100%;} #hoverNav {height:100%; left:0;position:absolute; top:0; width:100%; z-index:10;} #imageContainer > #hoverNav {left:0;} #hoverNav a {outline-color:-moz-use-text-color; outline-style:none; outline-width:medium;} #prevLink, #nextLink { background-image:url(data:image/gif; display:block; height:100%; width:49%;} #prevLink { background:transparent url(/wDeutsch/wLayout/design/img/bilder/prevlabel.gif) no-repeat scroll left 15%; float:left; left:0;} #nextLink {background:transparent url(/wDeutsch/wLayout/design/img/bilder/nextlabel.gif) no-repeat scroll right 15%; float:right; right:0;} #prevLink:hover, #prevLink:visited:hover { background:transparent url(/wDeutsch/wLayout/design/img/bilder/prevlabel.gif) no-repeat scroll left 15%;} #nextLink:hover, #nextLink:visited:hover { background:transparent url(/wDeutsch/wLayout/design/img/bilder/nextlabel.gif) no-repeat scroll right 15%;} #imageDataContainer { -x-system-font:none; background-color:#FFFFFF; font-family:Verdana,Helvetica,sans-serif; font-size:10px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; height:auto; line-height:1.4em; margin:0 auto; overflow:hidden; width:100%;} #imageDataContainer2 { -x-system-font:none; background-color:#FFFFFF; font-family:Verdana,Helvetica,sans-serif; font-size:10px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; height:auto; line-height:1.4em; margin:30px auto 0; overflow:hidden; width:100%;} #bottomNav { margin-right:5px; text-align:right;} #imageData { color:#666666; padding:0 10px;} #imageData #imageDetails { float:left; text-align:left; width:100%;} #imageData #caption {font-weight:bold; width:600px;} #imageData #numberDisplay { clear:left; display:block; padding-bottom:1em;} #imageData #bottomNavClose {outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; width:100px;} #overlay {background-color:#000000; height:500px; left:0; position:absolute; top:0; width:100%; z-index:90;} .bild {float:left; margin-right:10px;} .bildrechts {float:right; margin-left:10px; width:160px;} #druck{ display:none;} #special_img_oben { margin:0px 0px 0px; height:24px; background:transparent url(/wDeutsch/wLayout/design/img/bilder/rahmen_oben.gif) no-repeat scroll left bottom; max-width:151px !important; padding:8px 8px 0px; width:161px; z-index:5; position:relative;} .special_img {background:transparent url(/wDeutsch/wLayout/design/img/bilder/rahmen.gif) no-repeat scroll left bottom; margin-top:-2px; max-width:153px !important; padding:0px 5px 0px 3px; width:161px; z-index:2;position:relative;line-height:0px; font-size:0px;} #special_img_unten { margin-top:-22px; height:23px; background:transparent url(/wDeutsch/wLayout/design/img/bilder/rahmen_unten.gif) no-repeat left top; max-width:161px !important; padding:0px 0px 0px; width:161px; z-index:2; position:relative; line-height:12px; font-size:12px;}