@charset "UTF-8";
/* CSS - Dafür Zahl' ich nicht */
	
	* { margin: 0; padding: 0; }
	html { height: 101%; }
	body {
		font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
		font-size: 90%;
		background-color: #757575;
		background-image: url(../images/gradient.jpg);
		background-repeat: repeat-x;
		background-position: left top;
	}
	h4 {
		padding: 1em 1em 0 2em;
	}
	a {
		color: #CB0D27;	
	}
	a:hover, a:visited, a:focus {
		color: #F50F2F;
	}
	#header {
		text-align: right;
		margin-right: 5%;
	}
	#menu {
		background: black;
	}
	#upper-boxes {
		min-width: 744px;
	}
	#menu ul {
		margin-left:2em;
		position:absolute;
		top:-16px;
	}
	#menu a {
		color:black;
		padding:1em;
		text-decoration:none;
	}
	#menu ul li {
		background:white none repeat scroll 0 0;
		border-top:1px solid #999999;
		display: block;
		float: left;
		margin: 0 !important;
		margin-right: 0.5em !important;
	}
	#menu ul li:hover {
		border-top:1px solid red;
	}
	#footer p {
		font-size: 65%;
		clear: both;
		margin: 0 0 0 5%
	}
	#player {
		margin-left: 17px;
	}
	#content {
		margin-top: 40px;
		min-width: 650px;
	}
	#content-box {
		float: right;
		width: 200px;
		margin-right: 15%;
		margin-left: 2px;
	}
	#content-box-inner div {
		padding: 3px 0 0em 9px;
		width: 240px;
		background-color: #FFFFFF;
		font-size: 80%;
	}
	#content-box-inner p {
		padding: 0 !important;
		
	}
	.content-inner p, .content-inner-gr p {
		font-size: 90% !important;
		padding: 1em 1em 0 1em !important;
	}
	li {
		font-size: 90% !important;
		margin: 0.5em 2em 0 3em;
		list-style-position: outside;
		
	}
	.kinolist li {
		padding: 0 0 0.5em 0;
		font-weight: bold;
		width: 60%;
		list-style-type: none;
		border-bottom: 1px solid #757575;
	}
	ul .city li {
		margin: 0.5em 2em 0 6em;
		font-weight: normal;
		padding: 0;
		border: none;
		list-style-type: circle;
		background: white;
	}
	.x { text-decoration: line-through; }
	.content-inner {
		width: 50%;
		margin-left: 5%;
		margin-top: 0;
		background-image: url(../images/bl.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		background-color: #FFFFFF;
		float: left;
		min-width: 240px;
	}
	.mtp { margin-top: 2em; }
	.floatl { float: left; }
	.floatr { float: right; }
	.bl {
		background: url(../images/bl.png)  no-repeat left bottom;
		font-weight: bold;
	}
	.bl em {
		font-weight: normal;
	}
	.bl  h3 {
		background: url(../images/br.png) no-repeat bottom right;
		padding: 1em 1em 0 1em;
	}
	.content-mid {
		background: url(../images/br.png) no-repeat right bottom;
		padding-bottom: 0.5em;
	}
	.content-mid-gr {
		background: url(../images/br-g.png) no-repeat right bottom;
		padding-bottom: 0.5em;
	}
	.content-mid h3 {
		background: url(../images/tr.png) no-repeat top right;
		padding: 1em 1em 0 1em;
		border-bottom: 1px solid black;
	}
	#tr {
		background: url(../images/tr-g.png) no-repeat top right !important;
		padding: 1em 1em 0 1em;
		border-bottom: 1px solid black;
	}
	.content-inner-inner  {
		background: url(../images/tl.png) no-repeat left top;
		
	}
	.content-inner-inner-gr {
		background: url(../images/tl-g.png) no-repeat left top;
		
	}
	#pages {
		padding:2px 4px 2px 4px;
		border:1px solid gray;
		color: #707070; 
		text-decoration:none;
	}
	#pages.active {
		border-color: black;
	}
	#pages:hover {
		border:1px solid red;
	}