/* Zusatzinfo für Kontrast
Unterschiede zu formate.css

html, body, li {
    font-size:1.1em;
    }
*/
/* Menü
#nav {
    width: 9em;
    position:absolute;
    top:100px;
    left:0px;
    }
*/
/* Inhalt
#content {
    margin-left: 10em;
    }
#button {
    width: 8.5em;
    }
*/

/* Die Grundstruktur des tabellenlosen Layouts stammt von
 * Mark Newhouse http://realworldstyle.com/
 * Das Haupt-Menü (senkrecht) von Mark Newhouse http://www.alistapart.com/stories/taminglists/
 * Das Untermenü (waagrecht) von Jeffrey Zeldman http://www.zeldman.com/dwws/
 */
*   {
     font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    }


html, body, li {
    margin: 0;
    padding: 0;
    font-size:1.1em;
    }

/* Menü*/
#nav {
    width: 9em;
    position:absolute;
    top:100px;
    left:0px;
    margin-left: -1px;
    padding: 0.5em;
    border-width: 1px;
    border-style:dashed;
    font-size:90%;
    overflow:visible;
    }

/* Inhalt*/
#content {
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0px;
    padding-bottom: 0.5em;
    margin-left: 10em;
    max-width: 500px;
    width:expression(document.body.clientWidth > 500? "500px": "auto" );/*IE mag kein maxwidth*/
    overflow:visible;
    display:block;
    font-weight:600;
    }

#subnav {
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 9.5em;
    max-width: 500px;
    width:expression(document.body.clientWidth > 500? "500px": "auto" );/*IE mag kein maxwidth*/
    overflow: visible;
    display:block;
    }

#subsubnav {
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 9.5em;
    max-width: 500px;
    width:expression(document.body.clientWidth > 500? "500px": "auto" );/*IE mag kein maxwidth*/
    overflow: visible;
    display:block;
    }


/* Titelleiste*/
#header {
    margin-bottom: 0px;
    padding: 10px;
    max-width: 500px;
    width:expression(document.body.clientWidth > 500? "500px": "auto" );/*IE mag kein maxwidth*/
    }
/* Positionierung von Logo und Überschrift*/
.left {
    float: left;
    text-align: left;
    font-weight: bold;
    width: 50px;
    padding-left: 30px;
    }
.right {
    float: right;
    text-align: left;
    width: 78%;
    }

/* Fußzeile*/
#footer {
    border-top: 1px solid;
    font-size: 80%;
    text-align: right;
    padding: 2px 10px 0 0;
    clear: both;
    }

/* Hilfsmittel zur Positionierung, wenn ein DIV nur floating Elemente enthält*/
.spacer {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    clear: both;
    font-size: 1px;
    }

p {
    padding: 0;
    margin-top: 0px;
    font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
    }
dd, dt {
    font-family: 'Lucida Grande', Verdana,  Geneva, Lucida, Helvetica, Arial, sans-serif;
    font-size: 0.95em;
    }
td {
    vertical-align:top;
    padding:4px;
    }

img.allg {
   padding: 15px;
   }

h1.titel { /* Seitenüberschriften */
    font-size:120%;
    font-weight:600;
    margin-top: 0px;
    margin-bottom: 0px;
    }
h1 {
    font-size:160%;
    font-weight:600;
    display:block;
    text-align: center;
    }
h2 {
    font-size:125%;
    font-weight:600;
    text-align: center;
    }
h3 {
    font-size:115%;
    font-weight:600;
    }
h4 {
    font-size:105%;
    }
h1.menue {
    font-size:120%;
    display:inline;
    margin-top: 0px;
    margin-bottom: 2px;
    }
h2.menue {
    font-size:90%;
    display:inline;
    margin-top: 0px;
    margin-bottom: 2px;
    }
hr {
    height: 1px;
    margin-top: 0;
    margin-bottom: 2px;
    }

/*Angabe Seitenzahl*/
span.seite {font-weight:600;font-size:90%;text-align:center;}

/* Eingerückter Text für Telefon/E-Mail Angaben */
.contact {
    display: block;
    float: left;
    width: 3.5em;
    font-style: italic;
    margin-left:0.5em;
    }
/* Eingerückter Text allgemein */
.eingerueckt {
    display: block;
    width: auto;
    margin-left:1.5em;
    }
.eingerueckt2 {
    display: block;
    width: auto;
    margin-left:1.5em;
    }
.eingerueckt:first-line {
    margin-left: -1.5em;
    }

/* Vorschauelemente von Bildern */
.thumbnail {
    float: left;
    width: 11em;
    padding: 5px;
    }

/* Verschiedene Textformatierungen */
.fett {
    font-weight:700;
    }
.klein {
    font-size:85%;
    }
.ganzklein {
    font-size:76%;
    }
.hervorgehoben {
    }

/*Haupt-Menü  'ausgeliehen' von http://www.alistapart.com/stories/taminglists/*/
#button {
    width: 8.5em;
    /*border-right: 2px solid #d1e2ff;*/
    /*border-left: 2px solid #d1e2ff;*/
    padding: 0;
    font-family: 'Trebuchet MS', 'Lucida Grande',Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
    font-weight:500;
    }

#button ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
    }

#button li {
    border-bottom: 1px solid;
    margin: 0;
    }

#button li a {
    display: block;
    padding: 3px 3px 3px 0.5em;
    border-left: 5px solid;
    border-right: 5px solid;
    text-decoration: none;
    width: 100%;
    }
html>body #button li a {
    width: auto;
    }
#button li a:hover {
    border-left: 5px solid;
    border-right: 5px solid;
    }

/*Unter-Menü  'ausgeliehen' von http://www.zeldman.com/dwws/*/
#navcontainer {
    margin: 0 0 0 0;
    padding: 0;
    height: 20px;
    }
#navcontainer ul {
    border: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    display: block;
    }
#navcontainer ul li {
    float: left;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    }
#navcontainer ul li a {
    width: 11.2em;
    height: 1.4em;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
    padding: 0;
    margin: 0 0 0 0;
    text-decoration: none;
    display: block;
    text-align: center;
    font-size:90%;
    }
#navcontainer ul li a:hover {
    }
#navcontainer a:active {
    }
#navcontainer li#active a {
    }

#subsubnavcontainer {
    margin: 0 0 0 0;
    padding: 0;
    height: 20px;
    }
#subsubnavcontainer ul {
    border: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    display: block;
    }
#subsubnavcontainer ul li {
    float: left;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    }
#subsubnavcontainer ul li a {
    width: 11.2em;
    height: 1.4em;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
    padding: 0;
    margin: 0 0 0 0;
    text-decoration: none;
    display: block;
    text-align: center;
    font-size:90%;
    }
#subsubnavcontainer ul li a:hover {
    }
#subsubnavcontainer a:active {
    }
#subsubnavcontainer li#active2 a {
    }