/* based on http://colorschemedesigner.com/#3Y22d1BsOw0w0pPNMPqP7P.syiPl */

body { 
    background-color: #F2F0E9; 
}

p,td,li { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal; 
}

th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold; 
    color: #F2F0E9; background-color: #02076a; 
}

h1 { 
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    font-weight: normal;
    color: #747478; 
}

h2 { 
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    font-weight: normal;
    color: #9999A0; 
}

a:link { 
    color: #8E7632;
    text-decoration:none;
}
a:visited { 
    color: #8E7632;
    text-decoration:none; 
}
a:hover { 
    color: #F2F0E9; 
    text-decoration:none;
    background-color: #8E7632; 
}
hr {
    height: 3pt;
    color: #A29F96; 
    background-color: #A29F96; 
}

input[type="text"] {
    border: 1pt #A29F96 solid;
}
input[type="button"] {
    border: 1pt #A29F96 solid;
    background-color: #A29F96;
    color: #FFFFFF;
}

#header { 
    position:absolute;
    top:6px; left:8px;
    z-index:4;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    font-weight: normal;
}
#header a:link { 
    color: #FFFFFF; 
    text-decoration:none;
}
#header a:visited { 
    color: #FFFFFF; 
    text-decoration:none;
}
#header a:hover { 
    color: #FFFFFF; 
    text-decoration:underline;
    background:#02076a;
}

                            
#navigation {
    position:absolute;
    top:0px; left: 0px; right:0px;
    padding-top:8px;
    padding-bottom:16px; 
    padding-left:4px;
    padding-right:4px; 
    z-index:3;
    background:#02076a;
    text-align:right;
    border-bottom: 3px solid #af954c;
}

#normal {
    position:absolute;
    top:100px;
    left:10px;
    right:10px;
    padding:5px;
    z-index:1;
}
	


.wichtig         { color: #FF0000; }
.tiny         { font-size: 66%; }


ul.Navigation {
    margin: 0pt; padding: 0pt;
}

ul.Navigation li {
    list-style: none;
    float: right;  /* ohne width - nach CSS 2.1 erlaubt */
    margin-left: 0.1em; padding: 0;
}

ul.Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    display: none;  /* Unternavigation ausblenden */
}
ul.Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
    z-index:8;
}
ul.Navigation li ul li {
    float: none;
    display: block;
}

ul.Navigation a {
    display: block;
    width: 12em;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0.2em 1em; 
    text-decoration: none; 
    color: #F2F0E9; background-color: #A29F96; 
    border: 1px solid #F2F0E9;
}
ul.Navigation a:visited {
    color: #F2F0E9; background-color: #A29F96; 
    border: 1px solid #F2F0E9;
}
ul.Navigation a:hover {
    color: #F2EFE9; background-color: #af954c;
    border-color: #F2EFE9;
}

/*##################################################################################*/
/*##################################################################################*/
 
@media print {
/* ... Formatdefinitionen zum Drucken ... */
    #navigation { 
        display: none; 
    }
    #header { 
        display: none; 
    }
    /* NORMALER INHALT */
    #normal {
        position:relative;
        top:0; left:0; right:0;
        padding:5px;
    }
    
}

/*##################################################################################*/
/*##################################################################################*/

