/*========================================================
    1.KALIBRIERUNG
========================================================*/
* {
    padding: 0;
    margin: 0;
    border: none;
}


/*=========================================================
    2.ALLGEMEINE STYLES
=========================================================*/
html, body {height: 101%;}
body {
    margin: 0px auto;
    font-family: "Times New Roman", Georgia, serif;
    font-size: 12px;
    color: #8e8e8e;
}
h2, h3, h4, h5 {font-weight: normal;}
h2 {color: #4c4c4c;}
h4, h5 {font-size: 12px; line-height: 15px; color: #4c4c4c; display: inline;}
h5 {color: #8E8E8E; display: block;}

a:link, a:visited {text-decoration: underline; color: #8e8e8e; font-style: italic;}
a:hover, a:focus, a:active {text-decoration: underline; color: #4c4c4c; font-style: italic;}


/*LOGIN*/
.login_right {width: 900px; float: left; text-align: left;}
.login_left {margin-bottom: 15px; margin-right: 15px; float: left;}
    .login_left span {height: 13px; padding: 0px; margin-bottom: 16px; font-size: 12px; display: block;}
    .login_left span.user {color: #4c4c4c;}
    .input {background: transparent; padding: 2px; border: 1px solid #d5d5d5; margin-bottom: 10px; font-size: 10px; display: block;}
    .input:focus {border: 1px solid #8e8e8e;}
    .submit_div {position: relative; text-decoration: underline;}
    .submit {width: 25px; background: transparent; color: #8e8e8e; cursor: pointer; padding: 0px; position: absolute; left: 0px; top: 0px;}
    .submit_div:hover, .submit_div:focus, .submit_div:active {color: #4c4c4c;}
    
/*ABOUT & DISCLAIMER*/
#about {padding-bottom: 30px; border-bottom: 1px solid #d5d5d5;}
    #about_left {width: 500px; margin-right: 30px; float: left;}
    #about_right {padding-left: 530px;}
    #about img {margin-bottom: 40px;}
    .first_description h4, #about h4 {font-size: 12px; font-weight: normal; color: #4c4c4c; display: inline;}
    #about span.left {color: #4c4c4c;}
#impressum {padding-top: 45px; width: 500px;}
    #impressum h4 {font-size: 12px; font-weight: normal; color: #4c4c4c;}

/*=========================================================
    3.LAYOUTBEREICHE
=========================================================*/
#wrapper {
    width: 1024px;
    height: auto;
    margin: auto;
}
    #header {
        width: 1024px;
        padding-top: 45px;
        padding-bottom: 30px;
        border-bottom: 1px solid #d5d5d5;
        margin-left: 9px;
        background: #fff;
        position: relative;
    }
        #logo {
            position: absolute;
            top: 45px; left: -9px;
        }
        #contact {
            padding-top: 33px;
            text-align: right;
            float: right;
        }
            #contact span {color: #4c4c4c;}
        #navi {
            padding-top: 75px;
        }
            #navi li {list-style: none; float: left;}
            #navi a:link, #navi a:visited {
                text-decoration: none;
                color: #8e8e8e;
                font-style: normal;
            }
            #navi a:hover, #navi a:focus, #navi a:active, #navi a.active {
                outline: 0px;
                text-decoration: none;
                color: #4c4c4c;
                font-style: normal;
            }
                
    #content {
        width: 1024px;
        padding-top: 28px;
        padding-left: 9px;
        margin-right: 9px;
    }
    #footer {
        height: 50px;
    }

/*===========================================================
    4.SONSTIGE STYLES
===========================================================*/
#opener_content {
    margin-bottom: 28px;
}
    #opener_content div {
        padding-bottom: 28px;
        border-bottom: 1px solid #d5d5d5;
    }
.slide_box {
    margin-bottom: 40px;
    background: #fff;
    position: relative;
}

    .slide_image {
        
    }
        .slide_image h2, .slide_image h3 {
            font-size: 12px;
            font-weight: normal;
            line-height: 15px;
        }
        .slide_image h3, .frame h5 {margin-bottom: 8px;}
        .framesContainer h3 {margin-bottom: 45px;}
        .slide_image img.preview_image {
            cursor: pointer;
        }
        .slide_image img.loader_gif {display: none; float: right;}
        
    .slide_content {
        background: rgb(255, 255, 255);
        display: none;
        overflow: hidden;
        position: absolute;
        top: 0px; left: 0px;
        z-index: 100;
    }
        div.frame {
            margin-bottom: 28px;
        }
            .frame_bottom {margin-top: 28px;}
            div.frame_description, .bottom div.description {
                width: 480px;
                padding-right: 38px;
                float: left;
            }
            div.frame_credits, .bottom div.credits {
                margin: 0 0 0 518px;
            }
        .slide_content h2, .slide_content h3 {
            font-size: 19px;
            font-style: italic;
            line-height: 19px;
        }
        div.movie_buttons {margin-top: 28px;}
        span.close, span.back {background: url('../gfx/pfeil_links_sprite.gif');}
        span.watch {background: url('../gfx/pfeil_rechts_sprite.gif');}
        span.close, span.watch, span.back {
            background-repeat: no-repeat;
            background-position: 0px 4px;
            padding-left: 25px;
            margin-right: 10px;
            text-decoration: underline;
            cursor: pointer;
            display: none;
            font-style: italic;
        }
        span.back {margin-right: 0; display: inline; position: absolute; top: 0px; right: 0px;}
        span.watch {display: inline;}
        span.close:hover, span.watch:hover, span.back:hover {background-position: 0px -12px; color: #4c4c4c;}
        div.mediaspace {
            display: none;
            overflow: hidden;
        }
            div.mediaspace embed {
                margin-top: 8px;
            }
        div.mediaspace_visible {
            overflow: hidden;
        }
        div.bottom {
            width: 100%;
            border-bottom: 1px solid #d5d5d5;
        }
            .credits_left {color: #4c4c4c;}