/* 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 44px 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#loeweStageTall {position: relative; width: 972px; height: 543px; margin: 0px 9px 9px 9px; background: #ffffff;} div#loeweStageTall div.loeweStage {position: relative; width: 972px; height: 543px;} div.loeweMainFlash {display: none;} /* 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; border-top: 1px solid #666666;} * html div#loeweFooter {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: 9px 0px 18px 0px; clear: both; font-size: 11px; white-space: nowrap; overflow: visible; font-size: 12px; border-top: 1px solid #666666;} * html div#loeweSubFooter {position: relative; 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;} /* 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 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: 12px; line-height: 18px;} div.loeweContentElement h3.textHL {color: #010101; font-size: 12px; font-weight: bold!important; margin: 0px 0px 0px 0px; padding: 0px 0px 6px 0px;} div.loeweContentElement h3.textHL span {color: #010101; font-size: 12px; 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 h3 {color: #010101; font-size: 12px; font-weight: 500; margin: 0px 0px 0px 0px; padding: 0px 0px 3px 0px;} div.rightSidebar div.loeweSidebarElement ul {list-style: none; margin: 2px 20px 10px 0px;} 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 a.internal-link {display: block; line-height: 16px; font-size: 9pt; padding: 0px 0px 0px 6px; color: #a0a0a0; background: url(../img/subNavArrow.gif) no-repeat -3px 4px;} div.rightSidebar div.loeweSidebarElement a.internal-link:hover {color: #000; background: url(../img/subNavActArrow.gif) no-repeat -3px 4px;} /* 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;} * html ul.loeweLangNav {list-style: none; float: left; overflow: visible;} 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 ******************** */ /* Styling the main navigation [for hover effects with subnav look @ ../js/layerNav.js] */ div.loeweMainNav {width: 954px; height: 30px; padding: 18px 9px 0px 9px; font-family: Arial, Helvetica, sans-serif;} ul#mainNav {position: relative; height: 30px; list-style-type: none; padding: 0px; margin: 0px;} li.mainNavObj {width: 166px; line-height: 30px; margin: 0px 3px 0px 0px; float: left; display: block; text-align: center; color: #ffffff; background: url(../img/mainNavElements/loeweNavButton.png) no-repeat;} *html li.mainNavObj {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.loewe.de/fileadmin/img/mainNavElements/loeweNavButton.png', sizingMethod='scale');} li.mainNavActObj {width: 166px; line-height: 30px; margin: 0px 3px 0px 0px; float: left; display: block; text-align: center; color: #ffffff; background: url(../img/mainNavElements/loeweNavButton.png) no-repeat;} *html li.mainNavActObj {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.loewe.de/fileadmin/img/mainNavElements/loeweNavButton.png', sizingMethod='scale');} li#navObjAG {width: 106px; margin: 0px 0px 0px 3px; background: url(../img/mainNavElements/loeweAGNavButton.png);} *html li#navObjAG {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.loewe.de/fileadmin/img/mainNavElements/loeweAGNavButton.png', sizingMethod='scale');} a.mainNavLink {position: relative; display: block; line-height: 30px; color: #ffffff;} a.mainNavLink:hover {position: relative; display: block; line-height: 30px; color: #ffffff !important;} li#navObjRef {cursor: default;} li#navObjInd {cursor: default;} li#navObjArt {cursor: default;} li#navObjSys {cursor: default;} li#navObjRefAct {background: url(../img/mainNavElements/loeweReferenceAct.png) no-repeat;} *html li#navObjRefAct {background: url(http://www.loewe.de/clear.gif) repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.loewe.de/fileadmin/img/mainNavElements/loeweReferenceAct.png', sizingMethod='scale');} li#navObjIndAct {cursor: default; background: url(../img/mainNavElements/loeweIndividualAct.png) no-repeat;} *html li#navObjIndAct {background: url(http://www.loewe.de/clear.gif) repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.loewe.de/fileadmin/img/mainNavElements/loeweIndividualAct.png', sizingMethod='crop');} li#navObjConAct {background: url(../img/mainNavElements/loeweConnectAct.png) no-repeat;} *html li#navObjConAct {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.loewe.de/fileadmin/img/mainNavElements/loeweConnectAct.png', sizingMethod='scale');} li#navObjArtAct {cursor: default; background: url(../img/mainNavElements/loeweArtAct.png) no-repeat;} *html li#navObjArtAct {background: url(http://www.loewe.de/clear.gif) repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.loewe.de/fileadmin/img/mainNavElements/loeweArtAct.png', sizingMethod='crop');} li#navObjSysAct {background: url(../img/mainNavElements/loeweSystemAct.png) no-repeat;} *html li#navObjSysAct {background: url(http://www.loewe.de/clear.gif) repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.loewe.de/fileadmin/img/mainNavElements/loeweSystemAct.png', sizingMethod='scale');} li#navObjAGAct {width: 106px; margin: 0px 0px 0px 3px; background: url(../img/mainNavElements/loeweAGAct.png) no-repeat;} *html li#navObjAGAct {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.loewe.de/fileadmin/img/mainNavElements/loeweAGAct.png', sizingMethod='scale');} ul.mainSubNav {list-style-type: none; display: none;} li#navObjAG ul.mainSubNav, li#navObjAGAct ul.mainSubNav {display: none !important; visibility: hidden !important;} li.mainSubNavObj {float: none; width: 166px; line-height: 20px; margin: 3px 0px 0px 0px; display: block; text-align: center; color: #ffffff;} li.mainSubNavObj a {line-height: 20px;} li.mainSubNavObj a:hover {line-height: 20px;} li#navObjRefAct li.mainSubNavObj {background: url(../img/mainNavElements/loeweReferenceAct.png) no-repeat;} *html li#navObjRefAct li.mainSubNavObj {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.loewe.de/fileadmin/img/mainNavElements/loeweReferenceAct.png', sizingMethod='scale');} li#navObjIndAct li.mainSubNavObj {background: url(../img/mainNavElements/loeweIndividualAct.png) no-repeat;} *html li#navObjIndAct li.mainSubNavObj {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.loewe.de/fileadmin/img/mainNavElements/loeweIndividualAct.png', sizingMethod='scale');} li#navObjArtAct li.mainSubNavObj {background: url(../img/mainNavElements/loeweArtAct.png) no-repeat;} *html li#navObjArtAct li.mainSubNavObj {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.loewe.de/fileadmin/img/mainNavElements/loeweArtAct.png', sizingMethod='scale');} li#navObjSysAct li.mainSubNavObj {background: url(../img/mainNavElements/loeweSystemAct.png) no-repeat;} *html li#navObjSysAct li.mainSubNavObj {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.loewe.de/fileadmin/img/mainNavElements/loeweSystemAct.png', sizingMethod='scale');} /* 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: inline-block; font-size: 12px; line-height: 16px; padding: 0px 0px 0px 9px; color: #8E8E8E!important; background: url(../img/subNavArrow.gif) no-repeat 0px 4px;} a.loeweSubNavLink:hover {color: #000!important; background: url(../img/subNavActArrow.gif) no-repeat 0px 3px;} li.loeweSubNavObj a.actObj {color: #000!important; background: url(../img/subNavActArrow.gif) no-repeat 0px 3px;} /* 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;}