@CHARSET "UTF-8";
/* $Id: b.neuffer.css 1021 2009-03-27 11:56:57Z stefan.hoth $ */
/**
 * main css script for webagent-theme "wuensch"
 * 
 * @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		07.06.2009
 *
 * @package jnamic
 * @subpackage vda.webagent.theme
 */
 
 /*  =========================================================

1. Allgemeine Selektoren
   1.1 Block-Elemente
   1.2 Inline-Elemente
   1.3 Allgemeine Klassen
   1.4 Forms
   1.5 Fehlermeldungen

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

3. Spezielle Seiten 
   - Home
   - News
   - Katalog
   - Vita 
   - Fotos
   - Video
   - Links
   - Kontakt 


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

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

   =1. Allgemeine Selektoren

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


* {
	font-size: 100%;
}

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,
abbr,acronym,address,big,cite,code,del,dfn,
em,font,img,ins,kbd,q,s,samp,small,strike,
strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td	{
	cursor: default;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	background: #FFF url("../img/layout/bodybg.jpg") repeat-x top left;

	margin: 0;
	padding: 0;	
	
	font: 70%/ 1.5 Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
	text-align: center;
	color: #000;
}


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

div {
	margin: 0 0 10px 0;
	/* background:#EFEFEF; */
}

dd,dt {
	margin: 0;
	padding: 0;
}

ol,ul {
	list-style: none;
}

/* ===============================
   =1.2 Inline-Elemente
=============================== */

/* remember to define focus styles! */
a,a:link,a:visited,a:hover,a:active,a:focus,a img,a span {
	cursor: pointer !important;
}

a {
	color: #000;
}

a:link,a:visited,a:active,a:focus {
	cursor: pointer;
	color: #666;
	text-decoration: none;
}

:focus {
	outline: 0;
}


em {
	font-style: normal;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	color: #666;
}

	table caption {
		display: none;
	}

thead th {
	border-bottom: 1px solid #cdcdcd;
	margin-bottom: 3px;
	padding-bottom: 3px;
}

tbody {
	margin-top: 3px;
	padding-top: 3px;
}

th,td {
	padding: 0 3px;
}

	td strong, td em{
		font-weight: bold;
	}

caption,th,thead {
	text-align: left;
	font-weight: normal;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: "";
}

blockquote,q {
	quotes: "" "";
}

acronym {
	border-bottom: 1px dotted #666;
}

h1 a strong {
	margin-left: -9999em;
}

h1 {
	width: 195px;
	height: 30px;
	display: block;
	margin: 0;
	padding: 0;
}

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

.hidden {
	display: none;
}

.hidden-navigation {
	width: 1px;
	position: absolute;
	left: -9999px;
}

.screen-reader { /*margin-left:-9999em;*/
	display: none;
}

hr.space {
	height: 30px;
	clear: both;
	background: none;
	color: #FFF;
	border: 0;
}

.floatl {
	float: left;
}

.floatr {
	float: right;
}

div.clear {
	clear: both;
	line-height: 0.01em;
	margin: 0;
	padding: 0;
}

.admin_meta {
	color: #DDDDDD;
}

.bold {
	font-weight: bold;
}

#foot div.inner,
#header div.inner,
#content div.inner {
	width: 770px;
	margin: 0 auto;
	text-align: left;
}

div.paging {
	clear: both;
}

div#next_actions {
	margin-top: 30px;
}

	div#next_actions ul {
		list-style: inside;
	}

/* ===============================
   =1.4 Forms
=============================== */

form {
	
}

	form div {
		clear: both;
		vertical-align: text-top;
	}
	
	form div.required label:after {
		content: "*" attr(id);
		color: #999;
		font-style: italic;
		vertical-align: 0;
	}
	
	form div.submit {
		border: 0 none;
		clear: both;
		padding-left: 29%;
	}

	form div.input:hover input,
	form input:focus,
	form div.textarea:hover textarea,
	form textarea:focus	{
		background: #f2f2f2;
		border-bottom: 1px solid #a6a6a6;
	}
	
		#MB_content form div.input:hover input,
		#MB_content form input:focus,
		#MB_content form div.textarea:hover textarea,
		#MB_content form textarea:focus	{
			background: #FFFFFF;
		}
	
	form div.submit {
		margin-top: 2.5em;
	}

		form div.submit input {
			background: transparent url("../img/layout/submit.jpg") no-repeat 0 0;
			border: 0px none;
			font-weight: bold;
			margin-left: 0;
			text-align: center;
			height: 20px;
			line-height: 20px;
			width: 120px;
			color: inherit;
			cursor: pointer;
		}
		
			form div.submit input:hover {
				/*background:transparent url(../img/layout/submit.jpg) no-repeat 0 100%;*/
				color: #000;
			}

