body { background-color: #FFFFFF;
       margin-top: 20px;
       margin-left: 10px; }

div#Navigation {
  	width: 850px;
  	background-color: #C0C0C0;
  	border: 2px solid #808080;
  	margin: 0px;
  	font-family: Verdana, Arial, Helvetica;    
    font-size: 0.6em 	
  	}
  
  ul#Navigation {
    margin: 0em;
    padding: 0.2em;
    text-align: center;
    border: 0px none;
  }
  
  ul#Navigation li {
    list-style: none;
    display: inline;
    margin: 0em; padding: 0;
  }

  ul#Navigation a {
    text-decoration: none;
    font-weight: bold;
    color: black; background-color: #C0C0C0;
    padding: 0em 3.6em;
   }
  
   ul#Navigation span {
    text-decoration: none;
    font-weight: bold;
    color: white; background-color: #808080;
    padding: 0em 3.6em;
  }  

div#Hintergrund {
	width: 850px;
	height: 540px;
	margin: 0px;
	padding: 0px;
	background-image: url('http://www.bergzeit-festival.de/torres.jpg')
	}

div#Hintergrund h1 {
	font-family: Verdana;
	font-size: 2em;
	color: #D00000;
	line-height: 2em;
	text-align: center
	}
div#Hintergrund h2 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 1.5em;
	color: #D00000;
	line-height: 1.5em;
	text-align: center
	}
	
div#Filmteaser {
    float: left;
    text-align: center;
    width: 130px;
    margin: 12px;
    border: 0px solid gray
    }

div#Rand {
    float: left;
    font-family: Verdana, Arial, Helvetica;
    text-align: center;
    width: 40px;
    margin: 0px
    }
    
.grau {
	color: #808080
	}
	
.autor {
	font-size: 0.9em;
	font-weight: 600;
	color: #D00000
	}
	
.text {
	font-size: 0.9em;
	color: #000000
	}
	
div#BoxHome {
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.9em;
	color: #000000;
	padding: 10px;
	background-image: url('hintergrund_grau.gif');
	height: 350px;
	}
	
div#Vortrag {;
	width: 850px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.8em;
	}
	
div#Datum {
	float: left;
	padding: 5px;
	width: 160px;
	font-weight: bold;
	color: #000000;
	}
	
div#Uhrzeit {
	float: left;
	padding: 5px;
	width: 140px;
	color: #000000;
	}

div#Titel {
	padding: 5px;
	font-weight: bold;
	color: #000000;
	}
	
div#Preis {
	float: left;
	padding: 5px;
	width: 160px;
	font-weight: bold;
	color: #800000;
	}	
	
div#Preis a {
	text-decoration: none;
	font-weight: normal;
	color: #800000;
	}
	
div#Preis a:hover {
	font-weight: normal;
	color: black;
	}
	
div#Kurztext {
	padding: 5px;
	color: #000000;
	font-size: 0.7em;
	}

div#Bilder {
	float: left;
	padding: 5px;
	width: 220px;
	}

div#Langtext {
	margin-left: 230px;
	color: #000000;
	}
	
div#Bezeichnung {
	margin-left: 230 px;
	font-size: 0.9em;
	font-weight: 600;
	color: #800000;
	}