/* =========================================== */
/* Deutscher Nachwuchsfilmpreis                */
/* ------------------------------------------- */
/* Layout/Design: Holodeck Planungsgruppe      */
/* CSS: 4w3                                    */
/* ------------------------------------------- */
/* angelegt am: 14.06.2007                     */
/* letzte Änderung: 14.06.2007                 */
/* letzte Validierung:                         */
/* =========================================== */



/*
----------------------------------------------
StyleGuide

Schriftart: TrebuchetMS
Farben:
		rot1		:	#fe0000  (Header)
		rot2		: 	#d3011c  (Schrift)

		mittelgrau	: 	#cfd0d2
		hellgrau	:	#e4e4e4
----------------------------------------------
*/



/*
	--------------------------------
	Basic Styles
	--------------------------------
*/

* {
  	margin:0;
  	padding:0;
  	border:0;
	font-family:TrebuchetMS,Tahoma,Arial,sans-serif;
	font-size:9pt;  	
}


.struct, .hidden {
  display:none;
  visibility:hidden;
}


body {
	background-color:#ffffff;
	color:#000000;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-y;
	background-position:0 170px;	
}


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


ul, li {
  list-style:none;
}





/*
	--------------------------------
	Special Styles
	--------------------------------
*/


#page {
	float:left;  
	
}

#page {
  	background-image:url(../images/bottomleft_bg.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:0 100%;
}

#header {
  height:171px;
  background-image:url(../images/header_bg.gif);
  background-repeat:no-repeat;
}


#logo {
  position:absolute;
  left:115px;
  top:45px;
  z-index:20;
}


#navigation {
  	background-image:url(../images/navi_bg.gif);
  	background-repeat:no-repeat;
  	width:275px;
  	height:395px;
  	float:left;
  	display:block;
	margin:0 25px 0 0;
	padding: 30px 0 0 0;  	
}








#header .h1, #header .h2 {
  display:none;
}


#spc1 {
  position:absolute;
  left:760px;
  top:30px;
  width:330px !important;
  height:135px !important;
  z-index:30;
}


#spc1 li {
 height:60px !important;
 position:relative;
}

#spc1 li p {
 
float:left;
width:220px !important;
}

#spc1 img {
  float:left;
  position:absolute;
  left:-90px;
  z-index:30;
}

#spc1 address {
  font-style:normal;
  text-decoration:none;
  position:absolute;
  left:0px;
  top:50px;
}

#spc1 a, #spc1 em {
  color:#000000 !important;
  font-weight:normal;
  font-style:normal;
}

#spc1 em {
  font-style:italic;
}

#spc1 * {
  font-size:9px !important;
}





#navigation h3 {
  padding-left:20px;	
}

#navigation li {
  width:200px !important;
  overflow:hidden;
}

#navigation li a {
  border-style:dotted;
  border-width:0 0 1px 0;
 
}

#navigation a {
  display:block;
  color:#000000;
  padding:3px 0 3px 0;
}


#navigation a:hover, #navigation li li a.active {
  display:block;
  background-color:#ffffff !important;
  color:#dd0000;
}



#navigation .mainmenu a {
  padding-left:20px;
  font-weight:bold;
}


#navigation .submenu a {
  padding-left:20px;
  font-weight:normal;
}



#navigation .submenu .submenu a {
  padding-left:40px;
}


#maincontent {
  	width:680px;
  	margin-left:300px;
  	margin-top:40px;
  	
}


#mc1 {
  width:410px;
  float:left;
  margin-top:30px;
}



#mc2 {
  width:226px !important;
  overflow:hidden;
  float:right;
  
}

#mc2 .middle {
  background-image:url(../images/mcrightmiddle.jpg);
  background-repeat:repeat-y;
  background-color:#eeeeee;
  padding:30px 15px 30px 15px;
}


#mc2 .top {
  background-image:url(../images/mcrighttop.jpg);
  background-repeat:no-repeat;
  width:226px;
  height:43px;
 
}

#mc2 .bottom {
  background-image:url(../images/mcrightbot.jpg);
  background-repeat:no-repeat;
  height:5px;
  width:226px;
  height:30px;
}



#mc2 div.image {
  width:220px !important;
  overflow:hidden;
  position:relative;
  left:-12px;


}

#mc2 div.videobox {
  width:220px !important;
  position:relative;
  left:-12px;
  margin-bottom:15px;


}



#footer {
  margin:30px 0 40px 300px;
}






.textintro {
 margin-bottom:2em;
}





/*
  	Talent-Film Special
*/ 
#tflink {
	position:relative;

}

#tflink p, #tflink p a {
	background-color:#59b971;
	color:#ffffff !important;
	text-decoration:none;


}

#tflink p {
	position:absolute;
	top:30px;
	z-index:30;

}

/*
	up-and-coming Special
*/

em.uac {
	font-style:italic;
}

h1 em.uac {
	font-style:normal;
	font-size:1em;
}




/*
	Teaserlisten
*/


ul.list {
	clear:left;
}

li.teaser {
	
	margin:10px 0 0 0 !important;
	padding:0px;
	float:left;
	width:100%;
	
}

