/*_____________________________________________________________________________
	Formate für die Standard HTML-Elemente                                 */

p, table {
	font-family: Helvetica;
	color: rgb(32,32,32);
	font-size: small;
	/* Experimentieren mit Firefox und IE6 ergab: Firefox ändert Schriftgrößen in pt und px, wenn die Bildschirm- */
	/* anzeige verändert wird; IE nicht.                                                                          */
	/* Und beim IE ändert eine mit 1em angegebene Schrift beim Zoomen auf merkwürdige Weise ihre Größe.            */
	/* Fazit: Ich benutze nur relative Schriftgrößenangaben small / medium / large etc. und "smaller / larger"    */
	/* sowie %-Angaben.                                                                                           */
	font-weight: normal;
	font-family: sans-serif;
	margin-top: 0.4em;
	margin-bottom: 0;
	padding: 4px;	
	line-height:1.2em;
	}

p, ul {
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 0px;	
/*	max-width: 50em /*IE ignoriert diese Angabe */
	}

table {	
	margin-bottom:0;
	border-spacing: 0px; /* soll vom IE auch in Version 7 noch nicht interpretiert werden */
	border-collapse: collapse;
	border: 1px solid rgb(0,0,102); /*IE braucht diese Angabe auch für das Element table, nicht nur für td */
	}

tr {	vertical-align: top;
	border: 1px solid rgb(144,0,102);
	margin: 4px;
	}

td {	padding: 4px;
	margin: 4px;
	border: 1px solid rgb(255,0,102);
	}
/* Es ist mir unklar, weshalb die Angabe für border und padding im <td>-Tag nicht in die zugehörigen Tabellen übernommen wurden */
/* Andere Attribute funktionieren; s. die Datei jpg-format.html; dort habe ich für jede einzelne Zelle diese Attribute gesetzt */

table.ohneRahmen {
	padding: 4px;
	border: 0;
	}

table.ohneRahmen td {
	border: 0;
	padding-left: 4px;
	}
	
table.ohneRahmen tr {
	border: 0;
	padding-left: 4px;
	}

table.seitenlayout {
	table-layout: auto; /* "fixed" bietet sich für das Seitenlayout eigentlich an.
				Die Darstellung war jedoch in Firefox und IE unterschiedlich ... 
				ich bleibe einfach bei auto, anstatt lange nach dem Grund zu suchen. */			
	font-size: small;
	width: 60em;  /* Gesamtbreite der Tabelle */
	border: 0;
	padding: 0;
	margin: 0;
	}
table.seitenlayout td {
	border: 0;
	padding: 0;
	margin:0;
	}
table.seitenlayout tr {
	border: 0;
	}
table.seitenlayout td.links {
	border: 0;
	vertical-align: top;
/*	width: 10em; /* Gesamtbreite des linken Randes; Breite der Mitte ergibt sich als Rest zur Gesamtbreite */
	}
table.seitenlayout td.inhalt {
	border: 0;
	}

table.seitenlayout td.rechts {
	}
	
table.seitenlayout tr {
	padding: 0;
	margin: 0;
	}

/* Tabellenformat für D200-Anleitung */
table.anleitung {
	border: 1px solid rgb(0,0,102);
	width: 50em;
	}
table.anleitung tr {
	border: 1px solid rgb(0,0,102);
	vertical-align: top;
	}
table.anleitung td {	
	border: 1px solid rgb(0,0,102);	
	padding: 4px;
	}	

table.anleitung p {
	margin-top: 0.2em;
	}

	
table.anleitung h2 {
	margin-bottom: 0;

	}

h1, h2, h3 {
	color: rgb(0,0,160);
    	font-family: "Trebuchet MS", sans-serif;
	line-height:100%;
	margin-top: 2px;
	padding-bottom:0.2em
	}
	
h1.seite {	
	background-color: rgb(196,0,0);
	color: rgb(255,255,255);
	font-size: large; 
	font-weight: normal;
    	border-bottom: 1px solid red;
    	padding: 4px;
    	}

h1.kapitel {	
	background-color: rgb(0,0,102);
	color: rgb(255,255,255);
	font-weight: normal;
	font-size: large;
    	border-left-width: 0.4em;
	border-left-style: solid;
    	border-left-color: rgb(196,0,0);
	padding-left: 0.5em;
	margin-top: 0.4em;
	margin-bottom: 0.1em}

h2 {	background-color: rgb(132,132,200);
	color: rgb(255, 255,255);
	font-size: medium;
	font-weight: normal;
	border-left-width: 0.2em;
	border-left-style: solid;
    	border-left-color: rgb(196,0,0);
	padding-left: 0.5em
	}
	
h3 {	margin-bottom: 0;
	padding-bottom: 0;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: rgb(0,0,102);
	padding-left: 0.2em
	}

ul, ol {
	list-style-type: square;
	font-style:normal;
	margin-top: 0;
	margin-left: 2em; /*Achtung: IE und Firefox zeigen den linken Rand von Aufzählungen unterschiedlich an*/
	padding-left: 0;
	font-family:Helvetica;
	line-height:1.2em;}

li {	margin-top: 0.2em;
	margin-bottom: 0;
	}

ul.rotesDreieck {
	list-style-image:url('dreieck.gif'); 
	margin-bottom:0;
	}

ul.quadrat {
	list-style-type:square;
	margin-left:0; 
	margin-top: 0; 
	margin-bottom: 0; 
	padding-left: 2em
	}
	
ul.quadrat li {
 	margin: 0;
 	padding: 0;
 	}

a.farbigerLink {
	font-size: larger;
	background-color: rgb(132,132,200);
	padding: 2pt;
	line-height: 1.2em;
	color: white;
	}
	
