/* ========= GENERAL SETTINGS ========= */
body {
background:url(element/bg.jpg);
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
margin:0px;
padding:0px;
}

a {color:#ff9900; text-decoration:none;}
a:hover {color:#009ccd; text-decoration:none;}

h2 {
margin:0px;
padding-top:0px;
padding-bottom:12px;
}

ul li {padding-bottom:5px;}

/* ========= PAGE SETTINGS ========= */
#main {
width:920px;
position:relative;
left:50%;
margin-left:-460px;
}

#head {
height:205px;
background:url(element/head.jpg) no-repeat top left;
}

#nav {
width:119px;
padding-top:6px;
float:left;
}

#nav_head {height:20px; width:119px; background:url(element/nav_bg_top.jpg) no-repeat top; }
#nav_body {width:119px; background:url(element/nav_bg_mid.jpg) repeat-y left; padding: 12px 0px 0px 11px; }
#nav_foot {height:12px; width:119px; background:url(element/nav_bg_bot.jpg) no-repeat bottom;}

#nav_body div {padding-bottom:12px;}

a.nav_but {
background-position:top left;
display: block;
line-height:39px;
height:49px;
width:95px;
}

a.nav_but_lang {
background-position:top left;
display: block;
line-height:39px;
height:43px;
width:44px;
}

a.nav_but:hover, a.nav_but_lang:hover {
background-position:bottom;
}

#content {
width:781px;
padding-top:6px;
padding-bottom:20px;
float:right;
}

#content_head {height:16px; width:781px; background-position:top; background-repeat:no-repeat;}
#content_body {width:781px; background:url(element/content_bg_mid.jpg) repeat-y;}
#content_foot {height:20px; width:781px; background:url(element/content_bg_bot.jpg) bottom no-repeat;}

#content_foot div {
position:relative;
left:50%;
margin-left:-45%;
width:90%;
margin-bottom:10px;
border-top:1px solid #666666;
font-size:9px;
color:#666666;
}

#content_foot div a {color:#666666; text-decoration:underline;}

.inner_content {
margin:0px 10px 0px 10px;
padding:10px 0px 10px 0px;
}

/* ========= BOXEN ========= */
.box1, .box2, .box3 {
width:732px;
padding: 12px 0px 12px 25px;
}

.box4 {
width:602px;
padding: 12px 0px 12px 25px;
min-height:370px;
}

.box_head {height:30px; background-position:top left;}
.box_body {background-repeat:repeat-y; background-position:15px;}
.box_body .inner_space {padding-left:50px; margin-right:20px; padding-bottom:10px;}
.box_foot {height:4px; background-repeat:no-repeat; background-position:bottom right;}

.box_body .headline {
width:671px;
height:46px;
background:url(element/content_box_headline.jpg) top left no-repeat;
font-size:18px;
font-weight:bold;
padding:0px 0px 0px 18px;
vertical-align:middle;
}

.box_textvert {
width:24px;
position:absolute;
padding-left:17px;
}

.box_statbox {
width:41px;
height:76px;
position:absolute;
margin-top:-76px;
}

.img_frame {
background:url(element/content_box_frame.jpg) top left no-repeat;
padding:4px 19px 4px 19px;
}

.img_frame2 {
margin:2px 4px 0px 4px;
}

.img_frame_cinemascope {
background:url(element/content_box_frame_cinemascope.jpg) top left no-repeat;
padding:0px 21px 0px 21px;
}

.box1 .box_head {background-image:url(element/content_box1_top.jpg);}
.box1 .box_body {background-image:url(element/content_box1_mid.jpg);}
.box1 .box_foot {background-image:url(element/content_box1_bot.jpg);}

.box2 .box_head {background-image:url(element/content_box2_top.jpg);}
.box2 .box_body {background-image:url(element/content_box2_mid.jpg);}
.box2 .box_foot {background-image:url(element/content_box2_bot.jpg);}

.box3 .box_head {background-image:url(element/content_box3_top.jpg);}
.box3 .box_body {background-image:url(element/content_box3_mid.jpg);}
.box3 .box_foot {background-image:url(element/content_box3_bot.jpg);}

