/* @override 
	http://mge.pixum.dev/css/slideshow.css
	http://www.pixum.de/css/slideshow.css
*/@CHARSET "UTF-8";





/* @group styles for layer*/

/*
HAML of generated content: 

#colorbox
	#cboxWrapper
		%div
			#cboxTopLeft
			#cboxTopCenter
			#cboxTopRight
		%div
			#cboxMiddleLeft
			#cboxContent
				#cboxLoadedContent = hier wird der Content eingesetzt
				#cboxLoadingOverlay
				#cboxLoadingGraphic
				#cboxTitle =  hier wird der Titel eingesetzt
				#cboxCurrent = hier wird der aktuelle Bildnummer eingesetz / hier wird die Gesamtzahl der Bilder eingesetzt
				#cboxSlideshow
				#cboxNext
				#cboxPrevious
				#cboxClose
			#cboxMiddleRight
		%div
			#cboxBottomLeft
			#cboxBottomCenter
			#cboxBottomRight
		%div
*/


/* @group colorbox_core */
/*  ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.*/
#colorbox, #cboxOverlay, #cboxWrapper {position: absolute;top: 0;left: 0;z-index: 9999;overflow: hidden;}
#cboxOverlay {position: fixed;width: 100%;height: 100%;}
#cboxMiddleLeft, #cboxBottomLeft {clear: left;}
#cboxContent {position: relative;}
#cboxLoadedContent {overflow: auto;}
#cboxLoadedContent iframe {display: block;width: 100%;height: 100%;border: 0;}
#cboxTitle {margin: 0;}
#cboxLoadingOverlay, #cboxLoadingGraphic {position: absolute;top: 0;left: 0;width: 100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor: pointer;}
/* @end */

/* @group example_style */
/* @group spacing */
/* 20 pixel pseudeopadding durch hild-divs*/
#cboxTopLeft,
#cboxTopRight, 
#cboxBottomLeft,
#cboxBottomRight { width:  20px; height: 50px; }

#cboxTopCenter, 
#cboxBottomCenter{height: 50px; }

#cboxMiddleRight,
#cboxMiddleLeft{width: 20px;}
/* @end */


#cboxOverlay{background: #000;}
#cboxContent{background:#fff;border: 3px solid #fff;padding:0px; }


#cboxWrapper{}
#cboxContent{}
#cboxLoadedContent{background: #fff; }

#cboxTitle{display: block;color: #fff; text-align: center; font-size: 10px; line-height: 18px;}
#cboxCurrent{display: block;color: #fff; text-align: center; font-size: 10px; line-height: 18px;}


