html           { height:100%; }
body           { height:100%;
                 font-size:12px;
		 color:#666;
		 background:url(../images/bg-body.gif); }

#branding      { float:left; width:352px; height:850px; 
		 margin-left:18px;
		 position:relative;
		 background:transparent url(../images/bg-photo.png) no-repeat; }

#branding h2   { background:transparent url(../images/bg-branding.png) no-repeat;
		 text-indent:-9999px;
		 position:absolute;
		 top:0;
		 left:822px;
		 display:block;
		 width:137px;
		 height:700px;
               }

#branding img  { margin:0 0 0 32px; }

.page          { width:840px; min-height:100%;
		 margin:0 auto; margin-top:-15px;
		 padding:0 0 15px 0;
		 background:url(../images/bg-page.png) repeat-y; }

#navigation    { float:right; width:406px;
		 margin:68px 0 100px 0;
                 background:transparent url(../images/bg-nav.gif) repeat-y; }

#navigation li    { font-size:16px; margin:0 0 0.5em 25px; }
#navigation li a  { color:#8c5b3d; border:0; }
#navigation li em { color:#8c5b3d; font-weight:bold; font-style:normal; }

#navigation #nav-biographie a { 
    text-indent:-9999px; color:transparent; 
    background:url(../images/repl-nav-biographie.gif) no-repeat;
    display:block; width:100px; height:18px; }

#navigation #nav-repertoire a { 
    text-indent:-9999px; color:transparent; 
    background:url(../images/repl-nav-repertoire.gif) no-repeat;
    display:block; width:100px; height:18px; }

#navigation #nav-galerie a { 
    text-indent:-9999px; color:transparent; 
    background:url(../images/repl-nav-galerie.gif) no-repeat;
    display:block; width:100px; height:18px; }

#navigation #nav-hoerproben a { 
    text-indent:-9999px; color:transparent; 
    background:url(../images/repl-nav-hoerproben.gif) no-repeat;
    display:block; width:100px; height:18px; }

#navigation #nav-programme { 
    text-indent:-9999px; color:transparent; 
    background:url(../images/repl-nav-programme.gif) no-repeat;
    display:block; width:120px; height:18px; }

#navigation #nav-aktuelles a { 
    text-indent:-9999px; color:transparent; 
    background:url(../images/repl-nav-aktuelles.gif) no-repeat;
    display:block; width:100px; height:18px; }

#navigation #nav-termine a { 
    text-indent:-9999px; color:transparent; 
    background:url(../images/repl-nav-termine.gif) no-repeat;
    display:block; width:100px; height:18px; }

#navigation #nav-kontakt a { 
    text-indent:-9999px; color:transparent; 
    background:url(../images/repl-nav-kontakt.gif) no-repeat;
    display:block; width:100px; height:18px; }


#content       { float:right; width:362px; 
		 padding:44px; }

h1             { color:#8c5b3d;
		 font-size:25px; font-weight:normal; 
		 margin-bottom:1.25em; }

h2             { color:#c1a95a;
		 font-size:16px; font-weight:normal;
		 margin-bottom:0.75em; }

p              { line-height:1.75; margin-bottom:1.5em; 
                 padding:0 40px 0 0; }

a              { border-bottom:1px dotted #8c5b3d; color:#8c5b3d; }
a:hover        { border-bottom:1px dotted #ffffff; color:#ffffff; background:#8c5b3d; }

#biographie h1  { background:transparent url(../images/repl-biographie.gif) no-repeat;
		  height:32px;
		  position:relative;
		  left:-48px;
	          text-indent:-9999px; }

#repertoire h1  { background:transparent url(../images/repl-repertoire.gif) no-repeat;
		  height:32px;
		  position:relative;
		  left:-48px;
	          text-indent:-9999px; }

#termine h1     { background:transparent url(../images/repl-termine.gif) no-repeat;
		  height:32px;
		  position:relative;
		  left:-48px;
	          text-indent:-9999px; }

#galerie h1     { background:transparent url(../images/repl-galerie.gif) no-repeat;
		  height:32px;
		  position:relative;
		  left:-48px;
	          text-indent:-9999px; }

#kontakt h1     { background:transparent url(../images/repl-kontakt.gif) no-repeat;
		  height:32px;
		  position:relative;
		  left:-48px;
	          text-indent:-9999px; }

.seperator      { background:url(../images/bg-seperator.gif) no-repeat -44px 0;
	 	  padding-top:10px; 
		}

#termine h3     { background:url(../images/bg-seperator.gif) no-repeat -44px bottom;
		  color:#c1a95a;
		  padding-bottom:16px;
		  margin-bottom:16px;
		}


.news           { background:url(../images/bg-seperator.gif) no-repeat -44px 0; 
                  padding-top:16px;
		}

.partien            { width:300px; margin-bottom:36px; }
.partien li         { position:relative; margin:0 0 1.75em 0; }
.partien .oper      { }
.partien .komponist { position:absolute; right:0; }

.termine            { width:300px; }
.termine li         { position:relative; margin:0 0 1.75em 0; }
.termine .was       { font-style:italic; }
.termine .wo        { display:block; }

.photos             { margin-bottom:2.5em; }
.photos a           { border:0; }
.photos a:hover     { border:0; }
.photos li          { float:left; }
.photos img         { }

.vcard              { margin:0 0 3em 0; line-height:1.75em; }
.vcard .adr         { margin:0 0 1em 0; }

#player             { margin:0 0 2em 0; }
.tracks             { margin:0 0 2em 0; }
.videos             { margin:0 0 2em 0; }