body {
   font-family: Arial, Helvetica, sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   color: black;
   background-color: #333333;
 /*  background-image: url(grafik/htgr.gif);  */
   margin-top:0;
   margin-right:0;
   margin-bottom:0;
   margin-left:15;
}
/*   TEXT blau Sans Serif*/

.textnormal12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}
.textnormal14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	 line-height: 18pt;
	color: #ffffff;
}
.textnormal14_fett {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}
.textgrau14_fett {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.textgrau14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	 line-height: 18pt;
	color: #666666;
}

.titel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

.textfett {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}
.titel20 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bolder;
	text-align: center;
	color: #ffffff;
	vertical-align: text-top;
}	

/* Liste */
.ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3366ff;
	list-style-type: square;
	line-height: normal;
}
.ulnr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3366ff;
	list-style-type: decimal;
	line-height: normal;
}
.navi {
display: block;
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
font-size: 12px;
text-align: center;
text-decoration: none;
color: #ffffff;
background-color: #0000ff;
/* background-color: #66ccff;  
border-width: 1px #ffffff; */
padding: 3px;
}
.navi:hover {
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
font-size: 12px;
text-align: center;
text-decoration: none;
/* color: #ff9900; */
color: #ffcc00;  /*   #ffcc00; geändert, harmonisiert */
background-color: #0000ff;
/* border-width: 1px #ffffff; */
padding: 3px;
}
.navi:active {
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
font-size: 12px;
text-align: center;
text-decoration: none;
color: #ffcc00;
background-color: #0000ff;
padding: 3px;
}
/* Navigation für aktuellen Link zusammen mit .linknavi
Beispiel: <td height="20" width="80" class="bccell"><a class="linknavi" href="vorteile.htm">Vorteile</a></td>
statt <td height="20" width="80"><a class="navi" href="umfang.htm">Umfang</a></td>
*/
.bccell{
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
font-size: 12px;
text-align: center;
text-decoration: none;
color: #ffcc00;
background-color: #0000FF; 
/*border-width: 1px #FFFFFF; */
padding: 3px;
}
.linknavi{
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
font-size: 12px;
text-align: center;
text-decoration: none;
color: #ffcc00;
/* color: #66ccff; */
background-color: #0000FF; 
/*border-width: 1px #ffffff; */
padding: 3px;
}
.tablenavi {
	border: 1px solid #3366ff;
}

/* Horizontalbalken */
.hr{
background-color:#66ccff; /* Mozilla 1.4    #99FFFF*/
color:#66ccff; /* IE 6 */
border: #66ccff; /* Opera 7.11 */
height: 2px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}
.tabgr{
	background-color: #FFFFFF; 
	border: 0px;
	border-style: none;
	font: normal;
	font-family: Arial, sans-serif;
	font-size: 12pt;
	text-align: left;
	padding: 0px;
	vertical-align: text-top;
	width: 780px;
	margin: 0 auto; /* Zentrierung der Tabelle */
}
.tabin1{
	background-color: #FFFFFF; /*	border: 3px;
	border-color: Maroon;
	border-style: solid;     */
	font: normal;
	font-family: Arial, sans-serif;
	font-size: 12pt;
	text-align: left;
	vertical-align: text-top;
	width: 100pc;
}
.tab-border {
/* border-top:1pt solid blue; */
	border-top:1pt solid #0000ff;
	border-left:1pt solid #0000ff; 
	border-right:1pt solid #0000ff;
	border-bottom:1pt solid #0000ff;
}
.tab-br {
	border-right:1pt solid ##0000ff;
	background-image: url(grafik/blk-db.gif);
}
.tab-top {
	border-top:1pt solid ##0000ff;
}	
.tab-td {
	border:1pt solid #0000ff;
}	
.tableborder {
	border: 1pt solid #0000ff;
}
/* Bilder und Text   */
.bildumrechts {
	Float:left;
	padding-left: 3px;
	padding-right: 3px;
}
.bildumlinks {
	Float:right;
	padding-right: 3px;
	padding-left: 3px;
}
/*  Div centrieren  */
.center{	
margin-left: auto;
margin-right: auto;
}

a.speziell:link {
  color:            #ffffff;
}
a.speziell:visited {
  color:            #ffffff;
}
a.speziell:hover {
  color:            #c0c0c0;
}
a.speziell:active {
  color:            #ffffff;
}

a.speziell-h:link {
  color:            #666666;
}
a.speziell-h:visited {
  color:            #666666;
}
a.speziell-h:hover {
  color:            #c0c0c0;
}
a.speziell-h:active {
  color:            #666666;
}