* { font-family: Verdana, Helvetica, sans-serif; margin: 0; padding: 0; }
*:focus { outline: 0; -moz-outline: none; }
body { font-size: 12px; text-align: center; }
ul, ol { font-size: 12px; line-height: 1.5em; margin-left: 2em; }
ul { list-style: square; }
p { font-size: 12px; line-height: 1.5em; padding-bottom: 1em; }
h1,h2,h3,h4,h5,h6 { color: #333739; margin: 0 0 0.5em 0; }
h1 { font-size: 22px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 13px; }

div#all { background: #ffffff; border: 1px solid #dddddd; font-size: 12px; margin: 10px auto; text-align: left; width: 978px; }
div#header { height: 100px; }
div#logo { background: url(/img/wolf-fenster-logo.jpg) no-repeat center; height: 100px; width: 176px; }
div#logo h1 { display: none; }
div#logininfo { margin: -28px 0 0 615px; position: absolute; width: 350px; }
div#logininfo p { color: #cccccc; font-size: 11px; text-align: right; }
div#logininfo p a { color: #cccccc; }
div#logininfo p a:hover { color: #f7ce1e; }
div#contents { border-top: 1px solid #dddddd; margin-top: 36px; }
div#contents-footer { clear: both; }
div#navigation, div#content { float: left; }
div#navigation { border-right: 1px solid #dddddd; margin-left: -979px; padding: 0 0 1em 0; width: 201px; }
div#content { border-left: 1px solid #dddddd; margin-left: 200px; min-height: 1em; width: 777px; }
div#mainnavigation { border: 1px solid #dddddd; border-style: solid none; height: 22px; position: absolute; top: 111px; width: 978px; }
div#language { float: left; height: 22px; text-align: right; width: 100px; }
div#language p { color: #cccccc; line-height: 1.5em; margin: 0; padding: 0; }
div#language p a { color: #cccccc; line-height: 22px; text-decoration: none; width: 25px; }
div#language p span { margin: 0 3px; }
div#language p a.active { color: #666666; font-weight: bold; }
div#language p a:hover { color: #666666; }
div#searchbox { width:133px; float:left; margin-left:14px; padding-top:1px; }
div#searchbox input { width:120px; border:1px solid #999; font-size:12px; color:#222; padding:2px 0; float:left;}
div#searchbox button span { display:none; }
div#searchbox button { background:url(/img/search.gif) no-repeat center left; width:11px; height:20px; border:0; float:left;  }
div#footer { background: #ffffff; border-top: 1px solid #cccccc; color: #cccccc; }
div#footer p { color: #aaaaaa; font-size: 10px; height: 20px; line-height: 20px; margin: 0; padding: 0; padding: 0 0.5em; }
div#footer p a { color:#aaa; }
div#footer p a:hover { color: #f7ce1e; }
div#footer span.address { margin-left: 130px; }

div#mainnavigation div.menu { width:722px; height:22px; float:left; }
div#mainnavigation div.menu ul { list-style:none; margin:0; }
div#mainnavigation div.menu ul li { line-height:22px; display:-moz-inline-box; display:inline-block;  }
div#mainnavigation div.menu ul li.active a,
div#mainnavigation div.menu ul li.active a:hover { color:white; background: #666;  }
div#mainnavigation div.menu ul li.activeparent a,
div#mainnavigation div.menu ul li.activeparent a:hover{ color:#333739; background: #e0e0e0; }
div#mainnavigation div.menu ul li a { padding:0 0.5em; line-height:22px; color: #333739; display:-moz-inline-box; display:inline-block; height:22px; text-decoration:none; }
div#mainnavigation div.menu ul li a:hover { background:#f0f0f0; }


div#navigation ul { list-style: none; margin: 0; }
div#navigation ul li { padding-left: 0; }
div#navigation ul li a { color: #333739; display: block; font-size: 12px; line-height: 22px; padding-left: 5px; text-decoration: none; }
div#navigation ul li a:hover { background: #eeeeee; }
div#navigation ul ul li { line-height: 19px; padding: 1px 0 1px 10px; }
div#navigation ul ul li a { font-size: 11px; line-height: 19px; }
div#navigation ul ul ul li { line-height: 16px; padding: 1px 0 1px 10px; }
div#navigation ul ul ul li a { font-size: 10px; line-height: 14px; }
div#navigation ul li.open,
div#navigation ul li.active { background: #e0e0e0; }
div#navigation ul li.active a,
div#navigation ul li.active a:hover { background: #666; color: #ffffff; }
div#navigation ul li.open a:hover,
div#navigation ul li a:hover,
div#navigation ul li.active ul li a:hover { background: #fafafa; color: #333739; }
div#navigation ul li.active a { color: #ffffff; }
div#navigation ul li.active ul li a { background: #e0e0e0; color: #333739; }
div#navigation ul li.open a.open{font-weight: bold; }
div#navigation ul li > ul { display:none; }
div#navigation ul li.open > ul , div#navigation ul li.active > ul{ display:block; }
div#content div.product div#product-tabs { border-bottom: 1px solid #cccccc; margin: 10px 0 1em 0; padding: 0 0 1px 0.5em;  }
div#content div.product div#product-tabs ul { list-style: none; margin: 0 0 -1px 10px; }
div#content div.product div#product-tabs ul li { background: #ffffff; display: -moz-inline-box; display: inline-block; line-height: 20px; margin: 3px 5px 0 0; }
div#content div.product div#product-tabs ul li a { border: 1px solid #aaaaaa; border-style: solid solid none solid; color: #333333; display: block; font-size: 11px; line-height: 14px; padding: 3px 6px 2px 6px; text-decoration: none; }
div#content div.product div#product-tabs ul li.active { margin-bottom: 0px; }
div#content div.product div#product-tabs ul li.active a { background-color: #ffffff; border-bottom: 1px solid #ffffff; font-weight: bold; margin-bottom: -1px; }
div#content div.product div#product-image, div#product-list { float: left; margin-bottom: 10px; }
div#content div.product div#product-image { border-right: 1px solid #cccccc; padding: 0 10px 15px 0; width: 500px; }
div#content div.product div#pdfimage a img { border: 0; }
div#content div.product div#pdfimage p { border-top: 1px solid #cccccc; height: 1.5em; padding-right: 35px; text-align: right; }
div#content div.product div#pdfimage p a { background: #ffffff; border: 1px solid #cccccc; border-top: 1px solid #ffffff; color: #333333; float: right; margin-top: -1px; padding: 0 5px; text-decoration: none; }
div#content div.product div#product-download { text-align:left; border-top: 1px dotted #cccccc; clear: both; padding-left: 35px; padding-top: 10px; }
div#content div.product div#product-download h4 { color: #666666; font-size: 12px; font-weight: normal; }
div#content div.product div#product-download ul { list-style: none; }
div#content div.product div#product-download ul li a { color: #222222; font-size: 11px; text-decoration: none; }
div#content div.product div#product-download ul li a:hover { text-decoration: underline; }
div#content div.product div#product-list { border-left: 1px solid #cccccc; height: 500px; margin-left: -1px; overflow: auto; overflow-x:hidden; width: 256px;
  scrollbar-arrow-color: #fff; scrollbar-3dlight-color:#666; scrollbar-highlight-color:#fff;
  scrollbar-face-color:#666; scrollbar-shadow-color:#666; scrollbar-darkshadow-color:#666;
  scrollbar-base-color:#fff;
}
div#content div.product div#product-list.pictures { height:400px; }
div#content div.product div#drawings table { border-collapse: collapse; width: 256px; }
div#content div.product div#drawings table td { vertical-align: middle; }
div#content div.product div#drawings table td div { overflow: hidden; padding: 5px; }
div#content div.product div#drawings table td.image div { width: 52px; position:relative; }
div#content div.product div#drawings table td.image div div.options { background: #ffffff; border: 1px solid #cccccc; display: none; height: 20px; margin: 0; padding: 0; position: absolute; top:5px; left:5px; width: 40px; }
div#content div.product div#drawings table td.image div div.opt01,
div#content div.product div#drawings table td.image div div.opt10 { width: 20px; }
div#content div.product div#drawings table td.image div.options a { background: url(/img/productgroups/xlview.gif) #ffffff no-repeat center; display: block; float: left; height: 20px; width: 20px; }
div#content div.product div#drawings table td.image div.options a.download { background-image: url(/img/productgroups/download.gif); }
div#content div.product div#drawings table td.image div.options a span { display: none; }
div#content div.product div#drawings table td.description div { width: 164px; }
div#content div.product div#drawings table tr:hover { background: #eeeeee; }
div#content div.product div#drawings table td img { border: 1px solid #cccccc; }
div#content div.product div#drawings table td a { color: #333333; font-size: 11px; text-decoration: none; }
div#content div.product div#drawings table tr.active { background: #cccccc; }
div#content div.product div#drawings table tr.active td.description a { font-weight: bold; }
div#content div.product div#product-values table { border-collapse: collapse; margin: 10px; width: 490px; }
div#content div.product div#product-values table th,
div#content div.product div#product-values table td { border: 1px solid #ffffff; font-size: 10px; text-align: center; }
div#content div.product div#product-values table th a { color: #000000; text-decoration: none; }
div#content div.product div#product-values table th a:hover { text-decoration: underline; }
div#content div.product div#product-values table th { background: #f3f3f3; text-align:center !important; font-weight:normal; padding: 3px; }
div#content div.product div#product-values table td { background: #fdf2c5; padding: 3px; }
div#content div.product div#product-values table .product { background: #f3f3f3 !important; text-align:center !important; font-size: 11px; padding: 4px; text-align: left; }
div#content div.product div#product-values table .glass { background: #e9fdf4 !important; } /* Glas */
div#content div.product div#product-values table .wood { background: #e8fcc8 !important; } /* Holz */
div#content div.product div#product-values table .metal { background: #feeec8 !important; } /* Metall */
div#content div.product div#product-values table .inactive { color: #999999; }
div#content div.product div#product-values table td a { color: #0000ff; text-decoration: none; }
div#content div.product div#pictures div.thumbnail { float:left; padding: 3px; border:1px solid #ccc; margin:0 10px 10px 0; }
div#content div.product div#pictures div.thumbnail:hover { background: #eeeeee; }
div#content div.product div#pictures div.active { background: #f7ce1e; }
div#content div.product div#pictures div a img { border: 1px solid #cccccc; display: block; }
div#content div.product div#pictures { width:240px; padding-left: 10px; }
div#content div.product div#product-image { padding-left:10px; text-align:center; }
div#content div.product div#product-image a img { border: 0; }
div#content div.product div#product-image p { color: #333333; padding: 5px 0; }
div#content div.product div#picture a { display: block; margin:0 auto; }
div#content div.product div#picture a img { border: 1px solid #cccccc; }
div#content div.productgroup h2,
div#content div.productgroup h3,
div#content div.productgroup h4,
div#content div.productgroup h5,
div#content div.productgroup h6 { color: #000000; font-weight: normal; margin: 0 0 10px 0 !important; }
div#content div.productgroup h2 { font-size: 36px; }
div#content div.productgroup h3 { font-size: 30px; }
div#content div.productgroup h4 { font-size: 24px; }
div#content div.productgroup h5 { font-size: 20px; }
div#content div.productgroup h6 { font-size: 16px; }
div#content div.productgroup p,
div#content div.productgroup ul,
div#content div.productgroup ol { color: #000000; font-size: 11px; line-height: 1.5em; margin-bottom: 0; padding-bottom: 1em; text-align: left; }
div#content div.productgroup ul { list-style: square; margin-left: 2em; }
div#content div.productgroup ol { margin-left: 2em; }
div#content div.productgroup img { border: 0; margin: 0; }
/*Editor-Klassen*/
div#content div.productgroup span.modelnumber { color: #999999; /* Modellnummer */ }
div#content div.productgroup img.series-left { border: 0; float: left; /* Bildserie links */ margin: 0 25px 0 0; }
div#content div.productgroup img.series-right { border: 0; float: right; /* Bildserie rechts */ margin: 0 0 25px 0; }
div#content div.productgroup img.align-left { border: 0; float: left; /* Bild links */ margin: 0 25px 0 0; }
div#content div.productgroup img.align-right { border: 0; float: right; /* Bild rechts */ margin: 0 0 25px 0; }
div#content div.productgroup .wrap { clear: both; /* Umbruch erzwingen */ }
div#content div.productgroup .centered { text-align: center; /* mittig ausrichten */ }
div#content div.productgroup .right { text-align: right; /* rechts ausrichten */ }
div#content div.productgroup .nomp { margin: 0 !important; /* Kein Abstand */ padding: 0 !important; }
div#content div.productgroup .block { display: block !important; /* Block */ }
div#content div.productgroup div.clear { clear: both; }
div#content div.productgroup table { border-collapse: collapse; margin: 0; padding: 0; width: 100%; }
div#content div.productgroup table td { vertical-align: top; }
/* holz */
div#content div.productgroup div.holz { padding-bottom: 30px; }
div#content div.productgroup div.holz div.imagedescription { background: #ffffff; margin: 40px 0 0 545px; padding: 40px 16px 16px 16px; position: absolute; width: 200px; }
div#content div.productgroup div.holz div.imagedescription p { margin: 0; padding: 0;}
div#content div.productgroup div.holz div.description { padding: 0 20px; }
div#content div.productgroup div.holz div.groups { margin: 60px 0 30px 0; padding-left: 20px; }
div#content div.productgroup div.holz div.groups div.holzgroup { float: left; width: 180px;  margin-bottom:1.5em; }
div#content div.productgroup div.holz div.groups div.holzgroup h2 a { color: #000000 !important; text-decoration: none !important; }
/* holz-xx */
div#content div.productgroup table#holz-xx { width: 777px; }
div#content div.productgroup table#holz-xx td.picture { padding: 0 25px 0 0; width: 430px; }
div#content div.productgroup table#holz-xx td.picture img { display: block; }
div#content div.productgroup table#holz-xx td.description { padding: 15px 25px 0 0; }
div#content div.productgroup table#holz-xx td.description p { font-size: 11px; }
div#content div.productgroup table#holz-xx td.model { text-align: center; vertical-align: middle; width: 222px; }
div#content div.productgroup table#holz-xx table.types { width: 100px; }
div#content div.productgroup table#holz-xx table.types td img { display: block; margin: 0 0 3px 0; }
div#content div.productgroup table#holz-xx table.types tr td  p { font-size: 10px; }
div#content div.productgroup table#holz-xx { width: 777px; }
/* serie s */
div#content div.productgroup table#series { width: 777px; }
div#content div.productgroup table#series td { padding-left: 25px; }
div#content div.productgroup table#series tr td h2 { font-size: 28px; margin-bottom: 25px; }
div#content div.productgroup table#series td h2 a { color: #000000; text-decoration: none; }
div#content div.productgroup table#series td img { display: block; margin-bottom: 25px; }
/* t�ren */
div#content div.productgroup div#doors { padding: 0 0 0 25px; }
div#content div.productgroup div#doors div.description { padding: 15px 25px 15px 0; }
div#content div.productgroup div#doors table.models td p { padding-left: 5px; }
/* accessoires */
div#content div.productgroup div#accessoires { padding: 0; }
div#content div.productgroup div#accessoires img { display: block; margin: 0; }
div#content div.productgroup div#accessoires div.imagedescription { background: #ffffff; height: 130px; margin: 304px 0 0 495px; padding: 40px 16px 16px 16px; position: absolute; width: 200px; }
div#content div.productgroup div#accessoires div.imagedescription p { margin: 0; padding: 0; }
div#content div.productgroup table#accessoires { width: 777px; }
div#content div.productgroup table#accessoires td.picture { padding: 0 25px 0 0; width: 430px; }
div#content div.productgroup table#accessoires td.picture img { display: block; }
div#content div.productgroup table#accessoires td.description { padding: 15px 25px 0 0; }
div#content div.productgroup table#accessoires td.description p { font-size: 11px; }
div#content div.productgroup table#accessoires td.types { text-align: right; vertical-align: top; }
div#content div.productgroup table#accessoires td.types table td.image { padding: 5px 0 5px 0; text-align: right; vertical-align: top; width: 100px; }
div#content div.productgroup table#accessoires td.types table td.imagedescription { padding-bottom: 10px; text-align: right; vertical-align: bottom; }
div#content div.productgroup table#accessoires td.types table td.imagedescription p { font-size: 10px; margin: 0; padding: 0 10px 0 0; text-align: right; }
/* artec */
div#content div.productgroup div#artec div.imagedescription { background: #ffffff; margin: 220px 0 0 0; padding: 40px 16px 16px 16px; position: absolute; width: 240px; }
div#content div.productgroup div#artec div.imagedescription p { margin: 0; padding: 0 0 15px 0; }
div#content div.productgroup div#artec div.imagedescription p.link { margin: 0; padding: 0; }
div#content div.productgroup div#artec div.imagedescription p.link a { color: #000000; font-size: 20px; text-decoration: none; }
div#content div.productgroup div#artec div.imagedescription p.link a:hover { color: #666666; }
/* material */
div#content div.productgroup table#material { margin: 25px; width: 727px; }
div#content div.productgroup table#material td.color { padding: 3px; width: 50px; }
div#content div.productgroup table#material th { text-align: left; vertical-align: top; }
div#content div.productgroup table#material td.description { padding-right: 15px; text-align: right; }