/* CSS Document


update

*/
body {
    overflow-y: scroll;
  }
  @font-face {
      font-family: 'Conv_phagspab';
      src: url('fonts/phagspab.eot');
      src: local('☺'), url('fonts/phagspab.woff') format('woff'), url('fonts/phagspab.ttf') format('truetype'), url('fonts/phagspab.svg') format('svg');
      font-weight: normal;
      font-style: normal;
  }
  @font-face {
      font-family: 'Conv_phagspa';
      src: url('fonts/phagspa.eot');
      src: local('☺'), url('fonts/phagspa.woff') format('woff'), url('fonts/phagspa.ttf') format('truetype'), url('fonts/phagspa.svg') format('svg');
      font-weight: normal;
      font-style: normal;
  }
  .clear{ clear: both;}
  
  .restrictions{
    font-size: 18px;
    font-weight: normal;
    font-family: 'Conv_phagspa';cursor: pointer;
    background: #f20;
  }


  .no{
    font-size: 18px;
    font-weight: normal;
    font-family: 'Conv_phagspa';cursor: pointer;
  }
  .klaar{
    font-size: 18px;
    font-weight: bold;
    font-family: 'Conv_phagspab'; cursor: pointer;
  }
  .conflicten{
    font-size: 18px;
    font-weight: bold;
    font-family: 'Conv_phagspab'; cursor: pointer;
    margin-left:-15px; display:block;width: 160px;padding: 8px; margin-top:4px; background:#dc3545; color: #fff;
  }
  .opslaan{
    font-size: 18px;
    font-weight: bold;
    font-family: 'Conv_phagspab'; cursor: pointer;
  }
  .btnGreen{
    font-size: 14px;
    font-weight: bold;
    font-family: 'Conv_phagspab'; cursor: pointer;
    width: 120px;padding: 4px;  margin-right: auto; margin-left: auto; background:#33C41D; color: #fff;
    padding-top: 2px;
    border: 0px;


  }
  .btnGreenSmall{
    font-size: 14px;
    font-weight: bold;
    font-family: 'Conv_phagspab'; cursor: pointer;
    width: 120px;padding: 6px;  margin-right: auto; margin-left: auto; background:#33C41D; color: #fff;
    border: 0px;


  }
  .titleSidebar{
    font-family: 'Conv_phagspa';
  font-size: 14px; color: #000;
}
.btnOrangeSidebar{
  font-size: 18px;
  font-weight: bold;
  font-family: 'Conv_phagspab'; cursor: pointer;
  width: 250px;padding: 8px; background:#0c6fb8; color: #fff;
  border: 0px;
}

  .btnOrange{
    font-size: 10px;
    font-weight: bold;
    font-family: 'Conv_phagspab'; cursor: pointer;
    width: 100px;padding: 6px;  margin-right: auto; margin-left: auto; background:#0c6fb8; color: #fff;
    border: 0px;
  }
  .btnOrangeSmall{
    font-size: 10px;
    font-weight: bold;
    font-family: 'Conv_phagspab'; cursor: pointer;
    width: 100px;padding: 6px;  margin-right: auto; margin-left: auto; background:#0c6fb8; color: #fff;
    border: 0px;


  }
  .btnUpdateMessage{
    font-size: 10px;
    font-weight: bold;
    font-family: 'Conv_phagspab'; cursor: pointer;
    width: 100px;padding: 6px;  margin-right: auto; margin-left: auto; background:#fff; color: #0c6fb8; cursor: pointer;
    border: 0px;
  }
  .btnFacebookShare {
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    padding: 9px;
    background: #1877f2;
    color: #fff;
    padding-left: 24px;
    padding-right: 18px;
    border: 0px;
    padding-bottom: 10px;
    background-image: url("/system/FBS.png");
    margin-left: 1px;
}


  

  .yes{
    font-size: 18px;
    font-weight: bold;
    font-family: 'Conv_phagspab'; cursor: pointer;
  }
  table, strong {
      font-weight:bold;
  }
  .loadSub{
      cursor: pointer; 
  }

  .priceMenu {
    font-size: 10px;
    line-height: 13px;
    width: 40px;
    text-align: center;
    position: absolute;
    margin-top: 55px;
    margin-left: 100px;
    font-weight: bold;
}

