/* Redesign Heike Röllig 2004 */
/* Styles für Schriften und Divs */


/* Formatklassen */

BODY, P, H1, H2, H3, H4, H5, H6, DIV, address, table, td, TH, ul li, ul, LI, FORM, INPUT, SELECT, blockquote, cite { font-family: verdana, arial, helvetica, sans-serif}

BODY {
	background-color: #E9ECF7; /* hellgrau, plus Hintergrundbilder */
	margin-top: 0px;
	margin-left : 0px;
	margin-right: 10px;
	padding: 0px;
	font-size: 100%;
    scrollbar-base-color: #F4A72E;
    scrollbar-face-color: #FBC06A;
	scrollbar-darkshadow-color: #000000;
    scrollbar-3dlight-color: #000000;	 
}

div#body { 
    background-color: #121C25;	
	}
	
.hintenbild { 
  background-image:  url(bilder/hinten.jpg); /*** Saxophone ***/
  background-repeat: no-repeat;
}	

H1 {
	color: #E9ECF7; /* wird hellgrau auf schwarzblau angezeigt */
	text-align: left;
	font-size : 250%;
	font-weight: normal;
	padding-left: 25px;
	padding-bottom: 30px; /* für NS+IE */
	margin-top: 0px; /* für NS6*/
}

H2 {
	color: #FBC06A; /* wird orange auf schwarzblau angezeigt */
	font-size: 120%;
	font-weight: normal;
	text-align: right;
	padding-right: 4px;	
}

P, td, {	font-size: 70%; 
    color: #E9ECE7; /* hellgrau */
	padding-right: 4px;
}

blockquote{
    color: #E9ECE7; /* hellgrau */
	padding-right: 4px;
}

cite { 
    color: #E9ECE7; /* hellgrau */
	padding-right: 4px;
	text-align: right;
	font-style: italic;
}

.ohnepunkt {
    color: #0F1C24;
	background-color : transparent;
	margin-bottom: 0px;
	margin-left: -20px;
	list-style-image : none; /* funktioniert nicht */
	padding-left : 0px;
}


ul li {
	color: #E9ECE7; /* hellgrau */
	background-color : transparent;
	font-style: normal;
	margin-bottom: 0px;
	list-style-image :  url(bilder/icon-punkt.gif);
	padding-left : 0px;
	margin-left: -20px;
	font-size: 70%;
}

li {
	color: #E9ECE7; /* hellgrau */
	background-color : transparent;
	font-style: normal;
	margin-bottom: 0px;
	list-style-image : none;
	padding-left : 0px;
}


hr {
     color: #FBC06A; /* orange */
	 height: 1px;
	 width: 100%;
}

/* Unterklassen */

A:link { /* Textbereich */
	color: #FBC06A; /* orange */
	background-color : transparent;
	font-weight: normal;
	text-decoration : underline;
}

A:hover {
	color:#E3D2BB; /* beige zur Unterscheidung */
	background-color : transparent;
	font-weight: normal;
	text-decoration : underline;
}

A:active {
	color: #FBC06A; /* orange */
	background-color : transparent;
	font-weight: normal;
}

A:visited {
	color: #E3D2BB; /* beige zur Unterscheidung */
	background-color : transparent;
	font-weight: normal;
}


/* Weitere Klassen */



.unsichtbar {
 display: none; /* kann Elemente ausblenden */
}

.orange {
 color: #F4A72E;
}

.hellgrau {
 color: #E9ECF7;
}


div#logo { /* enthält Logo-Info */
   position: absolute;
   left: 12px;
   top: 30px;
}

/*** Gesamtrahmen des Inhalts ***/

div#inhalt {
    background-color: #121C25;
	width: 550px;
	height: auto; /*** passt automatisch die Höhe für lange Seiten an ***/
	position: relative;
	padding-top: 34px;
	padding-left: 0px;	
 	left: 216px;
	top: 0px;
}

div#inhalt1 { /* Container für den Inhalt oben #0F1C24*/
   position: relative;
   width: 550px;
   float: left;
}


/* enthält die weiterführenden Links unter dem schwarzen Balken */

div#inhalt2 {
   position: relative;
   float: left;   
   width: 550px;
   color: #F0E0CA;
   font-size: 70%;
   margin-left: 20px;
}

/*** Bands ***/

div#inhaltrechts { /* Container für Texte */
   position: relative;
   margin-top: 0px;
   margin-left: 20px;   
   width: 330px;
   height: auto;   
   float: left;
}

div#inhaltlinks {
	position: relative;
    margin-top: 0px;
	margin-left: 10px;		
	width: 100px;
 	height: auto;	
	float: left;


}

/*** innerer Rahmen mit Abständen ***/

div#inhaltkomplett {
	position: relative;	
	margin-left: 20px;
	left: 10px;	
	width: 500px;  
	height: auto;
}

