#krilo_br{
position:absolute;
top:44%;
left:44%;
height:24px;
width:24px;
background:#B72033;
color:#FFFFFF;
vertical-align:middle;
text-align:center;
line-height:24px;
border-radius:15px;
z-index:999999999;
}


#banke1{

width:100%;
height:40px;
border:#CFCFCF solid 1px;
border-radius:3px;
padding:3px;
margin:5px;

}



#produkt{
height:140px;
margin:20px;
text-align:center;
vertical-align:top;
display:inline-block;
}   

#produkt:hover{
 transform: scale(1.1);
}



 #prod_img{
width:120px;
}   

 

#kol{
width:80px;
height:40px;
text-align:center;
}

#kauf{
width:100%;
height:86px;
margin-top:5px;
background:#333333;
color:#FFFFFF;
margin-bottom:20px;

}


#kauf_1{
width:16%;
height:86px;
display:inline-block;
vertical-align:top;
}


#kauf_2{
width:16%;
height:86px;
display:inline-block;
vertical-align:top;
padding-top:4px;
}


#kauf_3{
width:20%;
height:86px;
display:inline-block;
vertical-align:middle;
padding-top:10px;
}


#kauf_4{
width:20%;
height:86px;
display:inline-block;
vertical-align:middle;
line-height:86px;
padding-top:32px;
}

#kauf_5{
width:20%;
height:86px;
display:inline-block;
vertical-align:top;
padding-top:18px;
}

#kauf_3_preise{
font-size:32px;
line-height:30px;
}



#polje{
width:100%;
height:40px;
border:#DDDDDD solid 1px;
padding:10px;
margin-bottom:10px;
}

#polje2{
width:100%;
height:100px;
border:#DDDDDD solid 1px;
padding:10px;
margin-bottom:10px;
}



#btn{
width:100%;
height:50px;
text-align:center;
color:#FFFFFF;
background-image: linear-gradient(#D51532, #E91F3E);
vertical-align:middle;
line-height:50px;
vertical-align:top;
font-weight:500;
}
#btn:hover{
width:100%;
height:50px;
text-align:center;
color:#FFFFFF;
background:#333333;
}


#kaufen{
width:100%;
height:50px;
text-align:center;
color:#FFFFFF;
background-image: linear-gradient(#D51532, #E91F3E);
vertical-align:middle;
line-height:50px;
vertical-align:top;
font-weight:500;
border-radius:10px;
}
#kaufen:hover{
width:100%;
height:50px;
text-align:center;
color:#222222;
background:#FFFFFF;
}




#korpa{
width:20px;
height:20px;
text-align:center;
background:#F00000;
color:#FFFFFF;
border-radius:20px;
display:inline-block;
font-size:12px;
position:absolute;
line-height:20px;
top:-10px;
 
}



#fild1{
width:100%;
height:40px;
padding:5px;
border:#EFEFEF solid 1px;
background:#B72033;
color:#FFFFFF;
}

#rahmen{
width:70px;
height:32px;
padding:2px;
margin:0px;
border:#CCCCCC solid 1px;
text-align:center;
}

#epsdiv{
width:100px;
display:inline-block;
vertical-align:top;



}
#rahmen_spc{
width:100px;
height:36px;
padding:2px;
margin:3px;
color:#ffffff;
background-image: linear-gradient(#D51532, #E91F3E);
}


#fild1S{
width:50px;
height:20px;
padding:1px;
text-align:center;
font-size:12px;
background:#EBEBEB;
 
}


#fild2{
width:23.6%;
height:40px;
padding:5px;
font-size:12px;
border:#EFEFEF solid 1px;
}



#verg{
width:110px;
height:184px;
vertical-align:top;
padding:3px;
margin:3px;
display:inline-block;
border:#CCCCCC solid 1px;
font-size:11px;
line-height:17px;
}


#verg:hover{
background:#F3F3F3;
}

#verg_img{height:100px;}




#modsize{
width:500px;
}


#spross{
width:44px;
vertical-align:top;
padding:0px;
margin:1px;
display:inline-block;
font-size:11px;
line-height:17px;
text-align:center;
border:#FFFFFF solid 1px;
}


#spross:hover{

