@charset "UTF-8";
/* $Id: b.neuffer.css 1021 2009-03-27 11:56:57Z stefan.hoth $ */
/**
 * main css script for webagent-theme "studlar"
 * 
 * @author 			JNamic development, Stefan Hoth <mail@jnamic.com>
 * @copyright 		Copyright (c) 2007-2009 JNamic development GbR ( http://www.jnamic.com ) - All rights reserved.   
 * @license 		http://www.jnamic.com/kontakt If you are interested in using this, please contact <mail@jnamic.com>
 * @link 			http://www.jnamic.com/ JNamic development homepage
 * @filesource 
 *
 * @version			$Revision: 1021 $
 * @since			1.0
 * @modifiedby		$LastChangedBy: stefan.hoth $
 * @lastmodified	$Date: 2009-03-27 12:56:57 +0100 (Fr, 27 Mrz 2009) $
 * @createdat		10.02.2009
 *
 * @package jnamic
 * @subpackage vda.webagent.theme
 */
 
 /*  =========================================================

1. Allgemeine Selektoren
   1.1 Block-Elemente
   1.2 Inline-Elemente
   1.3 Allgemeine Klassen
   1.4 Non-Layout IDs

2. Layoutbereiche 
   2.1 Wrapper 
   2.2 Kopfbereich   
   2.3 Navibereich
   2.4 Textbereich   
   2.5 Textbereich   
   2.6 Fussbereich   

3. Spezielle Seiten 
   - Home
   - News
   - Katalog
   - Vita 


========================================================== */

/* ===============================

   =1. Allgemeine Selektoren

=============================== */

body {
	font-family: "Arial", "Helvetica", sans-serif;
	color: black;	
	font-size: 12px;
	background-attachment: fixed;
	background-color: #B8E0E2;
	background-image: url(../img/layout/backgroud_gradient.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 15px;
	line-height: 1.5em;
	text-align: center;
}


/* ===============================
   =1.1 Block-Elemente
=============================== */

img{
	border: none;	
}

h1,h2,h3,h4,h5,h6 {
	clear: both;
	padding: 0px;
}

h3{
	font-size: 1.3em;	
	line-height: 200%;
}


p{
	line-height: 1.4em;	
}

table,table tr,table tr td,th{
	color: #000000;
	background: none;
	background-color: transparent;	
}

table tr td{
	text-align: left;
	padding: 0;
	border: 0;
}

dt{
	clear: both;
	float: left;
	margin-right: 10px;
	width: 100px;
}

dd{
	float: left;
	display: block;
}
/* ===============================
   =1.2 Inline-Elemente
=============================== */

a,a:link,a:visited,a:focus {
	border: none;
	text-decoration: none;
	color: black
	
}
a:hover {
	color:#669294;
	text-decoration: none;
}		

ul{
	list-style-type: circle;	
}

span.nobreak{
	/*
	white-space: nowrap;
	*/	
}

span.black{
	color: #000000;
}

span.blue{
	color: #669294;
}

span.bold{
	font-weight: normal;
}

small{
	font-size: 0.8em;	
}

/* ===============================
   =1.3 Classes allgemeiner Art
=============================== */

p.center{
	text-align: center;
	margin: 0;	
}

p.right{
	text-align: right;
	margin: 0;	
}

ul.none,ol.none{
	list-style: none;	
}

ul.no_margin{
	margin: 0;
}

.bold{
	font-weight: normal;
}

.admin_meta_info{
	color: #D4D0C8;
	clear: both;
	line-height:2em;
	padding: 10px 0 5px;
	margin-bottom: 0;
}

/* quick links for every page */
#quick_links {
	float: right;
	width: 200px;
	
	margin-left: 50px;
	margin-bottom: 25px;
	
	padding: 20px;
	font-weight: normal;
	
	border: 2px solid #AF0A0A;
	background-color: #EFEFEF;
}

	#quick_links p, #quick_links ul{
		margin: 0;
		line-height:100%;
	}
	
	#quick_links ul li{
		margin: 5px 0;
	}


img.freetype_heading, p.freetype_heading{
	margin-bottom: 20px;	
}


/* pagination */

