html,body          {height:100%;}
body {
         color:#ffffff;
         background-color:#4EC4EB;
         margin:0px;
}
/* Index  */
#container       {height:100%; width:100%; margin:0px; padding: 0px;}
#content         {margin-top:5px;margin-left:240px; min-height: 599px; align:center; font-family:'Comic Sans MS', ArialRoundedMTBold; size:3; color:#0000FF;}
#header          {margin-left:0px; margin-top:0px; background-image:url(../images/headerbg.jpg); height:40px; width:100%;}
#sidebar         {float:left;}
#footer          {position:static; bottom:0px; height:60px; width:100%; background-image:url(../images/footer1.png); background-repeat:repeat-x;}

/* Das Bild ganz oben im Kopf auf der Seite  */
img.logo0        {width:22; height:40; border:0; position:relative; left:0.2%; top:-5px;}
img.logo1        {width:22; height:40; border:0; position:relative; left:23%; top:-14px;}
img.logo2        {width:136; height:40; border:0; position:relative; left:24%; top:0px;}
img.logo3        {width:22; height:40; border:0; position:relative; left:80%; top:-1px;}
img.spacer       {width:10; height:60; border:0; position:absolute; left:50%; bottom:20px}
img.back         {border:0;}

/* "Tabellenaufbau"  */
#ueber           {text-align:center; float:left; width:99%; padding-bottom:0px;/* border:thin solid brown;*/}
#link_l          {text-align:left; float:left; width:24%; padding-bottom:0px; padding-left:3%;/* border:thin solid white;*/}
#link_m          {text-align:center; float:left; width:41%; padding-bottom:0px;/* border:thin solid purple;*/}
#link_r          {text-align:right; float:left; width:24%; padding-bottom:0px; padding-right:7%;/* border:thin solid white;*/}
#links           {text-align:center; float:left; width:33%; padding-top:10px; padding-bottom:10px;/* border:thin solid yellow;*/}
#mitte           {text-align:center; float:left; width:33%; padding-top:10px; padding-bottom:10px;/* border:thin solid red;*/}
#rechts          {text-align:center; float:left; width:33%; padding-top:10px; padding-bottom:10px;/* border:thin solid green;*/}
#zelle_m         {vertical-align: middle; padding-top:0px; text-align:center;}
#zelle_l         {vertical-align: middle; padding-top:0px; text-align:left;}
#zelle_r         {vertical-align: middle; padding-top:0px; text-align:right;}
#zelle_u_m       {vertical-align: bottom; padding-top:0px; text-align:center;}
#zelle_u_l       {vertical-align: bottom; padding-top:60px; text-align:left;}
#zelle_u_r       {vertical-align: bottom; padding-top:60px; text-align:right;}
#zeile           {clear:left;}
#unter           {text-align:center; float:left; width:99%; padding-top:0px; padding-bottom:10px;/* border:thin solid pink;*/}

#tab1            {text-align:center; float:left; width:23%; padding-top:10px; padding-bottom:10px;/* border:thin solid yellow;*/}
#tab2            {text-align:center; float:left; width:25%; padding-top:10px; padding-left:10px; padding-bottom:10px;/* border:thin solid red;*/}
#tab3            {text-align:center; float:left; width:23%; padding-top:10px; padding-bottom:10px;/* border:thin solid green;*/}
#tab4            {text-align:center; float:left; width:25%; padding-top:10px; padding-left:10px; padding-bottom:10px;/* border:thin solid grey;*/}

/* ======================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= */

.menu { margin-left: 20px; margin-top: -0.6%; height: 100px; position: fixed; font-size: 10pt; font-family:'Comic Sans MS', ArialRoundedMTBold; line-height: 1.6em; text-color: #000000; background-color: #FFFFFF;  background:url(../images/button1.gif) no-repeat left top; link="#FF0000" alink="#FF0000" vlink="#FF0000" }
.menu ul { margin: 0pt; padding: 0pt; position: relative; z-index: 500; list-style-type: none; width: 14em;}
.menu li { background-color: #0000ff; float: left;  background:url(../images/button2.gif) no-repeat left top;}
.menu li.sub { background-color: #0000ff; }
.menu table { position: absolute; border-collapse: collapse; top: 0pt; left: 0pt; z-index: 100; font-size: 1em; margin-top: -1px; }
.menu a, .menu a:visited { border: 0px solid #000000; display: block; text-decoration: none; height: 1.8em; line-height: 1.8em; width: 14em; color: #ffffff; padding-left: 1em; font-weight: bold; font-style: normal; font-variant: normal; text-transform: none; }
.menu b { float: right; margin-right: 5px; }
* html .menu a, * html .menu a:visited { width: 14em; }
* html .menu a:hover { color: #000000; background-color: #6699ff; position: relative; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover { position: relative; }
.menu a:active, .menu a:focus { color: #000000; background-color: #0000ff; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover > a { color: #ffffff; background-color: #000000; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; background:url(../images/button3.gif) no-repeat left top;}
.menu li ul { padding: 2em; visibility: hidden; position: absolute; top: -2em; left: 13.3em; background-color: transparent; }
.menu li:hover > ul { visibility: visible; }
.menu ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }