body,html {
  width:100%; /* HTML-Dokument auf volle Seitenbreite ziehen */
  height:100%; /* HTML-Dokument auf volle Seitenhöhe ziehen */
  margin:0;
  padding:0;
}

table.center {
  width:100%; /* Tabelle auf volle Seitenbreite ziehen */
  height:100%; /* Tabelle auf volle Seitenhöhe ziehen */
}

table.center td {
  vertical-align:center; /* vertikal zentrieren */
  text-align:center;
}

div.main {
  text-align:left;
  margin:0 auto;
  background-color:white; position:relative; width:600px; height:580px; border:1pt solid #d1d1d1; -moz-border-radius:4px; -webkit-border-radius:4px;
}

video.trailer {
	position:relative; top:5pt; width:398pt; height:290pt;  border:1pt solid #d1d1d1; -moz-border-radius:4px; -webkit-border-radius:4px;
}

/* CD-Hören-Seite */
.cd_example { position:relative; top:0pt; left:0pt; height:17pt; border:0pt solid #dfdfdf;	}
.cd_example_audioplayer	{ position:relative; top:0pt; left:0pt; width:50pt; height:16pt;-moz-border-radius:4px; -webkit-border-radius:4px;}
.cd_example_audio_desc	{ position:relative; left:60pt; top:-14pt; border:1pt solid #fff; }

/* Corona teaser */
.corona	{font-weight:bold; color:red}

/* Media1-Seite */
.audio { position:relative; top:10pt; left:30pt; width:280pt; height:25pt; border:1pt solid #fff;	}
.audioplayer	{ position:relative; top:0pt; left:0pt; width:50pt; height:25pt;-moz-border-radius:4px; -webkit-border-radius:4px;}
.audio_desc	{ position:relative; left:70pt; top:-23pt; border:1pt solid #fff; }
p.mediaheader	{	position:relative; top:10pt; font-weight:bold; }
p.mediasubheader	{	position:relative;top:12pt; font-style:italic; }
.mediatext { position:relative; width:370pt; top:15pt;}

p.audio { position:relative; left:0pt; width:370pt; height:16pt; border:1pt solid #d1d1d1; background-color:#fff; clear:both;-moz-border-radius:2px;	-webkit-border-radius:2px;  }
p.ds-header { position:relative; left:0pt; width:370pt; height:10pt; border:1pt solid #d1d1d1; background-color:#d1d1d1; clear:both;-moz-border-radius:2px;	-webkit-border-radius:2px;  }
li.audio	{ font-style:italic; list-style-image:url(../layout/li_speaker.jpg); }
li.video	{ font-style:italic; list-style-image:url(../layout/li_video.jpg); }
li.text	{ font-style:italic; list-style-image:url(../layout/li_text.jpg); }

.pressetexte { position:absolute; top:10pt; font-weight:bold}
.pressetext_de { position:absolute; left:0pt; top:30pt; width:80pt; }
.pressetext_en { position:absolute; left:80pt; top:30pt; width:80pt}
.pressetext_fr { position:absolute; left:160pt; top:30pt; width:80pt}
.pressetext_nl { position:absolute; left:240pt; top:30pt; width:80pt}
.pressetext_it { position:absolute; left:320pt; top:30pt; width:80pt}

.pressefotos { position:absolute; top:130pt; font-weight:bold }
.pressefoto_1 { position:absolute; left:0pt; top:150pt;  }
.pressefoto_2{ position:absolute; left:200pt; top:150pt;  }


.bold 	{	font-weight:bold;	}
.link     { color:#808080; text-decoration:none}
.link#active  { color:#000000; }
.link:hover   {  color:#000000; }
.link.active  { color:#000000; }
.image	{ border:none; }

.text_image { width:150px; max-width:150px; height:113px; max-height:113px; border:none}
.text_image.right { float:right; border-left:10pt solid #ffffff}
.text_image.left { float:left; border-right:10pt solid #ffffff}


/*.grau {	 font-style:italic; font-weight:bold;} */
.grau {	color:#999999; font-style:italic; font-weight:bold;}
.noscript {	position:absolute;top:100pt;left:150pt;font-family:Arial;font-weight:regular; font-size:9pt;	}
.marquee { 	position: absolute; left: 25pt; top: 138pt; width: 300pt; height: 28pt; overflow: auto	}
.explanation { font-style:italic; } /*font-family:Arial; font-size:10pt; font-weight:bold; } */

/* Navigation oben*/
.navi { position:absolute; border:0pt solid #d1d1d1; font-family:Arial; font-size:10pt; font-weight:bold; text-align:right; text-decoration:none; -webkit-text-size-adjust:none; }
.navi.ensemble     { top:22pt; right:177pt;}
.navi.instrumente    { top:22pt; right:97pt;}
.navi.media     { top:22pt; right:57pt;}
.navi.info      { top:22pt; right:25pt;}
.navi.ensemble.it    { top:22pt; right:198pt;}
.navi.instrumente.it    { top:22pt; right:138pt;}
.navi.media.it     { top:22pt; right:102pt;}
.navi.info.it      { top:22pt; right:25pt;}
.navi.stahlquartett  { top:16px; left:24pt; font-size:20pt; }
.navi.language_1   { top:9pt; right:25pt; font-size:6pt; color:#999999}

/* Navigation unten*/
.navi_image { position:absolute; bottom:5pt; border:1pt solid #d1d1d1; width:120px; height:55px; }
.navi_image:hover { border-color:#aaaaaa;}
.navi_image#active { border-color:#aaaaaa;}
.navi_image.active { border-color:#aaaaaa;}
.navi_image.image1   { left:25pt; }
.navi_image.image2   { left:128pt; }
.navi_image.image3   { right:128pt; }
.navi_image.image4   { right:25pt; }

/* Seiteninhalte */
.content   {  
position:absolute;
border:0pt solid #d1d1d1;
font-family:Arial;
font-size:12px;
overflow:auto;
z-index:2;
-webkit-text-size-adjust: none; 
}

.content.header {
	top:45pt;
	left:25pt;
	width:400pt;
	height:15pt;
	font-size:9pt;
	font-weight:bold;
	text-align:left;
}

.content.header_left {
	top:45pt;
	left:25pt;
	width:250pt;
	height:15pt;
	font-size:9pt;
	font-weight:bold;
	text-align:left;
}
.content.header_right {
	top:45pt;
	right:25pt;
	width:150pt;
	height:15pt;
	font-size:9pt;
	font-weight:bold;
	text-align:right;
}
.content.left   {
	top:65pt;
	left:25pt;
	width:230pt;
	height:315pt;
	padding-right:10pt; 
	overflow:auto;
	text-align:justify
	
}
.content.right   {
	top:65pt;
	right:25pt;
	width:150pt;
	text-align:right;
	}
.content.media {
	top:65pt;
	left:25pt;
	width:400pt;
	height:315pt;	
	border-bottom:solid 1pt #d1d1d1;
	border-top:solid 1pt #d1d1d1;
	text-align:justify;
}

.content.full {
	top:65pt;
	left:25pt;
	width:400pt;
	height:315pt;	
	border-bottom:solid 1pt #d1d1d1;
	border-top:solid 1pt #d1d1d1;
	text-align:justify;
}

.content.video {
	top:65pt;
	left:25pt;
	width:400pt;
	height:315pt;	
	border-bottom:solid 1pt #fff;
	border-top:solid 1pt #fff;
	text-align:justify;
}

/* großes Bild auf der Seite */
.main_image { position:absolute; right:25pt; bottom:55pt; border:0pt solid #d1d1d1; z-index:1;}
.main_image_left { position:absolute; left:25pt; bottom:55pt; border:0pt solid #d1d1d1; z-index:1;}

/* CD-Kuckuck auf der Seite */
.cd_image { position:absolute; left:450pt; bottom:53pt; border:0pt solid #d1d1d1; z-index:1;}
.cd_image_cover { position:absolute; left:22px; bottom:53pt; border:0pt solid #d1d1d1; z-index:1;}
.cd_image_open { position:absolute; left:21px; bottom:56pt; border:0pt solid #d1d1d1; z-index:1;}

/* Teaser Bild+Hintergrund+Schrift */
.teaser_main_image { position:absolute; right:25pt; bottom:55pt; border:0pt solid #d1d1d1; border:0px solid black;}
.teaser_background { position:relative; left:22pt; top:35pt; border:0pt solid #d1d1d1; border:0px solid black;}
.teaser_text_left { position:relative; top:27pt; left:30pt; font-family:Arial; font-size:11pt; font-weight:bold; color:#dfdfdf; }
.teaser_text_right { position:absolute; top:40pt; right:28pt; font-family:Arial; font-size:11pt; font-weight:bold; color:#dfdfdf; }

/* camera: Erik Schimschar */
.copyright_image   { position:absolute; right:15pt; bottom:55pt; text-decoration:none }
.copyright_image_hoch  { position:absolute; right:15pt; bottom:110pt;  text-decoration:none}

/* hintergrund flowplayer bei kein Flash oder keine Skriptausführung */
.background_image { position:absolute; right:5pt; bottom:15pt; border:0pt solid #d1d1d1; z-index:1;}

/* Galerie */
div.scrollable { position:relative; top:4pt; left:0pt; overflow:hidden; width:398pt; height:45pt; border:0pt solid #d1d1d1;} 
#image_wrap { position:absolute;	top:50pt; left:0pt; border:0pt solid #d1d1d1; width:398pt; height:250pt}
.initial_image {     	width:398pt;		height:260pt;}
.thumbs { 	border-right:11pt solid #fff; width:120px; height:55px;	}
/* zu Galerie - diese beiden Elemente nicht verändern! */
div.scrollable div.items { width:20000em; position:absolute; } 
div.scrollable div.items div { float:left; }  

 
/* det hab ick noch nich so richtig kapiert, wa
a.arrow {
	background:url(../layout/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin-top:30pt;
	margin-left:380pt;
	cursor:pointer;
	font-size:1px;
}

/* right 
a.right 				{ background-position: 0px -30px; clear:right; margin-right: 0pt;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 		{ background-position:-60px -30px; } 


/* left 
a.left				{ margin-left: 0pt; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  		{ background-position:-60px 0; }


/* disabled navigational button 
a.disabled {
	visibility:hidden !important;		
} 	

*/

/* naja ..
#tooltip {
	position:absolute;
	top:130pt;
	left:40pt;
	display:none; 
	background:transparent url(../layout/blank.gif);
	font-family:Arial;
	font-weight:regular;
	font-size:9pt;

	height:70pt;
	width:160pt;
	padding:none;
	color:red;	
}
*/