/* ************************************************************* */
/* Reset (http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126) 	*/
/* ************************************************************* */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline:none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ************************************************************* */
/* General 	*/
/* ************************************************************* */
body
{
	background-color:#757375;
}
#main
{
	margin: 54px auto 0 auto;
	width:800px;
	background-color:#e6e6da;
}
#keyvisual
{
	height:	226px;
}
a:link { font-weight:normal; color:#363D44; text-decoration:underline; }
a:visited { font-weight:normal; color:#363D44; text-decoration:underline; }
a:focus { font-weight:normal; color:#363D44; text-decoration:underline; }
a:hover { font-weight:normal; color:#363D44; text-decoration:none; }
a:active { font-weight:normal; color:#363D44; text-decoration:underline; }

h3
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
}
.fett
{
	font-weight:bold;	
}
.hruler
{
	font-size:0;
	margin:0;
	padding:0;
	line-height:0;
	border-top:1px solid #B3AF9F;
}
/* ************************************************************* */
/* Navigation 	*/
/* ************************************************************* */
#navigation
{
	padding-top:5px;	
	height:	45px;
	margin-left:50px;
	font-size:0px;
	line-height:0px;
}
#navigation a
{
	display:inline-block;
	height:45px;
	vertical-align: top;	
}
#navigation a div
{
	margin-top:20px;
	background-image:url(images/navigation_texts.jpg);
	display:inline-block;
	height:16px;	
}
#navigation a#nav_home div
{
	width:107px;
	background-position: 0 -15px;
}
#navigation a#nav_home:hover div
{
	background-position: 0 0;
}
#navigation a#nav_shows div
{
	width:122px;
	background-position: 0 -45px;
}
#navigation a#nav_shows:hover div
{
	background-position: 0 -30px;
}
#navigation a#nav_references div
{
	width:157px;
	background-position: 0 -75px;
}
#navigation a#nav_references:hover div
{
	background-position: 0 -60px;
}
#navigation a#nav_gallery div
{
	width:129px;
	background-position: 0 -105px;
}
#navigation a#nav_gallery:hover div
{
	background-position: 0 -90px;
}
#navigation a#nav_vita div
{
	width:106px;
	background-position: 0 -135px;
}
#navigation a#nav_vita:hover div
{
	background-position: 0 -120px;
}
#navigation a#nav_contact div
{
	width:84px;
	background-position: 0 -165px;
}
#navigation a#nav_contact:hover div
{
	background-position: 0 -150px;
}
/* ************************************************************* */
/* Content 	*/
/* ************************************************************* */
.content
{
	height:	304px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px; 
	font-style: normal; 
	line-height: 14px; 
	font-weight: normal; 
	font-variant: normal; 
	text-transform: none; 
	text-decoration: none; 
	color: #686352;
}
.content-left
{
	width: 300px;
	overflow:hidden;
	float:left;
	padding-left:20px;
	margin:10px;
}
.content-right
{
	width: 460px;
	overflow:auto;
	float:right;
	margin:10px 0;
}

/* ************************************************************* */
/* Home 	*/
/* ************************************************************* */
#home_movie
{

	width:250px;
	height:200px;
	margin-top:40px;
	padding:15px 0 10px;
}

/* ************************************************************* */
/* Shows 	*/
/* ************************************************************* */
#shows_movie
{

	width:250px;
	height:200px;
	margin-top:40px;
	padding:15px 0 10px;
}
#shows
{
	padding-right:60px;
}
#shows h3
{
	margin-top:18px;
	margin-bottom:5px;	
}
#shows p
{
	margin-bottom:7px;	
}

a.showlink
{
	font-weight:bold;
}
/* ************************************************************* */
/* Referenzen 	*/
/* ************************************************************* */
#references
{
	color:#5F677C;
	font-family: Arial,Helvetica,sans-serif;
}
#references p
{
	padding-right:30px;
}
#references ul
{
	margin-top:10px;
	padding-left:40px;
	list-style-type:disc;
}
#references li
{
	margin-bottom:5px;
}

/* ************************************************************* */
/* Gallery 	*/
/* ************************************************************* */
#gallery
{
	margin: 0 10px 0 50px;
	padding:0;
	width:380px;
}
#gallery div
{
	margin: 0 10px 15px 0;
	padding:0;
	background-color:#7f755c;
	width: 96px;
	height: 128px;
	padding:10px;
	float:left;
}
#gallery div img
{
	width:96px;
	height:128px;
}
#gallery_artisticdesign
{
	background-color: #cfcbc2;
	border:2px solid #686352;
	text-align:center;
	width:193px;
	margin-top:40px;
	padding:15px 0 10px;
}

/* ************************************************************* */
/* Vita 	*/
/* ************************************************************* */
#vita
{
	color:#546B80;
	font-family: Arial,Helvetica,sans-serif;
}
#vita p.h_kursiv
{
	font-style:italic;
	font-weight:bold;
	margin-top:17px;
}
#vita p.h_normal
{
	font-weight:bold;
	margin-top:30px;
}
#vita p
{
	padding-right:63px;
}
#vita ul
{
	margin-top:15px;
	list-style-type:none;
}
#vita li
{
	margin-bottom:9px;
}
#vita li span
{
	display:inline-block;
	width:50px;
}

/* ************************************************************* */
/* Contact 	*/
/* ************************************************************* */
#contact
{
	color:#6F614A;
	font-family: Arial,Helvetica,sans-serif;
}
#contact ul
{
	list-style-type:none;
}
#contact li
{
	margin-bottom:4px;
}
#contact li span
{
	display:inline-block;
	width:100px;
}