body {
      background: #000;
      font-family: "Gill Sans MT", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    }

     h1,h2,h3,h4,h5,h6,p, footer a, .copyright p{
      color:#fff;
      font-family: "Gill Sans MT", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; 
    }

     h2.titel-home {
      color:#000;
     }

    #barnav, .top-bar /*.top-bar-section ul li,.top-bar-section li:not(.has-form) a:not(.button)*/ {
        /*background: #0078a0;*/
        background: #00a8df !important;
    }

.tabs-content #gallery h4 {
 color:#fff;
}



    footer li{
      list-style-type: none;
      margin-left:-18px; 
    }

    #header-top {
      /*background-color: #333333;*/
      margin-top: 20px;
      /*margin-bottom: 20px;*/
      float: left;
    }

    .sec-nav, .lang-switcher{
      padding-top: 30px;
    }

    .titel_content{
      background: #C5C5C5;
      padding: 5px 0;
      margin-bottom: 1.25rem;
    }

h2.titel-home{
font-size:2rem;
}


    #client-list /*.titel_content*/{
      background: #DEDDDD;
      /*padding-top: 20px;*/
    }

    #last-news{
      background: #DEDCDD;
      padding: 40px 0;
    }

    #about{
      background: #DEDDDD;
    }

menu-item i, .menu-item .fa{
      /*margin: 0;*/
      margin-right: 8px;
      /*padding-right: 10px;*/
      padding-top: 12px;
      height: 25px;
      width: 25px;
      /*color: #000;*/
      float: left;
      /*display: inline-block;*/
      font-size: 30px !important;
    }


/*media screen*/
footer .menu-header-container i, footer .menu-header-container .fa {
    margin-right: -5px !important;
    padding-top: 6px;
    height: 16px !important;
    float: left;
font-size:16px !important;
}

ul.socialmedia li{
 margin-bottom:10px;
}

.va-middle {
vertical-align:middle;
}




    nav.top-bar {
      text-align:center;
    }

    section.top-bar-section {
      display: inline-block;
    }

    footer{
      padding: 20px 0;
    }

     #product{
    /*background:#96d2e5;*/
    background: #DEDDDD;
    }

/*
#product h1, #product h2, #product h3, #product h4, #product h5, #product h6, #product p {
      color:#000;
    }
*/

  #product h1, #product h2, #product h3 {
      color:#000;
    }

    #about h1, #about h2, #about h3, #about h4, #about h5, #about h6, #about p{
      color:#000;
    }


    .top-tab{
      background: #DEDDDD;
    }

     dl.tabs {
        text-align: center;
    }

    dl.tabs dd {
      float: none !important;
      display:inline-block;
      margin-left: -5px;
    }

    /*.sete-icon-analyzer:before, .strel-dvbc-icon-analyzer{
        color: #fff;
      font-size: 16px
    }*/

    .news-item{
      padding: 20px 0;
      margin-bottom: 20px;
    }

    .news-item-content{
      background: #cccccc;
      float: left;
      width: 100%;
      height: auto;
    }

    .teste{
      background: #00a8df;
      color: #fff;
      text-align: left;
      padding: 10px 0 10px 10px;
    }

    table{
      margin-bottom: 0px;
width:100%;
    }

    th{
      background: #a5a4a4;
    }

.tabs dd.active a, .tabs .active.tab-title a {
background: none;
color: #222222;
}

.tabs dd > a, .tabs .tab-title > a {
    background: none;
    color: #222222;
}

/*.btn_order{
  background:url(../img/Knop_order.png) no-repeat;
  height: 339px;
  width: 335px;
}

.btn_orde:hover{
  background:url(../img/Knop_order_highlight.png)no-repeat;

}
*/

.tabs dd > a:hover, .tabs .tab-title > a:hover {
    background: transparent;
}

.tabs dd > a img:hover, .tabs .tab-title > a img:hover {
    background: transparent;
}

.tabs dd > a .Knop_order:hover, .tabs .tab-title > a img:hover {
    background: transparent;
}

table, td{
  /*background: #C5C5C5;*/
background: #fff;
}

.orbit-bullets {
    margin-bottom: 15px;
    height: 29px;

}

.logo {
   padding-top:15px;
}

