/* BASICS */

html {
    overflow-y: scroll;
}

html, body {
    background: #000000;
    margin: 0;
    padding: 0 0 20px 0;
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 10pt;
}
body {
    text-align: center;
}

table, td {
    font-size: 10pt;
}
img {
    border: 0;
}
a {
    color: #999999;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: #ffffff;
}
.markBLUE {
    color: #4f72aa;
}
.markGREY {
    color: #999999;
}
.siteHOLDER {
    width: 860px; /*787px;*/
    margin: 100px 0 0 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
/*---------------------------------
    linke Seite
-----------------------------------*/

.leftCOL {
    float: left;
    width: 190px;
    margin: 0;
}
.logoBOX {
    width: 190px;
    height: 63px;
    margin: 0 0 15px 0;
}
.logoBOX img {
    margin: 0 0 0 1px;
}
.navlevel1HOLDER {
    width: 190px;
    height: auto;
}
/*--------------------------
    linke NEWSBOX
----------------------------*/
.singlenewsHOLDER {
    margin: 0;
}
.singlenewsBOX {
    margin: 11px 0 11px 3px;
    width: 184px;
    height: auto;
    font-family: Arial, sans-serif;
}
.singlenewsSTART,
.singlenewsEND {
    margin: 13px 0 13px 3px;
    width: 184px;
    height: 9px;
    background: url('../images/newsschraffur.png') repeat-x;
}
.singlenewsSTART {
    margin: 42px 0 13px 3px;
}
/*--------------------------
       CONTENT
----------------------------*/
.rightCOL {
    float: left;
    width: 642px; /*567px;*/
    margin: 0 0 0 20px;
    position: relative;
}
.navlevel2HOLDER {
    width: 645px;
    height: 17px;
    background: url('../images/pleasemakeaselection.gif') no-repeat top right;
    margin: 0 0 20px 0;
    position: relative;
    overflow: hidden;
}
.navlevel2HOLDER .navlevel2BOX {
    width: 303px;
    height: 17px;
    position: absolute;
    left: -17px;
    top: 0;
    overflow: hidden;
}
.rightCOL h2 {
    color: #ffffff;
}
.rightCOL h3 {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10pt;
    margin: 15px 0px 10px 0px;
}
.rightCOL h4 {
    color: #999999;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 8pt;
    margin: 0 0 10px 0;
}
.rightCOL h5 {
    color: #999999;
    font-weight: normal;
    font-size: 10pt;
    margin: 0 0 5px 0;
}
.rightCOL p {
    letter-spacing: 1px;
    line-height: 1.4em;
    font-size: 12px;
    font-stretch: semi-condensed;
    margin: 0;
    padding: 0;
}
.rightCOL ul {
    padding: 0px;
    margin: 0 0 12px 0;
}
.rightCOL ul li {
    letter-spacing: 1px;
    line-height: 1.4em;
    font-size: 12px;
    font-stretch: semi-condensed;
    list-style-image: url('../upload/basics/pfeil_weiss.png');
    margin: 0 0 0 18px;
    list-style-type: none;
}
.rightCOL hr {
    border-style: 2px dashed double color #ffffff;
}
.clearLEFT {
    clear: left;
}
.clearRIGHT {
    clear: right;
}
/*-------------------------------------------
    Bildbox und BildContent
--------------------------------------------*/
.movieBOX {
    margin: 0 0 10px 0;
    width: 642px;     /*565px;*/
    height: auto;
    overflow-x: hidden;
}
.movieBOX embed {
    margin: 0;
    padding: 0;
}
.backBOX {
    margin: 90px 0 0 0;
    height: 17px;
    width: 58px;
}
.backBOX a#back {
    height: 17px;
    width: 58px;
    display: block;
    position: relative;
}
.backBOX a#back span{
    height: 17px;
    width: 58px;
    background-repeat: no-repeat;
    background: url('../images/button_back.png');
    position: absolute;
    top: 0;
    left: 0;
}
.backBOX a#back:hover span{
    background-position: left -50px;    
}

.imgCont {
    width: 567px;
}

.imgCont p{
    letter-spacing: 1px;
    line-height: 1.4em;
    font-size: 12px;
    font-stretch: semi-condensed;
    margin: 0;
    padding: 0;
}

.imgCont h2{
    font-family: Georgia;
    font-style: italic;
    text-align: right;
    font-size: 30px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
}

.imgCont h3{
    color: #777777;
    font-family: Georgia;
    font-style: italic;
    text-align: right;
    font-size: 14px;
    font-weight: normal;
    padding: 0;
    margin: -10px 0px 10px 0px;
}

/*------------------------------------------------------------------
  WORKS + EDIT DEFINITIONS /   und Vorschaubild editor für Bilder
--------------------------------------------------------------------*/
.teaserworksHOLDER,
.teaserworksHOLDERedit {
    width: 200px;
    margin: 0 0 50px 0;
}
.teaserworksHOLDER,
.teaserworksHOLDERedit p {
    margin: 0px;
    padding: 0px;
}
.teaserworksHOLDER {
    display: none;
}

