/* CSS Document */
body {
	color:#312016;
	text-align: center;
	font: 101% Arial, Helvetica, sans-serif;
	margin: 0px;
	background-color: #644530;
}
/* beinhaltet das Hintergrundbild mit dem Schatteneffekt, beinhaltet Tantekhack */

#wrapperbefore {
	text-align: left;
	width: 760px;
	margin: 0px auto;
	background-color: #f0e7d7;
	voice-family:"\"}\""; /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  	voice-family:inherit;
  	background-image:url(images/bgverlauf2.jpg);
	background-repeat:repeat-y;
	width: 803px;
	}


	
/* beinhaltet alles weitere, bewirkt wieder Linksbuendigkeit */
#wrapper {
	text-align: left;
	width: 764px;
	margin: 0px auto;
	background-color: #f0e7d7;
	border-left: #442c1f 2px solid;
	border-right: #442c1f 2px solid;
	padding-top: 20px;
	border-bottom: grey 2px groove;
}
#header{
	height: 120px;
	background: #f0e7d7;
	text-align: center;
	border-bottom-style:solid;
	border-bottom-color:#442c1f;
	border-bottom-width:1px;
	border-top-style:solid;
	border-top-color:#442c1f;
	border-top-width:1px;
	background-color: #644530;
	background-image:url(images/headergesamt.jpg);
	background-repeat:no-repeat;
}
/* Container beinhaltet Content */
#right {
float:right;
width: 540px;
color: #312016;
padding: 10px;
background-color: #f0e7d7;
font-size:85%;
}
/* Container beinhaltet Navigation */
#left {
float:left; 
width: 200px;
padding: 0px;
padding-top:20px;
background-color: #f0e7d7;
}

	
#left p{
font-size: 95%; 
color: #666;
line-height: 1.2em;
}

.floatright {float:right; margin-left:10px;}
.floatleft {float:left; margin-right:10px;}
.clr {clear:both;}

h1 {
color: #333333;
font-size: 110%; 
border-bottom: 2px solid #644530;
}
h2 {font-size: 105%; color: #442c1f;
margin: 12px;
}
h3{
font-size: 95%; 
margin: 12px 0px; 
color: #442c1f;
}
/* Rahmen für Bilder im Inhalt */
.outset {border-style:solid; border-width:1px; border-color:#644530; margin-bottom:7px;}
.froutset {border-style:solid; border-width:1px; border-color:#644530; float:right; margin-left:10px; margin-bottom:7px;}
.floutset {border-style:solid; border-width:1px; border-color:#644530; float:left; margin-right:10px; margin-bottom:7px;}
/* blinde Tabelle */
.blind {border-style:none; border-width:0px; border-color:transparent;}
/* etwas kleinere Schrift */
.klein {font-size: 85%; }
.hrbraun {width:520px; height:1px; color:#644530;}

/* Generelle Farben und Decoration für Verlinkungen außerhalb Navigation */
a:link {color:#333;}
a:visited {color:#666;}
a:active {color:#800000;}
a:hover {color:#800000; text-decoration:none}

/* Nachfolgend wichtig für Navigation */

#navcontainer {
        background: #f0e7d7;
        width: 200px;
        margin: 0 auto;
        padding: 1em 0;
        font-family: georgia, serif;
        font-size: 13px;
        text-align: center;
       }
ul#navlist {
        text-align: left;
        list-style: none;
        padding: 0;
        margin: 0 auto;
        width: 150px;
}
ul#navlist li {
        display: block;
        margin: 0;
        padding: 0;
}

ul#navlist li a {
        display: block;
        width: 100%;
        padding: 0.5em 0 0.5em 1em;
        border-width: 1px;
        border-color: #ffe #aaab9c #ccc #fff;
        border-style: solid;
        color: #666;
        text-decoration: none;
        background: #f7f2ea;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a {
        background: #f0e7d7;
        color: #800000;
}
ul#navlist li a:hover, ul#navlist li#active a:hover {
        color: #800000;
        background: transparent;
        border-color: #aaab9c #fff #fff #ccc;
}
/* Fusszeile */
#footer{
	clear:both;
	height:30px;
	text-align: center;
	border-top: 1px solid #442c1f;
	background-color: #f0e7d7;
	color: #442c1f;
}
#footer p {
margin-top: 10px;
font-size: 70%;
}