#info {height:500px;}



/* ================================================================ 

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/final_drop2.html

Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */

/* style the outer div to give it width */

.bgmenu {

background:#96BFAF; 

width:900px; 

height:30px;

top:0px;

font-size:0.85em;

padding-bottom:2px;

padding-left:0px;

}



.menu {

width:900px; 

top:30px;  /* hier 30 */

font-size:0.85em;

padding-bottom:0px;

padding-left:0px;

}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {

padding:2px;  

margin:0px;

list-style-type:none;

}

.menu ul ul {

width:150px;

}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {

float:left;

/*width:100px;*/

position:relative;

}



.sub0  {

border:1px solid #fff; 

border-width:0px 0px 0px 0px;  /* hier 0110 */

width:80px;

/*height:10px;*/

}

.sub_1  {

border:1px solid #fff; 

border-width:0px 0px 0px 0px;  /* hier 0110 */

width:150px;

/*height:10px;*/

}

.sub_2  {

border:1px solid #fff; 

border-width:0px 0px 0px 0px;  /* hier 0110 */

width:168px;

/*height:10px;*/

}

.sub_3  {

border:1px solid #fff; 

border-width:0px 0px 0px 0px;  /* hier 0110 */

width:140px;

/*height:10px;*/

}

.sub_4  {

border:1px solid #fff; 

border-width:0px 0px 0px 0px;  /* hier 0110 */

width:140px;

/*height:10px;*/

}

.sub_5  {

border:1px solid #fff; 

border-width:0px 0px 0px 0px;  /* hier 0110 */

width:126px;

/*height:10px;*/

}



.sub0end  {

border:1px solid #fff; 

border-width:0px 0px 0px 0px; /* hier 0010 */

width:80px;

/*height:10px;*/

}



.sub0trenn  {

border:1px solid #fff; 

border-width:0px 1px 0px 0px;  /* hier 0100 */

width:1px;

height:16px;

top:7px;

}



.sub01end  {

left:10px;

}



.sub1  {

border:1px solid #fff; 

border-width:1px 1px 0px 1px; 

}

.sub1end  {

border:1px solid #fff; 

border-width:1px 1px 1px 1px; 

}



/* style the links for the top level 1.*/

.menu a, .menu a:visited {

display:block;

font-size:12px;

text-decoration:none; 

color:#444D48; 

/*width:127px; /*breite hauptpunkt*/

height:30px; /*höhe hauptpunkt 30*/ 

/*border:1px solid #fff; */

/*border-width:0px 0px 0px 0px; */ 

background:#96BFAF; 

padding-left:0px; 

line-height:30px;   /*hier 30*/

top:10px;   /*hier raus*/

}





/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {

/*width:125px;*/    /*zeile auskommentiert*/

/*w\idth:125px;*/   /*zeile auskommentiert*/

}



/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {

background:#949e7c;

}

/* style the second level hover */

.menu ul ul a.drop:hover{

background:#c9ba65;

}

.menu ul ul :hover > a.drop {

background:#c9ba65;

}

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {

background:#D1C3AF;

border:1px solid #fff; 

border-width:0px 1px 1px 1px; 

}

/* style the third level hover */

.menu ul ul ul a:hover {

background:#D1C3AF;

}

.menu ul ul ul :hover > a {

background:#D1C3AF;

}



/* hide the sub levels and give them a positon absolute so that they take up no room 2. */

.menu ul ul {

visibility:hidden;

position:absolute;

height:0;

top:28px;

left:0px;

width:128px;

}

/* another hack for IE5.5 */

* html .menu ul ul {

top:28px;

t\op:28px;

}



/* position the third level flyout menu 3. */

.menu ul ul ul{

left:143px; 

top:-3px;

width:128px;

}

/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {

left:143px;

}



/* style the table so that it takes no part in the layout - required for IE to work */

.menu table {

	position:absolute; 

	top:0px; 

	left:0px;

	}



/* style the second level links 2.*/

.menu ul ul a, .menu ul ul a:visited {

background:#EDE9DD; 

color:#444D48; 

height:auto; 

line-height:1em; 

padding:7px 5px; 

width:135px



/* yet another hack for IE5.5 */

}

* html .menu ul ul a{

width:128px;

w\idth:129px;

}





/* style the top level hover */

.menu a:hover {

color:#fff; 

background:#5E9580;

}

.menu ul ul a:hover{

color:#fff; 

background:#D1C3AF;

}

.menu :hover > a{

color:#fff;

background:#5E9580;

}

menu ul ul :hover > a {

color:#fff;

background:#D1C3AF;

}



/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,

.menu ul a:hover ul{

visibility:visible; 

}

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{

visibility:hidden;

}

/* keep the fourth level hidden when you hover on second level list OR link */

.menu ul :hover ul :hover ul ul{

visibility:hidden;

}

/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{ 

visibility:visible;

}

/* make the fourth level visible when you hover over third level list OR link */

.menu ul :hover ul :hover ul :hover ul { 

visibility:visible;

}