/* -------------------   ALLGEMEINE ELEMENTE   ------------------------------------------------------------*/
html, body{
    padding:0;
    margin:0;
    background-color:#fff;
}

body *{
    font-family: arial, helvetica, sans-serif;
}


* {
  box-sizing: border-box;
}

.centerbox{
    width:100%;
    padding:0;
    margin:0;
    margin: 0 auto;
    min-width:800px;
}

a img {
    border: none;
}

/* Weiche für Schriftgröße. Asiatische Zeichensätze = font_big*/
.font_big{
    font-size: 74.0%;
    font-size: 70.0%;
}
.font_small{
    font-size: 62.5%
}


#container
{
    width:788px;
    clear:both;
    font-size: 1.2em;
    position:relative;
    left:50%;
    margin-left:-394px;
}

.maincontainer{
    border:1px solid #9d9d9d;
    padding:5px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    min-height: 634px;
}


a, a:link, a:visited
{
  color:#555;
  text-decoration:none;
}

body a:hover
{
  color:#000;
}

/*Headline Orange*/
h4
{
    font-size:2.3em;
    line-height:22px;
    margin:13px 0px 6px 6px;
    clear:both;
    color:#f90;
    font-weight:normal;
    letter-spacing:0.015em;
    height:33px;
    padding-left:82px;
    text-align:center;

    /*padding-right:82px;*/
    /* Wenn QUAR angezeigt wird anderes Padding um die Headline korrekt zu zentrieren */
     padding-right:150px;
}
/*Headline Orange*/
h4 span
{
    font-size:0.5em;
    line-height:22px;
    color:#aaa;
    font-weight:bold;
    letter-spacing:-0.01em;
}
/*Headline Orange*/
h4 sup
{
    font-size:0.6em;
}

/* Asiatisch: Headline etwas kleiner */
.font_big h4{
    font-size:2.0em;
}

/*Headlines in Box*/
h3
{
    font-size:1.0em;
    margin:7px 0px 7px 1px;
    clear:both;
    color:#f90;
    line-height:1.0em;
    height:13px;

}

/* Graue Panels allgemein*/
.panel{
    border:1px solid #b6b6b6;
    background-color: #F6F6F6;
    overflow:hidden;
    padding:12px 10px 7px 10px;
    height:166px;
}

.panel div{
    /* overflow:hidden blockiert die generierte Autofill-Selectbox! */
    /* overflow:hidden; */
    margin:0px 0px 7px 0px;
    display:block;
}


/* Panel als Table ausgeben > für mehrzeilige Labeltexte */
.panel .InputRow{
    display:table;
    padding:0px;
    width:100%;
    height:25px;
    margin-bottom:5px;
}
.panel .InputCell{
    display:table-cell;
    vertical-align:middle;
}
.InputRow .InputCell:first-of-type{
    width:165px;
}

.InputCell label{
    line-height: 1.0em;
    margin:0;
}



label {
    width:150px;
    float:left;
    margin:3px 14px 6px 0;
    vertical-align:middle;
}

/* label für Radiobuttons */
.radiolabel
 {
    width:inherit;
    margin:0;
}

.panel select, .panel input {
    width:193px
}

.panel .shortinput {
    width:68px;
    margin-right:8px;
}



input[type="radio"]{
    float:left;
    margin-right:5px;
}


 /* Zeile mit Anfrage/Berechnen-Buttons */
.ButtonRow{
    text-align:left;
	margin:5px 0 0 0;
    overflow:hidden;
    display:block;
    clear:both;
}
.ButtonRow--MetricImperial{
	margin:0 0 7px 0;
}
.modalPopupContent .ButtonRow{
    text-align:right;
}

.ButtonRowCenter{
    width:570px;
	text-align:center;
    position: absolute;
    left:110px;
    padding:0;
}
.ButtonRow label, .ButtonRowCenter button  {
    display:inline !important;
    float:none;
}

.ButtonRowCenter button:nth-of-type(2),
.ButtonRowCenter button:nth-of-type(3),
.modalPopupContent .ButtonRow button:nth-of-type(2),
.modalPopupContent .ButtonRow button:nth-of-type(3)  {
    margin-left:10px;
}
.ButtonRow label{
    margin:5px 5px 0 0;
}
.ButtonRow label:first-of-type{
	margin:5px 5px 0 3px;
}
.ButtonRow .radiolabel {
    margin-top:2px;
}

