body { /* font: default 16px to 10px */
    font: 62.5% verdana, tahoma, arial, helvetica, sans-serif; 
    background: #87a9d2 url(../img/hg_wolken.gif) repeat 0 0;
}
* {
    margin: 0;
    padding: 0;
}
img {
    border: 0;
}
/* Layout
----------------------------------- */
#wrapper {
    width: 924px;
    font-size: 120%;
}
#branding {
    position: relative;
    height: 8em;
}
#branding .title {
    position: absolute;
    top: 24px;
    left: 347px;
}
#branding .notice {
    position: absolute;
    top: 0;
    left: 700px;
}
#content {
    margin: 0 0 12px 12px;
    width: 912px;

}
#main {
    background: #fff;
    padding: 12px 6px 12px 6px;
}
#box {
    position: relative;
    height: 350px;
    width: 900px;
    background: url(../img/home.gif) no-repeat 0 0;
}
#main>#box {
    height: auto;
    min-height: 350px;
    background: url(../img/home.gif) no-repeat 0 0;
}
#partner {
    background: #fff;
    padding: 10px 12px 12px 12px;
}
#partner p {
    margin-bottom: 12px;
    color: #fff;
    text-transform:uppercase;
}
#partner p span {
    background-color: #ff6600;
    
}
#partner ul {
    height: 1%;
}
#partner ul li {
    list-style-type: none;
    float: left;
    margin-right: 20px;

}
/* navigation */
#nav {
   width: 100%;
   border-bottom: 20px solid #000;
   height: 1%;
}
#nav ul#nav-box {
   margin: 0;
   padding: 0;
}
#nav ul#nav-box li {
   list-style: none;
   float: left;
}
#nav ul#nav-box li a {
   display: block;
}
#nav ul#nav-box li a span {
   display: block;
   text-indent: -2000px;
}
#nav ul#nav-box li#nav1 a {
   width: 114px;
   height: 31px;
   background: url(../img/navi1.gif) no-repeat 0 0;
}
#nav ul#nav-box li#nav1 a:hover,
#nav ul#nav-box li#nav1 a.active {
   width: 114px;
   height: 31px;
   background: url(../img/navi1_2.gif) no-repeat 0 0;
}
#nav ul#nav-box li#nav2 a {
   width: 114px;
   height: 31px;
   background: url(../img/navi2.gif) no-repeat 0 0;
}
#nav ul#nav-box li#nav2 a:hover,
    #nav ul#nav-box li#nav2 a.active {
   width: 114px;
   height: 31px;
   background: url(../img/navi2_2.gif) no-repeat 0 0;
}
#nav ul#nav-box li#nav3 a {
   width: 116px;
   height: 31px;
   background: url(../img/navi3.gif) no-repeat 0 0;
}
#nav ul#nav-box li#nav3 a:hover,
#nav ul#nav-box li#nav3 a.active {
   width: 116px;
   height: 31px;
   background: url(../img/navi3_2.gif) no-repeat 0 0;
}
#nav ul#nav-box li#nav4 a {
   width: 133px;
   height: 31px;
   background: url(../img/navi4.gif) no-repeat 0 0;
}
#nav ul#nav-box li#nav4 a:hover,
#nav ul#nav-box li#nav4 a.active {
   width: 133px;
   height: 31px;
   background: url(../img/navi4_2.gif) no-repeat 0 0;
}
#nav ul#nav-box li#nav5 a {
   width: 128px;
   height: 31px;
   background: url(../img/navi5.gif) no-repeat 0 0;
}
#nav ul#nav-box li#nav5 a:hover,
#nav ul#nav-box li#nav5 a.active {
   width: 128px;
   height: 31px;
   background: url(../img/navi5_2.gif) no-repeat 0 0;
}
#nav ul#nav-box li#nav6 a {
   width: 129px;
   height: 31px;
   background: url(../img/navi6.gif) no-repeat 0 0;
}
#nav ul#nav-box li#nav6 a:hover,
#nav ul#nav-box li#nav6 a.active {
   width: 129px;
   height: 31px;
   background: url(../img/navi6_2.gif) no-repeat 0 0;
}
#nav ul#nav-box li#nav7 a {
   width: 154px;
   height: 31px;
   background: url(../img/navi7.gif) no-repeat 0 0;
}
#nav ul#nav-box li#nav7 a:hover,
#nav ul#nav-box li#nav7 a.active {
    width: 154px;
    height: 31px;
    background: url(../img/navi7_2.gif) no-repeat 0 0;
}
/* clear */
#partner ul:after,
#nav ul#nav-box:after {
    content: " ";
    display: block;
    clear: both;
}
/* LINKS
----------------------------------- */

a {
    color: #900;
    text-decoration: none;
}
#main p a { /* links im Text */
    text-decoration: underline;
}
a:visited {
    color: #900;
}
a:hover {  
    text-decoration: underline;
}
a:active, 
a:focus {
    text-decoration: underline;
}
#plakat #box,
#crew #box,
#inhalt #box,
#trailer #box {
    height: 370px;
    background: #000 url(../img/bg_box.gif) no-repeat 0 0;
}
#plakat #main>#box,
#crew #main>#box,
#inhalt #main>#box,
#trailer #main>#box {
    height: auto;
    min-height: 370px;
}
#plakat #box a {
    display: block;
    position: absolute;
    left: 290px;
    top: 40px;
    color: #000;
    font-family: times, serif;
    font-size: 120%;
    border-bottom: 1px dotted #000;
}
#plakat #box a:hover {
    text-decoration:none;
}
#trailer embed#flash {
    margin-top: 18px;
}