html {
		padding: 15px;
		margin: 0px;
		background-color: #789ECF;
		color: #333333;
	}
	hr {	
		color: #333333;
		background-color: #333333;
		height: 2px;
		border: 0px;
	}
	h1 {	
		font-family: Arial, Helvetica, sans-serif;
		font-size: 24px;
		padding: 0;
		margin: 0;
	}
	h2 {	
		font-family: Arial, Helvetica, sans-serif;
		font-size: 22px;
		padding: 0;
		margin: 0;
	}
	h3 {	
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding: 5px 0 5px 0;
		margin: 0;
	}
	img {
		border: 0;
	}
	#container {
		width: 940px;
		margin: auto;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
	}
	#header {
		width: 940px;
		height: 200px;
		background-image: url(http://www.hs-films.de/design/images/header.jpg);
	}
	#top-left {
		width: 200px;
		height: 40px;
		float: left;
		background-image: url(http://www.hs-films.de/design/images/top-leftbg.jpg);
	}
	#navi {
		width: 716px;
		height: 16px;
		float: right;
		padding: 12px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #2A2A2A;
		background-image: url(http://www.hs-films.de/design/images/navibg.jpg);
	}
	#navi a:link {
		text-decoration: none;
		color: #2A2A2A;
	}
	#navi a:visited {
		text-decoration: none;
		color: #2A2A2A;
	}
	#navi a:hover {
		text-decoration: underline;
		color: #2A2A2A;
	}
	#navi a:active {
		text-decoration: underline;
		color: #CC0000;
	}
	#menu {
		width: 200px;
		float: left;
		font-family: "Courier New", Courier, monospace;
		font-weight: bold;
		font-size: 18px;
		color: #FFFFFF;
		line-height: 50px;
		text-align: center;
	}
	#menu ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	#menu li {
		background-image: url(http://www.hs-films.de/design/images/button.png);
	}
	#menu a:link, #menu a:visited {
		text-decoration: none;
		color: #FFFFFF;
		display: block;
	}
	#menu a:hover, #menu a:active {
		text-decoration: none;
		color: #CC0000;
		display: block;
	}
	#content {
		width: 708px;
		float: right;
		text-align: left;
		padding: 15px;
		border: 1px solid #333333;
		background-image: url(http://www.hs-films.de/design/images/contentbg.jpg);
		background-repeat: no-repeat;
		background-color: #7197C2;
	}
	#content a:link, #content a:visited {
		text-decoration: underline;
		color: #333333;
	}
	#content a:hover, #content a:active {
		text-decoration: underline;
		color: #CC0000;
	}
	#content ul {
		font-size: 18px;
		list-style-type: none;
		padding: 15px;
		margin: 0px;
		line-height: 40px;
	}
	#content li a:link, #content li a:visited {
		text-decoration: none;
		color: #333333;
	}
	#content li a:hover, #content li a:active {
		text-decoration: none;
		color: #CC0000;
	}
	#impressum {
		width: 200px;
		height: 50px;
		font-family: "Courier New", Courier, monospace;
		font-weight: bold;
		font-size: 18px;
		text-align: center;
		color: #FFFFFF;
		background-image: url(http://www.hs-films.de/design/images/buttonend.png);
	}
	#bottom {
		width: 732px;
		float: right;
		padding: 3px;
		margin: 5px 0 30px 0;
		color: #586b81;
		font-size: 12px;
		border: 1px solid #586b81;
	}
	#bottom a:link, #bottom a:visited, #bottom a:hover, #bottom a:active {
		text-decoration: underline;
		color: #586b81;
	}
	.film-button {
		width: 150px;
		height: 50px;
		float: left;
		font-weight: bold;
		font-size: 18px;
		line-height: 50px;
		text-align: center;
		background-image: url(http://www.hs-films.de/design/images/buttonsmall.png);
	}
	.film-button a:link, .film-button a:visited, .film-button a:hover, .film-button a:active {
		display: block;
	}
	.film {
		width: 545px;
		height: 122px;
		margin: 0 0 20px 0;
		border: 1px solid #333333;
		background-image: url(http://www.hs-films.de/design/images/filmbg.jpg);
		background-repeat: no-repeat;
		background-color: #e6e8f1;
	}
	.film-cover {
		width: 80px;
		height: 110px;
		padding: 5px;
		float: left;
		border: 1px solid #333333;
	}
	.film-content {
		width: 441px;
		height: 110px;
		padding: 5px;
		float: left;
		position: relative;
		border: 1px solid #333333;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: justify;
	}
	.film-links {
		width: 429px;
		padding: 5px;
		position: absolute;
		bottom: 5px;
		border: 1px dashed #333333;
		font-weight: bold;
		text-align: center;
	}
	.film h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: 3px;
		padding: 5px 0 0 0;
	}
	#filminfo {
		float: left;
		padding-top: 20px;
		width: 55%;
		text-align: justify;
		font-size: 16px;
	}
	#streamsdownloads {
		float: right;
		padding-top: 20px;
		width: 40%;
		font-size: 16px;
	}
	#streamsdownloads p {
		text-decoration: underline;
	}
	#streamsdownloads ul {
		padding-left: 15px;
		list-style: disc;
		line-height: 20px;
		margin: 0;
		font-size: 16px;
	}
	#streamsdownloads li a:link {
		text-decoration: none;
	}
	#streamsdownloads li a:visited {
		text-decoration: none;
	}
	.tooltip {
		opacity: 0.75;
		max-width: 250px;
		font-family: arial, Helvetica, sans-serif;
		font-size: 12px;
		border: 1px solid #333333;
		background-color: #e6e8f1;
		padding: 3px;
	}