/* CSS für Website Felix Gönnert www.animaflix.com */

/* Farben:
weiss = #ffffff (HG)
grau = #6c6c6c (Text)
orange = #e09d00 (Logo, Links active)
dunkelgrau = #333333 (Links Content over)
*/

/* Holly-Hack, Problematik: 3Pixel-Textsprung IE \*/
* html #head  { 
	height: 1%; 
}

/* verhindert Mozilla-Zucken (Scrolli immer da) > Firefox 1.5 */
html[xmlns^="http"] {
   overflow-y: scroll;
}

/* vorgegebene Werte der Browser überschreiben */
* {
	margin: 0;
	padding: 0;
}

html, body {
	background-color: #ffffff;
	color: #6c6c6c;
	font: 95% Arial, Verdana, Helvetica, sans-serif;
	/* font: 95% Verdana, Arial, Helvetica, sans-serif; */
	font-size: 0.90em;
	line-height: 1.32em;
	text-align: center; /* Seite zentrieren für IE 6  */
}

img {
	border: 0px;
}


h1, h2, h3 {
	margin: 0px;
	font-weight: normal;
}

h1, h2, h3, #logo-untertitel, #navi {
	letter-spacing: 0.09em;
	text-transform: uppercase;
	font-size: 0.90em;
}

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

/* Container um die ganze Seite  */
/* #alles {
	width: 750px;
	margin: 31px 0px 0px -375px;
	position: absolute;
	left: 50%;
} */

/* Container um die ganze Seite  */
#alles {
	margin: 0px auto; text-align: left; width: 750px; /* Seite zentrieren für alle Browser außer IE 6  */
	margin-top: 31px;
}

/* --------------------------------------------------------- HEAD -------------------------------------------------------  */
#head {
}

#navi, #logo-titelbild  {
	float: left;
}

#navi  {
	width: 95px;
	padding: 38px 15px 0px 0px;
	text-align: right;

}

#navi dl {
	
}

#navi dt {
	
}

#navi dd {	
	padding: 0px; 
}

/* ---------------------------- Hauptnavi -------------------------------------------- */
#haupt a {
	color: #6c6c6c;
	text-decoration: none;
	display: block;
	padding-bottom: 8px;
}

#haupt a:hover, #haupt a.naviActive { /* Links Navi, hover und aktiv */
	color: #e09d00;
}

/* ---------------------------- Servicenavi -------------------------------------------- */
#navi dt.service {
	padding-top: 94px;
	
}

#service a {
	color: #6c6c6c;
	text-decoration: none;
	display: block;
	font-size: 0.80em;
	padding-top: 5px;
}

#service a:hover, #service a.naviActive { /* Links Navi, hover und aktiv */
	color: #e09d00;
}

/* ---------------------------- Logo, Untertitel, Titelbild bzw. SWF -------------------------------------------- */
#logo-titelbild  {
	width: 640px;
	text-align: left;
}

#logo, #logo-untertitel  {
	float: left;
}

#logo  {
	width: 215px;
}

#logo-untertitel  {
	width: 425px;
	text-align: right;
	padding-top: 20px;
}

.titelbild {
	float: left;	
}

/* ------------------------------------------------ alles für den Inhalt ---------------------------------------------------------------------------- */

/* Container, in dem der Inhalt sitzt */
#containerSpalten {
	text-align: left;
	height: auto; /* Resthöhe abzüglich head und footer */

}

#box-inhalt { /* linke Seite */	
	float: left;
	width: 640px;
	padding: 0px 0px 0px 110px;
}

.haupt-inhalt {

}

.haupt-inhalt a {	
	color: #e09d00;
}

.haupt-inhalt a:hover {
	color: #333333;
}

.haupt-inhalt h1 {
	font-size: 0.97em;
	line-height: 1.2em;
	margin: 18px 0px 4px 0px;
}

.haupt-inhalt h2 {
	font-size: 0.97em;
	line-height: 1.2em;
	margin: 25px 0px 4px 0px;
}

.haupt-inhalt h2.unter-BildNebenText {
	font-size: 0.97em;
	line-height: 1.2em;
	margin: 0px 0px 4px 0px;
}

.haupt-inhalt h1.news {
	font-weight: bold;
}

.haupt-inhalt h2.news {
	font-weight: bold;
}

.haupt-inhalt p {
	margin-top: 0px;
	margin-bottom: 16px;
}

.news-startseite {
	padding-top: 17px;
	text-align: center;
}

