/* 
**********************************
Cineprog - Einfach alle erreichen.
**********************************
*/


/* 
Farbdefinitionen:
-----------------
Hintergrundfarbe: #940700
Textfarbe:        #000000
Linkfarbe:        #940700
Markerfarbe:	  #ccccce
*/


body {
/*background-image:url(images/body_bg.jpg);*/
background-repeat:repeat-x;
background-position:top;
background-color:#940700;
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
margin:0px
}



/* START SEITEN-LAYOUT */

#aussen {
width:100%;
text-align:center;
}

#aussen_box {
width:985px;
margin:auto;
text-align:left;
background-image:url(images/aussen_bg.gif);
border-right:1px solid #cccccc;
}

#head_box {
width:985px;
height:143px;
background-image:url(images/head_bg.gif)
}

#main_box {
width:985px;
background-image:url(images/main_bg.gif);
background-position:top;
background-repeat:no-repeat;
}

#left_box {
width:200px;
height:570px;
float:left;
}

#content_box {
width:740px;
float:right;
}

#foot_box {
width:985px;
height:18px;
background-image:url(images/foot_bg.gif);
border-bottom:1px solid #cccccc;
}

#impressum {
font-size:10px;
width:100px;
margin-left:46px;
line-height:16px;
}


/* Start Hauptnavigation */

#hauptnav {width:743px; height:23px; font-size:10px; font-weight:bold; line-height:23px; position:relative; top:62px; left:213px}
#nav {height:23px; color:#ffffff; padding:0px 10px 0px 10px; display:block; border-right:1px solid #cccccc; float:left}
#nav:hover {height:23px; color:#ffffff; background-color:#464646}
#nav_aktiv {height:23px; color:#ffffff; background-color:#464646; padding:0px 10px 0px 10px; display:block; border-right:1px solid #cccccc; float:left;}

#subnav {width:500px; height:19px; font-size:10px; font-weight:bold; position:relative; top:68px; left:223px;}
#subnav a {height:19px; color:#940700;}
#subnav a:hover {color:#000000;}
#subnav_aktiv {height:19px; color:#000000;}

/* Ende Hauptnavigation */


/* Start Texte und Bilder */
.text {width:320px; float:left; }
.text_breiter {width:688px; float:left }
.text_schmaler {width:150px; float:left; }

.fotobox { float:right; width:310px; }
.fotobox_breiter { float:right; width:450px;}
.foto { border:1px #940700 solid; padding:3px; }

.foto_float_r {float:right; }
/* Ende Texte und Bilder */


/* Tabelle-Formular */
#text_tabelle td { font-size:11px; }
/* Tabelle-Formular */











/* START HEAD */
/* head: Die Hauptüberschrift kann Grafik oder Text sein.
-----> Margin-top A und Margin-bottom B müssen definiert werden. */
#head {
}

/* Abstand unter der Hauptüberschrift festlegen */
h1 {
font-size:14px; 
font-weight:bold;
color:#6f6f6f;
padding:0px;
letter-spacing:1px;
margin:0px 50px 25px 0px;
}

/* ENDE HEAD */

/* abstand_links: Außenbox für den kompletten Inhalt, außer Head.
-----> Breite C muss definiert werden. */
#abstand_links {
margin-left:8px;
margin-top:0px;
margin-bottom:20px;
width:692px;
}

/* START NEWSLETTER ABONNIEREN */
#newsletter {
text-align:right;
margin-bottom:3px;
margin-top:0px;
padding:0px;
position:relative;
}
/* ENDE NEWSLETTER ABONNIEREN */



/* START HEAD-NAVI */
#head_navi_box_1 {
background-color:#ccccce;
border-bottom: 1px solid #940700;
margin:0px;
padding:7px 0px 0px 0px;
}

