/***********************/
/* buehnenteaser START */
/***********************/

		#btcontent {position: relative;width:576px;height:327px;margin: 0;padding: 0;}

		a { 
			outline-color: #888;	
		}

		div#feature_list {
			overflow: hidden;
			position: relative;
		}

		/* ul {
			margin-left: 5px; // Für den IE 
			
			padding-left: 5px; // Für alle anderen Browser 
		} */

		ul#output {
			right: 0;
			width: 565px;
			height: 310px;
			position: relative;
			/* margin-left:15px;margin-top:15px; */
		}

		ul#output li {
			position: absolute;
			width: 565px;
			height: 310px;
			list-style : none;
		}

		ul#output li a {
			bottom: 10px;
			right: 10px;
			/*padding: 8px 12px;*/
			text-decoration: none;
			font-size: 11px;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			
		}
		
		.redstripe {margin-left:1px;margin-top:0px;padding:0px;background-image:url(../../images/bteaser/verlauf_mainteaser_onlinesex.png);width:570px;height:75px;line-height:18px;color:white;text-transform:uppercase;}
		
		.redstripe h1 {padding-top:20px;color:#ffffff;margin:0px 20px 8px 20px;font-weight:bold;font-size:16px;}
		
		.redstripe h2 {background:transparent;margin:0px 20px 8px 20px;font-size:14px;}
		
		.menuebg {position: absolute;margin-left:0px;margin-top:0px;padding:0px;background-image:url(../../images/bteaser/zapper_hg_mainteaser_onlinesex.png);width:378px;height:23px;line-height:23px;color:white;text-transform:uppercase;}
		
		.menuebg ul {
			margin-left: 0; /* Für den IE */
			
			padding-left: 0; /* Für alle anderen Browser */
		}

		.menuebg ul#tabs li {float:left;list-style : none;}

		.menuebg ul#tabs li a {margin:0px 6px;color:#ffffff;text-decoration:none;font-weight:bold;float:left;}

		.menuebg ul#tabs li a:hover {padding:0px 6px;margin:0px;color:#ffffff;background-color:#df001a;text-decoration:none;font-weight:bold;float:left;}

		.menuebg ul#tabs li a:hover {padding:0px 6px;margin:0px;color:#ffffff;background-color:#df001a;text-decoration:none;font-weight:bold;float:left;}

		.menuebg ul#tabs li a.current:hover {padding:0px 6px;margin:0px;color:#ffffff;background-color:#df001a;text-decoration:none;font-weight:bold;float:left;}
		
		.menuebg ul#tabs li a.current {padding:0px 6px;margin:0px;color:#ffffff;background-color:#df001a;text-decoration:none;font-weight:bold;float:left;}

		.buehnestandard {margin-left:10px;margin-top:10px;}
		
		.bteaserrechts {background-color:green;width:219px;height:204px;float:left;}
		
		.bteaserunten {background-color:black;font-size:20px;margin-top:15px;width:550px;height:50px;}
		
/***********************/
/* buehnenteaser ENDE  */
/***********************/

/************************/
/* buehnenteaser2 START */
/************************/

/* container for slides */
.imagesbt {
	background:#fff url(/img/global/gradient/h300.png) repeat-x;
	border:1px solid #ccc;
	position:relative;	
	height:300px;
	
	width:650px;
	float:left;	
	margin:15px;
	cursor:pointer;
	
	/* CSS3 tweaks for modern browsers */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 0 25px #666;
	-webkit-box-shadow:0 0 25px #666;	
}

/* single slide */
.imagesbt div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:7px;
	padding:15px 30px 15px 15px;
	height:256px;
	font-size:12px;
}

/* header */
.imagesbt h3 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 20px 0;
	color:#456;
}

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

/* single tab */
.slidetabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/tools/img/scrollable/arrow/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 {
	float:left;
	margin-top:140px;
	background:#fff url(/tools/img/scrollable/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

/* next */
.forward 				{ background-position: 0 -30px; clear:right; }
.forward:hover 		{ background-position:-30px -30px; }
.forward:active 	 	{ background-position:-60px -30px; } 


/* prev */
.backward:hover  		{ background-position:-30px 0; }
.backward:active  	{ background-position:-60px 0; }

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

/************************/
/* buehnenteaser2 ENDE  */
/************************/


/***************/
/* tabs START  */
/***************/

/* tab pane styling */
div.panes .panecontent {
	background-color:white;
	width:504px;
	display:none;		
	padding:5px;
	border:1px solid #adadad;
	border-top:0;
	min-height:45px;
}

.tabrahmen {
	margin: 5px 0px 0px 23px;
}

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important;
	padding:0;	
}

