/*evoPage Textdefinitionen*/ div.standardText { font-size: 13px; line-height: 16px;} div.smallText { font-size: 11px; line-height: 14px;} .error {font: bold 11px/14px arial; color:#ff0000;} .success {font: bold 11px/14px arial; color:#01874B;} table.evp_table { font: 13px/16px arial,helvetica,verdana,sans-serif; } td { font: 13px/16px arial,helvetica,verdana,sans-serif; } font { font: 13px/16px arial,helvetica,verdana,sans-serif; } font.standard { font: 13px/16px arial,helvetica,verdana,sans-serif; } font.klein { font: 11px/14px arial,helvetica,verdana,sans-serif; } /*evoPage Textdefinitionen*/ html { height: 100%; } body.page { margin: 0; padding: 0; background: #dddddd; text-align: center; font: 13px/16px arial,helvetica,verdana,sans-serif; height: 100%; overflow: -moz-scrollbars-vertical;} body#popup { margin: 0; padding: 85px 20px 20px 20px; background: #ffffff; background: url(/shop/templates/xtc4/img/logo_popup.gif) left top no-repeat;} body { margin: 0; padding: 0; background: #ffffff; font: 13px/16px arial,helvetica,verdana,sans-serif; } ol li { margin: 0; padding: 0; font: 13px/16px arial,helvetica,verdana,sans-serif; } img { border: none; vertical-align: bottom; } a { color: #f55c2a; text-decoration: none; } a:hover { text-decoration: underline; } p { padding: 0px; margin:0px; } form { display: inline; } #all { position: relative; width: 949px; margin: auto; text-align: left; height: 100%; } #main { position: relative; width: 949px; float: left; padding: 0 0px 0 0px; background: url(/static/images/master_bg.gif) repeat-y; min-height: 100%; height: auto!important; height: 100%; } #top { position: relative; height: 24px; background: url(/static/images/master_top.gif) left bottom no-repeat #dddddd; } #head { position: relative; padding: 0 9px; } #dlg { position: relative; height: 78px; padding-left: 13px; background: #fff; } #headPic { position: relative; height: 177px; background: url(/static/images/middle_top.gif) 0px 164px repeat-x #fff; } #headPic img { border-bottom: 1px solid #8b8b8b; } ul#headNavigation { position: absolute; top: 142px; left: 0px; list-style: none; margin: 0; padding: 0; color: #fff; font-size: 11px; font-weight: bold; line-height: 21px; padding-left: 13px; } ul#headNavigation li { display: inline; } ul#headNavigation a { color: #fff; } #mainContent { position: relative; background: url(/static/images/left_bg.gif) repeat-y; margin: 0 9px;} #leftContent { position: relative; width: 224px; float: left; margin-right: 9px; } #boxSearch { position: relative; height: 49px; background: url(/static/images/search_bg.gif) no-repeat; padding: 9px 0 0 13px; } input#searchterm { width: 167px; height:15px; color: #949494; border: 1px solid #bababa; margin: 0; padding: 2px 1px 1px 3px; font-size: 11px; float: left; margin-top: 1px; margin-right: 5px; } a#extSearch { display: block; padding-left: 4px; font-size: 10px; letter-spacing: 1px; margin-top: -3px; } ul#mainNav { list-style: none; margin: 0; padding: 0; width: 217px; font-family: trebuchet ms; font-weight:bold; border-top: 1px solid #f5f5f5; } ul#mainNav li { background: #e3e3e3; border-bottom: 1px solid #f5f5f5; line-height: 33px; } ul#mainNav li#buchshop { background: #ccd8e0; } ul#mainNav a { display: block; text-decoration: none; padding-left: 15px; color: #000; width: 202px; } ul#mainNav a:hover { background: #d1d1d1; } li#buchshop a:hover { background: #ccd8e0; } ul#subNav { list-style: none; padding: 0; margin: 0; } ul#subNav li { background: url(/static/images/shop_nav_bg.gif) repeat-y #e3e7ea; border-top: 1px solid #f5f5f5; border-bottom: none; line-height: 24px; } ul#subNav a { font-size: 11px; font-weight:normal; padding-left: 27px; width: 190px; } ul#subNav a:hover { background: url(/static/images/shop_nav_bg_hover.gif) repeat-y; } #middleContent { position: relative; width: 427px; margin-top:0px; float: left; } #middleContentFooter { border-top: 1px solid #bababa; padding-top: 7px; } .author { position: relative; float: left; clear: both; border-bottom: 1px dotted #bababa; padding-top: 12px; padding-bottom: 12px; width: 427px; } #presse { border-bottom: 1px dotted #bababa; margin-top: 4px; margin-bottom: 8px; padding-bottom: 8px; } .presseList {width:110px; float:left; padding-bottom:4px;} .presseListItem {width:317px; float:left; padding-bottom:4px;} a.hereiam { background: url(/static/images/shop_nav_bg_hover.gif) repeat-y #ccd8e0; } /* #breadcrumb { font-size: 11px; color: #90908f; height: 16px; margin-top:10px; margin-bottom:27px; padding: 2px 0 1px 0; border-bottom: 1px dotted #D1D1D1;} */ #breadcrumb { font-size: 11px; color: #90908f; margin-top:10px; margin-bottom:27px; padding: 2px 0 3px 0; background: url(/static/images/delim_breadcrumb.gif) left bottom repeat-x;} #breadcrumb a { color: #90908f; } h1 { font: bold 15px/18px arial; margin: 0 0 8px 0; padding: 10px 0 8px 0; background: url(/static/images/delim_artikel.gif) left bottom repeat-x; } h1.sitemap { font: bold 15px/15px arial; margin: 0 0 8px 0; padding: 10px 0 8px 0; border-bottom: 1px dotted #bababa; } h2 { font-size: 12px; line-height: 14px; margin-top: 4px; margin-bottom: 2px;} h3 { font-size: 13px; line-height: 15px;} h4 { font-size: 11px; line-height: 13px;} #contentText { position: relative; padding-top: 8px; } #contentText p { padding: 0px; margin:0px; } #contentHead { padding-bottom: 1px; } #productHead { border-bottom: 1px solid #d1d1d1; padding-bottom: 7px; } #productDetails { position: relative; padding-top: 15px; } #productImage { position: relative; float: left; } #productImage img, .productImage img { border: 1px solid #d1d1d1; } #picSub { margin-top: 3px; } #picSub img { border: none; } #picSub a { font-size: 11px; font-weight: bold; } #productAttributes { position: relative; float: right; width: 288px; } #productTable { position: relative; font-size: 11px; } #productTable td { padding-bottom: 10px; font-size: 12px; } #productTable .label { font-weight: bold; padding-right: 12px; } #productPrice { border-top: 1px solid #bababa; border-bottom: 1px solid #bababa; padding: 12px 0; } #ppLabel { position: relative; font-size: 15px; font-weight: bold; float: left; } #ppPrice { position: relative; font-size: 15px; font-weight: bold; color: #017d45; float: right; } #ppsPrice { position: relative; font-size: 13px; font-weight: bold; color: #017d45; float: right; } #ppSub { position: relative; clear: both; padding-top: 5px; font-size: 11px; text-align: right; } #productTocard { position: relative; margin-top: 12px; height:34px; width:288px;} #productTocard .number { width: 16px; border: 1px solid #bababa; margin: 2px 0 0 0; padding: 4px; font-size: 13px;} #productTocard .multiple { float:left; height:24px; padding-top:6px; width:15px; text-align:center; } #productTocardButton { float: right; } #productExt { position: relative; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; margin-top: 20px; padding: 12px; background: #f5f5f5; } #productExt .label { font-weight: bold; } ul.extList { clear: both; list-style: none; padding: 5px 0 0 9px; margin: 0; font-size: 11px; font-weight: bold; line-height: 16px; } ul.extList li { background: url(/static/images/list_point.gif) left center no-repeat; padding-left: 10px; } ul#autorenList { position: relative; width: 393px; } ul#autorenList li { float: left; width: 151px; } ul#linkList { border-top: 1px solid #e2e2e2; margin-top: 8px; } #rightContent { position: relative; float: right; width: 257px; } div.rightBox { position: relative; width: 239px; border: 1px solid #d1d1d1; background: url(/static/images/teaser_bg.gif) repeat-x #efefef; padding: 8px 8px 8px 8px; font-size: 11px; line-height:15px;} div.rightBox .heading { border-bottom: 1px solid #d1d1d1; position: relative; padding-top: 2px; padding-bottom: 5px; font-size: 15px; font-weight: bold; vertical-align: middle; line-height:18px;} div.rightBox .heading img { vertical-align: middle; margin: 0 5px 0px 0; } #viewed .heading, #empfehlen .heading, #empfehlenList .heading { border: none; } div.rightBox .authorContent { padding: 12px 0 12px 0; border-bottom: 1px solid #d1d1d1; vertical-align: left; } div.rightBox .ContentTeaser { padding: 12px 0 12px 0; border-bottom: 1px solid #d1d1d1; vertical-align: left; } div.rightBox .magazineContent { padding: 0px 0 12px 0; border-bottom: 1px solid #d1d1d1; vertical-align: left; } div.rightBox .contentTeaserNoline { padding: 12px 0 8px 0; vertical-align: left; } div.shadow { position: relative; height: 7px; background: url(/static/images/teaser_bottom.gif) no-repeat; font-size: 1px; line-height: 1px; margin-bottom:13px; } div.shadowLogin { position: relative; height: 7px; background: url(/static/images/teaser_bottom.gif) no-repeat; font-size: 1px; line-height: 1px; margin-bottom:0px; } #login { position: relative; margin-top: 0px; padding-bottom: 4px; height:37px;} #login .loginField { height: 15px; color: #949494; border: 1px solid #bababa; margin: 0; padding: 2px 1px 1px 3px; font-size: 11px; float: left; margin-top: 1px; margin-right: 5px; } #login .loginLabel { float: left; font-weight: bold; margin-right: 5px; margin-top:1px; line-height: 20px; } input#loginName { width: 88px; } input#loginPass { width: 68px; } .optionSelect { font: 12px Arial; width:215px;} a#extLogin { display: block; margin-left: 40px; font-size: 10px; letter-spacing: 1px; margin-top: -3px; } #shoppingCard { width: 247px; padding-right: 0px; margin-top: 2px; } #shoppingCard .heading { margin-right: 8px; } .teaser12 { font-size: 12px; padding: 8px 0 8px 0; } table#cardTable { border-Bottom: 1px solid #d1d1d1; border-collapse: separate; border-spacing: 0px 4px; width: 238px; margin-bottom: 18px; } table#cardTable th { padding-top: 12px; border-bottom: 1px solid #d1d1d1; } table#cardTable td { padding: 4px 2px 4px 2px; font-size: 11px;} table#cardTable .price { text-align: right; } table#cardTable .amount { text-align: right; padding-right: 8px;} table#cardTable .tdspacer { height: 8px;} table#cardTable .highlight { background: #fff; } img.pLeft { float: left; margin: 0 8px 4px 0; } div.linkCell { position: relative; clear: both; text-align: right; font-weight: bold; padding-top: 8px; } #viewed div.linkCell { border-top: 1px solid #d1d1d1; } * html #viewed div.linkCell { border-top: 2px solid #d1d1d1; } *:first-child+html #viewed div.linkCell { border-top: 2px solid #d1d1d1; } img.book { float: left; border: 1px solid #bbbbbb; } /* Blätterbuch Anfang */ #mainBuch { background:url("/static/images/master_bg_buch.gif") repeat-y scroll 0 0 transparent; float:left; height:auto !important; min-height:100%; padding:0 0; position:relative; width:949px; } #flashBuch { padding-top:15px; border-top: 1px solid #7F7F7F; } #mainContentBuch { position: relative; margin: 0 9px;} #middleContentBuch { position: relative; width: 931px; margin-top:0px; float: left; border-top: 1px solid #7F7F7F;} #breadcrumbBuch { font-size: 11px; color: #90908f; margin-top:10px; margin-bottom:15px; padding: 2px 0 3px 0; background: url(/static/images/delim_breadcrumb.gif) left bottom repeat-x;} #breadcrumbBuch a { color: #90908f; } /* Blätterbuch Ende */ /* Shop Homepage */ .blockListEntry { font-size: 12px; } .blockListTitle { font-size: 14px; color: #000; } /* Shop Homepage Ende */ #newsLetter { clear: both; margin-top: 12px; } #newsLabel { float: left; font-weight: bold; margin-right: 5px; margin-top: 1px; font-size: 12px; line-height: 20px; } #newsEmail { width: 130px; height:15px; color: #949494; border: 1px solid #bababa; margin: 0; padding: 2px 1px 1px 3px; font-size: 11px; float: left; margin-top: 2px; margin-right: 5px; } #empfehlen { clear: both; margin-top: 12px; } #empfLabel { float: left; font-weight: bold; margin-right: 5px; margin-top: 1px; font-size: 12px; line-height: 20px; } #empfEmail { width: 130px; height:15px; color: #949494; border: 1px solid #bababa; margin: 0; padding: 2px 1px 1px 3px; font-size: 11px; float: left; margin-top: 2px; margin-right: 5px; } #footer { position: relative; clear: both; width: 694px; margin-left: 237px; margin-top: 50px; border-top: 1px solid #d1d1d1; padding-top:5px; padding-bottom: 22px; font-size: 10px; color: #838382; } #footLinks { float: right; padding-right: 9px; } #footLinks a { margin-left: 40px; color: #838382; } #footLinks img { vertical-align: middle; margin-bottom: 5px; } #pListHead { position: relative; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; padding: 5px 0; margin: 7px 0 8px 0; width: 100%; font-size: 12px; } #pListCounter { position: relative; padding: 5px 0; width: 100%; font-size: 12px; text-align:right;} #pListCounterBottom { padding: 5px 0; width: 100%; font-size: 12px; text-align:right;} #pListHead select { font-size: 12px; vertical-align: middle; } #pListHead #sortierung { margin-right: 30px; } div.pager { float: right; font-size: 11px; line-height: 24px; } div.pager a { margin: 0 3px; } div.pager .hereiam { margin: 0 3px; font-weight: bold; } div.productSeparator { position: relative; width: 100%; float: left; padding: 0; border-bottom: 1px solid #bababa; margin: 9px 0 12px 0; height:0; line-height:0; } div.productListSeparator { position: relative; width: 100%; padding: 0; border-bottom: 1px dotted #bababa; margin: 7px 0 8px 0; height:0; line-height:0; } div.productEntry { position: relative; width: 420; float: left; padding: 12px 0 12px 0; } div.productEntry .productImage { position: relative; float: left; margin-top:1px; margin-bottom: 12px; } div.productEntry .productText { position: relative; float: right; width: 310px; font-size: 11px; line-height: 14px; } div.productEntry .productText p { margin: 10px 0 ; } #empfehlenList .productEntry, #viewed .productEntry { border-top: 1px solid #d1d1d1; padding: 10px 0; } #empfehlenList .productText { width: 178px; } #viewed .productText { width: 178px; } div.rightBox .priceBar { margin: 6px 0; font-weight: bold; } div.productText h2 { font-size: 14px; margin-top:0px; margin-bottom: 4px; line-height: 16px;} div.productText h3 { font-size: 12px; margin-top: 0px; line-height: 14px;} div.productText h4 { font-size: 11px; margin: 0px; line-height: 14px;} div.productText .label { display: block; float: left; font-weight: bold; width: 65px; } div.actionBar { position: relative; clear: both; } div.actionBar .btBestellen { width: 104px;float: left; } div.actionBar .priceBar { position: relative; width: 310px; float: right; line-height: 18px; font-size: 12px; font-weight: bold; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; padding: 4px 0 4px 0; } div.priceBar .price { position: relative; padding-top:0px; float: left; color: #01874b; } div.priceBar .detailLink { position: relative; padding-top:0px; float: right; vertical-align: middle; } div.detailLink .text { vertical-align: middle; } div.detailLink img { vertical-align: middle; margin-left: 3px; } #in { position: relative; font-size: 12px; font-weight: bold; } #extIn { font-size: 10px; } /* Flash-Kategorieliste */ div.categoryEntry { position: relative; width: 427px; float: left; padding: 12px 0 12px 0; } div.categoryEntry h1 { font: bold 15px/15px arial; margin: 0 0 8px 0; padding: 10px 0 8px 0; border-bottom: 1px dotted #bababa; } div.categoryactionBar { position: relative; clear: both; } div.ategoryactionBar .text { vertical-align: middle;} div.categoryactionBar .moreLink { position: relative; width:100%; margin-bottom: 10px; text-align:right; float: right; line-height: 14px; font-size: 12px; font-weight: bold; background-color: #F2F2F2; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d1d1d1; padding: 3px 0px 3px 0; } /* Flash-Kategorieliste */ /* Presseseite */ .author h2 { font-size: 13px; margin-top:0px; margin-bottom: 4px; line-height: 15px;} div.pressDescription { width:70px; padding-bottom: 2px; text-align:left; font-weight:bold; float:left; } div.pressDetails { width:230px; padding-bottom: 2px; padding-left: 5px; float: left; } /* Presseseite */ /* Zeitschrift & Abo */ #ppAbo {margin-top: 12px; margin-left:10px; font-size: 11px; font-weight:bold;} ul#ausgabenList { position: relative; width: 234px; margin:0; padding:0; list-style: none; } ul#ausgabenList li { padding-left: 17px; padding-bottom: 2px; padding-top:2px; line-height:15px; float: left; width: 100px; background-image: url(/static/images/link_arrow_archive.gif); background-repeat: no-repeat; background-position: 0px; } /* Zeitschrift & Abo */ /* Crossselling */ #crossList { position: relative; } div.crossHeadline { position: relative; width: 100%; float: left; padding: 10px 0 0 0; } div.crossHeadline h1 { font: bold 15px/17px arial; margin: 0 0 2px 0; padding: 9px 0 4px 0;} div.crossEntry { position: relative; width: 100%; float: left; padding: 12px 0 12px 0; border-bottom: 1px solid #bababa; } div.crossEntry .crossImage { position: relative; float: left; border: 1px solid #bababa; margin-top:1px; margin-bottom: 12px; } div.crossEntry .crossText { position: relative; float: right; width: 310px; font-size: 11px; line-height: 14px; } div.crossEntry .crossText p { margin: 10px 0 ; } div.crossText h2 { font-size: 14px; margin-top:0px; margin-bottom: 4px; line-height: 16px;} div.crossText h3 { font-size: 12px; margin-top: 0px; line-height: 14px;} div.crossText h4 { font-size: 11px; margin: 0px; line-height: 14px;} div.crossText .label { display: block; float: left; font-weight: bold; width: 65px; } div.pModule {position: relative; margin-top: 20px;} /* Crossselling */ /* Mein Konto-Box */ table.blockListInset {margin: 10px 0px 0px 20px; padding:1px;} table.blockListInset .entry { font: 11px/14px arial; font-weight:bold;} table.blockListInset .entryLeft { height:18px; vertical-align:middle;} /* Mein Konto-Box */ /* Shop Alertbox Standarddefinitionen*/ div.yelBox { width:427px; border: 1px solid #D1D1D1; background-color: #EFEFEF; margin: 18px 0px 18px 0px; } div.yelBoxTop { width:407px; padding: 10px 8px 10px 8px;} div.yelBox h4 { font: bold 11px/13px arial; color: #B32727; margin: 0;} div.yelBox h5 { font: bold 10px/12px arial; color: #B32727; margin: 0;} div.yelBox p { font: 11px/13px arial; color:#000000; margin: 3px 0 3px 0;} ul.errorText { font: bold 11px/14px arial; color:#FF0000; margin: 0 0 0 15px; padding: 4px 15px 0 0; } /* Shop Alertbox Standarddefinitionen*/ /* Shop Boxen Standarddefinitionen*/ div.blueBox { position: relative; width:100%; border: 1px solid #D1D1D1; background-color: #EFEFEF; margin: 15px 0px 15px 0px; padding: 0px;} div.blueBoxTop { position: relative; padding: 5px 8px 8px 8px;} div.blueBoxBottom { position: relative; padding: 13px 0px 0px 0px;} div.blueBox h4 { font: bold 13px/15px arial; color:#212124; margin: 0;} div.blueBox h5 { font: bold 12px/14px arial; margin: 0;} div.blueBox p { font: 12px/14px arial; margin: 3px 0;} div.blueBox input.fields { font: 12px arial; border: 1px solid #bababa; height: 13px; width: 180px; margin-left: 0px; } div.blueBox input.button { margin: 10px 8px 6px 0px;} div.blueBox td.left { padding-left:8px; padding-right:10px; padding-top:10px; width: 135px; font: bold 11px/14px arial; color:#232326;} div.blueBox td.right { padding-left:10px; padding-right:8px; padding-top:10px; background-color:#FAFAFA; width: 267px; font: 11px/14px arial; } div.blueBox td.leftNorm { padding-left:8px; padding-right:10px; padding-top:10px; font: normal 11px/14px arial; color:#232326;} div.blueBox td.leftTextUp { padding-left:8px; padding-right:10px; padding-top:3px; width: 135px; font: bold 12px/14px arial; color:#232326;} div.blueBox td.rightSmallLeft { padding: 10px 4px 2px 10px; background-color:#FAFAFA; width: 120px; font: 11px/14px arial; color:#232326;} div.blueBox td.rightSmallRight { padding: 10px 8px 2px 4px; background-color:#FAFAFA; width: 147px; font: 11px/14px arial; } div.blueBox td.leftBig { padding: 2px 8px 2px 8px; font: 11px/14px arial; color:#232326; } div.blueBox td.rightBig { padding: 2px 8px 2px 8px; background-color:#FAFAFA; width: 105px; font: 11px/14px arial; } div.blueBox td.editButton { padding-bottom: 6px; } div.blueBoxContent { position: relative; padding: 10px 8px 12px 8px; } div.blueBoxInfo { position: relative; padding: 5px 8px 3px 10px; border-bottom: 1px solid #dcdcdc;} div.blueBoxInfo span { position: relative; display: block; padding: 6px 0 6px 0; } div.blueBoxInfo h4 { margin: 20px 0 0 0;} div.blueBoxInfo textarea.textfields { font: 12px arial; border: 1px solid #bababa; height: 120px; width: 400px; margin-left: 0px; } td.rightField { padding: 3px 8px 3px 10px; background-color:#FAFAFA; width: 267px; font: 11px/14px arial; } td.inputRequirement select { width: 178px; } .textField, td.inputRequirement input, td.inputRequirement select { width: 176px; font: 11px/14px arial; } .blueBox { font: bold 16px/18px arial; margin-top: 10px;} .rightend {height: 10px; background-color:#FAFAFA;} .separator_payment { background-image: url(/static/images/delim_bluebox.gif); background-repeat: repeat-x; background-position: left top; position: relative; padding: 0; } .thin { padding: 3px; font: 0.1em/0.1em verdana;} .thinBg { background-color:#FAFAFA; } .inputTd { vertical-align: top; padding-right: 8px; } .labelTd { vertical-align: top; font: 11px/12px verdana; padding-top: 3px; } .buttonContainer {width:100%; float: left; clear: both; margin-top: 10px; margin-left: -2px;} * html div.buttonContainer {width:427px; float: left; clear: both; margin-top: 10px; margin-left: 0;} .next { float: right; width: auto; text-align: right; } .back { float: left; width: auto; text-align: left; } .arrow { background-image: url(/static/images/pfeil.gif); background-repeat: no-repeat; background-position: top center; height: 82px;} .arrowLight { background-image: url(/static/images/pfeil_light.gif); background-repeat: no-repeat; background-position: top center; height: 82px;} /* Shop Boxen Standarddefinitionen*/ /* Warenkorb Standarddefinitionen*/ .cartQuantity { width: 20px; font-size: 11px; border: 1px solid #BABABA; } .cartBoxText { border-bottom: 1px solid #E4E4E4; font-size: 11px; } .cartRow { border-bottom: 1px solid #E4E4E4; padding: 8px 6px 8px 0; font-size: 12px; } .cartBox { border-bottom: 1px solid #E4E4E4; background-color: #EFEFEF; vertical-align: top; font-size: 11px; padding: 8px; border-left: 1px solid #fff; } .cartRow td { font-size: 12px; } .cartSmaller { font-size: 11px; } .cartLabelSmaller { font-size: 10px; } span.markProductOutOfStock { color: #ff0000; } /* Warenkorb Standarddefinitionen Ende*/ /* Anfang - Zusätzliche Styles für die Startseite */ #opener { position:relative; } #opener div { position:absolute; top:0; left:0; bottom: 0; right: 0; z-index:8; opacity:0.0; background-repeat: no-repeat; } #opener div.active { z-index:10; opacity:1.0; } #opener div.last-active { z-index:9; } #menuDiv { position: absolute; z-index: 11; } .overlay{ width: 217px; position: absolute; top: 0; bottom: 0; left: 13px; width: 100%; background: #222; opacity: 0.65; -moz-opacity: 0.65; filter:alpha(opacity=65); } #menuDiv .content { width: 217px; padding: 0; } .content { position: relative; float: left; } * html #menuDiv .overlay { width: 217px; height: expression(document.getElementById("menuDiv").offsetHeight); } * html #opener { height: expression(document.getElementById("menuDiv").offsetHeight); } * html #opener div { height: expression(document.getElementById("menuDiv").offsetHeight); } #startMain { position: relative; width: 949px; float: left; padding: 0 0px 0 0px; background: url(/static/images/start_master_bg.gif) repeat-y; min-height: 100%; height: auto!important; height: 100%; } #startDlg { position: relative; height: 78px; padding: 8px 20px; background: #fff; } #startContent { position: relative; background: url(/static/images/start_content_bg.gif) repeat-x; margin: 0 9px; padding-top: 11px; } #opener { position: relative; border-bottom: 2px solid #d9d8df; } ul#startMainNav { list-style: none; margin: 0; padding: 6px 0; margin-left: 12px; width: 217px; font-family: trebuchet ms; border-left: 1px solid #3B3B3B; border-right: 1px solid #3B3B3B; } ul#startMainNav li { border-bottom: 1px solid #505050; font-size: 13px; font-weight:bold; line-height: 30px; } ul#startMainNav a { display: block; text-decoration: none; padding-left: 15px; color: #fff; width: 202px; } ul#startMainNav a:hover { background: #000;opacity: 0.60; -moz-opacity: 0.60; filter:alpha(opacity=60); } ul#startSubNav { list-style: none; padding: 0; margin: 0; } ul#startSubNav li { border-top: 1px solid #505050; border-bottom: none; line-height: 22px; background: url(/static/images/start_nav_bg100.png) repeat-y; } * html ul#startSubNav li { background: url(/static/images/start_nav_bg100.gif) repeat-y; } ul#startSubNav a { font-size: 11px; font-weight:normal; padding-left: 26px; width: 190px; } #startBuchtipps { position: relative; float:left; padding-left: 12px; width: 218px; margin-right: 11px; } div.detailLink { text-align: right; } div.startTeaser { position: relative; float: left; width: 218px; margin-right: 11px; } div.startEndTeaser { position: relative; float: left; width: 218px; } div.startTeaserText { position: relative; float: left; height: 100px; font-size: 11px; line-height: 14px; } h4 { font-size: 12px; margin: 10px 0 6px 0; } #tNewsletter .inputField { height: 13px; width: 116px; color: #949494; border: 1px solid #bababa; margin: 0; padding: 3; font-size: 11px; float: left; margin-top: 1px; } #startFooter { position: relative; clear: both; width: 907px; margin-left: 12px; margin-top: 50px; border-top: 1px solid #d1d1d1; padding-top:5px; padding-bottom: 22px; font-size: 11px; color: #000; } ul#footNavigation { position: relative; float: right; list-style: none; margin: 0; padding: 0; color: #000; font-size: 11px; } ul#footNavigation li { display: inline; } ul#footNavigation a { color: #000; } /* Ende - Zusätzliche Styles für die Startseite */ #alphabet a, #alphabet span { display: block; float: left; padding: 0 2px; } #alphabet a:hover { background-color: #000; color: #fff; } a.activeInitial { color: #000; }