/* General */

pre.debug {float: left; clear: both;}

a:link,
a:visited,
a:hover {text-decoration: none;}

a:visited {color: blue;}

img {border: none;}

.imgleft {
	float: left;
	margin-right: 10px;
}

.floatleft {
	float: left;
}

span.title {
	font-weight: bold;
}

h1 {
	margin-top: 0;
	font-size: 12px;
	font-weight: bold;
}

h2 {
	clear: both;
	font-size: 15px;
	font-weight: bold;
}

div.error, .status-message {
	padding: 10px;
	margin-top: 8px;
	margin-bottom: 8px;
}

/*div.error { border: 1px solid red; }
.status-message {
	background-color: #FFFFFF;
	border: 1px solid limegreen;
}*/
div.error { color: #5a5a5a; border: 1px solid red; }
.status-message { color: limegreen; }

div.error h2, .status-message h2 {
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
	font-size: 12px;
}

/* Main site layout */

body {
	background-color: #e1f4fd;
	color: #5a5a5a;
	font-family: Verdana;
	font-size: 12px;	
}

#wrapper {
	width: 916px;
	height: 200px;
	margin: 0 auto;
}

#main {
	float: left;
	padding-bottom: 20px;
	border-bottom: 1px solid #092E5C;
}

#footer {
	float: left;
	width: 916px;
	padding: 5px 0px;
	font-size: 10px;
	font-weight:bold;
}

#footer img {
	margin-left: 5px;
}

#partner {
	float: right;
	text-align: right;
	margin-top: 2px;
}


/* Navigation top */

.mainnav {
	float: left;
	width: 916px;
	padding-bottom: 6px;
}

#navtop a, #navleft a { color: #5a5a5a; }
a.internal, a.internal:visited { color: #AA002D; }
#navtop a:hover, a.internal:hover { color: #9a9a9a; }

#logotop {
	display: inline;
	float: left;
	width: 208px;
	height: 107px;
	margin-right: 6px;
}

#navtop {
	float: left;
	width: 702px;
	height: 107px;
	background-color: #b6d8e8;
	background: url(../images/navtop-bg.gif) no-repeat;
}

#navtop ul {
	margin: 0 66px;
	padding: 0;
}

#navtop li {
	float: left;
	display: inline;
	width: 95px;
	height: 12px;
	margin-top: 30px;
	padding-top: 38px;
	text-align: center;
	font-size: 11.5px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: center top;
}

.fly-r {
	background-image: url('../images/fly-right.gif');
}

.fly-l {
	background-image: url('../images/fly-left.gif');
}

.top_active {
	background-image: url('../images/fly-dead.gif');
}

/* Navigation left */

#navleft {
	display: inline;
	position: relative;
	float: left;
	width: 208px;
	min-height: 325px;
	height: auto !important;
	height: 325px;
	padding: 76px 0px 165px 0px;
	margin-right: 15px;
	background: url(../images/navleft-bg.gif) no-repeat;
	background-color: #b6d8e8;
}

#leftlogo {
	clear: both;
	position: absolute;
	left: -12px;
	bottom: -7px;
	z-index: 100;
	width: 220px;
	height: 173px;
	background-image: url('../images/logo-left.gif');
}

#searchbox {
	display: inline;
	float: left;
	width: 200px;
	border: 1px solid #8899a1;
	background-color: #FFFFFF;
	margin: 0 3px 5px 3px;
}

#searchbox input.invisible {
	width: 1px;
	height: 1px;
}

#searchbox input {
	height: 16px;
	border: none;
}

#searchbox input.search-field {
	float: left;
	border: 0px;
	width: 149px;
	padding: 3px 0px 3px 3px;
}

#searchbox .search-button {
	float: right;
	width: 40px;
	height: 22px;
	font-size: 10px;	
	background-color: #efefef;
}

#navleft ul {
	float: left;
	margin: 6px 0 0 0;
	padding: 0 0 6px 0;
}

.dashborder {
	border-bottom: 1px dotted #5a5a5a;
}

#navleft li {
	display: block;
	background-image: url('../images/navleft-arrow.gif');
	background-repeat: no-repeat;
	background-position: 11px center;
}

#navleft li a {
	width: 183px;
	padding: 2px 5px 2px 20px;
	font-size: 11.5px;
	font-weight: bold;
	display: block;
}

#navleft li:hover {
	background-color: #d7eaf2;
}

.left_active {
	background-color: white;
}

/* Right side info box */

.infobox {
	clear: right;
	float: right;
	width: 190px;
	margin-bottom: 15px;
	padding: 30px 5px 5px 5px;
	border: 1px solid #092E5C;
	font-size: 11px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;	
	background-position: top;
}

.newsbox {
	background-image: url('../images/infobox-neuigkeiten.gif');
}

.terminbox {
	padding-top: 22px;
	background-image: url('../images/infobox-termine.gif');
}

.terminbox li {
	margin-top: 8px;
}

.shopbox {
	background-image: url('../images/infobox-helgesshop.gif');
}

.relatedbox {
	background-image: url('../images/infobox-related.gif');
	font-size: 9px;
	padding-top: 25px;
}

.relatedbox img {
	float: left;
	width: 100px;
	height: 66px;
	margin-right: 5px;
}

.relatedbox p {
	margin: 0;
}

.relatedbox div.minivideo {
	width: 100%;
	float: left;
	clear: both;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px dotted black;
}

.relatedbox div.last {
	border-bottom: none;
	padding-bottom: 0;
}

