/*********************************************************************
 * filmartists.de
 * 
 * @version       $Revision: 30 $
 * @modified by   $Author: ds $
 * @last modified $Date: 2008-12-10 12:52:29 +0100 (Mi, 10 Dez 2008) $
 *********************************************************************/


/* --------------------------------------------------------------------------------------
 * html and body
 * -------------------------------------------------------------------------------------- */

	body {
		background: #fff url("/img/bgr_body.png") bottom left fixed repeat-x; color: #555;
		font-family: 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-size: 13px; line-height: 18px;
		margin: 0; padding: 0;
		width: 100%;
		height: 100%;
	}

/* --------------------------------------------------------------------------------------
 * generic classes
 * -------------------------------------------------------------------------------------- */

	.mb0 {
		margin-bottom: 0 !important;
	}
	.mb1 {
		margin-bottom: 20px !important;
	}
	.mb2 {
		margin-bottom: 40px !important;
	}
	.mb3 {
		margin-bottom: 60px !important;
	}

	/* clearer
	   http://www.pixelsurge.com/experiment/clearers.htm */
	.clear {
		clear: both;
		height: 1px;
		margin-top: -1px;
		overflow: hidden;
		font-size: 1px;
	}

/* --------------------------
 * media classes
 * -------------------------- */

	/*
	reader   = screen reader only  (eg skip links)
	print    = print only          (eg contact infos, references)
	nonprint = don't print         (eg navigation)
	*/

	.reader {
		position: absolute; left: -990em; height: 1em; width: 1em;
		overflow: hidden;
	}
	.print {
		display: none;
		visibility: hidden;
	}
	.nonprint {
		/* nothing */
	}

/* --------------------------------------------------------------------------------------
 * typo, images, lists, tables, forms,..
 * -------------------------------------------------------------------------------------- */

	p {
		font-size: 1em; line-height: 1.7em; font-weight: normal;
		margin: 0 0 1em 0; padding: 0;
	}
	h6, h5, h4, h3 {
		font-size: 1em; line-height: 1.7em; font-weight: normal;
		margin: 0 0 1em 0; padding: 0;
		color: #555;
	}
	h2 {
		font-size: 2em; line-height: 1em; font-weight: bold;
		margin: 0 0 1em 0; padding: 0;
		color: #333;
	}
	h1 {
		font-size: 2.5em; line-height: 1em; font-weight: bold;
		margin: 0; padding: 0;
		color: #777;
	}

/* --------------------------
 * lists
 * -------------------------- */

	ul,
	ol {
		margin: 0 0 1.7em 0;
		padding: 0 0 0 2em;
	}
	li {
		font: normal 1em/1.7em;
		margin: 0 0 0.3em 0; padding: 0;
	}

/* --------------------------
 * links
 * -------------------------- */

	a {
		color: #000;
		text-decoration: underline;
	}
	a:hover,
	a:focus {
		color: #666;
	}
	a:active {
		outline: 0; /* remove dotted borders */
	}
	a:visited {
	}

/* --------------------------
 * images
 * -------------------------- */

	img {
		border: 0;
		padding: 0;
		margin: 0;
		display: block;
	}
	img.inline {
		display: inline;
	}

/* --------------------------
 * tables
 * -------------------------- */

	table,
	table tr,
	table th,
	table td {
		font-size: 1em; line-height: 1.7em; font-weight: normal;
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: top;
		text-align: left;
	}
	table th,
	table td {
	}

/* --------------------------------------------------------------------------------------
 * layout
 * -------------------------------------------------------------------------------------- */

	#logo {
		position: absolute; top: 0; left: 0;
		width: 75px;
		height: 165px;
		z-index: 2000;
	}
	#content {
		width: 600px;
		margin: 0 20px 50px 120px;
	}
	body.artists #content {
		width: auto;
	}
	body.artistdetail #content,
	body.artistfotos #content,
	body.videoreel #content {
		width: 700px;
	}

	@media print {
		#logo {
			position: absolute; top: 0; left: auto; right: 0;
		}
		#content {
			margin: 0 0 30px 0;
		}
	}

