body {
	font:100.01% Verdana, Arial, sans-serif;
	color: #000000;
	background-image: url(../images/bckgr_rot.gif);
	background-color:#FFF;
	text-align:center;
}
h1, h2, h3, h4, h5, h6 {
	margin:0 25px;
	padding:25px 0 10px;
	color: #333333;
	line-height: 1.5em;
}
h1:first-letter {
	font-size:1.5em;
	color:#990033;
}
h2 {
	font-style:italic;
}
p {
	margin:0 25px;
	padding:15px 0;
}
p:first-letter {
	font-size:1.5em;
	font-weight:bold;
	color:#990033;
}

/* -------- alles umfassende Box mit Formatierungen für Kopf und Fuß -------- */
#container {
	width:95%;
	text-align:left;
	line-height:1.5em;
	margin:0 auto;
	background-color:#990033;
	color:#FFF;
	font-size:0.9em;
	z-index:1;
}
/* Anweisungen für Navigation Kopf und Fuß */
#kopf a:link, #kopf a:visited, #fuss a:link, #fuss a:visited {
	color:#FFF;
	text-decoration:none;
}
#kopf a:hover, #kopf a:active, #kopf a:focus, #fuss a:hover, #fuss a:active, #fuss a:focus {
	color:#FFF;
	text-decoration:underline;
}
#kopf ul, #fuss ul {
	list-style-type:none;
	display:inline;
}
#kopf li, #fuss li {
	display:inline;
	padding: 0;
}

#kopf, #fuss {
	font-size:0.8em;
	padding:0.8em;
}

#kopf {
	text-align:right;
	z-index:4;
}

#fuss {
	background-color:#990033;
	color:#FFF;
	text-align:center;
	clear:both;
	z-index:5;
}

/* Ende Box */

/* -------- Navigation links -------- */
#navileiste {
	background-color:#990033;
	float:left;
	font-size:1em;
	z-index:2;
}

/* Navigation Details */
#navi {
	width:11em;
	margin-right:1em;
	padding:0;	
}
#navi img {
	border:0;
}
#navi ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#navi li {
	margin:0 0 1px 0;
}
#navi li a:link, #navi li a:visited {
	background-color:#990033;
	color:white;
	text-decoration:none;
	font-weight:bold;
	padding:5px 5px 5px 0.5em;
	display:block;
	width:100%;
}
/* Anweisung für Gecko-basierte Browser: */
html>body #navi li a {
	width:auto;
}

#navi li a:hover, #navi li a:active, #navi li a:focus {
	background-color:#FFFFFF;
	color:#990033;
	text-decoration:none;
}

/* Anzeige Navi-Mann: */
a:link img, a:visited img { 
	visibility:hidden;
} /* unsichtbar */
a:focus img, a:hover img, a:active img {
	visibility:visible;
} /*jetzt sichtbar */



/* -------- Markierung aktuelle Seite -------- */
body#start a#startnav, body#neuigkeiten a#neuigkeitennav, body#produkte a#produktenav, body#bandagen a#bandagennav, body#diabetes a#diabetesnav, body#einlagen a#einlagennav, body#komfort a#komfortnav, body#mass a#massnav, body#fusspflege a#fusspflegenav, body#schpflege a#schpflegenav, body#zuricht a#zurichtnav, body#ueberuns a#ueberunsnav, body#kabine a#kabinenav, body#laden a#ladennav, body#oeffzeit a#oeffzeitnav, body#service a#servicenav, body#standort a#standortnav, body#werkstatt a#werkstattnav, body#impressum a#impressumnav {
	background-color:#FFF;
	color:#990033;
	font-weight:bold;
	padding:5px 5px 5px 0.5em;
	display:block;
	width:100%;
}

/* Logo H+P */
.logo {
	padding: 0 0 1em 2.1em;
}


/* Logo Arbeitskreis */
#logoak {
	float: left;
	padding: 1em 0 0 2em;
}

#logoak  a:link img, #logoak a:visited img, #logoak a:focus img, #logoak a:hover img, #logoak a:active img {
	border: none;
}

#logoak a:link img, #logoak a:visited img { 
	visibility: visible;
}


/* Ende Navigations-Bereich */

/* -------- Inhalts-Bereich -------- */
#inhalt {
	background-color:#FFF;
	color:#000;
	margin-left:13em;
	padding-right: 1.5em;
	font-size:1em;
	z-index:3;
}
#inhalt a:link {
	color:#990033;
	text-decoration:underline;
}	
#inhalt a:visited {
	color:#666666;
	text-decoration:underline;
}
#inhalt a:hover, #inhalt a:active, #inhalt a:focus {
	background-color:#990033;
	color:#FFF;
	text-decoration:none;
}

/* Sprungmarke zum Seitenanfang */
.top {
	text-align:right;
	font-size:0.8em;
	clear:left;
	
}
.top img {
	margin-bottom:-3px;
	
}

/* -------- Definition für Foto-Rahmen falls keine Stylesheet-Einbindung -------- */
.rahmenimg {
	border:1px solid #EEE;
	border-bottom:1px solid #AAA;
	padding:10px;
	margin:0.5em;
}

/* -------- Anweisung für Animation auf Startseite -------- */
.imgani {
	margin:25px 0;
}
/* -------- Allgemeine Anweisungen -------- */
.zentriert {
	text-align:center;
}
.rechts{
	float:right;
}
.links {
	float:left;
	margin:1em;
}
.clear {
	clear:both;
}
acronym[title], abbr[title] {
	border-bottom:1px dotted #990033;
	cursor:help;
}