.disabled{
	display: none;
}

.paging{
	position: relative;
	vertical-align: middle;
	text-align: center;
	clear: both;
}

	.paging a img{
		vertical-align: middle;
	}

	.paging a,
	.paging a:visited{
		text-decoration: none;	
		color: #585858;
	}

	.paging span a,
	.paging span a:visited{
		text-decoration: underline;	
	}

	.paging .current{
		color: #AF0A0A;
		font-weight: normal;	
	}
	
.filemeta,
.filemeta a,
.filemeta a:link,
.filemeta a:visited{
	color: #AAAAAA;
}

	.filemeta a,
	.filemeta a:link,
	.filemeta a:visited{
		 font-size: 0.8em;
	}


	
/* Formulare */

input [type=hidden]{
	background-color: inherit;
}

fieldset legend {
	color: #AF0A0A;
	background: inherit;
}	

div.error-message {
	background:none;
	border: none;
	border-left:10px solid #AF0A0A;
	color:#AF0A0A;
	padding:10px;
}	


p.error, .notice {
	font-family: inherit;	
}

div.message {
	border-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	background: #B8E0E2 url(../img/layout/backgroud_gradient.jpg) repeat-x fixed left top;
	
	width: 90%;
	
	clear:both;
	color: #333333;
	font-size:1em;
	font-weight:normal;
	margin:1em 0;
	padding:16px 20px;
}

/* ============================================
  *
  * Bildgrößen
  *
  ============================================ */

img.small_portrait{
	width: 56px;
	height: 76px;	
}

/* not allowed in this theme */
img.small_landscape{
	width: 56px;
	height: 76px;	
}

img.big_portrait{
	width: 233px;
	height: 316px;	
}

/* not allowed in this theme */
img.big_landscape{
	width: 233px;
	height: 316px;	
}


/* Hintergrund */

.text-background{
		background-image: url("../img/layout/text-background-repeat.png");
		background-position: top right;
		background-repeat: repeat-y;
}		

/* ========================================

  =2. LAYOUTBEREICHE

========================================= */ 

#container {
	min-height: 660px;
	width: 930px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

/* ===============================
   =2.2 KOPFBEREICH
=============================== */

#languages{
	margin-top: 20px;
	margin-right: 35px;
	
	height: 15px;
	padding-bottom: 10px;
	
	text-align: right;	
}

	#languages a:hover{
		color: white;	
	}

#header {
	height: 180px;
	width: 100%;
}
	#header #tabs{
		position: relative;
		
		float: right;
	
		background-image: url("../img/layout/menu_background-trans.png");
		background-position: top right;
		background-repeat: no-repeat;
		
		width: 676px;
		height: 106px;
	}
	
		#header #tabs .inner{
			background-color: #d2e8e9;

			padding: 10px;
			margin-left: 5px;
			
			height:86px;
			margin-left:5px;
			overflow:hidden;
			padding:10px;
			padding-left: 35px;
			width:600px;
		}
		
		#header #tabs .active{
			background-color: white;
		}
		
		#header #tabs #catalogue_backlink{
			position: absolute;
			bottom: 0;
			right: 40px;
		}
		
	#header #filler{

		clear: both;
		float: right;
	
		width: 676px;
		height: 44px;
		
		
	}
	
	div.mainmenu_notice{
		color: #669294;
	}	

#logo {
	float: left;

	width: 250px;
	height: 180px;
	margin-bottom: 10px;
}
    
/* ===============================
   =2.3 NAVIBEREICH
=============================== */