.relatedbox div.minidescription {
	width: 75px;
	overflow: hidden;
}

.infobox ul {
	margin: 0;
	padding: 0 0 0 20px;
}

.functionbox {
	background-image: url('../images/infobox-jaeger.gif');
	font-size: 12px;
}

.functionbox ul { padding: 0; }
.functionbox li { list-style: none; }

.functionbox a {
	display: block;
	height: 20px;
	padding: 5px 0 0 38px;
	background-repeat: no-repeat;
	background-position: center left;
}

.functionbox li.recommend a { background-image: url('../images/icon-recommend.gif'); }
.functionbox li.embed a { background-image: url('../images/icon-embed.gif'); }
.functionbox li.comment a { background-image: url('../images/icon-comment.gif'); }

#quicknav,
#newsletter {
	height: 20px;
	padding-bottom: 3px;
}

#quicknav {
	float: left;
	width: 587px;
	font-size: 10px;
}

#newsletter {
	float: right;
	width: 100px;
}

#newsletter a:link,
#newsletter a:visited,
#newsletter a:hover {
	background: url(../images/newsletter.gif) 0px 1px no-repeat;
	padding: 0px 0px 5px 32px;
}

/* Content area */

.content {
	float: left;
	width: 476px;
}

/* News */

.news-content {
	margin-bottom: 10px;
}

/* Film-Kategorie */

.sort-list {
	border-bottom: 1px dotted #5a5a5a;
	padding: 5px 0px;
	font-size: 10px;
}

.videobox {
	float: left;
	width: 474px;
	border: 1px solid #E1F4FD;
}

.videobox .page-navi {
	clear: left;
	padding-top: 4px;
	height: 22px;
}

.videobox .page-navi-l {
	float: left;
	margin-left: 10px;
}

.videobox .page-navi-r {
	float: right;
	margin-right: 10px;
}

.video {
	float: left;
	width: 474px;
	border-bottom: 1px dotted #5a5a5a;
	padding: 10px 0px;
}

.video p {
	margin: 0;
	padding-left: 161px;
}

.video .rating {
	margin: 0;
	padding-left: 161px;
}

/* Film-Ansicht */

.player {
	position: relative;
	float: left;
	width: 480px;
}

div.write-comment, div.recommend-spot {
	float: right;
	clear: both;
}

#spot-comment table {
	border-top: 1px dotted #5a5a5a;
	border-bottom: 1px dotted #5a5a5a;
	border-spacing: 3px;
	width: 100%;
	padding: 10px;
}

#spot-comment table textarea {
	width: 300px;
	height: 80px;
}

#spot-comment th {
	text-align: right;
	padding-right: 5px;
}

img.captcha {
	width: 100px;
	height: 30px;
}

input.captcha {
	width: 60px;
	margin-left: 10px;
	position: relative;
	top: -10px;
}

div.spot-stars-off {
	width: 85px;
	height: 19px;
	background-image: url('../images/stars-off.gif');
}

div.spot-stars-on {
	width: 0px;
	height: 19px;
	background-image: url('../images/stars.gif');
}

div.back {
	text-align: right;
	font-size: 10px;
}

#embedOverlay {
	position: absolute;
	width: 300px;
	left: 76px;
	top: 50px;
	border: 4px solid white;
	padding: 10px;
	background-color: #b6d8e8;
}

#embedOverlay textarea {
	width: 100%;
	height: 100px;
}

#embedOverlay a {
	float: right;
}

/* Termine */

table.termine {
	width: 100%;
}

table.termine .date_day {
	width: 20px;
}

table.termine .date_date {
	width: 140px;
}

table.termine .date_location {
	width: 120px;
}

table.termine td {
	padding-left: 5px;
	padding-bottom: 10px;
}

/* Rückblick */

.review h2 {
	font-size: 12px;
	margin: 0px;
	padding: 5px 0px;
}

.guest {
	float: left;
	font-size: 10px;
	width: 150px;
	margin: 0 5px 10px 0;
}

.guest img {
	margin-top: 4px;
}

.rueckblick-navi {
	clear: both;
	padding-top: 4px;
	margin-right: 15px;
	height: 22px;
	border-top: 1px dotted black;
}

.rueckblick-navi-l {
	float: left;
}

.rueckblick-navi-r {
	float: right;
	text-align: right;
}

.rueckblick-navi-r a.newer {
	padding-right: 16px;
	margin-left: 32px;
	background: url('../images/next-page.gif') right 5px no-repeat;
}

.rueckblick-navi-r a.older {
	padding-left: 16px;
	background: url('../images/previous-page.gif') left 5px no-repeat;
}

/* Gastgeber */

.host {
	clear: both;
	margin-bottom: 20px;	
}

.host img {
	margin-bottom: 20px;
}

.host p {
	position: relative;
	top: -3px;
	padding-left: 113px;
}

/* News */

div.news-list {
	padding: 5px 0;
	border-bottom: 1px dotted black;
}

div.news-list .date {
	font-size: 10px;
}

div.news-last {
	border-bottom: 0;
	padding-bottom: 0;
}

/* Newsletter Abo */

.newsletter-forms {float: left;}

.newsletter-forms form {
	float: left;
	padding-bottom: 10px;
}

/* Film empfehlen */

table.recommend-spot th {
	font-size: 11px;
	font-weight: normal;
	padding-top: 10px;
}

table.recommend-spot td + td, table-recommend-spot th + th {
	padding-left: 20px;
}

table.first {
	padding-bottom: 15px;
	border-bottom: 1px dotted #6e6e6e;
}