/* 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;} *.noPadding {padding: 0px;} /* ******************** 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 p#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 {width: 972px; margin: 0px 9px 9px 9px;} div#mainNav {position: relative; height: 60px; white-space: nowrap; z-index: 20;} div.loeweMainFlash {position: relative; overflow: hidden; height: 448px; background: #ffffff; z-index: 10;} div.loeweMainFlash object {position: absolute; bottom: 0px; z-index: 11; background: #ffffff;} div#loeweStage.subStage div.loeweMainFlash {position: relative; overflow: hidden; height: 169px; background: #ffffff;} div#loeweStage.subStage div.loeweMainFlash object {position: absolute; top: 0px; z-index: 1!important;} /* Styling the sublayer (in use @ homepage and productpage) */ div#loeweSub {width: 990px; height: 126px; padding: 0px 0px 0px 9px;} /* 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 subboxes (in use @ productpage and sub productpage) [look @ div#loeweSub and div#loeweSubProductSub] */ div.loeweSubBox {position: relative; width: 327px; height: 126px; background: url(../img/loeweGallerySub03.png); float: left;} div.loeweSubBox h1 {font-size: 12px; line-height: 12px; color: #666666; padding: 6px 18px 5px 9px;} div.loeweSubBox h3 {font-size: 12px; line-height: 12px; color: #666666; padding: 6px 18px 5px 9px;} div.loeweSubBox p {font-size: 12px; line-height: 16px; padding: 0px 18px 0px 9px;} div.loeweProductSub02 p a {} div.loeweSubBox ul {list-style: none; margin: 0px 0px 0px 0px;} div.loeweSubBox ul li {line-height: 16px;} div.loeweSubBox ul li a {display: block; line-height: 16px; font-size: 12px; padding: 0px 0px 0px 15px; margin: 0px 9px 0px 0px; color: #a0a0a0; background: url(../img/subNavArrow.gif) no-repeat 5px 4px;} div.loeweSubBox ul li a:hover {display: block; line-height: 16px; font-size: 12px; padding: 0px 0px 0px 15px; margin: 0px 9px 0px 0px; color: #a0a0a0; background: url(../img/subNavActArrow.gif) no-repeat 5px 4px;} .subboxBlack {color: #000;} /* in use @ TYPO3-RTE */ .subboxLink {position: absolute; bottom: 12px; left: 0;} /* in use @ TYPO3-RTE */ .subboxLink 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 */ .subboxLink a:hover {color: #000000; background: url(../img/subNavActArrow.gif) no-repeat -3px 3px;} /* in use @ TYPO3-RTE */ div.loeweProductSub01 .subboxLink a {color: #a0a0a0; display: block; font-size: 12px; padding: 0px 0px 0px 16px; margin: 0px 9px 0px 0px; color: #a0a0a0; background: url(../img/subNavArrow.gif) no-repeat 6px 3px;} /* in use @ TYPO3-RTE */ div.loeweProductSub01 .subboxLink a:hover {color: #000000; background: url(../img/subNavActArrow.gif) no-repeat 6px 3px;} /* in use @ TYPO3-RTE */ div.loeweProductSub04 form {padding: 0px 18px 0px 9px;} div.loeweProductSub04 form label {display: none;} div.loeweProductSub04 form input {margin: 9px 9px 0px 0px;} div.loeweProductSub04 form input#spherosRegSubmit { border: none; background: #ffffff url(../img/subNavArrow.gif) no-repeat 0px 5px; text-align: left; color: #a0a0a0; cursor: pointer; padding: 0px 0px 0px 9px;} /* Styling the sub metabox (in use @ all pages) [look @ div#loeweSub and div#loeweSubProductSub] */ div.loeweSubMeta {width: 189px; height: 126px; background: url(../img/loeweSubMeta.png); float: right;} /* 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-bottom: 33px; overflow: hidden;} div.leftSidebar div.loeweSidebarElement h3 {color: #666666; font-size: 12px; line-height: 22.5px; 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.leftSidebar div.subNav {width: 255px; border-top: solid 1px #666666; padding-top: 4.5px; padding-bottom: 33px; overflow: hidden;} /* Styling the middle contentobject (in use @ sub productpage [look @ div#loeweContent] */ div.midContent {width: 519px; min-height: 1px; padding: 0px 0px 0px 9px; float: left; color: #010101;} /* ContentElement for the Bottom-Margin */ div.midContent div.loeweContentElement {margin: 0px 0px 26px 0px; padding: 0px 27px 0px 0px;} div.midContent div.tableElement {padding: 0px 8px 0px 0px!important;} /* Styling the Headline with the TYPO3 generated backgroundimage */ div.loeweContentElement h2 {font-size: 16pt; height: 34px; font-weight: normal; margin: 0px 0px 0px 0px; color: #666666; background: no-repeat;} /* hide the Textheadline */ div.loeweContentElement h2 span { visibility: hidden;} /* see above */ div.loeweContentElement h3 {font-size: 16pt; height: 34px; font-weight: normal; margin: 0px 0px 9px 0px; color: #666666; background: no-repeat;} div.loeweContentElement h3 span {visibility: hidden;} /* stting up the font-size in ContentElements */ div.loeweContentElement p {font-size: 13px; line-height: 19px;} /* Styling the Table-Elements */ div.loeweContentElement table {width: 100%; color: #010101; margin: 0px 0px 27px 0px; border-collapse: separate; font-size: 13px;} div.loeweContentElement table thead {} div.loeweContentElement table thead tr th {} div.loeweContentElement table thead tr td p {margin: 0px; font-size: 13px;} div.loeweContentElement table thead th {padding: 8px 6px 4px 6px; font-weight: normal; font-size: 13px;} div.loeweContentElement table thead td {} div.loeweContentElement table tbody {} div.loeweContentElement table tbody tr {} div.loeweContentElement table tbody th {padding: 18px 6px 9px 6px; border-bottom: 1px solid #666666; font-weight: normal; font-size: 13px;} div.loeweContentElement table tbody th.firstTableHead {border-top: 2px solid #666666;} /* in use @ TYPO3-RTE */ div.loeweContentElement table tbody td {padding: 0px 1.5px 0px 0px; border-top: 9px solid #ffffff; border-right: solid 1.5px #ffffff; background: #e0e1e3;} div.loeweContentElement table tbody td.midTableCell {padding: 0px 1.5px 0px 1.5px;} /* in use @ TYPO3-RTE */ div.loeweContentElement table tbody td.rightTableCell {padding: 0px 0px 0px 1.5px;} /* in use @ TYPO3-RTE */ div.loeweContentElement table tbody td p {margin: 0px; line-height: 20px; padding: 9px 6px 9px 6px; font-size: 13px;} /* 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 h3 {color: #666666; font-size: 12px; font-weight: 500; margin: 0px 0px 0px 0px; padding: 0px 0px 2px 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 10px; color: #a0a0a0; background: url(../img/subNavArrow.gif) no-repeat 0px 2px;} div.rightSidebar div.loeweSidebarElement ul li a:hover {display: block; line-height: 13px; font-size: 9pt; padding: 0px 0px 0px 10px; color: #000; background: url(../img/subNavActArrow.gif) no-repeat 0px 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.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: right; 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; overflow: hidden;} 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; max-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; border-bottom: 9px solid #ffffff;} 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;} /* 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;} /* 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 h3 {font-size: 12px; line-height: 12px; color: #666666; padding: 6px 0px 5px 0px;} div.newsLatestContent h3 a {font-size: 12px; color: #666666; margin: 0px; padding: 0px; line-height: 14px;} 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;}