/* Some global settings for margins, paddings etc. */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; outline: none; } html {overflow-y: scroll; overflow-x: hidden;} body {background: #ffffff; font-size: 12px; text-align: center; color: #666666; font-family: Arial, Helvetica, sans-serif;} a {text-decoration: none; color: #a0a0a0;} a:hover {text-decoration: none; color: #000000 !important;} p {font-size: 12px; margin: 0px 0px 10px 0px; line-height: 16px;} div.clearboth {clear: both;} br.clearboth {clear: both;} p.noNewsMsg {margin-top: 6px;} /* ******************** Styling the global pagelayers ******************** */ div#loewePage {margin: 0px auto; width: 990px; height: auto; text-align: left;} /*#headerFlash {position: absolute; left: 50%; width: 972px; margin-left: -486px; z-index: 0;}*/ /* Styling the pageheader (in use @ all Pages) */ div#loeweHeader {width: 86px; height: 22px; padding: 43px 452px 30px 452px;} /* Styling the logo and the invisible headline */ div#loeweHeader h1#loeweBrand {display: block;} div#loeweHeader a#loeweLogo {display: block; width: 86px; height: 22px; background: url(../img/loeweLogo.gif) no-repeat;} div#loeweHeader a#loeweLogo span {visibility: hidden;} /* Styling the tall stagelayer (in use @ homepage and productpage) */ div#loeweStage {position: relative; width: 972px; margin: 0px 9px 9px 9px;} div#mainNav {position: relative; white-space: nowrap; z-index: 20;} div.loeweMainFlash {position: relative; overflow: hidden; height: 498px; background: #ffffff; z-index: 10;} div.loeweMainFlash object {position: absolute; bottom: 0px; z-index: 1!important;} div#loeweStage.subStage div.loeweMainFlash {position: relative; overflow: hidden; height: 169px; background: #ffffff;} div#loeweStage.subStage div.loeweMainFlash object {position: absolute; bottom: 0px; z-index: 1!important;} /* Styling the contentlayer (in use @ sub productpage) */ div#loeweContent {width: 972px; margin: 0px 9px 9px 9px;} /* Styling the Pagefooter (in use @ all pages) */ div#loeweFooter {position: relative; width: 972px; margin: 0px 9px 9px 9px; white-space: nowrap; overflow: visible; font-size: 12px;} /* Styling the Pagefooter (in use @ sub pages) */ div#loeweSubFooter {position: relative; width: 972px; min-height: 1px; margin: 0px 9px 0px 9px; padding: 52px 0px 18px 0px; clear: both; font-size: 11px; white-space: nowrap; overflow: visible; font-size: 12px;} /* ******************** Styling the content and box elements ******************** */ /* Styling the text-eyecatcher in Headerimages (in use @ productpages) [look @ div#loeweStageTall */ div.loeweEyeCatcherText {position: absolute; bottom: 0px; display: block;} div.loeweEyeCatcherText h2 {height: 30px;} div.loeweEyeCatcherText h3 {height: 30px;} div.loeweEyeCatcherText h2 span, div.loeweEyeCatcherText h3 span {display: none;} /* Styling the sub navigation for the page. (in use @ new sub productpages) */ div#loeweSubNav {position: absolute; left: 0px; bottom: 45px; width: 255px; padding: 9px 9px 9px 0px; background: #ffffff; z-index:50;} /* Styling the left sidebar (in use @ sub productpage [look @ div#loeweContent] */ div.leftSidebar {width: 264px; min-height: 1px; padding: 0px 0px 0px 0px; float: left;} /* Styling the detailinformations (in use @ overview sub productspages [look @ div.leftSidebar] */ div.leftSidebar div.loeweSidebarDetailinformation {width: 237px; padding: 0px 0px 0px 18px; background: url(../img/detailinformationDot.gif) no-repeat 0px 4px;} div.leftSidebar div.loeweSidebarDetailinformation ul {list-style: none; border-top: solid 1px #666666; margin: 0px 0px 38px 0px;} div.leftSidebar div.loeweSidebarDetailinformation ul li {border-bottom: solid 1px #666666;} div.leftSidebar div.loeweSidebarDetailinformation ul .detailinfoScreenSize {background: url(../img/detailinformationScreenSize.gif) no-repeat 0px 3px; padding: 0px 0px 0px 16px;} /* in use @ TYPO3-RTE */ /* Styling the info- and imageteasers(in use @ sub productspages [look @ div.leftSidebar] */ div.leftSidebar div.loeweSidebarElement {width: 255px; border-top: solid 1px #666666; padding-top: 4.5px; padding-bottom: 33px; overflow: hidden;} div.leftSidebar div.loeweSidebarElement h2, div.leftSidebar div.loeweSidebarElement h3 {height: 22.5px; color: #666666; font-size: 12px; line-height: 18px; border-bottom: solid 1px #666666; margin: 0px 0px 9px 0px; padding: 0px 0px 0px 10px;} div.leftSidebar div.loeweSidebarElement div {padding: 0px; margin: 0px;} div.leftSidebar div.loeweSidebarElement dd {height: 43px !important; padding: 0px !important; margin: 0px 9px 9px 0px !important;} div.leftSidebar div.loeweSidebarElement dl {height: 43px !important; padding: 0px !important; margin: 0px 9px 9px 0px !important;} div.leftSidebar div.loeweSidebarElement dl dt {height: 43px !important; padding: 0px !important; margin: 0px 9px 9px 0px !important;} div.leftMidContent {width: 792px; min-height: 1px; margin: 0px 0px 0px 0px; float: left;} div.loeweContentElement {padding: 0px 0px 45px 0px; color: #010101;} div.loeweContentElement p {font-size: 13px; line-height: 19px;} div.loeweContentElement h2.textHL, div.loeweContentElement h3.textHL {color: #010101; font-size: 13px; font-weight: bold!important; margin: 0px 0px 0px 0px; padding: 0px 0px 6px 0px;} div.loeweContentElement h2.textHL span, div.loeweContentElement h3.textHL span {color: #010101; font-size: 13px; font-weight: bold!important; margin: 0px 0px 0px 0px; padding: 0px 0px 6px 0px;} div.loeweContentElement a.internal-link {display: inline-block; line-height: 16px; font-size: 9pt; padding: 0px 0px 0px 8px; color: #a0a0a0; background: url(../img/subNavArrow.gif) no-repeat -3px 4px;} div.loeweContentElement a.internal-link:hover {display: inline-block; line-height: 16px; font-size: 9pt; padding: 0px 0px 0px 8px; color: #a0a0a0; background: url(../img/subNavActArrow.gif) no-repeat -3px 4px;} div.columnLeft {float: left;} div.columnRight {float: right;} div.column255 {width: 198px; margin: 0px 9px 0px 0px; padding: 0px 57px 0px 0px;} div.column519 {width: 462px; margin: 0px 9px 0px 0px; padding: 0px 57px 0px 0px;} /* Styling the right sidebar (in use @ sub productpage [look @ div#loeweContent] */ div.rightSidebar {width: 180px; min-height: 1px; float: left;} div.rightSidebar div.loeweSidebarElement {width: 180px; border-top: solid 1px #666666; padding: 4.5px 0px 17px 0px;} div.rightSidebar div.loeweSidebarElement h2, div.rightSidebar div.loeweSidebarElement h3 {color: #010101; font-size: 12px; font-weight: 500; margin: 0px 0px 0px 0px; padding: 0px 0px 3px 9px;} div.rightSidebar div.loeweSidebarElement ul {list-style: none; margin: 2px 20px 10px 7px;} div.rightSidebar div.loeweSidebarElement ul li {line-height: 13px; margin: 0px 0px 5px 0px;} div.rightSidebar div.loeweSidebarElement ul li a {display: block; line-height: 13px; font-size: 9pt; padding: 0px 0px 0px 6px; color: #a0a0a0; background: url(../img/subNavArrow.gif) no-repeat -3px 2px;} div.rightSidebar div.loeweSidebarElement ul li a:hover {display: block; line-height: 13px; font-size: 9pt; padding: 0px 0px 0px 6px; color: #000; background: url(../img/subNavActArrow.gif) no-repeat -3px 2px;} div.rightSidebar div.loeweSidebarElement p a {display: block; line-height: 16px; font-size: 9pt; padding: 0px 0px 0px 10px; color: #a0a0a0; background: url(../img/subNavArrow.gif) no-repeat 0px 4px;} div.rightSidebar div.loeweSidebarElement p a:hover {color: #000; background: url(../img/subNavActArrow.gif) no-repeat 0px 4px;} div.rightSidebar div.loeweSidebarElement p a.internal-link {display: block; line-height: 16px; font-size: 9pt; padding: 0px 0px 0px 15px; color: #a0a0a0; background: url(../img/subNavArrow.gif) no-repeat 6px 4px;} div.rightSidebar div.loeweSidebarElement p a.internal-link:hover {color: #000; background: url(../img/subNavActArrow.gif) no-repeat 6px 4px;} div.rightSidebar div.loeweSidebarElement p.innovations {padding: 0px 0px 0px 9px;} div.rightSidebar div.loeweSidebarElement p.innovations a {background: none!important; padding: 0px!important;} div.rightSidebar div.loeweSidebarElement p.innovations a:hover {background: none!important; padding: 0px!important;} /* A seperate Table-Layer for big Tables [look @ "../templates/loeweProductSubTableTemplate.html"] */ div.tableContent {clear: left; width: 690px; min-height: 1px; padding: 0px 9px 0px 273px;} /* Styling the Footerelements (in use @ all pages) [look @ div#loeweFooter] */ div.loeweFooterCopyright {float: left; height: 12px; line-height: 12px; padding: 0px 5px 0px 0px;} ul.loeweFooterNav {list-style: none; float: left; overflow: visible; padding: 0px 0px 0px 9px;} li.loeweFooterNavObj {height: 12px; line-height: 12px; padding: 0px 5px 0px 0px; float: left;} li.loeweFooterNavExtObj {border-right: 1px solid #a0a0a0; height: 12px; line-height: 12px; padding: 0px 5px 0px 5px; float: left;} li.loeweFooterNavExtLastObj {height: 12px; line-height: 12px; padding: 0px 5px 0px 5px; float: left;} li.loeweFooterNavObj a {color: #666666;} ul.loeweLangNav {list-style: none; float: left; overflow: visible; padding: 0px 0px 0px 9px;} li.loeweLangNavObj {height: 12px; line-height: 12px; float: left;} a.loeweLangNavLinkGerman {border-right: 1px solid #666666; color: #666666; padding: 0px 5px 0px 0px; margin: 0px 5px 0px 0px;} a.loeweLangNavActLinkGerman {border-right: 1px solid #666666; color: #333333; padding: 0px 5px 0px 0px; margin: 0px 5px 0px 0px;} a.loeweLangNavLinkEnglisch {color: #666666;} a.loeweLangNavActLinkEnglisch {color: #333333;} div.loeweFooterImportantInfo {position: absolute; top: 0px; right: 0px;} /* ******************** Styling the page navigation ******************** */ div.productNav {height: 23.5px; max-height: 24px; line-height: 24px; margin: 0px 0px 6px 1px; color: #000;} ul#productNav {position: relative; list-style: none; font-size: 14px;} ul#productNav li {float: left; padding: 0px 0px;} ul#productNav li a {color: #000;} ul#productNav li.navObj a { display: block; height: 24px; line-height: 24px; overflow: hidden; text-indent: 999em; white-space: nowrap; background-repeat: no-repeat; background-position: 0px 0px;} ul#productNav li.navObj a:hover {background-position: 0px -24px;} ul#productNav li.actObj a {background-position: 0px -24px;} ul#productNav li#agNavObj {position: absolute; right: 0px;} div.selectNav {position: absolute; top: 30px; z-index: 30; margin: 0px; max-width: 972px; height: 120px; overflow: hidden; visibility: hidden;} div.navContainer {position: relative; width: 972px; height: 120px; overflow: hidden; border-top: 1px solid #666666; background-color: #ffffff; white-space: nowrap;} div.navContainer div#leftNavArrow {position: absolute; z-index: 40; top: 0px; left: 0px; width: 60px; height: 120px; overflow: visible; background-color: transparent; background-image: url(../img/productNavElements/selectArrowLeft.png); background-repeat: no-repeat; background-position: 0px 0px; cursor: pointer;} div.navContainer div#rightNavArrow {position: absolute; z-index: 40; top: 0px; left: 912px; width: 60px; height: 120px; overflow: visible; background-color: transparent; background-image: url(../img/productNavElements/selectArrowRight.png); background-repeat: no-repeat; background-position: 0px 0px; cursor: pointer;} div#leftNavArrow.actRoll {background-image: url(../img/productNavElements/selectArrowLeftRo.png)!important;} div#rightNavArrow.actRoll {background-image: url(../img/productNavElements/selectArrowRightRo.png)!important;} ul#selectNav {position: absolute; top: 0px; left: 20px; z-index: 30; list-style: none; width: 30000px; height: 120px; white-space: nowrap;} ul#selectNav li {float: left; padding: 0px 0px;} ul#selectNav li a {color: #000;} ul#selectNav li.navObj a { display: block; height: 120px; line-height: 120px; overflow: hidden; text-indent: 999em; white-space: nowrap; background-repeat: no-repeat; background-position: 0px 0px;} ul#selectNav li.navObj a:hover { background-position: 0px -120px;} div.infoNav {height: 30px; line-height: 30px; margin: 0px 0px 9px 0px; color: #fff; background: #cecece;} ul#infoNav {list-style: none; font-size: 16px; padding: 0px 0px 0px 9px;} ul#infoNav li {float: left; padding: 0px 7px 0px 0px;} ul#infoNav li a {color: #fff;} ul#infoNav li.navObj a { display: block; height: 30px; line-height: 30px; overflow: hidden; text-indent: 999em; white-space: nowrap; background-repeat: no-repeat; } ul#infoNav li.navObj a:hover {background-position: 0px -30px;} ul#infoNav li.actObj a {background-position: 0px -30px;} div.headSubNav {height: 30px; line-height: 30px; margin: -9px 0px 9px 0px; color: #fff; background: none;} ul#headSubNav {list-style: none; font-size: 16px; padding: 0px 0px 0px 9px;} ul#headSubNav li {float: left; padding: 0px 7px 0px 0px; background: #ffffff;} ul#headSubNav li a {color: #fff;} ul#headSubNav li.navObj a { display: block; height: 30px; line-height: 30px; overflow: hidden; text-indent: 999em; white-space: nowrap; background-repeat: no-repeat; } ul#headSubNav li.navObj a:hover {background-position: 0px -30px;} ul#headSubNav li.actObj a {background-position: 0px -30px;} /* Styling the sub-navigation */ h1.loeweSubNavHead {font-size: 12px; line-height: 12px; color: #666666; padding: 6px 18px 5px 9px;} h2.loeweSubNavHead {font-size: 12px; line-height: 12px; color: #666666; padding: 6px 18px 5px 9px;} h3.loeweSubNavHead {font-size: 12px; line-height: 12px; color: #666666; padding: 6px 18px 5px 9px;} ul.loeweSubNav {list-style: none; margin: 0px 0px 0px 0px;} li.loeweSubNavObj {line-height: 16px;} a.loeweSubNavLink {display: block; font-size: 12px; line-height: 16px; padding: 0px 0px 0px 15px; color: #8E8E8E!important; background: url(../img/subNavArrow.gif) no-repeat 5px 4px;} a.loeweSubNavLink:hover {color: #000!important; background: url(../img/subNavActArrow.gif) no-repeat 5px 3px;} a.loeweSubNavActLink {display: block; font-size: 12px; line-height: 16px; padding: 0px 0px 0px 15px; color: #000000 !important; background: url(../img/subNavActArrow.gif) no-repeat 5px 4px !important;} a.loeweSubNavLink.actObj {color: #000000 !important; background: url(../img/subNavActArrow.gif) no-repeat 5px 4px !important;} /* Styling the meta-navigation */ ul.loeweMetaNav {height: 124px; padding: 1px 0px 1px 0px; margin: 0px; list-style: none;} li.loeweMetaNavObj {height: 32px; line-height: 32px; margin: 0px 0px 5px 0px;} li.loeweMetaNavlastObj {height: 32px; line-height: 32px; margin: 0px;} ul.loeweMetaNav li a {display: block; height: 32px; padding: 0px 0px 0px 9px; font-size: 12px; color: #666666;} ul.loeweMetaNav li a:hover {color: #000;} /* ******************** Styling the Extensions ******************** */ /* ******************** Styling tt_news ******************** */ /* Latest News */ div.newsLatestContainer {} div.newsLatestItem {padding: 0px 18px 0px 9px;} div.newsLatestItem div.newsLatestContent {position: relative; height: 103px;} div.newsLatestContent h2, div.newsLatestContent h3 {font-size: 12px; line-height: 12px; color: #666666; padding: 6px 0px 5px 0px;} div.newsLatestContent h2 a, div.newsLatestContent h3 a {font-size: 12px; color: #666666; margin: 0px; padding: 0px; line-height: 14px;} div.newsLatestContent h2 a:hover, div.newsLatestContent h3 a:hover {font-size: 12px; color: #666666 !important; margin: 0px; padding: 0px; line-height: 14px;} div.newsLatestContent div.newsLatestText p {font-size: 12px; line-height: 16px; color: #a0a0a0; margin: 0px; padding: 0px;} div.newsLatestMorelink {position: absolute; bottom: 0px; left: 0;} /* in use @ TYPO3-RTE */ div.newsLatestMorelink a {color: #a0a0a0; display: block; font-size: 12px; padding: 0px 0px 0px 7px; margin: 0px 9px 0px 0px; color: #a0a0a0; background: url(../img/subNavArrow.gif) no-repeat -3px 3px;} /* in use @ TYPO3-RTE */ div.newsLatestMorelink a:hover {color: #000000; background: url(../img/subNavActArrow.gif) no-repeat -3px 3px;} /* in use @ TYPO3-RTE */ p.noNewsToList {margin: 0px !important; padding: 0px 9px 0px 9px !important;}