/* #####################

Richthofen-Kalender

Spezial-StyleSheet

######################*/

/* BODY */

 body {
  color: #000000;
  background-color: #ffffff;
  font-size: 100.01%;
  /* font-family: Helvetica,Arial,sans-serif; */
  margin: 0;
  padding: 100px;
  min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  /* background-image: url(000ccd0cc.jpg); */
  }


/*   =   =   =   E I N B A N D   =   =   =   */

#einband {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  }

/*   =   =   =   L O G O   Z E I L E    =   =   =   */

#logozeile {
  margin: 0;
  padding: 0;
  height: 50px;
  background-image: url(logo-erster-entwurf.jpg);
  background-repeat: no-repeat;
  }


/*   =   =   =   N A V I G A T I O N    =   =   =   */

#navigation {
  margin: 0em 1em 0em 1em ;
  }

#navigation a {
  color: black;
  padding: 5px 8px 5px 8px;
  border: 0px solid #8c8c8c; <!-- -->
  text-decoration: none;
  }

#navigation a:hover,
#navigation a:focus {
  color: black;
  background-color: #CFCFCF; /* white */
  text-decoration: none;
  }

#navigation a:active {
  color: black;
  background-color; white;
  text-decoration: none;
  }

 ul#navigation {
  font-size: 0.83em;
  float: left;
  width: 5em;
  margin: 0 0 1.2em 2em;
  padding: 0;
  border: 1px dashed silver;
  background-color: #dcdcdc;
  background-repeat: repeat-x;
  }

 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,
 ul#navigation a:visited
 ul#navigation a:active {
  background-repeat: repeat-y;
  }

 ul#navigation a:hover {
  background-color: #dcdcdc);
  }

/*   =   =   =   NAVIGAVIGATON JAHR   =   =   =   */

#jahr {
  text-align: center;
  color: black;
  padding: 5px;
  margin: 1em;
  }

#jahr ul {
  margin-bottom: 0;
  }

#jahr li {
  display: inline;
  list-style-type: none;
  margin: 0px;
  }

#jahr a {
  color: black;
  padding: 5px 8px 5px 8px;
  border: 1px solid #8c8c8c;
  text-decoration: none;
  }
#jahr a:hover,
#jahr a:focus {
  color: black;
  background-color: white;
  text-decoration: none;
  }

#jahr a:active {
  color: black;
  background-color; white;
  text-decoration: none;
  }

/*   =   =   =   I N F O   =   =   =   */

 div#Info {
  font-family: Verdana, Helvetica,Arial,sans-serif;
  font-size: 0.9em;
  float: right;
  width: 12em;
  margin: 1em ;
  padding: 1em ;
  border: 1px dashed silver;
  }

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

 div#Info p {
  font-size: 1em;
  margin: 0.5em;
  }

/*   =   =   =   I N H A L T   =   =   =   */

h1  {  background-color: #ffffff; }
h2  {  background-color: #dcdcdc; }

 div#Inhalt {
  margin: 1em 5em 0em 10em;
  padding: 0 1em;
  border: 1px dashed #ccd0cc;
  font-family: sans-serif;
  background-color: #dcdcdc;
  }

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

 div#Inhalt h2 {
  font-size: 1.2em;
  margin: 0.2em 0;
  }

 div#Inhalt p {
  font-size: 1em;
  margin: 1em 0;
  }

  li { list-style-type: square; }



  /*   =   =   =  F U S S Z E I L E  =   =   =   */

 p#Fusszeile {
  clear: both;
  font-size: 0.9em;
  margin: 0; padding: 0.1em;
  text-align: center;
  border: 1px solid white; /* ridge */
  background-image: url(000ccd0cc.jpg);
  }

/*   =   =   =   F O R M A T   =   =   =   */

 h1 {
  font-size: 1.5em;
  margin: 0 0 0.7em;
  padding: 0.3em;
  text-align: center;
  background-image: url(000ccd0cc.jpg);
  /* border: 1px solid white;  ridge */
  }

/*   =   =   =   G A L L E R I E    =   =   =   */

div.galerie, div.abwesend, div.richthofen {
  overflow: hidden; /* umschliessen der floats */
  padding: 5px 0px 5px 5px ;
  margin: 5px 5px 5px 5px ;
  width: 650px;
  font-family: Garamond, Times, Serif;
  background-color: #CFCFCF;
  }

div.richthofen {
  width: 300px;
  float: left;
  }

div.abwesend {
  background-color: #D2E7BE;
  }

div.galerie img, div.abwesend img, div.richthofen img {
  float: left;
  padding: 10px;
  border: 1px solid #ddd;
  border-top-color: white;
  border-right-color: #aaa;
  border-bottom-color: #aaa;
  border-left-color: white;
  margin-right: 10px;
  margin-bottom: 0px;
  background-color: #CFCFCF;
  }

.clearing {clear: both; }



/* #############################
   LINKS
   ########################## */

a {
  text-decoration: none;
  }

a:link, a:visited, a:focus {
  color: #003300;
  border-bottom: 1px dotted #003300;
  }

a:hover {
  border-bottom: 1px dotted lightyellow;
  font-weight: bold;
  background-color: yellow;
  }