/*Klappnavi in der Marginalspalte*/
.menutoleft {
font-size:13px;
text-align:left;
margin:0 0;
}

* html .menutoleft {
margin:0 0 0 0;
}

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

/* hack for IE5.5 */
* html .menutoleft ul {
margin-right:0;
}

/* position relative so that you can position the sub levels */
.menutoleft li {
background:#e5e5e5;
position:relative;
margin: 0;
padding:0 0 0 0;
}

.menutoleft li ul {
background: #fff;
}



/* get rid of the table */
.menutoleft table {
position:absolute; 
border-collapse:collapse; 
top:0; 
left:0; 
font-size: 1em;
}

/* style the links */
.menutoleft a, .menu a:visited {
display:block; 
text-decoration:underline;
width:190px;
color:#006C8C;
text-indent:25px;
font-size:13px;
margin: 0 0 1px 0;
background:#e5e5e5 url("http://www.gothaer.de/media/img/marker_blau2.gif") 10px 9px no-repeat;
padding:3px 0;
}

/* hack for IE5.5 */
* html .menutoleft a, * html .menutoleft a:visited 
{
background:#e5e5e5 url("http://www.gothaer.de/media/img/marker_blau2.gif") 10px 9px no-repeat; width:174px; w\idth:190px;
}

/* style the link hover */
* html .menutoleft a:hover {
font-size:13px;
color:#006C8C; 
background:#e5e5e6 url("http://www.gothaer.de/media/img/marker_blau2.gif") 10px 9px no-repeat;
margin: 0 0 1px 0;
text-decoration:none;
}

.menutoleft :hover > a {
font-size:13px;
text-decoration:none;
}

/* make the second level visible when hover on first level list OR link */
.menutoleft ul :hover ul{
visibility:visible;
}

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

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

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

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

.menutoleft ul li ul,.menutoleft ul li ul li
{
	background:#fff !important;
}

.menutoleft ul li ul,.menutoleft ul li ul a
{
	width:290px;
}

* + html .menutoleft li.sub {margin-bottom:-2px;}




#homenavi
{
float:left;
width:500px;
color:#006C8C;
}

* html #homenavi
{
float:left;
margin-top:1px;
width:498px;
margin-left:0;
}

#subnav
{
float:left;
width:28px;
margin-top:0px;
margin-left:1px;
z-index:-1;
}

* html #subnav
{
margin-left:-1px;
}

.clear
{
clear:both;
}

/* style the outer div to give it width */
.menuup {
width:23px !important;
font-size:0.65em;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal !important;
z-index:1;
}

* html .menuup {
top:0;
}

/* remove all the bullets, borders and padding from the default list styling */
.menuup ul 
{

padding:0;
margin:0;
list-style-type:none;
background-color:#fff;
}

.menuup ul ul
{
width:160px;
border:1px solid #006C8C !important;
padding:0;
overflow:visible;
}

* html .menuup ul ul
{
background-color:#fff;
}

.menuup ul ul ul
{
background-color:#fff;
}