ul#minitabs_1 {list-style: none; margin: 0; padding: 4px 0px 2px 0px; font-weight: bold;}
ul#minitabs_1 li {display:inline; margin: 0px;}
ul#minitabs_1 a {text-decoration: none; padding: 3px; border: 1px solid #940700; border-bottom:0px; color: #ccccce; background-color:#940700;}
ul#minitabs_1 a:hover {border-color: #000000; background-color:#000000;}
ul#minitabs_1 span {text-decoration: none; padding: 3px; border: 1px solid #940700; border-bottom:0px; color: #ccccce; background-color:#940700;}
ul#minitabs_1 span#current {border-color: #000000; color:#ccccce; background-color:#000000;}

#head_navi_box_2 {
margin:0px;
border-bottom: 1px solid #940700;
padding:7px 0px 0px 0px
}

ul#minitabs_2 {list-style: none; margin: 0; padding: 4px 0px 2px 0px; font-weight: bold;}
ul#minitabs_2 li {display:inline; margin: 0px}
ul#minitabs_2 a {text-decoration: none; padding: 3px; border: 1px solid #940700; border-bottom:0px; color: #940700;}
ul#minitabs_2 a:hover {border-color: #000000; color:#000000;}
ul#minitabs_2 span {text-decoration: none; padding: 3px; border: 1px solid #940700; border-bottom:0px; color: #940700;}
ul#minitabs_2 span#current {border-color: #000000; color:#000000; background-color:#ccccce;}
/* ENDE HEAD-NAVI */




/* START HEAD-NAVI */
/* Größe der Programm-Überschrift */
h3, h2 {
font-size:14px;
}

h3 {
font-weight:bold;
padding:0px 0px 10px 0px;
border-bottom: 2px dotted #940700;
margin:20px 0px 10px 0px;
}
/* ENDE HEAD-NAVI */




/* START FILM-BOX */
.film_box {
border-bottom:2px dotted #940700;
padding-bottom:15px;
margin-top:15px;
}

.plakat_box {
width:140px;
float:left;
}

/* film_content: Bereich für Titel, Fließtext, Zeiten. 
-----> Breite (D) muss definiert werden, ergibt sich aus: #abstand_links-Breite (C) - .plakat_box-Breite (125px) - .film_daten-Breite (100px) - 20px */
.film_content {
width:426px;
padding-right:13px;
border-right:1px dotted #940700;
float:left;
}

.film_daten {
width:100px;
float:right;
}

.plakat {
width:120px;
background-color:#ccccce;
text-align:center;
border:1px solid #940700;
padding-bottom:3px;
margin-top:5px;
line-height:16px;
}

/* Filmtitel in der film_box*/
h2 {
font-weight:bold;
line-height:18px;
letter-spacing:2px;
margin:0px 0px 10px 0px;
}

/* Tabelle Spielzeiten */
.film_content table {
margin:15px 0px 0px 0px;
}

th { font-size:10px; border-bottom: 1px solid #940700; }
td { font-size:11px; vertical-align:top; }

.film_content th {
text-align:center;
font-weight:bold;
}

.film_content td {
text-align:center;
vertical-align:top;
}

.tab_trenner {
border-right: 1px solid #940700;
}

#tab_heute {
background-color:#ccccce;
}
/* ENDE FILMBOX */


/* START FOOT */
#icons {
margin:10px 0px 30px 0px;
}

#foot_txt {
text-align:center;
font-size:9px;
margin-bottom:15px;
}
/* ENDE FOOT */




/*************************************************************/


/********** START TAGESDARSTELLUNG **********/
.film_content table.tagesdarstellung {
float:right;
margin:0px 0px 20px 20px;
width:120px;
}

.film_content table.tagesdarstellung td {
text-align:left;
}

.film_content table.tagesdarstellung th {
text-align:left;
}
/********** ENDE TAGESDARSTELLUNG **********/


/********** START DETAILS, RESERVIERUNG & NEWSLETTER **********/
.details_box, .reserv_box, .newsletter_box {
padding-bottom:15px;
}

