/*Cascading Style Sheet von Sebastian Reschke
Farben:
#39c || #f60 - Links, Kopfzeilen, Stilmittel
#555 - Schrift
#888 - Rahmen

margin: top right bottom left
padding:
*/

*
{
  /*border: 1px solid red;*/
  font-family: "Palatino Linotype", "Book Antiqua", "Georgia", serif;
  color: #555;
  font-size: 16px;
}

body{
  background-color: #eee;
  background-repeat: repeat;/*38,62*/
  background-image: url('hintergrund/pattern.gif');
  margin: 0;
  padding: 0;
}

div#verein, div#termine, div#kontakt, div#galerie, div#haftung
{
  background-color: #F0ECD1;
  background-repeat: no-repeat;
  margin: 0 auto 0 auto;
  width: 600px;
  min-height: 862px;
}

div#verein { background-image: url('hintergrund/verein.jpg'); }
div#termine { background-image: url('hintergrund/termine.jpg'); }
div#galerie { background-image: url('hintergrund/galerie.jpg');}
div#kontakt { background-image: url('hintergrund/kontakt.jpg'); }

h1
{
  margin: 0 0 220px 0 ;
  padding: 10px 0 0 0;
  font-size: 24px;
  text-align: center;
  width: 600px;
  height: 30px;
}

div#navigation
{
  margin: auto;
  width:400px;
}

div#inhalt
{
  margin: auto;
  width:400px;
}

a, a:visited
{
  color: #963;
  text-decoration: underline;
}

a:hover
{
  color: #530;
}

small
{
  font-size: 12px;
}



p
{
  text-align: justify;
  padding:0;
}

p:first-letter { font-size: 130%; font-weight: bold;} /* erster Buchstabe */

ul
{
  margin: 0 0 30px 0;
  padding: 0 0 0 30px;
}

/*Navigation*/
li a, li a:hover
{
  margin: 0;
  padding: 0;
  font-weight: bold;
}

li a:hover
{
  margin: 0;
  padding: 0;
}

/*derzeitiger Content*/
li
{
  padding: 0;
  margin: 10px;
  display: inline;
  font-weight: bold;
  /*text-decoration: none;*/
  /*IE6 Problem Link nur Text nicht Block;
  width: 9em;*/
}

table
{
  border-spacing: 0;
  padding: 0;
  margin: 0;
  width: 400px;
}
tr, td
{
  margin: 0;
  border-style: none;
}

tr.even
{
  background-color: #fbf8e8;
}

div#extras
{
   width:400px;
   margin: 0 auto 0 auto;
   padding: 10px 100px 10px 100px;

   background-color: #320;
   color: #fed;

}

div#extras a, div#extras p, div#extras small
{
  color: #fed;
}

div#extras a:hover
{
  color: #b96;
}

img
{
  border-style: none;
}