.badge2{ margin-left: 0px;position:absolute;top:5px;left:0%;}
  .tileSideActive{ height: 68px;}
  .tileMenu{width:180px;height: 68px;border: 2px solid #0c6fb8;margin-bottom:16px;position: relative; text-align: center; background: #f7f7f7; float:left;}
  .restricted{width:180px;height: 68px;border: 2px solid #f20;margin-bottom:16px;position: relative; text-align: center; background: #f7f7f7; float:left;}
  .tileMenuActive{width:180px;height: 68px;border: 2px solid #c7c7c7;margin-bottom:16px;position: relative; text-align: center; background: #f7f7f7; float:left;}
  .load{cursor: pointer;  width:300px;height: 80px; float: left; text-align: center}

  .activeTile{
    width: 40px; height: 40px; float: left;background:url(/system/arrowLeftM.png); margin-top: 10px; background-repeat: no-repeat; background-position: center; vertical-align: middle; 
}
.InfoTile {
  background: url(/system/InfoTileM.png);
  width: 32px;
  height: 60px;
  margin-left: 10px;
  margin-top: 20px;
  background-repeat: no-repeat;
}


.activeTileMenu{
  width: 100px;
  height: 68px;
  float: left;
  background:url(/system/okMenu.png); background-repeat: no-repeat; background-position: center;  display: block;background-size: 15px;
}

.loadSub{width:250px; height: 68px; margin: 0px;  padding: 0px; margin-top:0px;  clear: left;}
	.menuBottomPanel{

		left:0px;
		right: auto;
		padding: 0px;
		width: 100vw;
    position: fixed; 
    height: 60px;
    z-index: 99999;
    background: #e1e1e1;
    bottom: 0px;
	}
 

  .DA {
    width: 30px;
    margin-top: -68px;
    height: 68px;
    left: 100px;
    width: 35px;
}

.titleShare
{
  font-size: 20px;
  font-weight: bold;
  font-family: 'Conv_phagspab';
  text-align: center;
  margin-top:10px;
  margin-bottom:10px;
}

.loginPanel{
  font-size: 14px;
}

.title18
  {
    font-size: 13px;
    font-weight: bold;
    font-family: 'Conv_phagspab';
    text-align: center;
    margin-top:20px;
    margin-bottom: 10px;
    padding: 2px;
    line-height: auto;
  }
  .content
  {
    font-size: 16px;
    font-family: 'Conv_phagspa';
    text-align: center; text-align: left; padding-top:5px; line-height: 20px;
  
  }
  .title25
  {
    font-size: 20px;
    font-weight: bold;
    font-family: 'Conv_phagspab';
    text-align: center;
    margin-top:20px;
    margin-bottom: 20px;
  }

  #orientation
  {
  position:absolute;left:90%;margin-top:10px;display:none;
  }
  .bikeHeader{
  font-size: 25px;
  font-weight: bold;
  font-family: 'Conv_phagspab';  
  width:70%;margin-left:auto;margin-right:auto;text-align:left;
  max-width: 940px;
  }
  .bikeContentTabs{
    font-size: 13px;
    font-weight: bold;
    font-family: 'Conv_phagspab';
    width:940px;margin-left:auto;margin-right:auto;text-align:left;font-size:16px;
  }
  .bikeContent{
    
    text-align:left;padding:10px;border:0px solid #eeeeee; background:#fff;width:70%;margin-left:auto;margin-right:auto;
  }
  

  #partList
  {
    -webkit-box-shadow: 0px;
    -moz-box-shadow: 0px;
    box-shadow: 0px;
    text-align: left;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
  }


  .colorPicker{
    float:left;
  
    
  }
  .colorPickMenu{
    width:40px;
  
    cursor:pointer;
  }

/* 944 ? 960 */
@media only screen and (min-width: 944px) {
    
 
  .badge2{
    position:relative;
    left:-50%;
  }

    .tileSideActive{ height: 121px;}
    .tileMenu{width:180px;height: 120px;border: 2px solid #0c6fb8;margin-bottom:16px;position: relative; text-align: center; background: #f7f7f7; float:left;}
    .restricted{width:180px;height: 120px;border: 2px solid #f20;margin-bottom:16px;position: relative; text-align: center; background: #f7f7f7; float:left;}
    .tileMenuActive{width:180px;height: 120px;border: 2px solid #c7c7c7;margin-bottom:16px;position: relative; text-align: center; background: #f7f7f7; float:left;}
    .load{cursor: pointer;  width:300px;height: 120px; float: left; text-align: center}

    
    .loadSub{width:250px; height: 80px; margin: 0px;  padding: 0px; margin-top:-45px;  clear: left;}
    .activeTile{width: 100px; height: 120px; float: left;background:url(/system/arrowLeft.png); background-repeat: no-repeat; background-position: center; vertical-align: middle;}
		.activeTileMenu{
      width: 100px;
      height: 120px;
      float: left;background:url(/system/okMenu.png); background-repeat: no-repeat; background-position: center; display: block;
  }

  .InfoTile {
    background: url(/system/InfoTile.png);
    width: 100px;
    height: 120px;
    margin-left: 0px;
    background-repeat: no-repeat;background-position: center; vertical-align: middle;
  }

  .priceMenu{

    font-size: 13px;
    line-height: 14px;
    width: 285px;
    position: relative;
    text-align: center;
    margin-left: 0px;
    font-weight: normal;
  }

  .menuBottomPanel{
    left: auto;
    right: 0px;
    width: 300px;
    position: fixed; margin: 0; padding: 6px; bottom: 0; height:70px; background: #e1e1e1; z-index: 9999999;
    padding-bottom:20px;
    }

   
   
    .DA{
      cursor: pointer;
      margin-top:-80px;
      height:120px;
      width:120px;
      left:180px;
    }


      .title18
  {
    font-size: 16px;
    font-weight: bold;
    font-family: 'Conv_phagspab';
    text-align: center;
    margin-top:20px;
    margin-bottom: 15px;
  }
  .content
  {
    font-size: 16px;
    font-family: 'Conv_phagspa';
    text-align: center; text-align: left; padding-top:5px; line-height: 20px;
  
  }
  .title25
  {
    font-size: 25px;
    font-weight: bold;
    font-family: 'Conv_phagspab';
    text-align: center;
    margin-top:20px;
    margin-bottom: 20px;
  }

 .titleShare
  {
    font-size: 25px;
    font-weight: bold;
    font-family: 'Conv_phagspab';
    text-align: center;
    margin-top:20px;
    margin-bottom:20px;
  }

.loginPanel{
  font-size: 18px;
}


.bikeHeader{
  width:70%;margin-left:auto;margin-right:auto;text-align:left;
  }
  .bikeContentTabs{
    width:70%;margin-left:auto;margin-right:auto;text-align:left;font-size:16px;
  }
  .bikeContent{
    text-align:left;padding:10px;border:1px solid #eeeeee; background:#fff;width:70%;margin-left:auto;margin-right:auto;
  }


  #partList
  {
    -webkit-box-shadow: 1px 9px 22px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 9px 22px -8px rgba(0,0,0,0.75);
    box-shadow: 1px 9px 22px -8px rgba(0,0,0,0.75);

  }

  .btnGreen{
    font-size: 18px;
    font-weight: bold;
    font-family: 'Conv_phagspab'; cursor: pointer;
    width: 140px;padding: 8px;  margin-right: auto; margin-left: auto; background:#33C41D; color: #fff;
    border: 0px;


  }

  .btnOrange{
    font-size: 18px;
    font-weight: bold;
    font-family: 'Conv_phagspab'; cursor: pointer;
    width: 180px;padding: 8px; background:#0c6fb8; color: #fff;
    border: 0px;
  }

  
		} /* 944 */


 
  

  .titleBox {
    font-family: "Conv_phagspa";
    width: 100%;
    position: absolute;
    height: auto;
    line-height: 11px;
    font-size: 11px;
    text-align: center;
    margin-bottom: 4px;
    color: #444;
    text-shadow: 1px 1px 3px #fff;
}


  .title{
        font-family: 'Conv_phagspa';
      font-size: 14px; color: #A0A0A0;
  }
  input{padding: 3px;}
  
  .tileSideMenu{
       cursor: pointer;
      width:180px;border: 2px solid #c7c7c7;margin-bottom:16px;position: relative; float:left; background: #fff;
  }
  .tileSideMenu:hover{ border: 2px solid #0ff64d; background:#f1f1f1; }
  .tileSideActive{
  cursor: pointer; width:180px;border: 2px solid #0ff64d;margin-bottom:16px;position: relative; float:left; background:#f1f1f1;
  }

  .restricted:hover{ border: 2px solid #f20; background:#f1f1f1; }

  
  .tileSide{
      margin-bottom:16px;
      cursor: pointer;
      width:180px;height: 100px;border: 2px solid #c7c7c7;position: relative; float:left;
  }

  .tileSideBandenMenu{
       cursor: pointer;
      width:180px;height: 100px;border: 2px solid #c7c7c7;position: relative; float:left;
  }
  .tileBandenMenu{
      cursor: pointer;	
      width:180px;height: 100px;border: 2px solid #0c6fb8;position: relative; text-align: center; background: #f7f7f7; float:left;
  }
  .tileSideHandvattenMenu{
       cursor: pointer;
      width:180px;height: 100px;border: 2px solid #c7c7c7;position: relative; float:left;
  }
  .tileHandvattenMenu{
      cursor: pointer;	
      width:180px;height: 100px;border: 2px solid #0c6fb8;position: relative; text-align: center; background: #f7f7f7; float:left;
  }
  .tileSideStuurbochtenMenu{
       cursor: pointer;
      width:180px;height: 100px;border: 2px solid #c7c7c7;position: relative; float:left;
  }
  .tileStuurbochtenMenu{
      cursor: pointer;	
      width:180px;height: 100px;border: 2px solid #0c6fb8;position: relative; text-align: center; background: #f7f7f7; float:left;
  }
  .tileSideStuurpennenMenu{
       cursor: pointer;
      width:180px;height: 100px;border: 2px solid #c7c7c7;position: relative; float:left;
  }
  .tileStuurpennenMenu{
      cursor: pointer;	
      width:180px;height: 100px;border: 2px solid #0c6fb8;position: relative; text-align: center; background: #f7f7f7; float:left;
  }
  .tileSideBellenMenu{
       cursor: pointer;
      width:180px;height: 100px;border: 2px solid #c7c7c7;position: relative; float:left;
  }
  .tileBellenMenu{
      cursor: pointer;	
      width:180px;height: 100px;border: 2px solid #0c6fb8;position: relative; text-align: center; background: #f7f7f7; float:left;
  }
  .tileSideLampenMenu{
       cursor: pointer;
      width:180px;height: 100px;border: 2px solid #c7c7c7;position: relative; float:left;
  }
  .tileLampenMenu{
      cursor: pointer;	
      width:180px;height: 100px;border: 2px solid #0c6fb8;position: relative; text-align: center; background: #f7f7f7; float:left;
  }
  
  .tileMainMenu{
      cursor: pointer;	
      width:180px;height: 100px;border: 2px solid #0c6fb8;position: relative; text-align: center; background: #f7f7f7; float:left;
  }
  .tileKleurMenu{
      cursor: pointer;	
      width:180px;height: 100px;border: 2px solid #0c6fb8;position: relative; text-align: center; background: #f7f7f7; float:left;
  }
  .titleSideMenu{
    font-size: 18px; font-weight: bold;
    font-family: 'Conv_phagspab';
    text-align: left;
      margin-top:20px;
      margin-bottom: 10px;
      line-height: 16px;
      width: 200px;
      height: 25px;
  }
  .frames{  width: 1366px; height: 430px; margin-left: auto;margin-right: auto; margin-top: 6px;margin-bottom: 6px; }
  .frame{ width: 25%; float: left;height: 215px;text-align: center; background-color: #f9f9f9; }
  .frame img{ width: 100%;}
  
  .types{  width: 1366px; height: 340px; margin-left: auto;margin-right: auto; margin-top: 6px;margin-bottom: 6px; }
  .type{ width: 222px; float: left;height: 215px; padding: 2px; }
  .typeLabelText{
      font-size: 22px;
      font-weight: bold;
      font-family: 'Conv_phagspab';z-index: 999;color: #fff;
      position: absolute;margin-left:1px;margin-top:288px; width:220px; padding-top: 1px; padding-bottom: 5px; text-align:center;border-top: 1px solid #000;border-bottom: 1px solid #000;}
  .typeLabelTextVert{
      font-size:40px;
      font-weight: bold;
      font-family: 'Conv_phagspab';z-index: 9999;color: #000;
      position: absolute;margin-left:1px; margin-left:50px; margin-top:30px;width:90px;text-align:center;}
  .typeLabel{
      position: absolute;  margin-left:1px;margin-top:289px; width:220px;height: 29px;  text-align:center;}
  
  
  
  .tabs{  width: 1366px; height: 240px; margin-top: 6px;margin-bottom: 20px; margin-left: auto;margin-right: auto;}
  .tab{ width: 407px; margin: 7px; float: left;height: 215px;text-align: center; padding: 10px;
      font-size: 16px;
      font-family: 'Conv_phagspa';
  }
  .tabContent{ cursor:pointer}
  
  .vrHr{
        margin-top:75px;float: left; width: 1px; height: 100px; background:#707070; margin-left: 10px; margin-right: 10px;
      
      
  }

  .shadowBox
  {
    -webkit-box-shadow: 1px 9px 22px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 9px 22px -8px rgba(0,0,0,0.75);
    box-shadow: 1px 9px 22px -8px rgba(0,0,0,0.75);

  }
  .cirkel{
      
      border-radius: 50%;
      margin-left: auto;margin-right: auto; 
      behavior: url(PIE.htc); /* remove if you don't care about IE8 */
      background: #EBA62F; border: 2px solid #A29F9F;color: #fff;
      padding-top:2px;
      font-size: 22px;
      font-weight: bold;
      font-family: 'Conv_phagspab';
      width: 30px; height: 28px;}
  
 

  #imageHeader{
       width: 1366px; height: 332px; margin-left: auto;margin-right: auto; margin-top: 20px; 
  }
  #imageHeader img{
       margin-right: 1px; 
  }
  #optionsSlider{
       width: 1366px; height: 230px; margin-left: auto;margin-right: auto; margin-top: 20px; 
  }
  #optionsSlider li {
  width: 252px;
  height: 230px;
  float: left;
  text-align: center;
  font-size: 16px;
  font-family: 'Conv_phagspab';
  }
  #optionsSlider li div {
       width: 180px; margin-left: auto;margin-right: auto; 
  }
   #optionsSlider .optionsLeft, #optionsSlider .optionsRight {width: 53px;}
  .arrow{ margin-top:74px;}
  
  #slider{ width: 1366px;margin-left: auto;margin-right: auto; }
.login{
  font-size: 14px;
  font-family: 'Conv_phagspab';
}
.active{
 color: #0c6fb8;
}


  #config .content{
   width:370px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  font-family: 'Conv_phagspa';
  text-align: center;
  font-weight: 100;
  line-height: 18px;	
  }
  
  
  .logoIndex{
      margin-top: 120px;
      margin-left: auto;
      margin-right: auto;
  }
  .logoIndex img{
      width:50%;
  }
  
  .sp{
      color:#707070;
      
  }
  .prijs
  {
    font-size: 18px;
    font-weight: bold;
    font-family: 'Conv_phagspab';
    text-align: center;
  
  }
  .title14
  {
    font-size: 14px;
    font-weight: bold;
    font-family: 'Conv_phagspab';
  }

  .title16
  {
    font-size: 16px;
    font-weight: bold;
    font-family: 'Conv_phagspab';
  }

  
  .title40
  {
    font-size: 40px;
    font-weight: bold;
    font-family: 'Conv_phagspab';
    text-align: center;
    margin-top:20px;
    margin-bottom: 20px;
  }
  .myAzor
  {
    font-size: 25px;
    font-weight: bold;
    font-family: 'Conv_phagspab';
    text-align: center;
  margin-top:20px;
  margin-bottom: 25px;
  }
  .myAzorMenu
  {
    font-size: 16px;
    font-family: 'Conv_phagspa';
      text-align: center;
  margin-bottom: 20px;	
  }
  
  
  .wrapper{ width: 1366px; margin-left: auto; margin-right: auto;}
  
.dealer-home{
width: 340px;
}
  
    
.dealer-home-title{
  font-size: 18px;
  font-weight: bold;
  font-family: 'Conv_phagspab'; cursor: pointer;
}

.dealer-home-new{  
position: absolute;
z-index: 9999;
}
.dealer-home-indicator{
  font-size: 18px;
  font-weight: bold;
  font-family: 'Conv_phagspab'; 
  color: #0c6fb8;
  
}
.dealer-home-text{
  font-size: 16px;
  font-family: 'Conv_phagspa'; 
  
}
.headerText{
  font-size: 16px;
  font-family: 'Conv_phagspa';
  color: #000; 
  
}
.contentText{
  font-size: 12px;
  font-family: 'Conv_phagspa'; 
  color: #000;
  font-weight: bold;
}
.packageTitle{
  font-size: 25px;
  font-weight: bold;
  font-family: 'Conv_phagspab';
  margin-top:20px;
  margin-bottom: 10px;
  color: #0076b6;
  text-transform: uppercase;

}
.packageSubTitle
  {
    font-size: 15px;
    font-weight: bold;
    font-family: 'Conv_phagspab';
    margin-bottom: 10px;
    line-height: auto;
    text-transform: uppercase;
  }
.packageContent{
  font-size: 16px;
  font-family: 'Conv_phagspa'; 
  color: #000;
  margin-bottom: 20px;


}

.ransomText{
  font-weight: bold;
  font-family: 'Conv_phagspab';
  position: absolute;
  line-height: 15px;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 15px;
  text-align: center;
  border-radius: 4px;
  color: rgb(0 118 182);
}

@media (min-width: 1700px) {
  .ransom-img {
    right: 230px;
  }
}

/* Large screens */
@media (min-width: 1400px) {
  .ransom-img {
    right: 120px;
  }
}

@media (max-width: 1399px) and (min-width: 1201px) {
  .ransom-img {
    right: 60px;
  }
  .ransomText{
    top: 3px;
    font-size: 13px;
  }

}

/* Laptops */
@media (max-width: 1200px) {
  .ransom-img {
    right: 0;
    width: 160px !important;
  }
  .ransomText{
    top: 3px;
    font-size: 12px;
    line-height: 13px;
  }
}

@media (max-width: 1100px) {
  .ransomText{
    font-size: 10px;
    line-height: 10px;
    width: 100%;
  }
}

/* Tablets */
@media (max-width: 992px) {
  .ransom-img {
    top: 8px;
    right: 30px;
  }

  .ransomText{
    top: 55px;
    font-size: 11px;
    line-height: 13px;
  }
}

/* Large phones */
@media (max-width: 768px) {
  .ransom-img {
    width: 150px !important;
    top: 6px;
    right: 30px;
    position:relative;
  }

  .ransomText{
    font-size: 10px;
    line-height: 10px;
  }
}

/* Small phones */
@media (max-width: 480px) {
  .ransom-img {
    width: 140px !important;
    top: 5px;
    right: -10px;
  }
}
@media (max-width: 540px) {
  .ransomText{
    font-size: 9px;
    line-height: 9px;
  }
}

@media (max-width: 492px) {
  .ransomText{
    top:55px;
    font-size: 9px;
    line-height: 8px;
  }
}

@media (max-width: 390px) {
  .ransomText{
    font-size: 6px;
    line-height: 6px;
  }
}