div#inhaltkomplettkurz {
	position: relative;	
	margin-left: 20px;
	left: 10px;	
	width: 500px;  
	height: 600px;
}

div#inhaltkomplettlang {
	position: relative;	
	margin-left: 20px;
	left: 10px;	
	width: 500px;  
	height: 1500px;
}

.bildhinten {
    background-image:  url(bilder/heike-hinten-startseite.gif);
    background-repeat: no-repeat;
	}
	
.bildhintenohne {
    background-image:  url(bilder/ohne-hinten.gif);
    background-repeat: no-repeat;
	}
	
.bildhintenstartseite {
    background-image:  url(bilder/heike-hinten-startseite.gif);
    background-repeat: no-repeat;
	}
		



.presselinks { /*Sonderklasse für die Pressetexte */
   width: 240px;
   position: relative;
   float: left;  
}

.presserechts { /*Sonderklasse für die Pressetexte */
   width: 240px;
   position: relative;
   left: 20px;
   float: left;
}

.presseoben { /*Sonderklasse für Striche in den Pressetexten */
   width: 500px;
   position: relative;
   float: left;
}



/*** Speziallinks bei den Referenzen ***/

div#speziallinks p {
    color: #FBC06A; /* orange */
	font-weight: normal;
}

div#speziallinks p a:link { /* Textbereich */
	color:#E3D2BB; /* beige zur Unterscheidung */
	background-color : transparent;
	font-weight: normal;
	text-decoration : none;
}

div#speziallinks  p a:hover {
	color:#E3D2BB; /* beige zur Unterscheidung */
	background-color : transparent;
	font-weight: normal;
	text-decoration : none;
}

div#speziallinks  a:active {
	color: #FBC06A; /* orange */
	background-color : transparent;
	font-weight: normal;
	text-decoration : none;	
}

div#speziallinks  a:visited {
	color: #E3D2BB; /* beige zur Unterscheidung */
	background-color : transparent;
	font-weight: normal;
	text-decoration : none;	
}

/*** Ende ***/

div#textunten { /* enthält das Zitat */
   position: absolute;
   color: #FBC06A; 
   top: 380px;
   float: left;
   width: 100%;
}

div#teaser { /* enthält die Adjektive unter der Überschrift */
   position: relative;
   left: 80px;
   width: 250px;
   color: #FBC06A;
   float: none;   
}



div#menu1 { /* zeigt das linke Hauptmenü an */
  position: absolute;
  left: 10px;
  top: 300px;
  width: 175px;
  font-size: 80%;

}

.balken { /* Balken im ausgewählten Menüpunkt 175 */
   width: 90px;
   height: 30px;
        
}

.balkenmit { /* Balken im ausgewählten Menüpunkt */
   width: 175px;
   height: 30px;
   background-image:  url(bilder/note-kasten.gif);
   background-repeat: no-repeat;   
   padding-left: 24px;      
}

.menu {
   background-color : transparent;  
   width: 176px; /* Balkengröße für Toggel-Effekt */
   height: 30px;   
   padding-top: 7px; /*Abstand der Schrift vom oberen Rand */
   padding-left: 24px;  
   display: block;   /* für Mozilla */    
}    

.menuaktiv {
   width: 170px; /* Balkengröße für Toggel-Effekt */
   height: 30px;  
   padding-top: 7px; /*Abstand der Schrift vom oberen Rand */
   display: block;   /* für Mozilla */     
} 



A.menu:link {
	text-decoration: none;
    color: #000000; /* schwarz */	
}

A.menu:active {
	text-decoration: none;
    color: #000000; /* schwarz */
}

A.menu:visited {
	text-decoration: none;
    color: #000000; /* schwarz */	
}
			
A.menu:hover{
	text-decoration: none;
    color: #000000; /* schwarz */
	background-image:  url(bilder/note-kasten.gif);
    background-repeat: no-repeat;		
	
}


/* für den aktivierten Menüpunkt */

A.menuaktiv:link {
	text-decoration: none;
    color: #000000; /* schwarz */	
}

A.menuaktiv:active {
	text-decoration: none;
    color: #000000; /* schwarz */
}

A.menuaktiv:visited {
	text-decoration: none;
    color: #000000; /* schwarz */	
}
			
A.menuaktiv:hover {
	text-decoration: none;
    color: #000000; /* schwarz */		
}

div#menu2 { /* zeigt das Untermenü auf dem scharzen Balken an */
  position: absolute;
  top: 495px;
  left: 240px;
  width: 520px;
  color: #FBC06A;
  font-size: 80%;
}

div#menu3 { /* zeigt Menü rechts oben an */
  position: absolute;
  top: 21px;
  left: 770px;
  color: #000000;
  font-size: 80%;

}

div#fuss {  /* Adressblock eingeblendet beim Drucken */
  display: none;
}