/* StyleSheet für das Galerie-Template "kos-galerie" 29.07.2007 */
/* entwickelt von Lothar Wiesweg */

body {
color: #e2e2e2;						    /* Schriftfarbe: hellgrau */
background-color: #e2e2e2;
font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: 11pt;						/* 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;
text-align: center;						/* Textausrichtungen: left; */
}										

p.footer {								/* "footer" ist eine class von "p" */ 
font-size: 9pt;							/* Schriftgröße für diese Klasse auf 0.5em setzen */
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;
}
a:visited {
color:#B20A15;
}
a:hover {
background-color:#AADDEE;
}
a:active {
background-color:#FF0000;
}

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

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

#seitentitel {
border: 000px solid;
height: 015px; 
top: 002px; 
left: 010px; 
position: absolute;
width: 90%;
}

#kasten {						/* Box für "navigation" (mit Box "zurueck", "index","vor") und "foto" */
background-color: #e2e2e2;		/* hellgrau für Hauptinhaltsbox */
border: 000px solid; 
left: 000px;
position: absolute; 			
top: 25px; 
width: 100%;
}

#navigation {					/* Menükasten eingebettet in "kasten" - Container zur Steuerung der Fotos */ 
border: 000px solid; 
height: 30px; 
left: 200px; 
position: relative; 			/* relativ zur Box "kasten" */
top: 20px; 
width: 600px;					
}

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

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

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

#foto {							/* Box für eigentliches Foto - eingebettet in Box "kasten" */
border: 000px solid; 
left: 200px;
position: relative; 			/* relativ in Box "kasten" */
top: 20px; 
width: 600px;
}