/**
 *
 * FEINHEIT kreativ studio // www.feinheit.ch
 *
 */

.noshow{
	height:0;
	display:none;
}

body {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #454545;
	background:black url(../img/design/header-bg.jpg) no-repeat center 0;
	font-size:12px;
	padding:0;
	margin:0;
	text-decoration: none;
	line-height: 22px;
	overflow-y: scroll;
	text-align: center;
}

table tr, table td {
    vertical-align: top;
}

#page {
	width: 800px;
	margin: 0 auto;
	margin-bottom:30px;
}
#sprache {
	height: 90px;
}
#content {
	background:white url(../img/design/happynewyear-logo.jpg) no-repeat right bottom;
	width: 800px;
	height: auto;
	text-align: left;
	padding: 0 0 0 0;	
}
#content .sp1 {
	width: 560px;
	float: left;
	padding: 5px 20px 30px 40px;
}
#content .sp2 {
	padding-top: 40px;
    width: 180px;
	float: left;
}
#content #sp3 {
	clear:left;
	padding: 0;
	margin: 0;
	height: 430px;;
}
#content #sp4 {
	padding: 50px 0 0 50px;
}
#content h1, #content h2, #content h3 {
	font-weight: normal;
	padding: 0;
	margin: 0 0 10px 0;
}
#content h1 {
	font-size: 26px;
	color:#a50011;
}
#content h1 span {
	font-size: 15px;
}
#content h2 span {
	font-size: 12px;
}
#content h4
{
	font-size: 18px;
	margin-bottom: 10px;
	text-transform: uppercase;


}
#content h4 span {
	font-size: 13px;
}
#content h5 {
	font-size: 15px;
	font-weight: normal;
	text-transform:uppercase;
}
#content h5 span {
	font-size: 12px;
	text-transform:none;
}
#content a:hover {
	color: #8e1002;
}

#content p.small_font {
	font-size: 0.8em;
	line-height: 13px;
}

#footer {
	width: 100%;
	height: 303px;
	margin: 0 auto;
	background-color:black;
}

#titel{
	display:none;
}

#contentinner {
/*height: 455px;*/    
}


#contact p{
	width: 270px;
	float: left;
	padding-bottom:20px;
}

/******************** Menu ********************/


#menu {
	margin: 0;
	padding: 0 0 20px 25px;
	height: 46px;
	width: 775px;
	list-style: none;
	overflow: hidden;
	background-color: #FFFFFF;
	}

#menu li {
	margin: 0; 
	padding: 0;
	height: 46px;
	float: left;
	list-style: none;
	display: inline;
	}

#menu a {
	float: left;
	padding: 46px 0 0;
	overflow: hidden;
	height: 0px !important; 
	}
	
#menu a:hover {
	background-position: 0 -46px;
	}

#menu a:active, #nav a.selected {
	background-position: 0 -92px;
}

.flash-replaced .alt {
display: block;
height: 0;
position: absolute;
overflow: hidden;
width: 0;
}


/*
#film a {
	width: 69px;
	background: url(../img/nav/film.gif) top left no-repeat;
}

#menu #cast a  {
	width: 72px;
	background: url(../img/nav/cast.gif) top left no-repeat;
}

#regie a  {
	width: 74px;
	background: url(../img/nav/regie.gif) top left no-repeat;
}

#crew a  {
	width: 71px;
	background: url(../img/nav/crew.gif) top left no-repeat;
}

#medien a  {
	width: 85px;
	background: url(../img/nav/medien.gif) top left no-repeat;
}

#wettbewerb a  {
	width: 131px;
	background: url(../img/nav/wettbewerb.gif) top left no-repeat;
}

#kino a  {
	width: 61px;
	background: url(../img/nav/kino.gif) top left no-repeat;
}

#kontakt a  {
	width: 95px;
	background: url(../img/nav/kontakt.gif) top left no-repeat;
}
*/


/******************** Subnavi ********************/

ul.submenu{
line-height:0;
padding:0;
margin:0 0 20px 0;
}

.submenu li{
list-style:none;
clear:both;
line-height:0;
margin:0;
padding: 0 0 10px 0;
}

.submenu li a{
width:151px;
display: block;
text-decoration: none;
padding: 9px 4px 9px 25px;
color:#a50011;
font-size:12px;
font-weight: bold;
text-transform:uppercase;
line-height:0;
white-space: nowrap;
}

.submenu li a.mark{
	background:white url(../img/design/subnav.gif) no-repeat left top;
}
.submenu li a:hover{
	color: black;
	text-decoration: underline;
}


/******************** Kontakt ********************/

.kontakt #content p {
	width: 250px;
	float: left;
}

#nomination table,#nomination table th,#nomination table td,#nomination table tr{
	border:none;
	border-collapse:collapse;
	vertical-align:top;
	text-align:left;
	padding:0px;
	margin:0px;
}