ul#navigation {
	float: right;
	list-style: none;
	margin: 0;
}
	ul#navigation li {
		padding-left: 15px;
		padding-right: 4px;
		background-image: url("../img/layout/menu_tab_center.png");
		background-repeat: no-repeat;
		background-color: #d2e8e9;
		float: left;
		
		font-size: 9pt;
		
		height: 35px; 
		
		padding-top: 5px;
		font-weight: normal;
		text-align: center;
		
	}
		
		ul#navigation li.active {
			background-color: #FFFFFF;
			background-image: url("../img/layout/menu_tab_center_active_left.png");
		}
		
		ul#navigation li.prev_is_active {
			background-image: url("../img/layout/menu_tab_center_active_right.png");
		}
		
		ul#navigation li#menu_first {
			padding: 5px 0 0 0;
			width: 9px;
			
			background: none;
			background-image: url("../img/layout/menu_tab_start-trans.png");
			background-repeat: no-repeat;
			background-position: top left;		
		}
		
		ul#navigation li#menu_first.next_is_active {
			background-image: url("../img/layout/menu_tab_start_active-trans.png");
		}
		
		ul#navigation li#menu_news {
			padding-left: 5px;
			background-image: none;
			width: 54px;
		}
		
		ul#navigation li#menu_catalogue_actors {
			width: 80px;			
		}
		
		ul#navigation li#menu_catalogue_actresses {
			width: 105px;			
		}
		
		ul#navigation li#menu_catalogue_directors {
			width: 65px;			
		}
				
		ul#navigation li#menu_watchlist {
			width: 50px;			
		}
		
		ul#navigation li#menu_agency {
			width: 43px;			
		}
		
		ul#navigation li#menu_links {
			width: 34px;			
		}
		
		ul#navigation li#menu_imprint {
			width: 62px;			
		}
		
		ul#navigation li#menu_last {
			padding: 5px 0 0 0;
			width: 32px;
			
			background: none;
			background-image: url("../img/layout/menu_tab_end-trans.png");
			background-position: top right;
			background-repeat: no-repeat;
		}
		
			ul#navigation li#menu_last.prev_is_active {
				background-image: url("../img/layout/menu_tab_end_active-trans.png");
			}
		
		ul#navigation li a, ul#navigation li a:active, 
		ul#navigation li a:link, ul#navigation li a:hover,
		ul#navigation li a:visited, ul#navigation li a:focus{
			color: black;
			text-decoration: none;			
		}
		
			ul#navigation li a:active, ul#navigation li a:hover{
				color: white;
			}
		
			ul#navigation li.active a:active, ul#navigation li.active a:hover{
				color: #ababab;
			}
		
#nav_content{
	font-weight: normal;	
}

	#nav_content a,#nav_content a:link,
	#nav_content a:visited,#nav_content a:hover{
		text-decoration: none;
		color: black;
	}
	
	#nav_content a:hover{
		color: #669294;
	}
	
	#nav_content li{
		padding: 0 5px;
	}
	
		#nav_content li.active a,
		#nav_content li.active a:link,
		#nav_content li.active a:visited,
		#nav_content li.active a:hover	
		#nav_content li.active a,
		#nav_content span.current{
			color: #669294;
		}
	
	#nav_content .disabled{
		display: none;
	}

	#nav_content div.menu_paging{
		position: absolute; 
		bottom: 15px;
		padding: 5px; 
	}

a#fantomas_link{
	position: absolute;
	top:0;
	right:0;
	
	display:block;
	width: 15px;
	height: 105px;	
}



/* ===============================
   =2.4 SIDEBAR
=============================== */

#sidebar{
	clear: both;
	float: left;
	
	width: 240px;
	
	margin: 10px 0 0;
	padding: 0;	
}

div#sidebar_photo_big_container,
ul#sidebar_photos_big,
ul#sidebar_photos_small{
	clear: left;
	margin: 0;
	padding: 0;
	line-height: 1em;	
}

	div#sidebarActorPhotos img{
		margin-bottom: 1px;
	}
	
	ul#sidebar_photos_small li,
	div#sidebarActorPhotos ul li{
		float: left;
		padding: 0 3px 3px 0;
		
		height: 76px; 
		width:56px;
	}
	
	div#sidebarActorPhotos ul li img{
		margin-bottom: 0px;
	}
	
	div#sidebarActorPhotos{
		line-height: 1em;	
	}
	
	
	div#sidebarActorPhotos ul li img:hover{
		cursor: pointer;
	}
	
	
	div#sidebar_photo_big_container,
	ul#sidebar_photos_big li{
		position: relative;
		width: 235px;
		height: 316px;
		margin-left: 0px;
		margin-bottom: 49px;
	}
	
	div#sidebar_photo_big_container{
		width: 233px;
		background-color: #EBF7F7;
	}
	
		div#sidebar_photo_big_container .ajax_load{
			padding-top: 65px;
		}	
	
		div#sidebar_photo_big_container div.label,
		ul#sidebar_photos_big div.label{
			position: absolute;
			bottom: -47px;
			left: 0;
			
			height: 35px;
			width: 218px;
			
			background-color: white;
			color: black;
			
			text-align: right;
			font-weight: normal;
			
			padding-top:10px;
			padding-right: 15px;
			
			/* for all other browsers */
			opacity: .75; 
			/* for IE5-7 */
			filter: alpha(opacity=75);
			/* for IE8 */
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
		}
		
		div#sidebar_photo_big_container div.label span.copyright{
			font-size: 0.8em;
		}

