/* ** Angaben zum Adressblock ** ----------------------------------------------------------------- */ /* 1) Formatierung des Adressblocks */ .address { /* Abstand oben */ padding-top: 50px; /* Abstand unten */ padding-bottom: 20px; /* Abstand links */ padding-left: 15px; /* Schriftgrösse */ font-size: 10pt; /* Gewicht der Schrift (normal, bold, bolder, ...)*/ font-weight: normal; /* Schriftfarbe */ color: #000000; } /* 2) Formatierung des Abstand zwischen der Anschrift und der Telefonnummer */ .anschrift { /* Abstand unten */ padding-bottom: 5px; } /* 3) Formatierung des Abstand zwischen der Telefonnummer und der e-mail */ .nummern { /* Abstand unten */ padding-bottom: 5px; } /* 4) Formatierung des Firmennamen */ .addresstitel{ /* Schriftgrösse */ font-size: 10pt; /* Gewicht der Schrift (normal, bold, bolder, ...)*/ font-weight: bold; /* Schriftfarbe */ color: #000000; /* Schrift Transformaion capitalize = Wortanfänge als Großbuchstaben uppercase = Nur Großbuchstaben lowercase = Nur Kleinbuchstaben none = normal */ text-transform: none; } /* 5) Formatierung eines normalen Links */ .address a:link { /* Textdekoration (none, underline, ...) */ text-decoration : none; /* Linkfarbe */ color : #ED252E; } /* 6) Formatierung eines besuchten Links */ .address a:visited { /* Textdekoration (none, underline, ...) */ text-decoration : none; /* Linkfarbe */ color : #ED252E; } /* 7) Formatierung eines aktiven Links (bei gedrückter Maustaste) */ .address a:active { /* Textdekoration (none, underline, ...) */ text-decoration : none; /* Linkfarbe */ color : #ED252E; } /* 8) Formatierung eines aktiven Links (hover) */ .address a:hover { /* 6.1) Textdekoration (none, underline, ...) */ text-decoration : underline; /* Linkfarbe */ color : #ED252E; } /* ** Agenda ** ----------------------------------------------------------------- */ /* 1) Agenda - Allgemeine Klasse für Vererbung */ .agenda { } /* 2) ungerade Zeile (1,3,5,...) */ .agenda .lineBgLight { } /* 3) gerade Zeile (2,4,6,...) */ .agenda .lineBgDark { } /* ** Allgemeine Angaben zum Inhalt ** ----------------------------------------------------------------- */ /* 1) Allgemeine Seiten eigenschaften */ body { /* 1.1) Abstand zum Seitenrand */ margin: 0px; /* 1.2) Hintergrundfarbe */ background-color: #ffffff; } /* ** Bildergalerie ** ----------------------------------------------------------------- */ /* 1) Bildergalerie - Allgemeine Klasse für Vererbung */ .gallery { } /* 2) Bildergalerie: Legende eines Bildes */ .gallery .caption { /* 2.1) Schriftgrösse */ font-size: 8pt; } /* ** Blockaufbau-Module ** ----------------------------------------------------------------- */ /* 1) Blockaufbau - Allgemeine Klasse für Vererbung */ .cmsModularDesign { /* ... */ } /* 2) Blockaufbaumodul Bild */ .cmsModularDesign .image { /* 2.1) Abstand unten */ margin-bottom: 15px; } /* 3) Blockaufbaumodul Text */ .cmsModularDesign .text { /* 3.1) Abstand unten */ margin-bottom: 15px; } /* 4) Blockaufbaumodul Bild und Text */ .cmsModularDesign .imageAndText { /* 4.1) Abstand unten */ margin-bottom: 15px; } /* 5) Blockaufbaumodul Fileinclude */ .cmsModularDesign .includeFile { /* 5.1) Abstand unten */ margin-bottom: 15px; } /* 6) Bildlegende */ .cmsModularDesign .caption { /* ... */ } /* ** Schriftformatierung ** ----------------------------------------------------------------- */ /* 1) allg. Schriftformatierung */ body, table, td, input, select { /* 1.1) Schriftart */ font-family : Verdana, Arial, Helvetica, sans-serif; /* 1.2) Schriftgrösse */ font-size : 8pt; /* 1.3) Schriftfarbe */ color : #000000; /* 1.3) Zeilenhöhe*/ line-height: 13pt; } /* 2) Überschrift 1 = Titel */ h1 { /* 2.1) Schriftgrösse */ font-size: 9pt; /* 2.2) Gewicht der Schrift (normal, bold, bolder, ...)*/ font-weight: bold; /* 2.3) Schriftfarbe */ color : #000000; /* 2.4) Abstand oben */ margin-top: 0px; /* 2.5) Abstand unten */ margin-bottom: 15px; } /* 3) Überschrift 2 */ h2 { /* 3.1) Schriftgrösse */ font-size: 8pt; /* 3.2) Gewicht der Schrift (normal, bold, bolder, ...)*/ font-weight: bold; /* 3.3) Schriftfarbe */ color : #000000; /* 3.4) Abstand oben */ margin-top: 0px; /* 3.5) Abstand unten */ margin-bottom: 0px; } /* 4) Überschrift 3 und alle weiteren... */ h3, h4, h5 , h6 { /* 4.1) Schriftgrösse */ font-size: 10pt; /* 4.2) Gewicht der Schrift (normal, bold, bolder, ...)*/ font-weight: bold; /* 4.3) Schriftfarbe */ color : #000000; /* 4.4) Abstand oben */ margin-top: 0px; /* 4.5) Abstand unten */ margin-bottom: 10px; } /* ** Fusszeile ** ----------------------------------------------------------------- */ /* 1) Formatierung der Fusszeile */ .footer { /* Hintergrundfarbe */ background-color: #ffffff; /* Schriftfarbe */ color: #000000; /* Schriftgrösse */ font-size : 8pt; /* Innenabstand links */ padding-left: 0px; /* Innenabstand oben */ padding-top: 0px; /* Innenabstand unten */ padding-bottom: 0px; } /* 3) Formatierung des Abstandes zwischen linkem Rand und Elemente*/ .footerelemente { /* Innenabstand links */ padding-left: 2px; } /* Formatierung des Abstandes zwischen Print und zum Seitenanfang*/ .footerprint { /* Innenabstand links */ padding-right: 10px; } /* 4) Formatierung Rand der Tabelle*/ .footerBorder { width: 672px; border-width: 0px; border-width: 0px; border-color: #000000; border-style: solid; /* Hintergrundfarbe */ background-color: #ffffff; padding-left: 55px; padding-bottom: 5px; } /* 5) Formatierung eines normalen Links */ .footer a:link { /* Textdekoration (none, underline, ...) */ text-decoration : none; /* Linkfarbe */ color : #ED252E; } /* 6) Formatierung eines besuchten Links */ .footer a:visited { /* Textdekoration (none, underline, ...) */ text-decoration : none; /* Linkfarbe */ color : #ED252E; } /* 7) Formatierung eines aktiven Links (bei gedrückter Maustaste) */ .footer a:active { /* Textdekoration (none, underline, ...) */ text-decoration : none; /* Linkfarbe */ color : #ED252E; } /* 8) Formatierung eines aktiven Links (hover) */ .footer a:hover { /* Textdekoration (none, underline, ...) */ text-decoration : underline; /* Linkfarbe */ color : #ED252E; } /* ** Gästebuch ** ----------------------------------------------------------------- */ /* 1) Gästebuch - Allgemeine Klasse für Vererbung */ .guestbook { } /* ** Header ** ----------------------------------------------------------------- */ /* 1) */ .header { /* Hintergrundfarbe */ background-color: #ffffff; /* Abstand unten */ margin-bottom: 0px; } /* 2) */ .header td { /* Innenabstand oben */ padding-top: 0px; /* Innenabstand unten */ padding-bottom: 0px; } /* 3) Formatierung des Logos .logo { /* Abstand unterhalb des Logos */ margin-bottom: 15px; }*/ /* 4) Formatierung des Adressblocks .address { /* Abstand unten */ padding-bottom: 10px; }*/ /* Formatierung der Navigation */ .navipunkte { /* Abstand unten */ padding-right: 5px; } /* ** Angaben zum Inhaltsbereich ** ----------------------------------------------------------------- */ .hp_aufzaehlung { padding: 60px 0px 0px 45; } /* 1) Inhaltsbereich */ td.content { background-image:url(/images/allgemein/hg_content.jpg); background-repeat: no-repeat; /* 1.1) Allgemeiner Abstand */ padding-left: 55px; padding-right: 0px; padding-top: 0px; padding-bottom: 24px; /* 1.2) Abstand links (wird automatisch berechnet)*/ padding-left: -308px; /* 1.3) Abstand rechts (wird automatisch berechnet)*/ padding-right: -308px; /* 1.4) Hintergrundfarbe */ background-color: #ffffff; /* 1.5) Hintergrundbild background-image:url(/images/allgemein/hg_content.jpg); background-repeat: no-repeat; background-position: 80px 20px;*/ /* 1.6) Rahmen*/ border-width: 0px; border-right-width: 0px; border-left-width: 0px; border-top-width: 0px; border-color: #ffffff; border-style: solid; } .content ul { list-style-image: url(/images/allgemein/bullet.gif); padding-left: 15px; margin-left: 0px; } .content ol { padding-left: 15px; margin-left: 0px; } .content li { margin-left: 0px; margin-bottom: 0px; padding-left: 0px; } .content ol li { margin-left: 0px; padding-left: 15px; } .content p, .content ul, .content ol { margin-top: 0px; margin-bottom: 0px; } /* ** Kontaktformular ** ----------------------------------------------------------------- */ /* 1) Formularfeld im Kontaktfomular */ .inputfield { /* 1.1 )Rahmenart */ border-style: solid; border-width: 1px; border-color: #000000; /* 1.2) Breite des Textfeldes */ width: 250px; } /* 2) Formularfeld im Kontaktfomular für PLZ */ .inputfieldPLZ { /* 2.1) Rahmenart */ border-style: solid; border-width: 1px; border-color: #000000; /* 2.2) Breite des Textfeldes */ width: 100px; } /* ** Standardlinks ** ----------------------------------------------------------------- */ /* 1) Formatierung eines normalen Links */ a:link { /* 1.1) Textdekoration (none, underline, ...) */ text-decoration : none; /* 1.2) Linkfarbe */ color : #ED252E; } /* 2) Formatierung eines besuchten Links */ a:visited { /* 2.1) Textdekoration (none, underline, ...) */ text-decoration : none; /* 2.2) Linkfarbe */ color : #ED252E; } /* 3) Formatierung eines aktiven Links (bei gedrückter Maustaste) */ a:active { /* 3.1) Textdekoration (none, underline, ...) */ text-decoration : none; /* 3.2) Linkfarbe */ color : #ED252E; } /* 4) Formatierung eines aktiven Links (hover) */ a:hover { /* 4.1) Textdekoration (none, underline, ...) */ text-decoration : underline; /* 4.2) Linkfarbe */ color : #ED252E; } /* ** Navigation ** ------------------------------------------------------------------------- */ /* Navigationsbereich */ td.left_frame { /* Hintergrundfarbe */ background-color: #ffffff; background-image:url(/images/allgemein/hg_navi.jpg); background-repeat: no-repeat; margin: 0px; padding: 0px; width: 222px; border-width: 0px; border-right-width: 0px; border-left-width: 0px; border-top-width: 0px; border-color: #ffffff; border-style: solid; vertical-align: top; } /* Navigation */ .menu { /* Breite der Navigation */ width: 222px; height: 100%; margin-top: 7px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; border-style: solid; /* Rahmenfarbe (oben, rechts, unten, links) */ border-color: #ffffff; /* Rahmendicke alle Seiten */ border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; } /* ** Subnavigation 1 ** ----------------------------------------------------------------- */ .menu .submenu1 { /* Hintergrundfarbe */ /*background-color: #D4E7D0;*/ /* Rahmentyp festlegen. none = kein Rahmen (bzw. unsichtbarer Rahmen). dotted = gepunktet. dashed = gestrichelt. solid = durchgezogen. double = doppelt durchgezogen. groove = 3D-Effekt. ridge = 3D-Effekt. inset = 3D-Effekt. outset = 3D-Effekt. */ border-style: solid; /* Rahmenfarbe (oben, rechts, unten, links) */ border-color: #00934E; /* Rahmendicke alle Seiten */ border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; /* Abstand/Rand oben */ margin-top: 0px; /* Abstand/Rand rechts */ margin-right: 0px; /* Abstand/Rand unten */ margin-bottom: 0px; /* Abstand/Rand links */ margin-left: 0px; /* Innen-Abstand/Rand oben */ padding-top: 0px; /* Innen-Abstand/Rand rechts */ padding-right: 0px; /* Innen-Abstand/Rand unten */ padding-bottom: 0px; /* Innen-Abstand/Rand links */ padding-left: 0px; /* Schriftgewicht font-weight: bold;*/ /* Schriftgrösse font-size: 9pt;*/ /* Zeichenabstand letter-spacing: 0px;*/ /* Klein-/Grossbuchstaben capitalize = Wortanfänge als Grossbuchstaben. uppercase = Nur Grossbuchstaben. lowercase = Nur Kleinbuchstaben. none = normal (keine Text-Dekoration). text-transform: none;*/ /* Horizontale Textausrichtung left = linksbündig ausrichten (Voreinstellung). center = zentriert ausrichten. right = rechtsbündig ausrichten. justify = als Blocksatz ausrichten. text-align: left;*/ /* Hintergrundbild */ /* background-image:url(/images/berntor/navi/background.gif); */ } .menu .submenu1 a:link, .menu .submenu1 a:visited, .menu .submenu1 a:active { /* Schriftfarbe */ color: #00934E; } .menu .submenu1 a:hover { /* Schriftfarbe */ color: #00934E; text-decoration: none; } .menu .submenu1Mouseover { /*background-color: #D4E7D0;*/ border-style: solid; border-color: #00934E; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: bold; font-size: 9pt; letter-spacing: 0px; text-transform: none; text-align: left; /* background-image:url(/images/berntor/navi/background.gif); */ } .menu .submenu1Mouseover a:link, .menu .submenu1Mouseover a:visited, .menu .submenu1Mouseover a:active { /* Schriftfarbe */ color: #00934E; } .menu .submenu1Mouseover a:hover { /* Schriftfarbe */ color: #00934E; text-decoration: none; } .menu .submenu1Active { /*background-color: #D4E7D0;*/ border-style: solid; /* Rahmenfarbe (oben, rechts, unten, links) */ border-color: #00934E; /* Rahmendicke alle Seiten */ border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: bold; font-size: 9pt; letter-spacing: 0px; text-transform: none; text-align: left; /* background-image:url(/images/berntor/navi/background.gif); */ } .menu .submenu1Active a:link, .menu .submenu1Active a:visited, .menu .submenu1Active a:active { color: #00934E; } .menu .submenu1Active a:hover { text-decoration: none; } .menu .submenu1ActiveNoSubitems { background-color: #ffffff; border-style: solid; /* Rahmenfarbe (oben, rechts, unten, links) */ border-color: #00934E; /* Rahmendicke alle Seiten */ border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: bold; font-size: 9pt; letter-spacing: 0px; text-transform: none; text-align: left; /* background-image:url(/images/berntor/navi/background.gif); */ } .menu .submenu1_bullet { display: none; width: 0px; /* font-size: 6px; background-color: #D4E7D0; clear: none; */ float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .menu .submenu1Active_submenu { background-color: #00934E; border-style: solid; /* Rahmenfarbe (oben, rechts, unten, links) */ border-color: #00934E ; /* Rahmendicke alle Seiten */ border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } /* ** Subnavigation 2 ** ----------------------------------------------------------------- */ .menu .submenu2 { background-color: #EBF4E9; border-style: solid; border-color: #00934E; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; font-weight: normal; font-size: 9pt; letter-spacing: 0px; text-transform: none; text-align: left; /* background-image:url(/images/berntor/navi/background.gif); */ } .menu .submenu2 a:link, .menu .submenu2 a:visited { /* Schriftfarbe */ color: #00934E; } .menu .submenu2 a:hover, .menu .submenu2 a:active { /* Schriftfarbe */ color: #00934E; text-decoration: none; } .menu .submenu2Mouseover { background-color: #EBF4E9; border-style: solid; border-color: #00934E; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; font-weight: bold; font-size: 9pt; letter-spacing: 0px; text-transform: none; text-align: left; /* background-image:url(/images/berntor/navi/background.gif); */ } .menu .submenu2Mouseover a:link, .menu .submenu2Mouseover a:visited { /* Schriftfarbe */ color: #00934E; } .menu .submenu2Mouseover a:hover, .menu .submenu1Mouseover a:active { /* Schriftfarbe */ color: #00934E; text-decoration: none; } .menu .submenu2Active { background-color: #EBF4E9; border-style: outset; border-color: #00934E; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; font-weight: bold; font-size: 9pt; letter-spacing: 0px; text-transform: none; text-align: left; /* background-image:url(/images/berntor/navi/background.gif); */ } .menu .submenu2Active a:link, .menu .submenu2Active a:visited { /* Schriftfarbe */ color: #00934E; } .menu .submenu2Active a:hover, .menu .submenu2Active a:active { /* Schriftfarbe */ color: #00934E; text-decoration: none; } .menu .submenu2ActiveNoSubitems { background-color: #EBF4E9; border-style: outset; border-color: #00934E; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; font-weight: normal; font-size: 9pt; letter-spacing: 0px; text-transform: none; text-align: left; /* background-image:url(/images/berntor/navi/background.gif); */ } .menu .submenu2_bullet { display: none; width: 0px; /* font-size: 6px; background-color: #EBF4E9; clear: none;*/ float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .menu .submenu2Active_submenu { background-color: #EBF4E9; border-style: solid; /* Rahmenfarbe (oben, rechts, unten, links) */ border-color: #00934E; /* Rahmendicke alle Seiten */ border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; } .menu .submenu2Active_submenu a:link, .menu .submenu2Active_submenu a:visited { /* Schriftfarbe */ color: #00934E; } .menu .submenu2Active_submenu a:hover, .menu .submenu2Active_submenu a:active { /* Schriftfarbe */ color: #00934E; text-decoration: none; } /* ** Subnavigation 3 ** ----------------------------------------------------------------- */ .menu .submenu3 { background-color: #EBF4E9; border-style: solid; border-color: #00934E; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; */ margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; font-weight: normal; font-size: 9pt; letter-spacing: 0px; text-transform: none; text-align: left; /* background-image:url(/images/berntor/navi/background.gif); */ } .menu .submenu3 a:link, .menu .submenu2 a:visited { /* Schriftfarbe */ color: #00934E; } .menu .submenu3 a:hover, .menu .submenu2 a:active { /* Schriftfarbe */ color: #00934E; text-decoration: none; } .menu .submenu3Mouseover { background-color: #EBF4E9; border-style: solid; border-color: #00934E; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; */ margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; font-weight: bold; font-size: 9pt; letter-spacing: 0px; text-transform: none; text-align: left; /* background-image:url(/images/berntor/navi/background.gif); */ } .menu .submenu3Mouseover a:link, .menu .submenu2Mouseover a:visited { /* Schriftfarbe */ color: #00934E; } .menu .submenu3Mouseover a:hover, .menu .submenu1Mouseover a:active { /* Schriftfarbe */ color: #00934E; text-decoration: none; } .menu .submenu3Active { background-color: #EBF4E9; border-style: outset; border-color: #00934E; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; font-weight: bold; font-size: 9pt; letter-spacing: 0px; text-transform: none; text-align: left; /* background-image:url(/images/berntor/navi/background.gif); */ } .menu .submenu3Active a:link, .menu .submenu2Active_submenu a:visited { /* Schriftfarbe */ color: #00934E; } .menu .submenu3Active a:hover, .menu .submenu2Active_submenu a:active { /* Schriftfarbe */ color: #00934E; text-decoration: none; } .menu .submenu3_bullet { display: none; /* width: 15px; font-size: 6px; background-color: #EBF4E9; clear: none; */ float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } /* ** Newsticker ** ----------------------------------------------------------------- */ /* 1) Newsticker - Allgemeine Klasse für Vererbung */ .newsticker { } /* 2) Klasse zur Formatierung des "Behälters" in dem die News angezeigt werden */ .newsticker .container { } /* 3) Klasse zur Formatierung einer Newsticker-Nachricht */ .newsticker .message { }