/* 
    Document   : style
    Created on : 10.06.2011, 12:16:16
    Author     : Michael Brocksch
*/

html {
    background: #515151;
}

body {
    /*display: none;*/
}

body#yellow  {
    color: #fff;
    background: #515151 url('../img/back_gradient.gif') repeat-x;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 16px;
    margin: 0;
    /*display: none;*/
}
body#blue {
    color: #fff;
    background: #515151 url('../img/back_gradient.gif') repeat-x;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 16px;
    /*margin: 0;  */ 
}
body#white {
    color: #fff;
    background: #515151 url('../img/back_gradient.gif') repeat-x;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 16px;
    margin: 0;   
}
body#orange {
    color: #fff;
    background: #515151 url('../img/back_gradient.gif') repeat-x;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 16px;
    margin: 0;   
}
body#red {
    color: #fff;
    background: #515151 url('../img/back_gradient.gif') repeat-x;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 16px;
    margin: 0;   
}
body#green {
    color: #fff;
    background: #515151 url('../img/back_gradient.gif') repeat-x;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 16px;
    margin: 0;   
}

#outerback_yellow {
    float: left;
    width: 100%;
    height: 100%;
    min-height: 1400px;
    background: transparent url('../img/back_yellow_2560.jpg') no-repeat 50% 0px;   
    margin: 0 auto;
}
#outerback_blue {
    float: left;
    width: 100%;
    height: 100%;
    min-height: 1400px;
    background: transparent url('../img/back_blue_2560.jpg') no-repeat 50% 0px;   
    margin: 0 auto;
}
#outerback_white {
    float: left;
    width: 100%;
    height: 100%;
    min-height: 1400px;
    background: transparent url('../img/back_white_2560.jpg') no-repeat 50% 0px;   
    margin: 0 auto;
}
#outerback_orange {
    float: left;
    width: 100%;
    height: 100%;
    min-height: 1400px;
    background: transparent url('../img/back_orange_2560.jpg') no-repeat 50% 0px;   
    margin: 0 auto;
}
#outerback_red {
    float: left;
    width: 100%;
    height: 100%;
    min-height: 1400px;
    background: transparent url('../img/back_red_2560.jpg') no-repeat 50% 0px;   
    margin: 0 auto;
}
#outerback_green {
    float: left;
    width: 100%;
    height: 100%;
    min-height: 1400px;
    background: transparent url('../img/back_green_2560.jpg') no-repeat 50% 0px;   
    margin: 0 auto;
}


#wrapper {
    margin: 0 auto;
    width: 940px;
}

#header {
    float: left;
    width: 100%;
    height: 235px;
}

#content {
    float: left;
    width: 100%;
}

.intro {
    margin-top: -117px;
}

.intro p {
    font-size: 16px;
    line-height: 20px;
}

#footer {
    float: left;
    clear: both;
    width: 940px;
    height: 212px;
    margin-top: 20px;
    margin-bottom: 40px;
    background: #1b1a1c url('../img/footer_back.jpg') no-repeat left top;
}

#footerinfo {
    color: #58574a;
    font-size: 10px;
    margin-top: 193px;
    margin-left: 13px;
}

h1#logo_yellow, h1#logo_blue, h1#logo_white, h1#logo_orange, h1#logo_red, h1#logo_green {
    float: left;
}

h1#logo_white a {
    float: left;
    background: transparent url('../img/logo_park17.png') no-repeat;
    width: 176px;
    height: 55px;
    margin-top: 5px;
    margin-left: -6px;
}
   

/* --- TOPNAVIGATION ---*/


/* ---------------------------------------------- */

#subnav_yellow {
    float: right;
    clear: both;
    font-size: 14px;
    margin-top: -30px;
    text-align: right;
}

#subnav_yellow a{
    color: #58574a !important;
}
#subnav_yellow a:hover, #subnav_yellow li.activated{
    color: #deda00 !important;
}

#subnav_white {
    float: right;
    clear: both;
    font-size: 14px;
    margin-top: -30px;
    text-align: right;
}

#subnav_white a{
    color: #58574a !important;
}
#subnav_white a:hover, #subnav_white li.activated{
    color: #fff !important;
}



#subnav_blue {
    float: right;
    clear: both;
    font-size: 14px;
    margin-top: -30px;
    text-align: right;
}

