@import url(tables.css); /*------ General -------*/ body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:0px; padding:0px;} img {border:0px;padding: 0px; margin-bottom: 0px;} .subNav a {color:#f00; padding-left:12px; background-image:url('../images/bg_link.gif'); background-repeat:no-repeat; background-position:left 5px; text-decoration:none;} a:hover {text-decoration:underline;} .detailLink {float: right; color: #f00; padding-left:12px; background-image:url('../images/bg_link.gif'); background-repeat:no-repeat; background-position:left 5px; text-decoration:none;} a.detailLink:hover {text-decoration: underline;} a:focus {border:0} .active {font-weight:bolder; text-decoration:none; color: red;} h2 {font-weight:bold; font-size:11px; margin:0; padding:0 0 14px 0;} form {display:inline;} input, select, textarea {border:1px solid #91a1b9; padding-left:2px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;} .input80 {width:80px;} .input180 {width:180px;} .input170 {width:170px;} a {color:#1d307f; text-decoration:none;} a:hover, a:active {color:#1d307f; text-decoration:underline;} .radio input, .checkbox input {border:0;} .spacer {margin:0 10px 0 0} .spacerPadding {padding:0 10px 0 0} .checkbox {border:0} /*------- Buttons ----------*/ .button {background-color:#e00; background-image: url('../images/bg_button.jpg'); background-repeat:repeat-x; font-weight:bold; color:#fff; border:1px solid #e00; height:20px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; cursor:pointer;} .button:hover {background-color:#efefef; background-image: url('../images/bg_buttonOn.jpg'); background-repeat:repeat-x; font-weight:bold; color:#e00; border:1px solid #e00; height:20px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; cursor:pointer;} .buttonSearch {display:block; margin-right:7px; width:57px; background-color:#e00; background-image: url('../images/bg_button.jpg'); background-repeat:repeat-x; font-weight:bold; color:#fff; border:1px solid #e00; height:20px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; cursor:pointer;} .buttonSearch:hover {display:block; margin-right:7px; width:57px; background-color:#efefef; background-image: url('../images/bg_buttonOn.jpg'); background-repeat:repeat-x; font-weight:bold; color:#e00; border:1px solid #e00; height:20px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; cursor:pointer;} .buttonLogin {display:block; width:78px; background-color:#e00; background-image: url('../images/bg_button.jpg'); background-repeat:repeat-x; font-weight:bold; color:#fff; border:1px solid #e00; height:20px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; cursor:pointer;} .buttonLogin:hover {display:block; width:78px; background-color:#efefef; background-image: url('../images/bg_buttonOn.jpg'); background-repeat:repeat-x; font-weight:bold; color:#e00; border:1px solid #e00; height:20px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; cursor:pointer;} .button160 {width:160px; background-color:#e00; background-image: url('../images/bg_button.jpg'); background-repeat:repeat-x; font-weight:bold; color:#fff; border:1px solid #e00; height:20px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; cursor:pointer;} .button160:hover {width:160px; background-color:#efefef; background-image: url('../images/bg_buttonOn.jpg'); background-repeat:repeat-x; font-weight:bold; color:#e00; border:1px solid #e00; height:20px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; cursor:pointer;} .button120 {width:120px; background-color:#e00; background-image: url('../images/bg_button.jpg'); background-repeat:repeat-x; font-weight:bold; color:#fff; border:1px solid #e00; height:20px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; cursor:pointer;} .button120:hover {width:120px; background-color:#efefef; background-image: url('../images/bg_buttonOn.jpg'); background-repeat:repeat-x; font-weight:bold; color:#e00; border:1px solid #e00; height:20px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; cursor:pointer;} .button180 {width:180px; background-color:#e00; background-image: url('../images/bg_button.jpg'); background-repeat:repeat-x; font-weight:bold; color:#fff; border:1px solid #e00; height:20px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; cursor:pointer;} .button180:hover {width:180px; background-color:#efefef; background-image: url('../images/bg_buttonOn.jpg'); background-repeat:repeat-x; font-weight:bold; color:#e00; border:1px solid #e00; height:20px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; cursor:pointer;} .button200 {width:200px; background-color:#e00; background-image: url('../images/bg_button.jpg'); background-repeat:repeat-x; font-weight:bold; color:#fff; border:1px solid #e00; height:20px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; cursor:pointer;} .button200:hover {width:200px; background-color:#efefef; background-image: url('../images/bg_buttonOn.jpg'); background-repeat:repeat-x; font-weight:bold; color:#e00; border:1px solid #e00; height:20px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; cursor:pointer;} /*------- MainBox ----------*/ #mainBox {width:951px; margin-top:15px; margin-left:auto; margin-right:auto;} /*------- Header -----------*/ #header {border-left:1px solid #fff; width: 950px; height: 101px; background-image: url('../images/newHeader.png');} #headerBO {border-left:1px solid #fff; width: 950px; height: 99px; background-image: url('../images/newHeader.png');} #headerPopUp {border-left:1px solid #fff; width: 950px; height: 73px; background-image: url('../images/newHeader.png');} /*------- Navigation -------*/ #navigation {background-image:url('../images/bg_navishop.gif'); background-repeat:repeat-x; width:949px;} /*------- Main Navigation --*/ .mainNavigation {padding:15px 20px 15px 20px; margin:0 0 0 0;} #mainNav {margin:0; padding:0 5px 22px 5px; border-bottom:1px solid #8f9fb8;} #mainNav li {display:inline; list-style-type:none;} #mainNav li.active {float: left; background: url('../images/bg_menu.gif') no-repeat center bottom;} #mainNav a:link, #mainNav a:visited {float:left; line-height:14px; font-weight:bold; padding:0 15px 8px 20px; text-decoration:none; color: #999999; background-repeat: no-repeat;} #mainNav a:link.active, #mainNav a:visited.active, #mainNav a:hover {color:#000;} #mainNav #homeLink {background-image: url('../images/icons/homeOff.gif');} #mainNav #homeLink:hover, #mainNav #homeLink.active{background-image: url('../images/icons/homeOn.gif');} #mainNav #clothesLink {background-image: url('../images/icons/clothesOff.gif');} #mainNav #clothesLink:hover, #mainNav #clothesLink.active {background-image: url('../images/icons/clothesOn.gif');} #mainNav #percentLink {background-image: url('../images/icons/percentOff.gif');} #mainNav #percentLink:hover, #mainNav #percentLink.active {background-image: url('../images/icons/percentOn.gif');} #mainNav #carnevalLink {background-image: url('../images/icons/carnevalOff.gif');} #mainNav #carnevalLink:hover, #mainNav #carnevalLink.active {background-image: url('../images/icons/carnevalOn.gif');} #mainNav #posterLink {background-image: url('../images/icons/posterOff.gif');} #mainNav #posterLink:hover, #mainNav #posterLink.active {background-image: url('../images/icons/posterOn.gif');} /*------- Sub Navigation ---*/ .subNav {padding:0 20px 0 20px;} .subNav a {color:#f00; padding-left:12px; background-image:url('../images/bg_link.gif'); background-repeat:no-repeat; background-position:left 5px; text-decoration:none; padding-right:15px;} .subNav a:hover {text-decoration:underline;} .subNav a.active {font-weight:bold; text-decoration:none;} /*------- Content Box ------*/ #container {border-left:1px solid #8f9fb8; border-top:1px solid #8f9fb8; background-color:#efefef; background-image:url('../images/bg_content_main.gif'); background-repeat:no-repeat; background-position:bottom right; padding-bottom:30px; float:left; width:951px;} #content {padding:10px 5px 10px 5px;} * html #content {padding:10px 0 10px 5px;} #contentMain {padding-right:5px; float:left; width:940px;} #contentMain h1 {font-size: 12px; margin: 10px 0 10px 10px; color: #f00;} #contentMain p {margin-left: 10px;} #contentMain .info {font-weight: bold; color: #42b760} #contentRight {width:222px; float:right;} #contentRight select {width: 200px;} /*------- Content right ----*/ .linksRight {margin-bottom:18px; clear:both;} .linksRight a {color:#f00; padding-left:12px; background-image:url('../images/bg_link.gif'); background-repeat:no-repeat; background-position:left 5px; text-decoration:none;} .linksRight a:hover {text-decoration:underline;} .linksRight a.active {font-weight:bold; text-decoration:none;} .containerRight {clear:both; width:212px; background-image:url('../images/bg_content_right.gif'); background-repeat:no-repeat; background-position:bottom right; margin-bottom:25px ;border-left:1px solid #8f9fb8; border-top:1px solid #8f9fb8; background-color:#fff; padding:6px 4px 12px 4px;} .containerRight h1 {font-size: 12px; margin: 0; color: red;} .containerRight img {float: left; padding-right: 5px;} .leftOrder {text-align:left; display:block;} /*------- Login ------------*/ #login #navigation {display:none;} #login .borderTable {margin:20px 0 0 300px;} #login .panelHeading {padding-bottom:10px;} /*---- welcome seite ---------*/ /* ----------------main box ----------------- */ #mainContentBox {border-left:1px solid #8f9fb8; border-top:1px solid #8f9fb8; background-repeat:no-repeat; background-position:bottom right; padding-bottom:30px; float:left; width:850px;} #articleContent {padding:10px 0px 10px 0px;} #boxLeft {float:left; width:170px;overflow:hidden;} #boxCenter {float:left;width:545px;overflow:hidden;} #boxCenter2 {float:left;width:770px;overflow:hidden;} #boxCenter3 {float:left;width:730px;overflow:hidden;} #boxRight {width:210px; float:right; overflow:hidden;} #boxRight div {padding-bottom:10px;} .menuListContainer{clear:both; width:150px; background-image:url('../images/bg_content_right.gif'); background-repeat:no-repeat; background-position:bottom right; margin-bottom:20px ;border-left:1px solid #8f9fb8; border-top:1px solid #8f9fb8; background-color:#fff; padding:2px 4px 2px 2px;} .loginBoxContainer{clear:both; width:150px; background-image:url('../images/bg_content_right.gif'); background-repeat:no-repeat; background-position:bottom right; margin-bottom:20px ;border-left:1px solid #8f9fb8; border-top:1px solid #8f9fb8; background-color:#fff; padding:2px 4px 2px 2px;} .newsletterBoxContainer{clear:both; width:150px; background-image:url('../images/bg_content_right.gif'); background-repeat:no-repeat; background-position:bottom right; margin-bottom:20px ;border-left:1px solid #8f9fb8; border-top:1px solid #8f9fb8; background-color:#fff; padding:2px 4px 2px 2px;} .articleContainer {clear:both; width:536px; background-image:url('../images/bg_content.gif'); background-repeat:no-repeat; background-position:bottom right; margin-bottom:20px ;border-left:1px solid #8f9fb8; border-top:1px solid #8f9fb8; background-color:#fff; padding:2px 4px 18px 4px;} .articleContainer2 {clear:both; width:700px; background-image:url('../images/bg_content.gif'); background-repeat:no-repeat; background-position:bottom right; margin-bottom:20px ;border-left:1px solid #8f9fb8; border-top:1px solid #8f9fb8; background-color:#fff; padding:2px 4px 15px 4px;} .koelschContainer {clear:both; width:536px; background-image:url('../images/bg_content.gif'); background-repeat:no-repeat; background-position:bottom right; margin-bottom:20px ;border-left:1px solid #8f9fb8; border-top:1px solid #8f9fb8; background-color:#fff; padding:2px 4px 10px 4px;} .searchContainer {clear:both; width:200px; background-image:url('../images/bg_content_right.gif'); background-repeat:no-repeat; background-position:bottom right; margin-bottom:20px ;border-left:1px solid #8f9fb8; border-top:1px solid #8f9fb8; background-color:#fff; padding:2px 4px 2px 2px;} .priceBoxContainer {clear:both; width:200px; background-image:url('../images/bg_content_right_grey.gif'); background-repeat:no-repeat; background-position:bottom right; margin-bottom:20px ;border-left:1px solid #8f9fb8; border-top:1px solid #8f9fb8; background-color:#d4d0c8; padding:2px 4px 2px 2px;} .korbContainer {clear:both; width:200px; background-image:url('../images/bg_content_right.gif'); background-repeat:no-repeat; background-position:bottom right; margin-bottom:20px ;border-left:1px solid #8f9fb8; border-top:1px solid #8f9fb8; background-color:#fff; padding:2px 4px 2px 2px;} .top5Container {clear:both; width:200px; background-image:url('../images/bg_content_right.gif'); background-repeat:no-repeat; background-position:bottom right; margin-bottom:20px ;border-left:1px solid #8f9fb8; border-top:1px solid #8f9fb8; background-color:#fff; padding:2px 4px 2px 2px;} #articleContentRight {width:420px; float:right; overflow:hidden;} .articlePrevieuContainer {clear:both; height:202px; width:400px; background-image:url('../images/bg_pricelist.gif'); background-repeat:no-repeat; background-position:bottom right; margin-bottom:20px ;border-left:1px solid #8f9fb8; border-top:1px solid #8f9fb8; background-color:#fff; padding:2px 4px 2px 2px;} .articlePictureContainer1 {clear:both; height:75px; width:400px; background-image:url('../images/bg_pricelist.gif'); background-repeat:no-repeat; background-position:bottom right; margin-bottom:20px ;border-left:1px solid #8f9fb8; border-top:1px solid #8f9fb8; background-color:#fff; padding:2px 4px 2px 2px;} .articlePictureContainer2 {clear:both; height:102px; width:400px; background-image:url('../images/bg_pricelist.gif'); background-repeat:no-repeat; background-position:bottom right; margin-bottom:20px ;border-left:1px solid #8f9fb8; border-top:1px solid #8f9fb8; background-color:#fff; padding:2px 4px 2px 2px;} .wawiContainer1 {clear:both; height:75px; width:840px; background-image:url('../images/bg_pricelist.gif'); background-repeat:no-repeat; background-position:bottom right; margin-bottom:20px ;border-left:1px solid #8f9fb8; border-top:1px solid #8f9fb8; background-color:#fff; padding:2px 4px 2px 2px;} .wawiContainer2 {clear:both; width:840px; background-image:url('../images/bg_pricelist.gif'); background-repeat:no-repeat; background-position:bottom right; margin-bottom:20px ;border-left:1px solid #8f9fb8; border-top:1px solid #8f9fb8; background-color:#fff; padding:2px 4px 2px 2px;} .productContaine .articleStatusContainer {clear:both; height:228px; width:400px; background-image:url('../images/bg_pricelist.gif'); background-repeat:no-repeat; background-position:bottom right; margin-bottom:20px ;border-left:1px solid #8f9fb8; border-top:1px solid #8f9fb8; background-color:#fff; padding:2px 4px 2px 2px;} .articlePriceContainer {clear:both; height:102px; width:400px; background-image:url('../images/bg_pricelist.gif'); background-repeat:no-repeat; background-position:bottom right; margin-bottom:20px ;border-left:1px solid #8f9fb8; border-top:1px solid #8f9fb8; background-color:#fff; padding:2px 4px 2px 2px;} .articleDataContainer {clear:both; height:75px; width:400px; background-image:url('../images/bg_pricelist.gif'); background-repeat:no-repeat; background-position:bottom right; margin-bottom:20px ;border-left:1px solid #8f9fb8; border-top:1px solid #8f9fb8; background-color:#fff; padding:2px 4px 2px 2px;} .country {width:136px;} /*------- Myfaces Component -*/ .neusta_contentTable {margin-left: 10px; width: 648px;} .specialTitle {margin-left: 10px; width: 570px;} .neusta_contentTable td, .specialTitle td {border-bottom: 1px dotted #919db5; background: #fff; padding: 3px 10px 3px 10px; vertical-align: top} .specialTitle td {padding: 3px;} .neusta_contentTable td.neusta_tableHeader {background: #1d307f; color: #fff; font-weight: bold; border: 0; white-space: nowrap} .neusta_contentTable td.neusta_tablePrice {color: #f00; font-weight: bold; white-space: nowrap} .neusta_contentTable .priceBox {font-size: 12px; font-weight: bold; color: #f00; float: right; padding-top: 20px;} #neusta_basketTable {width: 100%} #neusta_basketTable .price {text-align: right} #neusta_basketTable #totalPrice {border-top: 1px solid #000; font-weight: bold; text-align: right} #neusta_basketTable #gotoPay a {margin-top: 15px; float: right; color: red; padding-left:12px; background-image:url('../images/bg_link.gif'); background-repeat:no-repeat; background-position:left 5px; text-decoration:none; white-space: nowrap;} #neusta_payBreadcrumb {padding:0 20px 0 20px;} #neusta_payBreadcrumb ul {display: inline; padding: 0; margin: 0;} #neusta_payBreadcrumb ul li {display:inline; list-style-type:none; padding: 0 10px 0 5px; background: url('../images/arrow_black.gif'); background-repeat: no-repeat; background-position: right; color: #999;} #neusta_payBreadcrumb ul li.firstItem {padding-left: 0;} #neusta_payBreadcrumb ul li.lastItem {background: none;} #neusta_payBreadcrumb ul .active {font-weight: bold; color: #000;} .neusta_productBox {border: 1px dotted #919db5; width: 195px; height: 210px; margin: 10px 15px 0 0; float: left; text-align: center; position: relative; color: #000;} .neusta_productBox p {padding-right: 10px;} #contentMain .neusta_productBox h1 {display: block; padding: 3px 5px 3px 5px; color: #fff; font-weight: bold; background: #1d307f; text-align: left;} .neusta_productBox .neusta_price {font-size: 12px; color: red; font-weight: bold; position: absolute; bottom: 4px; left: 70px;} .neusta_contentTable div {padding: 3px 0 3px 0;} .neusta_contentTable .neusta_label {float: left; width: 100px;} #neusta_searchField, #neusta_topOffer {position: relative;} #neusta_searchImage {position: absolute; top: -10px; right: -10px; width: 48px; height: 48px;} html > body #neusta_searchImage {background: url(../images/icons/view.png);} * html #neusta_searchImage {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icons/view.png');} #neusta_offerImage {display: none; background-image: url('../images/icons/percent.gif');} #neusta_inshopppingcart {padding-right: 20px; background-image: url('../images/icons/shoppingcart.gif'); background-repeat: no-repeat; background-position: right} /*--------------- languages ----*/ .searchfieldContainer {clear:both; height:102px; width:400px; background-image:url('../images/bg_pricelist.gif'); background-repeat:no-repeat; background-position:bottom right; margin-bottom:20px ;border-left:1px solid #8f9fb8; border-top:1px solid #8f9fb8; background-color:#fff; padding:2px 4px 2px 2px;} /*------list articles------*/ .menuListContainer ul {list-style:none; margin:0; padding:0;} .menuListContainer ul li.mypage {padding-left:12px; background-image:url('../images/bg_linkB.gif'); background-repeat:no-repeat; background-position:left 5px; text-decoration:none;} .menuListContainer ul li.mypage a {color:#1d307f; text-decoration:none;} .menuListContainer ul li.mypage a:hover {text-decoration:underline;} table.myFaces_panelTabbedPane { width: 100% !important; vertical-align: top !important; border-collapse: separate !important; border-spacing: 0px !important; background-color: #f0f0f0 !important; } .myFaces_panelTabbedPane_pane { border-top: 0px none !important; border-right: 2px outset silver !important; border-bottom: 2px outset silver !important; border-left: 2px outset silver !important; padding: 10px !important; } .myFaces_panelTabbedPane_activeHeaderCell { border-top: 2px outset silver !important; border-right: 2px outset silver !important; border-bottom: 0px none !important; border-left: 2px outset silver !important; text-align: center !important; } .myFaces_panelTabbedPane_subHeaderCell { height: 2px !important; font-size: 0 !important; border-bottom: 0px none !important; } .myFaces_panelTabbedPane_inactiveHeaderCell input { cursor: pointer !important; /*background-color: #ff0000 !important;*/ } .myFaces_panelTabbedPane_disabledHeaderCell label { cursor: default !important; background-color: #ff0000 !important; } .myFaces_panelTabbedPane_subHeaderCell { height: 2px !important; font-size: 0 !important; border-bottom: 0px none !important; background-color: #efefef !important; } .myFaces_panelTabbedPane_subHeaderCell_active { border-top: 0px none !important; background-color: #efefef !important; } .myFaces_panelTabbedPane_subHeaderCell_inactive { border-top: 2px outset silver !important; background-color: #efefef !important; } .myFaces_panelTabbedPane_subHeaderCell_first { border-left: 2px outset silver !important; background-color: #efefef !important; } .myFaces_panelTabbedPane_pane { border-top: 0px none !important; border-right: 2px outset silver !important; border-bottom: 2px outset silver !important; border-left: 2px outset silver !important; padding: 10px !important; background-color: #efefef !important; } .popup { clear: both; width: 50px; height: 50px; background-image: url('../images/bg_content.gif'); background-repeat: no-repeat; background-position: bottom right; margin-bottom: 20px; border-left: 1px solid #8f9fb8; border-top: 1px solid #8f9fb8; background-color: #fff; padding: 2px 4px 18px 4px; } #publicToursDataScroll { overflow-y: auto; overflow-x: hidden; clear: both; margin: 0px; padding: 0px; } .pgproductname1 { color: #fff;; float: left;; width: 195px; margin: 0 2px 0 0; background-color: #1d307f; padding: 2px; } .pgprice1 { color: #fff;; float: left;; width: 65px; margin: 0 2px 0 0; background-color: #1d307f; padding: 2px; } .pgstartday1 { color: #fff;; float: left;; width: 180px; margin: 0 2px 0 0; background-color: #1d307f; padding: 2px; } .pgstarttime1 { color: #fff;; float: left;; width: 42px; margin: 0 2px 0 0; background-color: #1d307f; padding: 2px; } .pgstatus1 { color: #fff; float: left;; width: 45px; margin: 0 2px 0 0; background-color: #1d307f; padding: 2px; } .empty1 { color: #fff; float: left;; width: 30px; margin: 0 2px 0 0; background-color: #1d307f; padding: 2px; } .tableHeader {width: 800px; clear:both; color:#fff; font-weight:bold; text-align:left; border:none; padding:0 2px 0 2px; float:left; margin:10px 0 0 0;} .userDataContainer {clear:both; width:720px; background-image:url('../images/bg_content.gif'); background-repeat:no-repeat; background-position:bottom right; margin-bottom:20px ;border-left:1px solid #8f9fb8; border-top:1px solid #8f9fb8; background-color:#fff; padding:2px 4px 18px 4px;} .gloss {font-size:10px; padding-left:5px;} .myShopSub {padding:20px 0 0 4px; display:block;} .versand { width:300px; background-color:rgb(255,255,255); color: #000000; border: 1px solid #CCCCCC; font-size:smaller; padding: 5px; } .popup table { font-size:smaller; }