/*
  Flexibles Design mit zur Bildschirm- bzw. Schrift-auflösung variablen Größen.
  Zwei Spalten, linke mit fixer Breite, die mittlere nimmt sich den restlichen Platz
*/
/* Layout von Seite, Spalten und Fuß */
.seite {
}
.kopf {
  background-color : #f1f1f1;
  font-size: 130%;
  margin-left: 5px;
  margin-right: 5px;
/*  float: left;
  width: 100%;*/
}
#hauptmenu ul
{
  
}
#hauptmenu li
{
/*  list-style-type: none;*/
/*  background: #f1f1f1;*/
  display: inline;
  padding-left: 10px;
  padding-right: 10px;
/*  padding-top: 4px;
  padding-bottom: 1px;*/
}
.spalteRechts
{
  font-size: 90%;
  clear: both;
  float: right;
  width: 130px;
  background: #222;
  margin-left: 1em;
  margin-right: 5px;
  margin-bottom: 1em;
}
.spalteNavigation 
{
  background: #222;
  padding: 7px;
}
.spalteNavigation ul
{
  margin: 0px;
  padding: 0px;
}
.spalteNavigation li
{
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-top:5px;
}
.suche {
  text-align: center;
}
.werbung {
  text-align: center;
  background: #222;
  background-image:url(image/AnzeigeBG.png);
  background-repeat:no-repeat;
  padding-top:1em;
}
.werbebanner {
  text-align: center;
  background: #222;
  background-image:url(image/AnzeigeBG.png);
  background-repeat:no-repeat;
  padding: 7px;
  margin-left: 5px;
  margin-right:155px;
  margin-bottom:1em;
}
.spaltemitte {
  font-size: 120%;
  clear: left;
  background: #222;
  margin-left: 5px;
  margin-right:155px;
  margin-bottom: 1em;
  padding: 7px;
  text-align: left;
}
.fuss {
  clear: both;
  padding-left: 0em;
/*  font-size: 90%;*/
  background-color : #f1f1f1;
  color: #666666;
  margin-left: 5px;
  margin-right: 5px;
}

/* für index.html */
.Kachel {
    display: inline-block;
    vertical-align:top;
    background-color: #222;
    color: #eee;
    margin: 3px;
    width: 200px;
    height: 300px;
}


/* Fonts und Effekte für die ganze Seite*/
html
{
  font-family:Segoe UI, Tahoma,Verdana,Arial,sans-serif;
  /*font-family: cursive;*/
  /*font-family: Georgia,Garamond,Serif;*/
  /*Helvetica, Arial, sans-serif;*/
  background: #000;
  color: #cccccc;
}
a:link
{
  color: #9ad;
  text-decoration: none;
}
a:visited
{
  color: #a7a;
  text-decoration: none;
}
a:hover
{
  color: #f00;
  text-decoration: underline;
}
#hauptmenu a:link
{
  text-decoration: none;
  font-weight: bold;
  color: #00e;
}
#hauptmenu a:visited
{
  text-decoration: none;
  font-weight: bold;
  color: #00e;
}
#hauptmenu a:hover
{
  text-decoration: underline;
  color: #f00;
}
#blognavigation
{
  font-size: 75%;
}
#blogtitle
{
  font-size: 110%;
  font-weight: bold;
}
#blogtitle a
{
  color: #cccccc;
}
#blogfooter
{
  font-size: 75%;
}