#subnav_blue a{
    color: #58574a !important;
}
#subnav_blue a:hover, #subnav_blue li.activated{
    color: #65d1ff !important;
}


#subnav_orange {
    float: right;
    clear: both;
    font-size: 14px;
    margin-top: -30px;
    text-align: right;
}

#subnav_orange a{
    color: #58574a !important;
}
#subnav_orange a:hover, #subnav_orange li.activated{
    color: #ffa025 !important;
}

#subnav_red {
    float: right;
    clear: both;
    font-size: 14px;
    margin-top: -30px;
    text-align: right;
}

#subnav_red a{
    color: #58574a !important;
}
#subnav_red a:hover, #subnav_red li.activated{
    color: #fa1551 !important;
}

#subnav_green {
    float: right;
    clear: both;
    font-size: 14px;
    margin-top: -30px;
    text-align: right;
}

#subnav_green a{
    color: #58574a !important;
}
#subnav_green a:hover, #subnav_green li.activated{
    color: #55fa15 !important;
}



.filmliste {
    float: left;
    margin-top: 84px;
}
.filmlisteitem {
    float: left;
    width: 300px;
    margin: 0 20px 20px 0;
    display: none;
}
.filmlistelink {
    float: left;
    border-top: 1px solid #5c5c5c;
    background: #1b1a1c;
    height: 19px; 
    font-size: 11px;
    color: #fff;
    padding: 9px 12px 0px 8px;
    width: 280px;
}


.filmlistelink a.inline2{
    color: #58574A !important;
}
.filmlistelink a.inline2:hover{
    color: #DEDA00 !important;
}

.inliner {
    display: block;
    width: 300px;
    height: 169px;
}

.playgreen {
    color: #f1ff28;
    margin-top: -1px;
}

.filmlayer {
    float: left;
    margin-bottom: 50px;
}

/* --- STANDARDS --- */


h2 {
    font-size: 36px;
    line-height: 60px;
    margin-left: -2px;
    margin-bottom: 15px;
}

h3 {
    color: #fff;
    font-size: 30px;
    font-weight: normal;
    margin-top: 32px;
    margin-bottom: 10px;
    line-height: normal;
}

h4 {
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    margin-top: 40px;
    margin-bottom: -20px;
    line-height: normal;
}

.layerh3 {
    
}

hr{
 border: 0px; /* Für Firefox und Opera */
 border-top: solid 1px #1b1a1c;
 border-bottom: solid 1px #5c5c5c; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
}

.col_last {
    margin-right: 0px;
}


/* Hyperlinks */

#yellow a  {
    color: #deda00;
    text-decoration: none;
}
#yellow a:hover {
    color: #fff;
}
#yellow .active, .yellowactive {
    color: #DEDA00 !important;
}

#orange a  {
    color: #ffa025;
    text-decoration: none;
}
#orange a:hover {
    color: #fff;
}
#orange .active, .orangeactive {
    color: #ffa025 !important;
}

#blue a {
    color: #65d1ff;
    text-decoration: none;
}
#blue a:hover {
    color: #fff;
}
#blue .active {
    color: #65d1ff;
}

#white a  {
    color: #fff;
    text-decoration: none;
}
#white a:hover {
    color: #fff;
}
#white .active, .whiteactive {
    color: #ffa025 !important;
}

#red a {
    color: #fa1551;
    text-decoration: none;
}
#red a:hover {
    color: #fff;
}
#red .active, .redactive {
    color: #fff !important;
}


#green a {
    color: #55fa15;
    text-decoration: none;
}
#green a:hover {
    color: #fff;
}

#green .active, .greenactive {
    color: #fff !important;
}

/* End Hyperlinks */




img {
    border: 0 none;
}

.f_left {
    float: left;
}
.f_right {
    float: right;
}

.clearfix {
    clear: both;
}

.no_top_bottom_margin {
    margin-top: 0;
    margin-bottom: 0;
}

.invisible {
    display: none;
}

.video-js {
    margin: 0 auto;
}

.specs {
    margin-top: 10px;
    color: #ccc;
    width: 320px;
    float: left;
}

.specs_grau {
    color: #fff;
    display: block;
    width: 80px;
    float: left;
}