* html .menuup ul ul ul
{
width:205px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menuup li
{
float:left;
width:28px;
}

.menuup li li
{
width:160px;
position:relative;
}

/* style the links for the top level */
.menuup a
{
display:block;
font-size: 9px;
color:#505050; 
width:28px; 
background:#fff;
padding:0;
padding-left:7px; 
font-weight: normal !important;
text-decoration:underline;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menuup a, * html .menuup a:visited
{
width:28px;
w\idth:20px;
}

/* style the second level background */
.menuup ul ul a, .menuup ul ul a:visited
{
padding:2px 3px !important;
text-decoration:none !important;
background:#fff;
display:block;
}

/* style the second level hover */
.menuup ul ul a:hover
{
padding:2px 3px !important;
text-decoration:underline !important;
background:#fff !important;
}

.menuup ul ul :hover > a.drop
{
background:#fff;
}

/* style the third level background */
.menuup ul ul ul a, .menuup ul ul ul a:visited
{
text-decoration:none !important;
background:#fff;
}

/* style the third level hover */
.menuup ul ul ul a:hover
{
text-decoration:underline !important;
background:#fff;
}

* html .menuup ul ul ul a,* html .menuup ul ul ul a:visited
{
width:160px;
background:#fffffe;
}

/* style the third level hover */
* html .menuup ul ul ul a:hover
{
width:160px;
background:#fffffd;
padding:2px 3px !important; 
}

.menuup ul ul ul :hover > a
{
background:#fff;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menuup ul ul
{
visibility:hidden;
position:absolute;
bottom:13px;
left:0; 
width:160px;
z-index:1005 !important;
}

* html .menuup ul ul
{
bottom:17px;
}

/* position the third level flyout menu */
.menuup ul ul ul
{
left:-207px; 
bottom:0;
width:205px;
overflow:hidden;
}

* html .menuup ul ul ul
{
left:-170px;
}

*+ html .menuup ul ul ul
{
left:-161px !important; 
bottom:0;
width:160px;
}

/* style the second level links */
.menuup ul ul a, .menuup ul ul a:visited, .menuup ul ul a:hover
{
background:#fff; 
color:#505050; 
padding:2px 0 2px 3px !important; 
width:160px
/* yet another hack for IE5.5 */
}
html>body #footer .menuup ul ul a,body>#footer  .menuup ul ul a:visited, .menuup ul ul a:hover {
width:154px;
}

* html .menuup ul ul a
{
font-size: 9px;
width:160px;
w\idth:160px;
}


/* style the top level hover */
.menuup a:hover
{
color:#505050;
font-size: 9px;
/*background:#fffffe;*/
background:transparent !important;
width:160px;
}

html>body #footer .menuup a:hover {
width:154px;
}

.menuup :hover > a
{
color:#505050;
font-size: 9px;
background:#fff;
width:100%;
}


/* make the second level visible when hover on first level list OR link */
.menuup ul :hover ul
{
visibility:visible;
height:auto;
}

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

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

/* make the third level visible when you hover over second level list OR link */
.menuup ul :hover ul :hover ul
{ 
display:block;
bottom:0;
}

/* make the fourth level visible when you hover over third level list OR link */
.menuup ul :hover ul :hover ul :hover ul
{ 
display:block;
bottom:0;
}

DIV.menutoleft{list-style: none; background-color:#fff;}

DIV.menutoleft ul { 
   padding:0;
   margin:0;
   list-style: none;
   width:190px;
   z-index:3;
   overflow:visible;
   position:absolute; 
      
}

DIV.menutoleft li { 
    position: relative;
    width: 190px;
    display:block;
    margin-bottom: 1px;
}

DIV.menutoleft LI UL LI { 
	margin-bottom:0px;
	border:none;
}
BODY DIV.menutoleft a {
    text-decoration:none; 
    display:block;
    width:165px !important;
    text-indent: 0 !important; 
    padding-left:25px;
}
DIV.menutoleft li:hover, DIV.menutoleft a:hover{
    background-color:#DFDFDF; 
}

DIV.menutoleft ul ul, DIV.menutoleft ul ul ul{
    display:none; 
    position:absolute; 
    top:0;
    overflow:hidden;
    right:190px;
	width:270px !important;
}

DIV.menutoleft li:hover ul ul, DIV.menutoleft li:hover ul ul ul{
    display:none;
    position:absolute;
}

DIV.menutoleft li:hover ul, DIV.menutoleft ul li:hover ul, DIV.menutoleft ul ul li:hover ul{
    display:block;
    z-index:2000;
    position:absolute;
}

DIV.menutoleft li>ul { 
	top: 0;
	left: auto;
}

DIV.menutoleft LI UL LI A { 
	padding-bottom:4px !important;
	width:270px !important;
}

HTML>BODY DIV.menutoleft LI UL LI A { 
	padding-bottom:3px !important;
}

/* Win IE only \*/
* html DIV.menutoleft li{float:left;} 
/* end holly hack */