a.farbigerLink:hover {
	font-weight: bold;
	
	}

/*_____________________________________________________________________________*/
/* Wrapper für den gesamten Inhalt des HTML-Body */
body {	background-color: #DFDDDD; /*Farbe muss hier stehen und nicht im WrapperBody, damit kein zusätzlicher weißer Rand ensteht */
	margin: 4px; /* Standardabstand zwischen allen Elementen; ergibt Streifen von 8 Pixeln Breite in der Hintergrundfarbe */
	}
	
#wrapperBody {
	font-family: 'Arial';
	font-size: small;
	}


/*_____________________________________________________________________________*/
/* Formate für den Seitenkopf							*/
/*	wrapperHeader für den ganzen Seitenkopf					*/
/*	logo 			für die rechtsstehende Grafik			*/
/*	titel 			für den Titel über der Navigationsleiste	*/
/*	kompendium 		für den Schriftzug "Kompendium Digitalfotografie"*/
/*	wrapperNavigationOben 	für die waagerechte Navigationsleiste im Seitenkopf */

#wrapperBody #wrapperHeader {
	background-color: #FFFFFF;
	padding-bottom: 4px;
	border: 1px solid red;
	margin: 4px; /* Standardabstand zwishen allen Elementen */

	}

#wrapperBody #wrapperHeader table,
#wrapperBody #wrapperHeader td {
	border: 0;
	}

#logo {	text-align:right;
	padding: 4px;
	}

#titelHeader {	
	font-size: large;
	padding: 4px 8px 4px 8px;
	margin-top:0.2em; 
	margin-bottom:2px;
	font-weight:normal;	
	border-bottom: 1px solid red;
	color:rgb(0,0,102);
	}

#kompendium {				
	font-family: 'Trebuchet MS';
	font-size: larger;
	font-weight: normal;
	}

#wrapperBody #wrapperHeader #navigationOben {
	background-color: #FFFFFF;
	font-size: small;	
	}

#wrapperBody #wrapperHeader #navigationOben ul {
	margin: 0px;
	padding: 4px;	
	list-style-type: none;
	}
	
#wrapperBody #wrapperHeader #navigationOben ul li {
	display: inline;
	}

#wrapperBody #wrapperHeader #navigationOben ul li a {
/*	float: left;
	display: block;*/
/*	height: 21px; */
	text-decoration: none;

	margin-left: 4px;
	margin-bottom: 4px;
	padding-left: 4px;
	padding-bottom: 2px;
	padding-right: 4px;
	padding-top: 2px;
	}

#wrapperBody #wrapperHeader #navigationOben .selected a {
	color: rgb(255,255,255);
	background-color: #DD0000
	}
	
#wrapperBody #wrapperHeader #navigationOben .unselected a {
	color: rgb(100,100,100);
	}	

#wrapperBody #wrapperHeader #navigationOben .unselected a:hover {
	text-decoration: underline;
	}	

/*______________________________________________________________________________*/
/* Formate für die Navigationsbox am linken Rand 				*/

#wrapperLinks {
   	position: fixed;    
	clear: left;	
/*	float: left;*/
	font-size: small;
	width: 10em; 
	padding: 4px;
	border: 1px solid red;
	background-color: #FFFFFF;
	margin: 4px; /* Standardabstand */
	}

#wrapperLinks p {
	font-size: small;
	line-height: 1.1em;
	margin-top: 0.2em;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0.2em;
	}

#wrapperLinks p.titelNavigationLinks{
	font-size: small;
	background-color: rgb(196,0,0);
	color: rgb(255,255,255);
	font-weight: normal;
	padding: 4px;
	margin-bottom: 0.5em;
	}
	
p.abstandshalterLinks {
	clear: left; 
	width: 10.2em; 
	margin: 4px;
	}

a.kleinerLink {
	font-size: smaller;
	line-height: 1.2em}

a.kleinerLink:hover {
	color: rgb(255,0,0);
	}

/*_____________________________________________________________________________	*/
/*   Formate für Anzeigenspalte rechts 						*/
#wrapperRechts {
	clear: right;
	float: right; 
	width: 120px;
	margin-top: 4px;
	padding: 4px;
	border: 1px solid red;
	background-color: #FFFFFF;
	}

#wrapperRechts p.titelRechts{
	font-size: small;
	background-color: rgb(196,0,0);
	color: rgb(255,255,255);
	font-weight: normal;
	padding: 4px;
	margin-bottom: 0.5em;
	}
/*______________________________________________________________________________*/
/*   Formate für den Hauptinhalt in der Seitenmitte 				*/

#wrapperInhalt {
/*	width: 40em;    */
/*	max-width: 60em;*/
/*	nächste Formatierung mit Einführung der Tabellenstruktur für die Seitenaufteilung auskommentiert */
/*	margin: 8px 136px 1em 11em; */	/* 2. Wert = rechter Rand, muss mit Eintrag width fuer rechte Spalte zusammenpassen
    					/* 4. Wert = linker Rand, muss mit Eintrag width fuer linke Spalte zusammenpassen */
	margin: 4px; 
	padding: 4px;
	border: 1px solid red;
	background-color: #FFFFFF;
	}
	
p#copyright {
	clear: both;
	margin: 0; 
	padding: 0.2em;
	font-size: x-small;
	background-color: rgb(220, 220, 220);
	text-align: center;
    	border: 1px solid rgb(0,0,102);
    	max-width: 100%;
    	}	

/* Bezeichnung ersetzen ... */
.nach_oben {
	text-align: center;
	margin-left: 50%;
	background-color: rgb(230, 230, 230)
	}