body { background-color: #cccccc}

.tv {
/*  position: relative;*/
  display: inline;
  float: left;
}

.tv div {
  display: inline;
}


/* 1-1 */
.tv1-1left, .tv1-1right {
  width: 47%;
}
.tv1-1left {
  padding-right: 2%;
}
.tv1-1right {
  padding-left: 1%;
}


/* 1-1-1 */
.tv1-1-1left, .tv1-1-1middle, .tv1-1-1right {
  width: 31%;
}
.tv1-1-1left {
  padding-right: 1%;
}
.tv1-1-1middle {
  padding: 0 1%;
}
.tv1-1-1right {
  padding-left: 1%;
}


/* 1-2 */
.tv1-2 {
}
.tv1-2left {
  padding-right: 2%;
  width: 32%;
}
.tv1-2right {
  padding-left: 1%;
  width: 63%;
}


/* 2-1 */
.tv2-1 {
}
.tv2-1left {
  padding-right: 1%;
  width: 63%;
}
.tv2-1right {
  padding-left: 2%;
  width: 32%
}


/* 5-Spalten */
.tv5spalten1, .tv5spalten2, .tv5spalten3, .tv5spalten4, .tv5spalten5 {
  width: 19%;
  padding-right: 1%;
}
.tv5spalten5 {
  padding: 0;
}


/* 7-Spalten */
.tv7spalten0 {
  width: 41px;
  position: static;
  text-align: left;
}
.tv7spalten1, .tv7spalten2, .tv7spalten3, .tv7spalten4, .tv7spalten5, .tv7spalten6, .tv7spalten7 {
  width: 13%;
  position: static;
  text-align: center;
}
.tv7spalten7 {
  padding: 0;
}
.tv7spalten1 {
}
.tv7spalten2 {
}
#content .tv7spalten1 h2, #content .tv7spalten2 h2, #content .tv7spalten3 h2, #content .tv7spalten4 h2, #content .tv7spalten5 h2, #content .tv7spalten6 h2, #content .tv7spalten7 h2 {
  font-size: 1em;
  font-family: tahoma, verdana, arial, mssansserif, sans-serif;
  margin: 0;
  color: #fff;
}
#content .tv7spalten1 h2 a, #content .tv7spalten2 h2 a, #content .tv7spalten3 h2 a, #content .tv7spalten4 h2 a, #content .tv7spalten5 h2 a, #content .tv7spalten6 h2 a, #content .tv7spalten7 h2 a {
  color: #fff;
  display: block;
  margin: 3px 0;
}
.tv7spalten1 h2 a:hover, .tv7spalten2 h2 a:hover, .tv7spalten3 h2 a:hover, .tv7spalten4 h2 a:hover, .tv7spalten5 h2 a:hover, .tv7spalten6 h2 a:hover, .tv7spalten7 h2 a:hover {
  text-decoration: none;
  color: #aaa;
}
.tv7spalten1:hover a, .tv7spalten2:hover a, .tv7spalten3:hover a, .tv7spalten4:hover a, .tv7spalten5:hover a, .tv7spalten6:hover a, .tv7spalten7:hover a {
  color: #aaa;
}