.ButtonRow input[type="radio"]{
    position:absolute !important;
}



.ButtonRow label#disclaimerOfWarrantyLabel{
    min-width:300px;
    /*float:right;*/
    display:block;
    text-align:right;
    margin-bottom:0px;
    position:relative;
    top:-1px;
}

.warranty{
    float:left;
    padding:0px;
}

.warranty input[type=checkbox]{
    display:none;
}


.ButtonRow label#disclaimerOfWarrantyLabel input{
    clear:none;
    margin:0px;
    margin-right:7px;
    margin-left:0px;
    position:relative;
    top:2px;

}

.ButtonRow label#disclaimerOfWarrantyLabel a{
    display:inline !important;
}

.ButtonRow label#disclaimerOfWarrantyLabel.error, .ButtonRow label#disclaimerOfWarrantyLabel.error a {
    color: #f00;
    border:none;
}

.invalid-disclaimer {
    color: red;
}

.invalid-disclaimer #disclaimerOfWarrantyLabel a {
    color: red;
}


.clickable{
    cursor:pointer;
}

.error{
    border: solid 2px #f00;
}

/* Popup Modal */

.inquiryModalPopup, .emailStatusModalPopup, .appPopupBackgroundCover{
    display:block;
}

.modalPopupContent{
    position:absolute;
    z-index:800;
    background-color:#fff;
    padding:7px;
    border: 1px solid #9d9d9d;
    box-shadow: 0 0 1.0em #333;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}

/* Popup Haftungsausschuss */
.disclaimerModalPopup{
    width:650px;
}
.disclaimerModalPopup p{
    margin-bottom:20px;
    background-color: #F6F6F6;
    border:1px solid #b6b6b6;
    padding:10px;
    font-size:0.9em;
}

.disclaimerModalPopup strong, .disclaimerModalPopup a, .disclaimerModalPopup .BigButton {
    float:left !important;
}

.disclaimerModalPopup .BigButton {
    margin:-5px 10px 0 10px;
}

.disc .modal-dialog {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* Popup Contact */

.contact-mod .modal-dialog {
    width: 440px;
    margin: 0 auto;
}

.cablepool-mod .modal-dialog {
    width: 440px;
    margin: 0 auto;
}

/* Popup Messages / "Alert Boxen" */

.msgpopup .modal-dialog {
    /*position: fixed;
    left: 252px;*/
    top: 200px;
    width: 300px;
    margin: 30px auto;
}

.msgpopup a {
    float: right;
    font-size: 1.5em;
    margin: 2px;
}

.msgpopup .popuphead {
    height: 22px;
    background-color: lightgrey;
}

.msgpopup .btnrow {
    width: 100%;
    height: 30px;
}

.msgpopup .whole {
    margin: 5px;
    min-height: 60px;
}

.msgpopup .whole p{
    padding: 0 5px;
}

.msgpopup button {
    position: absolute;
    right: 2px;
    bottom: 2px;
}

.msgpopup .modal-open {
    overflow: hidden;
}

/* Popup Staffelpreise */

.bulk .modal-dialog {
    /*position: fixed;
    left: 290px;*/
    top: 220px;
    width: 250px;
    margin: 30px auto;
}

.bulk a {
    float: right;
    font-size: 1.5em;
    margin: 2px;
}

.bulk .popuphead {
    /* height: 22px; */
    background-color: lightgrey;
    font-weight: bold;
    padding:3px;
}

.bulk .popuphead span {
    display: inline-block;
    margin: 2px;
    font-size: 1.2em;
    font-weight: bold;
}

.bulk .btnRow {
    width: 100%;
    height: 30px;
}

.bulk .whole {
    margin: 20px 15px;
}

.bulk .bulkRow {
    margin-bottom: 15px;
}

.bulk button {
    position: absolute;
    right: 5px;
    bottom: 5px;
}


/* Hinweistext Kettenauswahl */
.HintText{
    border:1px solid #f90;
    background-color:#fffaf2;
    padding:10px;
    margin-bottom:10px;
}

.modalPopupButtonsRow
{
    position:absolute;
    bottom:0px;
    padding:15px 0px 27px 0px;
    text-align:center;
    width:320px;
    font-size:1.2em;
}

.modalPopupButtonsRow a
{
    font-weight:bold;
    text-decoration:none;
    color:#f90;
    padding:5px 0px 5px 0px;
    display:block;
    clear:both;
    margin-top:8px;
}

.modalPopupButtonsRow .modalPopupButton, .modalPopupButtonsRow .close
{
    width:auto;
    margin:0px 0px 0px 10px;
    font-size:0.85em;
}

.modalPopupButton, .close{
    border:1px solid #aeaeae;
    border-top:1px solid #cccccc;
    border-bottom:1px solid #939393;
    text-align:left;
    float:right;
    font-size:0.8em;
    margin:5px 5px 0 0;
    border-radius:1px;
    -moz-border-radius:1px;
    -webkit-border-radius:1px;
    cursor:pointer;
    height:24px;
    line-height:13px;
}
.modalPopupButton{
    float:none;
    font-size:0.8em;
}

.modalPopupButton, .modalPopupButtonsRow .modalPopupButton {
    background: -o-linear-gradient(top,  #f5f5f5 0%, #ffffff 89%);
    background: -moz-linear-gradient(top,  #f5f5f5 0%, #ffffff 89%);
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#ffffff 89%);
    background-color:#fff;
}

.modalPopupButton:focus, .modalPopupButton:active, .modalPopupButtonsRow .modalPopupButton:focus, .modalPopupButtonsRow .modalPopupButton:active{
    background: -o-linear-gradient(top,  #ffeed6 0%, #ffd89f 100%);
    background: -moz-linear-gradient(top,  #ffeed6 0%, #ffd89f 100%);
    background: -webkit-linear-gradient(top,  #ffeed6 0%,#ffd89f 100%);
    border:1px solid #f89400;
    border-top:1px solid #ff9900;
    border-bottom:1px solid #c57200;
    background-color:#ffdba7;
}

.close, .modalPopupButtonsRow .close{
    background: url(../images/igus_konfig_sprite.png) no-repeat -83px -651px;
    background: url(../images/igus_konfig_sprite.png) no-repeat -83px -651px, -o-linear-gradient(top,  #f5f5f5 0%, #ffffff 89%);
    background: url(../images/igus_konfig_sprite.png) no-repeat -83px -651px, -moz-linear-gradient(top,  #f5f5f5 0%, #ffffff 89%);
    background: url(../images/igus_konfig_sprite.png) no-repeat -83px -651px, -webkit-linear-gradient(top,  #f5f5f5 0%,#ffffff 89%);
    background-color:#fff;
    padding-left:25px;
}


.close:focus, .close:active, .modalPopupButtonsRow .close:focus, .modalPopupButtonsRow .close:active {
    background: url(../images/igus_konfig_sprite.png) no-repeat -83px -651px;
    background: url(../images/igus_konfig_sprite.png) no-repeat -83px -651px, -o-linear-gradient(top,  #ffeed6 0%, #ffd89f 100%);
    background: url(../images/igus_konfig_sprite.png) no-repeat -83px -651px, -moz-linear-gradient(top,  #ffeed6 0%, #ffd89f 100%);
    background: url(../images/igus_konfig_sprite.png) no-repeat -83px -651px, -webkit-linear-gradient(top,  #ffeed6 0%,#ffd89f 100%);
    border:1px solid #f89400;
    border-top:1px solid #ff9900;
    border-bottom:1px solid #c57200;
    background-color:#ffdba7;
}

/* Kontakt/Anfrage - Popup */

.inquiryModalPopup{
    /*position:absolute;*/
    top:125px;
    /*left:174px;*/
    /*width:440px;*/
    padding:15px;
}

.cablepoolModalPopup{
	display:block;
    	top:150px;
    	padding:15px;
}

.emailStatusModalPopup{
    position:absolute;
    top:68px;
    left:191px;
}

.emailStatusModalPopup .modalPopupButtonsRow{
    padding:0px 0px 15px 0px;
}


.modalPopupButtonsRow dfn{
    margin:0px 0px 6px 0px;
    color:#888;
    font-size:0.8em;
    font-style:normal;
    display:block;
    width:100%;
    text-align:left;
}

.inquiryModalPopup label{
    float:left;
    font-size:1.0em;
    width:95px;
    display:block;
    padding:0px 0px 0px 0px;
}

#inquiryFormContainer {
    background-color: #F6F6F6;
    border: 1px solid #b6b6b6;
    padding: 10px;
}

.inquiryModalPopup .ButtonRow {
    margin-bottom: 0;
}

.inquiryModalPopup  input, .inquiryModalPopup  textarea{
    float:right;
    width:250px;
}
.inquiryModalPopup  div{
    overflow:hidden;
    clear:both;
    margin-bottom:10px;
}

.inquiryModalPopup  .ButtonRow span{
    float:left;
    font-size:0.9em;
    color:#888;
    padding-top:5px;
}

/*#remarks_count {
    float:right;
    font-size:0.9em;
    color:#888;
    padding-top:5px;
    padding-right: 195px;
}*/

.inquiryModalPopup  .ButtonRow {
    margin-top:25px;
}

.cablepoolModalPopup  .ButtonRow.smallmargin {
	margin-top:10px;
}

.modalPopupRow{
    overflow:hidden;
    clear:both;
}


.inquiryModalPopup p
{
	margin:10px 0 15px 0;
}

cablepoolModalPopup p {
	margin:10px 0 15px 0;
  	overflow:hidden;
}

.cablepoolModalPopup p{
	margin:10px 0 15px 0;
}

.cablepoolModalPopup p.smallmargin{
	margin:10px 0 0px 0;
  overflow:hidden;
}

.smallmargin label{
	margin:3px 14px 0 0;
}


/* Popupfenster Kettenauswahl */

.life .modal-dialog {
    top:150px;
    width:733px;
    margin: 0 auto;
}

/* do not group these rules */
*::-webkit-input-placeholder {
    color: #a6a6a6;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #a6a6a6;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #a6a6a6;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #a6a6a6;
}


.Invisible {
    visibility: hidden;
}

.hasPlaceholder {
    color: #a6a6a6 ;
}

.Help {
    display:inline-block;
    width:19px;
    height:17px;
    line-height:20px;
    vertical-align:middle;
    padding:0px;
    margin:0px 0px 0px 5px;
        position:relative;
    top:2px;
}

.Help:hover{
    background-position:-91px -348px !important;
}

.Help.SelectHelp{
    margin-left:5px;
    vertical-align:top;
    margin-top:7px;
}


.icon_konf_help_icon{
    font-size:21px;
    line-height:16px;
    color:#bdbdbd;
}

.icon_konf_help_icon:hover{
    color:#858585;
}

/* Pageswitch*/
.pageswitch {
    display:table;
    padding:0px;
    position:relative;
    top:1px;
}
.pageswitchRow {
    display:table-row;
}

.pageswitchCell {
    background-color:#fff;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    padding:8px 15px 8px 15px;
    border:1px solid #b6b6b6;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    border-right:none;
    cursor:pointer;
    font-size:1.0em;
    line-height:1.0em;
    min-width:282px;
}

.modalPopupContent .pageswitchCell {
    min-width:150px;
}

.pageswitchCell img{
    vertical-align:middle;
    margin-right:10px;
}

.pageswitchCell:hover, .pageswitchCell:hover span,  .pageswitchCell:hover a {
    color:#fff;
    background:#ccc;
    border-color:#b6b6b6;
    border-bottom-color:#b6b6b6;
}

.pageswitchRow .pageswitchCell:last-of-type{
    border-right:1px solid #b6b6b6;
}

.pageswitchRow .tabactive, .pageswitchRow .tabactive:hover , .pageswitchRow .tabactive:hover a{
    background-color:#f6f6f6;
    border-color:#b6b6b6;
    color:#555;
    border-bottom-color:#f6f6f6;
    cursor:default;
    font-weight:bold;
}

.pageswitchRow .tabinactive, .pageswitchRow .tabinactive:hover , .pageswitchRow .tabinactive:hover a{
    background-color:#fff !important;
    border-color:#b6b6b6;
    color:#555;
    cursor:default;
}

.pageswitchRow .tabinactive span{
    opacity:0.5;
}

.pageswitchCell span, .pageswitchCell a{
    display:inline-block;
    color:#555;
}

.pageswitch span, .pageswitchCell a {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.BigButton, button{
    margin:0;
    font-size:1.0em;
    line-height:1.0em;
    padding:3px;
    cursor:pointer;
    min-width:80px;
    height:25px;
}
.BigButton{
    background: linear-gradient(to bottom, #fbb34d 1%,#f89509 100%);
    background-color: #f90;
    margin:0;
    border:1px solid #df8505;
    border-bottom:1px solid #ba6f04;
    color:#fff;
    float:right;
}

button{
    background: linear-gradient(to bottom, #f5f5f5 1%,#fff 100%);
    background-color: #fff;
    margin:0;
    border-top:1px solid #ccc;
    border-left:1px solid #aeaeae;
    border-right:1px solid #aeaeae;
    border-bottom:1px solid #939393;
    color:#595959;
}


.BigButton dfn{
    font-size:1.2em;
    line-height:.1em;
    padding-right:5px;
}

.BigButton:hover{
    background: linear-gradient(to bottom, #ff9900 1%,#ff9900 100%);
}
button:hover{
    background: linear-gradient(to bottom, #ddd 1%,#f5f5f5 100%);
}

.BigButton[disabled]:hover, .BigButton[disabled],
.BigButton.btnDisabled:hover, .BigButton.btnDisabled{
    background: linear-gradient(to bottom, #ffffff 1%,#efefef 100%);
    color:#aaa;
    border-color:#ccc;
    box-shadow: none;
    cursor:default;
}

.button span{
    display:none !important;
}


.panelerror{
    border:1px solid #f00 !important;
    background-color:#ffdfdf !important;
    color:dcebd3;
    margin-top:10px;
}


/* Scrollbare Tabelle */
.result, .result_head{
    table-layout:fixed;
    border-collapse:seperate;
    border-spacing:0px;
    clear:both;
    margin:0 0 0 0;
    padding:0;
    width:100%;
}

.result_head td{
    background-color:#d6d6d6 !important;
    height:45px;
    border-left:1px solid #888888;
    border-bottom:1px solid #888888;
    border-top:1px solid #888888;
    text-align:left;
    font-size:1em;
    font-weight:bold;
    padding:2px 0 0 10px;
    color:#595959;
}

.result td{
    border-left:1px solid #888888;
    background-color:#fff;
    text-align:left;
    font-size: 1em !important;
    /* padding:0px 0 0 10px; */
    padding:0 10px 0 10px;
    vertical-align: middle;
}

.result wbr:after { content: "\00200B"; }

.result td img {
    max-width: 180px;
    max-height: 28px;
    display:block;
}

.result tr{
    height:33px;
}

.Ergebnisscrollbox .result tr{
    height:37px;
}

#active td{
    background-color:#ffdba4 !important;
}


.scrollbox .noscroll, .Ergebnisscrollbox .noscroll {
    width:100%;
}

div .noscroll{
    overflow:hidden !important
}


.result_head{
    width:776px;
}


.scrollbox{
    width:776px;
    border:1px solid #888888;
    border-top:none;
    height:265px;
    overflow:auto;
    padding:0px;
}
.Ergebnisscrollbox{
    width:776px;
    border:1px solid #888888;
    border-top:none;
    height:186px;
    overflow:auto;
    padding:0px;
    margin-bottom:3px;
}

/* Jede zweite Zeile in der Ergebnistabelle Hellgrau */
.result tr:nth-of-type(odd) td{background-color:#f7f7f7 !important;}

/* Größenangaben der Tabellenzellen im Tabellenkopf bei Suche über Hersteller */
.HeadSucheHersteller tr td:first-of-type{ width:288px;}
.HeadSucheHersteller tr td:nth-of-type(2){width:200px;}
.HeadSucheHersteller tr td:nth-of-type(3){width:100%; border-right:1px solid #888;}

/* Größenangaben der Tabellenzellen im TabellenBody bei Suche über Hersteller */
.SucheHersteller tr td:first-of-type{ width:287px; border-left:none;}
.SucheHersteller tr td:nth-of-type(2){width:200px;}
.SucheHersteller tr td:nth-of-type(3){width:100%; border-right:none;}

/* Größenangaben der Tabellenzellen im Tabellenkopf bei Suche über Artikelnummer */
.HeadSucheArtNr tr td:first-of-type{  width: 288px;}
.HeadSucheArtNr tr td:nth-of-type(2){width:180px;}
.HeadSucheArtNr tr td:nth-of-type(3){width:182px;}
.HeadSucheArtNr tr td:last-of-type {width:100%; border-right:1px solid #888;}

/* Größenangaben der Tabellenzellen im Tabellenbody bei Suche über Artikelnummer */
.SucheArtNr tr td:first-of-type{  width: 287px; border-left:none;}
.SucheArtNr tr td:nth-of-type(2){width:180px;}
.SucheArtNr tr td:nth-of-type(2) > img { max-width: 160px; }
.SucheArtNr tr td:nth-of-type(3){width:182px;}
.SucheArtNr tr td:last-of-type {width:100%; border-right:none;}

/* Größenangaben der Tabellenzellen im Tabellenkopf Ergebnis */
.HeadErgebnis tr td:first-of-type{width:133px;}
.HeadErgebnis tr td:nth-of-type(2){width:55px; padding-left:0; text-align:center;}
.HeadErgebnis tr td:nth-of-type(3){width:73px; padding-left:0; text-align:center; border-left:none;}
.HeadErgebnis tr td:nth-of-type(4){width:94px; padding-left:0; text-align:center; border-left:none;}
.HeadErgebnis tr td:nth-of-type(5){width:74px; border-left:none;}
.HeadErgebnis tr td:nth-of-type(6){width:95px; padding-left:0; text-align:center;}
.HeadErgebnis tr td:nth-of-type(7){width:146px;}
.HeadErgebnis tr td:nth-of-type(8){width:80px; border-left:none;}
.HeadErgebnis tr td:last-of-type {width:100%; padding-left:0; text-align:center; border-right:1px solid #888; border-left:none;}

/* Größenangaben der Tabellenzellen im Tabellenbody Ergebnis */
.Ergebnis tr td:first-of-type{width:132px; border-left:none; padding: 0px 0 0 7px;}
.Ergebnis tr td:nth-of-type(2){width:55px; padding-left:0; text-align:center;}
.Ergebnis tr td:nth-of-type(3){width:73px; padding-left:0; text-align:center;  border-left:none;}
.Ergebnis tr td:nth-of-type(4){width:94px; padding-left:0; text-align:center;  border-left:none;}
.Ergebnis tr td:nth-of-type(5){width:74px; padding-left:0; text-align:center;  border-left:none;}
.Ergebnis tr td:nth-of-type(6){width:95px; padding-left:0; text-align:center;}
.Ergebnis tr td:nth-of-type(7){width:146px;}
.Ergebnis tr td:nth-of-type(8){width:85px; padding-left:0; text-align:center; border-left:none;}
.Ergebnis tr td:nth-of-type(9) {width:100%; padding-left:0; text-align:center !important; border-left:none;}


.HeadErgebnis{
    margin-top:9px !Important;
}
.HeadErgebnis .icon_konf_help_icon{
    margin-left:7px;
    color:#8e8e8e;
}
.HeadErgebnis tr td:nth-of-type(9) .icon_konf_help_icon{
    margin:0;
    position:relative;
    top:1px;
}
.HeadErgebnis .icon_konf_help_icon:hover{
    color:#6f6f6f;
}

.Ergebnis .icon_konf_help_icon, .RightColTab .icon_konf_help_icon {
    line-height:1px !important;
    display:inline-block;
    position:relative;
    top:3px;
}

.RightColTab .icon_konf_help_icon {
    top:0px;
}

.result .radiolabel{
    width:100%;
}
.result .radiolabel span{
    display:inline-block;
}
.Ergebnis .radiolabel span{
    border:0px solid #f00;
    line-height:12px;
    position:relative;
    top:0px;
    margin-right:3px;
}

.result td .prozent{
    color:#ff9900;
    font-weight:bold;
    font-size:15px !important;
}

.left{
    float:left;
}

.green	{color:#00cc00;}
.orange	{color:#ffcc33;}
.grey	{color:#7f7f7f;}

/*TODO: Für JP implementieren*/
.green_jp	{color:#00cc00;}
.orange_jp	{color:#ffcc33;}
.grey_jp	{color:#7f7f7f;}

.icon_lieferzeit{
    font-size:14px;
}

.lieferzeit .icon_lieferzeit{
    margin-right:4px;
}


.hook{
    display:inline-block;
    padding:5px;
    width:15px;
    height:13px;
    background:url(../images/hook.png) no-repeat 0 0;
}

.LeftColPanel{
    float:left;
    width:423px;
    height:290px;
    border:1px solid #b6b6b6;
    background-color: #f6f6f6;
    margin-bottom:6px;
	margin:3px 0 0 0;
}

.ImageBox{
    border:1px solid #c0c0c0;
    background-color:#fff;
    text-align:center;
    margin:8px;
}

.LeftColPanel span{
    padding:0 8px 6px 8px;
    display:block;
    height:20px;
}

.LeftColScrollbox{
    height:185px;
    overflow:auto;
    padding:0 8px 8px 8px;
}

ul{
    padding-left:14px;
    margin-top:10px;
}

li{
    margin-bottom:7px;
}

.RightColPanel{
    float:right;
    width:344px;
    height:290px;
    border:1px solid #b6b6b6;
    padding:8px;
	margin:3px 0 0 0;
}

.LebensdauerCover , .LebensdauerCoverScroll{
    background-color:#fff;
    position:absolute;
    top:119px;
    left:531px;
    width:250px;
    height:185px;
    opacity: 0.6;
}

.LebensdauerCoverContent, .LebensdauerCoverContentScroll{
    position:absolute;
    top:116px;
    left:531px;
    width:250px;
    height:185px;
    display:table;
}
.LebensdauerCoverScroll, .LebensdauerCoverContentScroll{
    width:233px;
}

.LebensdauerCoverContentRow{
    display:table-row;
}

.LebensdauerCoverContentCell{
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    padding:0 20px;
    line-height:20px;
}

.LebensdauerCoverContentCell button{
    margin-top:10px;
}

.RightColTab{
    display:table;
    width:100%;
    margin-top:4px;
    height:115px;
}

.RightColTabRow{
    display:table-row;
    height:29px;
}

.RightColTabCell{
    display:table-cell;
    padding:0 7px 0 0;
    vertical-align:middle;
    height:30px;
    line-height:1.0em;
}

.RightColTab input{
    width: 48px;
}

.RightColTabRow .RightColTabCell:nth-of-type(2){
    text-align:right;
    /* width: 128px; */
}
.RightColTabRow .RightColTabCell:nth-of-type(3){
    padding:0;
}

.RightColTabCell .SubPrice{
    white-space:nowrap;
}

.price{
    font-size:1.2em;
}

.RightColTabCell a{
    position:relative;
    top:3px;
    left:-2px;
}

.PriceBig{
    font-size:20px;
    margin-top:10px;
    color: #000;
    height:28px;
}

.PriceBig span{
    float:right;
}

.BigButtonAdToWakoBox{
    display:table;
    margin: 10px 0;
    width:100%;
}

.BigButtonAdToWako{
    background: linear-gradient(to bottom, #fbb34d 1%,#f89509 100%);
    border: 1px solid #df8505;
    border-bottom: 1px solid #ba6f04;
    padding:0 7px;
    cursor:pointer;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
    clear:both;
    min-width:220px;
    color: #fff;
    height:38px;
    font-weight: bold;
    font-size: 1.3em;
    width:100%;
    display:table-cell;
    vertical-align:middle;
}

.BigButtonAdToWako:hover{
    background: linear-gradient(to bottom, #ff9900 1%,#ff9900 100%);
    color:#fff;
}

.BigButtonAdToWako[disabled]:hover, .BigButtonAdToWako[disabled]
{
    background: linear-gradient(to bottom, #ffffff 1%,#efefef 100%);
    color:#aaa;
    box-shadow: none;
}


.lieferzeit{
    text-align:right;
    line-height:15px;
}

.staffelpreis .icon_arrow_triangle_right{
    color:#f90;
    font-size:20px;
    position:relative;
    top:0px;
    left:-6px;
    padding:0px;
    width:12px;
    height:1px;
    letter-spacing:0px;
    display:block;
    float:left;
    text-indent: 0px;
}
.RightColPanel .staffelpreis, .WarenkorbDisclaimer{
    text-decoration:underline;
    color:#7f7f7f;
    font-size:0.95em;
    margin-top:6px;
    display:block;
    line-height:15px;
}

.WarenkorbDisclaimer{
    color:#949494;
    text-decoration:none;
}

.lifespan{
    background-color:#f90;
    display:inline-block;
    padding:0 0 0 5px;
    line-height:23px;
    height:23px;
}

/* zweispaltige Formulare Kettenauswahl */
.TwoColBoxRow{
    overflow:hidden;
    margin-bottom:0px;
}

.TwoColBoxRow:last-of-type{
    padding-bottom:0px;
}

.TwoColBox div{
    display:table-cell;
    vertical-align:middle;
    height:30px;
}


/* Container für 2 Spalten */
.panel .TwoColBox{
    width:307px;
    margin:0px 0px 0px 0px;
    float:right;
    display:table;
}

.panel .TwoColBox:first-of-type{
    margin-left:0px;
    float:left
}

.TwoColBox input[type="text"] {
    width:100px;
    display:inline-block;
    vertical-align:middle;
}

.TwoColBox select {
    width:140px;
    display:inline-block;
    vertical-align:middle;
}

input[type="radio"]{
    float:left;
    margin-right:5px;
}

/* Container für Einhaeit nach Inputfeld */
.TwoColBox .unit {
    width: 40px;
}

.life .TwoColBox .unit{
    padding-top: 0 !important;
}

.TwoColBox  label{
    width:130px;
}

.TwoColBox  label, .TwoColBox .unit {
    display:inline-block;
    margin:0;
    padding:0;
    float:inherit;
    vertical-align:middle;
    line-height:1.1em;
}

.TwoColBox .Help {
    top:0px;
}


.HeadlineWithParameterbuttonRow{
    max-width:560px;
    display:table;
    height:1px;
    overflow:hidden;
    position:relative;
    top:0px;
    height:35px;
}
.HeadlineWithParameterbutton{
    max-width:560px;
    display:table-cell;
    vertical-align:middle;
}


.ParameterChange{
    position:absolute;
    right:32px;
    top:313px;
}

input.ng-invalid, textarea.ng-invalid {
    border: 2px solid red;
}

input.ng-invalid.ng-pristine, textarea.ng-invalid  {
    border: 1px solid #bbb;
}

input.pristineinvalid.ng-invalid {
    border: 2px solid red !important;
}

input.pristineinvalid.ng-valid {
    border: 1px solid #bbb;
}

input[type=text]:disabled {
    opacity: 0.4;
}

.LeftColPanel img {
    max-height: 50px;
    margin: 5px 10px;
    max-width: 380px;
}

.LeftColPanel .ImageBox {
    height: 66px;
}

.ButtonRow .disabled, .ButtonRow .disabled:hover {
    cursor: default;
}

.logo{
    color: #ff9900;
    font-size: 85px;
    line-height: 50px;
    width: 90px;
    height: 45px;
    overflow: hidden;
    display: block;
    position:absolute;
    top:-8px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.ArtnrHelp{
    position:relative;
    top:0px;
    left:0px;
}

.ArtNrInputRow{
    height:22px;
}

/* Detailschriftanpassungen Asiatisch */
.font_big .BigButtonAdToWako{
    font-size:1.1em;
}

.font_big .result_head td{
    font-size:0.9em;
    line-height:1.1em
}
.font_big .WarenkorbDisclaimer{
    font-size:0.9em;
}

.popuphead .popupclose{
    font-size:14px;
    padding-right:3px;
}

.app-disclaimer {
    padding: 7px;
    font-size: 0.9em;
    color: #9d9d9d;
    text-align: justify;
}

.HeadLink {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 40px;
    width: 250px;
}

.HeadLink div {
    position: relative;
    top: 0px;
    right: 0px;
    height: 40px;
    width: 250px;
    text-align: right;
}

.HeadLink a {
    color: #f90 !important;
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0%, -50%);
}