body {
    background-color: black;
    color: white;
}


#gesamt {font-family: Trebuchet MS; width: 900px; margin:0px auto;background-color: black; color: white}

#kopfzeile {
         position: fixed;
         top:0px;
         margin: 0;
         padding-bottom: 8px;
         z-index:1; /*Reihenfolge der Layer*/
         border-bottom:3px solid white; /*Trennlinie*/
         background-color:black;
  }

/* Überschrift: ANDRÉ JAGUSCH*/
#inhalt {
  position:absolute;
  left:0px;
  top:0px;
  bottom:0px;
  }

/* Gliederungspunkte: FILMS / ABOUT / CONTACT */
#nav {
   font-size: 14pt;
   font-weight: bolder;
   text-align:right;
   list-style:none;
   width:900px;
  }
#nav li {
  display:inline;
  position:relative;
  top:16px;
  }

#nav a  {padding: 8px 8px;}

/* Design Navigationsleiste: FILMS/ABOUT/KONTAKT */
a:link {color: white; text-decoration:none;}
a:visited {color: white;text-decoration:none;}

ul a:active  {background-color: white; color: black; text-decoration:none;}
ul a:focus  {background-color: white; color: black; text-decoration:none;}
ul a:hover {background-color: white; color: black; text-decoration:none;}
#current a:link, #current a:visited {background-color: white; color: black; text-decoration:none;}

/* - SEITE INDEX - Startseite - */
.elastic-video {
         position: relative;
         padding-bottom: 55%;
         width: 100%;
         height: 100%;

         }
.elastic-video iframe {
            position: absolute;
            padding-top:9%;
            top: 0;
            left: 0;
            width: 900px;
            height: 506px;
            }


/* - SEITE FILME - */
.text1 {
         text-align:left;
         font-size:9pt;
         position:absolute;
         padding-top:0%;
         height:10px;
         width:400px;
         top:100px;
         }
.video1 iframe {
         position: relative;
         top: 100px;
         left: 407px;
         width: 493px;
         height: 277px;
        }

.text2 {
         text-align:left;
         font-size:9pt;
         position:absolute;
         height:10px;
         width:400px;
         top:407px;
         }
.video2 iframe {
         position: relative;
         top: 130px;
         left: 407px;
         width: 493px;
         height: 277px;
        }


.text3 {
         text-align:left;
         font-size:9pt;
         position:absolute;
         height:10px;
         width:400px;
         top:715px;
         }
.video3 iframe {
         position: relative;
         top: 162px;
         left: 407px;
         width: 493px;
         height: 277px;
        }

.text4 {
         text-align:left;
         font-size:9pt;
         position:absolute;
         height:500px;
         width:400px;
         top:1015px;
         }
.video4 iframe {
         position: relative;
         top: 192px;
         left: 407px;
         width: 493px;
         height: 277px;
        }

.text5 {
         text-align:left;
         font-size:9pt;
         position:absolute;
         height:500px;
         width:400px;
         top:1325px;
         }
.video5 iframe {
         position: relative;
         top: 222px;
         left: 407px;
         width: 493px;
         height: 277px;
        }

.text6 {
         text-align:left;
         font-size:9pt;
         position:absolute;
         height:500px;
         width:400px;
         top:1635px;
         }
.video6 iframe {
         position: relative;
         top: 252px;
         left: 407px;
         width: 493px;
         height: 277px;
        }

.text7 {
         text-align:left;
         font-size:9pt;
         position:absolute;
         height:500px;
         width:400px;
         top:1945px;
         }
.video7 iframe {
         position: relative;
         top: 282px;
         left: 407px;
         width: 493px;
         height: 277px;
        }

.text8 {
         text-align:left;
         font-size:9pt;
         position:absolute;
         height:500px;
         width:400px;
         top:2245px;
         }
.video8 iframe {
         position: relative;
         top: 312px;
         left: 407px;
         width: 493px;
         height: 277px;
        }


/* - SEITE FOTOGRAFIE - */

.foto1 {  /*Foto 1*/
    position:relative;
    top: 100px;
    left: 0px;
    width: 50%;
    height: 50%;
    /*padding-top: 11%;*/
   }

