@charset "utf-8";
/* CSS Document */

@font-face {
    /*font-family: myfont1;
    src: url("OpenSans-Light.ttf");*/
}

html{  height:100%;}

body{
        background-attachment: fixed;
        background-position: 100% 100%;
        background-repeat: no-repeat;
        color:#666666;
        margin:0;
        font-family:verdana;
        font-size:110.1%;
		 height:100%;
     line-height: 20px;
}

#grau{

	width:100%;
	height:100%;

	background-color: rgba(100,100,100,0.5);
	z-index:10;
	position:fixed;
	/*text-align:center;*/
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	display:none;


}


.iText{
  display: inline-block;
  vertical-align: middle;
  line-height: normal;

}

#idLogin {
width:100%;
height:180px;
}



#header{
        padding: 10px 0px 0px 0px;
        min-height:70px;
        width:100%;

}
#header2{
  padding: 15px;
  min-height: 70px;
  width: 100%;

}
#search{
	padding: 0px;
	min-height:70px;
	width:100%;

}

#saved{text-align:center;  width:300px; height:200px; background-color:#71a5d9; display:none; z-index:100;position:fixed; top:calc(50% - 100px);left:calc(50% - 150px);border-radius:10px;}

table { font-size:100.1%;}

@media (min-width: 1800px) {body{
                /*background-image: url("bilder/bg_login_v2.jpg");
                background-size: 830px 830px; */
}}


.inpSmal{ width:110px;}
.inpSmal2{ width:80px;}
input { padding:2px; margin-top:2px; border:0;}







#abmeldung{
        /*width:400px;*/
        /*position:fixed;*/
        text-align:left;

}




#rechtsmenu{

       /* position:fixed;*/
        right:20px;
        text-align:right;



}

@media (max-width: 960px) {
         #rechtsmenu{
			 text-align:left;
			 right:0px;
		 }
}

#history{
        position:fixed;
        right:20px;
        top:80px;
        background-color:#999999;
        -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.15);
        box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.15);
        display:none;
        overflow: auto;
}

#warenkorb{
        position:fixed;
        z-index:100;
        right:20px;
        top:80px;
        background-color:#999999;
        -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.15);
        box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.15);
        display:none;
        overflow: auto;
}



#divHelpHistory{
        background-color:#333333;
        color:#CCCCCC;
        height:30px;
        font-size:60%;
        padding:4px;
}
#divHelpWarenkorb{
        background-color:#333333;
        color:#CCCCCC;
        height:30px;
        font-size:60%;
        padding:4px;
        width:85%;
        float:left;

}



#partner{
        margin: 60px 20px 20px 20px;
        float:left;
}

#idKombination{
        width:100%;
        margin: 0px 20px 20px 20px;
        padding:5px;
}

#idBildArtikel{
        padding:5px;
        float:left;
    margin-top: 180px;
        display:none;
}
#idBildPartnerartikel{
        float:left;
        padding:5px;
        display:none;
        margin: 80px 0 0 0;
}
#idZusammenfassung{
        float:left;
        padding:5px;
        display:none;
}
#idAdmin{
        float:left;
        padding:5px;

}

#btnWarenkorb{
    width: 150px;
    height: 40px;
    font-size: 100%;
}
#footer {
         width:100%;

        }
#content{  background-color:#FFFFFF; padding: 15px 0 30px 0; }
#idInfobox{ width:100px; padding:10px; background-color:#999999; color:#FFFFFF; font-size:12px; border-radius:5px; float:left; margin:0 30px 0 0;}



.tableRing{ }
/*.tdGrau {background-color:#ccc; ppadding:3px 3px 3px 10px;   height: 50px;}
.tdWeis {background-color:#eee; padding:3px 3px 3px 10px;  height: 50px; }

.tdWWeis {background-color:#fff; padding:3px;  height: 40px; }
*/
.tdGrauW {background-color:#ccc; padding:3px;  height: 60px;}
.tdWeisW {background-color:#eee; padding:3px;  height: 60px; }
.preis { width:68px;}
.legierung {  width:80px;}

.imgProduktbild { height:40px; }
.imgProduktbildGross { height:200px;}
.imgWarenkorb{ height:100%;}
.bez{min-width:120px;}
.art{min-width:105px;}
.highlight{background-color:#FFFFFF;}
.selbreite { width:50px;}
.selbreite2{ width:100%;}
.info{font-size:12px; padding:3px;}

.legAuf{ float:left;}
.close{
        float: left;
    margin-left: 3px;
    padding: 5px;
    width: 10%;
}
.tbWarenkorb { font-size:90%;}

.helpspan { font-size:11px;}
#language{padding:5px 0 0 15px;}
.tdright{ text-align:right;}
.smal{ font-size:12px;}


#filterarea{

		/*width: 1200px;	*/
		margin-top: 80px;
		display:none;
		/*height:1500px;*/

}

/*...................  filter ..................*/

.multiselect {

	/*width: 350px;*/

	padding: 4px;
	font-size:12px;

}

#countryfilter{ display:block; }
#trbcfilter{ display:block;}
#filterbeta{ display:block; padding-left:20px;}
#filterkgv { display:block; padding-left:20px;}
#filterpegr { display:block; padding-left:20px;}
#filterdivi { display:block; padding-left:20px;}
#filtermarktk { display:block; padding-left:20px;}
#filterkbv  { display:block; padding-left:20px;}
#filterbheq { display:block; padding-left:20px;}

/*11#filtermarktk .ui-slider-horizontal {width:500px !important;}*/

.selectBox {
  position: relative;
}

.selectBox select {
  width: 100%;
  font-weight: bold;
}

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#checkboxes {
  display: none;
  border: 1px #dadada solid;
}

#checkboxes label {
  display: block;
}

#checkboxes label:hover {
  background-color: #1e90ff;
}

#checkboxC0{  display: none;}
#checkboxC1{  display: none;}
#checkboxC2{  display: none;}
#checkboxC3{  display: none;}
#checkboxC4{  display: none;}
#checkboxTrbc0{  display: none;}
#checkboxTrbc1{  display: none;}
#checkboxTrbc2{  display: none;}
#checkboxTrbc3{  display: none;}
#checkboxTrbc4{  display: none;}
#checkboxTrbc5{  display: none;}
#checkboxTrbc6{  display: none;}
#checkboxTrbc7{  display: none;}
#checkboxTrbc8{  display: none;}
#checkboxTrbc9{  display: none;}

.clear { clear:both;}
