/* ---------- Allgemeines ---------- */
body {
background:#000;
color:#fff;
margin:0;
padding:0;
}
#kino {
background:transparent url('/ct/creativ/08/bilder/hintergrund_unten.jpg') repeat-y;
color:#fff;
font:12px Helvetica, Arial, Verdana, sans-serif;
margin:-.3em 0 0;
padding:0;
position:relative;
width:1000px;
}
#kino #hintergrund {
background:transparent url('/ct/creativ/08/bilder/hintergrund_oben.jpg') top no-repeat;
margin:0;
padding:0;
width:1000px;
}
#kino .linke_spalte {
left:0;
line-height:1.3em;
padding:0 5px;
position:absolute;
top:20px;
width:150px;
}
#kino .mitte {
left:160px;
line-height:1.3em;
overflow:auto;
padding:10px 5px 20px 0;
position:relative;
top:.5em;
width:660px;
}
#kino .rechte_spalte {
line-height:1.3em;
padding:0 10px;
position:absolute;
right:0;
text-align:right;
top:.4em;
width:140px;
}
#kino .rechte_spalte p#landingpage { 
margin-bottom:5.5em;
}
#kino #navi_login {
font-size:1em;
}
#kino .zurueck {
background:#360c0c;
height:22px;
line-height:2em;
margin:0;
padding-right:10px;
text-align:right;
}
#kino .linke_spalte p {
padding:6px;
}
#kino .linke_spalte p img {
margin-top:1em;
}
#kino .mitte address {
font-size:1.2em;
font-style:normal;
line-height:1.3em;
}
#kino .mitte table {
margin-top:.8em;
}
#kino .mitte table td {
font:12px Helvetica, Arial, Verdana, sans-serif;
line-height:1.3em;
padding-bottom:1em;
text-align:center;
width:155px;
}
#kino .mitte table td img {
margin-bottom:0;
}
#kino .mitte p {
font-size:1.2em;
line-height:1.3em;
}
#kino .mitte p.abstimmung {
margin:1.5em 0;
text-align:center;
}
#kino .mitte p.abstimmung a,
#kino .mitte p.abstimmung a:link {
color:#e00;
font-size:1.2em;
font-weight:700;
}
.zurueck a {
color:#fff;
margin-left:1.5em;
text-decoration:none;
}
#kino #navi_login a,
#kino .mitte a {
background:transparent;
color:#fff;
text-decoration:none;
}
/* #kino .zurueck A:hover,
#kino #navi_login A:hover,
#kino .mitte A:hover {
	text-decoration: underline;
}
 */
