
  form { background-image:url(background.gif); padding:20px; border:0px solid #ddd; }
           td, input, select, textarea { font-size:13px; font-family:Verdana,sans-serif; font-weight:bold; }
           input, select, textarea { color:#00c; }
          .Bereich, .Feld { background-color:#ffa; width:300px; border:6px solid #ddd; }
          .Auswahl { background-color:#dff; width:300px; border:6px solid #ddd; }
          .Check, .Radio { background-color:#ddff; border:1px solid #ddd; }
          .Button { background-color:#aaa; color:blue; width:350px; border:2px solid #ddd; }

          .ten {
            border: .5em solid red;
            outline: .5em solid blue;
            box-shadow: 0 0 0 .5em yellow inset;
          }

          h3       { color:#7E86E9; font-size:12px; font-family:Verdana,sans-serif; line-height:130%;}
          .tdCol02 { color:#7E86E9; font-size:11px; font-family:Verdana,sans-serif; line-height:130%;}
          .tdBox   { color:white; font-size:11px; background-color:#EFF5D5; font-family:Verdana,sans-serif; line-height:130%;}
          .textpic { color:green; font-size:11px;   font-family:Verdana,sans-serif; line-height:130%;}

          .text01  { color:#3F5CED; font-size:1.0em; font-family:Verdana,sans-serif; line-height:100%;}
          .text02  { color:#4F3FEC; font-size:14px; font-family:Verdana,sans-serif; line-height:130%;}
          .text03  { color:white; font-size:13px; font-family:Verdana,sans-serif; line-height:130%;}
          .text04  { color:yellow; font-size:11px; font-family:Verdana,sans-serif; line-height:130%;}
          .text05  { color:white; font-size:11px; font-family:Verdana,sans-serif; line-height:130%;}
          .textvar  { color:#7E86E9; font-size:11px; font-family:Verdana,sans-serif; line-height:130%;}
          .textfooter  { background-color:#008000; color:#FFFFFF; font-size:1.0em; font-family:Verdana,sans-serif;
          line-height:130%; }
 <!---         a:link {color:"white"}; a:vlink {color:"white"}; a:alink {color:"white"}     --------->



div#Rahmen             {width: 47.1em; padding: 0.8em; border: 1px solid black; background-color:silver;}
div#Rahmen div         {clear: left;}

ul#Navigation          {margin: 0; padding: 0; text-align: center;}
ul#Navigation li       {list-style: none; float: left; width:8.6em; position: relative; margin: 0.4em; padding: 0;}
ul#Navigation li ul    {margin: 0; padding: 0; position: absolute; top: 1.7em; left: -0.4em;}
ul#Navigation li ul li {float: none; display: block; margin: 0.2em;}

ul#Navigation a, ul#Navigation span
                       {
                        display: block;padding: 0.2em 1em; text-decoration: none; font-weight: bold;
                        border: 1px solid black; border-left-color: white; border-top-color: white;
                        color: blue; background-color: #ccc;
                       }

ul#Navigation a:hover, ul#Navigation span, li a#aktuell
                       {
                        border-color: white; border-left-color: black; border-top-color: black;
                        color: white; background-color: gray;
                       }

li a#aktuell           {color: maroon; background-color: silver;}

ul#Navigation li ul span {border-color: blue;}

ul#Navigation li>ul    {display:none; top: 1.6em;}
ul#Navigation lihover>ul, ul#Navigation li>a#aktuell+ul {display:block;}

 <!---  horizontal menu   --------->

ul#NaviH          {margin: 0; padding: 0; text-align: center;}
ul#NaviH li       {list-style: none; float: left; width:8.6em; position: relative; margin: 0.4em; padding: 0;}
ul#NaviH li ul    {margin: 0; padding: 0; position: absolute; top: 1.7em; left: -0.4em;}
ul#NaviH li ul li {float: none; display: block; margin: 0.2em;}

ul#NaviH a, ul#NaviH span
                       {
                        display: block;padding: 0.2em 1em; text-decoration: none; font-weight: bold;
                        border: 1px solid black; border-left-color: white; border-top-color: white;
                        color: blue; background-color: #ccc;
                       }

ul#NaviH a:hover, ul#NaviH span, li a#aktuell
                       {
                        border-color: white; border-left-color: black; border-top-color: black;
                        color: white; background-color: gray;
                       }

li a#aktuell           {color: maroon; background-color: silver;}

ul#NaviH li ul span {border-color: blue;}

ul#NaviH li>ul    {display:none; top: 1.6em;}
ul#NaviH lihover>ul, ul#NaviH li>a#aktuell+ul {display:block;}



.menuH {width:650px; height:31px; position:relative; margin-left:10px;}
.menu, .menu ul {padding:0; margin:0; list-style:none; position:relative; font-family:arial, sans-serif;}
.menu {width:650px; height:30px; overflow:hidden; position:absolute; left:0; top:0;}

.menu li {float:left; position:relative; z-index:10;}
.menu li a {float:left; display:block; height:31px; padding:0 10px; line-height:30px; position:relative; z-index:20; color:#ddd; text-decoration:none; font-size:12px; background:url(../121/icons/menu_back.png) no-repeat center top;}
.menu li.first a {background:url(../121/icons/menu_back.png) no-repeat left top;}

.menu li.pad {width:90px; height:31px;}
.menu li.pad b {display:block; height:31px; width:90px; background:url(../121/icons/menu_back.png) no-repeat right top;}

.menu ul {width:180px; height:auto; position:absolute; top:-130px;
transition: 0.8s ease-in-out;
-o-transition: 0.8s ease-in-out;
-moz-transition: 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;

z-index:1; padding:10px 0; background:#000;
-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.menu ul li {width:180px;}
.menu ul li a {width:160px; height:20px; line-height:20px; background:transparent;}

.menu:hover {height: 200px;}
.menu a:hover {color:#0cf;}
.menu li:hover > a {color:#0cf;}

.menu li:hover ul {
-webkit-transform: translate(0,161px);
-moz-transform: translate(0,161px);
-o-transform: translate(0,161px);
}




