body
{
background-color:#FFFFFF;
color:#000066;
font-family:"Comic Sans MS", sans-serif; /* falls die schrift der gesamten seite geändert werden soll, bitte auch die schrift für inputs und textareas ändern, s. u. */
}
h1
{
font-size:large;
}
h1.logo /* überschriften erster ordnung der klasse "logo" (text
) sind größer, zentriert und mit mehr abstand zwischen den buchstaben */
{
font-size:26pt;
text-align:center;
letter-spacing:2pt;
}
h2
{
font-size:medium;
}
h3
{
font-size:small;
}
h4
{
font-size:x-small;
}
h5
{
font-size:xx-small;
}
p
{
}
.small /* alle elemente der klasse "small" Bsp. test
das wort test ist kleingedruckt*/
{
font-size:small;
}
.small p /* alle elemente INNERHALB eines elements der klasse "small" Bsp. test
das wort test ist auch hier kleingedruckt */
{
font-size:small;
}
.bold li /* alle elemente li INNERHALB eines elements der klasse "bold" Bsp. das wort test ist hier fett */
{
font-weight:bold;
}
.address /* alle elemente der klasse "address": zentriert, textgröße 12 pt, */
{
text-align:center;
font-size:10pt;
}
.quotation /* z.b. home.htm zitat */
{
font-weight:bold;
margin-top:50px;
}
.zitate /* hintergrund.htm personenzitate */
{
font-size:small;
font-family: Arial, sans-serif;
}
/* bilder */
.logo img /* bilder INNERHALB eines elements der klasse "logo" haben einen abstand zum nachfolgenden element auf der rechten seite von 20px */
{
margin-right:20px;
}
/* tabellen, zeilen und zellen */
table.menu
{
text-align:center;
border-collapse:collapse;
width:100%;
}
.menu td
{
width:12%;
text-align:center;
}
.fotos td
{
padding-right:30px;
padding-bottom:50px;
}
/* links */
a /* alle links der seite */
{
color:#800080;
}
.menu a /* links INNERHALB eines elements der klasse "menu" */
{
color:#000066;
font-size:medium;
font-family:Arial, sans-serif;
}
.menu a:hover /* links INNERHALB eines elements der klasse "menu", über die gerade die maus fährt */
{
color:#339999;
}
.menu a:focus /* links INNERHALB eines elements der klasse "menu", die gerade angeklickt sind */
{
font-weight:bold;
}
/* formulare */
input /* formular eingabefeld und button zum abschicken */
{
color:#000066;
font-family:"Comic Sans MS", sans-serif;
font-size:medium;
}
textarea /* formular eingabebereich */
{
color:#000066;
font-family:"Comic Sans MS", sans-serif;
font-size:medium;
}
/* sonstiges */
.box /* Gästehaus Box */
{
font-family: Arial, sans-serif;
background-color:#336699;
width:150px;
height:80px;
text-align:center;
padding-top:20px;
position:fixed;
top:50px;
left:20px;
}