a:link {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9px;
   font-style: normal;
   font-weight: bold;
   text-decoration: none;
   color: #660000;

}
a:visited {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9px;
   font-style: normal;
   font-weight: bold;
   color: #660000;
   text-decoration: none;
}
a:hover {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9px;
   font-style: normal;
   font-weight: bold;
   color: #990000;
   text-decoration: none;
}
a:active {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9px;
   font-style: normal;
   font-weight: bold;
   color: #660000;
   text-decoration: none;
}

.infotext{
	font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
}

/* Konfigurator */
#detail {
   position: absolute; 
   left: 150px;
   top: 80px;
   width: 288px;
   padding: 10px;
}

#bild {
   background-color: white;
   margin-left: 5px;
   width: 247px;
   padding: 10px;
}

#hilfe {
   position: fixed; 
   right: 10px;
   top: 8px;
   width: 198px;
}

#hilfe fieldset {
   padding: 10px;
   border: 1px solid #ccc;
   background: #eeffee;
}

#hilfe h1 {
   font-size: 14px;
}

#hilfe fieldset ul .active {
   color: darkred;
}

#inhalt {
   position: absolute;
   top: 90px;
   left: 450px;
   width: 820px;
   margin-right: 0px;
}

#bilderliste1, #bilderliste2, #bilderliste3 {
   width: 795px;
   height: 172px;
   overflow: auto;
   border: solid 1px #ddd;
   margin-bottom: 10px;
   margin-top: 10px;
   background-color: white;
}

#bilderliste2 {
   height: 155px;
}

#bilderliste3 {
   height: 135px;
}

#bilderliste1 p, #bilderliste2 p, #bilderliste3 p {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center;
margin: 0px;
}


#bilderliste1 ul, #bilderliste2 ul, #bilderliste3 ul {
   list-style: none;
   width: 7500px;
   margin: 0px;
   padding: 0px;
}

#bilderliste1 ul li, #bilderliste2 ul li, #bilderliste3 ul li {
   float: left;
}

#bilderliste1 ul li img, #bilderliste2 ul li img, #bilderliste3 ul li img {
   margin: 5px;
   padding: 8px;
   border: 1px solid #ddd;
}

#bilderliste1 .active img, #bilderliste2 .active img, #bilderliste3 .active img {
   border: 2px solid #660000;
}

#druecker {
   margin-top: -15px;
}

#schild {
   margin-top: 0px;
}

#lochung {
   margin-top: -15px
}

#tuerstaerke {
   margin-top: -15px
}

fieldset {
   margin: 1em;
   margin-top: 13px;
   margin-left: 5px;
   padding: 5px;
   border: 1px solid #ccc;
   background: #ffdd99;
}

legend {
   font-weight: bold;
}

#preis .odd {
   background: #FFF7E6;
}

#preis table {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   text-align: right;
   width: 100%;
}

#preis table td {
   width: 1%;
   white-space: nowrap;
   padding: 3px;
}

#preis .head {
   font-weight: bold;
   white-space: normal;
}

#preis .zwischensumme {
   font-weight: bold;
}

#preis .summe {
   border-top: 2px solid #ccc;
   font-weight: bold;
   white-space: nowrap;
}

.link-bold a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-decoration: underline;
   color: #660000;
}

.txt {
font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000000;
}.txt-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;


}
.infotextkonfigurator {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: left;


}