@CHARSET "UTF-8";
/* $Id: b.neuffer.css 4728 2010-02-05 18:10:09Z stefan.hoth $ */
/**
 * main css script for webagent-theme "bneuffer"
 * 
 * @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: 4728 $
 * @since			1.0
 * @modifiedby		$LastChangedBy: stefan.hoth $
 * @lastmodified	$Date: 2010-02-05 19:10:09 +0100 (Fr, 05. Feb 2010) $
 * @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 Fussbereich   

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


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

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

   =1. Allgemeine Selektoren

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

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #61655A;	
	font-size: 12px;
	background-attachment: fixed;
	background-color: #585858;
	background-image: url(../img/hintergrund.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 15px;
	line-height: 1.5em;
}

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

img{
	border: none;	
}

h1,h2,h3,h4,h5,h6 {
	clear: both;
	position: relative;
	left: -75px;
	text-align: left;
	padding: 0px;
	margin: 1em 1em 1em 0;
}	


h1 {
	font-size: 1.7em;
}

h2 {
	font-size: 1.4em;
	margin: 1.5em 1em 1em 0;
}

p{
	line-height: 1.4em;	
}

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

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

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

a:link {
	border: none;
}

ul{
	list-style-type: circle;	
}

span.nobreak{
	white-space: nowrap;	
}

/* ===============================
   =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;	
}

.bold{
	font-weight: bold;
}

.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: bold;
	
	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;
	}



/* 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: bold;	
	}
	
	
/* 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:#990000;
	border-style:solid;
	border-width:1px 1px 3px;
	clear:both;
	color:#990000;
	font-size:140%;
	font-weight:bold;
	margin:1em 0;
	padding:10px;
}

.ui-widget-overlay{
	opacity: 0.6;	
}

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

img.small_portrait{
	width: 100px;
	height: 130px;	
}

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

img.big_portrait{
	width: 283px;
	height: 423px;	
}

img.big_landscape{
	width: 283px;
	height: 189px;	
}



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

  =2. LAYOUTBEREICHE

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

#container {
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	background-color: white;
	border: 2px solid #AF0A0A;
	min-height: 660px;
	width: 870px;
	position: relative;
	padding: 0px 15px 15px 15px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

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

#header {
	height: 124px;
	width: 100%;
	position: relative;
	margin-bottom: 75px;	
}

	#header p{
		text-align: right;
		margin:5px 0 10px 0;
		line-height: 1em;
	}


#watchlist_link{
	margin: 5px 5px 0 0;
	padding: 3px 10px 2px;
	background-color: #61655A;
	color: #FFFFFF;
	text-decoration: none;
}

	#watchlist_link:hover{
		background-color: #CDCDCD;
	}

	#watchlist_link img.icon{
		margin-top: 3px;
		height: 15px;
		
	}
	
img#headerlogo{
	width: 316px;
	height: 114px;
}

#logo {
	float: left;
	position: relative;
	width: 398px;
	height: 119px;
	padding-top: 5px;	
	border-style: solid none;
	border-width: 1px;
	border-color: #91958A;
}
    
/* ===============================
   =2.3 NAVIBEREICH
=============================== */

ul#navigation {
	position: relative;
	list-style: none;
}


	ul#navigation li {
		padding-top: 5px;
		height: 119px;
		width: 90px;
		border-top-width: 1px;
		border-bottom-width: 1px;
		border-top-style: solid;
		border-bottom-style: solid;
		border-top-color: #91958A;
		border-bottom-color: #91958A;
		float: right;
		position: relative;
		margin-right: 2px;
		margin-left: 2px;
		border-right-style: none;
		border-left-style: none;
		
		float: left;
		
	}
	
		ul#navigation li img{
			height: 100%;
			width: 100%;
		}
	
		li#webagent_menu_home a,
		li#webagent_menu_news a,
		li#webagent_menu_katalog a,
		li#webagent_menu_impressum a,
		li#webagent_menu_kontakt a{
			background-repeat: no-repeat;
			display: block;
			height: 114px;
			width: 90px;	
		}

/* ===============================
   =2.4 TEXTBEREICH 
=============================== */

#content {
	margin: 50px 50px 50px 125px;
}

/* ===============================
   =2.5 FUSSBEREICH
=============================== */

