@import url("bewertung.css");
@import url("formulare.css");
body {
	background: #000;
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0;
	padding: 0;
}
td {
	vertical-align: top;
}
th {
	text-align: left;
}
input[type=text], textarea, select   {
	font: 12px Arial, Helvetica, sans-serif;
	color: #1E3B3F;
}
a img {
	border-style: none;
}
#CONTAINER {
	width: 900px;
	margin: 0 auto;
	background: url(../bilder/layout/bg-artwork.jpg) no-repeat left top;
	min-height: 550px;
	padding-bottom: 30px;
}
#SEITENKOPF {
}
#LOGO {
	padding: 25px 0 58px 25px;
	float: left;
}
#ADRESSE {
	float: right;
	padding: 5px 25px 0 0;
	color: #48A2B3;
	font-size: 11px;
	text-align: right;
}
#ADRESSE a {
	color: #48A2B3;
}
#ADRESSE a:hover {
	color: #FFF;
}
#LINKE-SPALTE {
	width: 250px;
	float: left;
}
#NAVIGATION {
	margin: 0 0 60px 0;
}
#NAVIGATION .start {
	background: url(../bilder/layout/bg-navigation-abschluss-oben.png) no-repeat;
	height: 8px;
	width: 180px;
}
#NAVIGATION .inhalt {
	background: url(../bilder/layout/bg-navigation.png);
	width: 145px;
	padding: 5px 10px 5px 25px;
}
#NAVIGATION ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 14px;
	font-weight: bold;
}
#NAVIGATION ul ul {
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 5px 10px;
}
#NAVIGATION li {
	margin: 0 0 5px 0;
}
#NAVIGATION li.trenner {
	margin-bottom: 20px;
}
#NAVIGATION li li {
	margin: 0 0 5px 0;
}
#NAVIGATION li a {
	color: #FFF;
	text-decoration: none;
	display: block;
}
#NAVIGATION li li a {
}
#NAVIGATION li.current a {
	color: #0FF;
}
#NAVIGATION li.current li a {
	color: #FFF;
}
#NAVIGATION li.current li.current a {
	color: #0FF;
}
#NAVIGATION li a:hover {
	color: #D6E9F8;
}
#NAVIGATION li.current a:hover {
	color: #0FF;
}
#NAVIGATION li.current li a:hover {
	color: #D6E9F8;
}
#NAVIGATION li.current li.current a:hover {
	color: #0FF;
}
#NAVIGATION .ende {
	background: url(../bilder/layout/bg-navigation-abschluss-unten.png) no-repeat;
	height: 8px;
	width: 180px;
}
#SUCHE {
	padding: 10px 10px 10px 25p;
	margin: -30px 0 30px 0;
}
#SUCHE   .start {
	background: url(../bilder/layout/bg-navigation-abschluss-oben.png) no-repeat;
	height: 8px;
	width: 180px;
}
#SUCHE  .inhalt {
	background: url(../bilder/layout/bg-navigation.png);
	width: 145px;
	padding: 5px 10px 5px 25px;
}
#SUCHE  .ende {
	background: url(../bilder/layout/bg-navigation-abschluss-unten.png) no-repeat;
	height: 8px;
	width: 180px;
}
#SUCHE  h1 {
	font-size: 14px;
	margin: 0px;
	color: #FFFFFF;
}
#SUCHE h1.current {
	color: #00FFFF;
}

#SUCHE form {
	margin: 0px;
	padding: 0px;
}
#SUCHE input, #SUCHE select {
	font: 12px Arial, Helvetica, sans-serif;
}
#SUCHE input[type=text] {
	border: 1px solid #1F607C;
	padding: 1px;
	width: 140px;
	color: #000000;
}
#SUCHE select {
	color: #1E3B3F;
	margin: 3px 0;
}
#SUCHE input[type=submit] {
	background: url(../bilder/layout/button-suche.png) no-repeat left top;
	display: block;
	height: 20px;
	width: 120px;
	color: #FFF;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	text-indent: -15000px;
	border: none;

}



