html,body{
	height:100%;
	font: 16px/1 "Sparkasse Web", sans-serif;

  	font-weight: 200;
  	-webkit-font-smoothing: antialiased;
  	line-height: 1.375;
}

.slider{
	max-height:700px;
	width:100%;
	position: relative;
	z-index:0;
}  

.slider_live{
	max-height:600px;
	width:100%;
	position: relative;
	z-index:0;
}

.loginbox{
	min-width: 70%;
	min-height: 40%;
	top:15%;
	left: 15%;
	right: 15%;
	position: absolute;
	z-index:100;
	background-image: url("../img/bg_container.png");
	border: 1px solid #ffffff;
	padding: 15px;
}

.boxonslide{
	max-width: 40%;
	min-height: 15%;
	top:45%;
	left: 17%;
	right: 15%;
	position: absolute;
	z-index:100;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	padding: 15px;
}

.boxonslide-live{
	max-width: 33%;
	min-height: 15%;
	top:40%;
	left: 25%;
	right: 15%;
	position: absolute;
	z-index:100;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	padding: 15px;
}

.boxonslide-admin{
	max-width: 40%;
	min-height: 15%;
	top:60%;
	left: 17%;
	right: 15%;
	position: absolute;
	z-index:100;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	padding: 15px;
}

.carousel,.item,.active{height:100%;}
.carousel-inner{height:100%;padding:0;}
.fill{width:100%;height:100%;background-position:center;background-size:cover;}

.carousel .item {
    -webkit-transition: opacity 2s; 
    -moz-transition: opacity 2s; 
    -ms-transition: opacity 2s; 
    -o-transition: opacity 2s; 
    transition: opacity 2s;
}
.carousel .active.left {
    left:0;opacity:0;z-index:2;
}
.carousel .next {
    left:0;opacity:1;z-index:1;
}


/* keep full widget on smaller screens */
@media (max-width: 767px) { 
	body {
		padding-left: 0;
		padding-right: 0;
	}
	.loginbox{
		top: 5%;
		min-width: 92%;
		left: 4%;
		right: 4%;
		position: relative;
			
	}	
	.loginbox h3{
		font-size: 12px;
	}
	.slider_live{
	max-height:200px;
	width:100%;
	margin-bottom: 0;
	/*position: absolute;
	z-index:0;*/
}  
		
	
}