fieldset {
	border: 1px solid #CCCCCC;
	margin-top: 30px;
	padding: 16px 20px;
}

	fieldset legend {
		background: #FFFFFF none repeat scroll 0 0;
		color: #EE3322;
	}

	fieldset fieldset {
		margin-bottom: 20px;
		margin-top: 0;
		padding: 16px 0;
	}

label {
	display: block;
	paing-right: 20px;
	width: 28%;
}

input {
	width: 70%;
	margin-left: 29%;
	padding: 0.25em 0.1em !important;
	margin-top: -1.75em;
}

textarea {
	width: 99%;
	line-height: inherit;
	padding: 0.25em 0.1em;
	width: 70%;
	margin-left: 29%;
	margin-top: -1.75em;
}

input,
textarea {
	clear: both;
	color: #000;
	display: block;
	background: #ebebeb;
	border: 0px none;
	border-bottom: 1px solid #ebebeb;
	font-family: inherit;
	font-size: inherit;
}

	#MB_content input, #MB_content textarea{
		background-color: #FFFFFF;	
	}

select {
	clear: both;
	vertical-align: text-bottom;
	margin-left: 29%;
}

select[multiple="multiple"] {
	
}

option {
	padding: 0 3px;
}

input[type="radio"] {
	clear: left;
	float: left;
	margin: 0 20px;
	width: auto;
}

input[type="checkbox"] {
	clear: left;
	float: left;
	margin: 0 6px 7px 2px;
	width: auto;
}

input[type="reset"],
input[type="button"],
input[type="submit"] {
	display: inline;
	float: left;
	padding: 2px 5px;
	vertical-align: bottom;
	width: auto;
}

input[type="hidden"] {
	padding: 0;
	margin-left: -9999px;
	background-color: transparent;
	background: none;
}

div.checkbox {
	margin-top: 2em;
	margin-left: 29%;;
}

	div.checkbox label {
		width: 100%;
	}

div.date {
	margin-left: 29%;
}

	div.date select {
		margin-left: 0;
	}


div.actions {
	clear: both;
}

div.select label {
	margin-left: 29%;
}

div.checkbox label {
	margin-left: 0;
}

/* ===============================
   =1.5 Fehlermeldungen
=============================== */

p.error {
	background-color: transparent;
	border: 1px solid #FF0000;
}

div.error-message {
	margin-left: 29%;
	margin-right: 3px;
	border: 1px solid red;
	background-color: transparent;
	font-size: inherit;
	color: inherit;
}

div.error input,div.error textarea {
	border: 1px solid red;
	border-bottom: none;
}

div.error textarea {
	margin-bottom: 0;
}

div.error div.error-message {
	border-top: none;
	margin-right: 1px;
}


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

  =2. LAYOUTBEREICHE

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

/* ===============================
   =2.1 WRAPPER
=============================== */

#page{

}

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

#header {
	height: 30px;
	padding: 18px 0 20px 0;
	margin: 0;
	position: relative;
}

	#header h1,h2 {
		
	}
	
	#header h1 a {
		background: url("../img/layout/logo-sascha-wuensch2.jpg") no-repeat left top;
		display: block;
		width: 195px;
		height: 30px;
		padding: 0;
		overflow: hidden;
	}

		#header h1 a:hover {
			background: url("../img/layout/logo-sascha-wuensch2.jpg") no-repeat left -30px;
		}
		
		#header h1 a strong{
			display: none;
		}
	
	#header div.inner {
		position: relative;
	}

/* ===============================
   =2.3 NAVIBEREICH
=============================== */

#navigations {
	width: 175px;
	float: left;
	margin-left: 10px;
}


