/* ================================================================
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_drop.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.
=================================================================== */

/*------------------------------------------------------------------------------
  Konfigurationsparameter template t_three
------------------------------------------------------------------------------*/
/*
*/

.menu {
  z-index: 65534;
  font-size: small;
  position:relative;
  background-repeat: repeat-x;
  height: 35px;
  float: left;
  width: 940px;
/*  border: 1px solid red;*/
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
  padding:0;
  margin:0;
  list-style-type:none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
  float:left;
  position:relative;
  display: block;
}

.menu > ul > li {
  border-right: 1px solid #AAAAAA;
}


.menu > ul > li {
/*  border-right: 1px solid #91B1A5;*/
}


/* style the top level hover */
.menu a:hover, .menu li:hover, .menu :hover > a {
  color: #003399;
/*  background-color: #A5E5CE;*/
}

/* style the links for the top level */
.menu > ul > li > a {
  display:block;
  text-decoration:none;
  color:#000000;
  background:transparent;
  padding-left:10px;
  padding-right:10px;
  line-height:28px;
  background-repeat: repeat-x;
/*  background-image: url(/templates/ex/images/main_menu_level0_background.png);*/
}

.menu > ul > li > img {
  padding-bottom: 10px;
}

.menu > ul > li > ul li {
  background-color: white;
}

.menu > ul > li > ul a {
  display: block;
  font-size: 11px;
  text-decoration:none;
  color:#000000;
}

.menu > ul > li > ul li:hover {
  background-color: #A5E5CE;
}

.menu ul + li {
  text-align: center;
}

/* style the second level background */
.menu ul ul {
  border-top: 1px solid #91B1A5;
}

.menu ul ul a {
/*  border-top: 0;*/
  border-left: 1px solid #91B1A5;
  border-right: 1px solid #91B1A5;
  border-bottom: 1px solid #91B1A5;
/*  border-bottom: 0;*/
}
.menu ul ul li {
/*  background-color: red;*/
}

.menu ul ul li:hover {
  background-repeat: repeat-x;
/*  background-image: url(/templates/ex/images/main_menu_level0_background.png);*/
}

/* style the second level with drop */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
  background-color: white;
  background-image: url(/templates/ex/images/main_menu_arrow_left.png);
  background-position: center right;
  background-repeat: no-repeat;
}
/* style the second level hover with drop */
.menu ul ul a.drop:hover, .menu ul ul :hover > a.drop {
  background-color: transparent;
  background-image: url(/templates/ex/images/main_menu_arrow_left.png);
  background-position: center right;
  background-repeat: no-repeat;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul, .menu ul ul ul, .menu ul ul ul ul, .menu ul ul ul ul ul, .menu ul ul ul ul ul ul {
/*  background:#FFFFFF;*/
  background-image: url(pictures/menuitem_bg.png);
  background-repeat: repeat-y;
  visibility:hidden;
  position:absolute;
  height:0;
  top: 28px;
  left: 0;
}

/* position the third level and below flyout menu */
.menu ul ul ul, .menu ul ul ul ul, .menu ul ul ul ul ul, .menu ul ul ul ul ul ul {
  left:160px;
  top:-1px;
  width: 160px;
}

/* position the third level and below flyout menu for a left flyout */
.menu ul ul ul.left, .menu ul ul ul ul.left, .menu ul ul ul ul ul.left, .menu ul ul ul ul ul ul.left {
  left:-150px;
}


/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
  color:#000;
  height: 20px;
  line-height: 18px;
  padding:5px 10px;
  width:139px;
  white-space: nowrap;
}

* html .menu ul ul a {
  width:150px;
}

/* 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;
}

.menu ul :hover ul :hover ul ul {
  visibility:hidden;
}

.menu ul :hover ul :hover ul :hover ul ul {
  visibility:hidden;
}

.menu ul :hover ul :hover 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;
}

.menu ul :hover ul :hover ul :hover ul :hover ul {
  visibility: visible;
}

.menu ul :hover ul :hover ul :hover ul :hover ul :hover ul {
  visibility: visible;
}

.menu_left_side {
  height: 35px;
  width: 6px;
/*  background-image: url(/templates/ex/images/main_menu_leftside.png);
  background-repeat: no-repeat;
  background-position: left top;*/
  float: left;
}

.menu_right_side {
  height: 35px;
  width: 6px;
/*  background-image: url(/templates/ex/images/main_menu_rightside.png);
  background-repeat: no-repeat;
  background-position: left top;*/
  float: right;
}