@charset "utf-8";
/* configurator */
.configurator {}
.configurator h3 {font-size: 15px; font-weight: 600; color:#00b5c4 !important; border-bottom:none !important;}
.configurator .box {padding: 15px; background: #ffffff; margin-bottom: 20px;}
.configurator .box hr {background: #dddddd; margin: 10px 0;}
.configurator .box ul li, .configurator .box .optionlist .option {line-height: 20px; font-weight: bold; font-size: 12px;}
.configurator .box ul li .value {font-weight: normal; color: #5B5B5B;}
.configurator .box.configurator-order ul li .value {font-weight: 600; color: #5B5B5B; float: right;}
.configurator .configurator-area-left {width: 610px; padding-right: 30px;}
.configurator .configurator-area-left .table-cell.configurator-downloads p {margin:-20px 0 10px;}
.configurator .configurator-area-right {width: 235px !important;}
.configurator .configurator-area-right .box h3 {margin:0 !important; padding:0 !important;}
.configurator .configurator-area-right .add-to-cart input[type="submit"] {min-width:195px; margin-bottom:10px;}

.configurator .configurator-progress {line-height: 25px; color: #ffffff; background: #FFAE00; padding: 10px 15px; font-weight: bold; font-size: 16px; margin-bottom: 20px;}
.configurator .configurator-progress .steps {float: right;}
.configurator .configurator-progress .steps div {font-size: 12px; padding-left: 25px; padding-right: 25px; background: url("../img/bg_steps_arrow.png") left center no-repeat transparent;  float: right;}
.configurator .configurator-progress .steps div.reached {color: #FFAE00; background: url("../img/bg_steps_arrow_reached.png") left center no-repeat transparent;    padding-right: 30px; margin-right: -11px;}
.configurator .configurator-progress .steps div.next {background: none; padding-right: 17px;}
.configurator .configurator-progress .steps div:first-child {margin-left: 0;}
.configurator .configurator-progress .steps div.last {padding-right: 5px;}
.configurator .configurator-progress .steps div.first {padding-left: 12px;}

.configurator .configurator-productinfo {background: url("../img/bg_box_gradient.png") white repeat-x bottom center; border: 1px solid #ffffff; min-height: 140px; line-height: 140px; position: relative;}
.configurator .configurator-productinfo img {width: 100%; height:auto; vertical-align: bottom;}

.configurator-configlist .category {padding: 9px 13px; margin-bottom: 5px;}
.configurator-configlist .category.selected {padding: 12px 13px;}
.configurator-configlist .category .category-title,
.configurator .configurator-configlist .config .config-title  {color: #00B4C5; font-weight: bold; background: url("../img/bg_button_blue_right.png") no-repeat right center #ffffff; line-height: 21px; cursor: pointer; font-size: 13px !important;}
.configurator-configlist .category.selected .category-title {padding: 10px 15px !important; background-image: url("../img/bg_button_blue_down.png") !important; background-color: #00B5C5 !important; color: #ffffff !important;}

.configurator .configurator-order,
.configurator .configurator-configoverview  {padding: 20px 20px 25px 20px;}
.configurator .configurator-configoverview .orderlist {margin-bottom: 10px;}
.configurator .configurator-configoverview .orderlist .config-title {color: #00B4C3;}
.configurator .configurator-configoverview .configlistview {display: none;}
.configurator .configurator-configoverview .link-next {font-size: 11px; margin: 5px 0 0 0; font-weight: 600;}
.configurator .configurator-configlist {margin-bottom: 30px; width: 100%;}
.configurator .configurator-configlist .configlist .config {border-top: 1px solid #dddddd; background: #ffffff; overflow: hidden;}
.configurator .configurator-configlist .configlist .config.selected {overflow: inherit;}
.configurator .configurator-configlist .configlist .config:first-child {border: none;}
.configurator .configurator-configlist .configlist .config .config-title {padding-top: 10px; padding-bottom: 10px; background: url("../img/bg_button_grey_right.png") no-repeat right center #ffffff;}
.configurator .configurator-configlist .configlist .config .config-info {color: #999999;    padding: 10px 10px 10px 40px; background: url("../img/icon_info_yellow.png") no-repeat 12px 12px #ededed;}
.configurator .configurator-configlist .selected-text {font-weight: 600; font-size: 13px; color: #777777; display: block; margin-top: -21px; /* minus line-height */ margin-left: 200px;    margin-right: 30px; height: 21px; overflow: hidden;}
.configurator .configurator-configlist .category.selected .category-title .selected-text {display: none;}
.configurator .configurator-configlist .category.selected .category-title .selected-text {display: none;}
.configurator .configurator-configlist .configlist .config.choosed .config-title,
.configurator .configurator-configlist .category.completed .category-title {background: url("../img/bg_button_yellow_success.png") no-repeat right center #ffffff; color: #EEAE00;}
.configurator .configurator-configlist .configlist .config.selected .config-title {background: url("../img/bg_button_blue_down.png") no-repeat right center #ffffff !important; color: #00B4C3 !important;}
.configurator .configurator-configlist .configlist {width: 100%; visibility: collapse; opacity: 0; display: none;}
.configurator .configurator-configlist .optionlist  {margin-left: -10px; visibility: collapse; opacity: 0; display: none; margin-top: 10px; max-height: 0; overflow: hidden;}
.configurator .configurator-configlist .category .category-title,
.configurator .configurator-configlist .category .config-title,
.configurator .configurator-configlist .configlist {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.configurator .configurator-configlist .category.selected .configlist,
.configurator .configurator-configlist .category.selected .optionlist {}
.configurator .configurator-configlist .category.selected .configlist,
.configurator .configurator-configlist .category.selected .optionlist,
.configurator .configurator-configlist .config.selected .radiolist {visibility: visible; opacity: 1; display: block; max-height: none;}
.configurator .configurator-configlist .category.selected .configlist .optionlist {display: none;}
.configurator .configurator-configlist .config.selected .optionlist,
.configurator .configurator-configlist .config.selected .optionlist {visibility: visible; opacity: 1; display: block !important; max-height: none !important; margin-top: 10px;}
.configurator .configurator-configlist .optionlist .option {background: #ededed; position: relative; display: block; font-weight: bold; line-height: 16px; height:90px; width: 138px; margin: 0 0 10px 10px; float: left; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.configurator .configurator-configlist .optionlist .option > div {display: table-cell; vertical-align: middle; height:90px; padding-left: 10px; padding-right: 7px; cursor: pointer; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}

/* chrome hacks */
.chrome .configurator .configurator-configlist .optionlist .option,
.chrome .configurator .configurator-configlist .optionlist .option > div {word-break: break-all;}
.chrome .configurator .configurator-configlist .optionlist .option,
.chrome .configurator .configurator-configlist .optionlist .option h3 {word-break: normal;}

/* safari hacks */
.safari .configurator .configurator-configlist .optionlist .option,
.safari .configurator .configurator-configlist .optionlist .option > div {word-break: break-all;}
.safari .configurator .configurator-configlist .optionlist .option,
.safari .configurator .configurator-configlist .optionlist .option h3 {word-break: normal; cursor:pointer;}


/* ie hacks */
* + html .configurator .configurator-area-left {float:left;}
* + html .configurator .configurator-progress .steps {position:absolute; right:10px;}

.configurator .configurator-configlist .small {font-size: 11px; color: #999999; font-weight: 600;}
.configurator .configurator-configlist .optionlist .option:hover,
.configurator .configurator-configlist .optionlist .option.selected {background-color: #FFAE00;}
.configurator .configurator-configlist .optionlist .option:hover > div,
.configurator .configurator-configlist .optionlist .option:hover > div .small,
.configurator .configurator-configlist .optionlist .option:hover h3,
.configurator .configurator-configlist .optionlist .option.selected > div,
.configurator .configurator-configlist .optionlist .option.selected .small,
.configurator .configurator-configlist .optionlist .option.selected h3 {color: #ffffff;}
.configurator .configurator-configlist .optionlist .option .layer-24h {background: url("../img/icon_option_24h.png") top right no-repeat transparent; width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 0;}
.configurator .configurator-configlist .optionlist .option h3 {border-right: 1px solid #dddddd; color: #00b5c6; display: table-cell; font-size: 16px; height: 32px; left: 7px; margin-right: 10px; padding-right: 10px; padding-top: 18px; position: absolute; text-align: center; top: 20px; vertical-align: middle; width:20px;}
.configurator .configurator-configlist .optionlist.pages .option,
.configurator .configurator-configlist .optionlist.material .option {font-size: 11px;}
.configurator .configurator-configlist .optionlist.pages .option > div {padding-left: 50px;}
.configurator .configurator-configlist .optionlist.material .option h3 {width: 30px;}
.configurator .configurator-configlist .optionlist.material .option > div {padding-left: 60px;}
.configurator .configurator-configlist .optionlist.seitenzahl .option {font-size: 11px;}
.configurator .configurator-configlist .optionlist.seitenzahl .option > div {padding-left: 50px;}
.configurator .configurator-configlist .optionlist.material .option > div h3,
.configurator .configurator-configlist .optionlist.deckblatt .option > div h3,
.configurator .configurator-configlist .optionlist.material_innenteil .option > div h3,
.configurator .configurator-configlist .optionlist.material_umschlag .option > div h3 {width:30px !important;}
.configurator .configurator-configlist .optionlist.deckblatt .option > div,
.configurator .configurator-configlist .optionlist.material_umschlag .option > div,
.configurator .configurator-configlist .optionlist.material_innenteil .option > div {padding-left:60px;}
.configurator .configurator-configlist .optionlist.farbigkeit_umschlag .option > div,
.configurator .configurator-configlist .optionlist.veredelung_umschlag .option > div,
.configurator .configurator-configlist .optionlist.farbigkeit_deckblatt .option > div,
.configurator .configurator-configlist .optionlist.veredelung_deckblatt .option > div {padding-left:10px;}
.configurator .configurator-configlist .optionlist.country div {font-weight: 600 !important;}
.configurator .configurator-configlist .optionlist.country img {margin-right: 5px;}
.configurator .configurator-configlist .optionlist .option .icon-info {background: url("../img/icon_info.png") no-repeat center center transparent; height: 15px; width: 15px; display: block;  position: absolute; bottom: 5px; right: 5px;}
.configurator .configurator-configlist .optionlist .option:hover .icon-info {background: url("../img/icon_info_selected.png") no-repeat center center transparent;}
.configurator .configurator-configlist .optionlist .option.text-and-image {width:188px !important;}
.configurator .configurator-configlist .optionlist .option.text-and-image img {float:left; margin:5px;}

.configurator .configurator-configlist .optionlist .option p {margin:0;}

/* Spezieller Sektionstyp für RPC-Sektionen */
.configurator .configurator-configlist .configlist .nl-xposeconf-attributes-section {height:auto !important; /* @note: bp-jquery-Animationen funktionieren damit nicht */ max-height:none; /* Reset des bp-Knebels; Preistabellen werden erheblich laenger */}

.configurator .configurator-configlist .radiolist {background: #ffffff; margin-left: 190px; margin-right: 30px; margin-top: -45px; padding: 10px 10px 15px; position: relative; display: none; width: 280px;}
.configurator .configurator-configlist .radiolist .form.radio {margin-bottom: 12px;}

.configurator .configurator-configlist #config_delivery table { border-collapse: collapse; line-height: 14px; font-weight: 600; font-size: 11px !important; width:584px; margin-left:10px;}
.configurator .configurator-configlist #config_delivery table thead th {width: 28%;}
.configurator .configurator-configlist #config_delivery table thead th:first-child {width: inherit; min-width:75px !important;}
.configurator .configurator-configlist #config_delivery table th,
.configurator .configurator-configlist #config_delivery table td {background: #ededed; vertical-align: middle; float:none !important; display:table-cell !important; width:auto !important; height:50px !important; padding:1px 5px !important;}
.configurator .configurator-configlist #config_delivery table .hover {background: #FFF7E5;}
.configurator .configurator-configlist #config_delivery table th,
.configurator .configurator-configlist #config_delivery table td:first-child {padding: 1px 10px;}
.configurator .configurator-configlist #config_delivery table .table-cell {height: 28px; padding: 1px 10px; vertical-align: middle;}
.configurator .configurator-configlist #config_delivery table th:nth-child(1n+2) {border-left: 3px solid #ffffff; height: 58px; text-align: left;}
.configurator .configurator-configlist #config_delivery table tbody tr td:nth-child(1n+3) {border-left: 1px solid #ffffff;}
.configurator .configurator-configlist #config_delivery table tbody tr td {border-left: 3px solid #ffffff;}
.configurator .configurator-configlist #config_delivery table tbody tr:nth-child(2n+1) td {background: #dddddd;}
.configurator .configurator-configlist #config_delivery table tbody tr:hover td,
.configurator .configurator-configlist #config_delivery table tbody tr.selected td {color: #ffffff; background: #00B5C6; cursor: pointer;}
.configurator .configurator-configlist #config_delivery table tbody tr:hover td:first-child,
.configurator .configurator-configlist #config_delivery table tbody tr.selected td:first-child {background: #FFAE00;}
.configurator .configurator-configlist #config_delivery table tbody tr td:hover,
.configurator .configurator-configlist #config_delivery table tbody tr td.selected {background: #FFAE00;}

.configurator .configurator-configlist #config_delivery table .conf-col-dummyhead-1,
.configurator .configurator-configlist #config_delivery table .conf-col-dummyhead-2 {background:none !important; width: 28% !important;}
.configurator .configurator-configlist #config_delivery table td.nl-empty-cell {background:none !important;}
.configurator .configurator-configlist #config_delivery table thead tr:first-child th {background: #dddddd;}
.configurator .configurator-configlist #config_delivery table thead tr:last-child th .table-cell {font-size:10px !important;}
.configurator .configurator-configlist #config_delivery table th div:first-child,
.configurator .configurator-configlist #config_delivery table td div:first-child {border-right:none;}
.configurator .configurator-configlist #config_delivery table th.option,
.configurator .configurator-configlist #config_delivery table td.option {border-collapse: collapse; font-size: 11px !important; font-weight: 600; line-height: 14px;}
.configurator .configurator-configlist #config_delivery table thead tr:last-child th {padding:0;}
.configurator .configurator-configlist #config_delivery table th .table-cell:first-child,
.configurator .configurator-configlist #config_delivery table td .table-cell:first-child  {border-right:1px solid #ffffff;}

.configurator .table.cols2 {width: 100%;}
.configurator .table.cols2 > .table-cell > .box {min-height: 130px; margin-left: 3px;}
.configurator .table.cols2 > .table-cell:first-child > .box {margin-left: 0; margin-right: 3px;}
.configurator .referencetext {padding: 10px; border: 1px solid #dddddd; background: #ededed; overflow: hidden; margin: 0 !important; display: none; margin-bottom: 15px;}
.configurator .config.selected .referencetext {display: block !important;}
.configurator .referencetext input {color: #777777; font-weight: 600; width: 100%; background: transparent; resize: none; margin-bottom: 20px; display: block; font-size: 13px; line-height: 16px;}
.configurator .splitdelivery {margin-bottom: 30px;}
.configurator .splitdelivery label {color: #777777; font-weight: 600; margin-bottom: 10px; display: block;}
.configurator .splitdelivery input, .configurator .splitdelivery select {border: 1px solid #D2D2D2; background: #F2F3F3; font-size: 11px; display: block; float: left;}
.configurator .splitdelivery input {padding: 5px; height: 13px; max-height: 25px;}
.configurator .splitdelivery select {width: 50px; height: 25px; line-height: 23px; max-height: 25px; text-align: center; margin-right: 3px; padding: 2px;}
.configurator .configurator-configlist .button-link {height: 25px; line-height: 25px; font-size: 11px !important;}
.configurator .configurator-gallerie img {max-height: 70px; max-width: 80%; cursor:pointer; width:auto;}
.configurator .configurator-gallerie .table {margin-top: 20px;}
.configurator .configurator-gallerie .table-cell {text-align: right; vertical-align: bottom;}
.configurator .configurator-gallerie .table-cell:first-child {border-right:none; text-align: left;}
.configurator .pricelist .price-gross-total {color: #00B5C4; font-size: 15px; font-weight: 600; margin-bottom: 25px;}
.configurator .pricelist .price-gross-total .value {color: #00B5C4 !important;}
.configurator .configurator-order .button-link {margin-bottom: 5px;}
.configurator .configurator-order .button-link.disabled {background-color: #dddddd;}
.configurator .configurator-action-bar {}
.configurator .configurator-action-bar .link {float: right; margin-left: 30px;}
.configurator .configurator-action-bar .goto-top {float: left; margin-left: 0; margin-top:0;}
.configurator .configurator-action-bar .icon-print {margin-top:0;}
.configurator .configurator-area-left {width:610px;}

/* Merkzettel / Favoriten voruebergehend ausblenden */
#configurator_action_save,
#configurator_action_addnotice {display:none !important;}