/* ===============================
   =2.5 TEXTBEREICH 
=============================== */

#content {
	min-height: 600px;
	width: 676px;
	float: right;
	margin-right: 0px;
}

div.home_column ul,
div.catalogue_column ul{
	font-family: "Arial Regular", Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
	
	div.home_column ul li{
		float: left;
		line-height: 0;
		padding:0 3px 3px 0;
	}	
	
	
#content_inner{
	margin-left:5px;
	padding:0 15px 0 35px;
	width:580px;
	line-height: 1em;
}

.white-background{
	clear: both;
	position: relative;
	left: -35px;
	padding-left: 35px;
	
	background-color:white;
	width: 610px;
	
	margin-bottom: 4px;	
}

/* ===============================
   =2.6 FUSSBEREICH
=============================== */

#text-footer{
	clear:right;
	float:right;
	
	width: 676px;
	
	background: none;
	background-image: url("../img/layout/text-background-end-trans.png");
	background-repeat: no-repeat;
	background-position: top left;
}

/* ===============================

   =3. Spezielle Seiten 

=============================== */

/* ===============================
   Home 
=============================== */

	#contextMenuList li{
		display: block;
		width: 120px;
		
		color: #669294;
		background-color: white;
		padding: 5px 10px;
		margin: 3px;
		
		font-weight: normal; 		
	}

/* ===============================
   News 
=============================== */

div.newsEntry{
	clear: both;
}

div.newsEntry a,
div.newsEntry a:link,
div.newsEntry a:visited,
div.newsEntry a:focus {
	color:#669294;
}

div.newsEntry a:hover {
	color: black;
	text-decoration: none;
}

div.newsEntry ul li{
	font-family: "Arial Regular", Arial, Verdana, sans-serif;
	font-weight: normal;

	font-size: 12px;
	line-height: 15px;
}
	
	div.newsEntry ul li span{
		color: #669294;
	}
	
	div.newsEntry div.news_wrapper{
		float: left;
		width: 520px;
	}
	
	
	div.newsEntry ul li.news_title{
		float: left;
		clear: left;
		width: 90%;
		margin-top: 10px;
	}
	
	div.newsEntry ul li.news_subject{
		float: left;
		clear: left;
		width: 100%;
	}

	div.newsEntry ul li.news_date{
		float: left;
		width: 32%;
		
		margin-right: 10px;
	}

	div.newsEntry ul li.news_channel{
		float: left;
		width: 32%;
		
		margin-right: 10px;
	}
	
	div.newsEntry ul li.news_direction{
		float: left;
		width: 32%;
	}
	
	div.newsEntry ul li.news_content{
		clear: left;
		width: 100%;
		padding-top: 1em;
	}
	
img.newsImage{
	border:none;
	padding:0;
	margin-right: 20px;
	width: auto;
}

div.newsPaging{
	clear: both;
	font-weight: normal;
	margin-top: 4px;
	width: 590px;
	height: 22px;
	
	position: relative;
}

	div.newsPaging span{
		position: absolute;
		margin-top: 3px;
	}
	
		
	div.newsPaging span.center{
		left: 245px;
	}
	
	div.newsPaging span.right{
		right: 0;
	}
	
	div.newsPaging span.right{
		text-align: right;
	}
	
	div.newsPaging a, div.newsPaging a:link,
	div.newsPaging a:hover, div.newsPaging a:visited{
		text-decoration: none;
		color: black;
	}
	
	div.newsPaging a:hover, div.newsPaging a:visited{
		color: #666666;
	}