.box4 .box_head {background-image:url(element/content_box4_top.jpg);}
.box4 .box_body {background-image:url(element/content_box4_mid.jpg);}
.box4 .box_foot {background-image:url(element/content_box4_bot.jpg);}

/* ========= FILM ========= */

#film_status {
width:732px;
height:265px;
background:url(element/film_status_bg.jpg) no-repeat;
margin-left:20px;
}

#film_status div{
padding-top:25px;
padding-left:47px;
}

#film_status img {
display: block;
padding-bottom:10px;
}

/* ========= MAKING OF ========= */
.making_of_short {
width:285px;
height:203px;
background:url(element/making_of_short_frame.jpg) top left no-repeat;
}

.making_of_short_kb {
width:34px;
color:#000000;
font-weight:bold;
font-size:10px;
float:left;
text-align:center;
margin:172px 0px 0px 2px;
}

.making_of_short_img {
float:right;
padding:19px 4px 0px 0px;
}

.making_of_large {
width:675px;
height:203px;
background:url(element/making_of_large_frame.jpg) top left no-repeat;
}

.making_of_large_kb {
width:34px;
color:#000000;
font-weight:bold;
font-size:10px;
float:left;
text-align:center;
margin:172px 0px 0px 2px;
}

.making_of_large_img {
float:right;
padding:19px 4px 0px 0px;
}

.making_of_flash {
width:365px;
height:284px;
background:url(element/making_of_flash.jpg) top left no-repeat;
margin-left:200px;
}

.making_of_flash_kb {
width:34px;
color:#000000;
font-weight:bold;
font-size:10px;
float:left;
text-align:center;
margin:252px 0px 0px 2px;
}

.making_of_flash_img {
float:right;
padding:19px 4px 0px 0px;
}

#flash_video div {
margin-top:120px;
margin-right:30px;
}

/* ========= BILDER ========= */
#bilder_01 {
width:732px;
height:272px;
background:url(element/bilder_bg01.jpg) no-repeat;
margin-left:20px;
}

#bilder_link_bruecke {width:202px; height:61px; position:absolute; margin:42px 0px 0px 512px;}
#bilder_link_masch {width:216px; height:137px; position:absolute; margin:119px 0px 0px 289px;}
#bilder_link_krankenstation {width:201px; height:128px; position:absolute; margin:128px 0px 0px 513px;}

a.bilder_link {
background-position:left top;
background-repeat:no-repeat;
display:block;
line-height:220px;
}

a.bilder_link:hover {
background-position:right top;
}

#bilder_bg {
width:700px;
height:489px;
background:url(element/bilder_bg.jpg) no-repeat;
position:relative;
top:10px;
left:36px;
}

#bilder_bild {
position:absolute;
margin:20px 0px 0px 80px;
}

#bilder_buttons {
position:absolute;
margin:20px 0px 0px 22px;
}

#bilder_buttons div {
padding-bottom:10px;
}

#bilder_buttons a {
width:44px;
height:44px;
display:block;
line-height:44px;
font-weight:bold;
color:#000000;
}

a.bilder_but_act {background:url(element/bilder_link_buttons.jpg) left 0px;}
a.bilder_but_act:hover {background-position:left -44px;}
a.bilder_but_on {background:url(element/bilder_link_buttons.jpg) left -88px;}
a.bilder_but_on:hover {background-position:left -132px;}
a.bilder_but_off {background:url(element/bilder_link_buttons.jpg) left 44px; cursor:default;}

/* ========= GÄSTEBUCH ========= */

#frame_gb {
width:771px;
height:520px;
margin-left:5px;
border:none;
}

/* ========= CREW ========= */

.crew {
margin-left:10px;
padding-top:10px;
padding-bottom:20px;
}

a.crew_link img {
margin-top:2px;
border-top:2px solid #FFFFFF;
border-left:2px solid #FFFFFF;
}

a.crew_link:hover img {
border-color:#FF0000;
}

.vita_right {
float:right;
padding:26px 26px 0px 0px;
}

.vita_right img {
border-top:2px solid #FFFFFF;
border-left:2px solid #FFFFFF;
margin-bottom:10px;
}