border:#666666 solid 1px;
}

#top1{
width:170px;
height:68px;
padding:5px;
margin:3px;
border:#EFEFEF solid 1px;
display:inline-block;
vertical-align:top;
line-height:16px;
font-size:13px;
}

#top11{
width:232px;
height:68px;
padding:5px;
margin:3px;
border:#EFEFEF solid 1px;
display:inline-block;
vertical-align:top;
line-height:16px;
font-size:13px;
}

#top1sch{
width:233px;
height:68px;
padding:5px;
margin:3px;
border:#EFEFEF solid 1px;
display:inline-block;
vertical-align:top;
line-height:16px;
font-size:13px;
}


#sonn{
width:260px;
height:308px;
padding:3px;
margin:5px;
border:#EFEFEF solid 1px;
display:inline-block;
vertical-align:top;
line-height:16px;
font-size:16px;
text-align:center;
}
#lock{
width:200px;
height:240px;
padding:3px;
margin:5px;
border:#EFEFEF solid 1px;
display:inline-block;
vertical-align:top;
line-height:16px;
font-size:16px;
text-align:center;
}
 
 
 
 #lock_img{
 height:160px; padding:10px;
 
 }


#griff_img{
 height:130px; padding:10px;
 
 }

#sonimg{

height:240px;
}

#chc{
width:26px;
height:36px;
display:inline-block;
vertical-align:top;
background:url(images/check0.png);
background-repeat: no-repeat;
background-size: 100% auto;
}



#chc:hover{
width:26px;
height:36px;
display:inline-block;
vertical-align:top;
background:url(images/check1.png);
background-repeat: no-repeat;
background-size: 100% auto;
}

#cheked{
width:26px;
height:36px;
display:inline-block;
vertical-align:top;
background:url(images/check1.png);
background-repeat: no-repeat;
background-size: 100% auto;
}




#chc_2{
width:22px;
height:30px;
display:inline-block;
vertical-align:top;
background:url(images/check0.png);
background-repeat: no-repeat;
background-size: 100% auto;
}



#chc_2:hover{
width:22px;
height:30px;
display:inline-block;
vertical-align:top;
background:url(images/check1.png);
background-repeat: no-repeat;
background-size: 100% auto;
}

#cheked_2{
width:22px;
height:30px;
display:inline-block;
vertical-align:top;
background:url(images/check1.png);
background-repeat: no-repeat;
background-size: 100% auto;
}


#top1:hover{
border:#333333 solid 1px;
background:#F5F5F5;
}




#okvir{
border:#333333 solid 2px;
text-align:center;
vertical-align:top;
line-height:300px;
position:relative;
background:#FFFFFF;
display:inline-block;
margin:0px;
}

#okvir:hover{
opacity:0.9;

}

#krilo{
position:relative;
width:100%;
height:100%;
border:#333333 solid 1px;
top: 0%;
left:0%;

padding:20px;
display:inline-block;
}



#krilo:hover{
translateX(-5em) translateY(33px);
}



#staklo{
position:relative;
width:100%;
height:100%;
border:#333333 solid 1px;
top: 0%;
left:0%;
background-image: linear-gradient(#D3E4F3, #AAC9E4);
}



#staklo_k1{
position:relative;
width:100%;
height:100%;
border:#333333 solid 1px;
top: 0%;
left:0%;
background-image: linear-gradient(#D3E4F3, #AAC9E4);
}


#staklo_k2{
position:relative;
width:100%;
height:100%;
border:#333333 solid 1px;
top: 0%;
left:0%;
background-image: linear-gradient(#D3E4F3, #AAC9E4);
}





#staklo_k3{
position:relative;
width:100%;
height:100%;
border:#333333 solid 1px;
top: 0%;
left:0%;
background-image: linear-gradient(#D3E4F3, #AAC9E4);
}
  
#stakloSCH{
position:relative;
width:100%;
height:100%;
border:#333333 solid 1px;
top: 0%;
left:0%;
background-image: linear-gradient(#D3E4F3, #AAC9E4);
 
}


#stakloF6{
position:relative;
width:100%;
height:100%;
border:#333333 solid 1px;
top: 0%;
left:0%;
background-image: linear-gradient(#D3E4F3, #AAC9E4);
 
}