/* Plakat-Slidebar */
#slidebar {
width:692px;
height:100px;
border-top: 1px solid #940700; /* Linkfarbe */
border-bottom: 1px solid #940700; /* Linkfarbe */
margin-bottom:20px;
}

#slidetable td {
vertical-align:middle;
}

.plakat_slidebar img {
border: 5px solid #940700; /* Linkfarbe */
}

.plakat_slidebar:hover img, .plakat_slidebar_a img {
border: 5px solid #ccccce; /* Markerfarbe */
}


/* details_content: Bereich für Titel, Fließtext, Daten, Zeiten.
-----> Breite (E) muss definiert werden, ergibt sich aus: #abstand_links-Breite (C) - .plakat_box-Breite (125px) */
.details_content, .reserv_content, .newsletter_content {
float:right;
width:545px;
}

.plakat_big_box {
width:180px;
float:left;
}

.plakat_big {
width:160px;
background-color:#ccccce;
text-align:center;
border:1px solid #940700;
padding-bottom:3px;
margin-top:5px;
line-height:16px;
}

h2#details_headline, h2#reserv_headline, h2#newsletter_headline {
border-bottom:1px solid #940700;
padding-bottom:5px;
}

#details_tonlogo {
float:right;
position:relative;
bottom:3px;
}

#details_trailer_icon {
float:left; margin:2px 10px 0px 0px;
}

#trailer_box {
float:right;
margin:0px 0px 15px 15px;
border:1px solid #940700;
text-align:center;
}

.details_content table, .reserv_content table {
margin:20px 0px 20px 0px;
}

#details_prog_tab td{
text-align:center;
}

#tab_reservierung td, #tab_newsletter td {
vertical-align:middle;
}

#abholnummer {
border:1px solid #940700;
display:inline;
padding:5px;
}

#icon_newsletter {
margin-left:20px;
}

/* Start Bewertung */
.bewerungs_kommentar {
margin:20px 0px 20px 0px;
}
/********** ENDE DETAILS, RESERVIERUNG & NEWSLETTER **********/


/********** START NEWS-SEITE **********/

.news_box, .news_box_archiv {
padding-bottom:15px;
}

/* news_box: Bereich für komplette News
-----> Breite (F) muss definiert werden, ergibt sich aus: #abstand_links-Breite (C) - .heute_box (210px) */
.news_box {
width:460px;
float:left;
}

.news_content {
margin:0px 15px 40px 0px;
}

/* Gewinnspiel */
h2#gewinnspiel_headline {
border-bottom:1px solid #940700;
background-color:#ccccce;
padding:10px 80px 5px 5px;
letter-spacing:0px;
vertical-align:bottom;
background-image:url(icon_fragezeichen.gif);
background-position:right center;
background-repeat:no-repeat;
}

#gewinn {
font-weight:bold;
padding:5px;
margin:10px 0px 10px 0px;
border-top:1px solid #940700;
border-bottom:1px solid #940700;
}

table#antworten {
margin:10px 0px 20px 0px;
}

#antworten td{
padding:4px;
vertical-align:middle
}

#antworten td.bg_1 {
background-color:#940700;
}

#antworten td.bg_2 {
background-color:#ccccce;
}

/* Event */
h2#event_headline {
border-bottom:1px solid #940700;
background-color:#ccccce;
padding:10px 5px 5px 5px;
letter-spacing:0px;
vertical-align:bottom;
}

.event_gfx, .event_gfx_bild {
background-color:#ccccce;
border:1px solid #940700;
margin:5px 14px 12px 0px;
float:left;
}

.event_gfx {
width:90px;
}

/* Heute im Programm */
#news_rechts {
float:right;
}

#heute_box {
width:210px;
background-color:#ccccce;
margin-bottom:15px;
padding-bottom:15px;
}

#heute_head {
margin:0px;
padding:0px;
width:208px;
}

#heute_hl {
background-color:#940700;
padding:5px 0px 5px 10px;
width:198px;
border:1px solid #940700;
margin:0px;
color:#ccccce;
float:left;
}

