/* stylesheet allgemein */

/* colors */
/* GREY         #C3C6C6 */
/* RED          #BA0000 */
/* WHITE        #FDEED8 */
/* DARK BLUE    #333373 */
/* MEDIUM BLUE  #667399 */


body
{
  margin:0;
  padding:0;
  background:#C3C6C6;
  /* background:url(../img/bg_large.gif); */
  text-align:center;
  vertical-align:center;
  font: 8pt Georgia, "Lucida Sans", Verdana, sans-serif;
  color:#000000;
  overflow:hidden;
  }



#content-level
{
  /* z-index:100; */
  }
  
  
a
{
  color:#333373;
  text-decoration:underline;
  }

a:hover
{
  color:#BA0000;
  }

ul
{
  border:none;
  padding:0;
  margin:0;
  padding-left: 2em;
  text-indent: 0;
  list-style:disc outside;
  color:#333373;
  font-weight:bold;
  }
  
ul.list_normal
{
  color:#000000;
  font-weight:normal;
  margin-top:0.4em;
  }
  
ul.schlagwort
{
  list-style:disc outside;
  color:#000000;
  font-weight:normal;
  }
  
em
{
  font-style:italic;
  }
  
hr
{
  text-align:left;
  clear:both;
  height:0px;
  border:0;
  border-bottom:1px #333373 dotted;
  margin: 2.4em 1.4em 2.4em 0;
  color:#333373;
  }
  
  
h2
{
  font-size:100%;
  font-weight:bold;
  color:#333373;
  text-transform:uppercase;
  letter-spacing:0.2em;
  margin-top:0.1em;
  }
  
h3
{
  font-size:100%;
  font-weight:bold;
  color:#000000;
  }
  


#bg_image
{
  position:absolute;
  left:0em;
  top:0em;
  width:103em;
  height:62.5em;
  z-index:0;
  }

table
{
  border:none;
  margin:0;
  padding:0;
  text-align:left;
  vertical-align:top;
  }
  
tr
{
  border:none;
  margin:0;
  padding:0;
  text-align:left;
  vertical-align:top;
  }
  
td
{
  border:none;
  margin:0;
  padding:0;
  text-align:left;
  vertical-align:top;
  }
  
* html td /* nur für IE */
{
  font: 8pt Georgia, "Lucida Sans", Verdana, sans-serif;
  }



/* hauptstruktur */

.contents
{
  /* border: 1px solid #667399; */
  align:right;
  text-align: right;
  position:absolute;
  margin: 0 0 0 13.9em;
  padding: 2.5em 0 2.5em 2.1em;
  height:45.6em;
  max-height:45.6em;
  overflow:auto;
  width:49.4em;
  max-width:49.4em;
  clear:none;
  }
  
  
.contentframe
{
  text-align:center;
  position:absolute;
  /*
  margin: 2.5em 0 0 23.3em;
  padding: 2.5em 0 2.5em 2.1em;
  */
  margin:5.1em 0 0 25.4em;
  padding:0 3.5em 2.5em 0;
  height:45.6em;
  max-height:45.6em;
  overflow:auto;
  /*
  width:49.4em;
  max-width:49.4em;
  */
  width:45.8em;
  max-width:45.8em;
  clear:none;
  }

* html .contentframe  /* nur für ie */
{
  position:absolute;
  left:0;
  overflow:hidden;
  }
 
iframe
{
  border: 0px;
  background:#C3C6C6;
  width:46em;
  height:45.2em;
  text-align:left;
  }   
   
.inhalt
{
  text-align:left;
  }  

.inhalt_centred
{
  text-align:center;
  }    

.section
{
  margin-left:9.4em;
  max-width:65.4em;
  }
  
.section .contents
{
  display:none;
  }
  
.section:hover .contents
{
  position:absolute;
  top:2.5em;
  display:block;
  z-index:50;
  }



.welcome
{
  position:absolute;
  top:0;
  padding-top:5em;
  display:block;
  z-index:30;
  margin-left:25.4em;
  height:48.2em;
  max-height:48.2em;
  overflow:auto;
  width:49.4em;
  max-width:49.4em;
  clear:none;
  }

 
* html .welcome  /* nur für ie */
{
  position:absolute;
  left:0;
  overflow:hidden;
  }
  
* html .section  /* nur für ie */
{
  position:absolute;
  left:0;
  }
  

/* headings --> NAVI */


.heading
{
  display:block;
  position:absolute;
  color: #BA0000;
  text-align:left;
  vertical-align:top; 
  margin: 4.2em 0 0 0;
  width:14.8em;
  height:3.5em;
  }
  