.logo li img {
  /*border: solid 1px #ccc;*/
  padding: 5px;
  width: 80%;
  height: 80%;
}


.logos li img {
  width: 80%;
  height: 80%;
}


.tabs img{
  width: 60px;
  height: 60px;
}

a .Product, a .product, a .Order, a .order, a .Download, a .download, a .Release, a .release, a .Location, a .location, a .Resellers, a .resellers, a .Sales-Support, a .sales-support, a .Gallery, a .gallery, a .Video, a .video {
  display:block;
 /*width:55px;*/
 height:55px;
}

a .Product, a .product{
 background: url("../img/knop_product.png") 0 0 no-repeat;
}

a .Order, a .order{
 background: url("../img/knop_order.png") 0 0 no-repeat;
width:55px;
}

a .Download, a .download{
 background: url("../img/knop_download.png") 0 0 no-repeat;
width:72px;
}

a .Release, a .release{
 background: url("../img/knop_release.png") 0 0 no-repeat;
}

a .Location, a .location{
 background: url("../img/knop_location.png") 0 0 no-repeat;
}

a .Resellers, a .resellers{
 background: url("../img/knop_resellers.png") 0 0 no-repeat;
}

a .Support, a .support{
 background: url("../img/knop_support.png") 0 0 no-repeat;
/*width:102px;*/
}

a .Sales, a .sales{
 background: url("../img/knop_sales.png") 0 0 no-repeat;
 width:55px;
}

a .Gallery, a .gallery{
 background: url("../img/knop_gallery.png") 0 0 no-repeat;
}

a .Tutorial, a .tutorial{
 background: url("../img/knop_play.png") 0 0 no-repeat;
}

a .Product:hover, a .Product.active, a .product:hover, a .product.active {
 background: url("../img/knop_highlight_product.png") 0 0 no-repeat;
}

a .Order:hover, a .Order.active, 
a .order:hover, a .order.active {
 background: url("../img/knop_highlight_order.png") 0 0 no-repeat;
width:55px;
}

a .Download:hover, a .Download.active, a .download:hover, a .download.active {
 background: url("../img/knop_highlight_download.png") 0 0 no-repeat;
width:72px;
}

a .Release:hover, a .Release.active, a .release:hover, a .release.active {
 background: url("../img/knop_highlight_release.png") 0 0 no-repeat;
}

a .Location:hover, a .Location.active, a .location:hover, a .location.active {
 background: url("../img/knop_highlight_location.png") 0 0 no-repeat;
}

a .Resellers:hover, a .Resellers.active, a .resellers:hover, a .resellers.active {
 background: url("../img/knop_highlight_resellers.png") 0 0 no-repeat;
}

a .Support:hover, a .Support.active, a .support:hover, a .support.active {
 background: url("../img/knop_highlight_support.png") 0 0 no-repeat;
/*width:102px;*/
}

a .Sales:hover, a .Sales.active, a .sales:hover, a .sales.active {
 background: url("../img/knop_highlight_sales.png") 0 0 no-repeat;
 width:55px;
}

a .Gallery:hover, a .Gallery.active, a .gallery:hover, a .gallery.active {
 background: url("../img/knop_highlight_gallery.png") 0 0 no-repeat;
}

a .Tutorial:hover, a .Tutorial.active, a .tutorial:hover, a .tutorial.active {
 background: url("../img/knop_highlight_play.png") 0 0 no-repeat;
}


/*GROW*/
.grow img {
  /*height: 177px;*/
  width: 100%;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {

    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);

}

/*media screen*/
.pic {
    /*height: auto;*/
    /*height: 177px;*/
    /*width: auto;*/
    overflow: hidden;
    /*margin: 20px;
    border: 10px solid white;
    -webkit-box-shadow: 5px 5px 5px #111;
    box-shadow: 5px 5px 5px #111;
    float: left;*/
}


/* menu sec*/

#menu-extra a{
  font-weight: bolder;
  color:#fff;
}

#menu-extra a:hover, #menu-extra li.current-menu-item a{
    color: #0078a0;
}


/*.as-pagination-buttons{
  padding-top: 15px;
  top: 92%;
 background-color: #000;
}
*/

.as-pagination-button{
  background-color: #fff;
}

.as-pagination-buttons .as-selected{
  background-color: #00a8df;
}