#mainnav{
	margin: 0;
	padding: 0;
	text-align: right;
	position: absolute;
	right: 0;
	top: 17px;
}

	#mainnav a {
		color: #666;
	}

		#mainnav li.active a
		#mainnav a:hover{
			color: #000;
		}

	#mainnav li {
		margin: 0 3px 0 0;
		padding: 0 0 0 8px;
		display: inline;
		background: url("../img/layout/sep.jpg") 0 60% no-repeat;
	}

		#mainnav li.first {
			background: none;
			padding-left: 0;
		}

		#mainnav li.active a {
			font-weight: bold;
		}
	

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


#content {
	padding-top: 40px;
}

	#content .inner{
		position: relative;
	}

#main-content {
	color: #666;
	width: 770px;
	min-height: 500px;
	line-height: 1.5em;
}

	#main-content div.view {
		width: 480px;
		float: right;
	}

	#main-content a:link,
	#main-content a:visited,
	#main-content a:active,
	#main-content a:focus{
		border-bottom: 1px dotted #666666;
	}

	#main-content h2 a:link,
	#main-content h2 a:visited,
	#main-content h2 a:active,
	#main-content h2 a:focus,	
	div.news h2 a:link,
	div.news h2 a:visited,
	div.news h2 a:active,
	div.news h2 a:focus,	
	#main-content #subnav a:link,
	#main-content #subnav a:visited,
	#main-content #subnav a:active,
	#main-content #subnav a:focus,	
	#main-content #thumbs a:link,
	#main-content #thumbs a:visited,
	#main-content #thumbs a:active,
	#main-content #thumbs a:focus{
		border-bottom: none;
	}

	#main-content dl,
	#main-content p {
		color: #666;
		line-height: 1.5em;
	}
	
	#main-content dl,
	#main-content table {
		margin-bottom: 30px;
		width: 100%;
	}
	
	#main-content dl,
	#main-content table {
		margin-bottom: 30px;
	}
	
	#main-content .mceFirst table {
		margin-bottom: 0;
	}

	#main-content h2 img {
		vertical-align: text-bottom;
		padding-right: 2px;
	}

	#main-content h2 {
		font-size: 140%;
		margin-top: 1em;
		margin-bottom: 0.5em;
	}
	
	#main-content div.entry h2 {
		font-size: 100%;
		height: 2.2em !important;
		margin: 0;
	}

/* sub navigation */
/* Vita Submenu */
#subnav {
	margin: 7px 0 0 -5px;
	padding: 0;
	height: 30px;
	vertical-align: bottom;
}

	#subnav span {
		width: 5px;
		height: 15px;
		right: 0;
		top: 0;
		position: absolute;
		padding: 0;
		margin: 0;
	}

	#subnav li {
		margin: 0 1px 0 0;
		padding: 0 0 0 4px;
		display: inline;
		background: url("../img/layout/sep.jpg") 0 60% no-repeat;
		height: 30px; /* was 14px */
		
	}

	#subnav li.first {
		background: none;
		padding-left: 0px;
	}
	
	#subnav a:link,
	#subnav a:visited,
	#subnav a:active,
	#subnav a:focus {
		position: relative;
		color: #666;
		padding: 1px 5px 1px 6px;
		height: 15px;
		border-bottom: none;
	}
	
	#subnav a:hover,
	#subnav li.active a {
		position: relative;
		color: #000;
		background: url("../img/layout/subnav-bg.jpg") no-repeat 0 1px;
		background-repeat: no-repeat;
	}
	
		#subnav li.active a {
			font-weight: bold;
		}
	
		#subnav a:hover span,
		#subnav li.active span {
			background: url("../img/layout/subnav-bg.jpg") no-repeat 100% 1px;
			background-repeat: no-repeat;
		}


/* ===============================
   =2.5 SIDEBAR
=============================== */


div#vita_sidebar {
	width: 245px;
}

	div#vita h2,
	div#vita_sidebar h2 {
		height: 30px;
	}
	
		div#vita_sidebar h2 img {
			height: auto;
		}
	
	div#vita_sidebar div.gallerylink {
		cursor: pointer;
		margin: 14px 0 0;
	}

	div#vita_sidebar div {
		margin: 0;
	}

	div#vita_sidebar div.gallerylink img,
	div#vita_sidebar div.gallerylink a {
		cursor: pointer;
		display: block;
	}
	
	div#vita_sidebar div.vita_photo_with_copyright{
		width: 235px;
		margin-bottom: 15px;
	}

	div#vita_sidebar em,
	div#vita_sidebar strong {
		font-weight: bold;
	}


