/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */



/** THEME
===================================*/

.bx-wrapper {
  border: 0;
  -moz-box-shadow: 0 0 0 #ccc;
  -webkit-box-shadow: 0 0 0 #ccc;
  box-shadow: 0 0 0 #ccc;
  background: #F9FAFD;
  height: 100%;
}
  
#karussell .bx-wrapper .bx-pager,
#karussell .bx-wrapper .bx-controls-auto {
}

/* LOADER */

#karussell .bx-wrapper .bx-loading {
	background: url(/city_data/assets/163/bxslider/images/bx_loader.gif) center center no-repeat #fff;
}

/* PAGER */

#karussell .bx-wrapper .bx-controls .bx-pager {
	display: block;
	height: 12px;
	width: 100%;
	bottom: 15px;
	text-align: center;
}


#karussell .bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #004C94;
	opacity: 1;
	transition: background-color 0.3s;
}

#karussell .bx-wrapper .bx-pager.bx-default-pager a:hover,
#karussell .bx-wrapper .bx-pager.bx-default-pager a.active,
#karussell .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #004C94;
	transition: background-color 0.3s;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

#karussell .bx-wrapper .bx-prev,
#karussell .bx-wrapper .bx-next {
	opacity: 0;
	transition: opacity 0.3s;
}

#karussell .bx-wrapper:hover .bx-prev,
#karussell .bx-wrapper:hover .bx-next {
	opacity: 1;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;	
	transition: all 0.3s;
	border: 3px solid #004C94;

}

#karussell .bx-wrapper .bx-prev {
	left: 15px;
	background: url(/city_data/assets/163/bxslider/images/controls.png) no-repeat 0 -32px;
	transition: all 0.3s;
}

#karussell .bx-wrapper .bx-prev:hover,
#karussell .bx-wrapper .bx-prev:focus {
	background-position: 0 0;
	background-color: #004C94;
}

#karussell .bx-wrapper .bx-next {
	right: 15px;
	background: url(/city_data/assets/163/bxslider/images/controls.png) no-repeat -43px -32px;
}

#karussell .bx-wrapper .bx-next:hover,
#karussell .bx-wrapper .bx-next:focus {
	background-position: -43px 0;
}

#karussell .bx-wrapper .bx-prev:focus,
#karussell .bx-wrapper .bx-prev:hover,
#karussell .bx-wrapper .bx-next:focus,
#karussell .bx-wrapper .bx-next:hover {
	background-color: #004C94;
	transition: background-color 0.3s;
}

#karussell .bx-wrapper .bx-controls-direction a {
	top: auto;
	bottom: 70px !important;
	background-color: #004C94;
	z-index: 99;
}

#karussell .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

#karussell .bx-wrapper .bx-controls-auto {
	text-align: center;
}

#karussell .bx-wrapper .bx-controls-auto .bx-start {
	background: url(/city_data/assets/163/bxslider/images/controls.png) -86px -11px no-repeat;
}

#karussell .bx-wrapper .bx-controls-auto .bx-start:hover,
#karussell .bx-wrapper .bx-controls-auto .bx-start.active,
#karussell .bx-wrapper .bx-controls-auto .bx-start:focus {
	background-position: -86px 0;
}

#karussell .bx-wrapper .bx-controls-auto .bx-stop {
	background: url(/city_data/assets/163/bxslider/images/controls.png) -86px -44px no-repeat;
}

#karussell .bx-wrapper .bx-controls-auto .bx-stop:hover,
#karussell .bx-wrapper .bx-controls-auto .bx-stop.active {}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

#karussell .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {}

#karussell .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {}

/* IMAGE CAPTIONS */

#karussell .bx-wrapper .bx-caption {}

#karussell .bx-wrapper .bx-caption span {}








/** RESET AND LAYOUT
===================================*/
@media (max-width: 480px){
	
}	
@media (min-width: 481px) and (max-width: 1023px) {
	#karussell .bx-wrapper .bx-controls-direction a {
		 display: none;
	}

	#karussell .bx-wrapper:hover .bx-controls-direction a {
		top: 85% !important;
		display: block;
	}
}

@media (max-width: 767px) {
	#logo #unten #karussell .bx-default-pager {display: none !important;}	
}
	
@media (max-width: 1023px) {
	#karussell .bx-wrapper .bx-controls-direction a {
		top: 80% !important;
		display: block;
	}
}

@media (min-width: 768px){
	
	#karussell .bx-wrapper .bx-next {
		right: 64px;
	}
}