/*style for www.wir-sind-kreativ.de
*/
.menu    { font-size: 9px; font-family: verdana, arial, sans-serif; margin-right: auto; margin-left: auto; position: relative; width: 660px }
.menu ul li a, .menu ul li a:visited        { color: #000; font-size: 9px; line-height: 15px; text-decoration: none; background-position: 0 0; text-align: left; display: block; margin-top: 5px; padding-left: 5px; width: 104px; border-style: solid; border-width: medium 1px 1px 0; border-color: #fff }
.menu ul    { list-style-type: none; margin: 0; padding: 0 }
.menu ul li   { position: relative; float: left }
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a          { color: #000; background: #fc6 }
.menu ul li:hover ul            { display: block; position: absolute; bottom: 16px; left: 0 }
.menu ul li:hover ul li a.hide              { color: #000; background: #ccc }
.menu ul li:hover ul li       { color: #000; background: #ccc; display: block; width: 104px; clear: both }
.menu ul li:hover ul li:hover a.hide         { color: #fff; background: #cc9 }
.menu ul li:hover ul li ul    { display: none }
.menu ul li:hover ul li a                 { color: #000; background: #ccc; display: block; padding-left: 5px; width: 100% }
.menu ul li:hover ul li a:hover                 { color: #000; background: #ffffe0 }
.menu ul li:hover ul li:hover ul         { display: block; position: absolute; bottom: 0; left: 104px }
.menu ul li:hover ul li:hover ul li a           { color: #000; background: #ccc }
.menu ul li:hover ul li:hover ul li a:hover         { color: #000; background: #ffffe0 }

.menu ul li:hover ul.left     { left: -105px }
.menu ul li:hover ul li:hover ul.left            { left: -210px }