#kino .mitte h1 {
font-size:1.4em;
}
#kino .mitte h2 {
font-size:1.3em;
}
#kino .mitte p a {
color:#bbb;
font-style:italic;
}
.linke_spalte ol li span { 
font-size:1.1em;
}
.linke_spalte ol li a { 
color:#fff;
font-size:1.1em;
font-weight:700;
text-decoration:none;
}
.linke_spalte ul li a { 
color:#fff;
font-size:1.1em;
font-style:italic;
font-weight:400;
text-decoration:none;
}
/* ---------- Voting ---------- */
#voting table td { 
background-color:#000;
height:150px;
text-align:center;
vertical-align:top;
width:140px;
}
#voting .error {
font-weight:700;
}
#voting h1,
#change_voting h1,
#videodetails h1 { 
color:#037bd5;
font-size:1.5em;
}
#voting h2,
#videodetails h2 {
color:#77bff5;
font-size:1.3em;
}
#change_voting h2 {
color:#999;
font-size:1.3em;
}
#voting h3 {
color:#666;
font-size:1.1em;
}
#videomatrix a {
font-family:Helvetiva, Arial, sans-serif;
font-weight:700;
text-decoration:none;
}
#videomatrix {
font-family:Helvetiva, Arial, sans-serif;
}
#voting .caption {
background-color:#464646;
color:#ccc;
font-size:.8em;
margin:2px;
padding:2px;
text-align:center;
}
#voting .nummer {
color:#000;
display:block;
font-size:14pt;
font-weight:700;
left:4px;
position:relative;
text-align:center;
top:38px;
}
#voting .bewertet {
background-color:#08a41b;
padding:2px;
}
#voting .bewertet a {
color:#ccc;
font-size:.8em;
padding-top:6px;
}
#hollywood {
float:right;
padding:0 0 0 30px;
}
#popcorn {
clear:both;
float:left;
margin:0;
}
#klappe {
float:right;
margin:-20px 0 0 20px;
}
#heise-account {
border:1px solid #fff;
color:#027bd5;
margin:6px 0 20px;
padding:0 0 0 10px;
}
#voting #heise-account {
text-align:center;
}
#text {
line-height:1.2em;
margin-top:10px;
}
#bewertungen_speichern {
background-color:#e8e8e8;
border:1px solid #ccc;
padding:4px;
text-align:center;
}
/* ---------- Error ---------- */
#kino #errors { 
height:500px;
}
#kino #errors .meldung { 
background-color:#fff;
border:.2em solid red;
color:#000;
padding:.2em;
}
/* ---------- Bewertung ---------- */
#kino #hintergrund .mitte #bewertung img { 
padding:0;
}
#kino #hintergrund .mitte #bewertung .cover { 
border:1px solid #888;
height:110px;
margin:0 0 .2em;
padding:0;
text-align:center;
width:110px;
}
#kino #hintergrund .mitte #bewertung .cover .abstand_quer { 
height:80px;
margin:0;
padding:0;
}
#kino #hintergrund .mitte #bewertung .cover .abstand_hoch { 
height:110px;
margin:0;
padding:0;
}
#kino #hintergrund .mitte #bewertung ul li { 
border:0;
float:left;
font-size:1em;
height:200px;
list-style-type:none;
margin:.3em;
padding:0;
white-space:normal;
width:125px;
}
#kino #hintergrund .mitte #bewertung ul.editorial_vote li {
height:10.5em;
margin-right:30px;
width:275px;
}
#kino #hintergrund .mitte #bewertung ul.editorial_vote li h2 { 
margin:0 0 2px;
padding:0;
}
#kino #hintergrund .mitte #bewertung ul.editorial_vote li p { 
font-style:italic;
margin-top:2px;
}
#kino #hintergrund .mitte #bewertung ul.editorial_vote li .links {
float:left;
width:115px;
}
#kino #hintergrund .mitte #bewertung ul.editorial_vote li .rechts {
float:right;
width:160px;
}
#kino #hintergrund .mitte #bewertung ul.editorial_vote li .rechts p {
margin-bottom:5px;
}
#kino #hintergrund .mitte #bewertung ul li span img { 
border:0;
height:11px;
margin:0;
padding:0;
width:13px;
}
#kino #hintergrund .mitte #bewertung ul li span a { 
margin:0;
padding:0;
}
#kino #hintergrund .mitte #bewertung .pages {
clear:both;
margin-left:3.6em;
}
#kino #hintergrund .mitte #bewertung .pages .pagelink_active {
background-color:#fff;
color:#000;
padding:0 2px;
}
#kino #hintergrund .mitte #bewertung .pages .pagelink {
padding:0 .2em;
}
/* ---------- Detailseite ---------- */
#kino #hintergrund .mitte #editorial_detailseite {
background:#fff;
color:#000;
font-family:monospace;
font-size:10px;
margin-top:.5em;
padding:25px;
}
#kino #hintergrund .mitte #editorial_detailseite #aufmacher {
float:right;
margin-bottom:1em;
}
#kino #hintergrund .mitte #editorial_detailseite #unterschrift {
display:block;
margin:1.2em 0 0;
}
#kino #hintergrund .mitte #editorial_detailseite #bewertung {
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
text-align:right;
}
#kino #hintergrund .mitte #editorial_detailseite p.funktion a {
color:#666;
}
/* ---------- Linke Spalte ---------- */
#navi_login {
color:#fff;
}
#navi_login br {
display:inline;
}
.linke_spalte h2 { 
font-size:1.2em;
margin-left:.5em;
}
.linke_spalte ol { 
list-style-type:none;
margin:0;
padding:0 0 0 .5em;
}
.linke_spalte ol li { 
margin:0;
}
.linke_spalte ul { 
list-style-type:none;
padding-left:1em;
}
* html .linke_spalte ul,
* +html .linke_spalte ul { 
margin-left:-2em; 
margin:0; 
}
/* ---------- Allgemeine Links ---------- */
#kino .zurueck a:hover,
#kino #navi_login a:hover,
#kino .mitte a:hover,
#kino .mitte p a:hover,
.linke_spalte h2 a:hover,
.linke_spalte ol li a:hover,
.linke_spalte ul li a:hover,
.rechte_spalte p a:hover {
text-decoration:underline;
}
.linke_spalte h2 a,
.rechte_spalte p a {
color:#fff;
text-decoration:none;
}