/* --------------------------------------------------------------------------------------
 * navigation
 * -------------------------------------------------------------------------------------- */

	#navigation {
		min-height: 93px;
		padding: 24px 0 0 0;
		position: relative; z-index: 1000;
		margin: 0 0 33px 0;
	}
	* html #navigation {
		height: 93px;
	}
	body.artists #navigation {
		margin: 0;
	}

	@media print {
		#navigation {
			visibility: hidden;
		}
	}

	/* main navigation */

	.navigation {
		margin: 0 0 10px 0;
	}
	* html .navigation {
		display: inline-block;
	}
	*+html .navigation {
		display: inline-block;
	}
	.navigation ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.navigation ul li {
		display: block;
		float: left;
		margin: 0 20px 0 0;
		font-size: 1.2em;
	}
	.navigation ul li a {
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		/* color: #a0b627; */
		color: #999;
	}
	.navigation ul li a:hover,
	.navigation ul li a:focus {
		color: #333;
	}
	.navigation ul li a.current {
		color: #333;
	}

	/* subnavigation */

	.subnavigation {
		margin: 0 0 10px 0;
	}
	.subnavigation ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.subnavigation ul li {
		display: block;
		float: left;
		margin: 0 15px 0 0;
	}
	.subnavigation ul li a {
		text-transform: uppercase;
		text-decoration: none;
		color: #aaa;
	}
	.subnavigation ul li a.current,
	.subnavigation ul li a:hover,
	.subnavigation ul li a:focus {
		color: #777;
	}

	/* artist navigation */

	#artistnav {
		margin: -15px 0 20px 0;
	}
	#artistnav a,
	#artistnav strong {
		text-decoration: none;
		text-transform: uppercase;
		background-image: url(/img/icons.png);
		background-repeat: no-repeat;
		padding: 0 0 0 18px;
	}
	#artistnav span.s {
		padding: 0 10px;
	}
	#artistnav .nav1 {
		background-position: 0 0;
	}
	#artistnav .nav2 {
		background-position: 0 -32px;
	}
	#artistnav .nav3 {
		background-position: 0 -64px;
	}
	#artistnav .nav4 {
		background-position: 0 -95px;
	}

	@media print {
		#artistnav {
			display: none;
		}
	}

/* --------------------------------------------------------------------------------------
 * gallery
 * -------------------------------------------------------------------------------------- */

	.gallery {
		margin: 0 0 20px -2px;
	}
	.gallery ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.gallery ul li {
		display: block;
		float: left;
		margin: 0 20px 20px 0;
	}
	.gallery ul li a {
		background: url(../img/polaroid.png) no-repeat;
		display: block;
		width: 186px;
		height: 153px;
		overflow: hidden;
		color: #333;
		text-decoration: none;
		position: relative;
		cursor: pointer;
		line-height: 1.4em;
	}
	.gallery ul li a:hover,
	.gallery ul li a:focus {
		color: #000;
	}
	* html .gallery ul li a {
		behavior: url(/css/iepngfix.htc);
	}
	.gallery ul li a img {
		position: absolute; top: 8px; left: 8px;
	}
	.gallery ul li a img.col,
	.gallery ul li a:hover img.bw,
	.gallery ul li a:focus img.bw {
		display: none;
	}
	.gallery ul li a img.bw,
	.gallery ul li a:hover img.col,
	.gallery ul li a:focus img.col {
		display: block;
	}
	* html .gallery ul li a img.col {
		/* IE 6 won't get coloured images */
		display: none !important;
	}
/*
	.gallery ul li a:hover img,
	.gallery ul li a:focus img {
	}
	* html .gallery ul li a:hover img,
	* html .gallery ul li a:focus img {
		xfilter: alpha(opacity=88);
		xzoom: 1;
	}
	*+html .gallery ul li a:hover img,
	*+html .gallery ul li a:focus img {
		xfilter: alpha(opacity=88);
		xzoom: 1;
	}
*/
	.gallery ul li a em {
		width: 186px;
		height: 20px;
		display: block;
		overflow: hidden;
		text-align: center;
		font-style: normal;
		position: absolute; top: 130px; left: 0;
	}

	/* page artistdetail */

	.gallery .item {
		background: url(../img/polaroid.png) no-repeat;
		display: block;
		width: 186px;
		height: 153px;
		overflow: hidden;
		color: #333;
		text-decoration: none;
		position: relative; left: -1px;
		line-height: 1.4em;
	}
	* html .gallery .item {
		behavior: url(/css/iepngfix.htc);
	}
	.gallery .item img {
		position: absolute; top: 8px; left: 8px;
	}
	.gallery .item em {
		width: 186px;
		height: 20px;
		display: block;
		overflow: hidden;
		text-align: center;
		font-style: normal;
		position: absolute; top: 130px; left: 0;
	}

	@media print {
		.gallery ul li a img,
		.gallery .item img {
			left: 2px;
		}
		.gallery ul li a em,
		.gallery .item em {
			left: 2px;
			text-align: left;
		}
	}

