/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}





/*
 * -----------------------------------------------------------------------------
 * HINTERGRUND CSS-TRICK
 * -----------------------------------------------------------------------------
 */

* {
    margin: 0;
    padding: 0;
}

html, body, #bg, #bg table, #bg td {
    height:100%;
    width:100%;
    overflow:hidden;
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
    background: url('../pics/ani.gif') center no-repeat;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}




/*
 * -----------------------------------------------------------------------------
 * GRUNDEINSTELLUNGEN
 * -----------------------------------------------------------------------------
 */

html, body {
  width: 100%;
  height: 100%;
}
body {
  background: #2A1E2A url('../pics/bg.jpg') no-repeat fixed center;
  min-width: 960px;
  min-height: 400px;
  overflow: auto;
}

a, a:link, a:visited, a:active, a:hover { 
  outline-style:none;
}

ul.no_list,
ul.no_list li {
  list-style: none;
  display: inline;
}

.only_print { display: none; }

.clickable {
  /* cursor: pointer; */
}



#scroll_wrapper {
  overflow: auto !important;
  position: absolute;
  left: 0;
  top: 100px;
  right: 0;
  bottom: 45px;
}


/*
 * -----------------------------------------------------------------------------
 * HEADER
 * -----------------------------------------------------------------------------
 */

#header {
  z-index: 100;
  width: 100%;
  height: 65px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  background: url('../pics/header_bg.png');
}


  #header h1 {
    width: 200px;
    height: 65px;
    background: url('../pics/header_logo.png') no-repeat top left;
    overflow: hidden;
    text-indent: -1000em;
  }



/*
 * -----------------------------------------------------------------------------
 * Navigation
 * -----------------------------------------------------------------------------
 */


#navigation {
  z-index: 100;
  height: 35px;
  position: absolute;
  left: 0;
  top: 65px;
  right: 0;
  background: url('../pics/header_bg.png');
}


  #navigation ul li a,
  #navigation ul li a:link,
  #navigation ul li a:visited {
    display: block;
    float: left;
    overflow: hidden;
    text-indent: -1000em;
    background: url('../pics/navigation_links.png') no-repeat;
  }
  
  
  #navigation a#schauspielerinnen:link,
  #navigation a#schauspielerinnen:visited {
    width: 154px;
    background-position: 0 0;
  }
  
  #navigation a#schauspielerinnen:hover,
  #navigation a#schauspielerinnen.on {
    background-position: 0 -35px;
  }

  
  #navigation a#schauspieler:link,
  #navigation a#schauspieler:visited {
    width: 101px;
    background-position: -154px 0;
  }
  
  #navigation a#schauspieler:hover,
  #navigation a#schauspieler.on {
    background-position: -154px -35px;
  }

  
  
  #navigation a#news:link,
  #navigation a#news:visited {
    width: 45px;
    background-position: -254px 0;
  }
  
  #navigation a#news:hover,
  #navigation a#news.on {
    background-position: -254px -35px;
  }

  
  
  #navigation a#profil:link,
  #navigation a#profil:visited {
    width: 53px;
    background-position: -299px 0;
  }
  
  #navigation a#profil:hover,
  #navigation a#profil.on {
    background-position: -299px -35px;
  }

  
  
  #navigation a#kontakt:link,
  #navigation a#kontakt:visited {
    width: 67px;
    background-position: -351px 0;
  }
  
  #navigation a#kontakt:hover,
  #navigation a#kontakt.on {
    background-position: -351px -35px;
  }


/*
 * -----------------------------------
 * Englische Navigation
 * -----------------------------------
 */


    #navigation #actresses,
    #navigation #actors,
    #navigation #enews,
    #navigation #profile,
    #navigation #contact {
        background: url('../pics/navigation_links_en.png') no-repeat;
        
    }

    #navigation a#actresses:link,
    #navigation a#actresses:visited {
        width: 96px;
        background-position: 0px 0px;
    }

    #navigation a#actresses:hover,
    #navigation a#actresses.on {
        background-position: 0px -35px;
    }

    #navigation a#actors:link,
    #navigation a#actors:visited {
        width: 59px;
        background-position: -96px 0px;
    }

    #navigation a#actors:hover,
    #navigation a#actors.on {
        background-position: -96px -35px;
    }

    #navigation a#enews:link,
    #navigation a#enews:visited {
        width: 44px;
        background-position: -155px 0px;
    }

    #navigation a#enews:hover,
    #navigation a#enews.on {
        background-position: -155px -35px;
    }

    #navigation a#profile:link,
    #navigation a#profile:visited {
        width: 61px;
        background-position: -199px 0px;
    }

    #navigation a#profile:hover,
    #navigation a#profile.on {
        background-position: -199px -35px;
    }

    #navigation a#contact:link,
    #navigation a#contact:visited {
        width: 70px;
        background-position: -260px 0px;
    }

    #navigation a#contact:hover,
    #navigation a#contact.on {
        background-position: -260px -35px;
    }