div.newsContentFooter {
	border-bottom:1pt dotted #FF5134;
}		

/* ===============================
   Katalog
=============================== */

div.catalogue_column{
	width: 190px;
	float: left;
	padding-left: 10px;	
}
	
	div.catalogue_column a:hover{
		color: #669294;
	}	

ul#actorCatalog,
ul#actorCatalogAdmin{
	list-style: none;
	padding: 0;
	margin-top: 20px;
	clear: both;
}

	ul#actorCatalog li,
	ul#actorCatalogAdmin li{
		float: left;
		margin-right: 20px;
		margin-bottom: 15px;
		font-size: 1.2em;
		text-align: center;
		font-weight: normal;
	}
	
	ul#actorCatalogAdmin li{
		padding: 10px;
		width: 300px;
		background-color:#EFEFEF;
		border:2px solid #AF0A0A;
	}

		ul#actorCatalog li span,
		ul#actorCatalogAdmin li span{
			display: block;
			clear: both;
			margin-bottom: 10px;
		}

	ul#actorCatalogAdmin ul{
		border: none;
		font-size: 0.5em;
		font-weight: normal;
		list-style-type: square;
		float: left;
	}
	
		ul#actorCatalogAdmin ul li{
			margin: 0;
			padding: 0;
			clear: both;
			width:auto;
			border: none;
			background: none;
		}
	
	ul#actorCatalog img,
	ul#actorCatalogAdmin img{
		padding: 2px;
		border: 1px solid #AF0A0A; 
	}	
	
	ul#actorCatalogAdmin img{
		float: left;
	}
	
	ul#actorCatalogAdmin .admin_image_meta{
		clear: both;
		margin: 0;
		padding: 2px 0;
		font-weight: normal;
		font-size: 0.7em;
		text-align: left;
		line-height: 100%;
	}

	ul#actorCatalogAdmin .admin_image_meta img{
		float: none;
		width: auto;
		height: auto;
		padding: 0;
		border: none;
	}


/* ===============================
   List/ Watchlist
=============================== */

div.list_entry{
	clear: both;
	font-weight: normal;
	margin: 2px auto;
}

	div.list_entry p {
		padding-top: 10px;
		margin-bottom: 0;
	}
	
	div.list_entry p.vertical_center {
		padding-top: 30px;
	}

	div.list_entry a,div.list_entry a:link,
	div.list_entry a:visited,div.list_entry a:hover{
		text-decoration: none;
		color: black;
	}
	
	div.list_entry a:hover{
		color: #669294;
	}
	
	div.list_entry ul li{
		float: left;
		
		margin-top: 10px;
		margin-right: 10px;
		
		font-family: "Arial Regular", Arial, Verdana, sans-serif;
		font-weight: normal;
	
		font-size: 12px;
		line-height: 20px;
	}
		div.list_entry ul li.last{
			margin-right: 0;
		}
	
		div.list_entry ul li span{
			color: #669294;
		}
		
		div.list_entry ul li a.deleteLink{
			background: url(../img/layout/delete_button.png) 0 0 no-repeat;
			padding-left: 20px;
			padding-bottom: 3px;
			margin-left: 20px;
		}

img.list_image{
	border:none;
	padding:0;
	margin: 0;
	margin-right: 75px;
	float: left;
}


/* ===============================
   Vita / Profile
=============================== */

#vita, #profile {

}
	#vita h3,
	#profile h3 {
		margin-top: 20px;
		margin-bottom: 5px;
		font-size: 1.2em; 
	}
	
	#vita_list_Education strong,
	#vita_list_Award strong{
  	font-weight: normal;
	}
	
	#vita table, 
	#profile table{
		border: 0;

		margin: 0;
		width:100%;
		line-height:20px;		
	}
	
	#vita table{
		position: relative;
		left: -35px;
		width: 645px;
	}
	
		#vita table strong{
			font-weight: normal;
		}
	
		#vita table th,
		#profile table th {
			text-align: left;
			font-weight: normal;
		}
		
		table tr td{
			border: none;
			background-color: transparent;
		}
		
		#vita table th.left,
		#vita table td.left{
			padding-left: 35px;
		}
		
		#vita table th.right,
		#vita table td.right{
			padding-right: 15px;
		}
		
		#profile table td.left{
			width: 130px;
		}	
		
		#vita table th.actions,
		#vita table td.actions,
		#profile table th.actions,
		#profile table td.actions {
			width: 80px;
			text-align: right;
			padding-right: 10px;
		}
	
		#vita .box_spacer,
		#profile .box_spacer{
			margin: 10px auto;
			text-align: center;
		}
		
		#vita table td,#vita table th{
			padding-left: 10px;
			padding-right: 10px;
		}



