/* rebeatles.de - style.css */

/* Diese Datei wird im head der html-Dateien im main_frame mit dem Befehl */ 
/* <link rel=stylesheet type="text/css" href="style.css"> geladen. */
/* Dadurch werden die Formate im body der html-Datei definiert.*/

/* Body {Abstand zum Frame-Rand oben-Seiten-unten/Hintergrundfarbe/Schriftart/größe/farbe/ausrichtung;} */
body { margin: 10px 30px 15px; background-color:#000000; font-family:Arial,Verdana,sans-serif; color:#FAFAEC; text-align:center; }

/* Hauptüberschrift {Schriftgröße}  An Logo angepaßt */
h1 { font-size:28px; }

/* zweite Überschrift {Schriftgröße}  */
h2 { font-size:19px; }

/* dritte Überschrift {Schriftgröße}  */
h3 { font-size:17px; }

/* Textabsätze,Zellen {Schriftart/farbe;} */
p,h1,h2,h3,h4,address,ul,ol,li,td,th { font-family:Arial,Verdana,sans-serif; color:#FAFAEC; }

/* Textabsätze {Zeilenhöhe} */
p,address,ul,ol,li { line-height:125%; }

/* Textabsätze {Textausrichtung} */
p,h1,h2,h3,h4,address { text-align:center; }

/* Auflistungen, Zellen {Textausrichtung} */
ul,ol,li,td,th { text-align:left; }

/* --------------------------------- */
/*        Allgemeine Klassen         */
/* --------------------------------- */

/* Textausrichtung[/Abstand zum Elternelement oben-Seiten-unten/Absatzbreite]   Aufruf mit z. B. <p class="left"> */
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.block { text-align: justify; margin: 0px 10px 0px; width: 70%; }

/* kleiner Text {Schriftgröße/Zeilenhöhe}  Aufruf mit z. B. <p class="mini"> */
.mini { font-size:80%; line-height:110%; }

/* großer dicker Text {Schriftgröße/Zeilenhöhe/Gewicht}  Aufruf mit z. B. <p class="big"> */
.big { font-size:120%; line-height:160%; font-weight:bold; }

/* Old-Guestbook-Text {Textausrichtung/Schriftgröße/Zeilenhöhe/Abstand oben-Seiten-unten} Aufruf mit z. B. <p class="gb"> */
.gb { text-align: justify; font-size:105%; color:#F0F0E0; border-width:1px; border-style:solid; border-color:#605050; padding: 2px 20px 2px; margin: 10px 10% 10px; }

/* Pressezitate {Schriftart/farbe/ausrichtung/weite/Rahmen/Hintergrundfarbe/Innenabstand/Außenabstand/Absatzbreite} */
/* Aufruf mit z.B. <p class="zitat"> */
.zitat { font-family:Arial,Verdana,sans-serif; color:#FAFAEC; text-align:justify; letter-spacing:0px; border-width:0px; border-style:solid; border-color:#605050; background:#000000; padding: 5px 6px 5px; margin: 0px 10px 0px; width: 70%; }

/* Grafik mit braunem/blauem Rahmen {Rahmendicke/farbe/stil}  Aufruf mit  <img class="zierrahmen"> */
.rahmenbraun { border-width:4px; border-color:#993333; border-style:ridge; }
.rahmenblau { border-width:4px; border-color:#3040B6; border-style:ridge; }

/* --------------------------------- */

/* Pressezitate im normalen Fließtext {Schriftart/farbe/weite} */
tt { font-family:'Courier New',Courier,serif; color:#E0C0C0; letter-spacing:-1px; }

/* Verweise {Textfarbe/dekoration} */
a:link { color:#FFFF00; text-decoration:none; } 
a:visited { color:#FFFF00; text-decoration:none; }
a:hover { color:#FF0000; text-decoration:none; }
a:active { color:#FF0000; text-decoration:none; }