* { margin: 0; padding: 0; } body { background: #FFFFFF; color: #000000; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; } a img { border: 0 none; } wrap-1 { width: 995px; } wrap-2 { width: 995px; } /* Header -- BEGIN */ #header { float: left; width: 995px; height: 70px; padding: 7px 0; background: #77A6CA url(/fileadmin/templates/images/bg/bg-header.gif); } #header-inner-1 { float: left; width: 995px; height: 66px; padding: 2px 0; background: #FFFFFF; } #header-inner-2 { float: right; width: 741px; height: 66px; background: #0173BC; position: relative; } /* #schnellsuche { position: absolute; right: 15px; top: 11px; width: 260px; height: 15px; color: #FFFFFF; font-weight: bold; text-align: right; } #schnellsuche label { position: absolute; top: 0; right: 167px; } #ssuche-input { position: absolute; top: 0; right: 15px; background: #FFFFFF; border: none; padding: 0 3px; margin: 0; width: 141px; height: 15px; font-size: 10px; } #search-submit { position: absolute; top: 0; right: 0; background: #FFFFFF; width: 15px; height: 15px; }*/ #header-menu-1 { position: absolute; left: 10px; top: 11px; list-style: none; width: 400px; } #header-menu-1 li { float: left; margin-left: 20px; } #header-menu-1 li.first { margin: 0; } #header-menu-1 li a { color: #FFFFFF; font-size: 12px; font-weight: bold; padding-left: 25px; background-position: left 50%; background-repeat: no-repeat; text-decoration: none; } #header-menu-1 li a:hover { text-decoration: underline; } #header-menu-1 li a.link-stuckliste { background-image: url(/fileadmin/templates/images/icons/link-stuckliste.gif) } #header-menu-1 li a.link-produktfinder { background-image: url(/fileadmin/templates/images/icons/link-produktfinder.gif) } #header-menu-2 { position: absolute; right: 15px; top: 47px; clear: right; list-style: none; } #header-menu-2 li {float: left; margin-left: 11px; } #header-menu-2 li a { color: #FFFFFF; text-decoration: none; font-size: 11px; } #header-menu-2 li a:hover { text-decoration: underline; } #logo { float: left; } /* Header -- END */ /* Middle -- BEGIN */ #middle { float: left; width: 995px; background: url(/fileadmin/templates/images/bg/bg-middle.gif) left bottom repeat-y; } #middle-sub { float: left; width: 741px; height: 27px; border-left: solid 254px #A2C895; background: #C9C9C9; } #column-left { float: left; width: 253px; min-height: 581px; height: auto!important; height: 581px; border-right: solid 1px #A2C895; background: #A2C895 url(/fileadmin/templates/images/bg/bg-left-menu.jpg) left top no-repeat; } /* Menu at Left Side :: begin */ #menu-left { width: 252px; list-style: none; padding: 0 0 0 1px; } #menu-left li { width: 232px; height: 18px; padding: 2px 10px 0 7px; margin-bottom: 8px; background: url(/fileadmin/templates/images/bg/bg-lmenu-item.png) left top no-repeat; } #menu-left li.active { margin-bottom: 0; } #menu-left li.no-sub { margin-bottom: 8px; } #menu-left li a { padding: 0 0 0 14px; font-weight: bold; color: #FFFFFF; text-decoration: none; background: url(/fileadmin/templates/images/icons/link-lmenu-active.gif) left -20px no-repeat; } #menu-left li a:hover { background-position: left 50%; } #menu-left li.active a { background-position: left 50%; } #menu-left li.sub { height: auto; background: none; padding: 0 0 0 3px; margin-bottom: 4px; } #menu-left li.sub ul { border-left: solid 3px #0173BC; } #menu-left li.sub ul li { width: 239px; min-height: 14px; height: auto; padding: 1px 0 2px 3px; margin: 0; border-bottom: solid 1px #C9C9C9; background: #FFFFFF; } #menu-left li.sub ul li.active a { font-weight: bold; } #menu-left li.sub ul li a { color: #000000; font-weight: normal; padding: 0; background: none; } #menu-left li.sub ul li a:hover { text-decoration: underline; } #menu-left li.sub ul li.sub { width: 239px; height: auto; padding: 0; margin: 0; border-bottom: 0 none; background: none; } #menu-left li.sub ul li.sub ul { border-left: none; list-style: none; } #menu-left li.sub ul li.sub ul li { padding-left: 10px; width: 232px; } #menu-left li.sub ul li.sub ul li.sub { padding-left: 0; width: 242px; } #menu-left li.sub ul li.sub ul li.sub ul li { padding-left: 20px; width: 222px; } #menu-left li.sub ul li.sub ul li.sub ul li.sub { padding-left: 0; width: 242px; } #menu-left li.sub ul li.sub ul li.sub ul li.sub ul li { padding-left: 30px; width: 212px; } #menu-left li.sub ul li.sub ul li.sub ul li.sub ul li.sub { padding-left: 0; width: 242px; } #menu-left li.sub ul li.sub ul li.sub ul li.sub ul li.sub ul li { padding-left: 40px; width: 202px; } #menu-left li.sub ul li.sub ul li.sub ul li.sub ul li.sub ul li.sub { padding-left: 0; width: 242px; } #menu-left li.sub ul li.sub ul li.sub ul li.sub ul li.sub ul li.sub ul li{ padding-left: 50px; width: 192px; } #menu-left li.sub ul li.sub ul li.sub ul li.sub ul li.sub ul li.sub ul li.sub{ padding-left: 0; width: 242px; } #menu-left li.sub ul li.sub ul li.sub ul li.sub ul li.sub ul li.sub ul li.sub ul li{ padding-left: 60px; width: 182px; } /* Menu at Left Side :: end */ #column-middle { float: none; border-top: solid 1px #A2C895; margin: 0 185px 0 254px; background: #FFFFFF; } /* margin : 0 205px 0 254px;*/ #content { float: left; padding: 12px 0 12px 12px; width: 524px; } #column-middle.wide #content { width: 729px; } /*#content p, #column-right p { line-height: 18px; margin: 18px 0; } */ #content p, #column-right p { line-height: 18px; margin: 7px 0; }/* 05.02.2009*/ #content h1 { line-height: 14px; margin-bottom: 0px; font-size: 18px; color: #0173BC; } #content h2 { line-height: 14px; margin-bottom: 0px; font-size: 18px; color: #0173BC; } #content h3 { line-height: 18px; margin: 18px 0; font-size: 12px; color: #0173BC; } #content li {list-style: none;} #content ul { list-style: none; line-height: 18px; margin: 18px 0; } #content ul ul { list-style: none; line-height: 18px; margin: 0; } #content ul li { padding: 0 0 0 14px; background: url(/fileadmin/templates/images/icons/li-bullet.gif) left 7px no-repeat; } /* #column-middle dl {float: left; width: 100%; }*/ #content dl dt {float: left; } #content dl dd { margin-left: 110px; } #content dl dd p { margin: 0; } #content div.info { margin-bottom: 8px; } #content div.info img { float: left; padding-right: 10px; } #content div.info div.description { float: left; } #content div.info div.description p { margin: 0; } #content ul.sitemap { margin: 0 0 9px 0; } #content ul.sitemap li a { text-decoration: none; } #content ul.sitemap li a:hover { text-decoration: underline; } #content ul.sitemap li a span { color: #555555; font-weight: bold; } #content ul.sitemap ul li a span { color: #555555; font-weight: normal; } #content ul.border-bottom { padding-bottom: 9px; border-bottom: solid 1px #0173BC; } #content form div.form-line { float: left; clear: left; width: 700px; margin-bottom: 7px; } #content form input.input-text { vertical-align: middle; border: solid 1px #ABADB3; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; padding: 0 2px; width: 303px; height: 16px; float: left; } #content form input.input-checkbox { float: left; } #content form input.input-button { padding: 0 3px 0px 3px; border: solid 1px #ABADB3; background: #EEEEEE; font-size: 11px; font-weight: normal; color: #666666; text-decoration: none; margin-right: 10px; } #content form select { border: solid 1px #ABADB3; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; width: 309px; height: 18px; float: left; } #content form textarea { border: solid 1px #ABADB3; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; padding: 0 2px; width: 305px; height: 65px; float: left; } #content form label { display: block; width: 149px; float: left; } #content form div.checkbox-group { float: left; width: 550px; padding: 0; margin: 0; } #content form div.checkbox-group label { width: 500px; margin-left: 5px; } #content form div.checkbox-line { float: left; clear: left; width: 550px; margin-bottom: 7px; } #content table { border-top: solid 1px #000000; border-left: solid 1px #000000; } #content table th { padding: 1px 4px; border-right: solid 1px #000000; border-bottom: solid 1px #000000; color: #FFFFFF; font-weight: bold; text-align: left; background: #0173BC; } #content table td { vertical-align: middle; padding: 1px 4px; border-right: solid 1px #000000; border-bottom: solid 1px #000000; } #content table td.input-amount { padding: 3px 0px; padding-left: 10px; } #content table td.input-amount img { float: left; } #content table td.input-amount input { float: left; margin-left: 5px; vertical-align: middle; border-top: solid 1px #BBBBBB; border-left: solid 1px #BBBBBB; border-right: solid 1px #DDDDDD; border-bottom: solid 1px #DDDDDD; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; padding: 0 2px; width: 19px; height: 16px; } #content table tr.td-gray td { background-color: #C9C9C9; } #content div.billboard { background: url(/fileadmin/templates/images/bg/bg-billboard.gif) left bottom no-repeat; float: left; padding: 10px 7px; width: 506px; min-height: 200px; height: auto!important; height: 200px; border: solid 2px #C9C9C9; margin-bottom: 10px; } #content div.billboard.small { width: 239px; margin-right: 10px; min-height: 262px; height: auto!important; height: 262px; } #content div.billboard.small a img {max-height:194px; height:auto; max-width:237px; width:auto;} #column-middle.wide { margin-right: 0; } /*#column-right { float: right; width: 185px; padding: 10px; border-top: solid 1px #A2C895; }*/ /* 05.02.2009*/ #column-right { float: right; width: 165px; padding: 10px; border-top: solid 1px #A2C895; } #column-right h2 { line-height: 14px; margin-bottom: 10px; margin-top: 25px; font-size: 18px; color: #0173BC; } #column-right h2.first-in-column { padding-top: 14px; margin-top: 0; } #column-right p.gray { line-height: 18px; margin: 0; padding: 9px; background: #EEEEEE; } #column-right p.border-bottom { margin: 9px 0; padding-bottom: 9px; background: url(/fileadmin/templates/images/bg/bg-p.gif) left bottom repeat-x; } /* Middle -- END */ /* Footer -- BEGIN */ #footer { float: left; width: 965px; height: 19px; padding: 6px 10px 0 20px; background: #0173BC; } #footer p { color: #FFFFFF; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } #footer p a { text-decoration: none; color: #FFFFFF; } #footer p a:hover { text-decoration: underline; } #nach-oben { float: right; padding: 0 13px 0 0; font-size: 11px; color: #FFFFFF; background: url(/fileadmin/templates/images/icons/link-nach-oben.gif) right 4px no-repeat; text-decoration: none; } #nach-oben:hover { text-decoration: underline; } /* Footer -- END */ .blue-bold { color: #0173BC; font-weight: bold; } a { color: #0173BC; text-decoration: none; padding-top: 1px; padding-bottom: 1px; } a:hover { text-decoration: underline; } a.link-pdf { background: url(/fileadmin/templates/images/icons/link-pdf.gif) left 50% no-repeat; padding-left: 20px; } a.link-triangle { padding: 0 3px 0px 3px; font-weight: normal; text-decoration: none; vertical-align: top; padding: 1px 13px 2px 3px; border: solid 1px #0173BC; background: #FFFFFF url(/fileadmin/templates/images/icons/link-triangle.gif) right 50% no-repeat; font-size: 10px; font-weight: normal; color: #000000; } .clear { clear: both; float: none; } .no-margin { margin: 0!important; } .no-margin-top { margin-top: 0!important; } .no-margin-right { margin-right: 0!important; } .no-margin-bottom { margin-bottom: 0!important; } .margin-bottom-6px {margin-bottom: 6px!important; } .margin-bottom-9px {margin-bottom: 9px!important; } .margin-top-8px {margin-top: 8px!important; } span.number-1 { padding-left: 15px; background: url(/fileadmin/templates/images/icons/icon-number-1.gif) left 50% no-repeat; } span.number-2 { padding-left: 15px; background: url(/fileadmin/templates/images/icons/icon-number-2.gif) left 50% no-repeat; } #content div.tx-powermail-pi1 {padding-top:20px;} #content div.kl img {border:thin solid;} #content h2.csc-firstHeader{margin-bottom:0px;} /* Anpassungen Produktseiten wegen Import */ /*h1 wie h2*/ #content h1.cathead { line-height: 22px; margin-bottom: 0px; font-size: 18px; color: #0173BC; } /*jekr 8.12.2009 line-height erhöht von 14px auf 22px*/ /* h2 wie h3*/ #content h2.cathead { line-height: 18px; margin: 18px 0 10px 0; font-size: 12px; color: #0173BC; } /* table.thick wie table.techdata <- unwichtig */ /* table.techdata wie td */ #content table.techdata th { vertical-align: middle; padding: 1px 4px; border-right: solid 1px #000000; border-bottom: solid 1px #000000; font-weight:normal; color:#000000; background:transparent none repeat scroll 0 0;} /*table.techdata th.techdatahead und table.techdata td.techdatahead wie table.th*/ #content table.techdata th.techdatahead { padding: 1px 4px; border-right: solid 1px #000000; border-bottom: solid 1px #000000; color: #FFFFFF; font-weight: bold; text-align: left; background: #0173BC; } #content table.techdata td.techdatahead { padding: 1px 4px; border-right: solid 1px #000000; border-bottom: solid 1px #000000; color: #FFFFFF; font-weight: bold; text-align: left; background: #0173BC; } #content td.techdatahead a{color:white;} #content table.ki{margin-top:20px; border:none;} #content table.ki td.ki { padding: 0 0 0 15px; border:none; vertical-align:top; } #content table td.kiimg{ padding: 0px; border:none; vertical-align:middle; } #content div.imgwrap {padding-top:20px;padding-bottom:20px;} #content div.foto img , #content div.groupfoto img {width:160px;} #content div.kl, #content div.massb {padding-top:0px;} #content div.kl img,#content div.massb img, #content div.schaltbild img{border:thin solid;} #content tr.Preis {display:none;} #content th.Preis, #content td.Preis {display:none;} #content td.Merkzettel, #content th.Merkzettel {display:none;} #content td.Basket, #content th.Basket {display:none;} /*#content td.pt, #content th.pt {display:none;}*/ /*jekr 8.12.2009 sichtbar machen*/ /*#content p.cl {line-height:1;}*/ /* tabelle rechts*/ /*#column-right {background:#EEEEEE none repeat scroll 0 0;}*/ #column-right h1 { color: #0173BC; font-weight: bold; line-height: 14px; margin: 20px 0 -9px 0; font-size: 12px; color: #0173BC; padding-left:10px;} #column-right ul {list-style-type:none; margin-top:15px;} #column-right ul li{margin:5px 0 5px 10px;} /* Merkzettel entfernen */ #column-right div.mz {display:none;} /*Produkte Übersichtsseite*/ #content table.producthome{border:none;} #content table.producthome td{vertical-align:top; border:none; width:33%;} /* PDF Link*/ #column-right div.pdf a{ background: url(/fileadmin/templates/images/icons/link-pdf.gif) left 50% no-repeat; padding-bottom:3px; padding-left:20px; padding-top:3px; float:left; } #column-right div {padding-left:10px; width:155px; height:17px; margin-top:5px;} /*#column-right div.pdf{ padding-bottom:5px;}*/ /* PLZ Suche*/ #form-triangle h3{ float:left; margin:0px;} #form-triangle p { border:1px solid #0173BC; float:left; margin:1px 0 0 4px; } #form-triangle input { border:0 none; float:left; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:10px; margin:1px 1px 0 3px; padding-bottom:2px; } #form-triangle input { float:left; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:10px; margin:1px 1px 0 3px; padding-bottom:2px; } /* Schnellsuche*/ #schnellsuche { position: absolute; right: 15px; top: 11px; width: 260px; height: 15px; color: #FFFFFF; font-weight: bold; text-align: right; } #schnellsuche label { position: absolute; top: 0; right: 167px; } #fquery { position: absolute; top: 0; right: 15px; background: #FFFFFF; border: none; padding: 0 3px; margin: 0; width: 141px; height: 15px; font-size: 10px; } #search-submit { position: absolute; top: 0; right: 0; background: #FFFFFF; width: 15px; height: 15px; } .center {text-align:center;}