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


/* 
Farbdefinitionen:
-----------------
Hintergrundfarbe: #2b2b2b
Textfarbe:        #000000
Linkfarbe:        #bc1111
Markerfarbe:	  #d2d2d2
*/


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



/* START SEITEN-LAYOUT */

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

#aussen_box {
width:995px;
margin:auto;
text-align:left;
background-image:url(images/aussen_bg.jpg);
border-bottom:2px solid #363636;
}

#head_box {
width:995px;
height:130px;
background-image:url(images/head_bg.jpg);
}

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

#nav_box {
width:146px;
height:430px;
float:left;
}

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

#foot_box {
width:995px;
height:80px;
background-image:url(images/foot_bg.gif);
}

#impressum {
font-size:9px;
width:100px;
height:15px;
margin-left:19px;
margin-top:5px;
display:block;
line-height:9px;
letter-spacing:1px;
color:#c46868;
}

#impressum:hover{color:#ffffff}

/* Start Hauptnavigation */
ul#mainnav {
list-style-type:none;
margin:15px 0px 0px 0px;
padding:0px;
font-size:10px;
letter-spacing:2px;
line-height:27px;
}

ul#mainnav .hn, .kinonav {
width:128px;
font-weight:bold;
margin-left:0px;
padding-left:18px;
display:block;
color:#ffffff;
}

ul#mainnav .hn:hover {
background-color:#c46969;
}

.kinonav {color:#ffffff; background-color:#000000; border-bottom:1px dotted #ffffff; border-top:1px dotted #ffffff; font-size:13px; letter-spacing:1px; margin-bottom:15px}

/* ---- */

ul#mainnav .sn {
width:128px;
margin-left:10px;
padding-left:18px;
display:block;
color:#ffffff;
}

ul#mainnav .sn:hover {
font-weight:bold;
color:#aaaaaa;
}

ul#subnav {
list-style-type:none;
margin:0px;
padding:0px;
}

/* Ende Hauptnavigation */


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

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

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


/* ENDE SEITEN-LAYOUT */
































/* 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:#bc1111;
padding:0px;
margin:20px 0px 25px 0px;
letter-spacing:2px;
}

/* ENDE HEAD */

/* abstand_links: Außenbox für den kompletten Inhalt, außer Head.
-----> Breite C muss definiert werden. */
#abstand_links {
margin-left:0px;
margin-top:0px;
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:#d2d2d2;
border-bottom: 1px solid #bc1111;
margin:0px;
line-height:14px;
padding:7px 0px 0px 0px;
}

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

#head_navi_box_2 {
margin:0px;
border-bottom: 1px solid #bc1111;
line-height:14px;
padding:7px 0px 0px 0px
}

ul#minitabs_2 {list-style: none; margin: 0; padding: 4px 0px 2px 0px; font-weight: bold;}
*html ul#minitabs_2 {list-style: none; margin: 0; padding: 4px 0px 3px 0px; font-weight: bold;}
ul#minitabs_2 li {display:inline; margin: 0px}
ul#minitabs_2 a {text-decoration: none; padding: 3px; border: 1px solid #bc1111; border-bottom:0px; color: #bc1111;}
ul#minitabs_2 a:hover {border-color: #000000; color:#000000;}
ul#minitabs_2 span {text-decoration: none; padding: 3px; border: 1px solid #bc1111; border-bottom:0px; color: #bc1111;}
ul#minitabs_2 span#current {border-color: #000000; color:#000000; background-color:#d2d2d2;}
/* 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 #bc1111;
margin:20px 0px 10px 0px;
}
/* ENDE HEAD-NAVI */




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

.plakat_box {
width:140px;
float:left;
border:0px solid #f00;
}

/* 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 #bc1111;
float:left;
}

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

.plakat {
width:120px;
background-color:#d2d2d2;
text-align:center;
border:1px solid #bc1111;
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 #bc1111; }
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 #bc1111;
}

#tab_heute {
background-color:#d2d2d2;
}
/* 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 #bc1111; /* Linkfarbe */
border-bottom: 1px solid #bc1111; /* Linkfarbe */
margin-bottom:20px;
}

#slidetable td {
vertical-align:middle;
}

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

.plakat_slidebar:hover img, .plakat_slidebar_a img {
border: 5px solid #d2d2d2; /* 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:#d2d2d2;
text-align:center;
border:1px solid #bc1111;
padding-bottom:3px;
margin-top:5px;
line-height:16px;
}

h2#details_headline, h2#reserv_headline, h2#newsletter_headline {
border-bottom:1px solid #bc1111;
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 #bc1111;
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 #a0b3dc;
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 #bc1111;
background-color:#d2d2d2;
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 #bc1111;
border-bottom:1px solid #bc1111;
}

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

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

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

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

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

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

.event_gfx {
width:90px;
}

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

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

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

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

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

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

.heute_plakat {
width:60px;
border:1px solid #bc1111;
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:#d2d2d2;
padding:5px;
font-weight:bold;
}

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

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

#tab_02_filmarchiv td {
padding:5px;
}

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

#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 #bc1111;
height:1px;
margin-top:10px;
}

.geintrag {
margin-top:25px;
}

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

.gdaten {
margin:0px;
background-color:#d2d2d2;
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 **********/



/********** START SHOP **********/
#warenkorb {
margin:0px;
padding:0px;
float:right;
font-size:11px;
font-weight:normal
}

.artikel_box, .warenkorb_box {
border-bottom:2px dotted #bc1111;
padding-bottom:15px;
margin-top:15px;
}

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

.artikel_motiv {
width:120px;
background-color:#d2d2d2;
border:1px solid #bc1111;
padding-bottom:3px;
margin-top:5px;
line-height:16px;
}

.artikel_motiv_klein {
border:1px solid #bc1111;
}

.artikel_beschreibung {
width:530px;
padding-right:13px;
float:left;
}

.artikel_preis {
font-size:14px;
font-weight:bold;
}

.artikel_versand {
font-size:9px;
}

#warenkorb_table td {
background-color:#d2d2d2;
}

.warenkorb_preis {
font-weight:bold;
text-align:right;
}

#rechnungsadresse {
float:left;
width:320px;
}

#lieferadresse {
float:right;
width:320px;
}

.warenkorb_small_text {
font-size:10px;
font-weight:normal
}

/********** ENDE SHOP **********/


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

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

/* Allgemeine Trennlinie */
.trenner {height:1px; border-top:1px solid #bc1111}
.trenner_dotted {height:1px; border-top:1px dotted #bc1111; 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 #bc1111
}

/* 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;}



/* vertikales Banner */
.vertical_banner_box {
	margin:100px 0px 0px 1px;
	width:160px;
	text-align:center;
}

.vertical_banner {
}