/*Karl Jakob Gail Styles ? 2007*/

body	{ 
background-color: #333333; 
text-align: center;
margin: 0px; }

.frame {
position: relative;
text-align: center;
width: 750px;
margin: 0px auto;}



/* NAVIGATION */

.current {
color: #FFFFFF;}

.topnavi {
margin: 40px auto 25px auto; }

.topnavi ul {
list-style: none;}

.topnavi ul li {
display: inline;
color: #666666; 
font-size: 12px; 
font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica; 
text-decoration: none;
margin: 0px 5px 0px 5px; }

.topnavi ul li a:link,
.topnavi ul li a:visited		{ color: #666666; text-decoration: none; }
.topnavi ul li a:hover			{ color: #C0C0C0; text-decoration: none; }



/* BODYTEXT */

h1	{ 
color: #999999; 
font-size: 23px; 
font-family: "Century Gothic", "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
font-variant: normal;
font-weight: normal;
text-align: left;
margin: 0px 0px 30px 0px; }

h2	{ 
color: #333333; 
font-size: 18px; 
font-family: "Century Gothic", "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
font-variant: normal;
font-weight: normal;
text-align: left;
margin: 30px 15px 10px 0px; }

h3	{ 
color: #333333; 
font-size: 15px; 
font-family: "Century Gothic", "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
font-variant: normal;
font-weight: bold;
text-align: left;
margin: 30px 15px 10px 0px; }

.content    { 
position: relative;
width: 750px;
text-align: center;
color: #555555; 
font-size: 14px; 
font-family: "Century Gothic", "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
font-variant: normal; 
line-height: 22px;
background-color: #FFFFFF;
border: 20px solid #FFFFFF;
outline: double 3px #FFFFFF;
margin: 0px auto; }

.content p {
text-align: left;
color: #444444; 
font-size: 14px;
line-height: 25px;
font-family: "Century Gothic", "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
margin: 0px 5px 5px 0px; }

.content hr  {
text-align: left;
width: 100%;
height: 1px;
background-color: #F5F5F5;
border-top: dotted #CCCCCC 1px;
border-left: none;
border-right: none;
border-bottom: none;
margin: 10px 0px 0px 0px; }

.content a:link,
.content a:visited { color: #336699; text-decoration: none; }
.content a:hover			{ color: #000000; text-decoration: none; }

.berufung { 
color: #CCCCCC; 
font-size: 14px; 
font-family: "Century Gothic", "Trebuchet MS", Geneva, Arial, Helvetica; }

.clear {
clear: both;}


.bildunterschrift { 
color: #999999; 
font-size: 11px; 
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
font-style: italic;
line-height: 14px; 
margin: 8px 0px 0px 0px; }

.bildunterschrift a:link,
.bildunterschrift a:visited	{ color: #777777; text-decoration: none; }
.bildunterschrift a:hover			{ color: #000000; text-decoration: none; }


.quelle {
color: #666666; 
font-size: 11px;
}



/* CONTENT */

#topic { 
position: relative;
left: 0px;
width: 110px;
float: left;
color: #999999; 
font-size: 12px; 
font-family: "Century Gothic", "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
font-weight: normal;
text-align: right;
line-height: 25px; 
text-transform: uppercase;
margin: 0px 20px 0px 0px; }

p#text {
float: left;
text-align: left;
color: #444444; 
font-size: 14px;
line-height: 25px;
font-family: "Century Gothic", "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
margin: 0px 0px 0px 0px; }



/* KONTAKTFORMULAR */

#kontaktform {
	width: 100%;
	text-align: left;
	position: relative;
	min-height: 310px;
}

#kontaktform label {
	display: block;
	float: left;
	text-align: left;
	position: relative;
	left: 0px;
	width: 120px;
}

#kontaktform input {
		position: relative;
		left: 10px;
		width: 250px;
		font-family: courier;
		font-size: 14px;
		color: #666666;
		padding: 5px;
		border: 1px solid #999999;
	}

#kontaktform textarea {
		width: 390px;
		height: 100px;
		font-family: courier;
		font-size: 14px;
		line-height: 18px;
		color: #666666;
		padding: 8px;
		border: 1px solid #999999;
}

.tabellenzeile  	 { 
color: #999999; 
font-size: 12px; 
font-family: "Century Gothic", "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
font-weight: normal; 
line-height: 20px; 
text-transform: uppercase; }

.field {
color: #336699; 
font-size: 12px; 
font-family: "Trebuchet MS", Geneva, Arial, Helvetica;
height: 23px;
width: 180px;
border: 1px solid #CCCCCC;
margin: 0px 10px 5px 5px;
padding: 2px 0px 0px 3px;}

.textfield {
width: 550px;
color: #336699; 
font-size: 12px;
line-height: 18px;
font-family: "Trebuchet MS", Geneva, Arial, Helvetica;
border: 1px solid #CCCCCC;
margin: 0px 0px 5px 0px;
padding: 5px;}



/* GALERIE */

iframe  { 
background-color: transparent; 
margin: 0; 
border: solid 0 white; }



/* FUSS */


.fuss { 
color: #666666; 
font-size: 11px; 
font-family: "Trebuchet MS", Geneva, Arial, Helvetica; 
text-decoration: none; 
line-height: 14px }

.fuss a:link,
.fuss a:visited	{ color: #999999; text-decoration: none; }
.fuss a:hover			{ color: #FFFFFF; text-decoration: none; }

.bookmarks  { 
margin: 15px 0px 30px 0px; }



/* IMAGES */

img {border: 0;}

.logo_klein_1  {
position: absolute;
right: -40px;
top: 20px;
width: 45px;
height: 21px;
margin: 0px 0px -21px 0px;}

.trennlinie {
width: 740px;
height: 8px;
margin: 15px 0px 15px 0px;}

.logo {
width: 310px;
height: 100px;
margin: 25px 0px 0px 0px;}

.startpic {
width: 521px;
height: 395px;
margin: 0px 110px 0px 110px;}

.stimmtraining  {
float: right;
width: 300px;
height: 395px;
margin: 0px 0px 15px 30px;}

.schauspieltraining  {
float: right;
width: 200px;
height: 286px;
margin: 0px 0px 15px 30px;}

.person  {
position: absolute;
top: 0px;
right: 0px;
width: 274px;
height: 395px;
margin: 0px;}

.presse  {
float: right;
width: 220px;
height: 313px;
margin: 0px 0px 15px 30px;}

.vita  {
float: right;
width: 150px;
height: 1500px;
margin: 0px 0px 15px 30px;}

/* Galerie */

ul#thumbs, ul#thumbs li {
margin: 0px;
padding: 0px;
list-style:none;	}
	
ul#thumbs li {
float:left;
margin: 0px 19px 20px 0px;
border:1px solid #CCCCCC;	
padding:3px;	}
		
ul#thumbs a {
display:block;
float:left;
width:80px;
height:80px;
line-height:100px;
overflow:hidden;
position:relative;
z-index:1;	}
		
ul#thumbs a img {
float:left;
position:absolute;
top: -40px;
left: -70px;	}
	
ul#thumbs a:hover {
overflow:visible;
z-index:1000;
border:none;	}
			
ul#thumbs a:hover img {
border:1px solid #999999;	
background: #FFFFFF;
padding: 10px;	}	
	
ul#thumbs:after, 
li#thumbs:after {
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;	}
			
ul#thumbs, 
li#thumbs {
display:block;	}

ul#thumbs, 
li#thumbs {
min-height:1%; }

* html ul#thumbs, 
* html li#thumbs{
height:1%;	}

p.thumb {
float:left;
margin:.5em 0;
margin-right:10px;
border:1px solid #999;	
padding:2px;	}

p.thumb a {
display:block;
float:left;
width:100px;
height:100px;
line-height:100px;
overflow:hidden;
position:relative;
z-index:1;	}
		
p.thumb a img {
float:left;
position:absolute;
top:-20px;
left:-50px; }
	
p.thumb a:hover {
overflow:visible;
z-index:1000;
border:none;}
			
p.thumb a:hover img {
border:1px solid #999;	
background:#fff;
padding:2px; }