/* CSS Document */

body, h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, map {
	margin:0px;
	padding: 0px;
	border: 0px;
}

body {
	background-color:#FFFFFF;
}

#container {
	width: 1000px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 50%;
	margin: 0 0 10px -500px;
	overflow:visible;
}

#inhalt {
	width: 1000px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

#vita #inhalt, #vita_buehne #inhalt, #vita_film #inhalt, #vita_audio #inhalt {
	width: 1000px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	padding:90px 10px 100px 10px;
}


#start #inhalt {
	width: 1000px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: -8px;
}

#unterschrift {
	width: 343px;
	height: 66px;
	position: absolute;
	top: 38px;
	left: 0px;
}

#oben {
	width: 860px;
	height: 462px;
	position: absolute;
	top: 129px;
	left: 70px;
}

/* Der Textbereich */

#text {
	position:absolute;
	top:184px;
	left:0px;
	width:860px;
}

#spalte_links {
	position:absolute;
	top:603px;
	left:70px;
	width:840px;
	min-height:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#F8D0D5;
	color: #444444;
	line-height: 140%;
	/*border:1px solid #DB122F;*/
	padding:90px 10px 90px 10px;
	margin:0px;
	background-image:url(images/hintergruende/vita_oben.jpg);
	background-repeat:no-repeat;
}

#demo #spalte_links {
	position:absolute;
	top:603px;
	left:70px;
	width:840px;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	line-height: 140%;
	/*border:1px solid #DB122F;*/
	padding:90px 10px 90px 10px;
	background-color:#FFFFFF;
	background-image:none;
}



#kontakt #spalte_mitte {
	position:absolute;
	top:603px;
	left:360px;
	width:550px;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	line-height: 140%;
	/*border:1px solid #DB122F;*/
	padding:90px 10px 90px 10px;
	background-color:#F8D0D5;
	background-image:url(images/hintergruende/kontakt_oben.jpg);
	background-repeat:no-repeat;
}

#neues #spalte_links {
	background-color:#F8D0D5;
	background-image:url(images/hintergruende/neues_oben.jpg);
	background-repeat:no-repeat;
}

#spalte_mitte {
	position:absolute;
	top:603px;
	left:360px;
	width:550px;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	line-height: 140%;
	/*border:1px solid #000000;*/
	padding:90px 10px 90px 10px;
	background-color:#CCCCCC;
	background-image:url(images/hintergruende/fotos_oben.jpg);
	background-repeat:no-repeat;
}


#spalte_rechts {
	position:absolute;
	top:603px;
	left:650px;
	width:260px;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	line-height: 140%;
	/*border:1px solid #167340;*/
	padding:90px 10px 90px 10px;
	background-color:#D0E3D9;
	background-image:url(images/hintergruende/demo_oben.jpg);
	background-repeat:no-repeat;
}

#formular {
	position:absolute;
	left:300px;
	top: 90px;
}

#obennavi {
	position:absolute;
	right:68px;
	top: 79px;
}

#obennavi a {
	height: 21px;
	width: 205px;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	
}

#obennavi a.navi_neues {
	width: 83px;
	background: url(images/navi/neues.gif) no-repeat;
}

#obennavi a.navi_kontakt {
	width: 122px;
	background: url(images/navi/kontakt.gif) no-repeat;
}

/* folgendes ist fuer die Hover-Effekte und fuer den aktiven Link in der Navi*/
#obennavi a:hover, #neues #container #obennavi a.navi_neues, #kontakt #container #obennavi a.navi_kontakt {
	background-position: left bottom;
}

#obennavi a span {
	display: none;
}


/* hauptnavi */

#navigation {
	position:absolute;
	top: 136px;
	left: 437px;
	width: 338px;
	text-align: center;
	margin: 0;
	padding: 0;
	/* IE 5 Mac kann es nicht sehen \*/
	width: 338px;
	/* */
}

#navigation a {
	height: 32px;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

#navigation a.navi_start {
	width: 49px;
	background: url(images/navi/start.gif) no-repeat;
}

#navigation a.navi_vita {
	width: 79px;
	background: url(images/navi/vita.gif) no-repeat;
}

#navigation a.navi_fotos {
	width: 89px;
	background: url(images/navi/fotos.gif) no-repeat;
}

#navigation a.navi_kontakt {
	width: 73px;
	background: url(images/navi/kontakt.gif) no-repeat;
}

#navigation a.navi_neues {
	width: 48px;
	background: url(images/navi/neues.gif) no-repeat;
}


/* folgendes ist fuer die Hover-Effekte und fuer den aktiven Link in der Navi*/
#navigation a:hover, #vita #container #navigation a.navi_vita, #vita_buehne #container #navigation a.navi_vita, #vita_film #container #navigation a.navi_vita, #vita_audio #container #navigation a.navi_vita, #fotos #container #navigation a.navi_fotos, #kontakt #container #navigation a.navi_kontakt, #neues #container #navigation a.navi_neues {
	background-position: left bottom;
}

