body { 	
	font-family: Tahoma, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	color: #5f5f5f;
font-size: 11px; font-weight: normal; line-height: 16px
} 
  .formError {
    border: 1px red solid;
  }
.zubehoer {
	padding: 0px;
	width: 155px;
	float: left;
	background-color: #f5f5f5;
	border: 1px solid #c4c4c4;
	margin: 3px;
	}
.download {
	padding: 0px;
	width: 155px;
	height: 290px;
	float: left;
	background-color: #f5f5f5;
	border: 1px solid #c4c4c4;
	margin: 3px;
	}
.zubehoer .textblock {
	padding: 5px;
	width: 150px;
	height: 55px;
	font-size: 10px;
}
.download .textblock {
	padding: 5px;
	width: 150px;
	height: 70px;
	font-size: 10px;
}
.content {
	padding-top:25px;
}

#content, #content td, #content p {
	color: #808080;
        font-size: 12px; font-weight: normal; 
        line-height: 1.5em;
}
a:link1, a:visited1   { 
	color: #96a0ab; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	line-height: 25px; 
	text-decoration: none; 
	list-style-image: none; 
	margin-left: 0 px 
}
ul#Navigation {
	text-align: center;
	width: 500px;
	background-color: red;
}
 
  ul#Navigation li {
    list-style: none;
    display: inline;
    width: 125px;
    float: left;padding: 20px;

  }
  ul#Navigation a, ul#Navigation span {
  	float: left;
    text-decoration: none; font-weight: bold;
    color: white; background-color: #B4BFC6;
    width: 125px;
    
  }
  * html ul#Navigation a, * html ul#Navigation span {  /* Korrektur fuer IE 5.x */
    width: 125px;
    w\idth: 125px; 
  }
  ul#Navigation, ul#Navigation:hover, ul#Navigation span {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
  }

h1 { color: #e90000; font-size: 18px; font-weight: bold; margin-top:15px; line-height: 20px; }
h2 { color: gray; font-size: 11px; font-weight: normal; line-height: 14px; width: 430px }
h4 { color: #000000; font-size: 12px; font-weight: bold; width: 430px; margin: 15px 0 5px 0; border-bottom: solid 1px #c4c4c4; }

.headline { color: #e90000; font-size: 13px; font-weight: bold }
.normal { color: #808080; font-size: 11px; font-weight: normal; line-height: 14px }

.adresse { color: #5f5f5f; font-size: 10px; font-weight: normal; width: 500px }
.adresstext { color: #5f5f5f; font-size: 10px; font-weight: normal }
.tabelle { color: #5f5f5f; font-size: 11px; font-weight: normal; }

.untertitel { color: #5f5f5f; font-size: 10px; font-weight: normal; width: 500px }

.menue, .menue a:link, .menue a:visited  { color: #727c87; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none;}
.menue   { color: #727c87; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none;  }
.class { background-image: url(/krampe_images/unten-links.gif); background-repeat: no-repeat; background-position: 0 bottom }
.bildergalerie { padding: 10px 0 0 10px}
.liste { text-align: center; font-size: 12px; padding: 5px; border-bottom: 1px dotted red }
.listentitel { text-align: center; font-size: 10px; background-color: #fcebec; vertical-align: bottom; padding: 5px; border-bottom: 1px dotted red }
.detail-titel  { color: #ffffff; font-size: 13px; font-weight: bold; background-color: #9c9c9c; padding: 3px 15px 3px 3px; border-bottom: 1px gray }
#content td.detail-titel {color:#ffffff; font-weight: bold}
.detail1-links, .detail1-rechts  { background-color: #f5f5f5; padding: 3px 15px 3px 3px; border-bottom: 1px gray }
.detail2-links, .detail2-rechts  { background-color: #ffffff; padding: 3px 15px 3px 3px; border-bottom: 1px gray }

.reiter { color: black; font-size: 11px; text-decoration: none; background-color: #fccccc; margin: 1px; padding: 4px; border-width: 0px; outline: solid 0px black; text-transform: uppercase }
.reiterdetails { color: black; font-size: 11px; text-decoration: none; background-color: #fccccc; margin: 1px; padding: 4px; border-width: 0px; outline: solid 0px black; text-transform: uppercase; width: 120px }
.reiteraktiv { font-weight: bold; color: white; font-size: 11px; text-decoration: none; background-color: #e90000; margin: 1px; padding: 4px; border-width: 0px; outline: solid 0px black; text-transform: uppercase }

.tabelle-rechts   { color: gray; font-size: 11px; font-family: Tahoma, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: #dfdfdf; text-align: center; padding: 5px; float: right;margin: 5px; }
.tabelle-links { font-family: Tahoma, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; color: gray; font-size: 11px;  background-color: #dfdfdf; text-align: center; float: left; padding:5px; margin: 5px;}
.datum { color: gray; font-size: 11px; text-align: right; padding-right:15px}

.bild-links { color: gray; font-size: 11px;  background-color: #dfdfdf; text-align: center; float: left; margin: 5px; border: 5px solid #dfdfdf; }
.bild-links img { 
	display: block; 
}

#produktblock {
  width:90%;
  background: url(/krampe_images/background-produktuebersicht.jpg);
  border:1px solid #8e959e;
  height: 94px;
  position: relative;
  margin-bottom:10px;
}

#produktblock h1 {
  position: absolute;
  left: 170px;
  top: 10px;
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  color: #000000
}
#produktblock img {
  float: left;
  padding: 0px;
  margin: 0px;
  border:0px;
}
#produktblock h2 {
  position: absolute;
  left: 170px;
  top: 40px;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  color: #555555;
  font-weight: normal;
}
#produktblock h3 {
  position: absolute;
  right: 10px;
  bottom: 5px;
  margin: 0px;
  padding: 3px;
  font-size: 12px;
  color: #ffffff;
  background: #000000;
  font-weight: bold;
}
#produktblock h3:hover{
  background: #e60003;
  color: #ffffff;
}
#produktblock a {
  color: #ffffff;
  text-decoration: none;
}
#produktblock a:hover {
}