/* www.xxxxxx.de */
/* wichtige Farben

hellgelb: #fffacd,  rgb: 255,250,20
oliv:     #4f4f07,  rgb: 79,79,7
braun:    #d77c0a,  rgb: 215, 124,10
sand:     #e9dfbb,  rgb; 233,223,187
*/


*
{
margin:0;
padding:0;
}

body
{
background:#e9dfbb;
color:black;
font-size: 1em;
font-family:  verdana, geneva, arial, helvetica, sans-serif;
}

.main
{
text-align:center;
width=100%;
width:100%;
}

.inhalt
{
margin:auto;
width:730px;
}

.text
{
background:#fffacd;
color:black;
padding-top:50px;
padding-left: 30px;
padding-right:30px;
padding-bottom:20px;
text-align:left;
}

.letter
{
font-size:3em;
background:#d77c0a;
color:black;
border: 2px solid #4f4f07;
float:left;
padding:0 7px;
}

.rand
{
height:30px;
background:#4f4f07;
}

ul
{
padding-left:20px;
}

th
{
padding:8px;
}

td
{
vertical-align:top;
padding:8px;
}

.hell
{
background:#FFB366;
color:black;
}

.dunkel
{
background:#B9B900;
color:black;
}

/*navi */
#navcontainer
{
background: #4f4f07;
color:#4f4f06;
margin: 0 auto;
padding: 0.8em 0 0 0;
font-family: verdana, geneva, arial,helvetica, sans-serif;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
font-size: 1px;
clear: both;
}

ul#navlist
{
list-style: none;
padding: 0;
padding-left:20px;
margin: 0 auto;
width: 97%;
font-size: 0.75em;
}

ul#navlist li
{
display: block;
float: left;
width: 13.2%;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #cd7d0c;
font-weight:bold;
text-decoration: none;
background: #fffacd;
}

#navcontainer>ul#navlist li a
{
width: auto;
}

ul#navlist li#active a
{
background: #fffacd;
color: #514714;
font-weight:bold;
}

ul#navlist li a:hover,ul#navlist li#active a:hover
{
color: black;
font-weight:bold;
background: #e9dfbb;
border-color: #aaab9c #fff #fff #ccc;
}

a:link
{
text-decoration:none;
color: black
}

a:visited
{
text-decoration:none;
color:#808080;
}

a:hover
{
text-decoration:none;
color:  #4f4f07;
background:white;
}

/*  galerie */

td.galerie
{
padding:16px;
}
