@charset "UTF-8";

/*  CSS specially made for
    www.martinmaeder.com from
    Gabriela Kupferschmidt Maeder
    Visual Designer SWB and WebPublisher EBZ
    Schaffhausen/Switzerland

    Farbedefinition
    Textfarbe Dunkelgrau  #333
    Link Mittelgrau       #999
    Header Hover Blau     #06c

*/

*:focus {outline: none;}


/* verhindert horizontales Huepfen der zentrierten Seite
bedingt durch Ein- und Ausblenden des Scrollbalkens: */
html {height: 100%}

body {
    font-family: 'Lucida Grande', 'Lucida MS', Verdana, Arial, Tahoma, Sans-Serif;
    font-size: 1em;
    margin: 0;
    padding: 0;
    color: #333;
    background-color: #fff;

/* verhindert horizontales Huepfen der zentrierten Seite
bedingt durch Ein- und Ausblenden des Scrollbalkens: */
    height: 101%;
    }



/* A U S S E N C O N T A I N E R - - - - - - - - - - - - - - - - - - - */

#box {
    width: 1000px;
    margin: 12px auto 60px;
    padding: 0;
    padding-bottom: 60px;
    }



/* H E A D E R - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#header {
    width: 1000px;
    height: 70px;
    }

#label {
    width: 500px;
    height: 70px;
    float: left;
    }

#label p {
    text-align: left;
    font-size: 0.8em;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
    }

#mail {
    width: 500px;
    height: 70px;
    float: right;
    }

#mail p {
    text-align: right;
    font-size: 0.8em;
    letter-spacing: 1px;
    margin: 0;
    padding: 22px 0 0 0;
    }

#mail a:link,
#mail a:visited {color:#999; text-decoration:none;}

#mail a:hover,
#mail a:active {color: #06c; text-decoration:none;}



/* H A U P T M E N U - - - - - - - - - - - - - - - - - - - - - - - - - */

#navi {
    width: 250px;
    background-color: transparent;
    margin: 0;
    padding: 0;
    float: left;
    }

#navi ul {
    margin: 0;
/*    margin-top: 35px;  */
    margin-top: 4px;
    padding: 0;
    }

#navi ul li {
    margin: 0;
    padding: 0;
    padding-bottom: 15px;
    font-size: 0.85em;
    font-weight: normal;
    line-height: 1.5em;
    list-style-type: none;
    letter-spacing: 0.1em;
    }

#navi a:link,
#navi a:visited {color:#999;text-decoration:none;}

#navi a:hover,
#navi a:active {color:#0066cc; text-decoration:none;}

#navi > ul > li > a.menu-current {
  color: #333;
  font-weight: bold;
  }



/* S U B N A V I - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#navi ul ul {
    color: #5b5248;
    margin: 6px 0 0 13px;
    }

#navi ul ul li {
    margin: 0 0 6px 0;
    padding: 0;
    font-size: 0.95em;
    font-weight: normal;
    list-style-type: none;
    text-transform: none;
    letter-spacing: 0.1em;
    word-spacing: 0;
    border-top: none;
    }

#navi ul ul a:link,
#navi ul ul a:visited {color:#999;text-decoration:none;}

#navi ul ul a:hover,
#navi ul ul a:active {color:#333;text-decoration:none;}

#navi ul li a.menu-current,
#navi ul li ul li a.menu-current {
    color: #333;
    font-weight: bold;
    }



/* C O N T E N T – - - - - - - - - - - - - -- - - - - - - - - - - - - */

#content {
    width: 750px;
    float: left;
    margin: 0;
    margin-bottom: 60px;
    padding: 0;
    }

#content h1 {
    font-size: 0.9em;
    text-transform: none;
    letter-spacing: 0;
    word-spacing: 0;
    margin: 35px 100px 0 0;
    }

#content h2, #content h3,
#content h4, #content h5,
#content h6 {
    font-size: 0.85em;
    text-transform: none;
    letter-spacing: 0;
    word-spacing: 0;
    margin: 32px 100px 0 0;
    }

#content p {
    font-size: 0.85em;
    line-height: 1.5em;
    letter-spacing: 0;
    word-spacing: 0;
    margin: 12px 30px 12px 0;
    margin: 4px 0 12px 9px;
    text-align: justify;
    }

#content ul {
    font-size: 0.8em;
    line-height: 1.5em;
    letter-spacing: 0;
    word-spacing: 0;
    margin: 12px 30px 12px -2px;
    list-style-type: none;
    }

#content li {
    margin: 0;
    padding: 0 0 4px 0;
    }

#content a:link,
#content a:visited {
    color: #999;
    text-decoration: none;
    /* font-style: italic; */
    background-image: url(../img/dot.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    }

#content a:hover,
#content a:active {
    color: #06c;
    text-decoration: none;
    background-image: url(../img/dot_orange.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    }

#content table {
    font-size: 0.8em;
/*  border: none;  */
    margin: 12px 30px 12px 0;
    padding: 0;
    text-align: left;
    }

#content table tr {
    text-align: left;
    }

#content table td {}



/* M I N I S L I D E R - - - - - - - - - - - - - - - - - - - - - - - - */

#slider {
    max-width: 745px !important;  /* bk:: neu statt 600 */
}



/* F O O T E R - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#footer {
    width: 1000px;
    height: 60px;
    margin: 12px auto 0;
    clear: left;
    }

#footer p {
    font-size: 0.7em;
    letter-spacing: 1px;
    text-align: right;
    }

#footer ul {}

#footer ul li {
    list-style-type:none;
    text-align:right;
    margin: 0;
    padding: 0;
    font-size: 0.7em;
    letter-spacing: 1px;
    }


#footer a:link,
#footer a:visited {color:#999;text-decoration:none;}

#footer a:hover,
#footer a:active {color:#06c; text-decoration:none;}

#footer a.menu-current {color:#333; text-decoration:none;}



/* S I T E M A P – - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#sitemap ul {
    font-size: 0.8em;
    line-height: 1.8em;
    letter-spacing: 0;
    word-spacing: 0;
    margin: 12px 30px 12px -40px;
    list-style-type: none;
    }

#sitemap ul ul {
    font-size: 0.9em;
    margin: 6px 30px 12px -30px;
    list-style-type: none;
    }

#sitemap li {
    margin: 0;
    padding: 0 0 4px 0;
    }

#sitemap a:link,
#sitemap a:visited {
    color: #333;
    text-decoration: none;
    font-style: italic;
    background-image: url(../img/dot.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    }

#sitemap a:hover,
#sitemap a:active {
    color: #c30;
    text-decoration: none;
    background-image: url(../img/dot_orange.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    }



/* A L L E  K L A S S E N - - - - - - - - - - - - - - - - - - - - - - - */

.clearing {clear:both;}
.kursiv {font-style:italic;}
.fett {font-weight:bold;}
.nowrap {white-space:nowrap;}
.impressum {font-size: 0.9em;}
.versal {text-transform:uppercase;}
.trennstrich {
    background-image: url(../img/dot.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    }
.hochgestellt {
    position: relative;
    top: -4px;
    font-size: 8px;
    }

.sup {
    position: relative;
    top: -4px;
    font-size: 7px;
    }

.sub {
    position: relative;
    bottom: -2px;
    font-size: 0.8em;
    color: red;
    }