li.teaser .image , li.teaser .noimage {
	float:left;
	width:102px !important;
	margin:10px 15px 10px 5px !important;
	padding:0px;
	overflow:hidden;
}




li.teaser .noimage {
	border-width:0px;
	background-color:transparent;
}

li.teaser div.text {
	margin: 0 0 0 120px !important;
	padding:10px !important;
	
}


/*
  Film-Credits
*/

.crdthead {
	padding:0 0 1px 0px;
	width:120px;
	font-weight:bold;
	margin:1px;
	float:left;
}

.crdtbody {
	margin-left:150px;
	margin-right:20px;
	
}

.crdtfooter {
	clear:left;
	margin-bottom:1px;
}




/*
	--------------------------------
	Font Styles
	--------------------------------
*/


#navigation * {
  font-size:7pt;
}

#navigation h3 {
	font-size:1.7em;
	font-weight:normal;  
}

#navigation a {
  font-size:1.6em;
}


#mc1 h1 {
  font-weight: normal;
  font-size: 2.2em;
  color:#000000;
  margin-bottom:1em;
  
}

#mc1 {
 	font-size:1.5em;
 	line-height:1.3em;
}

#mc1 h2 {
  text-transform:uppercase;
}


#mc2 h3 {
  text-transform:uppercase;
  color:#d3011c;
  margin:1em 0 1em 0;
}











/*
	--------------------------------
	Link Styles
	--------------------------------
*/


a.reg, a.regactive {
	margin:1px;
	padding:2px 2px 2px 2px;
}
a.reg {
	border-right:solid 1px #DDDDDD;
}
a.reg:hover , a.regactive {
  background-color:#d3011c;
  color:#FFFFFF;
}

a.reg.disabled, a.reg.disabled:hover {
 	color:#ddd;
}



/*
	--------------------------------
	Image Styles
	--------------------------------
*/

li.teaser .image img {
  	border-color:#000000; 
	border-width:1px; 
	border-style:solid;
}


#mc2 .box .imgnav {
  position:relative;
  /*left:-10px;*/
}

#mc2 .box .imgnav .img {
  margin:5px 5px 0 0; 
  padding:0px; 
  width:30px !important;  
  overflow:hidden;
  border-style:solid; 
  border-width:1px; border-color:#000000; 
  float:left; 
}

#mc2 .box .trailernav {margin:0; padding:5px 5px 0px 5px;  }

p.text img {
 	margin:0 0 15px 15px;
}

/*
	Bildunterschriften
*/

.box .image p {
  margin:15px;
}





/*
	--------------------------------
	Form Styles
	--------------------------------
*/


form {
	margin:0px;
}

fieldset {
	border-style:none;
	padding:0px;
	margin:0 0 5px 0;
}



.formelement , .redaxdateneingabe {
	background-color:#FFFFFF;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	color:#000000;
	border-bottom:1px solid #777777;
	font-size:10px !important;
}

span.redaxdateneingabe {
  border-style:none;
  padding:2px;
  background-color:transparent;
  
}

.formelem {
	border-style:solid;
	border-color:#999999;
	border-width:1px;
	color:#000000;
	font-size:12px;
}

.formbutton {
	background-color:#d3011c;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#FFFFFF !important;
	font-size:10px;
	padding:1px;
	text-decoration:none;
}

.formbutton2 {
	background-color:#d3011c;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF  !important;
	padding:2px;
	width:20px;
	text-decoration:none;

}

.formbutton2disabled,  .formbutton2disabled:hover {
	background-color:#FFFFFF;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	color:#DDDDDD;
	padding:2px;
	width:20px;
	text-decoration:none;

}

.formbutton:hover , .formbutton2:hover {
	background-color:#000000;
	color:#FFFFFF;
	text-decoration:none;
}

fieldset  label , td label{
	color:#000000;
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
	display:block;
	/*float:left;*/
  	width:100px;
}

fieldset .redaxdateneingabe , td .redaxdateneingabe {
	width:100px !important;
	
}


/*
  Suchformular
*/

#suche {
  width:200px !important;	
  margin-bottom:20px;
}

#suche form {
  border-style:solid;
  border-width:1px 1px 1px 0;
  border-color:#7F7E80;
  background-color:#ffffff;
  text-align:right;
  
}

#QUERY {
  width:165px !important;	
  height:17px !important;
  text-align:right;
  padding:2px 4px 0 0;
  margin:0;
  border:0 !important;
}

#suchbutton {
  	width:24px !important;
  	height:17px !important;
  	border:0;
  	margin:0;
  	padding:0;
  
  	background-color:#CFD0D1;
  	background-image:url(../images/suchbutton.gif);
  	text-indent:-1000px;
  	
  	
}





/*
	--------------------------------
	Search Styles
	--------------------------------
*/	


.markup, .querymarkup {
	background-color:#DDDDDD;
	border-bottom:1px #007e00 dotted;
	padding:1px;
}

.pager , .pagerElem {
	padding:3px;
	margin:2px;
}

.pagerbox {
	margin:3px 0px 3px 0px;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:1px 0px 1px 0px;
}