/* ToolTip */
.tooltip, .pooltooltip {
  display: inline;
}
.tooltip .content, .pooltooltip .content {
  display: inline;
  z-index: 100;
}
.tooltip .content, .pooltooltip .content img {
  z-index: 101;
}
.tooltip .content div, .pooltooltip .content div {
  display: inline;
}
.tooltip .tip, .pooltooltip .tip {
  visibility: hidden;
  display: none;
  position: absolute;
  top: 152px;
  left: 418px;
  z-index: 1000;
  text-align: left;
}
.tooltip .tip .tipbg {
  filter: alpha(opacity=40);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  -moz-opacity: 0.40; opacity:0.4;
  background-color: #fff;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  position: absolute;
  width: 314px;
  height: 251px;
}
.tooltip .tip .tipcontent {
  background-color: #eaebed;
  margin: 10px 0 0 10px;
  width: 294px;
  height: 231px;
  position: absolute;
}
.pooltooltip .tip .tipbg {
  filter: alpha(opacity=40);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  -moz-opacity: 0.40; opacity:0.4;
  background-color: #fff;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  position: absolute;
  width: 314px;
  height: 251px;
}
.pooltooltip .tip .tipcontent {
  background-color: #eaebed;
  margin: 10px 0 0 10px;
  width: 294px;
  height: 231px;
  position: absolute;
  padding: 0;
}
.pooltooltip .tip .tipcontent h1 {
  margin: 0;
  border-bottom: 1px solid #666;
  color: #666;
  padding: 0.5em 0 11px 5px;
  line-height: 1px;
  display: block;
}
#content .pooltooltip .tip .tipcontent h1 a {
  color: #666;
}
.pooltooltip .tip .tipcontent h1 a:hover {
  text-decoration: none;
}
.pooltooltip .tip .tipcontent .pooltooltipimage, .pooltooltip .tip .tipcontent dl {
  position: relative;
  display: inline;
}
.pooltooltip .tip .tipcontent .pooltooltipimage {
  width: 135px;
  float: left;
  padding-left: 4px;
} 
.pooltooltip .tip .tipcontent dl {
  float: right;
  width: 142px;
  color: #666;
}
.pooltooltip .tip .tipcontent dl dt {
  font-weight: bold;
}
.pooltooltip .tip .tipcontent dl dd {
  margin-bottom: 11px;
}


/* Detailseite - 1-2 */
.detailseiteLeft {
  width: 239px;
  padding: 0 22px 0 0;
}
.detailseiteRight {
  width: 471px;
}


/* Detailseite - 2-1 */
.detailseiteLeft2 {
  width: 471px;
}
.detailseiteRight2, .detailseiteRight12 {
  width: 239px;
  padding: 0 0 0 22px;
}
.detailseiteRight12 {
  padding-top: 21px;
}


/* Button */
.button, .button2 {
  height: 246px;
  overflow: hidden;
  padding: 6px;
  background-repeat: no-repeat;
}
.button {
  width: 226px;
  background-image: url(images/bg_button.gif);
}
.button2 {
  width: 240px;
  background-image: url(images/bg_button2.gif);
}
.button .pfeil, .button2 .pfeil {
  float: right;
  margin-top: 5px;
}
html body #content .button h2 p, html body #content .button h3 p, html body #content .button2 h2 p, html body #content .button2 h3 p {
  margin: 0;
}
html body #content .button h2, html body #content .button h3, html body #content .button2 h2, html body #content .button2 h3 {
  margin: 0;
}
html body #content .button h2, html body #content .button2 h2 {
  font-size: 1.7em;
}
html body #content .button h3, html body #content .button2 h3 {
  font-size: 1.4em;
}
html body #content .button h2 a, html body #content .button h3 a, html body #content .button2 h2 a, html body #content .button2 h3 a {
  color: #000;
}
html body #content .button .text p, html body #content .button2 .text p {
  clear: both;
  padding: 7px 0 0 18px;
  font-size: 1.2em;
  color: #000;
}

  
/* Button-Zeile */
.tvbuttonleft, .tvbuttonmiddle, .tvbuttonright {
  width: 252px;
}
* + html .tvbuttonleft, * + html .tvbuttonmiddle, * + html .tvbuttonright {
  padding-top: 5px;
}
.tvbuttonleft {
  padding-right: 5px;
}
.tvbuttonmiddle {
  padding-right: 5px
}
.tvbuttonright {
}


