/*
* {border: 1px solid green;}
*[id]:after {content: attr(id); background: #ffd; color: black; border: 1px solid yellow;}
*[class]:after {content: attr(class); background: #fdd; color: black; border: 1px solid red;}

*[id] {border: 1px solid yellow;}
*[class] {border: 1px solid red;}
*/
/*
* {border: 1px solid red}
*/

* {margin: 0; padding: 0; border: 0 none;}

/* IE will das haben */
a, a:visited, a:hover, a:active, a:focus {color: #6caf22; text-decoration: none;}

/*bestehendes css */

body {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #9eb8ba;
background-color: #000;
text-align: center;
margin: 0; padding: 0;
}

/* Schriftformattierung allgemein */
p {font: 11px Verdana, Arial, Helvetica, sans-serif; line-height: 14px;}
h1, h2 {font: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #6caf22;}
h3, h4 {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #6caf22;}

/* Schriftformattierung Textile */
.bgruen {color: #6caf22; font-weight: bold;}
.gruen {color: #6caf22;}

/* Linkformattierung IE */
a, a:visited, a:hover, a:active, a:focus {color: #6caf22; text-decoration: none;}

/* Linkformattierung allgemein */
a {text-decoration: none; color: #6caf22;}
a:hover {text-decoration: none; color: #007380;}

#outer {margin: 0 auto; width: 935px;}
#wrapper {margin: 0px auto; width: 935px;}
#webseite {margin: 0 4px 0 0; width: 931px; text-align: left;}

.clearboth {clear: both;} 

/* Sprachwahl */
#sprachwahl {
margin-top: 30px;
padding-top: 3px;
border-top: 1px solid #007380;
height: 20px;
width: 931px;
color: #007380;
}

ul#lang {text-decoration: none; list-style-type: none; padding: 0; margin: 0; float: right;}
ul#lang li {display: table; float: left; text-align: right;}
ul#lang li a {text-decoration: none; color: #007380;}
ul#lang li a:hover {color: #6caf22;}
ul#lang .trenner {color: #007380;}
ul#lang .current_lang {color: #007380;}

/* Header */
#header {width: 230px; height: 144px;}
#header a {border-color: #000; color:#007380;}
#logo, #logo a {border-color: #000;}

/* Content ALLE */
#content {
width: 931px;  
padding: 0px;
vertical-align: top;
margin-left: 0px;
position: relative;
}

/* Content Aktuelles */
#content .smoothGallery{float: left; width: 631px;}
#content .txt-aktuelles {float: left; width: 236px; padding: 0; margin: 0 auto 0 30px;}

/* Content Prismafilm NEU */
#bg-foto {float: left; width: 631px; background-color:#00272b; position: relative; top: 0; left: 0; z-index: 100;}
#bg-foto2 {float: left; width: 631px; background-color:#00272b; position: relative; top: 0; left: 0; z-index: 100; border-bottom: 1px solid #000;}
.foto {margin: 14px 32px 0px 32px;}
.service {margin: 14px 32px 12px 32px;}
.copyright {margin: 2px 0 20px 36px; font: 10px Verdana, Arial, Helvetica, sans-serif; color:#007380; clear: left;}
.team {background-color: inherit; margin: 0; width: 246px; border-left: 631px solid #00272b; padding-left: 30px; position: absolute; top: 0; left: 0; height: 380px; overflow: auto;}
.team2 {background-color: inherit; margin: 0; width: 246px; border-left: 631px solid #00272b; padding-left: 30px; position: absolute; top: 400px; left: 0; height: 380px; overflow: auto;}
.service1 {background-color: inherit; margin: 0; width: 246px; border-left: 631px solid #00272b; padding-left: 30px; position: absolute; top: 0; left: 0; height: 320px; overflow: auto;}
.service2 {background-color: inherit; margin: 0; width: 246px; border-left: 631px solid #00272b; padding-left: 30px; position: absolute; top: 380px; left: 0; height: 320px; overflow: auto;}

/* Content Filme */
#filme {float: left; width: 931px;}
.balken-filme {display: block; width: 631px; clear: both; height: 116px; background-color:#00272b; border: 0; border-bottom: 1px solid black; list-style: none;}
.filmtitel {margin-left: 14px; line-height: 28px; color: #6caf22;}



.vorschau {float: left; display: inline; position: relative; background: transparent; padding: 0; width: 140px; height: 77px; margin: 0; margin-left: 0; border-left: 12px solid #00272b;}

/* IE will das haben */
.vorschau table {border-collapse: collapse; width: 0; height: 0; margin: -4px;}

.transtitel {padding: 0; margin: 0; width: 140px; list-style: none; height: 77px;}
.transtitel ul {padding: 0; margin: 0; list-style: none;}

.transtitel a span {position: absolute; left: -9999px; bottom: 0;}
.transtitel a:hover span b {display: block; font-size: 11px; padding: 0 0 2px 0;}
.transtitel a:hover span {left: 0px; bottom: 0; padding: 4px; width: 132px; background: url(files/backing.png); color: #6caf22; text-align: left; font-size: 11px; line-height: 12px; display: inline;}

/* Zitat ein und aus */
.transtitel li ul p {width: 240px; border: 0 none; background: inherit;}
.transtitel li ul {position: absolute; left: -9999px; top: 0;}
.transtitel:hover li ul {
height: auto;
text-align: left;
}

.transtitel:hover li .film1 {left: 645px; top: -30px;}
.transtitel:hover li .film2 {left: 493px; top: -30px;}
.transtitel:hover li .film3 {left: 341px; top: -30px;}
.transtitel:hover li .film4 {left: 189px; top: -30px;}




/* Content Filme Detail */
#filme2 {float: left; width: 631px; background-color: #00272b; position: relative; top: 0; left: 0px; z-index: 1; border: 0 none;}
.bg-filme {width: 595px; margin: 8px 18px; padding: 0;}
.filmtitelbold {color: #6caf22; font-weight: bold; text-transform: uppercase;}
.filminfo {color: #6caf22; padding-bottom: 12px; display: block;}
.trailer {padding: 0; background-color: #666; vertical-align: top; border: 0 none;}
#filmtrailer {padding: 0; background-color: #666; vertical-align: top; border: 0 none;}
.backlink {color: #6caf22; text-decoration: none; margin-bottom: 14px; width: 14em; display: block;}
.backlink a {color: #6caf22;}
.backlink a:hover {color: #007380;}

#infoblock {background-color: #000; margin: 0; width: 256px; margin-left: 661px;}
#infomenu {background-color: #000; font: 11px Verdana, Arial, Helvetica, sans-serif; line-height: 16px;}

#infomenu div.off {
color: #6caf22; 
text-decoration: underline;
margin-right: 0; 
padding-right: 4px; 
float:left; 
cursor:pointer; 
position:relative; 
}

#infomenu div.on {
color: #007380;
text-decoration: underline;
margin-right: 0; 
padding-right: 4px; 
float: left; 
cursor: pointer; 
border-bottom:0; 
position: relative; 
}

#infomenu div.spacer {
color: #6caf22;
padding-right: 4px;
float: left;
}

div.hide {display: none; width: 0; overflow: hidden;}

div.show {
float: left; 
background: inherit; 
width: 256px; 
margin-top: 0px; 
top:-1px; 
padding: 0px;
padding-top: 16px; 
position: relative; 
line-height: 14px;
border-left: 631px solid #00272b; 
padding-left: 30px;
margin-left: -661px;
}

/* .credits-tabelle, .coproduzent {width: 120px; display: block; float: left;} */
tr {vertical-align: top;}
td {width: 120px; padding-right: 5px; font: 11px Verdana, Arial, Helvetica, sans-serif;}

/* Content Filme Archiv */


/* Content Impressum, Links, Sitemap */
#bg-text {float: left; width: 631px; background-color: inherit; position: relative; top: 0; left: 0; z-index: 100;}
.impressum {background-color: inherit; margin: 0; width: 246px; border-left: 631px solid #000; padding-left: 30px; position: absolute; top: 0; left: 0;}

/* Footer */
#abstand {position: relative; bottom: 0px; width: 931px; height: 2px; clear: both;}

#footer {
text-align: right;
margin: 24px 0;
padding-top: 3px;
border-top: 1px solid #007380;
height: 20px;
width: 931px;
color: #007380;
clear:left;
}

ul#footermenu {text-decoration: none; list-style-type: none; padding: 0; margin: 0; float: right;}
ul#footermenu li {display: table; float: left; text-align: right;}
ul#footermenu li a {text-decoration: none; color: #007380;}
ul#footermenu li a:hover {color: #6caf22;}
ul#footermenu .trenner {color: #007380;}
ul#footermenu .current_lang {color: #007380;}

/* Sitemap */
.sitemap {width: 595px; margin: 8px 18px; padding: 0;}
.sitemaptitel {color: #6caf22; text-transform: uppercase; font: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin-bottom: 10px;}
.sitemap ul {margin-left: 14px; list-style-type: none; font: 11px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; margin-bottom: 10px;}
.sitemap ul ul {text-transform: none;}