/* StyleSheet für das Galerie-Template "KOS-schwarz" */
/* entwickelt am 14.05.2008  von Lothar Wiesweg */
/* angepasst am 24.07.08 an 16:9 Format */

body {
color: #ffffff;						    /* Schriftfarbe: weiss */
background-color: #000000;				/* Hintergrund: schwarz */
font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: 09pt;						/* Schriftgröße */
margin: 1px;							/* Rand-Eigenschaft */	 
}

p { 									/* Block-Element - im Gegensatz zu 'a' = Inline-Elemenmt */
color: #999999;							/* Schriftfarbe: dunkelgrau - abweichend von body-Farbe */
font-size: 10pt;						
}										

p.footer {								/* "footer" ist eine class von "p" */ 
font-size: 9pt;							/* Schriftgröße für diese Klasse */
font-weight: bold;						/* Schriftgewicht: fett */ 
text-align: center;						/* Textausrichtung zentriert */
}

/* ACHTUNG: bei den Linkeigenschaften 'a' ist immer diese Reihenfolge zu beachten: a:link; a:visited; a:hover; a:active - sonst gibt es Kuddelmuddel! */ 

a:link {
color:#B20A15;
font-size: 9pt;						/* Schriftgröße */
}
a:visited {
color:#B20A15;
font-size: 9pt;						/* Schriftgröße */
}
a:hover {
background-color:#AADDEE;
font-size: 9pt;						/* Schriftgröße */
}
a:active {
background-color:#FF0000;
font-size: 9pt;						/* Schriftgröße */
}

/* Statements für folgende Boxen (DIV-IDs): */ 
/* =========================================*/

#ueberschrift {					/* Box für Überschrift */
background-color: #000000;  	/* Hintergrundfarbe: schwarz für Titelbox*/
border: 000px solid; 
height: 025px;
left: 000px;
position: absolute; 
top: 000px; 
width: 100%;
}

#seitentitel {					/* Box für eigentlichen Seitentitelnamen */
border: 000px solid;
height: 015px; 
top: 004px; 
left: 010px; 
position: absolute;
font-size: 13pt;				/* Schriftgröße */
width: 90%;
}

#kasten {						/* Box für "navigation"  und "foto" */
background-color: #000000;		/* schwarz für Hauptinhaltsbox */
border: 000px solid; 
left: 000px;
position: absolute; 			
top: 26px;						 
width: 100%;
}

#navigation {					/* Box für Navigation eingebettet in "kasten" - Container zur Steuerung der Fotos */ 
border: 000px solid; 
height: 25px; 
/* left: 100px; 				normale Position */
left: 050px; 					/* für 16:9-Format */
position: relative; 			/* relativ zur Box "kasten" */
top: 05px; 						
width: 600px;					
}

#zurueck {						/* Menükasten 'zurueck': absolute; zur Box "navigation" - zur Steuerung der Fotos */ 
border: 000px solid; 
height: 24px; 
left: 000px; 
position: absolute; 			
width: 50px;					
}

#index {						/* Menükasten 'index': absolute zur Box "navigation" - zur Steuerung der Fotos */ 
border: 000px solid; 
height: 24px; 
left: 060px;
position: absolute; 		
width: 060px;					
}

#vor {							/* Menükasten 'vor': absolute zur Box "navigation" - zur Steuerung der Fotos */ 
border: 000px solid; 
height: 24px; 
left: 130px; 
position: absolute; 		
width: 50px;					
}

#foto {							/* Box für eigentliches Foto - eingebettet in Box "kasten" */
border: 000px solid; 
/*left: 100px;					 urspruenglich auf 200 px*/
left: 050px;					/* wg. 16:9-Format auf 50 px gesetzt; urspruenglich auf 200 px*/
position: relative; 			/* relativ in Box "kasten" */
top: 06px; 						/* urspruenglich auf 20 px*/
width: 600px;
}