/* Produktdetailübersicht */
.indoorprodukt {
  height: 275px;
  width: 240px;
  overflow: hidden;
  padding: 0 6px;
  background-image: url(images/bg_produktdetailuebersicht.gif);
  background-repeat: no-repeat;
  position: relative;
  position: static;
  margin: 0 0 5px 0;
}
html body #content .indoorprodukt h2 {
  padding: 0 0 2px 5px;
  font-size: 1.2em;
  margin: 0;
  font-family: tahoma, verdana, arial, mssansserif, sans-serif;
  line-height: normal;
}
* html body #content .indoorprodukt h2 {
  padding-top: 3px;
}
* + html body #content .indoorprodukt h2 {
  padding-top: 3px;
}
html body #content .indoorprodukt h2 p {
  margin: 0;
}
html body #content .indoorprodukt h2 a {
  color: #fff;
  font-weight: bold;
}
.indoorprodukt .tip {
  visibility: hidden;
  display: none;
  position: static;
  margin: -19px 0 0 140px;
  padding-bottom: 19px;
  z-index: 1000;
  text-align: left;
}
.indoorprodukt .tip .tipbg {
  filter: alpha(opacity=40);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  -moz-opacity: 0.40; opacity:0.4;
  background-color: #fff;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  position: absolute;
  width: 314px;
  height: 251px;
}
.indoorprodukt .tip .tipcontent {
  background-color: #eaebed;
  margin: 10px 0 0 10px;
  width: 294px;
  height: 231px;
  position: absolute;
  padding: 0;
}
* html .indoorprodukt .tip .tipbg {
  height: 261px;
}
.indoorprodukt .tip .tipcontent h1 {
  margin: 0;
  border-bottom: 1px solid #666;
  color: #666;
  padding: 0.5em 0 11px 5px;
  line-height: 1px;
  display: block;
}
#content .indoorprodukt .tip .tipcontent h1 a {
  color: #666;
}
.indoorprodukt .tip .tipcontent h1 a:hover {
  text-decoration: none;
}
.indoorprodukt .eckdaten {
  width: 110px;
  border-right: 1px solid #666;
  float: left;
  height: 186px;
  margin: -4px 0 0 0;
  padding: 15px 8px 8px 8px;
  color: #666;
}
.indoorprodukt .ausstattung {
  width: 148px;
  padding: 15px 8px 8px 8px;
  margin: -4px 0 0 0;
  color: #666;
  float: left;
}
.indoorprodukt .produktcontent {
  background-color: #333;
  height: 275px;
  display: block;
}
.indoorprodukt .tip .header {
  font-weight: bold;
  margin: 0;
}


/* Produktübersicht */
.indoorproduktuebersicht {
  height: 135px;
  width: 240px;
  overflow: hidden;
  padding: 0 6px;
  background-image: url(images/bg_produktuebersicht.gif);
  background-repeat: no-repeat;
  position: relative;
  margin: 0 0 5px 0;
}
html body #content .indoorproduktuebersicht h2 {
  position: absolute;
  bottom: 2px;
  left: 6px;
  margin: 0;
  padding: 0 0 0 5px;
  font-size: 1.2em;
  font-family: tahoma, verdana, arial, mssansserif, sans-serif;
}
* html body #content .indoorproduktuebersicht h2 {
  bottom: 0px;
}
html body #content .indoorproduktuebersicht h2 p {
  margin: 0;
}
html body #content .indoorproduktuebersicht h2 a {
  color: #fff;
  font-weight: bold;
}


/* Produkt-Detailseite */
.indoordetailleft {
  width: 423px;
  position: relative;
}
.indoordetailleft .bildgross {
  display: block; 
  padding-bottom: 2px;
}
* html .indoordetailleft .bildgross {
  padding-bottom: 5px;
}
* + html .indoordetailleft .bildgross {
  padding-bottom: 5px;
}
.indoordetailleft .bilderklein {
  position: static;
}
.indoordetailleft .bilderklein div {
  width: 107px;
  position: static;
  display: block;
  float: left;
}
.indoordetailleft .bilderklein div.rechtesBild {
  width: 102px;
  display: block;
}
.indoordetailleft .bilderklein .grossansicht {
  visibility: hidden;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333
}
.indoordetailright {
  padding-left: 12px;
  width: 330px;
}
 .indoordetailright .bilderrechts .grossansicht {
  visibility: hidden;
  display: none;
  position: absolute;
  top: 239px;
  left: 0;
}
.indoordetailright .bilderrechts div {
  display: block;
  float: left;
  width: 54px;
  height: 54px;
}
.indoordetailright h2.clearer {
  padding-top: 0.8em;
}
.indoordetailright .bilderrechts div.clearer {
  width: 0;
  clear: both;
}.tekst {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333333}
.tekst-2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #333333}
