/* ================================================================ 
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 {
background:transparent url(../img/navi_hg.jpg) no-repeat ; border:0px solid #800203;  height:80px; width:800px;
margin:0 ; /* for this demo only */
}
.menu4 {

text-align:left; font-family: verdana, sans-serif; color:#00FF00;position:relative; font-size:9px; background:transparent;  margin:20px 0 0 55px;

}
.menu4 ul {
padding:0; margin:0; list-style-type: none;
}
.menu4 ul li {
float:left; position:relative;
}


.menu4 ul li.einstieg {background:transparent url(../img/menu4einstieg.jpg) no-repeat;}
.menu4 ul li.perspektive {background:transparent url(../img/menu4perspektive.jpg) no-repeat;}
.menu4 ul li.kollegen {background:transparent url(../img/menu4kollege.jpg) no-repeat;}
.menu4 ul li.treffen {background:transparent url(../img/menu4treffen.jpg) no-repeat;}
.menu4 ul li.downloads {background:transparent url(../img/menu4downloads.jpg) no-repeat;}

.menu4 ul li.subeins {background:transparent url(../img/menu4subserv.gif) no-repeat;}
.menu4 ul li.subeins2 {background:transparent url(../img/menu4subserv2.gif) no-repeat;}
.menu4 ul li.subeins3 {background:transparent url(../img/menu4subserv3.gif) no-repeat;}
.menu4 ul li.subeins4 {background:transparent url(../img/menu4subserv4.gif) no-repeat;}
.menu4 ul li.subeins5 {background:transparent url(../img/menu4subserv5.gif) no-repeat;}
.menu4 ul li.subeins6 {background:transparent url(../img/menu4subserv6.gif) no-repeat;}

.menu4 ul li.subsubl {background:#b2aeaf url(../img/next.gif) no-repeat top left;}
.menu4 ul li.subsubr {background:#b2aeaf url(../img/previous.gif) no-repeat 145px 0;}

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

.menu4 ul li ul {
visibility:hidden; position:absolute; bottom: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:#fff; background:transparent url(../img/menu4_over.gif) no-repeat;text-decoration:none; border:0;
}
.menu4 ul li:hover ul,
.menu4 ul li a:hover ul {
visibility:visible; width:125px; height:auto; position:absolute; bottom:32px; left:-1px; background:#F41DF7; border:1px solid #827F7F; overflow:visible;
}
.menu4 ul li:hover ul li a,
.menu4 ul li a:hover ul li a {
display:block; background:#BAB8B8; text-decoration:none; color:#333; height:auto; line-height:1.5em; padding:5px 1px 5px 35px; width:125px; w\idth:90px;
}
.menu4 ul li:hover ul li a.drop,
.menu4 ul li a:hover ul li a.drop {
display:block; color:#333; height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:125px; w\idth:90px;
}
.menu4 ul li:hover ul li ul,
.menu4 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; bottom: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:#fff;  background:#4B4B4B;
}
.menu4 ul li  ul li  {
border:1px solid #827F7F;
}
.menu4 ul li:hover ul li:hover ul,
.menu4 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; bottom:0; color:#000; left:166px; height:auto; border:1px solid #800203;
}
.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:#fff; height:auto; line-height:1.5em; padding:5px 10px 4px 35px; width:125px; w\idth:90px;
}
* 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:none;
}