@charset "utf-8";
html { color: #B8BFC7; }

body { font: 90%/1.2 Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #000; background-color: #39F; }
#header { margin-left: 1em; padding-right: 10px; padding-bottom: 0; padding-left: 10px; margin-right: 1em; padding-top: 0px; height: 9em; margin-top: 0.5em; background: url(../image/hedaer-willkommen.jpg); }
#container { text-align: left; position: fixed; margin: 0px; min-width: 800px; left: 11px; top: 11px; right: 11px; bottom: 11px; padding: 0px; background-color: #51A8FF; }
#Content  { z-index: 3; border: medium outset transparent; display: block; position: fixed; left: 13em; right: 13em; bottom: 2em; top: 8em; overflow: auto; margin-bottom: 1em; padding: 0px; background-color: #51A8FF; }
.inline { z-index: 111; margin: 0px; padding: 0px; height: 100%; width: 100%; display: block; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

h1 { margin: 0; padding: 8px 8px 8px 1px; font-size: 100%; color: #F58220; }
h2 { margin: 0; padding: 7px 7px 7px 1px; font-size: 98%; color: #D3650A; font-weight: bold; }
h3 { color: #36F; }
h4 { }
h5 { font-size: 75%; font-weight: bold; color: #CCC; display: block; padding: 1px; position: fixed; margin-top: 1px; margin-right: 1px; margin-bottom: 11px; margin-left: 11px; height: 25px; top: 150px; text-align: center; }
#sidebar1  { float: left; width: 155px; padding-top: 15px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; margin-left: 1em; height: 26em; z-index: 1111; }
#sidebar2  { float: right; width: 166px; margin-right: 1em; text-align: center; display: block; right: 5px; padding-top: 15px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; bottom: 22px; position: fixed; top: 166px; color: #51A8FF; overflow: auto; }

.aktuell { margin: 5px; padding: 5px; font-size: 111%; color: #F00; position: relative; font-weight: bold; overflow: auto; }
#container #sidebar1 #MenuBar1 li a strong { color: #FFF; }

.Counter-netzaehler { position: absolute; height: 33px; width: 111px; left: 2em; bottom: 1em; overflow: hidden; border-style: none; }
.Foto1 { height: auto; width: 50%; float: left; margin-right: 2%; margin-left: 2%; position: relative; }


.thrColHybHdr #sidebar1 h3, .thrColHybHdr #sidebar1 p, .thrColHybHdr #sidebar2 p, .thrColHybHdr #sidebar2 h3 { margin-left: 10px; margin-right: 10px; }
#footer  { padding: 0 10px; position: fixed; bottom: 1em; z-index: 2; left: 1em; right: 1em; margin: 1px auto; text-align: center; }
#footer p  { margin: 0; /  padding: 10px 0; 
text-decoration: none; 
}
#container #footer a { text-decoration: none; font-size: 80%; color: #CCC; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; }
#container #footer a:hover { text-decoration: none; font-size: 80%; color: #FFF; background-color: #42A0FF; }

.fltrt { float: right; margin-left: 8px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
#container #header p { color: #FFF; font-size: 111%; }
a:hover { text-decoration: none; }

/*---------------MenuBarVertical----hf-------------------*/

@charset "UTF-8";
a:link { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; position: relative; }


ul.MenuBarVertical { margin: 0; padding: 0; list-style-type: none; cursor: default; width: 10em; font: 90% Verdana, Geneva, sans-serif; z-index: 1111; }
ul.MenuBarActive { z-index: 1000; }
ul.MenuBarVertical li { margin: 0; padding: 0; list-style-type: none; font-size: 90%; position: relative; text-align: left; cursor: pointer; width: 10em; z-index: 1111; }
ul.MenuBarVertical ul { margin: -5% 0 0 95%; padding: 0; list-style-type: none; font-size: 100%; position: absolute; z-index: 1020; cursor: default; width: 10em; left: -1000em; top: 0; }
ul.MenuBarVertical ul.MenuBarSubmenuVisible { left: 0; }
ul.MenuBarVertical ul li { width: 10em; }
ul.MenuBarVertical { }
ul.MenuBarVertical ul { border: 1px solid #CCC; }
ul.MenuBarVertical a { display: block; cursor: pointer; padding: 0.5em 0.75em; color: #333; text-decoration: none; }
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus { color: #FFF; }
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible { background-color: #F58220; color: #FFF; }
ul.MenuBarVertical a.MenuBarItemSubmenu { background-image: url(../../SpryAssets/_.css/SpryMenuBarRight.gif); background-repeat: no-repeat; background-position: 95% 50%; }
ul.MenuBarVertical a.MenuBarItemSubmenuHover { background-image: url(../../SpryAssets/_.css/SpryMenuBarRightHover.gif); background-repeat: no-repeat; background-position: 95% 50%; }
ul.MenuBarVertical iframe { position: absolute; z-index: 1010;  filter:alpha(opacity:0.1);
}
@media screen, projection {
ul.MenuBarVertical li.MenuBarItemIE { display: inline; f\loat: left; background: transparent; }
}
#container #sidebar2 div div div img { height: auto; width: 111px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#container #sidebar2 div div div .Name a{ display: block; text-decoration: none; }
#container #sidebar2 div div div .Name a:hover { display: block; text-decoration: none; background-color: #6AB5FF; }
#container #Content #fenster img { height: 95%; width: auto; }