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

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

/* Loader */
.mf div.loader{
	position: absolute;
	text-align: center;
	z-index: 10000;
	margin: 0 auto;
	top: 45%;
	width: 100%;
	background: url(../images/carousel_skin/ajax_loader.gif) no-repeat 50% 0;
	padding: 50px 0;
	color: #000000;
	font-size: 0.8em;
}

/* Überschrift */
.mf div.caption {
	position: absolute;
	text-align: center;
	z-index: 98;
	margin: 1em auto;
	top: 151px;
	width: 100%;
	font-size: 1.35em;
	font-family: arial, sans-serif, georgia, serif;
	font-weight: bold;
	/*color: #004D57;*/
	color: #004D55;
	letter-spacing: 0px;
}

/* Beschreibung = Projekttitel */
.mf div.description {
	position: absolute;
	text-align: center;
	z-index: 98;
	margin: 1em auto;
	top: 184px;
	width: 100%;
	font-size: 1em;
	font-family: arial, sans-serif;
	font-weight: bold;
	color: #B4920A;
}

/* longdesc = Lange Beschreibung */
.mf div.longdesc {
	position: absolute;
	text-align: center;
	z-index: 98;
	margin: 1em auto;
	top: 207px;
	width: 90%;
	margin-left: 2em;
	font-size: 0.9em;
	line-height: 1.6em;
	font-family: arial, sans-serif;
	color: #004D57;
}

/* Block mit Pfeilen & Slider */
.mf div.mfNav{
	position: absolute;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	bottom: 0px;
	/* Position! */
	top: 120px;
	font-size: 1px;
	line-height: 1px;
	width: 100%;
	border: 0px solid red;
}

.mf div.sliderCon{
	margin: 0 auto;
	width: 375px;
}

/* Button links */
.mf a.sliderNext{
	background:url(../images/carousel_skin/left.png) no-repeat;
}

/* Button rechts */
.mf a.sliderPrev{
	background:url(../images/carousel_skin/right.png) no-repeat;
}

/* beide Buttons */
.mf a.sliderNext, a.sliderPrev{
	text-decoration: none;
	width: 25px;
	height: 16px;
	cursor: hand;
	cursor: pointer;
	float: left;
	border: 0px solid red;
}

/* Slider */
.mf div.slider{
	/*background: url(../images/carousel_skin/slider.png) repeat-x;*/
	background-repeat: no-repeat;
	height: 22px;
	position: absolute;
	bottom: 0;
	/* Position! */
	top: 180px;
	width: 350px;
	text-align: left;
	float: left;
	left: 140px;
	
	display: none;
	
}

*html .mf div.slider, *html .mf div.knob{
	display: none;
}

/* Slider-Knopf */
.mf div.knob{
  margin-top: 4px;
	height: 15px;
	/*background: url(../images/carousel_skin/sliderbutton.png) no-repeat ;*/
	z-index: 100000;
	cursor: hand;
	cursor: pointer;
}

.mf div.knobleft{
}