html, body   {
font-size:100%;	
font-family: 'Open Sans', sans-serif;  
    font-style: normal;
    font-weight: 300;
 text-shadow: 0 1px 2px rgba(0,0,0,.2); 
	    
}
html{
height: 100%;	
}


a[linktype=anchor] {
   min-width:10px;
   background-color:none;
   text-decoration:none;
   cursor:default;
   color:#333333;
}

.h1, h1 {
    font-size: 233%;
}

ul, ol {
    padding-left: 18px;
}	
}
	
ul li {
//padding-bottom:15px;	
}
 
.nl2goform	td{
		font-family: 'Open Sans', sans-serif !important;  
    font-style: normal !important;
    font-weight: 300 !important;
 		text-shadow: 0 1px 2px rgba(0,0,0,.2) !important; 
 		font-size:16px  !important;
 		padding-top: 12px;	
  }
.nl2goform	input{  
   width:100%;
}
.nl2goform	table{  
   width:calc(100% - 20px);
}

.mycontent{
background-color:#ffffff;	
min-height:300px;
padding-bottom: 100px;
}
.nopadding{
padding:0px;	
}

.nomargin{
margin:0px;	
}

.navbar-nav{
	clear:both;
	width:100%;
}

.navbar-nav li:first-child{
border-left:1px solid #ffffff;	
}

.dropdown-menu li{
	border-left:0 !important;	
}

.navbar-top-right{
float: right;
height: 40px;
margin-top: -17px;
margin-left: 66px;
transition: all .3s ease-in-out;
text-align:right;

}

.containernavmaster{
height:50px;	
}

 

.navbarfixtop{
position: fixed;
top: 0;
z-index: 888888;
width: 100%;
margin-top: 0px !important;

}

.containernav{
background-color:#000061; 
	margin-top: 59px;
transition: all .3s ease-in-out , margin-top 1ms , margin-top 0ms ;	

}
.containerbottom{
background-color:#292929;
color:#ffffff;	
font-size: 82%;
padding-bottom:20px;
height: -webkit-fill-available;
height: inherit;
}

.mycontentfacebook{
	margin-bottom:30px;
	margin-top:20px; 
}

.navbar-brand > img {
	display: block;
	height:432%;
}

.navbar-toggle{
background-color:rgba(255,255,255,.8) !important; 
margin-right: 1px;
margin-top: 12px;

	
}

.navbar-default{
 transition: background-color .8s ease-in-out;	
 
//background-color:rgba(255,255,255,1); 

  
	//background-image: url('../img/bodybg.jpg');
//background-repeat: no-repeat;
//background-size: 47% 100%;
//background-position: right 0px top 0px;
     z-index: 3;

box-shadow: none !important;
text-shadow: 0 1px 2px rgba(0,0,0,.2); 
    position: absolute;
    width: 100%;
        top: 0;
}

.carousel{
	transition: margin-top .3s ease-in-out ;	
margin-top: 233px;	
}


.navbargbwhite{
background-color:rgba(255,255,255,1); 	
}

.navbar-nav > li > a {
   
    
   margin-right:2px; 
 

} 

.navbar-nav > li > a > .txtnav {
   
  font-size:105%;   
} 

.telnr{
float:right !important;	
color:#ffffff;
     
font-size: 87%;
}
.telnr > a > i{
font-size: 146%;
vertical-align: top;
margin-right:3px;
}

.navbar-nav > li > a { 
padding-top: 14px;
padding-bottom: 16px;

}

.telnr > a{
	display: flex;
}

