html { height: 100%; }
body { font-size: small; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url(Zubehoer/hintergrund_body.png); height: 100%; margin: 0; padding: 0; }
.hintergrund { background-image: url(Zubehoer/hintergrund_muster.png); background-repeat: repeat-x; background-position: 50% 0; width: 100%; height: 100%; }
.center { width: 900px; margin-right: auto; margin-left: auto; padding: 20px 0 0; }
.head_linie_oben { background-image: url(Zubehoer/head_linie_oben.png); background-repeat: no-repeat; width: 900px; height: 2px; line-height: 0; font-size: 0; }
.rahmen { background-image: url(Zubehoer/hintergrund_center.png); background-repeat: repeat-y; width: 900px; padding: 0 2px; }
.head { background-image: url(Zubehoer/head_hintergrund.png); background-repeat: repeat-x; width: 896px; height: 178px; }
.head_logo { background-image: url(Zubehoer/head_logo.png); background-repeat: no-repeat; background-position: 100% 0; width: 896px; height: 178px; }
.head_startseite { background-image: url(Zubehoer/head_startseite.png); background-repeat: no-repeat; background-position: 0 0; width: 896px; height: 178px; }
.head_download { background-image: url(Zubehoer/head_download.png); background-repeat: no-repeat; background-position: 0 0; width: 896px; height: 178px; }
.head_leistungen { background-image: url(Zubehoer/head_leistungen.png); background-repeat: no-repeat; background-position: 0 0; width: 896px; height: 178px; }
.head_team { background-image: url(Zubehoer/head_team.png); background-repeat: no-repeat; background-position: 0 0; width: 896px; height: 178px; }
.head_kontakt { background-image: url(Zubehoer/head_kontakt.png); background-repeat: no-repeat; background-position: 0 0; width: 896px; height: 178px; }
.head_impressum { background-image: url(Zubehoer/head_impressum.png); background-repeat: no-repeat; background-position: 0 0; width: 896px; height: 178px; }
.menu { background-image: url(Zubehoer/menu_hintergrund.png); background-repeat: repeat-x; width:840px; height:70px; padding: 0 28px; }
.trennlinie { background-image: url(Zubehoer/trennlinie.png); background-repeat: repeat-x; width:896px; height:2px; line-height: 0; font-size: 0; }
.content { background-image: url(Zubehoer/hintergrund_content.png); width: 836px; padding: 20px 30px; }
.bild { text-align: right; float: right; margin: 0 20px 20px 20px; }
p { padding-left: 20px; }
#Kontaktformular { padding-left: 16px; }
h3 { font-size: 1.17em; font-weight: bold; margin: 1em 0; padding-bottom: 1em; padding-left: 20px; border-bottom: 1px solid black; }
h4 { font-size: 1em; font-weight: bold; margin: 1.2em 0 1em 0; padding-left: 20px; }
td { }
a:link { }
a:visited { }
a:hover { }
a:active { }
a.startseite, a.startseite:visited { color: #333; font-size: 12px; font-weight: bold; line-height: 38px; background-image: url(Zubehoer/button_startseite.png); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; text-align: center; width: 141px; height: 70px; float: left; display: block; }
a.startseite:hover { background-image: url(Zubehoer/button_startseite.png); background-repeat: no-repeat; background-position: 0 -70px; }
.startseite_current { color: #333; font-size: 12px; font-weight: bold; line-height: 38px; background-image: url(Zubehoer/button_startseite.png); background-repeat: no-repeat; background-position: 0 -140px; text-decoration: none; text-align: center; width: 141px; height: 70px; float: left; display: block; }
a.leistungen, a.leistungen:visited { color: #333; font-size: 12px; font-weight: bold; line-height: 38px; background-image: url(Zubehoer/button_leistungen.png); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; text-align: center; width: 139px; height: 70px; float: left; display: block; }
a.leistungen:hover { background-image: url(Zubehoer/button_leistungen.png); background-repeat: no-repeat; background-position: 0 -70px; }
.leistungen_current { color: #333; font-size: 12px; font-weight: bold; line-height: 38px; background-image: url(Zubehoer/button_leistungen.png); background-repeat: no-repeat; background-position: 0 -140px; text-decoration: none; text-align: center; width: 139px; height: 70px; float: left; display: block; }
a.team, a.team:visited { color: #333; font-size: 12px; font-weight: bold; line-height: 38px; background-image: url(Zubehoer/button_team.png); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; text-align: center; width: 140px; height: 70px; float: left; display: block; }
a.team:hover { background-image: url(Zubehoer/button_team.png); background-repeat: no-repeat; background-position: 0 -70px; }
.team_current { color: #333; font-size: 12px; font-weight: bold; line-height: 38px; background-image: url(Zubehoer/button_team.png); background-repeat: no-repeat; background-position: 0 -140px; text-decoration: none; text-align: center; width: 140px; height: 70px; float: left; display: block; }
a.download, a.download:visited { color: #333; font-size: 12px; font-weight: bold; line-height: 38px; background-image: url(Zubehoer/button_download.png); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; text-align: center; width: 140px; height: 70px; float: left; display: block; }
a.download:hover { background-image: url(Zubehoer/button_download.png); background-repeat: no-repeat; background-position: 0 -70px; }
.download_current { color: #333; font-size: 12px; font-weight: bold; line-height: 38px; background-image: url(Zubehoer/button_download.png); background-repeat: no-repeat; background-position: 0 -140px; text-decoration: none; text-align: center; width: 140px; height: 70px; float: left; display: block; }
a.kontakt, a.kontakt:visited { color: #333; font-size: 12px; font-weight: bold; line-height: 38px; background-image: url(Zubehoer/button_kontakt.png); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; text-align: center; width: 139px; height: 70px; float: left; display: block; }
a.kontakt:hover { background-image: url(Zubehoer/button_kontakt.png); background-repeat: no-repeat; background-position: 0 -70px; }
.kontakt_current { color: #333; font-size: 12px; font-weight: bold; line-height: 38px; background-image: url(Zubehoer/button_kontakt.png); background-repeat: no-repeat; background-position: 0 -140px; text-decoration: none; text-align: center; width: 139px; height: 70px; float: left; display: block; }
a.impressum, a.impressum:visited { color: #333; font-size: 12px; font-weight: bold; line-height: 38px; background-image: url(Zubehoer/button_impressum.png); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; text-align: center; width: 141px; height: 70px; float: left; display: block; }
a.impressum:hover { background-image: url(Zubehoer/button_impressum.png); background-repeat: no-repeat; background-position: 0 -70px; }
.impressum_current { color: #333; font-size: 12px; font-weight: bold; line-height: 38px; background-image: url(Zubehoer/button_impressum.png); background-repeat: no-repeat; background-position: 0 -140px; text-decoration: none; text-align: center; width: 141px; height: 70px; float: left; display: block; }
.fuss { color: #333; font-size: 12px; font-weight: bold; line-height: 30px; background-image: url(Zubehoer/hintergrund_fuss.png); background-repeat: no-repeat; text-align: center; width: 900px; height: 72px; }
.fuss a, .fuss a:visited, .content a, .content a:visited { color: #333; text-decoration: underline; }
.fuss a:hover, .content a:hover { color: #000; }
.firmenname { padding: 125px 180px 0 0; font-size: 18px; font-weight: bold; color: white; text-align:right;}
.portrait_box { background-image: url(Zubehoer/hintergrund_portrait.png); background-repeat: no-repeat; width: 200px; height: 380px; float:left; margin-right:9px; }
.portrait_box img { padding:8px 0 0 8px; }
.portrait_box p { padding-left:15px; }