@charset "UTF-8";
/* CSS Document */

body { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;
margin-left: 5px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-align:left;
	background-image:url(pictures/backgelb.jpg);
	background-repeat:repeat-y;
	background-position:top center;}

#pl100e {clear:both;}

div.group {padding-right:20px;  width:516px; clear:left; padding-top:15px;}
div.group1 { width:1000px; text-align:left;}
div.group2 { width:246px; float:right; margin-left:20px; border:thin dashed; text-align:center;}
div.navigation { width:804px; float:left;  border-left:#999 1px solid;  border-top:#999 1px solid; z-index:2;}
#section { width:805px; margin-bottom:20px; z-index:3; border-left:solid #999 1px; border-top:solid #999 1px; float:left; margin:0px;}
div.content { width:1200px; clear:both;}

#navigation {width:200px; border-right:1px solid #999; background-color:#CCCCCC; float:left; font-size:11px; z-index:1;}
#navigation ul {list-style:none; margin:0; padding:0; border:none;}
#navigation li {border-bottom:1px solid #999; text-align:left;}
#navigation li.curr {border-bottom:1px solid #999; text-align:left;background-color:#FFCC00; background-image:url(pictures/on.png);}
#navigation li a {display:block; padding:3px 3px 3px 3px;}
#navigation li a:hover {background-color:#FFCC00; color:#000000; background-image:url(pictures/on.png);}
#hole {width:805px; margin: 0 auto; text-align:left;}
#content {width:536px; clear:both; float:left; position:relative; top:0px;margin-top:14px; border-top:solid 1px #999999;}
#content-pictures {width:269px;float:right;position:relative; top:0px; margin-top:14px; border-top:solid 1px #999999;}
#content-kapitel {width:536px; clear:both; float:left; position:absolute; top:0px; margin-top:14px; border-top:solid 1px #999999;}
.img { width:267px;padding:0px; border-bottom:solid #999999 1px; border-left:solid #999999 1px; border-right:solid #999999 1px;}
#corner {width:269px; height:20px;background-image:url(pictures/ecke.png); background-repeat:no-repeat; background-position:bottom left; position: absolute; bottom:0px; left:0px;}
#corner-left {width:10px; height:20px;float:left;background-image:url(pictures/ecke.png); background-repeat:no-repeat; background-position:bottom left; position:relative; top:-20px; clear:left;}
#no-corner {width:269px; height:20px;float:right; position:relative; top:-40px;}
div.symbol {padding-right:20px;padding-top:15px; float:left;}
#download {width:269px;float:right; clear:both; margin-bottom:20px; margin-top:20px;}
#no-download {width:269px;float:right; position:relative; top:20px;}
.download { margin-bottom:1px; margin-top:15px; text-transform:uppercase; font-size:10px; font-weight:bold; background-color:#CCCCCC; border-top: dashed #999999 1px; text-indent:10px;}
.produkt-images {border-bottom:solid 1px #999999;  border-left:solid 1px #999999; border-right:solid 1px #999999;}
#footer {width:805px; margin: 0 auto; text-align: left;}
#foot {width:805px; height:20px; margin: 0 auto;   clear:both; background-color:#CCCCCC;border:solid 1px #999999; line-height:20px;}
#path {width:805px; height:20px; margin: 0 auto;   clear:both; background-color:#CCCCCC;border-top:solid 1px #999999; border-left:solid 1px #999999; border-right:solid 1px #999999; line-height:20px;}
#overpath {width:805px; height:20px; margin: 0 auto;   clear:both; background-color:none;border:none; line-height:20px;}
#sidebox {height:50px; width: 50px; position: absolut; left:100px; top:0px; background-color:#FFFFFF;}


#reiter {background-color:#00CC00; width:50px; height:200px; float:left;}


tables {width:516px;border-bottom:solid #CCCCCC 4px; border-right:solid #CCCCCC 4px; border-left:solid #CCCCCC 4px; border-top:solid #CCCCCC 1px;   padding-left:5px;}
table {width:516px; border-collapse: separate; border-spacing:0px 0px;}
td {border-bottom:2px solid #CCCCCC}




div.image { float:left; border:#999999 1px solid;}
div.produktbild-01 { width:250px; float:left; margin-bottom:20px;}
div.produktbild-zubehoer { clear:both;}
div.story {padding-right:20px; width:516px;clear:left;}
div.symbol-leuchtmittel {float:left; padding-right:10px; height:50px; margin-bottom:10px;}
div.tabelle { width:480px; border-top:dashed thin #666;}
div.text {width:480px; margin-bottom:50px;}
div.zeichnung { margin-bottom:30px; margin-top:30px;}

p.fliesstext { margin:1px;}
p.fliesstext-headline { line-height:20px; margin-bottom:1px; margin-top:15px; text-transform:uppercase; font-size:10px; font-weight:bold; background-color:#FFCC00; background-image:url(pictures/on2.png); border-top: dashed #999999 1px; text-indent:10px;}
p.hl-produktnummer { font-size:25px; font-weight:bold; margin:0px;}
p.subline-01 { font-size:14px; font-weight:bold; line-height:10px;}
p.subline-02 { font-size:14px; line-height:10px;}
p.symbolbezeichnung {}
p.tabelle-artikel { font-size:10px; font-weight:bold; padding:0px; margin:0px;}
p.tabelle-inhalt { font-size:10px; padding:0px; margin:0px;}
p.tabelle-inhalt-rechts { font-size:10px; padding:0px; margin:0px;}
p.tabelle-kopfzeile { vertical-align:top; font-size:10px; padding:0px; margin:0px;}
p.zubehoer-headline { line-height:20px; margin-bottom:1px; margin-top:15px; text-transform:uppercase; font-size:10px; font-weight:bold; background-color:#FFCC00; background-image:url(pictures/on2.png); border-top: dashed #999999 1px; text-indent:10px;}
p.zubehoer-inhalt { font-size:11px; line-height:6px;}
td.artikel {width:120px; height:15px;}
td.inhalt {width:100px; height:15px;}
td.kopfzeile { }
td.zellenformat-1 {}


a:link {
	text-decoration: none;
	color:#000000;
	border:none;

}
a:visited {
	text-decoration: none;
	color:#000000
}
a:hover {color:#999;}

div.thumb { border-right:#999 1px solid; border-bottom:#999 1px solid; width:66px; float:left; margin-right:0px; margin-bottom:0px;position: relative;}
div.thumb img {width:66px; height:66px;}


.iframe {text-align:left; font-size:9px; color:#FF0000; margin:0px 10px 10px 10px;}

div.thumbnumber {width:66px; height:15px; text-align:center; font-size:12px; font-weight:bold; text-transform:uppercase;}
div.thumb:hover {background-color: #FFCC00;}
div.thumbactive { border-right:#999 1px solid; border-bottom:#999 1px solid; width:66px; float:left; background-color: #FFCC00; margin-right:0px; margin-bottom:0px;}

div.thumbig { border-right:#999 1px solid; border-bottom:#999 1px solid; width:133px; float:left; margin-right:0px; margin-bottom:0px;}
div.thumbig img {width:133px; height:133px;}
div.thumbig:hover {background-color: #FFCC00;}


div.thumbwhite { border-right:#999 1px solid; border-bottom:#999 1px solid; width:66px; float:left; margin-right:0px; margin-bottom:0px;}
div.thumbwhite:hover {background-color: #FFFFFF;}
div.thumbnumberwhite {width:66px; height:15px; text-align:center; font-size:12px; font-weight:bold; text-transform:uppercase; color:#FFFFFF;}


img {
	border: none;

}

.prev {width:10px; height:10px; position:absolute; left:0px; top:0px; background-color:none;}
.prev:hover {background-image:url(pictures/plus_bigger.png)}
.prev span {display: none;text-decoration: none; }
.prev:hover span {
  display: block;
  position: absolute; 
  top: 20px; 
  left: 20px; 
  width: 300px;
  z-index: 100;
  color: #000000; 
  border:0px;
  background-image:url(pictures/bg_vorschau.png);
  background-repeat:no-repeat;
  font: 12px Verdana, sans-serif; 
  text-align: center;
  }
  
#navigation1 {width:200px; border-right:1px solid #999; background-color:#CCCCCC; float:left; font-size:11px; z-index:1;}
#navigation1 ul {list-style:none; margin:0; padding:0; border:none;}
#navigation1 li {border-bottom:1px solid #999; text-align:left;}
#navigation1 li.curr {border-bottom:1px solid #999; text-align:left;background-color:#FFCC00; background-image:url(pictures/on.png);}
#navigation1 li a {display:block; padding:0px 0px 0px 0px;}
#navigation1 li a:hover {background-color:#FFCC00; color:#000000; background-image:url(pictures/on.png);}