body, html {
    font-family: 'Open Sans', sans-serif;
    font-size: 93.75%; 
    background: #fff;
    color: #4c4c4c;
    /*color: #555;*/
    /*height:100%;*/
}


.container {
    /* width: 1000px\9;  IE8 and below */    
    /*width: 1600px;*/
    margin: 0 auto;
    padding-left: 1em;
    background-color: #fff;
    max-width: 1200px;
    min-width: 200px;
}

#header {
    margin-top: 5px;
    height: 70px;
    background-color: #474747;
    /*    padding:4px 4px 4px 4px; */
    width:100%;
    /*border: 1px solid #474747;*/
}

#logo {
    margin: 4px 0px 0px 4px;
    width: 140px;
}


#logo img{
    width: 100%;
    height: auto;
    margin: 0px 0px 0px 0px;
}

#content {
    width: 100%;  
    margin: 12px auto 20px auto; 

}


#nav-toggle {
    visibility: hidden;
    display: inherit;
    text-align: right;
    padding: 0;
    cursor: pointer;
    z-index: 1000;
    right: 0px;
    margin: 0;
    position: relative;
}

.search-toggle {

    display: inherit;
    text-align: right;
    padding: 0;
    cursor: pointer;

    right: 0px;
    margin: 0;
    position: relative;
}

#menu-icon {
    border-top: 7px solid #009fcf;
    border-bottom: 7px solid #009fcf;
    width: 40px;
    float: right;
    margin: 2px 0px 10px 0px;
    /*    background: #fff;*/
    /* background: #868789;*/
}
#menu-icon-inside {
    background: #009fcf;
    margin: 7px 0 7px 0;
    border-bottom: 7px solid #009fcf;
}



#cross-icon {

    overflow:hidden;
    float:right;
    width: 40px;
    margin: 60px 15px 0 0;
    height: 40px;
}



.close {
    position: absolute;
    z-index: 10000;
    width: 40px;
    height: 40px;
    opacity: 0.8;
    background-color: transparent;
}
.close:hover {
    opacity: 1;
}
.close:before, .close:after {
    position: absolute;
    float: right;
    right: 15px;
    content: ' ';
    height: 40px;
    width: 4px;
    background-color: #fff;
}
.close:before {
    transform: rotate(45deg);
}
.close:after {
    transform: rotate(-45deg);
}

/*----------- content ------------------------------------ */

p {
    font-family: 'Open Sans', sans-serif;
    font-size: 115%;	
    /*line-height: 160%;*/
    line-height: 145%;
    margin: 0 0 1em 0;
    font-weight:400;
}

a {
    text-decoration: none;
    color: #009fcf;
}
a:hover {  
    text-decoration: underline;
}

/*-----------search ------------------------------------ */

#searchbox {
    width: 100%;
    overflow:hidden;
    padding: 0 ;
    text-align: center;
    margin: 30px auto 50px auto;
    line-height: 40px;
    width: 100%;
}

#searchbox-center {
    width: 490px;
    margin:  auto;
    overflow:hidden;
    text-align: center;
}

#search,
#submit
{
    float:left;   
}

#search {
    padding: 0  0 0px 1em;
    height: 45px;
    width: 300px;
    border-color:  #e1e1e1;
    border-style: solid;
    border-width: 5px 0px 5px 5px;
    text-align: left;
    font-size: 110%;
    margin: 0; 
}

/* ----------------------- */

#submit
{       
    border: 0;
    height: 55px;
    margin: 0px 0 0 0px;

    width: 70px;
    cursor: pointer;
    color: #009fcf;    
    background-color: #009fcf;
    background-image: url(../img/search.png);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center ;
}

#submit:hover {       
    background-color: #1ea8d9;

}   

#submit:active {       
    background: #009fcf;
    outline: none;

}

/*
#submit::-moz-focus-inner {
    border: 0;  */
/* Small centering fix for Firefox */
/*}*/

#adsearch-button {
    width: 70px; 
    height: 55px;
    background-color: #009fcf;
    color: #fff;
    background-image: url(../img/plus.png);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center ;
    float: left;
    margin: 0 0 0 20px;
}

#adsearch-button:hover {
    border-color:  #1ea8d9;
    background-color: #1ea8d9;
}

#adsearch-field {
    border-color:  #e1e1e1;
    border-style: solid;
    border-width: 0px ;
    padding: 50px 20px 20px 20px;
    margin: -30px 0 0 0 ; 
    overflow:hidden;
    background-color: #f4f4f4;
}

.adsearch-field-column {

    padding: 10px 10px 10px 0;
    margin: 00px 0 0 0 ;
    width: 31%;
    float: left;
    text-align: left;
}

