/*----------Hauptrahmen------------------------------------------------------------------*/ #warp { width: 853px; \width: 873px; w\idth: 853px; margin: 10px; margin-left: auto; margin-right: auto; /*border: 1px solid #4FB557;*/ padding: 10px; position:relative; /* brose hintergrund: #FFFFFF blankes weiss */ background-color: #FFF088; } /* brose texthintergrund: #EFEFF7 */ /* brose hauptmen?hintergrund: #D6D6DE */ /* brose untermen?hintergrund: #EFF0F5 */ /*----------Bereichs?bergreifend---------------------------------------------------------*/ body { font-family: Verdana, Arial, sans-serif; font-size: small; text-align: left; } html { height: 101%; background-color: #FFFAD3; margin:0px; padding: 0px; } /*----------Kopfbereich------------------------------------------------------------------*/ #sonnenblumelinks{ position:absolute; top: 7px; left: 9px; /*9*/ } #simoneFront{ position:absolute; top: 7px; left: 315px; /*9*/ } #filmsymbolMitHand{ position:absolute; top: -3px; /*130*/ left: 163px; } #datum{ position:absolute; top: 7px; /*130*/ left: 480px; /* 370*/ } #notdienst{ position:absolute; top: 105px; left: 200px; color: #4FB557; font-weight:bold; } #notdienst a:link, #notdienst a:visited { padding-left: 5px; background-image: url(pfeilgruen2_kleiner.gif); background-position: left; background-repeat: no-repeat; color: #4FB557; /*4FB557*/ text-decoration: none; } #notdienst a:hover, #notdienst a:active { padding-left: 5px; background-image: url(pfeilgruen2_kleiner.gif); background-position: left; background-repeat: no-repeat; color: #000; /*089b33*/ text-decoration: none; } #logorechts{ position:absolute; top: 0px; left: 460px; } /*---------Navigation links--------------------------------------------------------------*/ #navibereich{ position:absolute; top: 123px;/*163*/ left: 7px; width: 185px; } /* brose hauptmen?hintergrund: #D6D6DE */ /* baumann bisher: #FFF9CB */ #navibereich p{ background-color: #FFF9CB; /*FFFAD3*/ padding: 5px; margin: 3px; } #navibereich .untermenue /* brose untermen?hintergrund: #EFF0F5 */ /* bamann bisher: #FFFCDE; */ { padding-left: 18px; background-color: #FFFEEE; } /*--------Linkformatierung im Navibereich:--------------------------------- Formatierung der normalen Links:*/ #navibereich a:link, #navibereich a:visited { padding-left: 10px; background-image: url(pfeilschwarz2.gif); background-position: left; background-repeat: no-repeat; text-decoration: none; color: #000; } #navibereich a:hover, #navibereich a:active{ padding-left: 10px; background-image: url(pfeilgruen2.gif); background-position: left; background-repeat: no-repeat; color: #4FB557; text-decoration: none; } /*ausgewaehlte links im navibereich*/ #navibereich #ausgewaehlt { background-image: url(pfeilgruen2.gif); background-position: left; background-repeat: no-repeat; color: #4FB557; } /* id bestellung: */ #navibereich #bestellung { font-weight:bold; } /* id wunschpreis */ #navibereich #wunschpreis{ font-weight: bold; color: #4FB557; } #navibereich #pfeilNachUnten { background-image: url(pfeilgruen2nachUnten.gif); background-position: left; background-repeat: no-repeat; color: #4FB557; } #navibereich #freundlicheHotline { padding: 5px; padding-top: 9px; } /*-----Hauptbereich--------------------------------------------------------------------*/ #hauptinhalt{ background-image: url(bg_hauptinhalt.gif); background-attachment:fixed; margin-left: 185px; margin-top: 111px;/*111*/ border-top: 1px solid #4FB557; /* mit der folgenden expliziten Positionierung des div-Containers hauptinhalt, ist der Bezugspunkt f?r das darin enthaltene absolute positionierte Bild (neben der Haupt?berschrift) nicht mehr der Nullpunkt des -Elements sondern der Nullpunkt des das Bild umschliessenden hauptinhalt-Containers! */ position:relative; } /* Sonderformatierung innerhalb der Hauptüberschrift auf der Startseite*/ #hauptinhalt .filmanklicken {font-size: small;}/*small */ #hauptinhaltEinzelseiten{ background-image: url(bg_hauptinhalt.gif); background-attachment:fixed; text-align: center; } #hauptinhaltohnefooter{ padding-left: 7px; padding-right: 7px; position:inherit; } * html #hauptinhaltohnefooter { height:1%; } h1 { /*padding: 10px; background-image: url(quadrath1.gif); background-position: left; background-repeat: no-repeat;*/ font-size: 115%; } h2 { font-size:100%; color:#000; margin: 0px; } h3 { font-size:90%; color:#000; margin: 0px; } hr { border-bottom: thin dotted ; /*4FB557*/ } .textUmBildFloaten{ float:left; padding-right: 13px; padding-bottom: 13px; } .angebotBestellung{ font-weight:bold; padding-top: 0px; margin-top: -12px; } /* beendet das floating ; unproblematisch in einspaltigen Layouts... */ .clearing{ clear: both; } .impressumBorderRight{ border-right:1px solid #000;; } #hauptinhaltohnefooter p{ margin-top: 1px; padding: 0px; padding-bottom: 10px; font-size: 90%; /* Texteinr?ckung erste Zeile:*/ text-indent: 0px; /* Zeilenabstand:*/ line-height: 150%; /* Wortabstand:*/ word-spacing: 0em; /*Zeichenbreite: normal, wider, narrower, condensed, semi-condensed, expanded*/ font-stretch: expanded; } .trennlinie{ border-bottom: 1px dotted #4FB557; } .bildunterschrift{ font-size: x-small; } .nachoben{ text-align:center; } .farbeinueberschrift{ color:#990000; } /* Untermen? im Hauptbereich */ .subnavigation ul{ text-align: left; margin-top: 2px; } .subnavigation li{ display: inline; } .subnavigation a:link, .subnavigation a:visited { color: #4FB557; text-decoration: none; } .subnavigation a:hover, .subnavigation a:active { color: #000; text-decoration: none; } /*Links im Hauptbereich*/ #hauptinhaltohnefooter a:link, #hauptinhaltohnefooter a:visited { padding-left: 4px; background-image: url(pfeilgruen2_kleiner.gif); background-position: left; background-repeat: no-repeat; color: #089b33; /*4FB557*/ text-decoration: none; } #hauptinhaltohnefooter a:hover, #hauptinhaltohnefooter a:active { padding-left: 4px; background-image: url(pfeilgruen2_kleiner.gif); background-position: left; background-repeat: no-repeat; color: #4FB557; text-decoration: none; } /* Spezielle Formatierung von VERLINKTEN Bildern*/ #hauptinhaltohnefooter .aElementBeiBild a { /* soll das oben definierte padding-left im container #aElementBeiBild NICHT wirksam sein, so mu? es EXPLIZIT auf 0 gesetzt werden!!!!!!*/ padding-left:0px; /* soll das oben definierte background-image im container #aElementBeiBild NICHT erscheinen, so mu? es EXPLIZIT ausgeschaltet werden!!!!!!*/ background-image:none; } .aElementBeiBild { padding-left:0px; background-image:none; } /* Spezielle Formatierung f?r den Skiplink "nach oben" */ #hauptinhaltohnefooter .nachoben a { padding-left:0px; background-image:none; } /*-----Fussbereich--------------------------------------------------------------------*/ #footer{ border-top: 1px solid #4FB557; font-size: 70%; background-color: #FFF088; padding-left: 75px; } #footer ul{ text-align: left; margin-top: 2px; } #footer li{ display: inline; } #footer a:link { color: #000; text-decoration: none; } #footer a:visited { color: #000; text-decoration: none; } #footer a:hover { color: #4FB557; } #footer a:active { color: #4FB557; font-size: 80%; } /* ==================================ENDE ZENTRAL.CSS=================================================================== */ /* ===================================================================================================== */ /*-------------- ALTE ANWEISUNGEN--------------------------------------------------------------------------------------- */ /* Formularformatierung */ form { /*background-color: #FFFFF3;*/ color: black; width: 600px; padding: 7px; /*border: 1px solid #8c8c8c;*/ /*margin: 10px auto; */ } .legendfarbe{ color:#0046d5; } textarea { height: 7em; } input:focus, textarea:focus { background-color: #F2F1F1; color: black; } /* Formatierung: class="inputText" */ .inputText { background-color: #F2F2F2; border: 1px dotted #999; } /* Formatierung: class="textArea" */ .textArea { background-color: #F2F2F2; border: 1px dotted #999; } /* Formatierung: class="inputRadio" */ .inputRadio { background-color: #d1d2d3; } /* Formatierung: class="inputCheckbox" */ .inputCheckbox { background-color: #d3d2d1; } /* Formatierung: class="inputCheckbox" */ .select_1 { color: #AAA; } /* Formatierung: class="fieldSet_1" */ .fieldSet_1 { background-color: #FAFAF1; } .paddMarBor{ padding: 40px; margin: 100px; border: thick dotted #0099FF; } /* Formatierung: class="nachOben" */ .nachOben{ text-align: center; } } p ul{ color: #786C47; font-weight: bold; /*line-height: 100%;*/ } img{ border: 0px; text-align: center; } ol{ list-style-position: inside; list-style-type: lower-roman; } ol li{ color: #786C47; font-weight: bold; } ul{ /*list-style-image: url(grafikUlli.jpg);*/ list-style-image: url(quadratgruenv1.gif); } /* table{ margin-left: 20px; margin-right: 20px; border: thin solid #786C47; } td{ border: thin dotted #786C47 /*padding: 7px;*/ } th{ /*padding: 7px;*/ border: thin dotted #786C47; background-color: #FFFFF3; } */