/*
Projekt: Kölner Fotoseminar
Autor:   Winfried Suelflow             
Stand:  18.01.2011                       
Version: 1.01  
Background: #f4f2d3                   
*/

body {
    color: silver; background-color: #f4f2d3; 
    font-size: 100.01%;
    font-family: Helvetica, Arial,sans-serif;
    margin: 0; padding: 0.8em;
    min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}

/* ----------------------------------------------------------------------------------------- */
h1 { font-size: 1.5em; margin: 0 0 0.7em; padding: 0.3em; text-align: center; background-color: #000; }
h2 { font-size: 1.2em; margin: 0 0 0.7em; padding: 0.3em; text-align: center; background-color: transparent; }
h3 { font-size: 1.2em; margin: 0 0 0em; padding: 0.3em; text-align: left; background-color: transparent; }
h4 { font-size: 1.2em; margin: 0 0 0.7em; padding: 0.3em; text-align: left; background-color: transparent; }

/* ----------------------------------------------------------------------------------------- */
ul#Navigation    { font-size: 0.83em; float: left; width: 15em; margin: 0 0 1.2em; padding: 0; border: 0px solid silver; background-color: #C22A7B; }
ul#Navigation li { list-style: none; margin: 0; padding: 0.5em; }

ul#Navigation a { display: block; padding: 0.2em; font-weight: bold; }

ul#Navigation a:link     {  text-decoration:underline; color: #c812a5; background-color: #d88ea8; }
ul#Navigation a:visited {  text-decoration:underline; color: #c812a5; background-color: #d88ea8; }
ul#Navigation a:hover  {  text-decoration:underline; color: #eeeeee; background-color: black; }
ul#Navigation a:active  {  text-decoration:underline; color: #eeeeee; background-color: white; }

/* ----------------------------------------------------------------------------------------- */
ul#Galerie    { font-size: 0.83em; float: left; width: 12em; margin-left: 1.2em; padding: 0; border: 0px solid silver; background-color: #C22A7B; }
ul#Galerie li { list-style: none; margin: 0; padding: 0.5em; }

ul#Galerie a { display: block; padding: 0.2em; font-weight: bold; }

ul#Galerie a:link     {  text-decoration:underline; color: #c812a5; background-color: #d88ea8; }
ul#Galerie a:visited {  text-decoration:underline; color: #c812a5; background-color: #d88ea8; }
ul#Galerie a:hover  {  text-decoration:underline; color: #eeeeee; background-color: black; }
ul#Galerie a:active  {  text-decoration:underline; color: #eeeeee; background-color: white; }

/* ----------------------------------------------------------------------------------------- */
#Info {
    font-size: 0.9em;
    float: right; width: 12.5em;
    margin: 0 0 1.1em; padding: 0;
    background-color: #C22A7B; 
    border: 1px solid silver;
}

#Info h2 { font-size: 1.33em; margin: 0.2em 0.5em; }
#Info p   { font-size: 0.8em; margin: 0.5em; }

/* ----------------------------------------------------------------------------------------- */

#Inhalt { 
     margin: 0 12em 1em 13em; 
     padding: 0 1.0em; 
     border: 1px solid silver;  
    background-color: #C22A7B;
} 

* html div#Inhalt {
    height: auto;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
background-color: #C22A7B;
}

#Inhalt h2 { font-size: 1.2em; margin: 0.2em 0; }
#Inhalt p   { font-size: 0.8em; margin: 1em 0; }
#Inhalt b   { font-size: 0.9em; text-decoration: underline;  margin: 1em 0; }
/* ----------------------------------------------------------------------------------------- */

p#Fusszeile { clear: both; height: 2.0em; font-size: 0.9em; margin: 0; padding-top: 1.0em; text-align: center; background-color: #C22A7B; border: 1px solid silver; }

/* ----------------------------------------------------------------------------------------- */
a:link     { text-decoration:none; font-size: 1.0em; color: #dddddd; background-color: #444444; }
a:visited { text-decoration:none; font-size: 1.0em; color: #dddddd; background-color: black; }
a:hover  { text-decoration:none; font-size: 1.0em; color: #dddddd; background-color: red; }
a:active  { text-decoration:none; font-size: 1.0em; color: #dddddd; background-color: red; }

/* ----------------------------------------------------------------------------------------- */
#thumbnails {
	margin: 3.0em;
	text-align: center;
}

#rahmen {
background-color: #C22A7B;
margin: auto;
text-align: center;
}

#feld1 {
    float: left;
    font-size: 0.8em;
    color: silver; 
    width: 54em;
}
#feld2 {
    font-size: 0.8em;
    color: silver; 
    width:6em;    
}