/* Auf jeder HTML-Seite sollte das hier oben stehen!!! */
/* Allgemeines: Seitenabstände und Zeichensatz */
* {
padding: 0px;
font-family: Trebuchet MS, Arial, Helvetica;
font-size: 12px;
color: #000000;
}
/* Hintergrunddefinition & vertikaler Scrollbalken */
body {
background-position: 0px 0px;
background-color: #ffffff; /* 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 */
overflow:-moz-scrollbars-vertical; /* vertikaler Scrollbalken ist immer zu sehen */
color: #000000;
}
.red {
font-size: 12px;
color: #B2071B;
}
.grey {
font-size: 12px;
color: #999999;
}
#logo {
position: absolute;
left: 50px;
top: 0px;
width: 200px;
height: 350px;
background-image:url(images/logo.png);
}
#schlank-und-fit {
position: absolute;
left: 700px;
top: 0px;
width: 300px;
height: 110px;
background-image:url(images/schlank-und-fit.png);
}
#hintergrund-navigation {
position: absolute;
left: 317px;
top: 109px;
width: 675px;
height: 203px;
background-image:url(images/hintergrund-navigation.gif);
}
#banner {
position: absolute;
left: 317px;
top: 192px;
width: 672px;
height: 107px;
background-image:url(images/banner.jpg);
}
#adresse {
position: absolute;
left: 60px;
top: 340px;
width:180px;
background-image:url(images/powerplate.jpg);
background-repeat:no-repeat;
line-height:18px;
}
#home {
position: absolute;
left: 252px;
top: 410px;
width: 672px;
height: 107px;
}
#kontent {
position: absolute;
left: 317px;
top: 340px;
width: 672px;
height: 107px;
}
#nav-startseite {
position: absolute;
left: 345px;
top: 139px;
width: 72px;
height: 30px;
}
a.nav-startseite:link, a.nav-startseite:visited {
background-image:url(images/nav-startseite-grau.gif);
font-size: 30px;
}
a.nav-startseite:hover {
background-image:url(images/nav-startseite-rot.gif);
}
#nav-profil {
position: absolute;
left: 424px;
top: 139px;
width: 61px;
height: 28px;
}
a.nav-profil:link, a.nav-profil:visited {
background-image:url(images/nav-profil-grau.gif);
font-size: 30px;
}
a.nav-profil:hover {
background-image:url(images/nav-profil-rot.gif);
}
#nav-leistungen {
position: absolute;
left: 475px;
top: 139px;
width: 114px;
height: 28px;
}
a.nav-leistungen:link, a.nav-leistungen:visited {
background-image:url(images/nav-leistungen-grau.gif);
font-size: 30px;
}
a.nav-leistungen:hover {
background-image:url(images/nav-leistungen-rot.gif);
}
#nav-produkte {
position: absolute;
left: 565px;
top: 139px;
width: 95px;
height: 28px;
}
a.nav-produkte:link, a.nav-produkte:visited {
background-image:url(images/nav-produkte-grau.gif);
font-size: 30px;
}
a.nav-produkte:hover {
background-image:url(images/nav-produkte-rot.gif);
}
#nav-bilder {
position: absolute;
left: 641px;
top: 139px;
width: 95px;
height: 28px;
}
a.nav-bilder:link, a.nav-bilder:visited {
background-image:url(images/nav-bilder-grau.gif);
font-size: 30px;
}
a.nav-bilder:hover {
background-image:url(images/nav-bilder-rot.gif);
}
#nav-links {
position: absolute;
left: 756px;
top: 139px;
width: 95px;
height: 28px;
}
a.nav-links:link, a.nav-links:visited {
background-image:url(images/nav-links-grau.gif);
font-size: 30px;
}
a.nav-links:hover {
background-image:url(images/nav-links-rot.gif);
}
#nav-impressum {
position: absolute;
left: 807px;
top: 139px;
width: 117px;
height: 28px;
}
a.nav-impressum:link, a.nav-impressum:visited {
background-image:url(images/nav-impressum-grau.gif);
font-size: 30px;
}
a.nav-impressum:hover {
background-image:url(images/nav-impressum-rot.gif);
}
#nav-kontakt {
position: absolute;
left: 900px;
top: 139px;
width: 83px;
height: 28px;
}
a.nav-kontakt:link, a.nav-kontakt:visited {
background-image:url(images/nav-kontakt-grau.gif);
font-size: 30px;
}
a.nav-kontakt:hover {
background-image:url(images/nav-kontakt-rot.gif);
}