/*    Inhaltsverzeichnis
      1.  Zurücksetzen der Standard-Stile
      2.  Definition des body
      3.  Definition des containers
      4.  Navigationsleiste Kopf
      5.  Hauptteil
      6.  Navigationsleiste
      7.  Text
      8.  Krümelnavigation
      9.  Fuß
      10. Sitemap
      11. Einstellungen der einzelnen Seiten
          11.1.  Startseite
          11.2.  Kontakt
          11.3.  Impressum


/******************************************************************/
/*              1.  Zurücksetzen der Standard-Stile               */
/******************************************************************/

body, html, h1, h2, h3, h4, h5, h6, div, p, pre, span, form, blockquote, fieldset, input, ul, ol, li, dl, dt, dd, a, table, td, form, img { margin:0; padding:0; }  /*  Außenabstand und Innenabstand vom Wert bei verschiedenen Elementen */

h1, h2, h3, h4, h5, h6, pre, code { font-size:1em; }  /* Einheitliche Größe von Überschriften, pre, code */

:link, :visited { text-decoration:none; } /* Verhindern von Unterstreichungen von Links */

ul, ol, li { list-style:none; } /* Zurücksetzen von Stilen bei Listen */

a img,:link img,:visited img { border:none; }  /* verhindert bei verlinkten Bildern einen Rahmen  */

/******************************************************************/
/*                   2.  Definition des body                      */
/******************************************************************/

body {
         font: normal 100% arial, sans-serif;
         color:#000;
         background:transparent url(../bilder/body.jpg) left top repeat-x;
         background-color:#fffcca;
         text-align:center;
         padding-bottom:20px;
}

#abstand {
         height:40px;
}

/******************************************************************/
/*                   3.  Definition des containers                */
/******************************************************************/

div#container {
         width:960px;
         position:relative;
         margin:0 auto;
         text-align:left;
}

h1 {
         position:absolute;
         top:0;
         left:20px;
         text-indent:-9999px;
         background:transparent url(../bilder/logo.jpg) left top no-repeat;
         width:230px;
         height:280px;
         z-index:2;
}

/******************************************************************/
/*                  4.  Navigationsleiste Kopf                    */
/******************************************************************/

#naviLeisteKopf {
         position:absolute;
         top:0;
         right:10px;
         background-color:#00007F;
         padding:1px 0 5px 0;
}

#naviLeisteKopf li {
         float:left;
         margin:0 10px 0 10px;
}

#naviLeisteKopf li a{
         color:#FFFFFF;
         font-weight:bold;
         font-size:12px;
}

#naviLeisteKopf li a:hover {
         color:#FFFF00;
         font-weight:bold;
         font-size:12px;
         text-decoration:underline;
}

/******************************************************************/
/*                          5.  Hauptteil                         */
/******************************************************************/

#hauptteil {
         padding:260px 0 0 20px;
         background:transparent url(../bilder/kopfBild.jpg) left top no-repeat;
         background-color:#FFFFFF;
}

/******************************************************************/
/*                    6.  Navigationsleiste                       */
/******************************************************************/

#navi {
         position:absolute;
         top:300px;
         left:20px;
         background-color:#cedeff;
}

#navi li.ueber {
         text-align:center;
         background:transparent;
         background-color:#00007F;
         color:#FFFF00;
         font-weight:bold;
         font-size:14px;
         padding:7px 0 7px 0;
}

#navi li.ersteEbene a,
#navi li.ersteEbene a:visited {
         width:230px;
         padding:7px 0 7px 0;
         font-size:13px;
         display:block;
         color:#5F5F5F;
}

#navi li.ersteEbene a,
#navi li.ersteEbene a:visited  {
         background:transparent url(../bilder/link.gif) 12px 10px no-repeat;
         text-indent:32px;
}

#navi li a:hover {
         color:#FFFF00;
         text-decoration:underline;
         background:transparent;
         background-color:#00007F;
}

/******************************************************************/
/*                          7.  Text                              */
/******************************************************************/

#text {
         padding:0 30px 0 250px;
         font-size:14px;
         color:#6F6F6F;
         text-align:;
}

#text h2 {
         margin:0 0 15px 0;
         font-size:16px;
         text-align:left;
}

#text h3 {
         margin:0 0 15px 0;
         font-size:14px;
         text-align:left;
}

#text p, #text ul {
         text-align:left;
         margin:0 0 7px 0;
}

#text dl.bildMitUnterschrift {
         margin:20px 0 0 0;
}

#text dl.bildMitUnterschrift dd {
         font:normal bold 81%  arial, sans-serif;
         margin:0 0 20px 0;
}

#text a {
         color:#6F6F6F;
         font-weight:bold;
         text-decoration:underline;
}

#text a:hover {
         color:#2F2F2F;
         text-decoration:none;
}

/******************************************************************/
/*                       8.  Krümelnavigation                     */
/******************************************************************/

#kruemel p {
         padding:0 0 0 5px;
         font:bold 10px arial, sans-serif;
         color:#8F8F8F;
}

#kruemel p a {
         color:#AFAFAF;
}

#kruemel p a:hover {
         color:#7F7F7F;
         text-decoration:underline;
}

hr {
         height:1px;
         width:300px;
         margin:10px 0 20px 0;
         text-align:left;
}

/******************************************************************/
/*                          9.  Fuß                               */
/******************************************************************/

#fuss {
         font: normal 12px arial, sans-serif;
         padding:25px 0 20px 0;
}

#fuss p {
         text-align:center;
}

#fuss p span.s1 {
         margin:0 4px;
}

#fuss p span.s2 {
         margin-left:20px;
}

#fuss p a {
         color:#AFAFAF;
         font-weight:bold;
         margin-left:4px;
         text-decoration:none;
}

#fuss p a:hover {
         color:#7F7F7F;
         text-decoration:underline;
}

/******************************************************************/
/*            10.  Sitemap                                        */
/******************************************************************/

#sitemap {
         font: normal 100% arial, sans-serif;
         background:transparent url(../bilder/sitemap.jpg) left top repeat-x;
         background-color:#fffcca;
         text-align:left;
         padding:30px 0 30px 30px;
}

#sitemap th {
         font-size:11px;
         width:150px;
         color:#AFAFAF;
}

#sitemap td {
         font-size:10px;
         width:150px;
}

#sitemap a {
         color:#BFBFBF;
}

#sitemap a:hover {
         color:#9F9F9F;
         text-decoration:underline;
}

/******************************************************************/
/*            11.  Einstellungen der einzelnen Seiten             */
/******************************************************************/

/*            11.1.  Startseite           */

#start #text img {
         margin-bottom:20px;
}

/*            11.2.  Kontakt             */

#kontakt #text li.l1 {
         font-size:15px;
         font-weight:bold;
         margin:20px 0 15px 0;
}

#kontakt #text li.l2 {
         margin:8px 0;
}

#kontakt #text li.l3 {
         margin:25px 0;
}

#kontakt #text li.l4 {
         margin:25px 0 35px 0;
}

/*            11.2.  Impressum             */

#impressum #text li.l1 {
         font-size:15px;
         font-weight:bold;
         margin:20px 0 15px 0;
}

#impressum #text li.l2 {
         margin:8px 0;
}

#impressum #text li.l3 {
         margin:25px 0;
}

#impressum #text li.l4 {
         margin:25px 0 35px 0;
}

#impressum #text p {
         margin-bottom:25px;
         font-size:12px;
}