/* alles für die Vorschau */

.odeon_vorschau {
 padding-bottom: 0em;
 /*width: 50em;*/
 text-align: left;
 }

.film_termin {
  background-color: #b0a091;
  margin: 0;
  padding: 0.3em;
  color: white;
}

.vorschau {
  position: relative;
}

.filmbox {
  position: relative;
}
.filmbox .beschreibung {
/*
  text-align: justify;
*/
  max-width: 40em;
  padding: 0.5em;
  margin: auto;
  clear: left;
}

.filmbox .foto_rechts {
   float: right;
   margin: 0 0 1em 2em;
}

.filmbox .foto_links {
   float: left;
   margin: 0 2em 1em 0;
}



.odeon_vorschau .film {
 text-align: left;

 }

.odeon_vorschau .filmgesamt {
  background: white;
  padding: 0;
  border: solid 2px #827977;
  color: #827977;
  margin-bottom: 2em;
  max-width: 60em;
}

.odeon_vorschau .vorstellung {
 border:0px;
 background: #7a9acf;
 padding-top: 0.5em;
 padding-bottom: 0.5em; 
 padding-left: 5px;
 text-align: left;
 border-top: solid 2px #0e6cc3;
 border-bottom: solid 2px #0e6cc3;
 }

.odeon_vorschau .filmtitel {
 margin: 0em;
 padding-top: 0.3em;
 padding-bottom: 0.5em; 
 padding: 0.3em 1em 0.5em 0.3em;
 float:left;
/*
 margin-left: 0.3em;
 margin-right: 1em;
*/
 vertical-align: middle;
 /* color: #0e6cc3; */
 font-weight: bold;
 font-size: 150%;
 width: auto;
 border: 0;
/*  border-bottom: 2px solid #0e6cc3;*/
}

.schulvorstellung .filmtitel_zusatz, .odeon_vorschau .filmtitel_zusatz {
 padding-top: 0.3em;
 padding-bottom: 0.3em;
 padding-right: 5px;
 color: #827977;
 
 text-align:right;
 font-weight: normal;
 float: right;
 width: 10em;
}

.vorstellung .vorstellung_box {
 clear: both;
 max-width: 50em;
 width: auto;
}

.odeon_vorschau .vorstellung_text {
 padding-top: 0.3em;
 padding-bottom: 0.5em; 
 float:left;
/* width:70%;*/
 margin-left: 0em;
 margin-right: 1em;
/* 
 color: #0e6cc3;
*/
 color: white;
 font-weight: bold;
}

.schulvorstellung .vorschau .vorstellung_text .zusatz, .odeon_vorschau .vorstellung_text .zusatz {
 font-weight: normal;
 font-style: italic;
} 



.odeon_vorschau .vorstellung_preis {
 margin: 0;
 padding-top: 0.3em;
 padding-right: 5px;
/*
 color:#0e6cc3;
*/
 color: white;
 font-weight: bold;
 text-align:right;
 float: right;
}


.schulvorstellung .vorschau .filmbox, .odeon_vorschau .filmbox {
 margin-top: 0.5em;
 padding-top: 0.5em;
 padding-bottom: 0.6em;
 padding-left: 5px;
 border: 0;
 clear: none;
 color: #444444;
}

.schulvorstellung .vorschau .filmbox:after, .odeon_vorschau .filmbox:after{
 content: "";
 display:block;
 line-height:1px;
 font-size: 1px;
 clear:both;
}


.odeon_filmtitel {
  margin-left: -5px;
  padding-right: 3px;
  padding-left:10px;
  padding-bottom:0.5em;
  background: #0e6cc3; 
  margin-bottom: 0.5em;
} 


.schulvorstellung a.filmtitel_link, .odeon_vorschau a.filmtitel_link {
  /*top: 5px;*/
/*
   color: #0e6cc3; 
  font-weight: bold;
*/
  margin: 0;
  padding: 0;
  text-decoration: none;
  text-align: left;
  font-size: 100%;
}

.odeon_vorschau .uhr {
 padding-top: 0.3em;
 padding-bottom: 0.2em; 
 float:left;
 width:90%; 
 margin-left: 0em;
}

.odeon_vorschau .filminfo {
 padding-top: 0.3em;
 padding-right: 5px;
/*
 text-align: justify;
*/
 margin: auto;
 margin-top: 1em;
 max-width: 25em;
 color: #444444;
}

.odeon_vorschau .infos .bild {
  float: left;
  margin: 1em 1em 1em 1em; 
  padding: 0pt;
  position: relative;
  left: -2em;
}

.odeon_vorschau .clearer { 
  clear: both; 
  line-height: 0; 
  height: 0;
}

.schulvorstellung {
  border: solid blue 1px;
  width: 100%;
  margin: 1em;
  padding: 1em;
}

.schulvorstellung .vorschau div {
  border: solid red 1px;
  background: white;
  width: 100%;
  margin: 0;
  padding: 0;
}

.schulvorstellung .vorschau .infos > img {
  float: left;
  margin: 1em;
}

.schulvorstellung .vorschau .infos .beschreibung, .schulvorstellung .vorschau .infos .bemerkung {
  clear: none;
  margin: 1em 1em 1em 8em;
  max-width: 45em;
}

.schulvorstellung .vorschau .infos .bemerkung {
  font-style: italic;
}