#cboxNext,
#cboxPrevious,
.slideshow a.pagerButton {background: #fff; width:  20px; height:  20px; position: absolute; top:  0; -webkit-border-radius: 15px; -webkit-box-shadow: 0px 0px 5px #000; overflow: hidden;text-indent: -9000px;}

#cboxNext, 
.slideshow a.nextSlide { top:  50%; right:  12px; z-index:  200; background: url("https://cdn.pixum.com/images/rechts_links_sprite.png") no-repeat -48px -32px;}
#cboxPrevious, 
.slideshow a.previousSlide { top:  50%; left:  12px; z-index:  200; background: url("https://cdn.pixum.com/images/rechts_links_sprite.png") no-repeat -48px -4px;}
#cboxClose{position: absolute; top: -23px; right: -3px; color: #fff;width:  20px; height: 20px;  background: #fff; -webkit-border-radius: 3px 3px 0 0}

#cboxClose:hover{ width:  80px; color:  #0af;}

/* @end */
/* @end */
/* @group Slideshow */
/*

.slideshow
	.slide
	.slide
	.
	.
	.
	
.slideshow.withPagerButton
	.slide
	.slide
	.
	.
	.
	%a.pagerButton.nextSlide = nächste
   	%a.pagerButton.previousSlide = vorheriges
   	
.slideshow.withPagination
	.slide
	.slide
	.
	.
	.
	%ul.pagination
		%li
		%li.active
		.
		.

*/

.slideshow,
.slide {height: 360px; width: auto; position: relative; overflow: hidden;}
.slide{width: 100%;}
.slideshow{padding:  0 0;margin: 0; overflow: visible; background: #fff; -webkit-border-radius: 2px;
-webkit-box-shadow: 0px 0px 10px rgba(255,255,255,0.5); }


a.pagerButton, 
ul.pagination li {cursor:pointer;}


a.pagerButton, 
ul.pagination li {cursor:pointer;}

/*.slideshow a.pagerButton {width: 50px;height: 50px;position: absolute;top: 50%;	margin-top:  -25px; left: 0;
	text-indent: -1000px;overflow: hidden;
	display: block;	z-index: 50; 
	cursor:pointer;
	background: ;
	background: #fff url(../img/image_icon_sprite.png) no-repeat -10px -150px  ;
} 

.slideshow a.nextSlide {left:  auto; right:-20px; bottom:0; background-position: -80px -150px;}
.slideshow a.previousSlide {left: 0px;}

*/
.withPagination { padding-bottom:  18px;}
.slideshow .pagination {
	line-height: 18px; ;
	position: relative;
	z-index: 100;
	list-style: none; 
	overflow: hidden;
	padding:  0; margin:  0; 
width:  100%; background: #efefef;
position: absolute; bottom:  0; 
}

.slideshow .pagination li {
	cursor: pointer;
	float: left;
	padding: 0 5px;
	border-right: 1px solid #abd;
	border-left: 1px solid #fff;

}

.slideshow .pagination li.active {
background: #fff;
}




/* @end */
/* @group styles for tooltips */
div.tooltipContent {background: #000;color: #fff;display: none;}

div.tooltipContent i{display: block; widht:20px; height:  20px; background-color: #f60;}
#inhalt1  {background: #abd;;}
.tooltip {color: red;margin: 0 0 20px 20px;}
#tooltipContent {display: none;}
/* @end */
/* @group Bubble */



.mod { margin:  8px ; background:  #fff;}
.bubble {
	border: 2px solid #abc;
	position: relative;
	background: #fff;
	padding: 5px;
	-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.bubble > .hook, 
.bubble > .hook b {position: absolute; width:0; height:0; border: 10px solid transparent;}


.top .bubble > .hook , 
.bubble_s > .hook, 
.bubble_ssw > .hook,
.bubble_sse > .hook {
	bottom:  -10px;
	border-bottom: none;
	border-top-color: #abc;
}

.top .bubble > .hook b, 
.bubble_s > .hook b, 
.bubble_ssw > .hook b, 
.bubble_sse > .hook b{
	left: -10px;
	top:-14px;
	border-bottom: none;
	border-top-color: #fff;
}


.below .bubble > .hook, 
.bubble_n > .hook, 
.bubble_nne > .hook, 
.bubble_nnw > .hook {
	top:-10px;
	border-top: none;
	border-bottom-color: #abc;
}

.below .bubble > .hook b, 
.bubble_n > .hook b, 
.bubble_nnw > .hook b, 
.bubble_nne > .hook b{
	left: -10px;
	top:4px;
	border-top: none;
	border-bottom-color: #fff;
}

.bubble_s > .hook, 
.bubble_n > .hook, 
.top  .bubble > .hook, 
.bottom .bubble > .hook{left:  50%;margin-left: -10px;}

.bubble_nne > .hook, 
.bubble_sse > .hook {right: 5px;}

.bubble_nnw > .hook, 
.bubble_ssw > .hook {left:  5px;}

.bubble_e > .hook, 
.bubble_ne > .hook,
.bubble_se > .hook {
	left:  auto; 
	right:  -10px;
	border-right: none;
	border-left-color: #abc;
}
 
.bubble_e > .hook b,
.bubble_ne > .hook b, 
.bubble_se > .hook b{
    right: 4px;
	top:-10px;
	border-right: none;
	border-left-color: #fff;
}

.bubble_w > .hook, 
.bubble_sw > .hook,
.bubble_nw > .hook {
	right:  auto; 
	left:  -10px;
	border-left-style: none;
	border-right-color: #abc;
}

 
.bubble_w > .hook b,
.bubble_sw > .hook b,
.bubble_nw > .hook b{
	left: 4px;top:-10px;
	border-left: none;
	border-right-color: #fff;
}

.bubble_e > .hook,
.bubble_w > .hook{ 	top:50%;
	margin-top: -10px;}


.bubble_se > .hook,
.bubble_sw > .hook{ marin:0;  bottom:  5px;}
.bubble_ne > .hook,
.bubble_nw > .hook{ marin:0; top: 5px; }

/* @end */