/* --------------------------------------------------------------------------------------
 * general page elements
 * -------------------------------------------------------------------------------------- */

	.headline {
		background: url("/img/bgr_headline.png") bottom left repeat-x; 
		position: absolute; top: 0; left: 113px;
		padding-left: 5px;
		width: 750px;
		height: 120px;
	}
	* html .headline {
		behavior: url(/css/iepngfix.htc);
	}
	.headline h1 {
		position: absolute; bottom: 0;
		float: left;
	}
	.headline h1 small {
		font-size: 0.5em;
		padding: 0 0 0 10px;
		margin: 0;
		line-height: 1em;
		vertical-align: bottom-line;
		font-weight: normal;
	}

	@media print {
		.headline {
			left: 0;
			padding-left: 0;
			width: 450px;
		}
	}

/* --------------------------------------------------------------------------------------
 * page »about«
 * -------------------------------------------------------------------------------------- */

	body.about .col1 {
		float: left;
		width: 280px;
		margin-right: 40px;
	}
	body.about .col2 {
		float: left;
		width: 280px;
	}
	body.about .col1 img,
	body.about .col2 img {
		margin: 0 0 10px -1px;
		padding: 3px;
		border: 1px solid #ccc;
	}

/* --------------------------------------------------------------------------------------
 * page »artist«
 * -------------------------------------------------------------------------------------- */

	/* short info */

	.artist-short .col1 {
		width: 220px;
		float: left;
	}
	.artist-short .col2 {
		width: 480px;
		float: left;
		padding-top: 2px;
	}
	.artist-short .col2 p {
		line-height: 1.4em;
	}
	@media print {
		.artist-short .col1 {
			width: 200px;
		}
	}

	/* table details */

	.artist-long table.details {
		width: 750px;
	}
	.artist-long table.details td {
		text-align: left;
		vertical-align: top;
		padding: 0 20px 5px 0;
	}
	.artist-long table.details .td1 {
		width: 70px;
	}
	.artist-long table.details .td2 {
		width: 160px;
	}
	.artist-long table.details .td3 {
		width: 160px;
	}
	.artist-long table.details .td4 {
		/* width: 200px; */
	}
	.artist-long table.details td.colspan {
		width: auto;
		padding: 20px 0 15px 0;
	}
	.artist-long table.details td.colspan hr {
		height: 1px;
		border: 0;
		border-top: 1px solid #ddd;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	@media print {
		.artist-long table.details {
			width: 100%;
		}
		.artist-long table.details td.colspan hr {
			border-top: 1px solid #000;
		}
	}

	#footer {
		display: none;
		visibility: hidden;
	}
	@media print {
		#footer {
			display: block;
			visibility: visible;
			left: 0;
			padding: -10px;
			width: 99%;´
		}
	}
	
	/* fotos */

	#fotos img {
		display: block;
		/* float: left; */
		margin: 0 20px 20px 0;
		padding: 3px;
		border: 1px solid #ccc;
	}

	/* video */

	body.videoreel #container {
		float: left;
		margin: 0 0 20px 0;
		padding: 3px;
		border: 1px solid #ccc;
	}
	body.videoreel #container * {
		display: block;
	}

/* --------------------------------------------------------------------------------------
 * etc
 * -------------------------------------------------------------------------------------- */

	/* email encryption */

	.email>ins:before {
		content: "@"; text-decoration: none;
	}
	.email del {
		text-decoration: none;
	}
	.email>del {
		display: none;
	}
	*:first-child+html .email>del {
		display:inline; /* Workaround IE 7 */
	}
	
	

.newsentry { padding:10px 0 20px 0; margin:0 0 20px 0;  border-bottom: dashed 1px #eee;}
h3.newshead { font-size: 1.6em; line-height:0.9em; font-weight: bold; margin: 0; padding: 0; color: #555;}
.newsdate { font-size: 0.8em; }
.newstext { padding-top:5px; }