.navbar-default .navbar-nav > li > a, .navbar-brand > img {
 
      transition: all .3s ease-in-out;
}
.navbar-default .navbar-nav > li > a:hover {
     background-color:#58595a;
       
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a {
    color: #fffffe; 
    font-weight: 500;
    max-width: 244px;
    min-height: 70px;
    border-right:1px solid rgba(255,255,255,1);
      
}

.navbar-brand {
 
    height: 55px; 
}

.navbar-header {
   
    height: 82px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #fffffe;
  font-weight: 500;
}


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #fffffe;
    background-color: #58595a;
    
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
    background-image: -webkit-linear-gradient(top,#58595a 0,#58595a 100%);
    background-image: -o-linear-gradient(top,#58595a 0,#58595a 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#58595a),to(#58595a));
    background-image: linear-gradient(to bottom,#58595a 0,#58595a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff58595a', endColorstr='#ff58595a', GradientType=0);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 3px 9px rgba(0,0,0,.075);
    box-shadow: inset 0 3px 9px rgba(0,0,0,.075);
}

.dropdown-menu > li > a:hover {
    background-color: #ffffff;
 		color:#333333;
}


.dropdown-menu{
	background-color: #58595a;
}
.dropdown-menu > li > a {
	color: #ffffff;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
	background-color: #000061;;
	background-image: -webkit-linear-gradient(top,#000061 0,#000061 100%);
	background-image: -o-linear-gradient(top,#000061 0,#000061 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#000061),to(#000061));
	background-image: linear-gradient(to bottom,#000061 0,#000061 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65121a', endColorstr='#65121a', GradientType=0);
	background-repeat: repeat-x;
}




 
.carousel-caption {
    //background-color: rgba(3, 0, 35, 0.6); 
    bottom: 26%; 
    top: 14%;
 text-align:left;
 padding-top:2%;
 padding-bottom:0;
 padding-left:5%;
 padding-right:5%;
		//-webkit-transform: skew(332deg);
	  // -moz-transform: skew(332deg);
	  //   -o-transform: skew(332deg);
} 

 
.carousel-caption h3{
    color:#ffffff;
    font-size: 523%; 
    font-size: 3.5vw; 
    line-height: 153%;
    text-align: left;
  	//	-webkit-transform: skew(388deg);
	  // -moz-transform: skew(388deg);
	   //  -o-transform: skew(388deg); 
   text-shadow: 4px 3px 3px rgba(0,0,0,.6);   
 
} 


.nopadding{
padding-left:0;	 	
}


.nopaddingnav{
padding-left:14px;	 	
}


.hambmenuefixtop{
	position:fixed;
	top:1px;
	right:1px;
	z-index:888889
}


.videowraper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videowraper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
 

.newscontainer{
width:100%;	
}

.newsrow{
margin-top: 20px;
//width: calc(50% - 23px);
display: inline-table;
margin: 10px;

}

.newsheader{
	background-color:#65121a;
	color:#ffffff;
	padding:10px;
	padding-left:20px; 
	margin-left:-5px;
}
.newsheader h2{
margin:0px;
}

.newsimage{
	margin-left:-5px;
}

.newscontent{
	background-color:#ffffff;
	padding:12px;
	display: inherit;
}

.newsdivider{
	
}
 
/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}



.bevartseitennav{
width: 100%; 
margin-top:20px;	
}
.line_bevart .col_1{
	clear:both;
	float:left;
	margin-top:20px;
width:calc(100% - 70px);
font-weight:bold;
font-size:110%;	
margin-bottom:10px;
border-bottom:1px solid #888888;
}


.line_bevart .col_2{
	float: left;
    width: 70px;
  text-align: right;
font-weight:bold;
font-size:110%;	
	margin-top:20px;
margin-bottom:10px; 
 }
 
 .line_bevart .col_3{
clear:both;
}

.bevartheader{
	margin-top:20px;
	margin-bottom:10px;
}

.bevartheader #searchfield{
	padding:5px;
 width:calc(100% - 72px);
}
.bevartheader .button{
	text-decoration:none;
	background:#dddddd;
	color:#000000;
	padding:7px;
 width:72px;
}

.bevartmain{
	margin-bottom:20px;
}


.selectmaingrp, .selectsubgrp{
    width: 50%;
    padding: 5px;
    float: left;
    margin-bottom: 10px;	
}

.selectmaingrp{
	width:calc(50% - 20px);
	margin-right:20px;
} 

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}




@media   (max-width: 630px) {

.newsrow { 
    width: auto;  
}

.displaydatedownload{
display:none;	
}
}


@media   (max-width: 450px) {

 

.displaykbdownload{
display:none;	
}
}




@media   (max-width: 767px) {

.h1, h1 {
    font-size: 250%;
}


.navbarfixtop{
//height: 100% !important;
}

.telnr{
float:left !important;	
width: 100%;
}

.carousel{
	transition: margin-top .3s ease-in-out ;	
margin-top: 59px;	
}

.containernav .container{
background-color:#000061;
}
	
.nopaddingnav{
padding-left:15px;	
padding-right:5px;	
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a{
	color:#ffffff ;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
	color:#ffffff ;
}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
margin:0px;	
}

.navbar-default .navbar-nav>li>a{
 background:none;	
 color:#ffffff ;
 min-height: 0 !important;
border-right: 0 !important;
width:100%;
max-width: inherit !important;
}

.navbar-default .navbar-nav>li>a:hover{
width:100%;
max-width: inherit;
min-height: inherit;
border-right: 0;
}

.navbar-nav li:first-child{
border-left:0;	
}

.containernav, .containernavmaster{
	margin-top: 0px;
	    height: 0px;
}

.navbar-top-right {
	display: none;
}

 
.navbar-brand > img{
height: 295%;
margin-top: -12px;

} 


.navbar-nav > li > a {
   
		-webkit-transform:none;
	   -moz-transform: none;
	     -o-transform: none;     
 background-color:rgba(55,55,55,.8);

} 

.navbar-nav > li > a > .txtnav {
   
		-webkit-transform: none;
	   -moz-transform: none;
	     -o-transform: none;    
} 


.navbar-nav > li > a {
	margin-top:2px;
    padding-top: 5px;
    padding-bottom: 5px;
}

}