div#sidebarImage {
	width: 200px;
}

	div#sidebarImage img {
		width: 100%;
	}

	div#sidebarImage span {
		display: block;
		width: 100%;
		text-align: center;
	}

div#contact {
	clear:left;
	padding-top:10px;
}

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

#foot {
	padding: 20px 0;
	border-top: 1px solid #cdcdcd;
	clear: both;
}

	#foot strong {
		font-weight: bold;
	}

	#foot div {
		margin: 0;
	}
	

#metanav,
#submetanav {
	margin: 0;
	padding: 0;
}

#metanav {
	width: 66%;
	float: left;
}

#submetanav {
	width: 33%;
	float: right;
	text-align: right;
}

	#submetanav a,
	#metanav a {
		color: #666;
	}

	#metanav li.active a,
	#submetanav li.active a,
	#submetanav a:hover,
	#metanav a:hover{
		color: #000;
	}

	#submetanav li{
		margin: 0 3px 0 0;
		padding: 0 0 0 8px;
		display: inline;
		background: url("../img/layout/sep.jpg") 0 60% no-repeat;
	}

	#metanav li {
		margin: 0 3px 0 0;
		padding: 0 0 0 8px;
		display: inline;
	}

	#submetanav li.first,
	#metanav li.first,
	#mainnav li.first {
		background: none;
		padding-left: 0;
	}

	#submetanav li.active a,
	#metanav li.active a{
		font-weight: bold;
	}

#print {
	padding-left: 17px;
	background: url("../img/layout/icons.gif") no-repeat 0 -24px;
}

#send {
	padding-left: 17px;
	background: url("../img/layout/icons.gif") no-repeat 0 -47px;
}

#top {
	padding-left: 10px;
	background: url("../img/layout/icons.gif") no-repeat 0 1px;
}

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

   =3. Spezielle Seiten 

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

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

/* siehe home.css */


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

div.newsContentFooter {
	border: none;
}

.newsContent {
	margin: 0;
}

.newsEntry {
	clear: both;
	width: auto;
}

#home-content div.newsEntry {
	clear: none;
}

.newsText {
	width: 350px;
}

.newsImage {
	width: auto;
	padding: 5pt 15pt 15pt 0;
}

div.entry {
	padding: 8px 0 12px 0;
}

	div.entry em,
	a.more {
		font-weight: bold
	}
	
	div.entry p.news_date{
		font-size: 0.8em;
		color:#666666;
	}
	
	div.entry h2{
		color:#666666;
	}
	
		div.entry h2 img {
			padding-right: 8px;
		}
		
		div.entry h2 span {
			font-size: 0.8em;
		}
		
div.news a:link,
div.news a:visited,
div.news a:active,
div.news a:focus{
	border-bottom: 1px dotted #666666;
}

	div.news h2 a:link,
	div.news h2 a:visited,
	div.news h2 a:active,
	div.news h2 a:focus{
		border-bottom: none;
	}


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

#main-content div#catalogue {
	width: 560px;
}

ol#actors{	
	list-style: none;
	margin: 0;
	padding: 0;
}
	ol#actors li {
		float: left;
		display: inline;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	ol#actors strong {
		color: #666;
		height: 25px;
		line-height: 25px;
		position: absolute;
		font-weight: normal;
		left: 0;
	}
	
	ol#actors a {
		cursor: pointer;
		padding: 0;
		margin: 0;
		display: block;
	}
	
		ol#actors a,
		ol#actors a:link, 
		ol#actors a:visited, 
		ol#actors a:active, 
		ol#actors a:hover, 
		ol#actors a:focus{
			border: 0;
		}
	
		ol#actors a span {
			display: none;
			overflow: hidden;
		}

		ol#actors a img {
			cursor: pointer;
			border: 0;
			padding: 0 5px 5px 0;
			margin: 0;
			display: block;
			
			height: 131px;
			width: 105px;
		}
		
		ol#actors a:hover strong {
			color: #000;
			cursor: pointer;
			font-weight: bold;
		}

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

	ul#actorCatalog li {
		float: left;
		margin-right: 10px;
		margin-bottom: 15px;
		font-size: 1.2em;
		text-align: center;
		font-weight: bold;
	}

		ul#actorCatalog li span {
			display: block;
			clear: both;
		}

