/* Slideshow CSS*/
* {margin:0; padding:0}
p.tiny {line-height:1.4; margin-bottom:12px}
#wrapper {width:500px; float:left}

#slider {float:left; position:relative; overflow:auto; width:500px; height:300px; border:0px solid #fff}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:500px; height:300px; padding-right:10px}

.pagination {float:left; list-style:none; height:55px; /*margin:-47px 0 0 0px;/*position:relative;bottom: 47px;left:0px*/}

.pagination li {opacity: 0.5; filter:alpha(opacity=50);float:left; cursor:pointer; padding:5px 8px; background:#666; border:1px solid #999; text-align:center; color:#222; width:107px; height:35px;color:white; font-weight:bold; font-family:Arial, Helvetica, Sans-Serif}
.pagination li:hover {background:#777; border:1px solid #bbb; color:white;background-image:url('Slider1.png')}
li.current {border:1px solid #ccc;color:white;opacity:0.99;filter:alpha(opacity=99);background-image:url('Slider1.png')}

li#content {width:464px; height:270px; padding:15px 28px 15px 18px}
#content h1 {font:22px Georgia,Verdana; margin-bottom:15px;  color:fuchsia}

/* Vorstellungen CSS*/

#work {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	overflow: hidden;
	}
#work li {
	float: left;
	width:130px;
	height:98px;
	margin: 0 0 0 0;
	border: 0px solid #141211;
	}
#work p {
	margin-bottom:0;
	font-size: .85em;
	padding: 0;
	}
		
/* ---- show-hide elements ---- */
		
#work li .show{
	position: absolute;
	width:130px;
	height:98px;
	}
#work li .hide {
	position: absolute;
	color:#aaaaaa;
	text-align: center;
	height: 0;
	overflow: hidden;
	background:#141211;
	/* for IE */
	filter:alpha(opacity=80);
	/* CSS3 standard */
	opacity:0.8;
	 margin-left:2px /*hier FadeBereich einstellen*/; margin-top:2px;
	}
#work li:hover .hide, #work li.over .hide {
	/*cursor: pointer;*/
	height: 98px;
	padding:0;
	width:130px;
	}
#work li:hover .show, #work li.over .show {
	height: 0;
	}	
#work li a {
	color:#FFFFFF;
	font-size:1.2em;
	display: block;
	border:none;
	text-decoration:none;
	}
	
#work li a:hover {
	color:#FFFFFF;
	text-decoration: none;
	}

	
	/* Startseite rechts oben: Bereich Vorführungen */
#title-bereich {
		width: 236px;
	margin: 0 0 1px 0;
	padding: 9px 12px;
	background: #554b41;
	font-size: 1.4em;
	color: #FFFFFF;
	overflow: hidden;
	}
	
.thema {
	height: 86px;
	width: 260px;
	background: #554b41;
	margin: 0 0 0 0;
	}
	
	.thema:hover {
	height: 86px;
	width: 260px;
	background: gray;
	margin: 0 0 0 0;
	}

.thema-bild {
	height: 86px;
	width: 86px;
	border-right: 1px solid #313131;
	}	

.vorfuehrungen{ height:300px;
	position:relative;left:10px;
	width: 260px;
	float:left; background-color:#c6c6c6	}