/********************/
/* 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 */
.sizefullx220 {
   width: 719px;
   height:220px;
}
.sizefullx350 {
   width: 719px;
   height:350px;
}
.sizefullx375 {
   width: 719px;
   height:375px;
}
.sizefullx400 {
   width: 719px;
   height:400px;
}

.sizefullx180 {
   width: 719px; 
   height:180px; 
}
.sizefullx125 {
   width: 719px;
   height:125px;
}
.sizefullx85 {
   width: 540px;
   height:85px;
}
.sizefullx150 {
   width: 719px; 
   height:150px; 
}
.sizehalfx150 {
   width: 330px; 
   height:150px; 
}

.sizehalfx180 {
   width: 330px; 
   height:180px; 
}

.size525x375 {
   width: 525px; 
   height:375px; 
}
.size660x125 {
   width: 660px; 
   height:125px; 
}
.size525x125 {
   width: 525px; 
   height:125px; 
}
/* 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 inset #ccc; 
    background-color:#fff; 
}

/*
	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,
.scrollableszene .items 
{
	width:20000em;
	position:absolute;
	clear:both;
}
*/
.oneitem,
.oneitemszene
{
	width:175px;
}

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

.scrollable img.producer_logo {
	float:left;
	margin:15px 0px 0px 0px;
	background-color:#fff;
	padding:0px;
	border:0px;
	cursor:pointer;
	width:165px;
	height:53px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}


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

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

.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;
}


/* 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:0px 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;
/*	margin:100px 5px; */
	cursor:pointer;
	font-size:1px;
}

/* Position der Pfeile entsprechend scrollable */
.box610 .height600 /* picdb bilder */
 {
	margin:150px 35px 0px 35px;
}
.height375
 {
	margin:100px 5px 0px 5px;
}
.height125
 {
	margin:30px 5px 0px 5px;
}
.height150
 {
	margin:42px 5px 0px 5px;
}

.height170
 {
	margin:70px 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;}


/* left */
a.left				{ } 


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

/********************/
/* scrollable 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 a {color:#6a6a6a;}
#accordion a:hover {color:#df001a;}

/* 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 header */
#accordion h3 {
    background:#fff;
    margin:0;
    padding:0px 0px;
    font-size:10px;
    font-weight:normal;
    cursor:pointer;       
}

/* currently active header */
#accordion h3.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 */
/********************/



/***************************/
/* 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;
	background:url(/images/tooltip_start2.png) no-repeat scroll 0 0; /* alt 425px x 226px neu 403px x 222px */
	/* background-color:red; */
	font-size:12px;
	height:222px;
	width:403px;
	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:323px;
	padding:20px 40px 0px 40px;
}

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

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

.mytipfachtitle {
	height:100%;
}

.mytip2 {
	font-weight:bold;
}

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

/********************/
/* overlay 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/white.png); 
     
    /*  
        width after the growing animation finishes 
        height is automatically calculated 
    */ 
    width:640px;         
     
    /* some padding to layout nested elements nicely  */ 
    padding:35px; 
 
    /* a little styling */     
    font-size:11px; 
} 
.overlay { 
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /*  
        width after the growing animation finishes 
        height is automatically calculated 
    */ 
    width:640px;         
     
    /* some padding to layout nested elements nicely  */ 
    padding:10px; 
 
    /* a little styling */     
    font-size:11px; 
} 
 
/* default close button positioned on upper right corner */ 
.apple_overlay div.close { 
    background-image:url(/images/close.png); 
    position:absolute; right:5px; top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}
.overlay div.close { 
    background-image:url(/images/close.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:600px;
	overflow-y:auto;
}

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

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

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

/* the overlayed element */
.simple_overlay {
  
    /* must be initially hidden */
    display:none;
  
    /* place overlay on top of other elements */
    z-index:10000;
  
    /* styling */
	 background-image:url(/images/transparent.gif); 
   width:767px;  
   height:650px;

  
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;  
}
/* container for external content. uses vertical scrollbar, if needed */
.simple_overlay .contentWrap {

	min-height:640px;
	height:640px;
	width:auto;
	overflow:hidden;
}

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

/********************/
/* overlay 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;
}

div.panes .panecontent .info {
		margin-bottom:5px;
        clear:both;
}

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

ul.size706 {
    width:706px;
}

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  */
/**************/