/* CSS Document */ /** Farben Übersicht ***********/ /* DUNKELGRÜN - BODY: #12812F (Hintergrund) */ /* HELLGRÜN: #B8DDB7 */ /* TEXT: #B8DDB7 */ /* LINKS: #FFFFFF */ /* Zusatzfarbe für RECHTS #872E13 (Braun) */ /* 960px breite */ /* TRAILER 171 x 138px */ /********************************/ /* Grundlagen */ /*------------------------------*/ body { text-align: left; background-color: #12812F; color: #B8DDB7; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; margin:0px 7% 0px 7%; padding:0px; } h1 { margin: 0px 0px 0.2em; padding: 0px; font-size: 1.2em; line-height: 1.5em; color: #FFFFFF; font-weight: bold} h2 { margin: 0px 0px 0.2em; padding: 0px; font-size: 1em; line-height: 1.5em; color: #FFFFFF; font-weight:bold } h3 { margin: 0px 0px 0.2em; padding: 0px; font-size: 1.2em; line-height: 1.5em; color: #B8DDB7; font-weight:bold } h4 { margin: 0px 0px 0.2em; padding: 0px; font-size: 1em; line-height: 1.5em; color: #B8DDB7; font-weight: bold} h5 { margin: 0px 0px 0.2em; padding: 0px; font-size: 1em; line-height: 1.5em; color: #FFFFFF; font-weight:normal; text-transform: uppercase;} img { margin: 0px; padding: 0; border: 0px } p { margin: 0; padding: 0 0 0.7em; line-height: 1.5em; } p:first-letter { } ul{ margin: 0; padding: 0 0 0.5em 2em; list-style-type: square;line-height: 1.5em; } li {margin-bottom:0.4em} caption { display:none; } /********************************/ /* div-Boxen */ /********************************/ #inhaltsbereich { width: auto; margin: 10px 200px 0 170px; background-image: url(images/layout/balken_oben_tr.gif); background-repeat: repeat-x; overflow:hidden } #headline_box { width: auto; margin: 0px 10px 20px 10px; padding-top: 20px; } #inhalt { padding: 0 20px 20px 10px; border-bottom: 0px solid #B8DDB7; } #spalte_links {position: absolute; top: 20px; left: 7%; width: 140px; height: auto;} #navigation { background-image: url(images/layout/spalte_links_bg.gif);background-repeat: repeat-y;} #login { margin-top:10px;} #logospalte {position: absolute; top: 20px; right: 7%; width: 200px; height: auto; } #logo { width: 100%;height: 542px;background-color:#12812F;border: 1px solid #B8DDB7; background-image: url(images/layout/rechte_spalte_200.jpg);background-repeat: no-repeat; background-position: top;} #impressum {width: 100%;height: auto;text-align:right;padding-top:10px;font-size:0.8em;} #fussleiste { width: auto; height: 10px; margin: 0 200px 0 170px; clear:both; border-top: 1px solid #B8DDB7; } /* KLASSEN */ /*--------------------------*/ .navigation-text { } .headline { font-size: 2em; font-style: italic; font-weight: bold; color:#B8DDB7 } .trailer { padding: 91px 0 0 14px} .inhalt_rechtespalte {color: #B8DDB7} /* LINKS */ /*---------------------------*/ #inhalt a:link {color: #B8DDB7; text-decoration: underline; } #inhalt a:visited { color: #B8DDB7; text-decoration: underline; } #inhalt a:hover, a:focus {color: #FFFFFF; text-decoration: none; } #inhalt a:active { color: #FFFFFF; text-decoration: none; } #inhalt h1 a:link, #inhalt h2 a:link {color: #FFFFFF; text-decoration: none; } #inhalt h1 a:visited, #inhalt h2 a:visited { color: #FFFFFF; text-decoration: none; } #inhalt h1 a:hover, #inhalt h1 a:focus, #inhalt h2 a:hover, #inhalt h2 a:focus {color: #B8DDB7; text-decoration: none; } #inhalt h1 a:active, #inhalt h2 a:active { color: #B8DDB7; text-decoration: none; } #inhalt h3 a:link, #inhalt h4 a:link {color: #B8DDB7; text-decoration: none; } #inhalt h3 a:visited, #inhalt h4 a:visited { color: #B8DDB7; text-decoration: none; } #inhalt h3 a:hover, #inhalt h3 a:focus, #inhalt h4 a:hover, #inhalt h4 a:focus {color: #FFFFFF; text-decoration: none; } #inhalt h3 a:active, #inhalt h4 a:active { color: #FFFFFF; text-decoration: none; } h1 a:link:after, h2 a:link:after, h3 a:link:after, h4 a:link:after { content:url(images/layout/pfeil_link.gif)""; } h1 a:visited:after, h2 a:visited:after, h3 a:visited:after, h4 a:visited:after { content:url(images/layout/pfeil_link.gif)""; } #inhalt_links a:link {color: #B8DDB7; text-decoration: underline; } #inhalt_links a:visited { color: #B8DDB7; text-decoration: underline; } #inhalt_links a:hover, a:focus {color: #FFFFFF; text-decoration: none; } #inhalt_links a:active { color: #FFFFFF; text-decoration: none; } #inhalt_links h1 a:link, #inhalt_links h2 a:link {color: #FFFFFF; text-decoration: none; } #inhalt_links h1 a:visited, #inhalt_links h2 a:visited { color: #FFFFFF; text-decoration: none; } #inhalt_links h1 a:hover, #inhalt_links h1 a:focus, #inhalt_links h2 a:hover, #inhalt_links h2 a:focus {color: #B8DDB7; text-decoration: none; } #inhalt_links h1 a:active, #inhalt_links h2 a:active { color: #B8DDB7; text-decoration: none; } #inhalt_links h3 a:link, #inhalt_links h4 a:link {color: #B8DDB7; text-decoration: none; } #inhalt_links h3 a:visited, #inhalt_links h4 a:visited { color: #B8DDB7; text-decoration: none; } #inhalt_links h3 a:hover, #inhalt_links h3 a:focus, #inhalt_links h4 a:hover, #inhalt_links h4 a:focus {color: #FFFFFF; text-decoration: none; } #inhalt_links h3 a:active, #inhalt_links h4 a:active { color: #FFFFFF; text-decoration: none; } #inhalt_rechts a:link {color: #B8DDB7; text-decoration: underline; } #inhalt_rechts a:visited { color: #B8DDB7; text-decoration: underline; } #inhalt_rechts a:hover, a:focus {color: #FFFFFF; text-decoration: none; } #inhalt_rechts a:active { color: #FFFFFF; text-decoration: none; } /*****************************/ /* MENUE */ /*****************************/ /* Menü-Einträge */ .menu1-normal{font-weight: normal;color: #FFFFFF;text-decoration: none;margin-bottom: 6px;text-transform: uppercase;} .menu1-active{font-weight: bold; color: #B8DDB7; text-decoration: none; margin-bottom: 6px; } .menu2-normal{font-weight: normal; color: #FFFFFF; text-decoration: none; margin-bottom: 6px; padding-left: 7px; } .menu2-normal-last{font-weight: normal; color: #FFFFFF; text-decoration: none; margin-bottom: 13px; padding-left: 7px; } .menu2-active{font-weight: bold; color: #B8DDB7; text-decoration: none; margin-bottom: 6px; padding-left: 7px;} .menu2-active-last{font-weight: bold; color: #B8DDB7; text-decoration: none; margin-bottom: 13px; padding-left: 7px;} .menu3-normal{font-weight: normal; color: #FFFFFF; text-decoration: none; margin-bottom: 6px; padding-left: 10px;} .menu3-normal-last{font-weight: normal; color: #FFFFFF; text-decoration: none; margin-bottom: 13px; padding-left: 10px;} .menu3-active{font-weight: bold; color: #B8DDB7; text-decoration: none; margin-bottom: 6px; padding-left: 10px;} .menu3-active-last{font-weight: bold; color: #B8DDB7; text-decoration: none; margin-bottom: 13px; padding-left: 10px;} .menu1-normal a:hover {color: #B8DDB7; text-decoration: none; } .menu1-active a:hover {color: #B8DDB7; text-decoration: none;} .menu2-normal a:hover {color: #B8DDB7; text-decoration: none;} .menu2-normal-last a:hover {color: #B8DDB7; text-decoration: none;} .menu2-active a:hover {color: #B8DDB7; text-decoration: none;} .menu3-normal a:hover {color: #B8DDB7; text-decoration: none;} .menu3-normal-last a:hover {color: #B8DDB7; text-decoration: none;} .menu3-active a:hover {color: #B8DDB7; text-decoration: none;} /********************************/ /* Typo3-Spezial */ /********************************/ /* NACH OBEN LINK */ P.csc-linkToTop { font-size:0.8em; margin-top:1em} /* Images / Captions */ DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; font-size:0.8em; color: #12812F; background-color:#B8DDB7 } /* Tabellen generell */ /*------------------------------*/ TABLE.contenttable#pedigree { background-color:#B8DDB7;font-size:0.8em; padding: 0px; margin: 0px;} TABLE.contenttable#pedigree TD {background-color:#12812F; border: 0px solid #B8DDB7;} TABLE.contenttable#pedigree TD.s4 { width:100px} TABLE.contenttable#pedigree TD.s5 { width:185px} /* Tabellen speziell - Normal*/ TABLE.contenttable { border: solid 0px #B8DDB7; padding: 0px; margin: 0px;} TABLE.contenttable P { line-height:1.3em;padding: 2px; margin: 0px; } TABLE.contenttable TR { vertical-align: middle; padding: 0px; margin: 0px;} TABLE.contenttable TR TD { vertical-align: middle; padding: 0 0.4em 0 0; margin: 0px;} /* Tabellen speziell - Layout 1*/ TABLE.contenttable-1 {border: solid 0px #B8DDB7; padding: 0px; margin: 0px;} TABLE.contenttable-1 P { line-height:1.3em;padding: 0px; margin: 0px; } TABLE.contenttable-1 TR { vertical-align: middle; padding: 0px; margin: 0px;} TABLE.contenttable-1 TR TD { vertical-align: middle; padding: 0.1em 0.2em; margin: 0px; border-bottom: solid 1px #B8DDB7; border-right: solid 1px #B8DDB7;border-top: solid 1px #B8DDB7; border-left: solid 1px #B8DDB7;} /* Tabellen speziell - Layout 2*/ TABLE.contenttable-2 { border: solid 0px #B8DDB7; padding: 0px; margin: 0px; } TABLE.contenttable-2 P { line-height:1.3em;padding: 0px; margin: 0px; } TABLE.contenttable-2 TR { vertical-align: middle; padding: 0px; margin: 0px;} TABLE.contenttable-2 TR TD { vertical-align: middle; padding: 0.1em 0.2em; margin: 0px; border-bottom: solid 1px #B8DDB7; border-right: solid 1px #B8DDB7;border-top: solid 1px #B8DDB7; border-left: solid 1px #B8DDB7;} TABLE.contenttable-2 TR.tr-0{ background-color:#B8DDB7; color: #12812F; font-weight:bold} /* Tabellen speziell - Layout 3*/ TABLE.contenttable-3 { border: solid 0px #B8DDB7; padding: 0px; margin: 0px; } TABLE.contenttable-3 P { line-height:1.3em;padding: 0px; margin: 0px; } TABLE.contenttable-3 TR { vertical-align: middle; padding: 0px; margin: 0px;} TABLE.contenttable-3 TR TD { vertical-align: middle; padding: 0.1em 0.2em; margin: 0px; border-bottom: solid 1px #B8DDB7; border-right: solid 1px #B8DDB7;border-top: solid 1px #B8DDB7; border-left: solid 1px #B8DDB7;} TABLE.contenttable-3 TR TD.td-0{ background-color:#B8DDB7; color: #12812F; font-weight:bold} /* Rahmen, Einzüge, Linien Oben+Unten der einzelnen Seiteninhaltselemente */ /********************************/ DIV.csc-frame { border: 0px; } DIV.csc-frame-invisible { margin-top: 1em;} DIV.csc-frame-rulerBefore { border-top: 1px solid #B8DDB7; } DIV.csc-frame-rulerAfter { border-bottom: 1px solid #B8DDB7; } DIV.csc-frame-indent { padding: 0 4px 0 10px;} DIV.csc-frame-indent3366 { padding-left: 33%; } DIV.csc-frame-indent6633 { padding-right: 33%; } DIV.csc-frame-frame1 { background-color:#B8DDB7; border:1px solid #000000; padding:4px; margin:0; } DIV.csc-frame-frame2 { background-color: #12812F; border:1px solid #B8DDB7;padding: 4px; margin:0; } DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin: 0; padding: 0; } DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin: 0; padding: 0; } /********************************/ /* EXTENSIONS */ /********************************/ /*------------------------------*/ /* MAILFORM PLUS */ /*------------------------------*/ form label, input, select, textarea {margin: 6px 0 0px 0} form input#name, #adresse, #e-mail, #telefon, #sparte, #modell, #captcha { background-color:#FCFBE3; border: 0px;} form label { /* Alle Labels UND Formularelemente auswählen */ display: block; float: left; width: 120px; text-align: right; padding-right:1em; } form input, select { /* Alle Labels UND Formularelemente auswählen */ width: 200px; } form input#adresse { width: 310px; } form textarea { /* Alle Labels UND Formularelemente auswählen */ width: 300px;} form textarea#termin { border:none; background-color: #FCFBE3; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; padding:5px } form textarea#text { border:none; background-color: #FCFBE3; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; padding:5px } #kontakt { margin : 10px 0 5px 130px} #terminwunsch { margin : 10px 0 0 130px; font-size: 0.8em;} #captcha { height:24px; } form input#radio { width:30px; } form input#submit { margin : 10px 0 0 130px; width: auto; background-color:#B8DDB7; border: 0px solid #000000; } form {margin-top: 10px} .mailformplus {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;} /********************************/ /* NEW LOGIN BOX */ /********************************/ /*form#loginbox input#user, #pass { width: 100px; background-color:#FCFBE3; border: 0px;} form#loginbox label { display:compact; width: 120px; text-align: center; }*/ #login form input { width:120px; margin: 0 0 2px 0; padding: 0px; background-color:#B8DDB7; border: 0px solid #000000;} #login form label { text-align:left; margin: 0px; padding: 0px;} #login form input#submit {} /********************************/ /* 2 SPALTEN */ /********************************/ div.tx-fdfx2cols-pi1{ position: relative; width: 100%; left:0px; margin:0px; padding:0px } /* Layout 1 */ div.c2l1d-left{ float:left; padding-right: 2%; width:47%; white-space:normal; } div.c2l1d-middle{ float:left; padding-left: 2%; width:47%; white-space:normal;} /* Layout 2 */ div.c2l2d-left{float:left; padding-right: 2%; width:47%; border-right: 1px solid #B8DDB7; white-space:normal; } div.c2l2d-middle{ float:left; padding-left: 2%; width:47%; white-space:normal;} /* Layout 3 */ div.c2l3d-left{ float:left; padding: 1px 4px 0 4px; margin-bottom:0.7em;width:47%; background-color: #138C34; white-space:normal;} div.c2l3d-middle{ float:left; padding-left: 2%; width:47%; white-space:normal;} div.clearer { clear:both; visibility:hidden;} /* Ende der Datei. */