@charset "ISO-8859-1";


/* -- Körper -- */

body {
  background: url(../img/bg.gif) #e7f3f7;
  color: #000000; /* Schriftfarbe */
  margin: 0;
  padding: 1%;
  min-width: 640px;
  font-size: 100.01%;
  font-family: verdana, arial, sans-serif ;


}
a { color: #295A5E; text-decoration: none; }
  a:active         { color: black;}
  a:hover         { text-decoration:underline;  }


.skip {
  position: absolute;
  margin-left: -999px;
  width: 990px;
}

/* Überschriften */

h1 {
  font-size: 2.0em;

  font-weight: normal;
  line-height: 1.2em;
  padding: 0.6em 0 0.2em 2%;
  margin: 0;
  border-bottom: 1px dashed #E6E6FA;
}
h2 {
  font-size: 1.8em;

  font-weight: normal;
  line-height: 1.2em;
  padding: 0.6em 0 0.2em 2%;
  margin: 0;
  border-bottom: 1px dashed #E6E6FA;
}

h3 { font-weight: normal;
     font-size: 1.5em;
     line-height: 20px;
     margin-left: 20px;

}

h4 { font-weight: normal;
     font-size: 1.1em;
     line-height: 20px;
     margin-left: 20px;

}

h1, h2, h3 {
  color: #295A5E;
  font-family: Georgia, "Times New Roman", Times, serif;
}


img { /* BildRahmen. */
  border: solid 1px #aaa;
  padding: 1px;
  max-width: 95%;
}
.fleft { /* Elemente, an denen der Text vorbeifließen soll, werden diese Klassen zugewiesen. */
  float: left;
  margin: 0 1em 0.2em 0;
}
.fright {
  float: right;
  margin: 0 0 0.2em 1em;
  padding: 1px;
}


/* -- Layoutspezifisches -- */

.navi {  font-family: verdana, arial, "sans serif" ;

  font-size: 1.0em;
  font-weight:  bold;
  letter-spacing: 0.1em;
  line-height: 2.0em;
  margin-left: 0.9em;
}

#container {
  font-size: 0.8em;
  max-width: 70em; /* workaround. */
  margin: auto; /* Zentrieren der Seite. */
  border: 1px solid #aaa;
  border-top: 0;
  background: white;
}
#footer {
  clear: both;
  padding: 0 20px;
}

/* - Logo bzw. Kopf - */

 #logo {
  background: url(../img/webgraf2.jpg) 0 0 no-repeat #C5D7EB; /* sbs-kopf */
  height: 105px;
  padding: 0;
  text-align: right;
  line-height: 54px;
  font-size: 54px; /* Schriftgröße Logo */
  overflow: hidden;
  letter-spacing: -3px;
  margin: 0;
}


/* - Menü - */

 #menu {
  background: url(../img/teil4.png) 0 0 no-repeat #ffffff;
  padding: 8px 5%;
  margin: 0 0;
  text-align: right;

}

#menu li {
  font-size: 1.2em;
  display: inline; /* Damit die Menüpunkte nebeneinander und nicht untereinander erscheinen. */
  list-style-type: none; /* Bullets abgeschaltet */
  border-left: 1px solid white;
  padding: 0 10px 0 15px;
  font-weight: bold;
}
#menu li a {
  color: white;
  text-decoration: none;
  list-style-type: none;
/*
  list-style-position: left;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  font-size: 1.8.em;
*/


}

/* - Subnavigation, Rechte Spalte - */
#subnav {
  width: 26%;
  min-width: 10em;
  float: right;
  padding: 70px 1% 1em 1%;
  margin: 1em 1% 0 1%;
  border-left: 1px dotted #aaa; /* Trennung Subnavigation vom eigentlichen Inhalt. */
  font-size: 0.9em;
}
#subnav dt { /* Die einzelnen Überschriften in der Subnavigation */
  font-size: 1.2em;
  padding: 0.5em;
  margin-top: 1em;
  border-top: 1px dotted #aaa;
}
#subnav dd { /* Die Unterpunkte der Subnavigation. */
  padding: 0;
  margin: 0.2em 0;
}

/* - Der Hauptinhaltsteil - */

#main {
  background: url(../img/blaue-blume.png) no-repeat 100% 0 white;  /* Die kleine, blaue Blume  */
  padding: 0 31% 0 20px;
  line-height: 1.5em;
}