/* Auf jeder HTML-Seite sollte das hier oben stehen!!! */
/* Allgemeines: Seitenabstände und Zeichensatz */
* {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
}
.gruen {
color:#007000;
}
/* Hintergrunddefinition & vertikaler Scrollbalken */
body {
background-color:#007000; /* zusätzlich angegeben, wenn das Hintergrundbild sich nur in eine Richtung wiederholt */
background-image: url(images/hintergrund.gif); /* Hintergrundbild */
background-repeat: no-repeat; /* Wiederholung des Hintergrundbildes */
/* wenn der Hintergrund fest bleiben soll, dann folgende Zeile einfügen:
background-attachment:fixed; */
overflow:-moz-scrollbars-vertical; /* vertikaler Scrollbalken ist immer zu sehen */
height:100%;
}
#logo {
position: absolute;
left: 0px;
top: 0px;
width: 300px;
height: 140px;
}
#reiterhof-ressing {
position: absolute;
left: 300px;
top: 0px;
width: 600px;
height: 140px;
background-image:url(images/reiterhof-ressing.jpg);
}
#navigation-top {
position: absolute;
left: 575px;
top: 15px;
width: 400px;
height: 20px;
}
#titel {
position: absolute;
left: 300px;
top: 140px;
width: 695px;
height: 70px;
}
#betrieb {
position: absolute;
left: 0px;
top: 140px;
width: 300px;
height: 60px;
}
#ferienwohnungen {
position: absolute;
left: 0px;
top: 200px;
width: 300px;
height: 60px;
}
#kutschfahrten {
position: absolute;
left: 0px;
top: 260px;
width: 300px;
height: 60px;
}
#veranstaltungen {
position: absolute;
left: 0px;
top: 320px;
width: 300px;
height: 60px;
}
#verkaufspferde {
position: absolute;
left: 0px;
top: 380px;
width: 300px;
height: 60px;
}
#umgebung {
position: absolute;
left: 0px;
top: 440px;
width: 300px;
height: 60px;
}
#jahr {
position: absolute;
left: 0px;
top: 500px;
width: 300px;
height: 80px;
}
#bilder {
position: absolute;
left: 300px;
top: 215px;
width: 280px;
height: 330px;
}
#kontent {
position: absolute;
left: 580px;
top: 257px;
width: 395px;
}
#inhalt {
position: absolute;
left: 319px;
top: 258px;
width: 675px;
}