ul.tabsheight16 {
	height:16px;
}

ul.tabsheight30 {
	height:30px;
}

ul.size516 {
	width:516px;
}

ul.border {
	border-bottom:1px solid #adadad;	

}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a.szenen { 
	background:url(../../images/red.png) no-repeat -420px 0;
	font-size:10px;
	text-transform:uppercase;
	color:#df001a;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a {
	color:#6a6a6a;
	font-weight:bold;
	text-decoration:none;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a.szenen:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#df001a !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}

/**************/
/* tabs ENDE  */
/**************/


/********************/
/* accordeon START */
/********************/

/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	background:#fff 0 0;
	width: 194px;
	background-color:#ffffff;
}

/* accordion header */
#accordion h2 {
	background:#fff;
	margin:0;
	padding:0px 0px;
	font-size:10px;
	font-weight:normal;
	cursor:pointer;		
}

/* currently active header */
#accordion h2.current {
	cursor:default;
	background-color:#fff;
}

/* accordion pane */
#accordion div.pane {
	display:none;
	color:#fff;
	font-size:10px;
}

/* a title inside pane */
#accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:10px;
	color:#fff;
}

/* accordion pane */
#accordion5 div.panes {
	display:none;
	color:#fff;
	font-size:10px;
}

/* accordion pane */
#accordion5 div.panes {
	display:none;
	color:#000000;
	font-size:10px;
}

/* accordion header */
#accordion5 div.accstart {
	background:#adadad;
	margin:0;
	padding:0px 0px;
	font-size:10px;
	font-weight:normal;
	cursor:pointer;		
}

/********************/
/* accordeon ENDE */
/********************/

/********************/
/* scrollable START*/
/********************/

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
	/* required settings */ 
    position:relative; 
	overflow:hidden;
	
} 

/* Groesse des scrollinhaltes */
.size700x375 {
   width: 700px; 
   height:375px; 
}
.size700x125 {
   width: 700px; 
   height:125px; 
}
.size320x150 {
   width: 320px; 
   height:150px; 
}

.size525x375 {
   width: 525px; 
   height:375px; 
}
.size525x125 {
   width: 525px; 
   height:140px; 
}
.size176x125 {
   width: 176px; 
   height:140px; 
}
/* Groesse des scrollinhaltes */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
	required settings
	
.scrollable {

	 
	position:relative;
	overflow:hidden;
    width: 480px; 
    height:234px; 

}
*/

/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
		clear:both;
} 

/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 

/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:0px; 
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
/*
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}
*/

.oneitem {
	width:175px;
}

.oneitem186 {
	width:186px;
}


