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

.doa {
padding-left:15px;
padding-right:10px;
background-image:url(/fileadmin/templates/img/red.gif) !important;
background-repeat:no-repeat !important;
background-position:0px 7px;
}

#nav li {
float:left;
position:relative;
}

.s_menu {
font-family: Arial, Helvetica, sans-serif;		
font-size: 13px;
color: #000;
text-decoration: none;
cursor: hand; 
background:none !important;
height:29px;
}

.s_menu ul ul { 
width:178px !important;
text-align:left;
border:solid 1px #D39B8F;
border-top:none;
height:auto !important;
background-image:url(/fileadmin/templates/img/heinrichshof-logo-navi.gif) !important;
background-color:#fff !important;
background-repeat:no-repeat !important;
background-position:bottom center !important;
}

ul#nav li {
}

ul#nav ul {
position:absolute;
z-index:1000;
}

ul#nav li {
z-index:1000;
}

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

html>body .s_menu ul{ 
z-index:10;
}

* html .s_menu {
background:#fff;
}

/* style the sub-level lists */
.s_menu ul ul {
height:auto;
}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown s_menu positon */
.s_menu ul li {
float:left;
}

/* style the sub level list items */
.s_menu ul ul li {
display:block;
width:auto;
height:auto;
position:relative;
line-height:1em;
}

/* style the links for the top level */
.s_menu a,
.s_menu a:visited {
display:block;
float:left;
text-decoration:none !important;
color:#000;
font-weight:bold;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
height:20px;
padding: 6px 6px  4px 6px;
}


html>body .s_menu a,
.s_menu a:visited {
}

.s_menu a:hover {
background:#fff;
color:#000;
}

/* style the sub level links */
.s_menu ul ul a, .s_menu ul ul a:visited {
font-weight:normal;
display:block;
background-color: #fff;
color:#000;
width:166px;
}

.s_menu ul ul a {
border-bottom:solid 1px #dbdbdb;
}

.s_menu ul ul a:hover {
background-color: #ebebeb;
border-bottom:solid 1px #dbdbdb;
}



.s_menu ul table ul a,
.s_menu ul table ul a:visited  {
width:14em;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.s_menu table {
position:absolute; 
left:0; 
top:2px; 
}

.s_menu ul ul table {
lef\t:-1px;
}

.s_menu ul ul table ul.left {
margin-lef\t:2px;
}

.s_menu li:hover {position:relative;}
* html .s_menu a:hover {position:relative;}

/* style the third level background */
.s_menu ul ul ul a, 
.s_menu ul ul ul a:visited {
background:#fff;
color:#000;
}

/* style the fourth level background */
.s_menu ul ul ul ul a, 
.s_menu ul ul ul ul a:visited {
background:#f8bc48;
}

/* style the level hovers */
/* first */
.s_menu a:hover {
color:#C42722;
}

.s_menu :hover > a {
color:#C42722;
}

/* second */
.s_menu ul ul a:hover{
font-weight:normal;	
}

.s_menu ul ul :hover > a {
color:#C0221F;;
}

/* third */
.s_menu ul ul ul a:hover {
color:#692D10
}

.s_menu ul ul ul :hover > a {
background: #fff;
color:#C0221F;
}

/* fourth */
.s_menu ul ul ul ul a:hover {
background: #FF9400;
color:#566a00;
}

.submen a,
ul .submen a:hover,
.submen a:visited {

}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.s_menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:30px;
left:0;
width:100%;
}

* html .s_menu a {
height:30;
}

* html .s_menu ul ul  {
top:32px;
}

*+html .s_menu ul ul {
top:30px;
}

.s_menu ul ul a {

}

/* position the third level flyout s_menu */
.s_menu ul ul ul{
left:14em;
top:0;
width:178px;
}

/* position the third level flyout s_menu for a left flyout */
.s_menu ul ul ul.left {
left:-14em;
}


/* make the second level visible when hover on first level list OR link */
.s_menu ul li:hover ul,
.s_menu ul a:hover ul {
visibility:visible;
height:auto;
padding-bottom:3em;
background:transparent ;

}
/* keep the third level hidden when you hover on first level list OR link */
.s_menu ul :hover ul ul{
visibility:hidden;
}

/* keep the fourth level hidden when you hover on second level list OR link */
.s_menu ul :hover ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
html>body .s_menu ul :hover ul :hover ul{
visibility:visible;
left:178px;
}

* html .s_menu ul :hover ul :hover ul{
visibility:visible;
left:182px;
margin-top:-2px;
}

* html .s_menu ul ul {
margin-top:-4px;
}

/* make the fourth level visible when you hover over third level list OR link */
.s_menu ul :hover ul :hover ul :hover ul {
visibility:visible;
}