/* $Id: style.css,v 0.19 2004/02/24 18:19:29 julius Exp julius $ */

/*
    Elementdefinitionen
*/

body {
    font-family:        Verdana, Arial, sans-serif;
    background-color:   #c0d8f4;
    color:              #000;
    margin:             0;
    padding:            0;
    background-image:   url(img/rundbogen_oran_gr.gif);
    background-repeat:  no-repeat;
}

h1 {
    display:            none;
    /* Überschrift wird nicht angezeigt, stattdessen ein Logo.
       Ältere Browser (oder Textbasierte Browser)
       zeigen diese allerdings an.
   */
}

h2, h3, h4, h5 {
    padding:            0;
    font-family:        Verdana, Arial, sans-serif;
}

h2 {
    vertical-align:     middle;
    height:             37px;
    font-size:          18px;
    color:              #000;
    margin:             0 0 10px 0;
}

h3 {
    font-size:          17px;
    color:              #000;
    margin:             0;
}

h4 {
    display:            inline;
    float:              left;
    font-size:          14px;
    color:              #f00;
    margin:             0 2em 0 0;
    padding:            0;
}

h5 {
    font-size:          14px;
    color:              #f00;
    margin:             0;
}


strong {
    font-weight:         bold;
}

em {
    font-style:         italic;
}

abbr, acronym {
    border-bottom:      1px dashed;
}

p {
    margin:             0px;
    padding:            0 0 8px 0;
    line-height:        130%;
}

a img {
    border:             0;
}

dt, dd {
    margin-top:         0;
    margin-bottom:      0;
}

/* Definition verschiedener Klassen */
.hervorgehoben {
    font-weight:        bold;
    font-size:          15px;
    color:              #f00;
}

.unterstrichen {
    text-decoration:    underline;
}

.unterpunktet {
    border-bottom:      1px dotted #000;
}

.hide {
    display:            none;
}

/* Definition von Menüs und Inhalt-Kasten */
#headbanner {
    background-color:   transparent;
    color:              #fff;
    background-image:   url(img/mae_log_80.gif);
    background-repeat:  no-repeat;
    background-position: 4% 50%;
    text-align:         right;
    width:              100%;
    height:             100px;
    padding:            0;
    margin:             0;
}

#headbanner img {
    border:             0 none inherit;
    margin:             30px 10% 5px auto;
    padding:            0;
}

#content {
    background-color:       transparent;
    color:                  #000;
    width:                  100%;
    padding:                0;
    margin:                 40px 0 0 0;
}

#menu {
    display:                inline;
    background-color:       transparent;
    color:                  #000;
    width:                  99%;
    vertical-align:         top;
    text-align:             center;
    padding:                0;
    margin:                 0 0 60px 0;
    position:               absolute;
}

#menu ul {
    display:                inline;
    width:                  100%;
    background-color:       transparent;
    font-weight:            bold;
    font-size:              12px;
    color:                  #000;
    list-style-type:        none;
    margin:                 0;
    padding:                2px 0;
}

/* Vereinfachung, Vererbung :> */

#menu ul li { /* Ohne ID! */
    display:                inline;
    background-color:       transparent;
    float:                  left;
    text-align:             center;
    color:                  #000;
        /* Wird später überschrieben! */
    margin:                 0 0 0 1%;
    padding:                2px 0;
    width:                  15%;
    border-bottom:          3px solid;
        /* Wird später überschrieben! */
    font-size:              14px;
}

#menu ul li a:link, #menu ul li a:visited, #menu ul li a:active {
    display:                block;
    color:                  #000;
    text-decoration:        none;
}

/* Definitionen für jeden Menüpunkt einzeln */
#menu ul li#m1 {
    border-bottom:          3px solid #006;
}

#menu ul li#m1 a:hover {
    color:                  #006;
}

#menu ul li#m2 {
    border-bottom:          3px solid #00c;
}

#menu ul li#m2 a:hover {
    color:                  #00c;
}

#menu ul li#m3 {
    border-bottom:          3px solid #060;
}

#menu ul li#m3 a:hover {
    color:                  #060;
}

#menu ul li#m4 {
    border-bottom:          3px solid #c33;
}

#menu ul li#m4 a:hover {
    color:                  #c33;
}


#menu ul li#m5 {
    border-bottom:          3px solid #e62;
}

#menu ul li#m5 a:hover {
    color:                  #e62;
}
#menu ul li#m6 {
    border-bottom:          3px solid #ea2;
}

#menu ul li#m6 a:hover {
    color:                  #ea2;
}

/* Submenu, an der linken Seite anzutreffen */
#submenu {
    width:                  190px;
    background-color:       transparent;
    margin:                 0;
    padding:                0 5px 0 10px;
    float:                  left;
}

#submenu ul {
    background-color:       transparent;
    list-style-type:        none;
    margin:                 0;
    padding:                0;
}

#submenu ul li {
    background-color:       transparent;
    color:                  #000;
    margin:                 0 0 0 1em;
    line-height:            130%;
    padding:                0;
}

#submenu li.inactive {
    font-weight:            bold;
}

#submenu li a:link, #submenu li a:visited, #submenu li a:active {
    color:                  #000;
    display:                block;
    background-color:       transparent;
    text-decoration:        none;
    font-size:              12px;
    margin:                 0;
}

#submenu li a:hover {
    text-decoration:        underline;
}

#submenu ul li.active {
    background-color:       #fff;
    font-weight:            bold;
    border: solid           #c0c0c0;
    border-width:           0 0 4px 0;
    padding:                0 0 0 .5em;
    margin:                 0;
    color:                  #000;
}

#submenu ul li.active ul.extended {
    list-style-type:        square;
    margin:                 0;
    padding:                0;
    background-color:       transparent;
    font-weight:            normal;
    border:                 0 none inherit;
}

#submenu ul li.active ul.extended:hover {
    border:                 0 none inherit;
}

#submenu ul li.active ul.extended li {
    margin:                 0 0 0 1em;
    padding:                1px;
    border:                 0px none inherit;
    background-color:       transparent;
    color:                  #000;
    font-weight:            bold;
}

#submenu ul li.active ul.extended li:hover {
    background-color:       transparent;
    border:                 0px none inherit;
}

#submenu ul li.active ul.extended li a:link, #submenu ul li ul.extended li a:active {
    font-size:              12px;
    color:                  #000;
    font-weight:            bold;
    text-decoration:        none;
    margin:                 0;
    padding:                0;
}

#submenu ul li ul.extended li a:visited {
    color:                  #999;
}

#submenu ul li.active ul.extended li.extact {
    color:                  #f00;
    font-weight:            bold;
}

#submenu ul li.active ul.extended li.extact span {
    font-size:              12px;
}

#submenu ul li.active ul.extended li a:hover {
    text-decoration:        underline;
}

#inhalt {
    min-height:             350px;
    min-width:              450px;
    max-width:              1000px;
    background-color:       #fff;
    border: solid           #c0c0c0;
    border-width:           0 4px 4px 0;
    color:                  #000;
    font-size:              14px;
    margin:                 0 70px 20px 200px;
    padding:                10px;
}

/* Kommentare entfernen, falls nicht erwünscht
p em#rev {
    display:                none;
}
*/