/* ================================================================ 
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/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* commom style for all browsers */
.container4 {
text-align:center; background:#eee url(menu4.gif); border:1px solid #483D8B; border-width:5px 1px 1px 1px; height:30px;
margin:0 0 20px 0; /* for this demo only */
}
.menu4 {
text-align:left; font-family: arial, helvetica; position:relative; font-size:small; background:transparent; width:800px; height:30px; margin:0 auto;
}
.menu4 ul {
padding:0; margin:0; list-style-type: none;
}
.menu4 ul li {
float:left; position:relative;
}
.menu4 ul li.home {background:transparent url(menu4home.gif);}
.menu4 ul li.kalender {background:transparent url(menu4kalender.gif) no-repeat;}
.menu4 ul li.reg {background:transparent url(menu4reg.gif) no-repeat;}
.menu4 ul li.login {background:transparent url(menu4login.gif) no-repeat;}
.menu4 ul li.pw {background:transparent url(menu4pw.gif) no-repeat;}
.menu4 ul li.unsichtbar {background:transparent url(menu4unsichtbar.gif) no-repeat;}
.menu4 ul li.member {background:transparent url(menu4member.gif) no-repeat;}
.menu4 ul li.team {background:transparent url(menu4team.gif) no-repeat;}
.menu4 ul li.rip {background:transparent url(menu4rip.gif) no-repeat;}
.menu4 ul li.holmes {background:transparent url(menu4holmes.gif) no-repeat;}
.menu4 ul li.wahl {background:transparent url(menu4wahl.gif) no-repeat;}
.menu4 ul li.topposter {background:transparent url(menu4topposter.gif) no-repeat;}
.menu4 ul li.geld {background:transparent url(menu4geld.gif) no-repeat;}
.menu4 ul li.arbeitsamt {background:transparent url(menu4arbeitsamt.gif) no-repeat;}
.menu4 ul li.post {background:transparent url(menu4post.gif) no-repeat;}
.menu4 ul li.einstellung {background:transparent url(menu4einstellung.gif) no-repeat;}
.menu4 ul li.profil {background:transparent url(menu4profil.gif) no-repeat;}
.menu4 ul li.shop {background:transparent url(menu4shop.gif) no-repeat;}
.menu4 ul li.tst {background:transparent url(menu4tst.gif) no-repeat;}
.menu4 ul li.spende {background:transparent url(menu4spende.gif) no-repeat;}
.menu4 ul li.dieb {background:transparent url(menu4dieb.gif) no-repeat;}
.menu4 ul li.download {background:transparent url(menu4download.gif) no-repeat;}
.menu4 ul li.atlas {background:transparent url(menu4atlas.gif) no-repeat;}
.menu4 ul li.rezept {background:transparent url(menu4rezept.gif) no-repeat;}
.menu4 ul li.smile {background:transparent url(menu4smile.gif) no-repeat;}
.menu4 ul li.arcade {background:transparent url(menu4arcade.gif) no-repeat;}
.menu4 ul li.spiele {background:transparent url(menu4spiele.gif) no-repeat;}
.menu4 ul li.raetsel {background:transparent url(menu4raetsel.gif) no-repeat;}
.menu4 ul li.words {background:transparent url(menu4words.gif) no-repeat;}
.menu4 ul li.wortmix {background:transparent url(menu4wortmix.gif) no-repeat;}
.menu4 ul li.spelly {background:transparent url(menu4spelly.gif);}
.menu4 ul li.mathbox {background:transparent url(menu4mathbox.gif) no-repeat;}
.menu4 ul li.klatschingen {background:transparent url(menu4klatschingen.gif) no-repeat;}
.menu4 ul li.wortspiel {background:transparent url(menu4wortspiel.gif) no-repeat;}
.menu4 ul li.wortkette {background:transparent url(menu4wortkette.gif) no-repeat;}
.menu4 ul li.wortstory {background:transparent url(menu4wortstory.gif) no-repeat;}
.menu4 ul li.wette {background:transparent url(menu4wette.gif) no-repeat;}
.menu4 ul li.highlights {background:transparent url(menu4highlights.gif);}
.menu4 ul li.admin {background:transparent url(menu4admin.gif);}
.menu4 ul li.games {background:transparent url(menu4games.gif);}
.menu4 ul li.services {background:transparent url(menu4services.gif);}
.menu4 ul li.contact {background:transparent url(menu4contact.gif);}
.menu4 ul li.products {background:transparent url(menu4products.gif);}
.menu4 ul li.register {background:transparent url(menu4register.gif);}
.menu4 ul li.news {background:transparent url(menu4news.gif);}
.menu4 ul li.subprod {background:transparent url(menu4subprod.gif) no-repeat;}
.menu4 ul li.subprod2 {background:transparent url(menu4subprod2.gif) no-repeat;}
.menu4 ul li.subprod3 {background:transparent url(menu4subprod3.gif) no-repeat;}
.menu4 ul li.subnews {background:transparent url(menu4subnews.gif) no-repeat;}
.menu4 ul li.subnews2 {background:transparent url(menu4subnews2.gif) no-repeat;}
.menu4 ul li.subnews3 {background:transparent url(menu4subnews3.gif) no-repeat;}
.menu4 ul li.subserv {background:transparent url(menu4subserv.gif) no-repeat;}
.menu4 ul li.subserv2 {background:transparent url(menu4subserv2.gif) no-repeat;}
.menu4 ul li.subserv3 {background:transparent url(menu4subserv3.gif) no-repeat;}
.menu4 ul li.subserv4 {background:transparent url(menu4subserv4.gif) no-repeat;}
.menu4 ul li.subserv5 {background:transparent url(menu4subserv5.gif) no-repeat;}
.menu4 ul li.subsubl {background:#eee url(next.gif) no-repeat top left;}
.menu4 ul li.subsubr {background:#eee url(previous.gif) no-repeat 145px 0;}

.menu4 ul li a, .menu4 ul li a:visited {
display:block; text-decoration:none; width:83px; height:30px; color:#000; padding-left:30px; line-height:29px;
}
* html .menu4 ul li a, .menu4 ul li a:visited {
width:100px; w\idth:83px;
}

.menu4 ul li ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu4 table {
margin:-1px; border-collapse:collapse; font-size:1em;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu4 ul li:hover a,
.menu4 ul li a:hover {
color:#c00; text-decoration:underline; border:0;
}
.menu4 ul li:hover ul,
.menu4 ul li a:hover ul {
visibility:visible; width:170px; height:auto; position:absolute; top:30px; left:-1px; background:#fff; border:1px solid #909; overflow:visible;
}
.menu4 ul li:hover ul li a,
.menu4 ul li a:hover ul li a {
display:block; background:transparent; text-decoration:none; color:#000; height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:170px; w\idth:125px;
}
.menu4 ul li:hover ul li a.drop,
.menu4 ul li a:hover ul li a.drop {
display:block; color:#000; height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:170px; w\idth:125px;
}
.menu4 ul li:hover ul li ul,
.menu4 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu4 ul li:hover ul li a:hover,
.menu4 ul li a:hover ul li a:hover {
color:#00f; text-decoration:underline;
}
.menu4 ul li:hover ul li:hover ul,
.menu4 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; color:#000; left:169px; height:auto; border:1px solid #909;
}
.menu4 ul li:hover ul li:hover ul.left,
.menu4 ul li a:hover ul li a:hover ul.left {
left:-166px;
}
.menu4 ul li:hover ul li:hover ul li a,
.menu4 ul li a:hover ul li a:hover ul li a {
display:block; color:#00f; height:auto; line-height:1.5em; padding:5px 10px 4px 35px; width:170px; w\idth:140px;
}
* html .menu4 ul li a:hover ul li a:hover ul li a {padding:4px 10px 4px 35px;}

.menu4 ul li:hover ul li:hover ul li:hover a,
.menu4 ul li a:hover ul li a:hover ul li a:hover {
color:#000; text-decoration:underline;
}