/* single scrollable item */
.scrollable img.cover {
	float:left;
	margin:15px 5px 9px 5px;
	background-color:#fff;
	padding:0px;
	border:0px;
	cursor:pointer;
	width:165px;
	height:234px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.scrollable img.szene {
	float:left;
	margin:15px 5px 9px 5px;
	background-color:#fff;
	padding:0px;
	border:0px;
	cursor:pointer;
	width:166px;
	height:125px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.scrollable .triggerdiv
{
	background-color:#fff;
}


/* single scrollable item without tooltip */
.scrollable img.pornstar {
	float:left;
	margin:15px 5px 9px 5px;
	background-color:#fff;
	padding:0px;
	border:0px;
	cursor:pointer;
	width:165px;
	height:234px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:5; /* 9999 */
	position:relative;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, prevPage buttons */

a.browseleft {
	background:url(../../images/pfeil_big_rot_links.png) no-repeat;
	display:block;
	width:13px;
	height:66px;
	float:left;
	cursor:pointer;
	font-size:1px;
}

/* next, nextPage buttons */
a.browseright {
	background:url(../../images/pfeil_big_rot_rechts.png) no-repeat;
	display:block;
	width:13px;
	height:66px;
	float:left;
	cursor:pointer;
	font-size:1px;
}

/* Position der Pfeile entsprechend scrollable */
.height375
 {
	margin:100px 5px 0px 5px;
}
.height125
 {
	margin:45px 5px 0px 5px;
}
.height150
 {
	margin:42px 5px 0px 5px;
}
/* Position der Pfeile entsprechend scrollable */

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

/* right */
a.right 				{ clear:right; margin-right: 5px;}


/* left */
a.left				{ margin-left: 5px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

/********************/
/* scrollable ENDE */
/********************/

/***************************/
/* tooltipp mit html START */
/***************************/

/* trigger button
.download_now {
	background:transparent url(../../images/spacer.gif) no-repeat scroll 0 0;
	width:175px;
	height:258px;
	display:block;
	margin:0px;
	padding:0px;
	overflow:hidden;
	text-indent:-999em;
	cursor:pointer;
}
 */
/* mouseover state
.download_now:hover {
	background-position:0 -44px ;		
}
 */
/* clicked state
.download_now:focus {
	background-position:0 -88px;
}
 */
/* tooltip styling
.tooltip {
	display:none;
	background:url(../../images/dummy_black_arrow_big.png);
	height:163px;
	padding:40px 30px 10px 30px;
	width:310px;
	font-size:11px;
	color:#fff;
	z-index:20;
}
 */
/* a .label element inside tooltip
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}
 */

/* body  {
	padding:250px 0 0 200px;
}	
*/

/***************************/
/* tooltipp mit html ENDE */
/***************************/

/********************/
/* tooltipp START */
/********************/



/* tooltip styling */
#tooltip {
	display:none;
}

.tooltipbeschr {
	background:url(../../images/tooltip_start3.png) no-repeat scroll 0 0; /* alt 425px x 226px bzw 403px x 222px neu 382px x 222px */
	font-size:12px;
	height:222px;
	width:382px;
	color:#fff;
}

.tooltipcover {
	background:url(../../images/tooltip_start4.png) no-repeat scroll 0 0; /* tooltipp suchergebnis */
	height:416px;
	width:326px;
	color:#fff;
}


/* scrollable should not disable gallery navigation */
#gallery .disabled {
	visibility:visible !important;
}

#gallery .inactive {
	visibility:hidden !important;
}

/*** override styling in external stylesheets ***/

.mytip {
	display:none;
}

.mytipinlet {
	/* background-color:green; */
	height:202px;
	width:303px;
	padding:20px 40px 0px 40px;
	text-align:left;
}

.mytipsearchinlet {
	/* background-color:green; */
	height:375px;
	width:264px;
	padding:17px 0px 0px 37px;
	text-align:left;
}

table h1 {
	font-weight:bold;
	font-size:13px;
	color:#df001a;
	line-height:24px; 
	padding:0px 0px 10px 0px; 
	margin:0px;
}

.mytipfach {
	width:200px;
	height:20px;
}

.mytipfach120 {
	width:120px;
	height:20px;
}

.mytipfach260 {
	width:260px;
	height:20px;
}

.mytipfrage {
	width:60px;
	height:20px;
}

.mytipfachtitle {
	height:100%;
}

.mytip2 {
	font-weight:bold;
}

/********************/
/* tooltipp ENDE */
/********************/

/********************/
/* overlay START */
/********************/

/* some styling for triggers */
#triggers {
	text-align:center;
}

#triggers img {
	cursor:pointer;
	margin:0;
	padding:0px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}



/* styling for elements inside overlay */
.details {
	position:absolute;
	top:15px;
	right:15px;
	font-size:11px;
	color:#fff;
	width:150px;
}

.details h3 {
	color:#aba;
	font-size:15px;
	margin:0 0 -10px 0;
}

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:420px;	
	min-height:200px;
	height:580px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(../../images/overlayclose.png);
	position:absolute;
	right:10px;
	top:-17px;
	cursor:pointer;
	height:32px;
	width:31px;
}

.overlay_player {
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:620px;	
	min-height:420px;
	height:480px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

.scene_player {
	margin-top:20px;
	margin-left:10px;
}

/* close button positioned on upper right corner */
.overlay_player .close {
    background-image:url(../../images/overlayclose.png);
	position:absolute;
	right:10px;
	top:-17px;
	cursor:pointer;
	height:32px;
	width:31px;
}

/********************/
/* overlay ENDE */
/********************/

/********************/
/* overlay V1 START */
/********************/
/* use a semi-transparent image for the overlay *
#overlay {
/*
	background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);
	color:#efefef;
	height:450px;
*
}

/* the overlayed element *
.apple_overlay {

    /* initially overlay is hidden *
    display:none;

    /* growing background image *
    background-image:url(../../images/overlaywhite580.png);

    /*
        width after the growing animation finishes
        height is automatically calculated
    *
    width:420px;

    /* some padding to layout nested elements nicely  *
    padding:50px;

    /* a little styling *
    font-size:11px;
}

/* default close button positioned on upper right corner *
.apple_overlay div.close {
    background-image:url(../../images/overlayclose.png);
    position:absolute; right:5px; top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}

/* container for external content. uses vertical scrollbar, if needed *
.contentWrap {
	height:600px;
	width:400px;
	overflow-y:auto;
}

#triggers {
	text-align:center;
}
 
#triggers img {
	cursor:pointer;
	margin:0 5px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:2px;
 
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
/********************/
/* overlay V1 ENDE */
/********************/