* {		/* Voreinstellungen für Ränder am Anfang auf 0 setzen werden, da unt. Browser unt. Default-Werte haben */
	margin: 0;
	padding: 0;
}
/*
.klassenname {
	eigenschaft: wert;
}

#id{
	eigenschaft: wert;
}

element:pseudoklasse {

}
*/



body {   							/* was hier steht, gilt für die ganze html-Seite als Voreinstellung */
/*	background: #6E7273;		/* von http://kuler.adobe.com/#themes/rating?time=30 */
	background: url(img/silver6.jpg);
	font-family: Verdana, Tahoma, Arial, sans-serif;   /* font-family: Auswahlliste für Schriften und eine generische Schriftfamilie.  'Trebuchet MS',  @font-face {font-family: Verdana; src: url('fonts/verdana.ttf');}
	    Einzelnen Werte werden durch Kommas voneinander getrennt. Für die generische Schriftfamilie gibt eine von fünf Möglichkeiten:
         serif        sans-serif        cursive        fantasy        monospace         Allgemein wird empfohlen, stets eine generische Schriftfamilie als letzten Eintrag in die Auflistung aufzunehmen. 
	    Die generische Schrift wird benutzt, wenn die Schriften der Auflistung auf dem System des Benutzers nicht zur Verfügung stehen.  */
	font-size: 12pt;
	font-weight: regular;  
	line-height: 150%; 			/* Zeilenabstand */
	text-align: justify; 			/* Blocksatz */
}

/* ------------------------------------------------------------------------------------------------------------------------------- */
#wrap {
	background: #ff9900;  /* orange  */
	width: 1050px;
	margin: auto;  /* zentriert den "wrap" auf dem Bildschirm; weist den Browser an, die Größe des Einzugs automatisch zu berechnen. "auto" stellt sicher, dass vorangegangene Regeln den Einzug nicht beeinflussen. */
	margin-top: 30px; /* trotzdem kann man danach noch oben und unten anpassen */
	margin-bottom: 30px;    /* Rand des Hintergrundes unten  */
	padding-bottom: 30px;  /* orangener Rand unten */
}
/* ------------------------------------------------------------------------------------------------------------------------------- */
#header {
	background: transparent;
	padding-top: 30px;				/* Abstand Tabelle (Tresore) nach oben */
}
#header table {
	width: 100%; 						 /*  Tabellenbreite = max., d.h. hier Breite des "wrap" */
	border-collapse:	collapse;	/* Zellen ohne Abstand zueinander border-style: none;*/

}
#header table tr td {
		/* border:1px solid blue;              Zellen hier temporär sichtbar machen!*/
}


#header table tr td h1 {			/* Überschrift-Eigenschaften - geht auch ohne table tr td  */
 	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 18pt;
	text-align: center;				/* Überschrift horizontal zentrieren */
	color: #000;		  				
}
#header table tr td.tableborder {
	 width: 80px;					/*  Außenzellen für Rand */
}
#header table tr td.tresorimg {
		width: 100px;				/*  Spaltenbreite für's Bild - das Bild bestimmt aber die Mindestbreite!         */
}
#header table tr td.tresorimg img {
	border: 0;						/* IE macht sonst blauen Rand um die Bilder  */
	display: block;					/*  = Voraussetzung für's Zentrieren */
    margin-left: auto;
    margin-right: auto;			/*  Flaggen und runde Buttons in der Zelle zentrieren */
	border-radius: 15px;		 /* ab Firefox 13 wird -moz... nicht mehr erkannt */
	-moz-border-radius: 15px;				/* runde Ecken für  beide Tresore */
	-khtml-border-radius: 15px;
}
#header table#inner_table tr td img {    /* speziell innere Tabelle für die Kausch-Seiten */
	border: 0;						/* IE macht sonst blauen Rand um die Bilder */
	margin-top: 10px;
}
#header table#inner_table  {
   margin-top: 5px;
}
#header table#inner_table tr td h2 { 			/* Überschrift-Eigenschaften - geht auch ohne table tr td  */
 	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 14pt;
	text-align: center;				/*  horizontal zentrieren */
	color: #000;		  				
}

