body {
background: url(bg_wolken.jpg) top center repeat-x #FFF;
font-family: Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: normal;
color: #7f919d;
padding: 0px;
margin: 0px;
top: 0px;
left: 0px;
margin: 0;
padding: 0;
text-align: center;
}
/* ---------- A L L G E M E I N ---------- */
h1 {
font-size: 14px;
letter-spacing: 1px;
font-weight: bold;
color: #000;
margin: 0px;
padding: 8px 0px 8px 0px;
text-transform: uppercase;
border-top: dotted 2px #000;
}
h2 {
font-size: 12px;
font-weight: bold;
color: #000;
margin: 6px 0px 0px 0px;
padding: 0px;
text-align: left;
}
h3 {
font-size: 14px;
font-weight: bold;
color: #000;
margin: 4px 0px 0px 0px;
padding: 0px;
text-align: left;
}
h4 {
font-size: 13px;
font-weight: bold;
color: #000;
margin: 4px 0px 8px 0px;
padding: 0px;
text-align: left;
}
img {
border: none;
}
strong {
color: #637683;
}
a {
text-decoration: none;
color: #000;
}
a:hover {
text-decoration: none;
color: #7f919d;
}
br.next {clear:both;}
/* ---------- S I T E  W R A P ---------- */
#wrapper {
width: 800px;
padding: 0px;
margin: 0px auto;
text-align: left;
}
#absolute {
width: 800px;
position: absolute;
margin: 0px;
padding: 0px;
}
/* ---------- PAGINATION ABSOLUTE POSITION ---------- */
#absolute div.pagination {
width: 300px;
position: absolute;
margin: 0px 0px;
padding: 0px;
top: 500px;
left: 45px;
}
#absolute div.paginationLB {
width: 300px;
position: absolute;
margin: 0px 0px;
padding: 0px;
top: 500px;
left: 254px;
}
/* ---------- H E A D E R ---------- */
#header {
width: 800px;
height: 140px;
padding: 0px;
margin: 0px 0px 0px 0px;
border-bottom: dotted 2px #fff;
}
#logo {
width: 210px;
padding: 0;
margin: 0;
float: left;
}
#logo img {
margin: 84px 0px 0px 0px;
padding: 0px;
}
#navbox {
width: 590px;
padding: 0px;
margin: 0px;
float: right;
text-align: right;
}
/* ---------- C O N T E N T ---------- */
/* ---------- Filmtrailer ---------- */
#contentboxFilm {
width: 800px;
height: 390px;
padding: 0px;
margin: 15px 0 0 0;
background-color: #000;
}
#mediaplayer1 {
padding: 0px 0 2px 0;
margin: 0px 0 0 0;
}
#backLink {
padding: 0px;
margin: 1px 0 0 0;
}
#backLink a {
color: #fff;
padding: 0px 0px 0px 5px;
margin: 0px;
}
#backLink a:hover {
color: #7f919d;
}
/* ---------- Default ---------- */
/*contentbox mit Default BG Bild*/
#contentbox {
width: 800px;
height: 390px;
padding: 0px;
margin: 15px 0 0 0;
background-color: #000;
}
/*Definierte Hintergrundbilder - Nummer des Artikels*/
#BGImg1 {
height: 390px;
background: url(bg_news.jpg) left center no-repeat;
}
#BGImg91 {
height: 390px;
background: url(bg_news.jpg) left center no-repeat;
}
#BGImg90 {
height: 390px;
background: url(bg_news.jpg) left center no-repeat;
}
#BGImg92 {
height: 390px;
background: url(bg_news.jpg) left center no-repeat;
}
#BGImg80 {
height: 390px;
background: url(bg_news.jpg) left center no-repeat;
}
#BGImg85 {
height: 390px;
background: url(bg_news.jpg) left center no-repeat;
}
#BGImg86 {
height: 390px;
background: url(bg_news.jpg) left center no-repeat;
}
#BGImg87 {
height: 390px;
background: url(bg_news.jpg) left center no-repeat;
}
#BGImg75 {
height: 390px;
background: url(bg_news.jpg) left center no-repeat;
}
#BGImg76 {
height: 390px;
background: url(bg_news.jpg) left center no-repeat;
}
#BGImg73 {
height: 390px;
background: url(bg_news.jpg) left center no-repeat;
}
#BGImg57 {
height: 390px;
background: url(bg_news.jpg) left center no-repeat;
}
#BGImg61 {
height: 390px;
background: url(bg_news.jpg) left center no-repeat;
}
#BGImg72 {
height: 390px;
background: url(bg_news.jpg) left center no-repeat;
}
#BGImg95 {
height: 390px;
background: url(bg_news.jpg) left center no-repeat;
}
#BGImg2 {
height: 390px;
background: url(bg_firma.jpg) left center no-repeat;
}
#BGImg58 {
height: 390px;
background: url(bg_firma.jpg) left center no-repeat;
}
#BGImg4 {
height: 390px;
background: url(bg_in_vorbereitung.jpg) left center no-repeat;
}
#BGImg5 {
height: 390px;
background: url(bg_kontakt.jpg) left center no-repeat;
}
#BGImg6 {
height: 390px;
background: url(bg_team.jpg) left center no-repeat;
}
#BGImg7 {
height: 390px;
background: url(bg_philosophie.jpg) left center no-repeat;
}
#BGImg8 {
height: 390px;
background: url(bg_profil.jpg) left center no-repeat;
}
#BGImg59 {
height: 390px;
background: url(bg_andere.jpg) left center no-repeat;
}
#BGImg11 {
height: 390px;
background: url(bg_serien.jpg) left center no-repeat;
}
#BGImg10 {
height: 390px;
background: url(bg_dokumentarfilme.jpg) left center no-repeat;
}
#BGImg9 {
height: 390px;
background: url(bg_spielfilme.jpg) left center no-repeat;
}
#BGImg39 {
height: 390px;
background: url(bg_content_.jpg) left center no-repeat;
}
#BGImg42 {
height: 390px;
background: url(bg_marek.jpg) left center no-repeat;
}
#BGImg43 {
height: 390px;
background: url(bg_igor.jpg) left center no-repeat;
}
#BGImg93 {
height: 390px;
background: url(bg_petr.jpg) left center no-repeat;
}
#BGImg52 {
height: 390px;
background: url(bg_linda.jpg) left center no-repeat;
}
#BGImg68 {
height: 390px;
background: url(bg_impressum.jpg) left center no-repeat;
}

