@charset "UTF-8";
/* CSS Document */

@media only screen and (max-width: 767px) {
html {
	height:100%;
	position:relative;
}
body {
	background-color:#FFFFFF;
}
.navbar {
	min-height:60px;
	height:auto;
	margin-bottom:0px;
}
.navbar-collapse {
	z-index:19;	
}
.stenlogo {
	margin-top:5px;
}
.navbar-nav li a {
    line-height: 15px;
}
.fill {
	height:auto;
	width:auto;
}
#footer {
  position:absolute;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
}

.carousel,
.item,
.active {
    height:auto;
}
#headline {
	position:static;
	width:100%;
	top:60px;
	left:0;
}
#headline h1 {
	position:static;
	font-size:2.0em;
	color:#000000;
}
#headline h4 {
	position:static;
	font-size:1.3em;
	color:#000000;
}
#centeredmenu {
   float:left;
   width:100%;
   overflow:hidden;
   margin-bottom:20px;
   position:relative;
}

div.transbox {
	display:none;
	position:static;
	width:100%;
	height:200px;
	top:70px;
	left:0;
}
.carousel-indicators {
	position:absolute;
	top:80%;
}
#sidebar {
    opacity : 1;
}
 #sidebar:hover {
    opacity : 1;
}
 #sidebar:not(hover) {
    opacity : 1;
}
#sidebar2 {
    opacity : 1;
}
 #sidebar2:hover {
    opacity : 1;
}
 #sidebar2:not(hover) {
    opacity : 1;
}
.bg1, .bg2, .bg3, .bg4, .bg5 {
	background:none;
	background-color:#000000;
}
#kontaktinfo {
	min-width:100%;
	top:120px;
	left:0;
}
div.transbox2 {
	min-width:100%;
	height:250px;
	top:120px;
	left:0;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

/*
#headline {
	width:100%;
	top:60px;
	left:0;
}
#headline h1 {
	font-size:2.0em;
}
#headline h4 {
	font-size:1.3em;
}
div.transbox {
	width:100%;
	height:200px;
	top:70px;
	left:100px;
}
*/
	#sidebar {
	    opacity : 1;
	}
	 #sidebar:hover {
	    opacity : 1;
	}
	 #sidebar:not(hover) {
	    opacity : 1;
	}
	#sidebar2 {
	    opacity : 1;
	}
	 #sidebar2:hover {
	    opacity : 1;
	}
	 #sidebar2:not(hover) {
  	  opacity : 1;
	}

}