/* Grundeinstellungen */

.tx-opusslideranimation-pi1 { position:relative; z-index:54; }

#expand { text-align:left; margin:0 auto; width:978px; height:382px; position:relative; }
#expand .des1 { background:#fff; width:976px; height:380px; position:relative; }

#expand h2 { margin:0; font-size:14px; }
#expand ul { margin:0; padding:0; list-style:none; }
#expand ul li { margin:0; padding:0; }

#expand a { color:#000; text-decoration:none; }
#expand a:hover { color:#f00; }

#expand .blue { background:#006AB4; }

#expand a.link img			{ }
#expand a.link:hover img	{ border:1px solid #fff; }
#expand a.link img			{ position:absolute; z-index:110; }

/* Navigation */
#expand .exp_navigation					{ width:230px; background:#DEDEDE url(images/exp_nav_bg.gif) 100% 0 no-repeat; position:absolute; right:0; }
#expand .exp_navigation li				{ height:95px; text-align:right; }
#expand .exp_navigation li.active		{ background:url(images/nav_hover.gif) 0 0 repeat-y; }
#expand .exp_navigation li a			{ height:85px; display:block; padding:10px 10px 0 5px; }
#expand .exp_navigation li a h2			{ color:#A7A7A7; font-weight:normal; }
#expand .exp_navigation li a p			{ display:none; color:#666; font-size:14px; }
#expand .exp_navigation li a:hover h2,
#expand .exp_navigation li.active a h2	{ color:#333; }
#expand .exp_navigation li a:hover p,
#expand .exp_navigation li.active a p	{ display:block; }

/*	Navigations-Balken */
#expand .exp_nav_spc { position:absolute; right:230px; top:0; width:12px; height:95px; }

/*	Inhalt */
#expand .blocks .show { position:absolute; top:0; left:0; width:746px; height:380px; background-repeat:none; background-position:0 0; display:none; }
#expand .blocks .active { display:block; }
#expand .blocks h2 {  font-size:25px; line-height:30px; color:#fff; font-weight:normal; }

#expand #show1 { }
#expand #show2 { }
#expand #show3 { }
#expand #show4 { }

/*#expand img.spacer { width:690px; position:absolute; bottom:20px; left:20px; z-index:56; height:95px; opacity:0.5; filter: alpha(opacity=50); }*/


#expand .branchen { position:absolute; right:45px; }
#expand .branchen li { float:left; margin:0 2px; border:1px solid #29638B; }
#expand .branchen h3 { font-size:11px; padding:0; margin:0; font-weight:normal; text-align:center; }
#expand .branchen a h3 { color:#fff; }
#expand .branchen a:hover h3 { color:#89B9DA; }


/* --------- UBo   Teil  -------  */
.outer {
	position: relative;
	z-index: 50;
	height: 380px;
	width: 746px;
	left: 0;
	top: 0;
	overflow:hidden;
}
.inner {
	position: absolute;
	height: 380px;
	width: 746px;
	left: 0;
	top: 0;
}
.pos_4 {
	z-index: 50;
}
.pos_3 {
	z-index: 51;
}
.pos_2 {
	z-index: 52;
}
.pos1_1 {
	z-index: 53;
}

.pos_top {
	z-index: 59;
}

.left_nav {
	height: 95px;
	width: 231px; 
	background-color: #9cc;
}
.slider {
	height: 80px;
	width: 200px;
	top: 270px;
	position: relative;
	left: 230px;
	z-index: 57;
}
.pos_back {  /* Layer fuer Background Pos */
  z-index:54;
}

.pos_mid {  /* Layer fuer Mittel Pos, direkt unter TOP */
  z-index:55;
}

.pos_top_new {  /* Layer fuer Top Pos, start der Anmimation */
  left : 800px;
  
}

.pos_top {  /* Layer fuer Top Pos, ende der Anmimation */
  left : 0px;
}
#marker {
	position: absolute;
	height: 95px;
	width: 12px;
	left: 734px;
	top: 0px;
	background-color:#FF9900;
	z-index: 58;
}

.marker_pos_1 {
   top : 0;
}
.marker_pos_2 {
   top : 95px;
}
.marker_pos_3 {
   top : 190px;
}
.marker_pos_4 {
   top : 285px;
}

.hide {
  display : none;
}