/*
 * -----------------------------------
 * Englische Navigation
 * -----------------------------------
 */
    #sprachwahl {
        width: 40px;
        height: 12px;
        position: absolute;
        left: 440px;
        top: 68px;
        z-index: 310;
    }
    
    
    #sprachwahl.en {
        left: 350px !important;
    }
    
    #sprachwahl li a,
    #sprachwahl li a:link,
    #sprachwahl li a:visited {
        float: left;
        display: block;
        width: 20px;
        height: 12px;
        background: url('../pics/de_en.png') no-repeat !important;
        overflow: hidden;
        text-indent: -1000em;
    }
    

    #sprachwahl li#deutsch a,
    #sprachwahl li#deutsch a:link,
    #sprachwahl li#deutsch a:visited {
        background-position: 0px 0px !important;
    }

    #sprachwahl li#deutsch a:hover,
    #sprachwahl li#deutsch a:active,
    #sprachwahl li#deutsch a.on {
        background-position: 0px -12px !important;
    }
    

    #sprachwahl li#englisch a,
    #sprachwahl li#englisch a:link,
    #sprachwahl li#englisch a:visited {
        background-position: -20px 0px !important;
    }

    #sprachwahl li#englisch a:hover,
    #sprachwahl li#englisch a:active,
    #sprachwahl li#englisch a.on {
        background-position: -20px -12px !important;
    }





/*
 * -----------------------------------------------------------------------------
 * Footer-Navigation
 * -----------------------------------------------------------------------------
 */

.footer_navigation {
  z-index: 100;
  height: 45px;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background: url('../pics/header_bg.png');
}

.footer_navigation ul.seiten_navigation {
  display: block;
  width: 189px;
  margin: 0 auto;
}

.footer_navigation ul.seiten_navigation li a,
.footer_navigation ul.seiten_navigation li a:link,
.footer_navigation ul.seiten_navigation li a:visited {
  display: block;
  float: left;
  height: 45px;
  background: url('../pics/schauspieler_seitennavi.png') no-repeat;
  text-indent: -1000em;
  overflow: hidden;
}


.footer_navigation ul.seiten_navigation li a.off,
.footer_navigation ul.seiten_navigation li a.off:link,
.footer_navigation ul.seiten_navigation li a.off:visited,
.footer_navigation ul.seiten_navigation li a.off:hover {
  cursor: default;
  background: url('../pics/schauspieler_seitennavi_off.png') no-repeat;
}


a#move_left, a#move_left:link, a#move_left:visited {
  width: 93px;
  height: 45px;
  background-position: 0 0;
  outline-style:none;
}

a#move_left:hover {
  background-position: 0 -45px;
  outline-style:none;
}

a#move_right, a#move_right:link, a#move_right:visited {
  width: 96px;
  height: 45px;
  background-position: -93px 0;
  outline-style:none;
}

a#move_right:hover {
  background-position: -93px -45px;
  outline-style:none;
}






.scrollable {
  height: 350px;
  overflow: hidden;
}

.full_height {
  position: absolute;
  left: 0;
  top: 100px;
  right: 0;
  bottom: 45px;
  height: auto;
}



.scrollable .scroll_content {
  position: relative;
  min-height: 100%;
}


.scrollable_box_track {
  position: absolute;
  top: 123px;
  right: 10px;
  bottom: 68px;

  width: 18px;
  z-index: 100;
}


.scrollable_box_handle {
  background: white;
  width: 18px;
  height: 4px;
  display: block;
}
  


#scroll_up_button,
#scroll_down_button {
  display: block;
  position: absolute;
  width: 18px;
  height: 9px;
  background: url('../pics/scrollbar_buttons.png') no-repeat;
}

#scroll_up_button {
  top: -16px;
  background-position: 0 0;
}

#scroll_down_button {
  bottom: -16px;
  background-position: 0 -9px;
}