html { height: 100%; }
body   { color: black; font-size: 12px; line-height:12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: white; background-image: url(Zubehoer/Hintergrund_body.jpg); background-position: 50% 0; text-align: center; height: 100%; margin: 0     ; padding: 0; }
.hintergrund { background-image: url(Zubehoer/Hintergrund.jpg); background-repeat: no-repeat; background-position: 50% 0; height: 100%; min-width: 720px; }
p { margin-top: 0; margin-bottom:10px;padding:0;}
td {}
a:link, a:visited {
	color:#000;
}
a:hover {
	color:#666;
}
.center   { margin-left: auto; width: 720px; height: 370px  ; margin-right: auto; }
.center_abstand    { text-align: left; margin-right: auto; margin-left: auto; padding-top: 71px; padding-left: 15px; width: 687px }
.navigation   { width: 100%; height: 33px }
ul.navipunkt   { text-decoration: none; text-align: center; list-style-type: none; margin: 0; padding: 0 }
ul.navipunkt li   { display: inline }
ul.navipunkt li a  { color: black; font-size: 14px; font-weight: bold; line-height: 30px; text-decoration: none; margin: 0; padding: 0; width: 112px; height: 33px; float: left }
ul.navipunkt li a:hover { background-repeat: no-repeat; background-position: 0 -43px !important;  }

ul.navipunkt #home a { background-image: url(Zubehoer/button_home.gif); background-repeat: no-repeat; background-position: 0 0; margin: 0; width: 112px; height: 33px; }
#home_current { color: black; font-size: 14px; font-weight: bold; line-height: 30px; text-decoration: none; background-image: url(Zubehoer/button_home.gif); background-repeat: no-repeat; background-position: 0 -86px; margin: 0; width: 112px; height: 33px; float:left;}

ul.navipunkt #leistungen a { background-image: url(Zubehoer/button_leistungen.gif); background-repeat: no-repeat; background-position: 0 0; margin: 0; width: 112px; height: 33px;}
#leistungen_current { color: black; font-size: 14px; font-weight: bold; line-height: 30px; text-decoration: none; background-image: url(Zubehoer/button_leistungen.gif); background-repeat: no-repeat; background-position: 0 -86px; margin: 0; width: 112px; height: 33px; float:left;}

ul.navipunkt #portfolio a { background-image: url(Zubehoer/button_referenzen.gif); background-repeat: no-repeat; background-position: 0 0; margin: 0; width: 112px; height: 33px;}
#portfolio_current { color: black; font-size: 14px; font-weight: bold; line-height: 30px; text-decoration: none; background-image: url(Zubehoer/button_referenzen.gif); background-repeat: no-repeat; background-position: 0 -86px; margin: 0; width: 112px; height: 33px; float:left;}

ul.navipunkt #ueber_mich a { background-image: url(Zubehoer/button_ueber_mich.gif); background-repeat: no-repeat; background-position: 0 0; margin: 0; width: 112px; height: 33px;}
#ueber_mich_current { color: black; font-size: 14px; font-weight: bold; line-height: 30px; text-decoration: none; background-image: url(Zubehoer/button_ueber_mich.gif); background-repeat: no-repeat; background-position: 0 -86px; margin: 0; width: 112px; height: 33px; float:left;}

ul.navipunkt #kontakt a { background-image: url(Zubehoer/button_kontakt.gif); background-repeat: no-repeat; background-position: 0 0; margin: 0; width: 112px; height: 33px;}
#kontakt_current { color: black; font-size: 14px; font-weight: bold; line-height: 30px; text-decoration: none; background-image: url(Zubehoer/button_kontakt.gif); background-repeat: no-repeat; background-position: 0 -86px; margin: 0; width: 112px; height: 33px; float:left;}

ul.navipunkt #impressum a  { background-image: url("Zubehoer/button_impressum.gif"); background-repeat: no-repeat; background-position: 0 0; margin: 0; width: 112px; height: 33px }
#impressum_current { color: black; font-size: 14px; font-weight: bold; line-height: 30px; text-decoration: none; background-image: url(Zubehoer/button_impressum.gif); background-repeat: no-repeat; background-position: 0 -86px; margin: 0; width: 112px; height: 33px; float:left;}

.untermenupunkt { height: 24px; margin-bottom:8px; }
.untermenu { }
.untermenu a  { color: #222; font-size: 12px; font-weight: bold; line-height: 26px; text-decoration: none; background-image: url("Zubehoer/untermenu-button.gif"); background-repeat: no-repeat; background-position: 0 0; text-align: left; margin: 0; width: 127px; height: 24px; float: left }
.untermenu a:hover  { background-repeat: no-repeat; background-position: 0 -34px }
.current_unterpunkt { color: #222; font-size: 12px; font-weight: bold; line-height: 26px; text-decoration: none; background-image: url("Zubehoer/untermenu-button.gif"); background-repeat: no-repeat; background-position: 0 -68px; text-align: left; margin: 0; width: 127px; height: 24px; float: left }
.untermenu img { margin-right: 3px; float: left }
.website_besuchen a, .website_besuchen a:visited  { background-image: url("Zubehoer/website-besuchen-button.gif"); background-repeat: no-repeat; background-position: 0 0; margin: 0; width: 127px; height: 48px; float: left }
.website_besuchen a:hover  { background-position: 0 -52px }
.content_oben { background-image: url(Zubehoer/content_oben.gif); background-repeat: repeat-x; width: 100%; height: 17px; }
.content_oben_links { background-image: url(Zubehoer/content_oben_links.gif); background-repeat: no-repeat; background-position: 0 0; width: 100%; height: 17px; }
.content_oben_rechts { background-image: url(Zubehoer/content_oben_rechts.gif); background-repeat: no-repeat; background-position: 100% 0; width: 100%; height: 17px; }
.content_mitte { background-image: url(Zubehoer/content_mitte.gif); background-repeat: repeat; width: 100%; height: 100%; }
.content_links { background-image: url(Zubehoer/content_links.gif); background-repeat: repeat-y; background-position: 0 0; width: 100%; height: 100%; }
.content_rechts { background-image: url(Zubehoer/content_rechts.gif); background-repeat: repeat-y; background-position: 100% 0; width: 100%; height: 100%; }
.content_unten { background-image: url(Zubehoer/content_unten.gif); background-repeat: repeat-x; width: 100%; background-position: 0 100%; height: 100%; }
.content_unten_links { background-image: url(Zubehoer/content_unten_links.gif); background-repeat: no-repeat; background-position: 0 100%; width: 100%; height: 100%; }
.content_unten_rechts { background-image: url(Zubehoer/content_unten_rechts.gif); background-repeat: no-repeat; background-position: 100% 100%; width: 100%; height: 100%; }
.content {  }
.content_rechts .text { height: 100%; overflow: auto; }
.content_rechts .text .abstand {padding: 15px 15px 0px 15px;}
.content_rechts .text ul {margin-top:0px;}
.content_rechts .text li {line-height:15px;}
.content_rechts .text form {margin:0;}
.box { float: left; margin-top: 15px; margin-right: 15px; }
img.thumbnails  { margin-right: 15px; float: left }
.unvisible { display: none; }
.visitenkarte {
	height: 52px;
	width: 270px;
	position: absolute;
	left: 50%;
	top: 525px;
	text-align: right;
}
h2, h3 {
	margin-top: 0;
}
img {
	border: none;
}