.description {
    margin-top: 10px;
    float: left;
    color: #cccccc;
    width: 388px;
    padding-left: 80px;
}

.description p {
    margin-top: 12px;
}

.desc_headline {
    font-size: 16px;
    margin-bottom: 16px;
}

#abouttabelle {
    margin-top: 100px;
}

#abouttabelle2 {
    margin-top: 30px;
    margin-bottom: 20px;
}

#abouttabelle td{
    padding-left: 10px;
    padding-right: 10px;
}

#abtleft {
    padding-left: 0px !important;
    padding-right: 10px;
}

#abtright {
    padding-left: 35px !important;
}

#imptable1 {
    margin-top: 120px;  
}

#imptable1 td{  
    vertical-align: top;
}

.slider img {
    display:none;
    width: 300px;
    height: 169px;
}

.iframeframe {

    text-align: center;
}



body#green .filmlistelink a.inline2 {
    color: #58574A !important;
}
body#green .filmlistelink a.inline2:hover {
    color: #55fa15 !important;
}

body#red .filmlistelink a.inline2 {
    color: #58574A !important;
}
body#red .filmlistelink a.inline2:hover {
    color: #fa1551 !important;
}

body#yellow .filmlistelink a.inline2 {
    color: #58574A !important;
}
body#yellow .filmlistelink a.inline2:hover {
    color: #f1ff28 !important;
}

body#orange .filmlistelink a.inline2 {
    color: #58574A !important;
}
body#orange .filmlistelink a.inline2:hover, .orangehover {
    color: #ffa025 !important;
}



/* ------------------------------------------------------------------ */

#topnav {
    float: right;
    margin-top: -6px;
}

#topnav li{
    display: block;
    float: left;
    margin-left: 20px;
    text-indent: 25px;
    padding-top: 4px;
}

#topnav ul li a{
    display: block;
    width: 140px;
    padding: 2px 0 0 0;
    min-height: 33px;
    color: #58574a;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    background: url(../img/topnav/red_inactive.gif) no-repeat left 5px;
    
}

#topnav li:nth-child(1) a:active, #topnav  li:nth-child(1) a:hover{
    color: #fa1551;
    background: url(../img/topnav/red_active.gif) no-repeat left bottom;
}
#topnav li:nth-child(2) a:active, #topnav  li:nth-child(2) a:hover{
    color: #55fa15;
    background: url(../img/topnav/green_active.gif) no-repeat left bottom;
}
#topnav li:nth-child(3) a:active, #topnav  li:nth-child(3) a:hover{
    color: #deda00;
    background: url(../img/topnav/yellow_active.gif) no-repeat left bottom;
}
#topnav li:nth-child(4) a:active, #topnav  li:nth-child(4) a:hover{
    color: #ffa025;
    background: url(../img/topnav/orange_active.gif) no-repeat left bottom;
}


#topnav li.activated {
    display: block;
    width: 140px;
    padding: 6px 0 0 0;
    min-height: 33px;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
}

#topnav li:nth-child(1).activated {
    color: #fa1551 !important;
    background: url(../img/topnav/red_active.gif) no-repeat left bottom !important;
}
#topnav li:nth-child(2).activated {
    color: #55fa15;
    background: url(../img/topnav/green_active.gif) no-repeat left bottom;
}
#topnav li:nth-child(3).activated {
    color: #deda00;
    background: url(../img/topnav/yellow_active.gif) no-repeat left bottom;
}
#topnav li:nth-child(4).activated {
    color: #ffa025;
    background: url(../img/topnav/orange_active.gif) no-repeat left bottom;
}


#topnav ul, #subnav_blue ul {
    list-style-type: none;
}

#overlay {
     display: none;
     visibility: hidden;
     position: absolute;
     background-color: rgba(0,0,0,0.85);
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
}

#overlay div {
     width: 800px;
     height: 600px;
     border: 1px solid #c9c6c5;
     background: url(../img/teaser_poisel.jpg) no-repeat left bottom;
     margin: 150px auto;
     background-color: #fff;
     text-align: right;
}

.overlay_text_box{
        float: left;
        margin-top: 135px;
        margin-left: 45px;
        text-align: left;
        width: 400px;
        line-height: 22px;
        font-size: 14px;
}

#close{
        display: block;
        margin: 25px 25px 0 0;
        cursor: pointer;
}