.adsearch-field-close {
    position: absolute;
    right: 0;
    top: -40px;
}

.cross-icon-adsearch {
    z-index: 10000;
    overflow:hidden;

    width: 30px;
    height: 30px;
    margin: -40px 20px 0 -20px;
    opacity: .7;
    position: absolute;

}
.cross-icon-adsearch:hover {
    opacity: 1; 
}


.adsearch-input {
    width: 80%;
    border-width: 4px;
    border-style: solid;
    border-color: #e1e1e1;
    height:30px;
    margin: 5px 0 10px 0;
}

.adsearch-input-img {
    width: 20px;
    height:20px;
    opacity: 0.4;
    margin: 15px 0 0 8px ;
    position: absolute;
}

.adsearch-input-img:hover {
    opacity: 1;
}


/*----------- result list ------------------------------ */

.result-list {
    margin: 10px 0 20px 0;
}

.result-list-item {
    overflow: hidden;
    padding: 25px 10px 0px 25px;
    list-style-type: none;
}

.grey {
    background: #f5f5f5;
    /*background-color: #474747;*/
}

.result-list-left{
    width:25%;
    float: left;
    margin: 0px 1px 0px 0px; 


}

.result-list-img {
    /*    margin: 2.5em 0 0 0;*/
    margin: 0.5em 0 0 0;
    text-align: center;

}

/*
.result-list-img img{
    display: block;
    max-width:200px;
    max-height:200px;
    width:auto;
    height: auto;
    margin: auto;
    padding: 5px;
    border: 5px solid #c2c2c2;
}
*/

.result-list-img .thumb{
    display: block;
    max-width:200px;
    max-height:200px;
    width:auto;
    height: auto;
    margin: auto;
    padding: 5px;
    border: 5px solid #c2c2c2;
}

.result-list-img .thumb-nonproduct{
    display: block;
    max-width:200px;
    max-height:200px;
    width:auto;
    height: auto;
    margin: auto;
    padding: 5px;
    border: none;
}

.result-list-item-number {
    margin: 0 0px 0 0;
    font-size: 140%;
    font-weight: 600;
    color: #009fcf; 
    float: left;
}

.result-list-item-info {
    width:73%;
    float: left;
}

.result-list-author {

}

.result-list-title {
    color: #009fcf;
    font-size: 130%;
    line-height: 120%;
    margin: .5em 0 .5em 0;    
}

.result-list-text {
    margin: 0 0 1em 0;
    font-weight:400;
}

.result-list-text-small {
    margin: 0 0 1em 0;
    font-weight:400;
    font-size: 110%;
}

.result-list-artikel {
    margin: 0 0 .5em 0;
}

.artikel-label {
    color: #4c4c4c;
    font-size: 80%;
    /*    font-style:italic;*/
    font-weight:bold;
}

.result-list-price {
    color: #009fcf;
    font-weight: 600;
    font-size: 170%;
    /*    margin: .5em 0 .5em 0;*/
}

.price-label {
    color: #4c4c4c;
    font-size: 80%;
    /*    font-style:italic;*/
    font-weight:bold;
}


.su-bib-ea-sig {
    list-style-type:square;
    overflow: auto; /* similar to clearing the floats... */
    /*border: 1px solid gray;*/
}
.su-bib-ea-sig li {
    /*    display:inline-block;*/
    margin:0 1.2em 0 1.2em;
    padding: 0 0 0.5em 0;
    font-style:italic;
    float: left;
    /*border: 1px solid blue;*/
    /*margin: 0 20px;*/
}




/*
.result-list-orderlinks {
    font-weight: 600;
    color: #666;
    margin: 0 0 .5em 0;
}

.result-list-orderlinks li {
    list-style-type: none;
}
*/
.result-list-button {
    text-align: right;
    overflow:hidden;
    margin: .5em 0 1em 0;
}

.result-list-button a {
    float: right;
    color: #fff;
    background: #009fcf;
    padding: .7em 1em;
    display: block;
    font-size: 110%
}

.result-list-button a:hover {
    background: #1ea8d9;
    text-decoration: none;
}
.result-list-separate {
    /*width: 73%;*/
    text-align:right;
    border-top:1px dotted grey;
    white-space: nowrap;
    clear:both;
}

/*----------- details ohne slider ------------------------------ */


.slider {
    width: 45%;
    margin: 0 2em 0 15px;
    float: left;
}

.detail {
    padding: 0 2em 0 0 ;
    float: left;
    width: 45%;
}

.detail-author {
    /* margin: .2em 0 1em 15px; */
}



