body {
       margin-top:0;
       margin-bottom:0;
       margin-left:0;
       margin-right:0;
       background-color:#0d1527;
       /* später auf absoluten Pfad ändern!!! */
       background-image:url(../fix/grafik/hg_kl_s.gif);
     }	       
     
/* Standardseiten */

p {
	font-size:1em;
	color:white;
	font-family:sans-serif;
	margin-left:5em;
	margin-bottom:1em;
  }
  
a {
	  color:white;
  }

h1 {
	font-size:1.6em;
	color:white;
	font-family:sans-serif;
	font-weight: 600;
	
   }

h2 {
	font-size:1.4em;
	color:white;
	font-family:sans-serif;
	font-weight: 600;
	margin-left:2em;
   }
   
h3 {
	font-size:1.2em;
	color:white;
	font-family:sans-serif;
	font-weight: 600;
	margin-left:3em;
   }
   
h4 {
	font-size:1em;
	color:white;
	font-family:sans-serif;
	font-weight: 600;
	text-transform:uppercase;
	margin-left:4em;
   }

/* Ende: Standardseiten */

/* Navigationsleiste links: */

/* oberer Frame */


.container_menu_oben {
                       margin-top:0;
                       margin-bottom:0;
                       margin-left:0;
                       margin-right:0;
		       width:100%;
		       padding:0;
                     }

.logo                { width:100%;
		       height:53px;
		       background-image:url(../fix/grafik/control/logo_ruhe_bonner_kinemathek.jpg);  
		       overflow:hidden;
                     }
		     
.logo_link { display:block; 
	     width:194px;
             height:53px; background-image:url('../fix/grafik/control/logo_ruhe_bonner_kinemathek.jpg');
}
		     
.logo_link:hover { background-image:url('../fix/grafik/control/logo_maus_bonner_kinemathek.jpg'); }		     

.control_oben { width:100%; height:11px;  background-image:url('../fix/grafik/control/oben.jpg'); }

.control_taste_1_ruhe { width:100%; height:41px; background-image:url('../fix/grafik/control/taste_1_ruhe_programm.jpg'); }

.control_taste_1_aktiv { width:100%; height:41px; background-image:url('../fix/grafik/control/taste_1_aktiv_programm.jpg'); }

.control_taste_1_link { display:block; 
	     width:196px;
             height:41px;  background-image:url('../fix/grafik/control/taste_1_ruhe_programm.jpg');  }

.control_taste_1_link:hover {  background-image:url('../fix/grafik/control/taste_1_maus_programm.jpg'); }
	     

.control_taste_2_ruhe { width:100%; height:41px; background-image:url('../fix/grafik/control/taste_2_ruhe_veranstaltungen.jpg'); }

.control_taste_2_aktiv { width:100%; height:41px; background-image:url('../fix/grafik/control/taste_2_aktiv_veranstaltungen.jpg'); }

.control_taste_2_link { display:block; 
	     width:196px;
             height:41px; background-image:url('../fix/grafik/control/taste_2_ruhe_veranstaltungen.jpg'); }

.control_taste_2_link:hover {  background-image:url('../fix/grafik/control/taste_2_maus_veranstaltungen.jpg'); }
	     

.control_taste_3_ruhe { width:100%; height:41px; background-image:url('../fix/grafik/control/taste_3_ruhe_kontakt_impressum.jpg'); }

.control_taste_3_aktiv { width:100%; height:41px; background-image:url('../fix/grafik/control/taste_3_aktiv_kontakt_impressum.jpg'); }

.control_taste_3_link { display:block; 
	     width:196px;
             height:41px; background-image:url('../fix/grafik/control/taste_3_ruhe_kontakt_impressum.jpg'); }

.control_taste_3_link:hover {  background-image:url('../fix/grafik/control/taste_3_maus_kontakt_impressum.jpg'); }
	     

.control_taste_4_ruhe { width:100%; height:41px; background-image:url('../fix/grafik/control/taste_4_ruhe_extras.jpg'); }

.control_taste_4_aktiv { width:100%; height:41px; background-image:url('../fix/grafik/control/taste_4_aktiv_extras.jpg'); }

.control_taste_4_link { display:block; 
	     width:196px;
             height:41px; background-image:url('../fix/grafik/control/taste_4_ruhe_extras.jpg'); }

.control_taste_4_link:hover {  background-image:url('../fix/grafik/control/taste_4_maus_extras.jpg'); }
	     
/* Ende: oberer Frame */

/* unterer Frame */


.inhalt .menu, .inhalt .menu ul {
	margin-left:4px;
	margin-right:17px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	list-style: none;
}

/* .menu {margin-bottom: 1em;} */

.inhalt .menu li {
	display: inline;
	padding: 0;
	margin: 0;
	
}

