﻿body {
	width:100%;
	margin:0;
	background-color:#eae6e6;
	font-size:100.01%;
	color: #000;
	font-family: Verdana,Helvetica,Arial,Sans-Serif;
	line-height:1.2em;
	text-align:center;
	padding:0;
}

html {
	width:100%;
	margin:0;
	background-color:#eae6e6;
	font-size:100.01%;
	color: #000;
	font-family:Arial, Helvetica,Verdana,Sans-Serif;
	line-height:1.2em;
	text-align:center;
	padding:0;
	}

/*Container gesamt hellgrau*/
#gesamt {
	width: 770px;
	height:100%;
	margin:0px auto;
	text-align:left;
	font-size:0.9em;
	background-repeat:no-repeat;
	background-position:0 0 0 0;

}
/*name oben*/
#logo {
	padding:0px;
	width: 100%;
	height: 60px;
	background-image: url('../img/logo.gif');
	background-repeat:no-repeat;
	background-position:right;
}
/*Banner oben*/
#head {
	padding:50px 0 20px 0;
	width: 100%;
	height: 30px;
	background-image: url('../img/foto_oben.jpg');
	background-repeat:repeat;
	background-position:center;
}

#container {
	position: relative;
	width: 100%;
	left: 0px; top: 0px;
	}

/*navi oben*/
a {
	text-decoration: none;
	font-size: 0.75em;
	padding: 5px 3px;
	/*font-variant:small-caps;*/
	}

a:link {color:#fff;}
a:visited {color:#999;}
a:hover {color:#434343;text-decoration:underline;background-color:#eae6e6;}
a:active {color:#434343;}

.oben {
	width:100%;
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;
	background-color:#666;
	background-repeat:repeat;
	background-position:center;         
}

/*verlinkte  Grafiken*/
a.bild1 {
	text-decoration: none;
	background-color:#eae6e6;
	padding:0;
	margin:0;
}
	
a.bild1:link {background-color:#eae6e6;}
a.bild1:visited {background-color:#eae6e6;}
a.bild1:hover {background-color:#eae6e6;}
a.bild1:active {background-color:#eae6e6;}

/*Link auf hellem Higru im Fliesstext*/
a.norm {
	text-decoration: none;
	font-size: 0.9em;
}

a.norm:link {color:#333;}
a.norm:visited {color:#999;}
a.norm:hover {color:#333;text-decoration:underline;}
a.norm:active {color:#333;}

/*Link rot und fett*/
a.normrot {
	text-decoration:none;
	font-size: 0.9em;
	font-weight:bold;
}

a.normrot:link {color:#CC3300;}
a.normrot:visited {color:#CC3300;text-decoration:underline;}
a.normrot:hover {color:#333;text-decoration:underline;}
a.normrot:active {color:#333;}

/*Titel Inhalt links oben*/
#titel {
	font-size:x-large;
	text-align:left;
	margin:25px 0 5px 35px;
}

/*Einzel-Titel Programm*/
.titel_p {
	font-size:large;
	font-style:italic;
}

/*titel_grau*/
#grau {
	font-size: large;
	color: #808080;
	text-align: left;
	margin:10px 0 10px 100px;
}

#graubio {
	font-size: large;
	color: #808080;
	text-align: left;
	margin:10px 0 0 100px;
}
#graustart {
	font-size: large;
	color: #808080;
	text-align: left;
	margin:40px 0 0 10px;
}
#grau_cd {
	font-size: 1em;
	color: #808080;
	text-align: center;
}

#bio_left {
	float:left;
	width:400px;
	height:75px;
	text-align:left;
}

#video {
	float:left;
	width:450px;
	height:150px;
	text-align:center;
	padding:0 150px 20px 150px;
}

/*
#bio_right {
	margin:10px 0 0 400px;
	width:270px;
	height:75px;
	text-align:center;
}
*/

#bio_right {
	margin:10px 0 0 400px;
	width:300px;
	height:75px;
	text-align:right;
}

#grau_cd {
	font-size: large;
	color: #808080;
	text-align: left;
}

/*highlights titel Start*/
#grau_a {
	font-size: large;
	color: #808080;
	text-align: left;
	margin: 0 0 10px 150px;
}

/*highlights Startseite*/
ul.a {
	font-size:0.9em;
	margin:0px 35px 15px 180px;
}

.cl{
	clear:both;
}

.rot {
	color: #CC3300;
	font-weight:bold;
}

.fett
{font-weight:bold;}


.caps {
	font-size:1em;
	font-weight:bold;
	background-color:#ccc;
}

table {
	width:100%; margin:0; padding:0;
}

/*Tabelle Termine*/
td.term {
	font-size:0.9em;
	border-bottom:1px solid #ccc;
}

/*pressestimmen*/
li.a {
	font-size:0.9em;
	margin:15px 35px 5px 35px;
}

p {
	font-size:0.9em;
	margin:15px 35px 5px 35px;
}

.copy {
	font-size:0.8em;
	margin:0;
}

.termine
{
	margin:15px 75px;
}

hr {
	border:1px solid #CCC;
	color:#CCC;
	background-color:#CCC;
	height:1px;
}

.karl
{
	padding-left:280px;
}

.re {
	text-align:right;
	}
.li {
	text-align:left;
	}

.z {
	text-align:center;
	}

.k{
	font-size:0.8em;font-style:italic;
	}

img {
	border: 0;
}
/* fotos Fotogalerie*/
img.foto {
	float:left;
	border:1px gray solid;
	padding:2px;
	margin:15px;
	height:100px;
	width: 133px;
}

img.foto1 {
	float:left;
	border:1px gray solid;
	padding:2px;
	margin:15px;
	height:133px;
	width: 100px;
}
.foto3 {
	float:left;
	border:1px gray solid;
	padding:2px;
	margin:15px 15px 30px 15px;
}


/*---Spalte links Start--*/
#left_cola {
	margin-right:400px;
	padding:20px 10px 20px 35px ;
}
/*---Spalte rechts Start--*/
#right_cola {
	font-size:0.9em;
	color: #808080;
	width: 375px;
	position: absolute;
	right: 20px;
	top: 0px;
	margin:20px 35px 20px;
}

/*---Spalte links andere Seiten--*/
#left_col {
	margin-right: 400px;
	padding:20px 35px 10px 35px;
}
/*---Spalte rechts andere Seiten--*/
#right_col {
	font-size:0.9em;
	width: 375px;
	position: absolute;
	right: 0px;
	top: 0px;
	margin:90px 35px 35px 35px;
}

/*---Spalte Text rechts Biografien Bild hoch--*/
#right_texthoch {
	font-size:0.9em;
	width: 520px;
	position: absolute;
	right: 0px;
	top: 0px;
	margin:0px 35px 35px 0px;
}
/*---Spalte Bild links hoch Biografien--*/
#left_bildhoch {
	margin-right:300px;
	padding:20px 0px 10px 35px;
}

/*---Spalte Text rechts Biografien Bild quer--*/
#right_textquer {
	font-size:0.9em;
	width: 440px;
	position: absolute;
	right: 0px;
	top: 0px;
	margin:0px 35px 35px 0px;
}
/*---Spalte links Bild quer Biografien--*/
#left_bildquer {
	margin-right: 200px;
	padding:20px 0px 10px 35px;
}
.prog_re
{
	margin-left:0;float:right;width:400px;
}

.prog_li
{
	margin-right:0;float:left;width:400px;
}

#footer {
	clear:both;
	font-size:1em;
	text-align: center;
	vertical-align:bottom;
	margin:0;
	padding:10px 0 15px 0;
}

.small { font-size:0.85em;
	
}