#staklo2{
position:absolute;
width:94%;
height:90%;
border-top:#333333 solid 1px;
border-right:#333333 solid 1px;
border-bottom:#333333 solid 1px;
top: 5%;
left:0%;
background-image: linear-gradient(#D3E4F3, #AAC9E4);

}


#frb{

width:54px;
height:26px;
padding:3px; 
margin:3px;
border:#CCCCCC solid 1px;
vertical-align:top;
display:inline-block;
font-size:11px;
line-height:20px;

}



#preis{

background-image: linear-gradient(#55AA5E, #84C55D); color:#FFFFFF;
padding:5px;

}



#preis2{
height:80px;
padding:10px;
font-size:36px;
color:#333333;
border-bottom:#999999 solid 1px;
border-left:#999999 solid 1px;
border-right:#999999 solid 1px;

}


#pro_top{
border:#333333 solid 1px;
vertical-align:bottom;
 }

#pro_bott{
border:#333333 solid 1px;
vertical-align:top;
 }

#pro_left{
border:#333333 solid 1px;
vertical-align:top;
text-align:right;
display:inline-block;
}

#pro_rig{
border:#333333 solid 1px;
vertical-align:top;
display:inline-block;
}


#kote_bott_left{

vertical-align:top;
display:inline-block;
text-align:center;
font-size:11px;
line-height:16px;
height:20px;
padding-left:1px;
padding-right:1px;


}

#kote_bott_rig{

vertical-align:top;
display:inline-block;
text-align:center;
font-size:11px;
line-height:16px;
height:20px;
padding-left:1px;
padding-right:1px;
}


#kote_bott{
 
vertical-align:top;
display:inline-block;
text-align:center;
font-size:11px;
line-height:16px;
height:20px;
padding-left:1px;
padding-right:1px;
}




#kote_desno{
line-height:0px;
padding:0px;
margin:0px;
background:#ffffff;
width:50px;
display:inline-block;
vertical-align:top;
top:0px;
position:absolute;
background:url(images/line.png);
background-repeat: no-repeat;
background-size: 30px 100%;
}


#sirinabg{background:#FFFFFF; font-size:13px; padding:2px;}


#kote_desno2{

padding:0px;
margin:0px;
background:url(images/line.png);
background-repeat: no-repeat;
background-size: 30px 100%;
border-top:#000000 solid 1px;
border-bottom:#000000 solid 1px;
width:40px;
display:inline-block;
vertical-align:middle;
top:0px;
margin-left:36px;
position:absolute;
font-size:14px;
}




#kote_visina_bott{
 
background:url(images/line2.png);
background-repeat: no-repeat;
background-size: 30px 100%;
}

#kote_visina_bott_eps{
 
background:url(images/line2.png);
background-repeat: no-repeat;
background-size: 30px 100%;
}

#modalX{
border:#333333 solid 1px; 
  -webkit-box-shadow: 0 0 6px 4px #666666;
  -moz-box-shadow: 0 0 6px 4px #666666;
  box-shadow: 0 0 6px 4px #666666;
  z-index:999999999999999999999;}





#kobg{
z-index:9999;
background:#FFFFFF;
}


#kote_visina{
border-top:#CDCDCD solid 1px;
border-bottom:#CDCDCD solid 1px;
vertical-align:middle;
text-align:center;
font-size:11px;
line-height:16px;
width:30px;
margin:0px;
}


#kote_bott_left_eps{
height:30px;
}

#kote_bott_rig_eps{
height:30px;
}

#kote_visina_top_eps{
font-size:11px;
text-align:center;
width:30px;

}


#kote_visina_top{
border-top:#CDCDCD solid 1px;
vertical-align:middle;
text-align:center;
font-size:11px;
width:30px;
margin:0px;
}


#kote_visina_bott{
border-bottom:#CDCDCD solid 1px;
vertical-align:middle;
text-align:center;
font-size:11px;
width:30px;
margin:0px;
}


#kote_visina_bott_eps{
border-bottom:#CDCDCD solid 1px;
vertical-align:middle;
text-align:center;
font-size:11px;
width:30px;
margin:0px;
}



