body  {
background: #000;
background-image: url(../img/bg.gif); 
margin: 0;
font-family: Arial;
color: #777;
font-size: 10px;
text-align: center;
scrolling: yes;
}

#main {
position: relative;
margin: auto;
width: 951px;
z-index: 0;
}

#header {
position: relative;
top: 20px;
width: 951px;
height: 105px;
background: #fff;
text-align: left;
z-index: 1;
}

#logo {
position: relative;
top: 0px;
left: 10px;
width: 931px;
height: 79px;
background: #fff;
text-align: left;
}

#box01 {
width: 246px;
float:left;
text-align: left;
}

.boxtext {
position: relative;
left: 20px;
top: 0px; 
width: 200px;
text-align: left;
}

#newsstern {
position: relative;
left: 50px;
top: 50px; 
z-index: 4;
}

#box02 {
float:left;
margin-right: 11px;
width: 225px;
text-align: left;
}

#box03 {
float:left;
margin-right: 11px;
width: 225px;
text-align: left;
}

#box04 {
float:left;
width: 225px;
text-align: left;
}

#navi {
position: relative;
top: 0px;
left: 10px;
width: 931px;
height: 18px;
background: #fff;
text-align: left;
z-index: 2;
}

#content {
position: relative;
top: 52px;
width: 951px;
text-align: center;
padding-top: 9px;
background: #fff;
z-index: 3;
}

.detailthumbs {
margin-left: 0;
margin-top: 11px;
margin-left: 11px;
float:left;
text-align: left;
}

span.designdetailthumb {
clear:left;
display: block;
width: 235px;
height: 79px;
margin-bottom: 11px;
/*background-image: url(../img/design_detail_thumb0.gif);*/
}




a.filmdetailthumb {
display: block;
width: 235px;
height: 79px;
margin-bottom: 11px;
background-image: url(../img/film_detail_thumb0.gif);
}


a.filmdetailthumb:hover {
background-image: url(../img/film_detail_thumb1.gif);
}

a.download {
text-decoration: underline;
color: #777;
}


a.download:hover {
text-decoration: none;
}

a.newslinkfilm {
text-decoration: none;
color: #f73bf1;
} 

a.newslinkdesign {
text-decoration: none;
color: #c5df00;
} 

a.newslinkmusik {
text-decoration: none;
color: #00cadf;
} 

.detailmedia {
float:left;
margin-left: 0;
margin-top: 11px;
margin-left: 11px;
text-align: left;
}

.detailtext {
float:left;
width: 200px;
margin-top: 11px;
margin-left: 22px;
text-align: left;
}


.overviewitem {
width: 951px;
height: 106px;
background-image: url(../img/uebersicht_bg_weiss.gif);
cursor: hand;
text-align: left;
}

.itemtext {
padding-left: 20px;
}

.homecontent {
background-image: url(../img/main_background.gif);
width: 951px;
height: 349px;
}

.detailcontent {
position: relative;
top: 0;
width: 940px;
height: 372px;
}

.itemcontent {
font-family: Arial;
color: #777;
font-size: 10px;
position: relative;
top: -1px;
left: 8px;
}

#detailnavi  {
width: 931px;
height: 23px;
background-image: url(../img/navi_border.gif);
margin-left: 11px;
}

img {
border: 0;
}

a.navi {
display: block;
width: 105px;
height: 18px;
background-color: #000;
float: left;
}

a#home {
background-image: url(../img/home0.gif);
}

a#home:active, a#home:hover {
background-image: url(../img/home1.gif);
}

a#film {
background-image: url(../img/film0.gif);
}

a#film:hover, a#filmactive {
background-image: url(../img/film1.gif);
}

a#design {
background-image: url(../img/design0.gif);
}

a#design:hover, a#designactive {
background-image: url(../img/design1.gif);
}

a#music {
background-image: url(../img/music0.gif);
}

a#music:hover, a#musicactive {
background-image: url(../img/music1.gif);
}

a#about {
background-image: url(../img/about0.gif);
}

a#about:hover, a#aboutactive {
background-image: url(../img/about1.gif);
}

span.film {
font-family: Arial;
font-size: 10px;
color: #f004ed;
}

span.design {
font-family: Arial;
font-size: 10px;
color: #b9db01;
}

span.music {
font-family: Arial;
font-size: 10px;
color: #0dc3d9;
}

#footer {
position: relative;
top: 85px;
width: 951px;
height: 70px;
background: #fff;
margin: auto;
padding-top: 9px;
}

#footerlinks {
position: relative;
background: #fff;
text-align: left;
float: left;
margin-top: 5px;
margin-left: 11px;
margin-right: 11px;
}


a#previous {
display: block;
float:left;
width: 58px;
height: 9px;
background-image: url(../img/subnavi_back0.gif);
background-repeat: no-repeat;
}

a#previous:hover {
background-image: url(../img/subnavi_back1.gif);
}

a#overview {
display: block;
float:left;
width: 58px;
height: 9px;
background-image: url(../img/subnavi_overview0.gif);
position: relative;
left: 385px;
background-repeat: no-repeat;
}

a#overview:hover {
background-image: url(../img/subnavi_overview1.gif);
}

a#next {
display: block;
float: left;
width: 58px;
height: 9px;
background-image: url(../img/subnavi_next0.gif);
position: relative;
left: 754px;
background-repeat: no-repeat;
}

a#next:hover {
background-image: url(../img/subnavi_next1.gif);
}