html, body {
margin: 0px;
padding: 0px; 
height:100%;/*99.7%*/
width:100%;
}
/*body { overflow: hidden; }Prevent the whole page from dragging on mobile*/
body {
  /*font-family: Verdana, Arial, sans-serif;*/
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;  font-stretch: normal;  font-style: normal;  font-variant: normal;  font-weight: normal;
  letter-spacing: 0;
  line-height: 1.4em;
  color: #111111;
  padding-top: 50px;
  padding-bottom: 20px;
  /*margin:0px auto;
  background: #ffffff;*/
/* Move down content because we have a fixed navbar that is 50px tall 
  padding-top: 50px;
  padding-bottom: 20px;
*/
  /*background: #ffffff url(img/background.jpg) no-repeat scroll center center;*/
}
img {border:0;}
a img {border:0;}

/*a:link, a:visited, a:active { color: #000; text-decoration: none;}*/
a:hover { color: #73b320; text-decoration: none;}

a, a:focus, a:active, a:hover, object, embed {text-decoration: none; outline: none; }
:-moz-any-link:focus { outline: none; }
input::-moz-focus-inner { border: 0; }

h6 {font-size: 14px;}

.myhidden{ opacity: 1;}
.myvisible{ opacity: 1;}

.modal{overflow-y:auto !important;}

#sendbutton.btnsize { padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 4px; }

#myModal .modal-dialog {width:1024px;left:50%;margin: 20px 0px 0px -512px;}

#infobox .modal-body{
  /*-webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box;*/
  /*width:300px;
  height:65px;
  background: #ffffff;*/
padding-bottom: 35px;
}

@media (max-width: 1024px) { #myModal .modal-dialog { width:992px;left:50%; margin: 15px 0px 0px -496px;}
  
  }
@media (max-width: 992px) { #myModal .modal-dialog { width:768px;left:50%; margin: 10px 0px 0px -334px;}
  h6 {font-size: 12px;}
  }
@media (max-width: 768px) { #myModal .modal-dialog { width:580px;left:50%; margin: 5px 0px 0px -290px;}
/*#sendbutton.btnsize { padding: 6px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; }*/
  h6 {font-size: 14px;}
  }
@media (max-width: 568px) { #myModal .modal-dialog { width:400px;left:50%; margin: 0px 0px 0px -200px;}
/*#sendbutton.btnsize { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; }*/
  }

.col-xs-30{
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 29%;
    float: left;
}
.col-xs-10{
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 13%;
    float: left;
}

/*** bxslider overrides ***/
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background-color:#73b320;
}
#myModal .bx-wrapper {
  margin-bottom:20px;margin-left:10px;
  }
#bxBeispiele .bx-wrapper {
  margin-bottom:65px;margin-left:10px;
  }
.bx-next {
  margin-right:5px;
  }
.bx-prev {
  margin-left:-4px;
  }
/*.bx-wrapper .bx-pager a.active {  background-color:#73b320; }*/


/* 
#myModal .bx-pager-link.active, #bxBeispiele .bx-pager-link.active {  background-color:#73b320;}
.controls {  width: 200px;  margin: auto;  text-align: center; } */
#news {
  padding-top:10px;padding-bottom:35px;
}
#news h2{
  padding-bottom:20px;
}
#technik {
  padding-top:10px;padding-bottom:35px;background-color: #ededed;
}
#floatcam {
  padding-top:10px;padding-bottom:35px;

}
.floatcam_back{
    background-image: url("../media/floatcam_back.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-origin: content-box;
    background-position: top;    
}
#rotolight {
  padding-top:0px;padding-bottom:35px;
    background-image: url("../media/back_roto.png");
    background-repeat: no-repeat;
    background-size: 100% 28%;
    background-origin: content-box;
    background-position: bottom;
}
#rotolight2youTube{
margin-right: 10px;
}
#sony4k {
  padding-top:10px;padding-bottom:35px;background-color: #ededed;
}
#atomos {
  padding-top:10px;padding-bottom:35px;background-color: #ededed;
}
#rotolight {
  padding-top:10px;padding-bottom:35px;background-color: #ededed;
}
#bxBeispiele {
  padding-top:15px;padding-bottom:15px;background-color: #ededed;
}
#bxBeispiele h2{
  padding-bottom:20px;
}
#bxBeispiele .bx-wrapper .bx-pager {
  bottom: -55px;
}
#bxTech1 .bx-viewport{ 
  margin:0;padding:0;border-width:0px;
  background-color:#eceded;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  }
.sliderSubText{
  text-align: center;
  padding-top: 10px;
}

#btntop { /*padding-top:30px;*/ }
 
#immw{ margin-top:5px; }

@media (min-width: 769px) and (max-width: 996px) { 
  #immw{
     margin-top:-5px;
   }
}
@media (max-width: 768px) { 
  #immw {
     float:none;
     margin-left:auto;
     margin-right:auto;
     width:360px;
   }
  #facebook {
    text-align: center;
   }
  #sponsor, #btntop {
     padding-top:15px;
   }
  
  /*#btntop { padding-top:45px; }#kontakt #theEmail{ width:50%; }*/
}

@media (max-width: 320px) { 
  #immw {
     float:none;
     margin-left:auto;
     margin-right:auto;
     width:310px;
   }
  #sponsor {
     padding-top:15px;
   }
  #btntop { padding-top:45px; }
  /*#kontakt #theEmail{ width:50%; }*/
}

#werwirsind{ padding-top:25px; padding-bottom:25px; }