/* Weisser Hintergrund Filmübersicht-Template */
#BGWhite {
height: 390px;
background: url(bg_white.jpg) left center no-repeat;
}
/*Start Inhalt mit Abständen*/
#contentbox div.content {
width: 400px;
height: 330px;
padding: 40px 0px 0px 0px;
margin: 0px 0px 0px 45px;
text-align: justify;
}
#contentbox div.contentFilmOV {
width: 710px;
height: 330px;
padding: 40px 0px 0px 0px;
margin: 0px 0px 0px 45px;
text-align: justify;
}
#contentbox p {
margin: 0px 0px 8px 0px;
padding: 0px;
}
#contentbox img.flLeft {
float: left;
}
#contentbox ul {
padding: 0;
margin: 0px 0px 0px 15px;
}
#contentbox li {
padding: 0;
margin: 0px 0px 3px 0px;
}
/*Newsübersicht*/
#contentbox div.newsOV {
margin: 0px 0px 15px 0px;
padding: 0px;
border-top: dotted 2px #000;
}
#contentbox div.newsOV h1 {
margin: 0px;
padding: 8px 0px 8px 0px;
border-top: none;
}
#contentbox div.newsOV p {
margin: 0px 0px 8px 0px;
padding: 0px;
}
#contentbox div.newsOV p.nmore {
margin: 0px 0px 0px 0px;
padding: 0px;
}
/*Teamübersicht - Zürich und Ludwigsburg */
#contentbox div.teamOV {
margin: 0px 0px 10px 0px;
padding: 0px;
}
#contentbox div.teamOV img {
margin: 0px 0px 2px 0px;
padding: 0px;
}
#contentbox div.teamOV h2 {
margin: 0px 0px 2px 0px;
padding: 0px;
}
#contentbox div.teamOV h3 {
margin: 0px 0px 0px 0px;
padding: 0px;
}
/*Team Detailansicht - Zürich und Ludwigsburg */
#contentbox div.teamdetail {
margin: 0px 0px;
padding: 0px;
}
#contentbox div.teamdetail h3 {
margin: 4px 0px 15px 0px;
}
/*2-Spalten*/
#contentbox div.spalte1 {
float: left;
width: 188px;
height: 250px;
margin: 0px 0px;
padding: 0px 10px 0px 0px;
border-right: dotted 2px #000;
}
#contentbox div.spalte2 {
float: left;
width: 190px;
height: 250px;
margin: 0px 0px;
padding: 0px 0px 0px 10px;
}
#contentbox div.spalte1 h1,
#contentbox div.spalte2 h1 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 8px 0px;
border-top: none;
}
/*Filmübersicht mit oder ohne Bild - 1 oder 2 Spalten */
#contentbox div.filmOVimg {
width: 170px;
float: left;
margin: 0px 0px 10px 0px;
padding: 0px 5px 0px 0px;
text-align: left;
}
#contentbox div.filmOVimg img {
margin: 0px;
padding: 0px 0px 2px 0px;
}
#contentbox div.filmOVimg h1 {
margin: 0px 0px;
padding: 0px 0px;
border-top: none;
}
#contentbox div.filmOVimg p {
margin: 2px 0px 0px 0px;
padding: 0px;
color: #637683;
}
/* ---------- Filmdetail ohne BG-Bild ---------- */
#contentbox div.fdetail {
margin: 0px 0px;
padding: 8px 0px 0px 0px;
border-top: dotted 2px #000;
}
#contentbox div.fdetail h1 {
margin: 0px;
padding: 0px 0px 0px 0px;
border-top: none;
}
#contentbox div.fdetail img {
float: left;
margin: 0px 15px 0px 0px;
padding: 0px;
}
#contentbox div.fdetail p.finfo {
margin: 3px 0px 0 0;
padding: 0px;
}
/* ---------- Filmdetail mit BG-Bild ---------- */
#contentbox img.BGDetail {
width: 800;
height: 360px;
margin: 15px 0px 12px 0px;
padding: 0px 0px;
}
#contentbox div.fdetailBG {
position: absolute;
top: 197px;
left: 45px;
width: 400px;
margin: 0px 0px;
padding: 0px;
border-top: dotted 2px #000;
}
#contentbox div.fdetailBG h1 {
margin: 8px 0px 0px 0px;
padding: 0px 0px 11px 0px;
border-top: none;
}
#contentbox div.fdetailBG p.finfo {
margin: 0px 0px 3px 0;
padding: 0px;
}
#contentbox div.fdetailBG ul {
margin: 0px 0px 15px 0;
padding: 0px;
list-style-type: none;
}
#contentbox div.fdetailBG ul li {
margin: 0px 0px 3px 0;
padding: 0px;
}
#detailTop {
width: 400px;
height:240px;
margin: 0px 0px;
padding: 0px;
overflow: auto;
}
#detailBot {
height:90px;
margin: 0px 0px;
padding: 0px;
}
#detailBot img {
margin: 0px 10px 0px 0px;
padding: 0px;
}
#detailBot div.iphone,
#detailBot div.sd,
#detailBot div.hd {
float:left;
margin-top:12px;
}
#detailBot div.pagesL {
float:left;
margin-top:10px;
}
#detailBot div.pagesR {
float:right;
text-align:right;
margin-top:10px;
}
/* ---------- Impressum - Link ---------- */
#Imp {
float: left;
margin: 5px 0px 0px 0px;
padding: 0px;
text-transform: uppercase;
font-size: 10px;
}
#Imp a {
color: #fff;
}
#Imp a:hover {
color: #000;
}
/* Impressum - Inhalt */
#contentbox div.imp {
height: 310px;
padding: 0px 8px 0px 0px;
margin: 0px 0px;
overflow: auto;
}
/* ---------- F O O T E R ---------- */
#footer {
width: 800px;
text-align: right;
padding: 0;
margin: 5px 0px 0px 0px;
float: left;
font-weight: bold;
color: #000;
}
#footer span.langDE {
margin: 0px 10px 0px 0px;
padding: 0px;
}
#footer a:hover {
color: #000;
}
#footer a {
color: #fff;
}