#footer {

	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	text-align: left;
	width: 900px;
	margin: 6px auto 20px;
	
	clear: both;
	position: relative;
	
	font-size: 0.8em;
	color: white;

	font-weight: bold;
}
	#footer p.floatl{
		margin-left: 0;
	}
	
	#footer p.floatr{
		margin-right: 0;
	}

	#footer a{
		color: inherit;
		
	}	
		#footer a:LINK,#footer a:VISITED, #footer a:HOVER {
			color: inherit;
		}


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

   =3. Spezielle Seiten 

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

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

	ul#new_faces{
		list-style: none;
	}
	
		ul#new_faces li{
			float: left;
			margin-right: 20px;
			font-size: 0.8em;
			text-align: center;
		}
		
		ul#new_faces img{
			border: 3px solid #585858;
			width: 40px;
			height: 52px;
		}
		
		ul#new_faces span{
			display: block;
			clear: both;
		}

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

div#news_index h1{
	position: static;	
}

h2.newsTitle {
	left:0;
	margin-left:0;
	margin-bottom:0;
}

.newsTitleBar a {
	margin-left: 125px;
}

img.newsImage {
	padding: 2px;
	margin: 0 20px 20px 0; 
	border: 1px solid #AF0A0A;
}

img.newsLogo{
	height: 100px;	
}

.newsContentFooter{
	border-bottom: 1pt #91958A dotted;
}

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

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: bold;
	}
	
	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;
	}

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

#vita {
	clear: both;
	margin-right: 10px;
	text-align: left;
}

	#vita img{
		border: 1px solid #AF0A0A;
	}

	#vita h3.box{
		position:static;
		background-color:#61655A;
		border: 1px solid #61655A;
		color:#FFFFFF;
	
		line-height:1.5em;
		padding-left:10px;
	
		margin-bottom: 0;
		margin-right: 0;	
	}

	#vita table {
		color: #61655A;
		border: 0;
		border-bottom: 3px solid #61655A;
		margin: 0;
		width:100%;
	}
	
		#vita table th {
			background-color:#61655A;
			color:#FFFFFF;
			font-size:16px;
			line-height:20px;
			padding-left:10px;
			text-align: left;
			margin-bottom: 3px;
		}
		
		#vita table td.left {
			width: 95px;
		}
		
		#vita table th.actions,
		#vita table td.actions {
			width: 80px;
			text-align: right;
			padding-right: 10px;
		}
	
		#vita .box_spacer{
			margin: 10px auto;
			text-align: center;
			color: #cccccc;	
		}

ul#vita_submenu{
	list-style: none;
}

	ul#vita_submenu li{
		width: 150px;
		float: left;
		margin: 5px 10px 30px 0;
		
		border-top: 2px solid #AF0A0A;
		border-bottom: 2px solid #AF0A0A;
	
		padding: 0 5px;
		
		background-color: #61655A;
		color: white;
		
		text-align: center; 
	}

		ul#vita_submenu li a,
		ul#vita_submenu li a:visited,
		ul#vita_submenu li a:link{
			text-decoration: none;
			color: #FFFFFF;
		}

h1.webagent_vita_name,
h2.webagent_vita_city{
	position: static;	
}	

h1.webagent_vita_name{
	margin-bottom: 5px;	
}

h2.webagent_vita_city{
	margin-top: 5px;
	font-size: 1.2em;	
}

img#vita_front{
	float: left;
}

td.left{
	text-align: right;
	border-right:1px solid #CCCCCC;	
}

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

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

td.subitem {
	padding-left: 50px;	
}

table#vita_actions,
table#vita_basicdata{
	width: 350px;
}

	table#vita_actions img.icon{
		border: 0;
		height: 30px;
		
		background-color: gray; 
		padding: 2px;
	}

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: bold;
	color: #FFFFFF;
	padding-left: 3px;
	line-height: 20px;
}
	
p.vita_photo_title{
	font-weight: bold;
}


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.vita_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;	
}	

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

ul#watchlist{
	text-align: left;
}

	ul#watchlist li{
		margin-bottom: 5px;
		border-bottom: 1px solid grey;
	}
	
	ul#watchlist ul{
		border: 0;
		padding: 0;
		margin-bottom: 0;
	}
	
		ul#watchlist ul li{
			border: 0;
			padding: 0;
			margin: 0;
		}

	ul#watchlist p{
		font-size: 1.5em;
		margin: 0;
	}
	
		ul#watchlist p img{
			margin-right: 10px;
			height: 65px;
			width: auto;
		}
		
	ul#watchlist p.breaker{
		margin: 0; 
		padding: 0; 
		line-height: 0;
	}