#INFO {
	padding: 10px 10px 10px 25px;
	width: 145px;
}
#INFO span {
	font-size: 11px;
}
#INHALT {
	float: left;
	width: 500px;
	line-height: 1.5em;
}
#INHALT h1 {
	font-size: 28px;
	font-weight: normal;
	margin: 0 0 20px 0;
	line-height: normal;
}
#INHALT h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 10px 0;
}
#INHALT h3 {
	margin-bottom: 0px;
	font-size: 13px;

}
.abgesetzt {
	color: #48A2B3;
}


#INHALT p {
	margin: 0 0 10px 0;
}
#INHALT a {
	color: #0FF;
}
#player,#player_api {
	outline: none;
}

#INHALT a:hover {
	color: #FFF;
}
#INHALT a.zurueck {
	color: #FFF;
	text-decoration: none;
	background: url(../bilder/layout/button-zurueck.gif) no-repeat left top;
	display: block;
	height: 20px;
	width: 180px;
	padding: 0 20px 0 0;
	font-weight: bold;
	margin: 5px 0;
	outline: none;
	text-align: right;
}
#INHALT a.vor {
	color: #FFF;
	text-decoration: none;
	background: url(../bilder/layout/button-vor.gif) no-repeat left top;
	display: block;
	height: 20px;
	width: 180px;
	padding: 0 0 0 20px;
	font-weight: bold;
	margin: 5px 0;
	outline: none;
}
#INHALT .startseitentabelle td {
	width: 50%;
	padding-right: 10px;
	padding-bottom: 50px;

}

img.links {
	float: left;
	margin: 0 10px 5px 0;
}
img.rechts {
	float: right;
	margin: 0 0 5px 10px;
}


#INHALT form.routenplanung {
	margin: 0 0 10px 0;
	padding: 0;
}
.lic-logo {
	border: 5px solid #000;
	border-right: 345px solid #000;
}
.bildergalerie {

}
.bildergalerie  img {
	margin: 3px;
	border: 1px solid #666666;
	padding: 1px;
}
.bildergalerie img:hover {
	border-color: #0FF;
}




h1 span.veroeffentlichung {
	font-size: 12px;
}
#INHALT p.systemwechsel {
	margin-bottom: 40px;
}


#INHALT .systemwechsel a {
	color: #FFF;
	text-decoration: none;
	background: url(../bilder/layout/button-filmdetail.gif) no-repeat left top;
	display: block;
	height: 20px;
	width: 200px;
	padding: 0 0 0 5px;
	font-weight: bold;
	margin: 5px 0;
	outline: none;
}
#INHALT .systemwechsel a:hover {
	color: #D6E9F8;
}
#INHALT #SUCHE-ERGEBNISLISTE .sortierung {
	margin: 10px 0 30px 0;
}

#INHALT #SUCHE-ERGEBNISLISTE .sortierung input {
	margin: 0 0 0 10px;
}
#INHALT #SUCHE-ERGEBNISLISTE .sortierung label {
	margin: 0 0 0 2px;
}
#PAGEBROWSER ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#PAGEBROWSER li {
	float: left;
}

#PAGEBROWSER a {
	display: block;
	padding: 5px 10px;
	margin: 0 10px 10px 0;
	border: 1px solid #48A2B3;
	color: #48A2B3;
	text-decoration: none;
	font-weight: bold;
	width: 15px;
	text-align: center;
}
#PAGEBROWSER a:hover {
	color: #00FFFF;
	border: 1px solid #00FFFF;
}

#PAGEBROWSER .current a {
	color: #FFF;
	border: 1px solid #FFF;
}