.section:hover .heading,
.section.active .heading
{
  background:url(../img/menue_active.gif) no-repeat; 
  }

.heading a 
{
  display:block;
  margin:0 0 2em 0;
  padding:1em 0 0 1.6em;
  width:14.8em;
  height:3.5em;
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
  color:#BA0000;
  }

.section:hover .heading a, 
.section.active .heading a 
{
  color:#C3C6C6;
  }





/* formatierung navi */

#section0 .heading { top:0em; }
#section1 .heading { top:3.5em; }
#section2 .heading { top:7.0em; }
#section3 .heading { top:10.5em; }
#section4 .heading { top:14.0em; }
#section5 .heading { top:17.5em; }
#section6 .heading { top:21.0em; }
#section7 .heading { top:24.5em; }
#section8 .heading { top:28.0em; }


* html a.navi /* nur für IE */
{
  display:block;
  position:absolute;
  color: #BA0000;
  text-align:left;
  vertical-align:top; 
  margin: 0 0 0 0;
  width:14.8em;
  height:3.5em;
  }
  
* html a.navi:hover /* nur für IE */
{
  color:#C3C6C6;
  background:url(../img/menue_active.gif) no-repeat; 
  }








/* textfelder und absätze */


.textfeld
{
  background:#C3C6C6;
  padding-left:2em;
  width:46em;
  height:45.2em;
  }
  
.section .textfeld 
{
  text-align:left;
  }
  
  
.break
{
  display:block;
  clear:both;
  }
  
.textpad
{
  color:#000000;
  text-align:left;
  vertical-align:text-top;
  display:block;
  margin:0 0 0.8em 10.2em;
  }
  
.text
{
  color:#000000;
  text-align:left;
  vertical-align:text-top;
  display:block;
  margin:0 0 0.8em 0;
  float:left;
  }
  


.pseudoheading /* ohne zeilenumbruch */
{
  text-transform:uppercase;
  letter-spacing:0.2em;
  color:#000000;
  text-align:right;
  vertical-align:text-top;
  width:8.9em;
  margin:0 1.3em 0 0;
  display:inline;
  float:left;
  }
  
.item
{
  font-style:italic;
  color:#000000;
  text-align:right;
  vertical-align:text-top;
  width:8.8em;
  margin:0 1.4em 0 0;
  display:inline;
  float:left;
  }



.simpletext
{
  color:#000000;
  }
  
.wichtig
{
  font-weight:bold;
  color:#333373;
  }

.caps
{
  text-transform:uppercase;
  letter-spacing:0.2em;
  }
.rot
{
  color:#BA0000;
  }

.songtitle
{
  text-transform:uppercase;
  letter-spacing:0.2em;
  }
  

.title
{
  text-transform:uppercase;
  letter-spacing:0.2em;
  font-weight:bold;
  font-size:1.7em;
  color:#BA0000;
  position:relative;
  margin-top:0.3em;
  }

.adjust
{
  height:0.1em;
  }
  
.adjust2
{
  height:0.4em;
  }
  
.adjust3
{
  height:0.9em;
  }
  
/* bild-elemente*/

/*
.logo
{
  position:absolute;
  top:47.2em;
  left:76em;
  width:12.2em;
  height:9.2em;
  }
*/

#thumb
{
  border:1px solid #000000;
  margin:0 2em 1em 0;
  display:inline;
  }


#thumb_x
{
  border:none;
  margin:0 2em 1em 0;
  display:inline;
  }

.portrait
{
  position:absolute;
  top:8.2em;
  left:74.8em;
  width:20.4em;
  height:14.4em;
  }
.portrait2
{
  top:24.8em;
  }
  
.section:hover .portrait 
{
  display:block;
  }

.at
{
  position:relative;
  width:1.1em;
  height:1.1em;
  top:0.3em;
  }


/* zusätzliche farbangaben */

#soft
{
  color: #667399;
  }

#softer
{
  color: #819BB6;
  }

#halfsoft
{
  color: #333373;
  }

#blue
{
  color:#A6BAD5;
  }



/* zusätzliche positionierungen */

#down_one
{
  position:relative;
  top:0.1em;
  height:0.8em;
  width:1em;
  }


.noscroll_addr
{
  padding-top:14.6em;
  }

.noscroll_links
{
  padding-top:7.9em;
  }


  
.pad
{
  padding:2em;
  }


/* banner */

.banner {
  text-align: left;
  color: #ffffff;
  background: #b69090;
  padding: 1px 2em;
  margin-bottom: 1em;
  border: 0.25em solid #ba0000;
  border-radius: 1em;
  }
  
.banner_centred {
  text-align: center;
  }
  
.banner_bottom {
  position: absolute;
  bottom: 3em;
  }