.inhalt .menu li span { /* für nicht verlinkte Menüpunkte */
	display: block;
	padding: 1px 1px;
	font-weight: 500;
	color: #000000;
	font-family:sans-serif;
	font-size:13px;
}

.inhalt .menu li a {
	display: block;
	padding: 1px 1px;
	/* background: #6b7384; */
	border-top: 1px solid #3f4f69;
	border-bottom: 1px solid #000000;
	border-right: 1px none #ffffff;
	border-left: 1px none #000000;
	font-size:13px;
	font-family:sans-serif;
	color:rgb(160,160,160);
	font-weight:600;
	text-decoration: none;
}

.inhalt .menu li a:hover {
	background:rgb(40,45,63);
}
	
.inhalt .menu ul li span, .inhalt .menu ul li a {
	padding: 4px 4px 4px 4px;
}

/* -------- Oberster Untermenüpunkt ohne Oberkante --------- */



.inhalt .menutop {
	margin-left:4px;
	margin-right:17px;
	/* margin-top: 40px; */
	margin-top: 0px;
	margin-bottom: 0;
	padding: 0;
	list-style: none;
}

.inhalt .menutop ul {
	margin-left:4px;
	margin-right:17px;
	/* margin-top: 40px; */
	margin-top: 0px;
	margin-bottom: 0;
	padding-top: 40px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	list-style: none;
}

/* .menutop {margin-bottom: 1em;} */

.inhalt .menutop li {
	display: inline;
	padding: 0;
	margin: 0;
	
}

.inhalt .menutop li span { /* für nicht verlinkte Menüpunkte */
	display: block;
	padding: 1px 1px;
	font-weight: 500;
	color: #000000;
	font-family:sans-serif;
	font-size:13px;
	border-bottom: 1px solid #000000;
	border-top: 1px none #000000;
	border-right: 1px none #ffffff;
	border-left: 1px none #000000;
}

.inhalt .menutop li a {
	display: block;
	padding: 1px 1px;
	/* background: #6b7384; */
	border-bottom: 1px solid #000000;
	border-top: 1px none #000000;
	border-right: 1px none #ffffff;
	border-left: 1px none #000000;
	font-size:13px;
	font-family:sans-serif;
	color:rgb(160,160,160);
	font-weight:600;
	text-decoration: none;
}

.inhalt .menutop li a:hover {
	background:rgb(40,45,63);
}
	
.inhalt .menutop ul li span, .inhalt .menutop ul li a {
	padding: 4px 4px 4px 4px;
}

/* -------- Unterer Untermenüpunkt ohne Unterkante --------- */

.inhalt .menufuss {
	margin-left:4px;
	margin-right:17px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	list-style: none;
}

.inhalt .menufuss ul {
	margin-left:4px;
	margin-right:17px;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0px;
	padding-bottom:4px;
	padding-left:0px;
	padding-right:0px;
	list-style: none;
}


/* .menutop {margin-bottom: 1em;} */

.inhalt .menufuss li {
	display: inline;
	padding: 0;
	margin: 0;
	
}

.inhalt .menufuss li span { /* für nicht verlinkte Menüpunkte */
	display: block;
	padding: 1px 1px;
	font-weight: 500;
	color: #000000;
	font-family:sans-serif;
	font-size:13px;
	border-bottom: 1px none #000000;
	border-top: 1px solid #3f4f69;
	border-right: 1px none #ffffff;
	border-left: 1px none #000000;
}

.inhalt .menufuss li a {
	display: block;
	padding: 1px 1px;
	/* background: #6b7384; */
	border-bottom: 1px none #000000;
	border-top: 1px solid #3f4f69;
	border-right: 1px none #ffffff;
	border-left: 1px none #000000;
	font-size:13px;
	font-family:sans-serif;
	color:rgb(160,160,160);
	font-weight:600;               
	text-decoration: none;
}

.inhalt .menufuss li a:hover {
	background:rgb(40,45,63);
}
	
.inhalt .menufuss ul li span, .inhalt .menufuss ul li a {
	padding: 4px 4px 4px 4px;
}



/* Ende: unterer Frame */

/* Werbung in Untermenu Programm */

#werbung_wall_street_institute a {font-size:0.7em;
	font-family:sans-serif;
	color:rgb(120,120,120);
	font-weight:500;               
	padding-left:25px; /* ((Breite Menu minus Bildbreite) durch 2) minus 8 */
	padding-top:10px;
}

#werbung_wall_street_institute a:hover {background:transparent;}

/* Ende Werbung */

/* Sponsor in Untermenu Titelseite */

#sponsor_filmstiftung a {font-size:0.7em;
	font-family:sans-serif;
	color:rgb(120,120,120);
	font-weight:500;               
	padding-left:25px; /* ((Breite Menu minus Bildbreite) durch 2) minus 8 */
	padding-top:10px;
	padding-bottom:10px;
}

#sponsor_filmstiftung a:hover {background:transparent;}

/* Ende Sponsor */