.tech-specs-length {
	margin-left: 10px;
}

.tech-specs-format {
	margin-left: 8px;
}

.films-published-titel {
	margin-left: 18px;
}

.films-published-format-1996 {
	margin-left: 125px;
}

.films-published-format-1999 {
	margin-left: 203px;
}

.films-published-format-2004 {
	margin-left: 202px;
}

.films-published-format-2010 {
	margin-left: 187px;
}

.haupt-inhalt ul {
	margin-top: 0px;
	margin-left: 15px !important;
	margin-left: 16px;
	margin-bottom: 0px;
	list-style-type: disc;
	list-style-position: outside;
	clear: both;
}

.haupt-inhalt ul li {
	padding-bottom: 7px;
	padding-left: 5px;
}

.haupt-inhalt ul li.unten {
	padding-bottom: 0px;
}

.haupt-inhalt p.credits-links {
	margin-top: 0px;
	margin-bottom: 25px !important;
	margin-bottom: 0px;
	float: left;
	width: 310px;
	text-align: right;
}

.haupt-inhalt p.credits-rechts {
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 25px !important;
	margin-bottom: 0px;
	float: left;
	width: 310px;
	padding-left: 20px;
}

.haupt-inhalt p.credits-rechts .clearer {
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	height: 0;
}

.haupt-inhalt img.bild-storyboard {
	float: left;
	padding-bottom: 9px;
	padding-top: 11px;
}

.haupt-inhalt #slide-show {
	float: left;
}

.haupt-inhalt #slide-show img {
	padding-bottom: 14px !important;
	padding-bottom: 1px;
}

.haupt-inhalt #slide-show .clearer {
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	height: 0;
}

.haupt-inhalt img.berlinale {
	padding: 57px 245px 42px 245px;
}

/* ------------------------------ Contentelement "Bild neben Text" ------------------------------  */
/* gemeinsame Parameter */
.bild-neben-text-170, .bild-neben-text-241, .bild-neben-text-212, .bild-neben-text-222, .bild-neben-text-249 {
	margin: 0; 
	padding-top: 9px;
	
}

.bild-neben-text-170 h3, .bild-neben-text-241 h3, .bild-neben-text-212 h3, .bild-neben-text-222 h3, .bild-neben-text-249 h3 {
	font-size: 0.97em;
	line-height: 1.2em;
	margin: 0px 0px 4px 0px;
}

.bild-neben-text-170 .clearer, .bild-neben-text-241 .clearer, .bild-neben-text-212 .clearer, .bild-neben-text-222 .clearer, .bild-neben-text-249 .clearer {
   clear: both;
   visibility: hidden;
   font-size: 0;
   line-height: 0;
   height: 0;
}

/* Parameter je Bildbreite */
.bild-neben-text-170 img {
	float: left;
	width: 170px;
	margin: 0px;
	padding: 4px 30px 31px 0px;
}

.bild-neben-text-170 .text {
	float: left;
	width: 440px;
	padding-top: 1px;
}

.bild-neben-text-241 img {
	float: left;
	width: 241px;
	margin: 0px;
	padding: 4px 30px 31px 0px;
}

.bild-neben-text-241 .text {
	float: left;
	width: 369px;
	padding-top: 1px;
}

.bild-neben-text-212 img {
	float: left;
	width: 212px;
	margin: 0px;
	padding: 4px 30px 31px 0px;
}

.bild-neben-text-212 .text {
	float: left;
	width: 398px;
	padding-top: 1px;
}

.bild-neben-text-222 img {
	float: left;
	width: 222px;
	margin: 0px;
	padding: 4px 30px 31px 0px;
}

.bild-neben-text-222 .text {
	float: left;
	width: 388px;
	padding-top: 1px;
}

.bild-neben-text-249 img {
	float: left;
	width: 241px;
	margin: 0px;
	padding: 4px 30px 31px 0px;
}

.bild-neben-text-249 .text {
	float: left;
	width: 361px;
	padding-top: 1px;
}

/* --------------------------------------------------------- FOOTER ---------------------------------------------------------  */
#footer {
	float: left;
	width: 640px;
	padding: 30px 0px 12px 110px;
	text-align: center;
	clear: both;
}

#footer p {		
	font-size: 0.85em;
	letter-spacing: 0.085em;
}

#footer a {		
	color: #6c6c6c;
}

#footer a:hover {		
	color: #e09d00;
}