.foto2 {  /*Foto 1*/
    position:relative;
    top: 100px;
    left: 50px;
    width: 50%;
    height: 50%;
    /*padding-top: 11%;*/
   }

.foto3 {  /*Foto 1*/
    position:relative;
    top: 100px;
    left: 80px;
    width: 60%;
    height: 60%;
    /*padding-top: 11%;*/
   }

.foto4 {  /*Foto 1*/
    position:relative;
    top: 100px;
    left: 0px;
    width: 50%;
    height: 50%;
        /*padding-top: 11%;*/
   }

.foto5 {  /*Foto 1*/
    position:relative;
    top: 100px;
    left: 0px;
    width: 55%;
    height: 70%;
    /*padding-top: 11%;*/

   }
.foto6 {  /*Foto 1*/
    position:relative;
    top: 100px;
    left: 0px;
    width: 40%;
    height: 40%;
    /*padding-top: 11%;*/

   }
.foto7 {  /*Foto 1*/
    position:relative;
    top: 100px;
    left: 0px;
    width: 100%;
    height: 100%;
    /*padding-top: 11%;*/
   }

.foto8 {  /*Foto 1*/
    position:relative;
    top: 100px;
    left: 250px;
    width: 45%;
    height: 45%;
    /*padding-top: 11%;*/
   }

.foto9 {  /*Foto 1*/
    position:relative;
    top: 100px;
    left: 250px;
    width: 50%;
    height: 50%;
    /*padding-top: 11%;*/
   }

.foto10 {  /*Foto 1*/
    position:relative;
    top: 100px;
    left: 0px;
    width: 100%;
    height: 100%;
    /*padding-top: 11%;*/
   }

.foto11 {  /*Foto 1*/
    position:relative;
    top: 100px;
    left: 00px;
    width: 45%;
    height: 45%;
    /*padding-top: 11%;*/
   }
.foto12 {  /*Foto 1*/
    position:relative;
    top: 100px;
    left: 100px;
    width: 40%;
    height: 40%;
    /*padding-top: 11%;*/
   }
.foto13 {  /*Foto 1*/
    position:relative;
    top: 100px;
    left: 0px;
    width: 50%;
    height: 50%;
    /*padding-top: 11%;*/
   }
.foto14 {  /*Foto 1*/
    position:relative;
    top: 100px;
    left: 150px;
    width: 50%;
    height: 50%;
    /*padding-top: 11%;*/
   }
.foto15 {  /*Foto 1*/
    position:relative;
    top: 100px;
    left: 250px;
    width: 50%;
    height: 50%;
    /*padding-top: 11%;*/
   }
.foto16 {  /*Foto 1*/
    position:relative;
    top: 100px;
    left: 0px;
    width: 100%;
    height: 100%;
    /*padding-top: 11%;*/
   }
.foto17 {  /*Foto 1*/
    position:relative;
    top: 100px;
    left: 350px;
    width: 45%;
    height: 45%;
    /*padding-top: 11%;*/
   }

/* - SEITE VITA - */

#andre {  /*Foto André*/
    position:relative;
    top: 100px;
    left: 599px;
    width: 301px;
    height: 450px;
    /*padding-top: 11%;*/

   }

.editor1 {  /*Filmografie*/
         text-align: justify;   /*Blocksatz*/
         white-space: pre-wrap;  /*automatische Zeilenumbrüche im Text*/
         font-size:9pt;
         position:absolute;
         padding-top:0%;
         height:1500px;
         width:550px;
         top:78px;
         }


/* - SEITE KONTAKT - */

#vimeo {  /*Vimeo-ICON*/
         text-align: right;
         position:relative;
         height:100px;
         width:900px;
         left:0px;
         top:100px;
         }

/*#crewunited {  /*crewunited-ICON*/
/*         text-align: right;
         position:relative;
         height:20px;
         width:900px;
         left:0px;
         top:120px;
         }

/*#linkedin {  /*linkedin-ICON*/
/*         text-align: right;
         position:relative;
         height:30px;
         width:900px;
         left:0px;
         top:130px;
         }*/

#editor {/*Text Impressum*/
         text-align: left;
         font-size:9pt;
         white-space: pre-wrap;
         position:relative;
         height:960px;
         width:870px;
         left:0px;
         top:0px;
         padding-bottom:5%;
         }