/* #################### */
							/* ### SLIDEGALLERY ### */
							/* #################### */

/* ############## */
/* ### BASICS ### */
/* ############## */

div#slidegallery_container {
	position: relative;
	top: 0px;
	left: 0px;
	width: 570px;
	text-align: center;
	background-color: #FFFFFF;
	z-index: 0;
}

	div#slidegallery_line {
		position: relative;
		top: 0px;
		left: 0px;
		height: 1px;
		width: 100%;
		background-image: url(../images/border_footer.jpg);
		background-position: top;
		background-repeat: repeat-x;
		z-index: 0;
	}
	
	div#slidegallery_content {
		position: relative;
		top: 15px;
		width: 490px;
		text-align: left;
		margin: 0px auto;
		z-index: 1000;
	}
	
		div.slidegallery_picture {
			float: left;
			width: 150px;
			text-align: center;
			z-index: 100;
		}
		
		div#slidegallery_description {
			float: left;
			margin-left: 10px;
			width: 330px;
			z-index: 200;
		}
				
			div.slidegallery_title {
				position: relative;
				z-index: 100;
			}
			
			div.slidegallery_text {
				position: relative;
				z-index: 100;
			}
			
			div.slidegallery_link {
				position: relative;
				float: right;
				z-index: 200;
				
			}



/* ############################## */
/* ### MOOFLOW GALLERY STYLES ### */
/* ############################## */

.mf{
	visibility:  hidden;
	z-index: 1;
	color: #fff;
	font-size: 14px
}

.mf * {
	outline: none;
	border: none;
	padding: 0;
	margin: 0;
	-moz-user-select:  none;
	-webkit-user-select:  none;
	user-select: none;
	-o-user-select: none
}

.mf div.loader{
	position: absolute;
	text-align: center;
	z-index: 10000;
	margin: 0 auto;
	top: 45%;
	width: 100%;
	background: url(skin/ajax_loader.gif) no-repeat 50% 0;
	padding: 50px 0;
}

.mf div.caption {
	position: absolute;
	text-align: center;
	z-index: 98;
	margin: 1em auto;
	bottom: 50px;
	
	/*EDITED 10-01-20, ALEX:  Nur Breite Scroller*/
	width: 530px;
	margin-left: 100px;
	/*EDITED END...*/
	
	/*EDITED 10-01-20, ALEX:  Textformat*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2F2F31;
	line-height: 16px;
	/*EDITED END...*/
}

.mf div.mfNav{
	position: absolute;
	z-index: 99;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	bottom: 20px;
	font-size: 1px;
	line-height: 1px;
	width: 100%;
}

.mf div.autoPlayCon{
	float: left;
	width: 10%;
	padding-left: 3%;
	height: 24px;
}

.mf a.play, .mf a.stop{
	width: 27px;
	height: 24px;
	float: left;
	cursor: pointer;
}

.mf a.play{
	background: url(skin/play.gif) no-repeat;
}

.mf a.stop{
	background: url(skin/stop.gif) no-repeat;
}

.mf div.sliderCon{
	margin-top: 5px;
	float: left;
	width: 74%;
}

.mf a.sliderNext{
	background: url(skin/left.gif) no-repeat;
}

.mf a.sliderPrev{
	background: url(skin/right.gif) no-repeat;
}

.mf a.sliderNext, a.sliderPrev{
	text-decoration: none;
	
	/*EDITED 10-01-20, ALEX:  HÖHE, BREITE der neuen Grafik im Background, Slider um 5px nach unten drücken*/
	width: 18px;
	height: 16px;
	margin-top: 5px;
	/*EDITED END*/
	cursor: pointer;
	float: left;
}

.mf div.resizeCon{
	float: right;
	width: 10%;
	padding-right: 3%;
	height: 24px;
}

.mf a.resize{
	width: 34px;
	height: 24px;
	float: right;
	cursor: pointer;
	background: url(../../_gallery_test/skin/resize.gif) no-repeat;
}

.mf div.slider{
	
	background: url(skin/middle.gif) repeat-x;
	/*EDITED 10-01-20, ALEX:  HÖHE der neuen Grafik im Background, Slider um 5px nach unten drücken*/
	height: 16px;
	margin-top: 5px;
	/*EDITED END*/
	position: relative;
	text-align: left;
	float: left;
}

.mf div.knob{
	margin-top: 2px;
	/*EDITED 10-01-20, ALEX:  HÖHE der neuen Grafik im Background*/
	height: 12px;
	/*EDITED END...*/
	background: url(skin/middle-slider.gif) repeat-x right center;
	cursor: pointer;
}

.mf div.knobleft{
	margin-top: 2px;
	background: url(skin/left-slider.gif) repeat-x center;
	/*EDITED 10-01-20, ALEX:  HÖHE, BREITE der neuen Grafik im Background*/
	width: 6px;
	height: 12px;
	/*EDITED END...*/
	cursor: pointer;
}