
.effectContainer { margin: 0 0 2em 0; }
      .effectContainer { width: 465px; border: 1px solid #000; height: 240px; overflow: hidden; }
      .slide { position: relative; height: 200px; width: 465px; background: #fff;  }
      .r1 {  }
      .r1 p {  }
      .r2 { }
      .r3 {}
      #introslide { background: #000; color: #eee; text-align: center; z-index: 500; }
      #introslide p { padding-top: 50px; font-size: 0.9em; margin: 0;}
      #navigation { height: 15px; background: green; }
      div.circular { width: 128px; height: 128px; background: none; }
      .circular .slide { width: 120px; height: 120px; border: 4px solid #000; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; line-height: 120px; text-align: center; font-size: 22pt; font-weight: bold; }
  .nextBtn {	
  		/*
		padding-left:650px;
		padding-top:120px;
		*/
		display:inline-block;
		position:relative;
		z-index:1000;
		left:630px;
		top:170px;
	}
  .backBtn {
		display:inline-block;
		position:relative;
		left:301px;
		top:170px;
		z-index:1001;
	}
	
	.imgBox { 
		width:317px; 
		height:280px; 
		background: transparent url("./img/bg_box.png") 0 0 no-repeat; 
		padding:25px 42px;
		border: 0px solid #aaa;
		float:right;
		margin-top:20px;
		}
		
	.imgBox img {
		}
		
	.textBox { 
		padding:15px 10px 10px 40px;
		/*width:260px;*/
margin-right:10px;
		}
	.oneEntry { 
		background: #fff url("./img/bg_verlauf.png") 0 0 no-repeat; 
		width:715px;
		border:1px solid #F00;
		height:300px;
	}
	
  /* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url("images/navigator.png") 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}
      


/*
div.fadenav { position: absolute; top: 115px; right: 5px; }
div.fadenav a { display: block; background: #ccc; width: 12px; height: 12px; margin: 0 0 0 2px; float: left; overflow: hidden; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #000; }
div.fadenav a:hover { text-decoration: none; }
div.fadenav a.current { background: #0c0; }
*/

div.fadenav { position: absolute; top: 220px; right: 5px; }
div.fadenav a { 	
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url("img/navigator.png") 0 0 no-repeat;
	display:block;
	font-size:1px;
	border: 0px solid #FFFFFF;
	text-decoration:none;
	}
div.fadenav a:hover { background-position:0 -8px;   }
div.fadenav a.current { background-position:0 -16px;  }

.offerSlideBox .headline, .offerSlideBox .textBox { background-color:#fff;  border-radius: 5px; opacity: 0.92;}
.offerSlideBox .headline {padding:10px;position: relative;    top: 10px; left: 10px; width:300px;}
.offerSlideBox .textBox { padding:12px; margin-left:200px;position: relative;    top: 10px;}
.offerSlideBox .textBox h2{ font-family: 'Abel',Georgia,"Times New Roman",Times,serif; margin-bottom:5px;}
.offerSlideBox { height:240px;}
.slide {}

