/* CSS Document */
  
  #slideshow {position: relative;}          
  #slideshow > div {position: absolute; top: 0; left: 100px; right: 10px; bottom: 10px;}
  
  .jssora05l, .jssora05r {display: block; position: absolute; width: 40px; height: 40px; cursor: pointer; background: url('img/a17.png') no-repeat; overflow: hidden;}
  .jssora05l {background-position: -10px -40px; }
  .jssora05r {background-position: -70px -40px; }
  .jssora05l:hover { background-position: -130px -40px; }
  .jssora05r:hover { background-position: -190px -40px; }
  .jssora05l.jssora05ldn { background-position: -250px -40px; }
  .jssora05r.jssora05rdn { background-position: -310px -40px; }
  .jssort01 .p {position: absolute; top: 0; left: 0; width: 72px; height: 72px; }
  .jssort01 .t {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
  .jssort01 .w {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
  .jssort01 .c {position: absolute; top: 0px; left: 0px; width: 68px; height: 68px; border: #000 2px solid; box-sizing: content-box; background: url('img/t01.png') -800px -800px no-repeat;_background: none;}
  .jssort01 .pav .c {top: 2px; _top: 0px; left: 2px; _left: 0px; width: 68px; height: 68px; border: #000 0px solid; _border: #fff 2px solid; background-position: 50% 50%;}
  .jssort01 .p:hover .c {top: 0px; left: 0px; width: 70px; height: 70px; border: #fff 1px solid; background-position: 50% 50%; }
  .jssort01 .p.pdn .c {background-position: 50% 50%; width: 68px; height: 68px; border: #000 2px solid; }
  * html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {/* ie quirks mode adjust */ width /**/: 72px; height /**/: 72px; }  
  
  .dropbtn  {background: none; color: white; font-family:Trebuchet MS; font-size: 15px; border: none; cursor: pointer;}          
  .dropdown {position: relative; display: inline-block; border: none; padding: 4px; margin-left: 3%; margin-right: 3%;}                                                        
  .dropdown-content {display: none; position: absolute; min-width: 180px; font-size: 15%; background-color: #0047b3;}        
  .dropdown-content a {color: white; text-decoration: none; text-align: left;  padding-top: 3%; padding-bottom: 3%; display: block;}         
  .dropdown-content a:hover {color: black; background-color: #6699ff; margin: 0;}        
  .dropdown:hover .dropdown-content {display: block;} 
  .dropdown:hover .dropbtn {color: black}
  .dropdown:hover    
  
  a.fancybox img {position: absolute; height: auto; margin-left: 16%; margin-right: 16%; width: 24%; box-shadow: 0 1px 7px rgba(0,0,0,0.6); 
  -o-transform: scale(1,1); -ms-transform: scale(1,1); -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} 
  a.fancybox:hover img{ position: absolute;
  -o-transform: scale(1.03,1.03); -ms-transform: scale(1.03,1.03); -moz-transform: scale(1.03,1.03); -webkit-transform: scale(1.03,1.03); transform: scale(1.03,1.03);}        
  
  div.download {width: 50%; float: left; margin-left: 15%;}
  .download a {color: white; text-align: center;}
  
  div.kontakt {width:50%; float: left;}
  
  .zoom img { transition: -webkit-transform 0.25s ease;}
  .zoom img:hover  {-webkit-transform: scale(5);}
    
  .zoom_panel img { transition: -webkit-transform 0.25s ease;}
  .zoom_panel img:hover  {-webkit-transform: scale(2);} 
  
  div.schemy {width: 190px; height: auto; margin-left: 23px; float: left; position: relative;}
   
  .schemy_zoom1 img {width: 177px; height: 95px; margin-left: 7px; position: relative; transition: -webkit-transform 0.25s ease;}   
  .schemy_zoom1 img:hover {-webkit-transform: scale(3.5); z-index: 999;} 
  
  .schemy_zoom2 img {width: 175px; height: 260px;  float: left; position: absolute;}
  .schemy_zoom2 img:hover {width: 180px; height: 265px; cursor: pointer;}   
   
      
  body { width: 100%; height: auto; position: relative; margin-left: 18%; margin-right: 20%; float: left;
          /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e2299+18,1e2299+18,1c3bb5+28,1c3bb5+28,1c3bb5+36,1c3bb5+41,207cca+55,207cca+55,207cca+65,207cca+73,2989d8+89,7db9e8+100;My1 */
        background: rgb(30,34,153); /* Old browsers */
        background: -moz-linear-gradient(-45deg,  rgba(30,34,153,1) 18%, rgba(30,34,153,1) 18%, rgba(28,59,181,1) 28%, rgba(28,59,181,1) 28%, rgba(28,59,181,1) 36%, rgba(28,59,181,1) 41%, rgba(32,124,202,1) 55%, rgba(32,124,202,1) 55%, rgba(32,124,202,1) 65%, rgba(32,124,202,1) 73%, rgba(41,137,216,1) 89%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg,  rgba(30,34,153,1) 18%,rgba(30,34,153,1) 18%,rgba(28,59,181,1) 28%,rgba(28,59,181,1) 28%,rgba(28,59,181,1) 36%,rgba(28,59,181,1) 41%,rgba(32,124,202,1) 55%,rgba(32,124,202,1) 55%,rgba(32,124,202,1) 65%,rgba(32,124,202,1) 73%,rgba(41,137,216,1) 89%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg,  rgba(30,34,153,1) 18%,rgba(30,34,153,1) 18%,rgba(28,59,181,1) 28%,rgba(28,59,181,1) 28%,rgba(28,59,181,1) 36%,rgba(28,59,181,1) 41%,rgba(32,124,202,1) 55%,rgba(32,124,202,1) 55%,rgba(32,124,202,1) 65%,rgba(32,124,202,1) 73%,rgba(41,137,216,1) 89%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e2299', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        }                      
  .sect {width: 663px; height: auto; min-height: 530px; margin-left: 167px;
        background-color: #292929;
        background-image: url("http://www.transparenttextures.com/patterns/brilliant.png");}   
  
  .panel {width: 166px; height: auto; min-height: 530px; float: left; position: relative; margin: 0;
        background-color: #292929;
        background-image: url("http://www.transparenttextures.com/patterns/dark-circles.png");}
  .panel pre {font-size: 75%; text-align: left;}
  
  .main_img {width: 830px; height: 190px; top: 0;} 
  
  h1   {color:#1a75ff; font-family:Trebuchet MS; font-size:200%; text-align:center;}
  h2   {color: white; font-family:Trebuchet MS; font-size: 120%; text-align: center;}
  h3   {color: white; font-family:Trebuchet MS; font-size: 20px; position: absolute; padding-top: 100px; margin-left: 420px;}
  h4   {color:white; font-size: 13px; font-family:Trebuchet MS; text-align: justify; padding-left: 5%; padding-right: 5%;}
  p    {color:white; font-family:Trebuchet MS; font-size:80%; text-align:center;}
  pre  {color:white; font-size:80%; font-family:Trebuchet MS; text-align: center;}
  
  a {color:white; font-family:Trebuchet MS; font-size: 15px; padding: 2px; margin-left: 3%; margin-right: 3%;text-align: center; display: inline-block; text-decoration:none;}
  a:hover {color: black;}
  
  #header { height: 190px; position: relative; margin: 0px; padding: 0px; z-index: 999;}                   
  #nav {width: 830px; position: relative; height: auto; z-index: 999; text-align: center;
        background: rgb(30,34,153); /* Old browsers */
        background: -moz-linear-gradient(45deg,  rgba(30,34,153,1) 18%, rgba(30,34,153,1) 18%, rgba(28,59,181,1) 28%, rgba(28,59,181,1) 28%, rgba(28,59,181,1) 36%, rgba(28,59,181,1) 41%, rgba(32,124,202,1) 55%, rgba(32,124,202,1) 55%, rgba(32,124,202,1) 65%, rgba(32,124,202,1) 73%, rgba(41,137,216,1) 89%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(45deg,  rgba(30,34,153,1) 18%,rgba(30,34,153,1) 18%,rgba(28,59,181,1) 28%,rgba(28,59,181,1) 28%,rgba(28,59,181,1) 36%,rgba(28,59,181,1) 41%,rgba(32,124,202,1) 55%,rgba(32,124,202,1) 55%,rgba(32,124,202,1) 65%,rgba(32,124,202,1) 73%,rgba(41,137,216,1) 89%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(45deg,  rgba(30,34,153,1) 18%,rgba(30,34,153,1) 18%,rgba(28,59,181,1) 28%,rgba(28,59,181,1) 28%,rgba(28,59,181,1) 36%,rgba(28,59,181,1) 41%,rgba(32,124,202,1) 55%,rgba(32,124,202,1) 55%,rgba(32,124,202,1) 65%,rgba(32,124,202,1) 73%,rgba(41,137,216,1) 89%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e2299', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }    
  #lang {padding-top: 40px; width: 40%; float: right; text-align: right; }
  #section3 {position: left;}
  #section4 {height: 700px;}
  #footer { width: 100%; height: auto; position: relative;}