.detail-title {
    color: #009fcf;
    font-size: 180%;
    line-height: 140%;
    /* margin: .2em 0 1em 15px; */
    width: 75%
}

.detail-text {

    margin: 0 0 1em 0;
    font-weight:400;
}

.detail-detail {
    margin: 0 0 .2em 0;
}

.detail-label {
    font-weight: 600;
}

.detail-price {
    color: #009fcf;
    font-weight: 600;
    font-size: 180%;
    margin: .5em 0 .5em 0;
}

/*.price-label {
    color: #4c4c4c;
    font-size: 62%;
    font-style:italic
}
*/


.detail-cart-button {
    width: 60%; 
    height: 55px;
    line-height: 55px;
    background-color: #009fcf;
    color: #fff;
    text-align: center;
    float: left;
    margin: 1em auto;
    font-weight: 400;
    font-size: 130%;
    text-transform: uppercase;
    padding: 0 1em;
}

.detail-cart-button:hover {
    border-color:  #1ea8d9;
    background-color: #1ea8d9;
}



/*------------------ media queries------------------------------ */
/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */

.result_list img { width: 100%; height: auto }



/* Large Devices, Wide Screens ----------------------------*/
@media only screen and (max-width : 1200px){
    #logo {
        /* margin: 2px  10px 0px 0px;*/
        width: 140px;
    }
    /*
        #logo img {
            height:40px;
        }
    */

    .slider {
        margin: 0 1em 0 15px;

    }
    .detail {
        padding: 0 2em 0 0 ;
        margin: 0 0 0 1em;        
    }
    .palmodalimg {
        max-width:1180px;
    }
}

/* Medium Devices, Desktops----------------------------- */
@media only screen and (max-width : 992px){

    #logo {
        width: 120px;
    }
    /*
        #logo img{
            height:36px;
        }
    */
    #header {
        height: 65px;
    }
    .cbp-hrmenu > ul > li > a {
        padding: .9em 1.5em;
        font-size: 115%;
    }
    .detail {
        padding: 0 1em 0 0;
        margin: 0 0 0 1em;	
    }
    p {
        font-size: 105%;	
        line-height: 150%;
        margin: 0 0 1em 0;
    }
    .result-list-img img{
        max-width:170px;
        /*  max-height:170px;*/
        border: 4px solid #c2c2c2;
        padding: 4px;
    }
    .result-list-left{
        width:30%;

    }
    .result-list-item-info {
        width:68%;
    }
    .palmodalimg {
        max-width:960px;
    }



}

/* Small Devices, Tablets -------------------------------*/
@media only screen and (max-width : 768px){

    #logo {
        width: 100px;
    }
    /*
        #logo img{
            height:35px;
        }
    */
    .cbp-hrmenu > ul > li > a {
        padding: .7em 1em;
        font-size: 110%;
    }
    #nav-toggle {
        visibility: visible;
    }	
    .close {
        visibility: hidden;       
    }
    .slider {    
        width: 100%;
        margin: 0 ;  
        float: none;
        margin-bottom: 1.5em
    }
    .detail {
        padding: 0;
        width: 95%;
        float: none;
    }
    .detail-title {
        font-size: 150%;
        width: 90%;
    }
    .detail-cart-button-container {
        width: 50%;
        margin:  0 auto;
    }
    .detail-cart-button {
        width: 100%;
        text-align: center;
        padding: 0 ;
        font-size: 125%
    }		
    #searchbox-center {
        width: 400px;
    }
    #search {
        padding: 0  0 0px 1em;
        height: 40px;
        width: 250px;
        font-size: 100%;
    }
    #submit {       
        height: 50px;
        width: 55px;
        background-size: 35px;
    }
    #adsearch-button {
        width: 55px; 
        height: 50px;
        background-size: 35px;
        margin: 0 0 0 15px;
    }
    .result-list-img img{
        max-width:160px;
        /*  max-height:160px;*/
        border: 2px solid #c2c2c2;
        padding: 2px;
    }
    .result-list-left{
        width:40%;

    }
    .result-list-item-info {
        width:55%;
    }

    .result-list-item {
        padding: 15px 8px 0px 15px;
    }
    .palmodalimg {
        max-width:740px;
    }


}



