/* CSS definitions for http://www.katharinatreutler.de - (c) 2008 Johannes Bouchain - http://www.stadtkreation.de - All rights reserved */

* {
	margin:0;
	padding:0;
	border:0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px; }
	
/* html tags */

small {
	font-size:11px; }
	
strong {
	font-weight:bold; }
	
html, body {
	height:100%;
	padding-bottom:1px;
	background:black;
	width:100%; }
	
/* main ids */
	
#main, #main-index {
	border-left:1px solid #990000;
	border-top:1px solid #990000;
	border-right:1px solid #990000;
	position:absolute;
	background:url(../images-layout/background2.gif);
	top:20px;
	left:50%;
	margin-left:-490px;
	width:980px; }
	
#main-index {
	background:none; }
	
#black-box {
	position:absolute;
	z-index:11;
	left:50%;
	top:21px;
	margin-left:-489px;
	height:316px;
	width:980px;
	background:black; }
	
#navigation {
	position:absolute;
	left:50%;
	margin-left:-490px;
	width:980px;
	z-index:12; }

#navigation a {
	text-transform:uppercase;
	color:#cccccc;
	text-decoration:none;
	padding-left:15px;
	font-size:11px; }
	
#navigation a:hover {
	color:#ffffff; }
	
#navigation ul { 
	margin-left:15px;
	line-height:15px;
	width:611px;
	text-align:justify; }
	
#navigation li {
	display:inline;
	list-style:none; }
	 
#navigation-background {
	padding-bottom:1px;
	position:absolute;
	left:50%;
	margin-left:-490px;
	width:981px;
	z-index:9;
	background:#990000; }
	
#title-header {
	position:absolute;
	left:50%;
	top:21px;
	margin-left:160px;
	width:331px;
	height:316px;
	z-index:20; }
	
#title-text {
	position:absolute;
	left:50%;
	z-index:10;
	top:410px;
	margin-left:191px;
	width:286px;
	height:18px;
	background:url(../images-layout/ueberschrift.jpg) right no-repeat; }
	
#title-text a {
	display:block;
	width:100%;
	height:100%; }
	
#title-image {
	margin:15px;
	margin-left:30px;
	width:286px;
	height:286px; }
	
#signature {
	width:286px;
	height:46px;
	background:url(../images-layout/signature.jpg) bottom right no-repeat; }
	
#content-box {
	float:left;
	width:980px;
	margin-left:-1px;
	color:#aaaaaa; }
	
#content {
	margin-top:2em;
	padding-top:341px;
	padding-bottom:24px;
	line-height:18px; }
	
#content a, a {
	color:#990000;
	text-decoration:none; }
	
#content a:hover, a:hover {
	color:#cc0000; }
	
#content p {
	padding-left:30px;
	text-align:justify;
	width:595px;
	padding-bottom:12px; }
	
#content h2 {
	padding-left:30px;
	width:595px;
	padding-bottom:18px;
	text-transform:uppercase; }
	
#content h3 {
	padding-left:30px;
	width:595px;
	padding-top:6px;
	padding-bottom:6px; }
	
#content .concert-date {
	padding-left:0px;
	float:left;
	text-align:left;
	width:120px; }
	
#content .concert-content {
	width:445px;
	margin-left:120px; }
	
#content .works-list {
	padding-left:30px; }
	 
#content .composer-name {
	padding-left:0px;
	float:left;
	text-align:left;
	width:120px; }
	 
#content .work-title {
	float:left;
	width:445px; }
	
#content .composer-break {
	display:block; }

#footer-block {
	margin-top:-2em;
	background:black;
	position:relative;
	right:-1px; }
	
#footer {
	border-top:1px solid #990000;
	position:relative; }

#footer p {
	height:2em;
	text-align:right;
	background:none;
	position:absolute;
	right:0px;
	width:780px;
	color:#660000;
	padding-bottom:1em; }
	
#footer a {
	color:#660000;
	text-decoration:underline;
	font-size:11px; }
	
#language-select {
	position:relative;
	width:200px;
	color:white; }
	
#language-select p {
	position:absolute;
	padding-bottom:1em;
	top:1px; }
	
#language-select a {
	color:#990000;
	font-size:11px;
	text-decoration:none; }
	
#language-select a:hover {
	color:#cc0000; }

/* main classes */

.min-height-sim {
	z-index:10;
	position:relative;
	float:left;
	width:1px;
	height:551px; }
	
.for-text-version {
	position:absolute;
	left:-5000px; }
	
.superbreak {
	padding-right:500px;
	font-size:0px;
	line-height:0px; }
	
.no-size {
	display:block;
	font-size:0;
	line-height:0;
	height:0;
	overflow:hidden; }
	
.break-float {
	font-size:0px;
	line-height:0px;
	height:0px;
	clear:both; }
	
.spacer {
	padding-left:0.8em; }
	
.nav-title-pos {
	top:337px; }
	
.nav-pos {
	top:337px; }
	

.thumb { }
	
.no-margin {
	margin:0; }
	
.landscape {
	padding-top:70px; }
	

/*body:-moz-last-node .moz-break::before {
	content: "\200B"; 
	letter-spacing:-1ex; }*/ 
	
/* special classes for title images */

.img-index {
	background:url(../images-layout/haende_286_sig_black.jpg) center right no-repeat; }
	
.img-biographie {
	background:url(../images-layout/biographie_gross.jpg) center right no-repeat; }
	
.img-repertoire {
	background:url(../images-layout/repertoire.jpg) center right no-repeat; }
	
.img-kontakt {
	background:url(../images-layout/kontakt.jpg) center right no-repeat; }
	
.img-kalender {
	background:url(../images-layout/kalender.jpg) center right no-repeat; }
	
.img-archiv {
	background:url(../images-layout/archiv.jpg) center right no-repeat; }
	
.img-photos {
	background:url(../images-layout/photos.jpg) center right no-repeat; }
	
.img-download {
	background:url(../images-layout/download.jpg) center right no-repeat; }
	
.img-impressum {
	background:url(../images-layout/impressum.jpg) center right no-repeat; }
	
/* Photo-Seite */

#photoBox {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-270px;
	width:540px;
	margin-top:-280px;
	height:540px;
	text-align:center; }
	
#photoNavi {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-270px;
	width:540px;
	margin-top:270px;
	text-align:center; }