/* ------------------------------------------------------------------------------------------------------------------------------- */
ul#menue { 
	list-style: none;   		/* entfernt die "Anstriche" (Punkte) der Listeneinträge */
	width: 100%;
	overflow: auto;
	margin-left: 47px; 	 /* aber wie geht zentrieren? */
	margin-top: 40px; 	/* Abstand zu den Tresoren */
}
ul#menue li {
	margin: 5px 3px 0px 3px;  		/* = Rand um die Listenelemente */
	float: left;  				/* Ordnet die "ungeordnete Liste" nebeneinander statt untereinander an */
	
}
ul#menue li.current a {
	color: #000;
	background-color: #99cc00;
}
ul#menue li.allother a {
	color: #808080;
	background-color: #ccff99;  /* background: url(img/bg_nav.jpg);  #FFFFCC; background füllt immer die gesamte Breite des Elementes, außer bei "no-repeat" */
}

ul#menue li.suntab a {					/* ANTI-ATOM-Sonnen-Tab */
	color: transparent;		/* Schrift unsichtbar */
	background-color: #ccff99;
	background: url(img/suntabde.jpg);

	background-size: 100%;		/* verkleinert die Sonne auf Tab-Groesse - aber nicht in <=IE8! */
	margin-left: 6px;
	width: 40px;
	border-top-right-radius: 25px;  /* ab Firefox 13 wird -moz... nicht mehr erkannt */
	border-top-left-radius: 25px;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-topright: 25px;
	-khtml-border-radius-topleft: 25px;
	-khtml-border-radius-topright: 25px;
}
ul#menue li a {
	display: block;				/* display: block macht ein Element nicht nur sichtbar, sondern führt auch dazu, dass ein Element einen Zeilenumbruch erzeugt. */
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	padding: 5px; 				 /* vergrößert quasi den "Hintergrund" des Hyperlinks, so dass die gesamte Fläche zum Link wird (nicht nur die Schrift) */
	text-decoration: none;  /* Nicht unterstreichen */
	border-top-right-radius: 6px;  /* ab Firefox 13 wird -moz... nicht mehr erkannt */
	border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-khtml-border-radius-topleft: 6px;
	-khtml-border-radius-topright: 6px;
}
ul#menue li.allother:hover a{   /* CSS-Pseudoklassen filtern keine HTML-Tags, sondern Elemente, die so im Dokument gar nicht vorkommen – hier einen Link, über das die Maus gerade hovert oder einen Link, der bereits besucht wurde. */
	background: #99cc00;
	color: #000;
}
/* ------------------------------------------------------------------------------------------------------------------------------- */
#cont {
	background: #99cc00;   /*  grün */
	padding: 30px 20px 50px 20px;				/* o-r-u-l */
	margin: 0px 50px 20px 50px;
}
/* ------------------------------------------------------------------------------------------------------------------------------- */
#dialog audio {
		margin-bottom: 1.5em;   /* = n mal Schrifthöhe */
		margin-top: 0.5em;
}
#dialog {
	background: #EADF82;	/* = 233 222  129 */
	padding: 15px;
    border-width: 1px;
    border-style: solid;
    border-color: #cc0000;
    line-height: 1.3em;	
}
#dialog h2 {
	margin-top : 25px;
	margin-bottom : 10px;
 	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 18pt;
	text-align: center;				/*  horizontal zentrieren */
	color: #000;		
	line-height: 1.2em;
}
#dialog h4 {
	margin-top : 25px;
	margin-bottom : 10px;
 	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 14pt;
	text-align: center;				/*  horizontal zentrieren */
	color: #000;		
	line-height: 2em;
}
#dialog IMG.centered {		/* gilt für  Bilder im Abschnitt "dialog", die zentriert sein sollen */
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}
#dialog img.floatright {   	/* gilt für  Bilder im Abschnitt "dialog", die rechtsbündig sein sollen */
	float: right;
	margin-left: 15px;
}
#dialog img.floatleft {   	/* gilt für  Bilder im Abschnitt "dialog", die linksbündig sein sollen */
	float: left;
	margin-right: 15px;
}
#dialog span.fraction
 { display: inline-block;
   font-size: 85%;
   vertical-align: middle;
 }
span.fraction *
 { display: block;
   text-align: center;
  margin-bottom: 2px;
 }
span.fraction :first-child
 { border-bottom: 1px solid #000;
	padding-bottom: 2px;
 }