.film-listenansicht-listitem {
	margin: 0 0 30px 0;
	border-bottom: 1px solid #15323A;
	width: 100%;
}
.film-listenansicht-listitem .platzierung {
	width: 120px;
	text-align: center;
	color: #00C7C7;
	font-size: 80px;
	vertical-align: bottom;
}
.film-listenansicht-listitem .platzierung span {
	display: block;
}

.film-listenansicht-listitem   .platzierung  img {
	height: 30px;
}

.film-listenansicht-listitem .cover {
	padding: 0 10px 0 0;
	width: 100px;
}



.film-listenansicht-listitem .desc {
	padding: 0 10px 0 0;
	font-weight: bold;
	width: 100px;
}
.film-listenansicht-listitem .titel {
	font-weight: bold;
}
.film-listenansicht-listitem .titel a {
	text-decoration: none;
}
#INHALT .film-listenansicht-listitem .detaillink a {
	color: #FFF;
	text-decoration: none;
	background: url(../bilder/layout/button-filmdetail.gif) no-repeat left top;
	display: block;
	height: 50px;
	width: 200px;
	padding: 0 0 0 5px;
	font-weight: bold;
	margin: 5px 0;
	outline: none;
}
#INHALT .film-listenansicht-listitem .detaillink a:hover {
	color: #D6E9F8;
}
ul.archivliste {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.archivliste li {
	float: left;
	text-align: center;
	margin: 0 5px 5px 0;
}
#INHALT ul.archivliste li a {
	display: block;
	width: 100px;
	text-decoration: none;
	border: 1px solid #48A2B3;
	color: #48A2B3;
}
#INHALT ul.archivliste li a:hover {
	color: #FFF;
	border-color: #FFF;
}

table.film-daten {
	width: 100%;
}
.film-daten .navilinks .zurueck {
	float: left;
}

.film-daten .navilinks .vor {
	float: right;
}
.film-daten .desc .navilinks .vor {
	float: left;
}

.film-daten   .bild  {
	padding-right: 50px;



}
.film-daten .bild table {
	width: 100%;
	margin-left: 50px;

}



.film-daten  .desc {
	font-weight: bold;
	padding: 0 10px 0 0;
	color: #48A2B3;
}
.copyright {
	font-size: 11px;
	color: #48A2B3;
	text-align: right;
}
.bewerter {
	font-size: 11px;
	color: #48A2B3;
}
#INHALT .bewerter a {
	color: #48A2B3;
}
.bewertungsliste {
	margin: 50px 0;
}
#INHALT .bewertungsliste h2 {
	margin-bottom: 20px;
}
.bewertungsformular .fehler {
	border: 1px solid #00FFFF;
	padding: 10px;
	display: block;
	color: #00FFFF;
	font-weight: bold;
	margin: 20px 0;
}
.bewertungsformular .label {
	font-weight: bold;
	width: 200px;
}
.bewertungsformular .label .freiwillig {
	font-size: 11px;
	font-weight: normal;
	color: #CCCCCC;
}
.bewertungsformular input {
	width: 100%;
	margin: 0 0 5px 0;
}
.bewertungsformular textarea {
	height: 150px;
	width: 100%;
	margin: 0 0 5px 0;
}
.bewertungsformular input.button {
	width: auto;
}
#map {
	height: 370px;
	width: 490px;
	border: 5px solid #FFF;
}
#STARTBILD {
	background: url(../bilder/startbild-v2.png) no-repeat;
	width: 500px;
	height: 242px;
}

.marker-text {
	color: #000000;
}
.kontakt-label {
	float: left;
	width: 50px;
	font-weight: bold;
}

.reflect {
}
.rheight20 {
}
.fussnote {
	font-size: 11px;
}
.nachoben a {
	display: block;
	margin: 40px 0 0 0;
	background: url(../bilder/layout/button-nach-oben.png) no-repeat left top;
	padding-left: 25px;
}
.marker {
	color: #0FF;
}



.clear-both {
	clear: both;
}