/* Ende: Navigationsleiste links: */

.standort { font-family:sans-serif; font-size:12px; margin-right:48px; margin-top:3px; color:#cccccc; text-decoration:none; text-align:right; }

.standort a { font-family:sans-serif; font-size:12px; color:#cccccc; text-decoration:none;}

.standort a:hover { color:white; text-decoration:underline;}

/* Programmseite: 
   Zwecks Beschränkung auf CSS 1 werden bei Tabellen nur: 
   
   'table, tr, colgroup, col, thead, tbody, tfoot, th und td' 
   
   mit 
   
   'Schriftformatierung, Ausrichtung und Absatzkontrolle, Innenabstand, Rahmen, Hintergrundfarben und -bilder'
   
   formatiert. Der Rest bleibt html
*/

.programm { margin-top:1em; }

.programm .aussentabelle {
	/* background-image:url('../fix/grafik/hg_kl_s.gif'); */

}

.programm .oben_links { 
	                 background-image:url('/fix/grafik/programm/oben_links.png');
	                 padding-top:8px;
                         padding-bottom:4px;
			 padding-left:30px;
			 padding-right:4px;
			 color:rgb(60%,60%,62%);
			 font-weight:600;
			 font-size:1.2em;
			 font-family:sans-serif;
}

.programm .oben_rechts { 
	                 background-image:url('/fix/grafik/programm/oben_rechts.png');
			 background-position:right top;
			 background-repeat:no-repeat;
}

.programm .tabelle_zeit {
                          padding:0;
}

.programm .mitte_links {
                         background-image:url('/fix/grafik/programm/mitte_links.png');
			 padding:12px;
			 font-family:sans-serif;
			 color:#ffffff;
			 font-weight:700;
}

.programm .reservierung {
                         background-image:url('/fix/grafik/programm/hg_reservierung.png');
			
			 
			 text-align:center;
}

.programm .ausgebucht {
                         background-image:url('/fix/grafik/programm/hg_ausgebucht.png');
			
			 
			 text-align:center;
			 padding-top:6px;
			 padding-bottom:4px;
			 padding-left:6px;
			 padding-right:4px;
			 
			 font-family:sans-serif;
			 color:white;
}


.programm .reservierung a {
                         display:block;
			 padding-top:6px;
			 padding-bottom:4px;
			 padding-left:6px;
			 padding-right:4px;
			 text-decoration:none;
			 font-family:sans-serif;
			 color:white;
			
			 
}


.programm .reservierung a:hover {
                         background-image:url('/fix/grafik/programm/hg_reservierung_hover.png');
			 display:block;
			 height:100%;
			 color:black;
}


.programm .mitte_links_uhrzeit {
                         background-image:url('/fix/grafik/programm/mitte_links.png');
			 padding-left:12px;
			 padding-right:12px;
			 padding-top:6px;
			 padding-bottom:4px;
			 font-family:sans-serif;
			 color:#ffffff;
			 font-weight:700;
}

.programm .mitte_links_reihe {
                         background-image:url('/fix/grafik/programm/mitte_links.png');
			 padding-left:24px;
			 padding-right:16px;
			 padding-top:6px;
			 padding-bottom:4px;
			 font-family:sans-serif;
			 font-size:0.8em;
			 color:#cccccc;
			 font-weight:500;
}

.programm .mitte_links_film {
                         background-image:url('/fix/grafik/programm/mitte_links_film.png');
			 padding-left:24px;
			 padding-right:16px;
			 padding-top:12px;
			 padding-bottom:10px;
			 font-family:sans-serif;
}

.programm .mitte_links_unter_film {
                         background-image:url('/fix/grafik/programm/mitte_links_unter_film.png');
			 padding-left:24px;
			 padding-right:16px;
			 padding-top:5px;
			 padding-bottom:4px;
			 font-family:sans-serif;
			 font-size:0.8em;
			 color:#cccccc;
			 font-weight:500;
}

.programm .mitte_rechts {
                          background-image:url('/fix/grafik/programm/mitte_rechts.png');
			  background-position:right;
			  background-repeat:repeat-y;
}

.programm .unten_links {
                         background-image:url('/fix/grafik/programm/unten_links.png');
			 padding:0;
}

.programm .unten_rechts {
                         background-image:url('/fix/grafik/programm/unten_rechts.png');
			 background-position:right top;
			 background-repeat:no-repeat;
			 padding:0;
}

.programm .filmtitel {
                       color:white;
		       font-size:1.2em;
		       font-weight:600;
		       text-transform:uppercase;
		       margin-bottom:0.6em;
}

.programm .stabangaben {
                         color:#cccccc;
		         font-size:0.8em;
		         font-weight:500;
			 font-family:sans-serif;
}

.programm .synopsis { color:white; font-family:sans-serif; font-size:0.8em; margin-top:0.8em;}

/* Ende: Programmseite */