body {
background-color: #000000;
margin: 0px;
font-family: Arial;
font-size: 11px;
line-height: 17px;
font-weight: normal;
text-align: center;
color: #ffffff;
}

#container {
background-image: url(../images/bg.jpg);
background-repeat: no-repeat;
width:980px;
height:630px;
/* fuer horizontale und vertikale zentrierung */
position: absolute;
left:50%;
margin-left:-490px;  /* Um die HŠlfte der Breite nach links schieben */
top:50%;
margin-top:-315px;  /* Um die HŠlfte der Hšhe nach oben schieben */
}

#home {
width: 980px;
height: 630px;
position: absolute;
top: 0px;
left: 0px;
}

#fl_navi {
background-color: #000000;
width: 160px;
height: 630px;
position: absolute;
top: 0px;
left: 0px;
}
#static_content {
background-image: url(../images/bg_mitte.jpg);
background-repeat: no-repeat;
width: 600px;
height: auto;
text-align: center;
padding-top: 150px;
position: absolute;
top: 0px;
left: 160px;
}
#static_content_movie {
background-image: url(../images/bg_mitte2.jpg);
background-repeat: no-repeat;
width: 600px;
height: 480px;
text-align: center;
padding-top: 150px;
position: absolute;
top: 0px;
left: 160px;
}
#kosmo_logo {
background-image: url(../images/kosmo_logo.jpg);
background-repeat: no-repeat;
width: 220px;
height: 630px;
position: absolute;
top: 0px;
left: 760px;
}


.preview_padding {
margin: 10px;
}
.preview_padding_top {
margin: 0px;
}

.next {
margin-top: 20px;
}
h1 {
font-weight: normal;
font-size: 11px;
}
:focus {
  outline: 0;
}