body{ margin:0px; padding:0px; text-align:center; font-family:Arial; background-image:url(../upload/layout/bg.jpg); } img{ border:0; } #load{ position:absolute; margin:auto; text-align:center; left:500px; top:100px; z-index:1; } #load {visibility:hidden; } #outerpage{ width:1000px; margin:auto; } #innerpage{ width:1000px; float:left; position:relative; background-color:#ffffff; } #nav{ z-index:100; float:left; width:209px; text-align:left; border-right:1px solid #87888A; margin-bottom:10px; } #logo{ float:left; width:209px; height:204px; overflow:hidden; } #mainnav{ z-index:100; float:left; width:209px; height:147px; position:relative; } #mainnav ul { list-style: none; margin:0px; padding:0px; margin-top:0px; float: left; border-top: 1px solid #87888A; } #mainnav ul ul { width:158px; border-top:0px; padding-bottom:8px; position: absolute; left:209px; top:0px; background-color:transparent; background-image:url(../upload/layout/bg_navibox.png); background-position:right bottom; background-repeat:no-repeat; } /*#mainnav ul ul ul{ width:178px; left:148px; top:-3px; }*/ #mainnav ul ul ul{ width:218px; left:146px; top:-3px; } #mainnav a { width:168px; height:16px; padding:6px; padding-left:35px; background-image:url(../upload/layout/bg_navi_off.jpg); background-repeat:no-repeat; background-position:right top; display: block; color:#58585A; text-decoration:none; font-size:10pt; } #mainnav a:hover,#mainnav a.selected { background-image:url(../upload/layout/bg_navi_on.jpg); background-repeat:no-repeat; background-position:right top; } #mainnav ul ul a{ width:127px; padding:3px; padding-left:12px; margin-left:2px; margin-right:2px; font-size:8pt; } #mainnav ul ul ul a{ width:147px; padding:5px; padding-left:12px; margin-left:2px; margin-right:2px; font-size:8pt; } #mainnav a.alone{ background-image:none; } #mainnav a.alone:hover { background-image:url(../upload/layout/bg_navi.jpg); background-repeat:repeat-x; background-position:top; } #mainnav li { padding:0px; margin:0px; list-style:none; position: relative; float:left; border-bottom: 1px solid #87888A; } #mainnav li li, #mainnav li li li{ border-bottom:0; border-left:2px solid #87888A; } #mainnav ul ul, #mainnav ul li:hover ul ul, #mainnav ul li:hover ul li:hover ul ul{ display: none; } #mainnav ul li.sfhover ul ul, #mainnav ul li.sfhover ul li.sfhover ul ul{ display: none; } #mainnav ul li:hover ul, #mainnav ul li:hover ul li:hover ul, #mainnav ul li:hover ul li:hover ul li:hover ul{ display: block; } #mainnav ul li.sfhover ul, #mainnav ul li.sfhover ul li.sfhover ul, #mainnav ul li.sfhover ul li.sfhover ul li.sfhover ul{ display: block; } /*ul,li,a { behavior: url(../js/iepngfix.htc); } */ li.first{ font-size:1pt; } #mainnav ul ul li.first{ width:148px; } /*#mainnav ul ul ul li.first{ width:168px; }*/ #mainnav ul ul ul li.first{ width:208px; } div.first{ margin-left:2px; margin-right:2px; background-color:#eceded; font-size:1pt; height:3px; } div.mainnavtext{ text-align:justify; font-size:8pt; padding-left:14px; padding-right:14px; padding-top:8px; padding-bottom:8px; float:left; } #mainnav a.text{ width:auto; background-image:none; clear:both; padding:0px; padding-bottom:3px; } #mainnav a.text:hover{ font-weight:bold; } #mainnav img { margin-left:14px; margin-right:14px; float:left; } div.bord{ padding-bottom:5px; padding-top:5px; border-bottom: 1px solid #eceded; float:left; width:180px; height:33px; } #mainnav ul li.listdetail{ float:left; width:208px; height:33px; padding-top:5px; padding-bottom:5px; background-color:#ffffff; border-bottom: 1px solid #eceded; } #subnav{ float:left; width:209px; height:335px; padding-top:5px; } #subnav ul{ list-style:none; margin:0px; padding-left:35px; padding-top:8px; } #subnav li{ list-style:none; padding:0px; margin:0px; line-height:10pt; } #subnav a, #suche a, #language a{ color:#58585A; font-size:8pt; text-decoration:none; } #subnav a:hover, #suche a:hover, #language a:hover{ font-weight:bold;} #subnav a.current{ color:#009EE0; } #language select{ margin-top:5px; font-size:8pt; width:139px; border:1px solid #87888A; } #language{ margin-top:10px; } #pfinder{ float:left; width:164px; padding:100px 0 0 25px; color:#58585A; font-size:8pt; text-align:left; } #pfinderin{ float:left; padding:16px 8px 8px 8px; width:148px; height:158px; background:url(../upload/layout/bg_productfinder.jpg) top no-repeat; } #pfinder input, #pfinder select{ font-size:8pt; padding:2px; border:0; background-color:#ffffff; } #suche, #language{ float:left; width:174px; padding-left:25px; color:#58585A; font-size:8pt; } #suchein{ float: left; padding:8px; height:43px; width:145px; background:url(../upload/layout/bg_suche.jpg) top no-repeat; } #suchein input{ width:139px; font-size:8pt; color:#58585A; border:1px solid #87888A; margin-bottom:5px; } #suche form{ padding:0px; margin:0px; } #tagcloud{ float:left; width:174px; padding:20px 0 0 25px; color:#cccccc; } #tagcloudin{ float:left; padding:8px; } #tagcloud a{ color:#cccccc; text-decoration:none; } input.anfrage, select.anfrage{ width:180px; font-size:8pt; color:#58585A; border:1px solid #87888A; } textarea.anfrage{ width:304px; height:50px; font-size:8pt; color:#58585A; border:1px solid #87888A; } #languagein{ float:left; padding:0 0 10px 8px; } #content{ float:left; width:790px; z-index:50; background-color:#ffffff; } #image{ float:left; width:790px; } #gallery{ float:left; width:343px; padding-top:25px; padding-left:19px; } #imgbig{ float:left; width:343px; height:242px; } #images{ float:left; width:303px; padding-top:15px; padding-left:40px; height:54px; } #printimg{ display:none; visibility:hidden; width:0px; height:0px; } #scroller_l, #scroller_r{ float:left; width:30px; text-align:center; padding-top:15px; } #imagebox{ float:left; position:relative; z-index:200; width:219px; height:54px; overflow:hidden; } #imageboxinside{ float:left; position:relative; width:1000px; height:54px; z-index:150; } #imagebox img{ float:left; } #scrollable { float: left; position:relative; overflow: hidden; overflow-x:scroll; white-space: nowrap; margin-left:14px; padding-top:14px; padding-bottom:14px; font-size:8pt; text-align:left; color:#383838; } #scrollableinside{ float:left; position:relative; } #track { margin-left:14px; float: left; clear: both; margin-top: 10px; background-color:#d1d2d4; } #handle { background-color: #808285; cursor: move; } #headline{ float:left; padding-left:19px; width:396px; text-align:left; padding-top:25px; } h1{ padding:0px; margin:0px; font-size:13pt; color:#58585A; font-weight:normal; } h2{ padding:0px; margin:0px; padding-bottom:20px; color:#58585A; font-weight:normal; font-size:13pt; line-height:16pt; } h3{ padding:0px; margin:0px; padding-bottom:5px; color:#58585A; font-weight:normal; font-size:13pt; line-height:16pt; } div.img_cache{ float:left; text-align:left; padding:6px 5px 6px 3px; width:66px; height:54px; background-image:url(../upload/layout/bg_img.jpg); background-repeat:no-repeat; background-position:left top; } div.boxcontent, div.boxcontentbreit a, div.back a{ color:#009EE0; text-decoration:none; } div.boxcontent a:hover, div.boxcontentbreit a:hover, div.back a:hover { color:#58585A; } div.boxouter{ float:left; padding:30px 0 50px 19px; } div.box{ float:left; padding-top:6px; width:396px; background-image:url(../upload/layout/bg_content_top.jpg); background-repeat:no-repeat; background-position:top; } div.boxhead, div.boxcontent { float:left; width:396px; background-image:url(../upload/layout/bg_content_box.jpg); background-repeat:repeat-y; } div.boxbottom{ float:left; height:5px; width:396px; background-image:url(../upload/layout/bg_content_bottom.jpg); background-repeat:no-repeat; background-position:bottom; } div.boxhead,div.boxheadbreit{ border-bottom: 1px solid #eceded; } div.boxhead a,div.boxheadbreit a{ margin-top:2px; float:left; text-decoration:none; font-size:8pt; font-weight:bold; padding:3px; padding-bottom:4px; padding-top:4px; color:#87888A; } div.boxhead a.selected, div.boxhead a:hover,div.boxheadbreit a.selected,div.boxheadbreit a:hover{ background-color:#eceded; } div.boxhead a.selected,div.boxheadbreit a.selected{ color:#58585A; } div.boxcontent{ float:left; line-height:13pt; width:368px; padding:24px 14px 14px 14px; font-size:8pt; text-align:left; color:#383838; } div.boxbreit{ float:left; padding-top:6px; width:758px; background-image:url(../upload/layout/bg_contentbreit_top.jpg); background-repeat:no-repeat; background-position:top; } div.boxheadbreit, div.boxcontentbreit{ float:left; width:758px; background-image:url(../upload/layout/bg_contentbreit_box.jpg); background-repeat:repeat-y; } div.boxcontentbreit{ float:left; line-height:13pt; width:730px; padding:24px 14px 14px 14px; font-size:8pt; text-align:left; color:#383838; } div.boxbottombreit{ float:left; height:5px; width:758px; background-image:url(../upload/layout/bg_contentbreit_bottom.jpg); background-repeat:no-repeat; background-position:bottom; } div.boxheadbreit{ width:758px; } div.box_lineout{ width:368px; float:left; clear:both; padding: 14px 0 14px 0; font-size:1px; height:1px; } div.box_linein{ width:368px; float:left; font-size:1px; height:1px; background-color:#87888A;} #map{ float:left; width:730px; height:400px; } #directions{ float:left; width:730px; } div.boxcontentbreit a, div.boxcontent a, #images a{ color:#009EE0; } div.boxcontentbreit a:hover, div.boxcontent a:hover, #images a:hover{ color:#87888A; } div.boxcontent ul ,div.boxcontentbreit ul{ padding:0 0 0 20px; margin:0px; list-style-type:circle; } div.boxcontent table, div.boxcontentbreit table{ width:100%; } div.boxcontent td.breite{ width:50%; } span.bold{ font-weight:bold; } span.normal{ font-weight:normal; } div.zubedit{ float:left; width:700px; clear:both; text-align:left; font-size:0.75em; border-bottom:1px dashed #dddddd; padding:10px; } div.produkt{ border:1px solid #bcbdc0; float:left; float:left; } div.produktspacer{ float:left; width:215px; } div.produkthead{ border-bottom:1px solid #bcbdc0; float:left; width:195px; padding:10px; font-size:1.2em; } div.produktbody{ float:left; width:215px; height:150px; padding:10px 0 0 0; } div.produktbodyh{ float:left; width:205px; padding:0 0 20px 10px; } div.finderspacer{ float:left; width:380px; padding-top:15px; } div.finderhead{ float:left; width:180px; } div.finderbody{ float:left; width:180px; } div.finderimg{ float:left; width:200px; } div.back{ float:left; text-align:left; width:739px; padding:25px 0 0 19px; clear:both; font-size:8pt; } #brumaba{ width:1px; height:1px; overflow:hidden; } #brumabatest{ float:left; width:1px; height:1px; overflow:hidden; } table.dash{ border-left: 1px dotted #87888A; } td.dash, td.dashr, td.dashb, td.dashtop{ width:75px; border-bottom: 1px dotted #87888A; border-right: 1px dotted #87888A; text-align:center; } td.dasht{ padding-left:10px; } td.dashtop{ border-top: 1px dotted #87888A; } div.news{ float:left; padding-top:20px; width:240px; border-bottom:1px solid #8d8b8d; } div.newshead{ float:left; width:230px; background:#1a171b; color:#ffffff; padding:3px 0 3px 10px; font-size:12px; text-align:left; } div.newsbody{ float:left; width:230px; font-size:11px; text-align:left; } div.zubtitel{ float:left; width:201px; text-align:left; } span.zubnr{ float:left; clear:both; font-weight:bold; font-size:9pt; padding-top:3px; } span.zubname{ float:left; clear:both; font-weight:bold; font-size:11pt; padding-top:10px; } div.zubimg{ float:left; width:242 } div.zubtext{ float:left; width:343px; color:#383838; font-size:8pt; text-align:left; } div.map { float:left; width:300px; } #footer{ float:left; width:750px; padding-top:50px; }