/* /////////// THUMBNAIL-BILD ////////// */

.teaserworksHOLDER .thumbnailHOLDER, 
.teaserworksHOLDERedit .thumbnailHOLDER,
.teaserworkslistHOLDER .thumbnailHOLDER {
    width: 200px;
    height: 105px;
    overflow: hidden;
    background: #181818;
}

.teaserworksHOLDER .thumbnailHOLDER img, 
.teaserworkslistHOLDER .thumbnailHOLDER img {
    width: 200px;
    height: 110px;
}

/* /////////// THUMBNAIL-TEXTBOX ////////// */

.teaserworksHOLDER .teasertextHOLDER, 
.teaserworksHOLDERedit .teasertextHOLDER,
.teaserworkslistHOLDER .teasertextHOLDER{
    width: 200px;
    min-height: 40px /*auto*/;
    margin: 5px 0 0 0;
}
.teaserworksHOLDER .teasertextHOLDER p, 
.teaserworksHOLDERedit .teasertextHOLDER p,
.teaserworkslistHOLDER .teasertextHOLDER p {
   text-align: right;
   margin: 0;
   font-size: 8pt;
   font-stretch: semi-condensed;
   letter-spacing: 1px;
}
.teaserworkslistHOLDER {
    width: 200px;
    float: left;
    margin: 0 7px 10px 7px;
}

/*-----------------------
    NEWS DEFINITIONS 
------------------------*/
.teasernewsHOLDER,
.teasernewsHOLDERedit {
    width: 645px;
    height: 105px;
    /*padding: 5px 0 25px 0;*/
    padding: 0px 0 25px 0;
    margin:  0 0 10px 0;
    position: relative;
    background: url('../upload/images/line_60p.png') repeat-x;
    background-position: left bottom;
}

/* /////////// THUMBNAIL-BILD ////////// */
.teasernewsHOLDER .thumbnailHOLDER,
.teasernewsHOLDERedit .thumbnailHOLDER {
    width: 200px;
    /*height: 105px;*/
    height: auto;
    padding: 0;
    /*margin: 0;*/
    margin-top: 10px;
    overflow: hidden;
}
.teasernewsHOLDER .thumbnailHOLDER img {
    width: 200px;
    height: 110px;
}

/* /////////// THUMBNAIL-TEXTBOX////////// */
.teasernewsHOLDER .teasertextHOLDER,
.teasernewsHOLDERedit .teasertextHOLDER {
    width: 425px;
    height: auto;
    position: absolute;
    top: 0px;     /*10px;*/                                       /*#######*/
    left: 215px;
}
.teasernewsHOLDER .teasertextHOLDER p,
.teasernewsHOLDERedit .teasertextHOLDER p {
   letter-spacing: 1px;
   margin: 10px 0 0 0;
   font-size: 9pt;
   font-stretch: semi-condensed;
}

/*-----------------------
    DIRECTORS DEFINITIONS 
------------------------*/
.directorslistHOLDER {
    width: 150px;
    float: left;
    margin: 0 7px 10px 7px;
    overflow: hidden;
}
.directorsHOLDER,
.directorsHOLDERedit {
    width: 150px;
    margin: 0 0 50px 0;
}
.directorsHOLDER,
.directorsHOLDERedit p {
    margin: 0px;
    padding: 0px;
}
.directorsHOLDER .directorstextHOLDER, 
.directorsHOLDERedit .directorstextHOLDER,
.directorslistHOLDER .directorstextHOLDER{
    width: 150px;
    min-height: 40px;
    margin: 5px 0 0 0;
}
.directorsHOLDER .directorstextHOLDER p, 
.directorsHOLDERedit .directorstextHOLDER p,
.directorslistHOLDER .directorstextHOLDER p {
   text-align: right;
   margin: 0;
   font-size: 8pt;
   font-stretch: semi-condensed;
   letter-spacing: 1px;
}
.directorsHOLDER {
    display: none;
}

/* FLIP / BLAETTERN */

.flipBOX {
    width: 565px;
    height: 17px;
    margin: 0 0 20px 0;
    position: relative;
}