td.left{
	text-align: left;
}

td.jahr {
	background-color: #61655A;
	font-size: 16px;
	line-height: 20px;
}

td.text {
	padding-top: 5px;
	padding-bottom: 10px;	
	font-size: 10px;
	font-weight: normal
}

td.subitem {
	
}

table#vita_basicdata{
	width: 500px;
}

p.vita_admin_meta{
	color: #D4D0C8;
	margin: 0;
}

div.vita_photo{
	
}

div.vita_photo_left{
	clear: both;
	float: left;
}

div.vita_photo_with_copyright{
	width: 283px;	
}

	div.vita_photo_with_copyright img{
		border: 1px solid #AF0A0A;
	}

p.vita_photo_copyright{
	text-align: right;
}	

div.vita_photo_meta{
	clear: both;
	border-left: 5px solid #AF0A0A;
	padding-left: 10px;
	width: 300px;
}
div.vita_photo_meta span.label{
	background-color: #61655A;
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 3px;
	line-height: 20px;
}
	
p.vita_photo_title{
	font-weight: normal;
}


p.vita_photo_description{
	
}

ul.vita_video,
ul.vita_audio{
	list-style: none;
	padding-left: 20px;
	font-size: 1.2em;	
}

	ul.vita_video li,
	ul.audio li{
		padding-left: 40px;
		line-height: 2em;
		margin-bottom: 1em;
	}
	
	ul.vita_video li{
		background:url('../img/video_icon_small.jpg') no-repeat 0px 0px;
	}
	
	ul.vita_audio li{
		background:url('../img/audio_icon_small.jpg') no-repeat 0px 0px;
	}
	
dl.vita_press{
	font-size: 1.3em;	
}	


ul#publicists_list li{
	margin-bottom: 10px;
	border-bottom:1pt dotted #91958A;
}	

dl.publicist{
	font-size: 1.3em;	
}


div.static_page p{
	font-family: "Arial Regular", Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 20px;
}

div.adress_block{
	margin-bottom: 40px;
}

#static_links_page{
	font-family: "Arial Regular", Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 20px;
	list-style-type:none;
}

/* ===============================
   Vita / Profile
=============================== */

div.video p{
	text-align: center;	
}

/* ===============================
   Home context-menu
=============================== */

#control_contextmenu {  
   border:none;  
   background:none;  
   min-width:175px;
} 
  
#control_contextmenu ul {  
	list-style:none;  
   	padding:0;  
  	margin:0;  
  	cursor:pointer;
} 
  
#control_contextmenu ul li {  
  text-align:left;  
  padding: 0px 10px 0px 0px;  
  margin:0;  

  cursor:pointer;  
  font-family:"Lucida Grande",Verdana;  
  text-decoration:none;  
  color:#669294;
  background-color: #fff;
  font-size:12px;
  font-weight: normal;
  
  border-width: 	1px 0;
  border-style: solid;
  border-color: #B8E0E2;
  
  text-align: right;
} 
  
#control_contextmenu ul li.selected, 
#control_contextmenu ul li:hover {  
  color:#fff;
  background-color:#669294;
  cursor:pointer;  
} 
  
#control_contextmenu ul li.selected:hover {  
  color:#333;  
  background-color:#eee;  
  cursor:pointer;  
} 
  
#control_contextmenu ul li.disabled, 
#control_contextmenu ul li:hover.disabled {  
  display: block;
  background-color: #fff;  
  color:#669294;  
  cursor:pointer;  
}