/* Extra Small Devices, Phones -------------------------------*/
@media only screen and (max-width : 480px){

    #logo {
        width: 90px;

    }
    /*    
        #logo img{
            height:34px;
        }
    */
    #header {
        height: 60px;
    }

    .container {
        padding-left: 2px;
    }

    #nav-toggle {
        visibility: visible;
    }
    p {
        font-size: 100%;	
        line-height: 145%;
        margin: 0 0 1em 0;
    }
    .detail-cart-button-container {
        width: 80%;
    }
    #searchbox-center {
        width: 90%;
    }
    #search {
        padding: 0  0 0px .5em;
        height: 40px;
        width: 60%;
        font-size: 100%;
    }
    #submit {       
        height: 50px;
        width: 55px;
        background-size: 35px;
    }
    #adsearch-button {
        width: 55px; 
        height: 50px;
        background-size: 35px;
        margin: 0 0 0 10px;
    }
    .result-list-img img{
        max-width:200px;
        /*max-height:200px;*/
        border: 2px solid #c2c2c2;
        padding: 2px;

    }
    .result-list-left{
        float: none;		
        width:100%;
    }
    .result-list-item-info {
        float: none;		
        width:100%;
    }

    .result-list-item {
        padding: 6px 4px 0px 6px;
    }

    .result-list-item-number {
        position: absolute;
        float:left;
    }
    .palmodalimg {
        max-width:460px;
    }


}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){
    .detail-cart-button-container {
        width: 100%;
    }
    .palmodalimg {
        max-width:300px;
    }
    #logo {
        width: 80px;

    }
    /*    
        #logo img{
            height:32px;
        }
    */

    .result-list-item {
        padding: 2px 1px 0px 2px;
    }    

}

.result-list-orderservice {
    overflow: hidden;
    width: 100%;

    /*    display:-webkit-box;
        display:-moz-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;flex-wrap:wrap;
        -webkit-flex-wrap:wrap;
        -ms-flexbox-flex-wrap:wrap;
        -moz-box-flex-wrap:wrap;
    */

}
/*
.result-list-orderservice:after {
    content:"\n";
    clear:both
}
*/
.result-list-orderservice-col1 {
    margin:0em 6em 0em 0em;
    display: inline-block;
    float:left;
}
.result-list-orderservice-col2 {
    margin:0em 0em 0em 0em;
    display: inline-block;
    float:left;
}
.result-list-orderlinks {
    /*list-style-type: square;*/
    list-style-image:url(../img/palcart.png);
    list-style-position:inside;
}
.result-list-orderlinks li {
    font-size:1.3em;
    padding: 0.2em;
    white-space:nowrap;
}

.tabnav {

    text-align: center;
    margin: 0px;
    padding: 5px;
}

.tabnav input[type=submit] {
    width:3em;
    height:2em;
    /*margin:0em 0.7em 0em 0em;*/
    margin:0em 0em 0em 0em;
    background-color:white;
    border-radius: 6px 6px 6px 6px;
    /*
        border-color:  #e1e1e1;
        border-style: solid;
        border-width: 2px 2px 2px 2px;
    */
}
.tabnav input[type=text] {
    /*width:3em;*/
    height:1.5em;
    /*margin:0em 0.7em 0em 0em;*/
    margin:0em 0em 0em 0em;
    background-color:white;
    border-color:  #e1e1e1;
    border-style: solid;
    border-width: 2px 2px 2px 2px;

    /*
        border-color:  #e1e1e1;
        border-style: solid;
        border-width: 2px 2px 2px 2px;
    */
}
.tabnav select {
    width:3em;
    height:2em;
    /*margin:0em 0.7em 0em 0em;*/
    margin:0em 0em 0em 0em;    
    background-color:white;
    border-color:  #e1e1e1;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
}

.tabnav-status {

    text-align: center;
    margin: 10px 0px 10px 0px;
    padding: 5px;
}
.tabnav-status select {
    width:6em;
    height:2em;
    background-color:white;
}
.qryudn p{
    color:#489ecd;
    text-align:center;    
}


.tabnav-status .found  {

    margin: 0px 10px 0px 0px;
    padding: 0px;
}

.item-nav {
    background-color:#F2F2F2;
    padding:1em 0em 1em 0em;
    margin:0.5em 0em 0em 0em;
    font-size:0.9em;
    /*font-weight: bold;*/
    text-align:center;
}
.item-nav input[type=submit] {
    height:2em;
    /*margin:0em 0.1em 0em 0.1em;*/
    margin:0em 0em 0em 0em;
    background-color:white;
    color: #4c4c4c;
    /*
    border-color:  #e1e1e1;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    */
}


/*div:nth-child(odd) li {background-color: #fff;}*/
/*div:nth-child(even) li {background-color: #f5f5f5;}*/


#service {
    float:right;
    margin:0em 0em 0em 0em;
    padding:4px 10px 4px 0;
    text-align:right;
    background-color: #474747;    
}

.footer-content {
    margin-left: 20px;

}
.feedback {
    margin-right:10px;
    color: #009fcf;
    font-size:11px;
}