#zum_programm {
background-color:#ccccce;
padding:5px 10px 5px 10px;
float:right;
}

.heute_film {
margin:0px 10px 0px 10px;
border-bottom:1px solid #940700;
}

.heute_plakat {
width:60px;
border:1px solid #940700;
margin-top:13px;
margin-bottom:10px;
float:left;
}

.heute_txt {
width:120px;
float:right;
margin-top:10px;
margin-bottom:10px;
}

#heute_nospace {
margin-bottom:0px;
}

#heute_noborder {
border:0px; 
padding-bottom:0px;
margin-bottom:0px;
}

/* News-Archiv */
.news_archiv_box {
}

/********** ENDE NEWS-SEITE **********/


/********** START MEMORY **********/
#memory_zum_programm {
float:right;
}
/********** START MEMORY **********/


/********** START FILM-ARCHIV **********/
#tab_01_filmarchiv, #tab_02_filmarchiv {
margin:15px 0px 15px 0px;
}

#tab_01_filmarchiv td {
background-color:#ccccce;
padding:5px;
font-weight:bold;
}

#tab_01_filmarchiv td:hover {
background-color:#ffffff;
padding:5px;
font-weight:bold;
}

#tab_02_filmarchiv .head {
background-color:#940700;
font-weight:bold;
color:#ccccce;
text-align:left;
padding:5px;
}

#tab_02_filmarchiv td {
padding:5px;
}

#tab_02_filmarchiv td.bg {
background-color:#ccccce;
}

#filmarchiv_link_oben {
float:right;
margin-top:8px;
}
/********** ENDE FILM-ARCHIV **********/


/********** START GÄSTEBUCH **********/
#gb_box {
margin-left:120px;
}

.gb_cont {
width:420px;
}

.gtrenner, .geintrag, .gnummer, .gdaten {
width:420px;
margin-top:15px;
}

.gb_cont {
margin-bottom:20px;
line-height:16px;
}

#geingabe_01 {
float:left;
}

#geingabe_02 {
float:right;
}

.gtrenner {
border-bottom:1px solid #940700;
height:1px;
margin-top:10px;
}

.geintrag {
margin-top:25px;
}

.gnummer {
font-size:14px;
font-weight:bold;
color:#ffffff;
padding:5px;
background-color:#940700;
}

.gdaten {
margin:0px;
background-color:#ccccce;
padding:5px;
}

.gdaten_01 {
padding:5px 5px 5px 35px;
float:left;
font-weight:bold;
}

.gdaten_02 {
padding:5px 5px 5px 20px;
float:left;
}

.gtext {
padding:15px 5px 5px 35px;
}

.gkommentar {
padding:15px 5px 5px 35px;
font-style:italic;
}
/********** ENDE GÄSTEBUCH **********/


/*************************************************************/

/* SONSTIGES CSS */
a:link {color:#940700; text-decoration:none;}
a:visited {color:#940700; text-decoration:none;}
a:hover {color:#000000; text-decoration:none;}
a:active {color:#940700; text-decoration:none;}

/* Allgemeine Trennlinie */
.trenner {height:1px; border-top:1px solid #940700}
.trenner_dotted {height:1px; border-top:1px dotted #940700; line-height:1px;}

/* Allgemeine Box mit 15px Margin-Top */
.allg_box {
margin-top: 0px;
}

/* Allgemeiner Rahmen z.B. für Bilder, etc */
.allg_border {
border: 1px solid #940700
}

/* Formular */
form {
display:inline;
}

input, select, textarea {
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


/* Befehl,der dauer sorgt, dass Boxen-rahmen mit Float-Inhalten und variablen Höhen bis zur unteren Inhaltskante laufen.*/
.clear {clear:both; height:0px; line-height:0px; margin:0px; padding:0px; font-size:0px;}
/* Hack: alle ausser IE brauchen font-size>0 */
html>body .clear {font-size:1px;}