html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: black;
	text-align:center;
	font-family: arial, verdana, helvetica, sans-serif;
	
		}
		
#page {
	margin-left:auto;
	margin-right: auto;
	max-width: 1024px;
	/*background-color: green;*/
		}
		
		
header {  
	margin-top: 40px;
	float:left;
	padding: 0px 0px 20px 17px;
	text-align:left;
	width: 100%;
	font-size: 14px;
	color:white;
	/*background-color: red;*/
		}
		
		
section {  
	margin-top: 20px;
	float:left;
	padding: 200px 0px 10px 0px;
	text-align:left;
	width: 100%;
	/*background-color: #cccccc;*/
	border-top: 1px solid;
		}
		
		
				#filmtitel  { 
	float:left;
     width:250px;
	 /*background-color:yellow;*/
     font-size:13px;
	margin-left:17px;
	margin-right:5px;
	margin-top: 5px;
	 text-align: left;
	 color:black;
	 		}
		
		article  { 
	float:left;
    max-width:390px;

	/* background-color:red;*/
     font-size:13px;
	 line-height: 20px;
		margin-left:17px;
			margin-right:25px;
	margin-top: 5px;

	 text-align: left;
	 color:black;
	 		}
			
			
			#article2  { 
	float:left;
    max-width:600px;

	/* background-color:red;*/
     font-size:13px;
	 line-height: 20px;
		margin-left:17px;
			margin-right:25px;
	margin-top: 5px;

	 text-align: left;
	 color:black;
	 		}
			
			#article3  { 
	float:left;
   width:95%;

	/* background-color:red;*/
     font-size:13px;
	 line-height: 20px;
		margin-left:17px;
			margin-right:25px;
	margin-top: 5px;

	 text-align: left;
	 color:black;
	 		}
			
			
#bild  { 
float:left;
     width:230px;
	 /*background-color:yellow;*/
     font-size:13px;
	margin-left:17px;
	margin-top: 5px;
	 /*text-align: left;*/
	 color:black;
	 		}
			
			
			#bild a:hover {
			opacity: 0.8;
			/*transition: opacity 2s;*/
		
		}
			
			
			
#datum  { 
float:right;
	/*background-color:blue;*/
     font-size:14px;
	 font-weight:bold;
margin:5px 10px 0px 17px;

	 text-align: left;
	 color:black;
	 		}

		
/*img{
	width: 100%;
	height: auto;
		}*/
		

		
		
		
/*---------------------------------------------hauptmenue---------*/


nav {
float: left;
	margin-top:15px;
width:100%;
	font-size: 14px;
	/*font-weight : bold;*/
	line-height:25px;

		}
		
ul#nav li {
	list-style: none;
		}

#nav2, #nav2 ul { /* all lists */
	margin: 0;
	padding: 0;
	list-style: none;
		}

#nav2 a {
	display:block;
	color : #cccccc;
	text-decoration : none;
	padding-left:13px;
	padding-right:13px;
	/*font-weight:bold;*/
	/*background-color: #e4002a;*/
		}
		

#nav2 a.hier {
	background-color : black;
	color: white;
		}

#nav2 li { /* alle listenpunkte */
	float:left; /* dadurch menue horizontal ausgerichtet*/
		}
	
#nav2 li  a:hover { /* rollover*/

	color : white;

		}

	



					
			

			
			



	
/*---------------------------------------------- Überschriften---------------- */
			
 h1 {
  font-size: 18px;
margin-top:0px;
  color: black;
  	}


 h2 {
  font-size: 19px;
  line-height:30px;
  color: #666666;

  	}
	
h3 {
  font-size: 16px;
  line-height:30px;
  color: #e4002a;
  font-weight:strong;
  	}
	
	.logo {
	font-size: 55px;
	font-weight: bold;
	letter-spacing: 2px;

		}
		
		
		.veranstaltungsort {
		color: #99cccc;
		}

	
/*---------------------------------------------- links im content------------ */



section a {
    color: #99cc22;
text-decoration: none;
        }
		
section a:hover {
	color: #99cccc;
	
        }
		
section a:focus { 
	color: #99cccc;
		text-decoration: none;

		}



		
		
article a {
    color: black;
	text-decoration: none;

        }
		
article a:hover {
	color: #cccccc;

        }
		
article a:focus { 
	color: #cccccc;
		text-decoration: none;

		}
		
		
		
		#article2 a {
    color: #ff0066;
	text-decoration: underline;
        }
		
#article2 a:hover {
	color: #ff6666;

        }
		
#article2 a:focus { 
	color: #ff6666;

		}
		
		
		
		#article3 a {
    color: #ff0066;
	text-decoration: underline;
        }
		
#article2 a:hover {
	color: #ff6666;

        }
		
#article2 a:focus { 
	color: #ff6666;

		}