/* padding: 0; Zwischenabstände auf Null setzen */ /* margin: 0; Aussenabstände auf Null setzen */ /* --- Anfang der divs ---------------------------------------------------------------- */ #a_0100 { /* background-color: #FFC000; Hintergrundfarbe in section_0000 */ /* background-image: url(../00_images/back020.gif); */ margin-left: 250px; /* Abstand nach links */ margin-right: 00px; /* Abstand nach rechts */ padding-left: 10px;; /* Schriftabstand links */ } /* ------------------------------------------------------------------------------------ */ #a_0200 { /* background-color: #18AD2F; Hintergrundfarbe in section_00001 */ /* background-image: url(../00_images/back001.gif); */ margin-left: 250px; /* Abstand nach links */ margin-right: 00px; /* Abstand nach rechts */ padding-left: 10px;; /* Schriftabstand links */ } /* ------------------------------------------------------------------------------------ */ #a_0300 { /* background-color: #419DFF; Hintergrundfarbe in section_00001 */ /* background-image: url(../00_images/back008.gif); */ margin-left: 250px; /* Abstand nach links */ margin-right: 00px; /* Abstand nach rechts */ padding-left: 10px;; /* Schriftabstand links */ } /* ------------------------------------------------------------------------------------ */ #a_0400 { /* background-color: #419DFF; Hintergrundfarbe in section_00001 */ /* background-image: url(../00_images/back004.gif); */ margin-left: 250px; /* Abstand nach links */ margin-right: 00px; /* Abstand nach rechts */ padding-left: 10px;; /* Schriftabstand links */ } /* ------------------------------------------------------------------------------------ */ #a_0500 { /* background-color: #419DFF; Hintergrundfarbe in section_00001 */ /* background-image: url(../00_images/back014.gif); */ margin-left: 250px; /* Abstand nach links */ margin-right: 00px; /* Abstand nach rechts */ padding-left: 10px;; /* Schriftabstand links */ } /* ------------------------------------------------------------------------------------ */ #a_0600 { /* background-color: #419DFF; Hintergrundfarbe in section_00001 */ /* background-image: url(../00_images/back003.gif); */ margin-left: 250px; /* Abstand nach links */ margin-right: 00px; /* Abstand nach rechts */ padding-left: 10px;; /* Schriftabstand links */ } /* --- Ende der divs ------------------------------------------------------------------ */ /* --- -------------------------------------------------------------------------------- */ /* --- Anfang ------------------------------------------------------------------------- */ /* --- Ende xxx --------------------------------------------------------------------- */ /* --- -------------------------------------------------------------------------------- */ /* --- Anfang Gästebuch -------------------------------------------------------------- */ /* Gesamtcontainer für Gästebuch */ #gaestebuch_container { width: 900px; margin: 0 auto; font-family: Arial, sans-serif; } /* Formularfelder */ #gaestebuch_container form input, #gaestebuch_container form textarea { width: 100%; max-width: 100%; box-sizing: border-box; margin-bottom: 10px; padding: 10px; font-size: 16px; border-radius: 5px; border: 1px solid #ccc; } /* Textarea optimiert */ #gaestebuch_container form textarea { resize: vertical; min-height: 120px; } /* Speichern-/Abschicken-Button */ .gb-button { background-color: firebrick; padding: 10px 20px; border: none; font-size: 16px; cursor: pointer; color: white; border-radius: 5px; margin-bottom: 20px; } .gb-button:hover { background-color: darkred; } /* Einzelner Eintrag */ .gbeitrag { border-bottom: 1px solid #ccc; padding: 15px 0; margin-bottom: 15px; } .gbeitrag hr { border: 0; border-top: 1px solid #aaa; margin-top: 15px; margin-bottom: 15px; } /* Statusboxen (z. B. nach Speichern) */ .status-box { width: 900px; margin: 10px auto; padding: 10px 15px; border-radius: 5px; font-size: 16px; color: white; } .status-success { background-color: #5cb85c; } .status-warning { background-color: #d9534f; } /* --- Ende Gästebuch --------------------------------------------------------------- */ /* --- -------------------------------------------------------------------------------- */ /* --- Anfang zurück Butteon ---------------------------------------------------------- */ .btn-back { display: inline-block; background-color: firebrick; color: white; padding: 12px 20px; border-radius: 8px; font-size: 1rem; font-weight: bold; text-decoration: none; transition: background-color 0.3s ease; margin-top: 20px; } .btn-back:hover { background-color: darkred; text-decoration: none; color: white; } /* --- Ende zurück Button ----------------------------------------------------------- */ /* --- -------------------------------------------------------------------------------- */ /* --- Anfang xxx --------------------------------------------------------------------- */ /* --- Ende xxx --------------------------------------------------------------------- */ /* --- -------------------------------------------------------------------------------- */ /* --- Anfang xxx --------------------------------------------------------------------- */ /* --- Ende xxx --------------------------------------------------------------------- */ /* --- -------------------------------------------------------------------------------- */ /* --- Anfang xxx --------------------------------------------------------------------- */ /* --- Ende xxx --------------------------------------------------------------------- */ /* --- -------------------------------------------------------------------------------- */ /* --- Anfang xxx --------------------------------------------------------------------- */ /* --- Ende xxx --------------------------------------------------------------------- */ /* --- -------------------------------------------------------------------------------- */ /* --- Anfang xxx --------------------------------------------------------------------- */ /* --- Ende xxx --------------------------------------------------------------------- */ /* --- -------------------------------------------------------------------------------- */ /* --- Anfang xxx --------------------------------------------------------------------- */ /* --- Ende xxx --------------------------------------------------------------------- */ /* --- -------------------------------------------------------------------------------- */ /* --- Anfang für die Bilderausrichtung allgemein ------------------------------------- */ .bild_links { /* Bild linke Seite */ background-color: white; /* Hintergrundfarbe Bild */ padding: 1em; /* Abstand ums Bild - margin=Aussenabstand, padding ist Innenabstand */ /* margin-left: 1em; Abstand nach links zu Schrift */ border: 1px solid black; /* Rahmen ums Bild - stärke, solid=strich(nicht gepunktet) Farbe */ float: left /* Bild nach links und soll umflossen werden */ } .bild_links_rahmen { background-color: white; /* Hintergrundfarbe Bild*/ border: 1px solid black; border-collapse:collapse; /* Entfernt Zwischenräume zwischen d. einzelnen Tabellen */ margin-left: 1em; /* Abstand nach links zu Schrift */ /* margin-right: 1em; Abstand nach rechts zu Schrift */ float: left; padding: 20px; /* Zwischenabstand */ text-align: center; } .bildcenter-rahmen { background-color: white; /* Hintergrundfarbe Bild*/ border: 1px solid black; border-collapse:collapse; /* Entfernt Zwischenräume zwischen den einzelnen Tabellen */ /*margin-left: 1em; Abstand nach links zu Schrift*/ margin-right: 1em; /* Abstand nach rechts zu Schrift*/ padding: 20px; /* Zwischenabstand */ text-align: center; } .bild_mitte_rahmen { background-color: white; /* Hintergrundfarbe Bild*/ border: 1px solid black; /* Rahmen ums Bild */ border-collapse:collapse; /* Entfernt Zwischenräume zwischen den einzelnen Tabellen */ /*margin-right: 1em; Abstand nach rechts zu Schrift*/ /*float: right; */ padding: 20px; /* Zwischenabstand */ text-align: center; } .bild_rechts_ { /* Bild rechte Seite */ background-color: #FFFFD4; /* Hintergrundfarbe Bild*/ padding: 1em; /* Abstand ums Bild - margin=Aussenabstand, padding ist Innenabstand*/ margin-left: 1em; /* Abstand nach links zu Schrift*/ border: 1px solid black ;/* Rahmen ums Bild*/ float: right /* Bild nach rechts und soll umflossen werden*/ } .bild_rechts_rahmen { background-color: white; /* Hintergrundfarbe Bild*/ border: 1px solid black; /* Rahmen ums Bild */ border-collapse:collapse; /* Entfernt Zwischenräume zwischen d. einzelnen Tabellen */ margin-right: 1,2em; /* Abstand nach rechts zu Schrift*/ float: right; padding: 20px; /* Zwischenabstand */ text-align: center; } /* --- Ende für die Bilderausrichtung allgemein ------------------------------------- */ /* ------------------------------------------------------------------------------------ */ /* Ab hier Anfang für Farben im Text */ .orange { color: orange; } .gruen { color: #026100; } .rot { color: #D60000; } .schwarz { color: #000000; } .blau { color: #000080; } /* Ab hier Ende für Farben im Text ---------------------------------------------------- */ /* */ /* ------------------------------------------------------------------------------------ */ /* padding: 0; Zwischenabstände auf Null setzen */ /* margin: 0; Aussenabstände auf Null setzen */ /* border: 1px solid; */ /* border-color: #000000; */ /* background-image: url(../33_images/back002.gif); */ /* width: 000px; */ /* height: 727px; */ /* text-align: center; */ /* vertical-align: top; Text nach oben */ /* text-align: left; Text nach links */ /* text-align: right; Text nach Rechts */ /* text-decoration: none; Unterstriche bei den Links entfernen */ /* margin-right: 10px; Abstand nach rechts */ /* margin-left: 232px; Abstand nach links */ /* padding-left: 00px; Text nach rechts rücken */ /* font-family:Arial, sans-serif; Schriftart */ /* font-size: 90%; Schriftgröße */ /* font-size: 9pt; Schriftgröße */ /* margin-right: 10px; Abstand nach rechts */ /* margin-left: 232px; Abstand nach links */ /* padding-left: 00px; Text nach rechts rücken */ /* height: 100px; Höhenangabe */ /* width: 430px; */ /* color: #000080; */ /* text-decoration: none; Unterstriche bei den Links entfernen */ /* list-style-type: none; Punkte weg im Menue */ /* padding: 1em; Abstand ums Bild-margin=Aussenabstand, padding=Innenabstand */ /* border: 1px solid black; Rahmen ums Bild */ /* border-collapse:collapse; Entfernt Zwischenräume zwischen einzelnen Tabellen */ /* float: right; Bild nach rechts und soll umflossen werden */ /* float: left; Bild nach links und soll umflossen werden */ /* padding: 0px 0px 0px 10px; Schriftabstand im Rahmen */ /* color: orange; orange Schrif */ /* color: #008000; grüne Schrif */ /* color: #FF0000; rote Schrif */ /* color: #000000; schwarze Schrif */ /* color: #000080; blaue Schrif */ /* line-height: 30px; Zeilenhöhe in Bezug auf die Schrift */ /* background-repeat: repeat-x; Grafik darf sich nicht wiederholen in x=senkrecht, y=waagrecht*/ /* clear: both; Über footer alles schließen */ /* ------------------------------------------------------------------------------------ */ /* Penzenstadler Ludwig */ /* Ensmannsreut 24 */ /* 94065 Waldkirchen */ /* webmaster@ensmannsreut.de */ /* www.penzenstadler.com */ /* */ /* */ /* ------------------------------------------------------------------------------------ */ /* */