#navigation a span {
	display: none;
}


p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	line-height: 140%;
}

.rot {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DB122F;
	line-height: 140%;
}

.fett {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	line-height: 140%;
	font-weight:bold;
}

ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	line-height: 140%;
	list-style:disc;
	padding-left:15px;
	}

a, a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #167340;
	line-height: 140%;
	text-decoration: none;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #167340;
	line-height: 140%;
	text-decoration:underline;
}

#kontakt a, #vita a, #vita a:link, #vita_buehne a, #vita_buehne a:link, #vita_film a, #vita_film a:link, #vita_audio a, #vita_audio a:link, #kontakt a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DB122F;
	line-height: 140%;
	text-decoration: none;
}

#kontakt a:hover, #vita a:hover, #vita_buehne a:hover, #vita_film a:hover, #vita_audio a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DB122F;
	line-height: 140%;
	text-decoration:underline;
}





/* Für das Formular */

.button {	
	width: 62px;
	height: 12px;
	margin-top: 7px;
}
.felder {	
	width: 250px;
	height: 18px;
	margin-top: 5px;
	margin-bottom:13px;
	background-color: #FFFFFF;
	color: #444444;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:3px 4px 4px 4px;
	border:1px solid #444444;
}

*html .felder {	
	margin-bottom:11px;
	}
	
*+html .felder {	
	margin-bottom:10px;
	}

.nachricht {	
	width: 250px;
	height: 90px;
	background-color:#FFFFFF;
	color: #444444;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:4px;
	border:1px solid #444444;
	margin-top:5px;
}

/* Für die Pfeile auf "Fotos" */

#pfeile {
	position:absolute;
	top: 41px;
	left: 251px;
	width: 90px;
	text-align: center;
	margin: 0;
	padding: 0;
	/* IE 5 Mac kann es nicht sehen \*/
	width: 90px;
	/* */
	}
	
#pfeile a {
	height: 22px;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

#pfeile a.navi_links {
	width: 25px;
	background: url(images/navi/pfeil_li.gif) no-repeat;
}

#pfeile a.navi_rechts {
	width: 25px;
	background: url(images/navi/pfeil_re.gif) no-repeat;
}

/* folgendes ist fuer die Hover-Effekte und fuer den aktiven Link in der Navi*/
#pfeile a:hover  {
	background-position: left bottom;
}

#pfeile a span {
	display: none;
}

#malik {
	position:absolute;
	top: 68px;
	left: 11px;
	width: 90px;
	text-align: left;
	margin: 0;
	padding: 0;
	color:#FFFFFF;
	/* IE 5 Mac kann es nicht sehen \*/
	width: 200px;
	/* */
	}
	
#pdf {
	position:absolute;
	top: 80px;
	left: 10px;
	width: 400px;
	text-align: left;
	margin: 0;
	padding: 0;
	color:#444444;
	/* IE 5 Mac kann es nicht sehen \*/
	width: 400px;
	/* */
	}
	
/* Unternavigation vita */
#vita_unter {
	position:absolute;
	top: 49px;
	left: 301px;
	width: 400px;
	text-align: center;
	margin: 0;
	padding: 0;
	/* IE 5 Mac kann es nicht sehen \*/
	width: 400px;
	/* */
	}
	
#vita_unter a {
	height: 21px;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

#vita_unter a.navi_profil {
	width: 60px;
	background: url(images/navi/profil.gif) no-repeat;
}

#vita_unter a.navi_buehne {
	width: 78px;
	background: url(images/navi/buehne.gif) no-repeat;
}

#vita_unter a.navi_film {
	width: 57px;
	background: url(images/navi/film.gif) no-repeat;
}

#vita_unter a.navi_audio {
	width: 67px;
	background: url(images/navi/audio.gif) no-repeat;
}

/* folgendes ist fuer die Hover-Effekte und fuer den aktiven Link in der Navi*/
#vita_unter a:hover, #vita #container #vita_unter a.navi_profil, #vita_buehne #container #vita_unter a.navi_buehne, #vita_film #container #vita_unter a.navi_film, #vita_audio #container #vita_unter a.navi_audio  {
	background-position: left bottom;
}

#vita_unter a span {
	display: none;
}



 /* Ende Pfeile */

*html p, *html fett, *html a, *html a:link, *html #spalte_links, *html #spalte_rechts, *html ul, *html a.pfeil, *html a.pfeil:link, *html a.pfeil2, *html a.pfeil2:link {	
	line-height: 130%;
	}
	
*+html p, *+html fett, *+html a, *+html a:link, *+html #spalte_links, *+html #spalte_rechts, *+html ul, *+html a.pfeil, *+html a.pfeil:link, *+html a.pfeil2, *+html a.pfeil2:link {	
	line-height: 130%;
	}


a.white { 
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 140%;
	text-decoration: none;
	} 

a.white:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 140%;
	text-decoration:underline;
}