.flipBOX .flipLEFT {
    height: 17px;
    width: 113px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.flipBOX .flipRIGHT {
    height: 17px;
    width: 113px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.flipBOX .flipLEFT .flipAREA, 
.flipBOX .flipRIGHT .flipAREA {
    height: 17px;
    width: 113px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.flipBOX .flipLEFT .flipAREA {
    background: url('../images/flip-previous.png') no-repeat;
}

.flipBOX .flipRIGHT .flipAREA {
    background: url('../images/flip-next.png') no-repeat;
}

.flipBOX .flipLEFT .flipAREA:hover, 
.flipBOX .flipRIGHT .flipAREA:hover {
    background-position: 0px -20px;
}



/* LOGIN AREA */

.loginBOX, .logoutBOX {
    background: #151617 url('../images/title-client-login.png') no-repeat 10px 12px;
    padding: 40px 10px 0 10px;
    width: 270px;
}

.loginBOX table {
    border: 0;
    width: 270px;
}

.loginBOX table td {
    padding: 0 0 5px 0;
}

.loginBOX table .col1 {
    width: 70px;
}

.loginBOX input {
    padding: 1px;
    font-size: 11px;
    width: 200px;
}

.loginBOX .lastrow {
    text-align: right;
}

.loginweiterleiter { /* die 3. pseudo naviebene die zum freigegebenen ordner weiterleitet*/
    padding: 10px;
}

.logoutBOX {
    width: 547px;
    padding: 10px;
}

.logoutBOX .loggedinas,
.logoutBOX .logout {
    float: right;
}

.logoutBOX .loggedinas {
    margin: 0 15px 0 0;
}

.logoutBOX .logout a {
    background: url('../images/button-logout.png') no-repeat 0 3px;
    padding: 0 0 0 10px;
}

.logoutBOXtext {
    background: #151617;
    padding: 20px 10px 10px 10px;
    width: 547px;
}

.downloadlinkHEADER {
    background: url('../images/title-projectfiles.png') no-repeat 10px 0;
    width: 100px;
    height: 9px;
    margin: 35px 0 20px 0;
}

a.downloadlink {
    display: block;
    background: url('../images/button-download.png') no-repeat 505px 10px;
    padding: 10px;
    border-bottom: 1px solid #333333;
}

a.downloadlink:hover {
    background: #111111 url('../images/button-download.png') no-repeat 505px 10px;  
}


/* MENUE DEFINITIONS LEVEL 1 */

.navlevel1HOLDER a {
    display: block;
    position: relative;
    width: 189px;
    height: 27px;
}

.navlevel1HOLDER a span {
    width: 189px;
    height: 27px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    background-repeat: no-repeat;
}

.navlevel1HOLDER a#news span {
    background: url('../images/menue_news.png');
}
.navlevel1HOLDER a#work span {
    background: url('../images/menue_work.png');
}
.navlevel1HOLDER a#about span {
    background: url('../images/menue_about.png');
}
.navlevel1HOLDER a#awards span {
    background: url('../images/menue_awards.png');
}
.navlevel1HOLDER a#directors span {
    background: url('../images/menue_directors.png');
}
.navlevel1HOLDER a#contact span {
    background: url('../images/menue_contact.png');
}

.navlevel1HOLDER a#news:hover span,
.navlevel1HOLDER a#work:hover span,
.navlevel1HOLDER a#about:hover span,
.navlevel1HOLDER a#awards:hover span,
.navlevel1HOLDER a#directors:hover span,
.navlevel1HOLDER a#contact:hover span,
.navlevel1HOLDER a#news.active span,
.navlevel1HOLDER a#work.active span,
.navlevel1HOLDER a#about.active span,
.navlevel1HOLDER a#directors.active span,
.navlevel1HOLDER a#awards.active span,
.navlevel1HOLDER a#contact.active span {
    background-position: left -50px;    
}

.navlevel1HOLDER a#login {
    display: none;
}

/* MENUE DEFINITIONS LEVEL 2 */

.navlevel2HOLDER .separator {
    width: 16px;
    height: 16px;
    background: url('../images/submenue-separator.png') no-repeat;
    float: left;
}

.navlevel2HOLDER a {
    position: relative;
    height: 17px;
    float: left;
}

.navlevel2HOLDER a span {
    height: 17px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    background-repeat: no-repeat;
}

.navlevel2HOLDER a#motion,
.navlevel2HOLDER a#motion span,
.navlevel2HOLDER a#motion.active span {
    background: url('../images/submenue_motion.png');
    width: 58px;
}

.navlevel2HOLDER a#stills,
.navlevel2HOLDER a#stills span,
.navlevel2HOLDER a#stills.active span {
    background: url('../images/submenue_stills.png');
    width: 51px;
}

.navlevel2HOLDER a#character-design,
.navlevel2HOLDER a#character-design span,
.navlevel2HOLDER a#character-design.active span {
    background: url('../images/submenue_characterdesign.png');
    width: 146px;
}

.navlevel2HOLDER a#motion:hover span,
.navlevel2HOLDER a#stills:hover span,
.navlevel2HOLDER a#character-design:hover span { 
    background-position: left -50px;    
}

.navlevel2HOLDER a#motion.active span,
.navlevel2HOLDER a#stills.active span,
.navlevel2HOLDER a#character-design.active span {
    background-position: left -50px;
}


/* static navigation defs */

body#id13 .navlevel2BOX a#motion span,
body#id14 .navlevel2BOX a#stills span, 
body#id15 .navlevel2BOX a#character-design span{
    background-position: left -50px;
}