html,body	{
	margin:0;
	width:100%;
	height:100%;
	font-size:10pt;
	}

#infobox {
	position:fixed;
	top:-100%;
	}
	
a	{
	text-decoration:none;
	color:#ccc;
	}

a:hover {
	color:#333;
	}

#bild	{
	position:fixed;
	bottom:0;
	right:0;
	}

#logo	{
	position:fixed;
	bottom:50%;
	width:220px;
	height:60px;
	}

#logo .name	{
	position:absolute;
	font-size:3.0em;
	font-family:Arial;
	font-weight:bold;
	}

#logo .beruf	{
	position:absolute;
	top:40px;
	left:40px;
	font-size:0.8em;
	font-family:Verdana;
	}

#logo .navi	{
	position:absolute;
	top:12px;
	right:-220px;
	overflow:hidden;
	width:220px;
	font-size:2.0em;
	font-family:Arial,sans-serif;
	}

.neu {
	vertical-align:top;
	font-family:Verdana,sans-serif;
	font-size:0.35em;
	color:#f00;
	}

#theater .neu {
	font-size:1em;
	}

#verweise {
	position:fixed;
	bottom:10px;
	right:10px;
	text-align:right;
	font-size:0.8em;
	font-family:Verdana;
	}

#layer	{
	position:fixed;
	width:100%;
	height:100%;
	background-color:#333;
	display:none;
	}

/* VITA,KONTAKT */

#vita,#kontakt	{
	position:fixed;
	width:100%;
	top:-100%;
	display:none;
	}
	
#drucken,.schliessen,#rauf,#runter,#links,#rechts	{
	position:relative;
	margin:20px 0 20px 20px;
	border:0;
	float:right;
	}

#vita .navi,#kontakt .navi,#gallerie .navi	{
	margin:20px 0;
	float:left;
	font-family:Arial,sans-serif;
	font-size:2.0em;
	color:#fff;
	}

#vita .inhalt	{
	position:relative;
	margin:auto;
	border-left:20px solid #333;
	border-right:20px solid #333;
	border-bottom:20px solid #333;
	width:60%;
	font-family:Verdana,sans-serif;
	font-size:1.0em;
	color:#000;
	background-color:#fff;
	}

#kontakt .inhalt {
	position:relative;
	margin:auto;
	border-left:20px solid #333;
	border-right:20px solid #333;
	border-bottom:20px solid #333;
	width:60%;
	font-family:Verdana,sans-serif;
	font-size:1.0em;
	color:#fff;
	background-color:#333;
	}

.leiste	{
	position:relative;
	margin:auto;
	border-left:20px solid #333;
	border-right:20px solid #333;
	width:60%;
	height:80px;
	background-color:#333;
	}

.leiste a	{
	color:#fff;
	}

.leiste a:hover	{
	color:#ccc;
	}

.logo	{
	position:relative;
	margin:auto;
	padding:20px;
	width:220px;
	height:60px;
	}

.logo .name	{
	position:absolute;
	font-size:3.0em;
	font-family:Arial;
	font-weight:bold;
	}

.logo .beruf	{
	position:absolute;
	top:60px;
	left:60px;
	font-size:0.8em;
	font-family:Verdana;
	}

h1	{
	margin:20px 0;
	text-align:center;
	font-family:Arial,sans-serif;
	font-size:2.0em;
	font-weight:bold;
	}

h2	{
	margin:10px 0 0 0;
	text-align:center;
	font-family:Arial,sans-serif;
	font-size:2.0em;
	font-weight:normal;
	}

i	{
	padding-left:20px;
	font-style:italic;
	font-weight:normal;
	}

b	{
	font-weight:bold;
	}

#vita .inhalt img	{
	position:relative;
	float:left;
	border:0;
	padding-right:10px;
	vertical-align:top;
	}
	
#tabellen1	{
	position:relative;
	overflow:hidden;
	}

#tabellen2	{
	position:absolute;
	top:0;
	}

#vita1,#theater,#fernsehen,#kurzfilme	{
	margin:0 20px 20px 20px;
	border:0;
	
	}

.linkeSpalte	{
	padding:2px 4px;
	background-color:#f0f0f0;
	text-align:right;
	}

.titelSpalte	{
	padding:2px 4px;
	background-color:#f0f0f0;
	text-align:center;
	}

.jahr	{
	padding:20px 0 0 20px;
	border-bottom:1px dotted #f0f0f0;
	font-family:Times,serif;
	font-size:2.0em;
	color:#ccc;
	text-align:left;
	}

.produktion	{
	padding:20px 0 2px 0;
	font-weight:bold;
	text-align:left;
	}

.buehnenbild {
	display:none;
	}

#kontaktName,#kontaktEmail,#kontaktText	{
	margin-bottom:20px;
	border:0;
	padding:2px;
	width:100%;
	height:26px;
	font-family:Arial,sans-serif;
	font-size:1.2em;
	color:#000;
	background-color:#fff;
	}

#kontaktSubmit{
	border:1px solid #fff;
	padding:2px;
	height:26px;
	font-family:Arial,sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color:#000;
	background-color:#f0f0f0;
	}

#meldung {
	position:fixed;
	top:40%;
	left:40%;
	padding:20px;
	background-color:#333;
	font-family:Arial,sans-serif;
	font-size:2.0em;
	color:#fff;
	}

/* Bilderseite */

#bilder {
	position:fixed;
	left:5%;
	top:5%;
	width:90%;
	height:90%;
	text-align:center;
	display:none;
	}

#gallerie	{
	position:fixed;
	bottom:-100%;
	left:10%;
	padding:20px;
	width:80%;
	height:134px;
	background-color:#ccc;
	white-space:nowrap;
	}

#gallerie .navi {
	margin-left:20px;
	clear:both;
	float:right;
	color:#fff;
	}

#gallerie .navi a {
	color:#fff;
	}

#gallerie .navi a:hover {
	color:#333;
	}

#miniaturenRahmen {
	position:absolute;
	height:134px;
	overflow:hidden;
	}

#miniaturen {
	position:absolute;
	font-size:0;
	white-space:nowrap;
	}

#miniaturen img {
	margin:0 8px 0 0;
	padding:0;
	}