#actor1 strong {top: 0px;}
#actor2 strong {top: 25px;}
#actor3 strong {top: 50px;}
#actor4 strong {top: 75px;}
#actor5 strong {top: 100px;}
#actor6 strong {top: 125px;}
#actor7 strong {top: 150px;}
#actor8 strong {top: 175px;}
#actor9 strong {top: 200px;}
#actor10 strong {top: 225px;}
#actor11 strong {top: 250px;}
#actor12 strong {top: 275px;}
#actor13 strong {top: 300px;}
#actor14 strong {top: 325px;}
#actor15 strong {top: 350px;}
#actor16 strong {top: 375px;}
#actor17 strong {top: 400px;}
#actor18 strong {top: 425px;}
#actor19 strong {top: 450px;}
#actor20 strong {top: 475px;}
#actor21 strong {top: 500px;}
#actor22 strong {top: 525px;}
#actor23 strong {top: 550px;}
#actor24 strong {top: 575px;}
#actor25 strong {top: 600px;}
#actor26 strong {top: 625px;}
#actor27 strong {top: 650px;}
#actor28 strong {top: 675px;}
#actor29 strong {top: 700px;}
#actor30 strong {top: 725px;}
#actor31 strong {top: 750px;}
#actor32 strong {top: 775px;}
#actor33 strong {top: 800px;}
#actor34 strong {top: 825px;}
#actor35 strong {top: 850px;}
#actor36 strong {top: 875px;}
#actor37 strong {top: 900px;}
#actor38 strong {top: 925px;}
#actor39 strong {top: 950px;}
#actor40 strong {top: 975px;}


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



/* ===============================
   Fotos
=============================== */

ol#thumbs {
	margin: 14px 0 15px 0;
	padding: 0;
}

	ol#thumbs li {
		margin: 0;
		padding: 0;
		display: inline;
		width: 75px;
		height: 75px;
		float: left;
	}

		ol#thumbs li a {
			display: block;
			width: 70px;
			height: 70px;
			padding-right: 5px;
			padding-bottom: 5px;
		}

		ol#thumbs li img {
			opacity: .5;
			cursor: pointer;
		}

		ol#thumbs li.active img {
			opacity: 1;
		}

div.vita_photo_meta{
	float: right;
}

div.vita_photo_meta h3{
	font-weight: bold;
	margin-top: 15px;
}

ul.vita_photo_actions{
	
}

		ul.vita_photo_actions li{
			
		}

/* ===============================
   Video
=============================== */

p.caption {
	margin: 20px 0;
}

div.video {
	margin-top: 8px;
}

div.viddesc {
	padding: 12px 0 0 2px;
}

#ShowroomAgentur{
	position: relative;
	top: -4px;	
}

/* ===============================
   Links
=============================== */

ul#linklist {
	
}

	ul#linklist li {
		margin-bottom: 20px;
	}
	
		ul#linklist li img {
			max-height: 50px;
		}

	ul#linklist a,
	ul#linklist a:link,
	ul#linklist a:visited,
	ul#linklist a:active,
	ul#linklist a:focus{
		border: 0;
		border-bottom: 1px dotted #666666;
	}
	
	ul#linklist a:hover,
	ul#linklist a:focus{
		font-weight: bold;
	}

/* ===============================
   Kontakt
=============================== */	

div.choose {
	margin: 0 0 10px 0;
	padding: 0 0 0 29%;
}

	div.choose input {
		display: inline;
		width: auto;
		margin: 0;
		padding: 0;
		float: none;
	}

	div.choose label {
		width: auto;
		padding-left: 5px;
		padding-right; 5px;
		display: inline;
	}

	div.choose fieldset {
		border: none;
		padding: inherit;
		margin-top: 0;
	}

		div.choose fieldset legend {
			display: none;
		}