/*	-------------------------------------------------------------
	Tour 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 	

/*	-------------------------------------------------------------
	Styling der Tabs
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 	


.TourTabs{
	position: relative;
	left: 18px;
	top: 7px;
	min-height: 50px;

	
}

.TourTabs span {
	height: 45px;
	width: 167px;	
	font-size: 15px;
	line-height: 120%;	
	text-align: center;	
	position: relative;
	display: block;
	float: left;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 8px;
	padding-bottom: 2px;
	margin-right: 0;
	margin-left: -13px;
	font-weight: bold;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
   background-color: #DDDDDD; 
	background: -moz-linear-gradient(left top -45deg, White, #ececec); 
	background: -webkit-gradient(linear, left top, right bottom, from(White), to(#ececec));	 
	z-index: 100;	
	-moz-box-shadow: 2px -2px 3px rgba(0, 0, 0,0.2);
	-webkit-box-shadow: 2px -2px 3px rgba(0, 0, 0,0.2);	
	border: 1px solid #d6d6d6;

}

.tab1{
	z-index:170 !important; 
	top: 11px;	
}

.tab2{
	z-index:168 !important; 
	top: 13px;	
}

.tab3{
	z-index:166 !important; 
	top: 15px;	
}

.tab4{
	z-index:164 !important; 
	top: 17px;	
}

.tab5{
	z-index:162 !important; 
	top: 19px;	
}

.tab6{
	z-index:160 !important; 
	top: 21px;	
}

.TourTabs span.TourTabSelected {
	position: relative;
	color: #459300;
	font-weight: bold;
   background-color: White; 	
	background: -moz-linear-gradient(left top -45deg, White, White);  	
	z-index: 300 !important; 
	height: 55px;
	padding-top: 12px;
	border-bottom-style: none;
	top: -2px;
}



.TourTabs a, .TourTabs a:hover,  .TourTabs a:visited{
	text-decoration: none;
}

.TourTabs a {
	color: #838783;
}

.TourTabs a:active, .TourTabs a:hover
{
	color: #F86605;	
}






/*	-------------------------------------------------------------
	Styling der Hero-Slideshow 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 	




/* container for slides */

.JqueryToolsSlideshow {
	position: relative;
	
}

.JqueryToolsSlideshow .images {
	background:#fff;
	border: 1px solid #333333;
	position:relative;	
	height: 250px;
	width: 920px;
	float:left;	
	cursor:pointer;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;	 	
		border: solid 1px #509fcc;
}

/* single slide */
.images div.Slide {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	font-size:12px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	

}


/* tabs (those little circles below slides) */
.slidetabs {
	clear:both;
	margin-left: 400px;
}

/* single tab */
.slidetabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background: url(/content/images/global/jquery-tools-tabs-slideshow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.slidetabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.slidetabs a.current {
	background-position:0 -16px;     
} 	


/* prev and next buttons */
.forward, .backward {
	display:inline;
	width: 31px;
	height: 24px;
	cursor: pointer;
	z-index: 350;	
	top: 30px;		
	position: absolute;	

}

.forward {
	right: 0px;
}


.backward {
	left: 0;
}

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}

/* Textbox mit weissem Text auf halbdurchsichtigem schwarzen Grund */

.SlideTextbox {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 20%;
	overflow: hidden;
	float: right;	
	 width: 100%;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
 	 -khtml-opacity: 0.7;
    opacity: 0.7;
	 padding: 0 9px 0 8px;
	 -moz-border-radius-bottomleft: 5px;
	 -moz-border-radius-bottomright: 5px;	 
	 -webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	 border-bottom-left-radius: 5px;
	 border-bottom-right-radius: 5px;	
	 



}

.SlideTextbox h1 {
    color: White;
	font-size: 20px;
	line-height: 120%
	margin-top: 8px;
	margin-bottom: 6px;
}

.SlideTextboxRechts {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	overflow: hidden;
	float: right;	
	 width: 18%;
	 text-align: center;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
 	 -khtml-opacity: 0.7;
    opacity: 0.7;
	 padding: 0 9px 0 8px;
	 -moz-border-radius-bottomright: 5px;
	 -moz-border-radius-topright: 5px;	 
	 -webkit-border-bottom-right-radius: 5px;
	 -webkit-border-top-right-radius: 5px;
	 border-bottom-right-radius: 5px;
	 border-top-right-radius: 5px;
	-webkit-box-shadow: -5px 0px 8px rgba(0, 0, 0, .7) ;
	-moz-box-shadow: -5px 0px 8px rgba(0, 0, 0, .7);
	box-shadow: -5px 0px 8px rgba(0, 0, 0, .7) ; 	
	 
	
}

.SlideTextboxRechts h1 {
    color: White;
	font-size: 20px;
	line-height: 120%
	margin-top: 8px;
	margin-bottom: 6px;
}

/*	-------------------------------------------------------------
	Styling des Textes der Tour
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 	



.TourText {
	position: relative;

}

.TourText h1 {
	color: #459300;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 4px;

}

.TourTextRight {
	float: left;	
	width: 385px;
}

.TourTextLeft {
	float: left;
	width: 385px;
	padding-right: 35px;	
}

.TourImage {
	border: thick solid #F4F4F4;
	border-radius: 4px;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;		
	box-shadow: 2px 2px 8px #333333;
	-webkit-box-shadow: 2px 2px 8px #333333;
	-moz-box-shadow: 2px 2px 8px #333333;
}	

.TourLinkbar{
	margin-left: 15%;
	margin-right: 25%;	
}

/*	-------------------------------------------------------------
	Sonderstyling fuer die Tour-Webseite
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 	
.MainContentDiv {
 	width: 1010px;
	
	}

.wrapper {
 	width: 1010px;
	}