/*
.accordion-slider{
  margin-bottom: 45px;
}
*/

/*media screen*/
.art_title {
    text-align: center;
    background-color: rgba(1, 167, 222, 1);
    font-size: 30px;
    position: relative;
    padding: 10px 0;
    color: #fff;
    text-transform:uppercase ;
}

ul.bgmp_list{
text-align:left;
}

/* columns */

[class*="column"] + [class*="column"]:last-child {
    float: left;
}

/*news titel */
h2.news_titel{
font-size:1.3125rem;
}


dl.tabs dd.tab-title a div {
    text-transform:capitalize;
}

/*
video
*/
.video_content{
    background-color: #C5C5C5
}
.video-tut{
    background: black;
    text-align:center;
    padding: 8px 0;
    /*padding:0;*/
    margin-bottom:5px;
}

.video-wrapper-container{
    overflow:hidden;
    padding-bottom:30.7%;
    position:relative;
    height:0;
}
.video iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.video_subtitel{
    color: #fff;
    margin-bottom: 15px;
    margin-top: 15px;
}

h2.excerpt p{
font-size:1.5rem;
}

h3.resource-info{
font-size:1.12rem
}

.related_videos{margin-top:10px;}

.related_videos #videos {
    margin-top:0;
    margin-right: 8px;
   margin-bottom:10px;
}

#videos{
    float: left;
    height: 189px;
    margin: 30px 20px 30px 0;
    overflow: hidden;
    position: relative;
    width: 200px;
background-color:#c5c5c5;
}

/*mediaqueries*/

@media (max-width: 42.5rem) {/*<=*/

#videos {
    float: none;
    height: auto;
    margin: 3px 20px 3px 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    background-color: #c5c5c5;
}

#videos .event_img, #videos .event_img img {
    width: 142px;
    height: 80px;
    clear: both;
    /* margin-bottom: 50px; */
    background-image: url(img/event_back.png);
    /* background-color: #9d9f9e; */
    float: left;
}

#videos .event_info {
    /*background: none repeat scroll 0 0 #33bee5;*/
    /* bottom: 0; */
    /* content: ""; */
    height: 80px;
    /* left: 0; */
    margin-left: 142px;
    overflow: hidden;
    padding: 3px 20px 3px 17px;
    /* position: absolute; */
    transition: height 0.6s ease-in-out 0s;
    width: 100%;
    z-index: 10;
    float: right;
    padding-top:0.8em;
}

}

@media (min-width: 80em){/*=>1280*/

.video-wrapper-container{
    padding-bottom:33.750em;
}
}


/*
@media all and (max-height:19.68em){
.video-wrapper-container {
     padding-bottom: 28em;
}
}

@media all and (max-height:21.37em){
.video-tut .video-positioner {
    max-width: 31em; }
}

@media all and (max-height:23.06em){
.video-tut .video-positioner {
    max-width: 34em; }
}

@media all and (max-height:24.75em){
.video-tut .video-positioner {
    max-width: 37em; }
}

@media all and (max-height:26.43em){
.video-tut .video-positioner {
    max-width: 40em; }
}

@media all and (max-height:28.12em){
.video-tut .video-positioner {
    max-width: 43em; }
}

@media all and (max-height:29.81em){
.video-tut .video-positioner {
    max-width: 46em; }
}

@media all and (max-height:31.5em){
.video-tut .video-positioner {
    max-width: 49em; }
}

@media all and (max-height:33.18em){
.video-tut .video-positioner {
    max-width: 52em; }
}

@media all and (max-height:34.87em){
.video-tut .video-positioner {
    max-width: 55em; }
}

@media all and (max-height:36.56em){
.video-tut .video-positioner {
    max-width: 58em; }
}

@media all and (max-height:38.25em){
.video-tut .video-positioner {
    max-width: 61em; }
}

@media all and (max-height:39.93em){
.video-tut .video-positioner {
    max-width: 64em; }
}

@media all and (max-height:41.62em){
.video-tut .video-positioner {
    max-width: 67em; }
}

@media all and (max-height:43.31em){
.video-tut .video-positioner {
    max-width: 70em; }
}

@media all and (max-height:45em){
.video-tut .video-positioner {
    max-width: 73em; }
}
*/