#kino{
    background: url(../art/mikrofan-3001-teaser.png) no-repeat;
    width: 374px;
    height: 114px;
    position: absolute;
    bottom: 5%;
    left: 60%;
    z-index: 99;
}


body{
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    font-family: Arial;
    font-size: 12px;
    color: gray;
    font-weight: normal;
    overflow: hidden;
}

::selection { background-color: #9ecbef; }


a{color: gray; text-decoration: none;}   

a:hover{color: silver; text-decoration: none;}

b{font-size: 10px; text-transform: uppercase;}

img{border: none;}
    
#container{
    background-color: white;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 100%;
}

.x{
    position: absolute;
    vertical-align: bottom;
    left: 314px;
    bottom: 10px;
    cursor: pointer;
}

#crew{
    display: none;
    position: absolute;
    top: 87px;
    left: 460px;
    width: 300px;
    background-color: white;
    z-index: 10;
    padding: 18px;
    font-size: 11px;
    line-height: 14px;
    text-transform: none;
    color: black;
    filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
    }

#kontakt{
    display: none;
    position: absolute;
    top: 87px;
    left: 460px;
    width: 200px;
    background-color: white;
    z-index: 99;
    padding: 18px;
    font-size: 11px;
    line-height: 14px;
    text-transform: none;
    color: black;
    filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
    }
    
#synopsis{
    display: none;
    position: absolute;
    top: 87px;
    left: 460px;
    width: 300px;
    background-color: white;
    z-index: 99;
    padding: 18px;
    font-size: 11px;
    line-height: 14px;
    text-transform: none;
    color: black;
    filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
    } 
       
#bg{position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

.bg{width: 100%;
    vertical-align: bottom;
}


#header{
    background-image: url(../art/mikrofan-header.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 50px;
    left: 100px;
    width: 337px;
    height: 400px;
    z-index: 1;
}

#myspace-logo{
    position: absolute;
    top: 190px;
    left: 193px;
    width: 69px;
    height: 17px;
}
#meerfilm-logo{
    position: absolute;
    top: 185px;
    left: 283px;
    width: 69px;
    height: 17px;
}
.logo:hover{filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;}



#contact{
    position: absolute;
    text-transform: uppercase;
    font-weight: normal;
    top: 148px;
    left: 0px;
    width: 328px;
    height: 40px;
    text-align: right;
}




/* TRAILER STYLES */

/* div that contains the embed */
#mov_container{
    padding-top: 4%;
    padding-left: auto;
    padding-right: auto;
    text-align: center;
    z-index: 99;
    background-color: black;
}

/* BG shade while playing mov's */
#movBG{
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: black;
    filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: none;
}

/* video thumbnail & link */
.movitem{}
.movitem:hover{}
.movitem img:hover{}

.hvlog{
    position: relative;
    }

/* the close trailer link */
#closeMov{
    top: 500px;
    position: absolute;
    padding-left: auto;
    padding-right: auto;
    width: 100%;
    height: 20px;
    cursor: pointer;
    display: none;
    z-index: 99;
    text-align: center;
    color: white;
    font-size: 10px;
    font-weight: normal;
}