#nomination {
	padding: 20px;
	background-color: #ebebeb;
}

/******************** Crew & Cast ********************/

.cast {
    float:left;
    padding: 8px 20px 5px 0;
}

.cast_overview .bilder,.cast_overview .list {
	float: left;
}
.cast_overview .bilder {
 	width: 210px;
}
.cast_overview table {
  margin-left: 0;
}
.cast_overview td{
	width: 150px
}

#cast td {
    padding-left: 20px;
}

.list-heading {
    font-weight: 700;
}

#crewlist ul , #cast ul {
    list-style-type: none;    
}

#crewlist ul {
    padding-left: 380px;
}

#crewlist .bilder, #crewlist .list {
	float: left;
}

#crewlist .bilder,#filmmusik .bilder {
 	width: 380px;
 	padding-top:5px;
}
#crewlist .bilder img{
 	margin-bottom: 10px;
 }

#filmmusik .bilder {
 	width: 210px;
 	padding-top:5px;
}
#filmmusik .bilder, #filmmusik .liste {
	float:left;
}
#filmmusik .bilder img {
	margin-bottom: 10px;
}
#filmmusik liste {
    padding-left: 230px;
}

/******************** Regie *************************/

#regie table {
    padding-left: 10px;
}

#regie td {
    padding: 5px 0 5px 10px;
}

/******************** Filmografie ********************/

.filmografie {
}
.filmografie tr {
	padding:200px;
}
.filmografie td {
	vertical-align:top;
	min-width: 40px
}
.filmografie .tbl_left {
	width: 70px;
	font-weight: bold;
}
.filmografie thead td {
	padding-bottom: 0px;
}
.filmografie .untertitel td {
	padding: 16px 0 5px 0;
}
/******************** Cast ********************/

.cast #content .normal {
	width: 390px;
	float: left;
	padding:0;
}
.cast #content .rechts {
	width: 220px;
	float: left;
}
.schauspieler {
	display: none;
}

#nebendarsteller img{
	display: none;
	position: absolute;
}

/** Kino **/

#cinema td {
	padding: 3px 10px 3px 0;
}

.tbl_left {
	width: 50px;
}


/******************* LANGUAGE SELECTION *********/


#language_selection {
	margin: 0;
	padding: 0 0 40px 739px;
	height: 23px;
	width: 61px;
	list-style: none;
	overflow: hidden;
}

ul#language_selection.german {
	background: url(/media/img/nav/language_de.gif) no-repeat;
	background-position: top right;
}

ul#language_selection.french {
	background: url(/media/img/nav/language_fr.gif) no-repeat;
	background-position: top right;
}

#language_selection li {
	margin: 0; 
	padding: 0;
	height: 23px;
	width: 30px;
	float: left;
	list-style: none;
	display: block;
}

#language_selection a {
	display: block;
	float: left;
	height: 0px !important;
	width: 30px;
	padding: 23px 0 0;
	overflow: hidden;
}


/******************** MEDIEN ********************/

.images a{
	float: left;
	width: 170px;
	padding: 10px 10px 0 0;
	text-align: center;
}
.images a img{
	width: 170px;
	height: 113px;
	margin: 0 auto;
}
.images a{
	text-decoration:none;
	border: none;
}
.images a span{
	font-size: 10px;
	line-height: 15px;
	text-align: center;
	padding-top: 5px;
	display:block;
}
.images a:hover span{
	text-decoration: underline;
}

a.btn_pdf, a.btn_qt{
	display:block;
	color: fcc71d;
	background:white url(/media/img/design/icon-pdf.jpg) no-repeat center top;
	padding-top: 85px;
	width: 160px;
	height: 30px;
	line-height:18px;
	text-decoration: none;
	text-align:center;
}
a.btn_qt{
	background:white url(/media/img/design/icon-quicktime.jpg) no-repeat center top;
}
a:hover.btn_pdf, a:hover.btn_qt{
	color: #fcc71d;
	text-decoration: underline;
}



/******************** FEINHEIT ********************/

#feinheit {
	position: absolute;
	right: 0;
	top: 0;
	background:white url(../img/design/feinheit.gif) no-repeat 0 0;
	width: 16px;
	height: 53px;
	text-decoration: none;
}
#feinheit span {
	display: none
}

/******************** Print ********************/

a {
	color:#000;
	outline:none;
	border:none;
}
a img {
	border:none;
}
 @media print {
* {
	background: #fff;
	color: #000;
}
html {
	font: 100%/1.5 Arial, Helvetica, sans-serif;
}
/*#nav, #about { display: none; }*/

}
/* galleria */
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

/* trailer game gallery */
/* outmost wrapper element */
#scrollable {
	background-color:#efefef;
	border:1px solid #ddd;
	padding:10px 8px;
	margin-top: 50px;
	width:550px;
	height:65px;
}