#b_r{border-right:#999999 solid 1px;}
#b_l{border-left:#999999 solid 1px; }


#b_lr{border-left:#999999 solid 1px; border-right:#999999 solid 1px;}



.heading-1{
  position:relative;
  text-align: center;
  line-height:16px;
 
}
.heading-1:before {
  content: "";
  display: block;
  border-top: solid 1px #bebebe;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: 0;
  line-height:16px;

}
.heading-1 span {
  background: #fff;
  padding: 0 0px;
  position: relative;
  z-index: 1;
  font-size:11px;
  line-height:16px;
}




.modal-window {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.25);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
   z-index:9999999999999999;
   border:#333333 solid 1px;
}
.modal-window:target {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
   z-index:9999999999999999;
}
.modal-window > div {
  width: 800px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 2em;
  background: #ffffff;
  z-index:9999999999999999;
}

.modal-window2 > div {
  width: 600px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 2em;
  background: #ffffff;
  z-index:9999999999999999;
}

.modal-window header {
  font-weight: bold;
}
.modal-window h1 {
  font-size: 150%;
  margin: 0 0 15px;
}

.modal-close {
  color: #ffffff;
  line-height: 24px;
  font-size:13px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 24px;
  height: 24px;
  text-decoration: none;
  background:#232323;
  border-radius:30px;
}
.modal-close:hover {
  color: black;
}

 
.modal-window div:not(:last-of-type) {
  margin-bottom: 15px;
}






#fertig{
width:100%;
border:#333333 solid 1px;
margin-top:100px;
}

#fertig_title{
background-image: linear-gradient(#55AA5E, #84C55D); color:#FFFFFF;
padding:5px;
}




#fenster_art{
width:160px;
height:280px;
border:#E6E6E6 solid 1px;
margin:5px;
padding:5px;
vertical-align:top;
display:inline-block;
color:#111111;
font-size:13px;
 line-height:15px;
}



#fenster_art:hover{
opacity:0.9;
}



#fild_fenst{
width:46px;
height:20px;
padding:1px;
text-align:center;
font-size:12px;
background:#EBEBEB;
}

#fild_fenst2{
width:44px;
height:20px;
padding:1px;
text-align:center;
font-size:12px;
background:#EBEBEB;
}


#fild_fenst9{
width:44px;
height:20px;
padding:1px;
text-align:center;
font-size:12px;
background:#222222;
color:#ffffff;
}



#ram_fen{
width:180px;
height:200px;
display:inline-block;
padding:0px;
margin:0px;
}




#ram1{
width:440px;
height:40px;
margin:0px;
text-align:center;
padding:0px;
 
}


#ram2{
width:90px;
height:200px;
margin-left:30px;
display:inline-block;
vertical-align:top;
padding-top:90px;
padding-right:10px;
}
#ram3{
width:90px;
height:200px;
display:inline-block;
vertical-align:top;
padding-top:90px;
padding-left:10px;
}

#ram4{
width:440px;
height:40px;
margin:0px;
 vertical-align:top;
 text-align:center;
}


#ram_list{
width:68px;
height:24px;
font-size:13px;
border:#666666 solid 1px;

}



#ram_title{
width:88px;
height:16px;
font-size:13px;
display:inline-block;
vertical-align:top;
}




#sonn{
width:82px;
height:100px;
vertical-align:top;
display:inline-block;
margin:1px;
border:none;
font-size:12px;
 
}


#sonn_icon{
width:120px;
height:100px;
vertical-align:top;
display:inline-block;
margin:1px;
border:none;
font-size:12px;
 
}



#sonn_roll{
width:120px;
height:80px;
vertical-align:top;
display:inline-block;
margin:1px;
border:none;
font-size:12px;
background-image:url(images/son1.png);
background-position:center;
background-repeat:no-repeat;
background-size: 100%;
}

#sonn_bank{
width:120px;
height:80px;
vertical-align:top;
display:inline-block;
margin:1px;
border:none;
font-size:12px;
background-image:url(images/bank.png);
background-position:center;
background-repeat:no-repeat;
background-size: 100%;
}