/* ------------------------------------------------------------------------------------------------------------------------------- */
#zitat blockquote {
	text-align: center;
	margin-bottom: 20px;
	font-family: 'Arial', sans-serif;
	font-size: 10pt;
	line-height: 14pt;
	font-style: italic;
	font-weight: bold;
}
#zitatjackson blockquote {
	text-align: center;
	font-family: 'Trebuchet MS', 'Arial', sans-serif;
	font-size: 14pt;
	line-height: 18pt;
	font-style: italic;
	font-weight: bold;
}
#zitatbiddle blockquote {
	text-align: center;
	font-family: 'Trebuchet MS', 'Arial', sans-serif;
	font-size: 14pt;
	line-height: 16pt;
	font-style: italic;
	font-weight: regular;
}
/* ------------------------------------------------------------------------------------------------------------------------------- */
.next a { 
	color: red;
	font-weight: bold;
}
.italic {
	font-style: italic;
	font-weight: bold;
	margin-bottom: 1.3em;   /* = n mal Schrifthöhe */
}
.normal {
	margin-bottom: 1.3em;   /* = n mal Schrifthöhe */
}
.remarks {
	font-style: regular;
	font-weight: regular;
	font-size: 11pt;
	margin-bottom: 1em;   /* = n mal Schrifthöhe */
}
.year {
	font-style: regular;
	font-weight: bold;
	font-size: 12pt;
}
.regularcenter {
	font-style: regular;
	text-align: center;
	margin-bottom: 1em;
}	
.italicboldcenter { 
	font-style: italic;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1.5em;
}
.ghk {
	font-family: 'Trebuchet MS';
	color: #006600;
    font-style: regular;
	font-weight: regular;
	font-size: 14pt;
}


/* ------------------------------------------------------------------------------------------------------------------------------- */
#footer1 {
	text-align: center; 	/* funkt' nur in Zusammenhang mit "display: inline;" - siehe unten */
}
#footer1 ul {
	list-style: none;   /* entfernt die "Anstriche" (Punkte) der Listeneinträge */
	margin: 50px 0 25px 0;  /* Abstand über und unter der "Liste" */
}
#footer1 ul li {
	/* float: left;         /* Ordnet die "ungeordnete Liste" nebeneinander statt untereinander an */
	display: inline;    /* dito, aber auf andere Art: Die Liste wird als "fortlaufender Text" betrachtet, so dass dann auch "text-align: center" wirkt! */
	font-family: Arial, sans-serif;
	font-weight: regular;
	margin: 0 25px;	/* oben und unten, rechts und links. */
}
#footer1 ul li.weiter a {
	font-size: 14pt;
	font-weight: bold;
	color: red;
}	

/* ------------------------------------------------------------------------------------------------------------------------------- */
#footer2 {
	text-align: center; 	/* funkt' nur in Zusammenhang mit "display: inline;" - siehe unten */
}
#footer2 ul {
	list-style: none;   /* entfernt die "Anstriche" (Punkte) der Listeneinträge */
	margin-top: 40px;

}
#footer2 ul li {
	/* float: left;         /* Ordnet die "ungeordnete Liste" nebeneinander statt untereinander an */
	display: inline;    /* dito, aber auf andere Art: Die Liste wird als "fortlaufender Text" betrachtet, so dass dann auch "text-align: center" wirkt! */
	font-family: Arial, sans-serif;
}
#footer2 ul li:after {
	content: '·';
	margin: 0 10px;
}
#footer2 ul li.last:after { /* Nach dem letzten Listenpunnkt soll kein Punkt mehr kommen. */
	content: '';
}	
/* ------------------------------------------------------------------------------------------------------------------------------- */
#dialog form input.NameEmail {
	margin-top : 20px;
	margin-bottom : 25px;
	font-family: 'Arial', sans-serif;
	font-size: 12pt;
	font-style: regular;
	padding: 3px;
}
#dialog form textarea.TextField {
	margin-top : 10px;
	margin-bottom : 20px;
	font-family: 'Trebuchet MS', 'Arial', sans-serif;
	font-size: 12pt;
}
#dialog form input.SendButton {
	font-family: 'Arial', sans-serif;
	font-size: 14pt;
	font-weight: bold;
	padding: 5px;
}
/* ------------------------------------------------------------------------------------------------------------------------------- */