html { height: 100%; min-height: 100%; }
body { background-color: #eeeeee; height: 100%; min-height: 100%; margin: 0; word-wrap: break-word; font-family:  Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif }

#rahmen { background-color: #ffffdd; text-align: left; position: relative; top: 0; bottom: 0; width: 960px; min-height: 30em; margin-right: auto; margin-left: auto; margin-top: 12px; padding-top: 212px; border-top-right-radius: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0px 0px 10px 5px #888888; }
#navigation { background-color: transparent; position: absolute; bottom: 0; top: 212px; left: 0; overflow: auto; width: 200px; padding-top: 25px; padding-left: 20px; height: auto; border-right: 1px dotted #B5152B; border-bottom-left-radius: 10px; }
#inhalt { background-color: #ffffdd; width: 704px;  /*top: 232px;*/ position:relative; right:0; bottom: 0; overflow: auto; padding: 17px; margin-left: 222px; border-bottom-right-radius: 10px; }
#inhalt li { font-size: 0.9em; font-family:  Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif; list-style-type: circle; }

#bilderleiste { text-align: right; position: absolute; width: 960px; height: 200px; vertical-align: top; top: 0; left: 0; padding-top: 10px; border-bottom: 2px solid #B5152B; background-color: #B5152B; border-top-right-radius: 10px; border-top-left-radius: 10px; }
.bilderleiste { float: right; margin-right: 10px; margin-bottom: 0; margin-left: 10px; }
.bilderleiste_links { visibility: hidden; margin: 0 0 0 auto; border-width: 0; }
.bilderleiste_rechts { visibility: hidden; margin: 0 auto 0 0; border-width: 0; } 
.aktivleiste_vorschau{ /*top: 212px;*/}

#navigation ul { height: auto; margin: 15px 0 0; padding: 0; }
#navigation li ul { margin-top: 0; }
#navigation li { margin: 3px 0 0; padding: 2px 5px; list-style-type: none; display: block; }
#navigation ul ul li { color:  #990000; width: auto; margin-left: 20px; padding: 0; border-style: none; }
#navigation li a { color: #990000; font-size: 1em; font-family:  Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif; text-decoration: none; }
#navigation li a.aktiv { color: #990000; font-weight: bold; }
#navigation ul ul li a { color:  #990000; font-size: 0.8em; }
#navigation a:hover { font-weight: bold; }

h1 { color: #B5152B; font-size: 1.2em; font-family:  Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif; border-bottom: 2px dotted #B5152B; }
h2 { color: #B5152B; font-size: 1.2em; font-family:  Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif; margin-top: 0; }
h3 { margin: 0px 20px 0px -1px; }
p, td { color: #B5152B; font-size: 0.9em; font-family:  Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif; }
a, a:visited { font-family: Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif; text-align: left; color:#B5152B; text-decoration: underline;}
a:hover { font-weight: bold; }

#text { width: 29.5em; float: left; }
.textblock { width: 95%; height: auto; float: left; margin-top: 0; margin-bottom: 0; } 
.textblock-gr { width: 95%; height: auto; margin-top: 0; margin-bottom: 0; }
#bildbox { width: 670px; height: auto; clear: both; min-height: 25px; margin-bottom: auto; }
#bildbox img { float: left; clear: left; }
.portrait { width: 150px; float: left; margin-right: 1em; margin-bottom: auto; }
.portrait_neben { width: auto; height: 230px; float: left; margin-right: 0.2em; margin-left: 0.2em; }
.grossbild { width: 350px; margin-left: auto; margin-right: auto; }
.bildunterschrift { color: #000; font-size: 0.8em; font-family: Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif; font-style: italic; margin-top: 3px; }

#fuss { font-family:  Calibri, "trebuchet ms", geneva, helvetica, arial, sans-serif; background-color: none; /* background-color: ; */
        text-align: right; width: 960px; height: 40px; margin-top: 25px; margin-right: auto; margin-left: auto; padding-top: 5px; padding-right: 0; padding-bottom: 0; 
        border-top-right-radius: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;
        }
.fusslogo { position: relative; bottom: -3px; margin-right: 50px; }

.schatten_links   { 
                   background-image: url(../bilder/schatten_links.png); position: absolute; top: 0; left: -20px; width: 20px; 
															  		height: 100%; min-height: 100%; margin-top: 0; margin-bottom: 0; margin-left: auto;
															  	}

.schatten_rechts  {
                   background-image: url(../bilder/schatten_rechts.png); position: absolute; top: 0; right: -20px; width: 20px; 
																	 	height: 100%; min-height: 100%;
																	 }
#nur_fuer_den_schatten { position: relative; top: 0; bottom: 0; width: 960px; min-height: 30em; margin-right: auto; margin-left: auto; }