@import url("//hello.myfonts.net/count/2fd85b");

  
@font-face {font-family: 'HelveticaLTStd-Light';src: url('webfonts/2FD85B_0_0.eot');src: url('webfonts/2FD85B_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2FD85B_0_0.woff2') format('woff2'),url('webfonts/2FD85B_0_0.woff') format('woff'),url('webfonts/2FD85B_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'ITCAvantGardeW04-Book';src: url('webfonts/2FD85B_1_0.eot');src: url('webfonts/2FD85B_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2FD85B_1_0.woff2') format('woff2'),url('webfonts/2FD85B_1_0.woff') format('woff'),url('webfonts/2FD85B_1_0.ttf') format('truetype');}
 
@charset "UTF-8";

header, main, footer, section, aside, nav, article, b1, b2 { display: block;}

*{
  box-sizing: padding-box;
  -moz-box-sizing: padding-box;
  -webkit-box-sizing: padding-box;
  box-sizing:border-box;
  -moz-box-sizing:border-box; /* Firefox */
  -webkit-box-sizing:border-box; /* Safari */
  padding: 0;
  margin: 0;  
}

body {
	background: white;
	max-width: 960px;
	margin: 0 auto;	
	padding: 0;
	/*text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	/*position: relative;*/
	font-family: ITCAvantGardeW04-Book;

	/*olor: #585858; #716C6C;*/
	
}

table {
	border-width:1px;

  background-color: white;
    border-style:solid;
  border-color:grey;
  	box-shadow: 5px 5px 15px silver;
 
}
.table1 {
	width: 500px;
}

td {

} 

th {
	padding-top: 1px;
}

p::first-letter {
	text-transform: uppercase;
}

.menu {
	padding:15px;
}
.film0 {
	background-color: yellow;

}
.film1 {
	background-color: DarkSeaGreen;
}
.film3 {
	background-color: white;
	border-top: 1px solid white;
}

.header {
	text-align:left;
	margin-top: 10px;
	margin-bottom: 20px;
}

 .inner {
    position: relative;
	color: #FFF;
}
.spacer{
	height: 3px;
	float: none;
	position: absolute;
}
.bild {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  max-height: 190px;
}
.text {
  position: relative;
  top: -100px;
  width: 250px;
  font: 1.3em HelveticaLTStd-Light, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
  text-align: center;
}

.textfirst {
  color: gainsboro;
  text-align: center;
}
.textlast {
  color: black;
  text-align: center;
}


.change {
	height: 30%;
	padding-bottom: 25px;
}
.weiter {
	height: 30%;
	padding-bottom: 25px;
}
hr {
	border-top: 1px solid #ddd;
}
/*
td:nth-of-type(4) { color: white; }
td:nth-of-type(5) { color: white; }
td:first-child { background: yellow; }
*/

@media only screen and (min-width : 1134px)  {
	table {
		width:300px;
	}
	.table1 {
	width: 400px;
}
	body {
		font: 1.3em HelveticaLTStd-Light, Verdana, Arial, Helvetica, sans-serif;
	}
/*	.myImg {
		width: 50px;
	}
*/
	.okImg {
		width: 25px;
		padding-top: 4px;
	}
	
}

@media only screen and (max-width : 1133px)  {
	table {
		width:300px;
	}
	.table1 {
	width: 400px;
}
	body {
		font: 1.3em HelveticaLTStd-Light, Verdana, Arial, Helvetica, sans-serif;
	}
/*	.myImg {
		width: 50px;
	}
*/
	.okImg {
		width: 25px;
		padding-top: 4px;
	}
	
}


@media only screen and (max-width : 610px)  {
	table {
		width:411px;
	}
	body {
		font: 1em HelveticaLTStd-Light, Verdana, Arial, Helvetica, sans-serif;
		margin-left:5px; 
	}
/*	.myImg {
		width: 30px;
	}
*/
	.okImg {
		width: 25px;
		padding-top: 3px;
	}
}

@media only screen and (max-width : 320px)  {
	table {
		width:300px;
	}
	body {
		font: 1em HelveticaLTStd-Light, Verdana, Arial, Helvetica, sans-serif;
		margin-left:5px; 
	}
/*	.myImg {
	width: 30px;
	}
*/
	.okImg {
		width: 20px;
			padding-top: 5px;
	}
}