/* container for the scrollable items */
div.items {
	height:66px;	
	margin-left:8px;	
	float:left;
	width:478px !important;
}



/* single item */
div.items a {
	display:block;
	float:left;
	margin-right:8px;
	width:88px;
	height:66px;
	background:url(/media/img/item.gif) 0 0 no-repeat;
	font-size:10px;
	text-decoration:none;
	text-align:left;
	cursor:pointer;
}

div.items a:hover {
}

div.items a.active {
	background-position:-174px 0;		
	cursor:default;
}


/* next / prev buttons */
a.prev, a.next {
	display:block;
	width:30px;
	height:30px;
	float:left;
	background-repeat:no-repeat;	
	margin:15px 0 0 0;
}

a.prev {
	background:url(/media/img/button-left.gif);		
}

a.prev:hover {
	background:url(/media/img/button-left-over.gif);		
}

a.next {
	background:url(/media/img/button-right.gif);		
}

a.next:hover {
	background:url(/media/img/button-right-over.gif);		
}


/* navigator */

div.navi {
	position:relative;
/*	top:-30px;*/
	left:310px;
	margin-left:-50px;
	width:50px;
	height:0px;
}


/* items inside navigator */
div.navi span {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/media/img/dots.png) 0 0 no-repeat;     
	cursor:pointer;
}

div.navi span:hover {
	background-position:0 -8px;      
}

div.navi span.active {
	background-position:0 -16px;     
} 	



/******************************************** Formular ********************************************/

.taf_form th {
	width: 70px;
}

form table{
margin: 20px 0 20px 0;
}

form table th{
vertical-align:top;
text-align:right;
font-weight:normal;
}

.invalid th {
color: red;
}

.invalid td {
}

.error{
color: red;
}

form th{
font-weight: normal;
padding-right: 5px;
vertical-align: middle;
width: 150px;

}

form td{
padding-bottom:5px;
}

form td.description {
padding-top: 4px;
}

input, textarea{
vertical-align:middle;
width:300px;
border: 1px solid #e1e1e1;
margin:2px 0;
padding:5px 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}
textarea {
font-family:Arial, Helvetica, sans-serif;
vertical-align:top !important;

}

select {
width: 310px;
}

.invalid th {
font-weight:bold;
}


.invalid input, .invalid textarea {
border-left: 4px solid red;
width:296px;
}

td #id_xml {
	display: none;
}

td span.help_text {
	display: block;
	padding-left: 2px;
	font-size: 0.8em;
	width: 300px;
	line-height:14px;
}

td.submit-btn input {
width: 150px;
border: none;
background-color: #999999;
margin: 10px 0 0 0;
}

td.submit-btn input:hover {
color: white;
background-color: #444;
}

.radio-btn { width: auto; margin:0px 5px 0 0;}
.radio-label{width:250px; padding-right: 30px; vertical-align:middle;}



/******************************************** Trailer-Gallery ********************************************/

ul.trailer_links {
	margin: 20px 0;
}

ul.trailer_links li {
	display: block;
	width: 500px;
	height: 30px;
	margin: 10px 0;
}



/******************************************** Trailer-Detail ********************************************/

h1#detail_title {
	margin-bottom: 0.7em;
}

#social_tabs {
	margin-top: 10px;
}

#social_tabs > ul {
	margin: 0 0 0 5px;
	padding: 0;
}

#social_tabs > ul li {
	display: block;
    float: left;
    background: transparent url(/media/img/design/tab_inactiv.png) no-repeat scroll 0 0;
    width: 90px;
    height: 19px;
    padding: 5px;
    margin: 0 2px -1px 0;
    text-align: center;
}

#social_tabs > ul li.ui-tabs-selected {
	background: transparent url(/media/img/design/tab.png) no-repeat scroll 0 0;
}

#social_tabs > ul li a {
	display: block;
    text-decoration: none;
}

.ui-tabs-hide { display: none; }

.ui-tabs-nav {
    margin: 0;
}

.ui-tabs-panel {
	background: transparent url(/media/img/design/tab_body.png) no-repeat scroll 0 100%;
	min-height: 200px;
	width: 400px;
}

.ui-tabs-panel > div.title {
	padding: 10px 10px 0;
	margin-top: 0;
	background: transparent url(/media/img/design/tab_body_top.png) no-repeat scroll 0 0;
}

.ui-tabs-panel > div.content {
	padding: 0 10px 10px;
}

#embed_form input[type="checkbox"] {
    width: 20px;
}

.codetextarea {
	width: 370px;
    height: 170px;
}

#embed_form input[type="submit"] {
width: 150px;
border: none;
background-color: #999999;
margin: 10px 0 0 25px;
}

#embed_form input[type="submit"]:hover {
color: white;
background-color: #444;
}