body {
  font-family: verdana, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #efe3d7;
}



.container {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;

                    background:  transparent;
                   

}




@media (min-width: 768px) {
  .container {
    width: 720px;
  }
  
  
}


@media (min-width: 992px) {
  .container {
                              width: 720px;
                                                           
  }
  
  
  
}


@media (min-width: 1200px) {
  .container {
                           width: 720px;
  }






}













/*ROWS COLUMNS*/


.row {
  margin-right: 0px;
  margin-left: 0px;
  
                                     background:  transparent;
                                     
  
}





.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6,   .col-sm-6-new, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
                 padding-right: 0px;
                 padding-left: 0px;
                 
                  
}



@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-6-new, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
    border:0px solid green;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
                                                   width: 58.33333333%;
                                                   width: 60.15333333%; 
 
                                                   background:  #efe3d7 url('img/bg_left.png') left top no-repeat;
                                                   height:406px; 
                                                   
                                                  
 
 }
  
  
  
  .col-sm-6 {
                                                   width: 50%;
  }
  


  .col-sm-5 {
                                                   width: 41.66666667%;
                                                   width: 39.06666667%;    
    
                                                   background:  #efe3d7 url('img/bg_right.png') left top no-repeat;
                                                   height:406px;   
    
    
  }
  
  
  
  
  
  
  
  
  
  
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
                               width: 25%;
                               
                               
                               
                                  
                               
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
  
  





  
  

    







  .col-sm-3 {
border-left:1px solid #e1d5c9;
border-top:1px solid #e1d5c9;
border-right:1px solid #e1d5c9;
                    margin-left:-1px;           
         text-align:center; 

         border-bottom:1px solid #e1d5c9; 
         height:176px;
  }






.row  {
background:  #efe3d7 url('img/home.png') left top no-repeat;  
 margin-top:100px;
}


.first, .last  {
height:376px;
border-bottom:0px solid #e1d5c9;
}



.content-top-12, .noshow  {
display:none;
}



img.kader {

margin-top:29px;
}






}






                   @media (max-width: 767px) {

  .col-sm-3 {
        
         text-align:center; 

                               
  }


  .col-sm-3 {
        
      margin-top:-1px;

                               
  }


.third, .last  {
display:none;
}







.content-top-12  {
height:90px;

padding:28px 0 0 0;
}


.content-top-12 p.kop {
font-size:1.5em;
font-family: Verdana;
padding:0 0 0 0;
color: #066966;
text-align:center;
font-weight:bold;
}


.content-top-12 p.subkop {
font-size:1.3em;
font-family: raleway;
padding:0 0 0 0;
color: #066966;
text-align:center;
font-weight:500;
}









.first  {
height:auto;

}


img.kader  {
padding:22px;
border:1px solid #deccc0;
}

.noshow  {

margin-bottom:42px;
}

}



.col-sm-3{

z-index:4500;
}




/*TYPO*/

a, a:hover, a:focus, a:active {
outline:0;
}


@media (max-width: 767px) {

.bottomrow a, .bottomrow a:hover, .bottomrow a:focus, .bottomrow a:active, .bottomrow .col-sm-3 {
outline:0;
}





.bottomrow {

margin-top:16px;
margin-bottom:30px;
}


}


/*MODAL*/

@media (max-width: 767px) {
.modal {display:none;}

.modal.fade .modal-dialog{display:none;}


}



.modal {
  position: fixed;

  right: 0;
  bottom: 0px;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}





.modal-content {
  position: relative;
  background-color: #EFE3D8;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #e1d5c9;
  border: 1px solid rgba(225, 213, 201, 1);
  border-radius: 0px;
  outline: 0;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .3);
          box-shadow: 0 0px 0px rgba(0, 0, 0, .3);
}

.modal-header {
  padding: 15px;
  border-bottom: 0px solid #ff0000;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}




.modal-body a {
  color: #066966;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}



.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #efe3df;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=10);
  opacity: .1;
}