#sonn_bank_act{
width:120px;
height:80px;
vertical-align:top;
display:inline-block;
margin:1px;
border:none;
font-size:12px;
background-image:url(images/bank_check.png);
background-position:center;
background-repeat:no-repeat;
background-size: 100%;
}



#pro1{
width:78px;
height:80px;
vertical-align:top;
display:inline-block;
margin:1px;
border:none;
font-size:12px;
background-image:url(images/pro.png);
background-position:center;
background-repeat:no-repeat;
background-size: 100%;
}

#eps1{
width:78px;
height:80px;
vertical-align:top;
display:inline-block;
margin:1px;
border:none;
font-size:12px;
background-image:url(images/eps1.png);
background-position:center;
background-repeat:no-repeat;
background-size: 100%;
}

#sonn_raff{
width:120px;
height:80px;
vertical-align:top;
display:inline-block;
margin:1px;
border:none;
font-size:12px;
background-image:url(images/son2.png);
background-position:center;
background-repeat:no-repeat;
background-size: 100%;
}

#sonn_ins{
width:120px;
height:80px;
vertical-align:top;
display:inline-block;
margin:1px;
border:none;
font-size:12px;
background-image:url(images/son3.png);
background-position:center;
background-repeat:no-repeat;
background-size: 100%;
}


#sonn_roll_act{
width:120px;
height:80px;
vertical-align:top;
display:inline-block;
margin:1px;
border:none;
font-size:12px;
background-image:url(images/son1_check.png);
background-position:center;
background-repeat:no-repeat;
background-size: 100%;
}

#eps1_act{
width:78px;
height:80px;
vertical-align:top;
display:inline-block;
margin:1px;
border:none;
font-size:12px;
background-image:url(images/eps1_check1.png);
background-position:center;
background-repeat:no-repeat;
background-size: 100%;
}


#pro1_act{
width:78px;
height:80px;
vertical-align:top;
display:inline-block;
margin:1px;
border:none;
font-size:12px;
background-image:url(images/pro_check.png);
background-position:center;
background-repeat:no-repeat;
background-size: 100%;
}


#sonn_raff_act{
width:120px;
height:80px;
vertical-align:top;
display:inline-block;
margin:1px;
border:none;
font-size:12px;
background-image:url(images/son2_check.png);
background-position:center;
background-repeat:no-repeat;
background-size: 100%;
}

#sonn_ins_act{
width:120px;
height:80px;
vertical-align:top;
display:inline-block;
margin:1px;
border:none;
font-size:12px;
background-image:url(images/son3_check.png);
background-position:center;
background-repeat:no-repeat;
background-size: 100%;
}



#sonn_roll:hover{background-image:url(images/son1_check1.png);}
#sonn_raff:hover{background-image:url(images/son2_check1.png);}
#sonn_bank:hover{background-image:url(images/bank_check1.png);}



#roll_btn1{
width:200px;
height:50px;
background:#DB1836;
margin-top:30px;
color:#FFFFFF;
display:inline-block;
padding:0px; 
 
text-align:center;
vertical-align:top;
}


#roll_btn1:hover{
background:#333333;
}



#roll_btn2{
width:200px;
height:50px;
background:#333333;
margin-top:30px;
color:#FFFFFF;
display:inline-block;
padding:0px; 
 vertical-align:top;
 line-height:50px;
text-align:center;
}


#roll_btn2:hover{
background:#555555;
}




#ral{
width:60px;
height:60px;
padding:3px;
margin:3px;
text-align:center;
vertical-align:top;
display:inline-block;
color:#FFFFFF;
border-radius:5px;
}
#ral:hover{
opacity:0.8;
}




#model{
width:200px;
height:90px;
padding:3px;
margin:3px;
text-align:left;
vertical-align:top;
display:inline-block;
color:#333333;
border-bottom:#EBEBEB solid 1px;
}
#model:hover{
opacity:0.8;
}





#sonn_ins:hover{background-image:url(images/son3_check1.png);}
#eps1:hover{background-image:url(images/eps1_check.png);}
#pro1:hover{background-image:url(images/pro_check1.png);}




#prolist{
width:60px;
height:30px;
font-size:14px;
border:#999999 solid 1px;
 
}



@media only screen and (max-width: 600px) {
#desk_dim{display:none;}
 
}