/* -- Allgemeines -- */
body {
 background: url(../gifs/...) #686868;
 color: black;
 margin: 0;
 padding: 6.5%; /* Ein wenig Abstand */
 min-width: 640px; /* Bei weniger als 640px Breite soll ein Scrollbalken erscheinen */
 font-size: 100.01%; /* umgeht den Font-Size-Bug im Safari, älteren Operas und IE */
 font-family: verdana, helvetica, arial, sans-serif; 
}
a { color: #000000; text-decoration: underline; font-weight:normal;}
a:hover { text-decoration: underline; font-weight:bold; }
.skip { 
 position: absolute;
 margin-left: -10000px;

}
h1 {
 font-size: 1.3em;
 line-height: 1.5em;
 padding: 15px 0px 5px 0%; /* top, right, bottom, left */
 margin: 0;
}

h2 {
 padding: 15px 0px 0px 0%;
 margin: 0;
}


h1, h2, h3, h4, h5, h6 { 
 color: #000000;
 font-family: verdana, helvetica, arial, sans-serif; 
}
img {
 border: solid 0px #aaa;
 padding: 1px;
 max-width: 95%; /* gute Browser machen ein zu großes Bild, welches das Design sprengen würde, funktioniert beim IE leider nicht */
}
.fleft { /* Sachen an denen der Text vorbeifließen soll werden diese Klassen zugewiesen. */
 float: left;
 margin: 0 1em 0.2em 0; /* Man sollte einen schönen Abstand wählen sonst kleben die Sachen so am Text. */
}
.fright {
 float: right;
 margin: 0 0 0.2em 1em;
 padding: 1px;
}


/* -- Layoutspezifisches -- */
#container { /* Ist dafür gedacht dass die viele Formatierungen einfacher werden */
 font-size: 0.75em;
 max-width: 800px; /* Eine Begrenzung der Breite auf höhstens 800px.*/
 margin: auto; /* Hiermit zentrieren wir unsere Seite */
 border: 1px dashed  #FFFFFF;
 background: url(../gifs/...) #686868;
 padding: 0px 0px 0px 0px;
 
}

/* - Logo bzw. Kopf - */
#logo {
 background: url(../gifs/) 0 0 no-repeat;
 height: 100 px;
 padding: 0px 0px 0px 200px;
 text-align: left;
 font-size: 1em; 
 overflow: hidden; 
 margin: 0; /* Manche Browser haben das schon voreingestellt aber nicht alle. */
 z-index:2;
}



#nav {
  width: 24%;
  min-width: 10em; 
  float: right; 
  margin: 1em 1% 0 1%;
  border-left: 0px dashed #FFFFFF; 
  border-bottom: 0px dashed #FFFFFF; 
  font-size: 0.9em; 
}


#links {
 background: url(../img/ )  no-repeat 100% 0 ;
 width: 66%;
 padding: 0px 0px 0px 0px; /* Der rechte Abstand, (2. Wert) in px, da Firefox keine % kann. 3.Wert=unterer Rand, 4. Wert= Textpadding) */
 line-height: 1.5em; /* Zur besseren Lesbarkeit erhöhen wir die Linienhöhe. */
 margin-left:0px;
 z-index:3;
 min-height: 300px;
 margin: 1em 0 0 1%;
 }