/* CSS Document for dropdown menu*/
/* ================================================================ 
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/dd_valid.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.
=================================================================== */
/* common styling */
.menu {font-family: arial, sans-serif; width:800px; height:28px; position:relative; font-size:11px; z-index:100; overflow:visible;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:200px; height:22px; text-align:left; color:#c9f390; border:0px solid #fff; background:#0099cc; line-height:20px; font-size:11px; overflow:hidden; padding:0px; text-indent:5px; }
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* css for thin white line above the menu */
#blueline{
	background-color:#ffcc00;
	padding: 0px;
	margin: 0px;
	overflow:hidden;
	height:2px;
	width:200px;
}
#whiteline{
	background-color:#FFFFFF;
	padding: 0px;
	margin: 0px;
	overflow:hidden;
	height:4px;
	width:200px;
}


/* specific to non IE browsers */
/*.menu ul li:hover a {color:#fff; background:#70cf9b;}*/
li.kompetenzen:hover #whiteline, li.kompetenzen div.selected #whiteline  {background-color:#daffb2;} /* kompetenzen whiteline hover color */
li.referenzen:hover #whiteline, li.referenzen div.selected #whiteline {background-color:#b5db6d;} /* referenzen whiteline hover color */
li.uber:hover #whiteline, li.uber div.selected #whiteline {background-color:#93b76f;} /* uber whiteline hover color */
li.download:hover #whiteline, li.download div.selected #whiteline {background-color:#547352;} /* download whiteline hover color */

li.kompetenzen:hover #blueline, li.kompetenzen div.selected #blueline  {background-color:#70cf9b;} /* kompetenzen blueline hover color */
li.referenzen:hover #blueline, li.referenzen div.selected #blueline {background-color:#54ac59;} /* referenzen blueline hover color */
li.uber:hover #blueline, li.uber div.selected #blueline {background-color:#398a58;} /* uber blueline hover color */
li.download:hover #blueline, li.download div.selected #blueline {background-color:#114b3f;} /* download blueline hover color */

.menu ul li.kompetenzen:hover a, .menu ul li.kompetenzen div.selected a { color:#aafbae; background:#70cf9b;} /* kompetenzen headline */
.menu ul li.referenzen:hover a, .menu ul li.referenzen div.selected a{ color:#96d95d; background:#54ac59;} /* referenzen headline */
.menu ul li.uber:hover a, .menu ul li.uber div.selected a { color:#66ac62; background:#398a58;} /* über uns headline */
.menu ul li.download:hover a, .menu ul li.download div.selected a { color:#356e46; background:#114b3f;} /* download headline */

.menu ul li:hover ul {display:block; position:absolute; top:28px; left:0; width:200px;} /* drop down box */
/*.menu ul li:hover ul li a.hide {background:#ddd; color:#fff;} /* submenu with more*/
.menu ul li:hover ul li:hover a.hide {background:#e1ffbe; color:#000;} /* submenu hover */
.menu ul li:hover ul li ul {display: none;}
/*.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;} /* submenu */
.menu ul li.kompetenzen:hover ul li a {display:block; background:#c6ff82; color:#2e447e;} /* submenu kompetenzen */
.menu ul li.referenzen:hover ul li a {display:block; background:#8dc318; color:#3a556e;} /* submenu referenzen */
.menu ul li.uber:hover ul li a {display:block; background:#588920; color:#b3eb72;} /* submenu uber */
.menu ul li.download:hover ul li a {display:block; background:#092700; color:#b3eb75;} /* submenu download */
.menu ul li:hover ul li a:hover {background:#e1ffbe; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:200px; top:0; z-index:101;}
.menu ul li:hover ul li:hover ul.left {left:-200px;}