.btn-vision {
  color: #fff;
  background-color: #da756b;
  border-color: #4cae4c;
}
.btn-vision:hover,
.btn-vision:focus,
.btn-vision:active,
.btn-vision.active {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.navbar-default .navbar-brand, 
.navbar-inverse .navbar-brand {
  color: #111;
  font-weight: bold;
  font-size: 24px;
}
.navbar-inverse .navbar-brand { color: #fff; }

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #111;
  background-color: transparent;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; }

.navbar-default .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a {
  font-weight: 600;
  font-size: 14px;
  color:#111111;
  padding-left:4px;
  padding-right:4px;
}
.navbar-inverse .navbar-nav > li > a { color: #fff; }

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #73b320;
  background-color: transparent;
}
@media (max-width: 320px) { 
  .navbar-brand{font-size:18px !important;}
}

/*** menu ***/
.menurow {
line-height:84px;border: 1px solid red;
}

/*** logoname ***/
.logotxt {
  font-weight: bold;
  font-size: 24px;
  color:#fff;
}
/*** h2 ***/
h2 {
  font-weight: 600;
  font-size: 24px;
}
/*********************************************************************************/
.headcontainer {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
@media (min-width: 1400px) { .headcontainer { width: 1400px; }}
/*
@media (min-width: 768px) { .headcontainer { width: 750px; }}
@media (min-width: 992px) { .headcontainer { width: 970px; }}
@media (min-width: 1200px) { .headcontainer { width: 1170px; }}
*/
/*** colors ***/
.txtgreen, .txtgreen a {
  color:#73b320;
}
.lgrey {
  background-color:#eceded;
  color:#000;
}
.lgreen {
  background-color:#73b320;
  color:#fff;
  font-weight: bold;
  font-size: 16px;
}
.dgreen {
  background-color:#19220e;
  color:#ccc;
  font-weight: bold;
  font-size: 12px;
}
.dgreen a:link,.dgreen a:visited,.dgreen a:active { color:#fff; }
.dgreen a:hover{ color:#73b320; }

.bred {
  border: 1px solid red;
}

.psmall {
  font-size: 12px;
  line-height: 1.2em;
}
/*(min-width: 769px) and (max-width: 996px) { */
/*
@media (min-width: 997px){
  #news .psmall {
    width:320px;
  }
}
@media (max-width: 767px){
  #news .psmall {
    width:320px;
  }
}
1170
*/
@media (min-width: 1205px){
  #news .psmall {
    width:320px;
  }
}
@media (max-width: 767px){
  #news .psmall {
    width:320px;
  }
}
@media (max-width: 320px){
  #news .psmall {
    width:300px;
  }
}
.placebottom, .placebottompadding {
    vertical-align: bottom !important;
    display: inline-block !important;
    /* ie6/7 */
    *display: inline;
    zoom: 1;
}
.placebottompadding {
padding-top:40px;padding-bottom:10px;
}
.padding50, .padding30 {
padding-top:40px;padding-bottom:20px;
}
.padding20 {
padding-top:20px;padding-bottom:20px;
}
@media (max-width: 768px) { .placebottompadding, .padding30 { padding-top:5px; }}
@media (max-width: 768px) { .padding50 { padding-top:25px; }}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
/*
you can overwirte the CSS for the buttons using this selectors: 
.bx-wrapper .bx-prev, .bx-wrapper .bx-prev:hover and .bx-wrapper .bx-next, .bx-wrapper .bx-next:hover. 
Position them using margins, or left/ right, depending on where you wanna have them.
::youtube videos not showing in modal:
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
     -moz-transition: -moz-transform 0.3s ease-out;
       -o-transition: -o-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
}
*/
/*

.bx-prev{
  width:100px;
  height:100px;
  background:url(img/butterfly-left.png) no-repeat;
  background-size:cover;
  float:left;
  }
.bx-next {
  width:100px;
  height:100px;
  background:url(img/butterfly-right.png)     no-repeat;
  background-size:cover;
  float:left;
}

.bx-wrapper .bx-viewport {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: solid #51a351 5px;
  left: -5px;
  background: #fff;
  }

a.boxclose{
  float:right;
  width:26px;
  height:26px;
  margin-top:-30px;
  margin-right:-30px;
  cursor:pointer;
  background:#cc6288;
  content:×
}
*/
/*
#modalbxmehr 
@media (min-width: 1025px) { #myModal .modal-dialog { width:1024px;left:50%; margin: 0px 0px 0px -512px;}}
@media (max-width: 1150px) { #myModal .modal-dialog { width:1150px;left:50%; margin: 0px 0px 0px -575px;}}

#modalbxmehr ul li { width: 960px; }
@media (min-width: 1025px) { #modalbxmehr ul li { width: 960px; }}

.thumbnail {margin-bottom:6px;}
calc(100% - 60px)
*/

/*
#movingCarousel .carousel-control{
        background: #666;
        border: 0px;
        border-radius: 0px;
        display: inline-block;
        font-size: 34px;
        font-weight: 200;
        line-height: 18px;
        opacity: 0.5;
        padding: 4px 10px 0px;
        position: static;
        height: 30px;
        width: 15px;
        }
*/
/*
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
} 

.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
} 


.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #777;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #777;
}
.navbar-inverse .navbar-nav > li > a {
  color: #777;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-link {
  color: #777;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #777;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}
*/
/*
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
*/
/*
.carousel-control.left { margin-left: -37px;}
.carousel-control.right { margin-right: -37px; }
*/
/* check this against col-md4=3=1=33%, col-md3=4=2=25%, col-md6=2=0=50%
now in javascript:
.carousel-inner .active.left { left: -33%; }
.carousel-inner .active.right { left: 33%; }
.carousel-inner .next { left: 33%; }
.carousel-inner .prev { left: -33%; }
*/
/*** 
.dgreen a:link,.dgreen a:visited,.dgreen a:active {

.dgreen a:hover{ color:#73b320; }
other ***/