/* Start ###TOPMENU### Start */


/* Der obere rote Balken, Hintergrund für das obere Menü */

.topmenu-background  {
	Background-color : #0000FF;
	Border-bottom-color : White;
	Border-bottom-style : solid;
	border-bottom-width : 2px;
	Color : White;
	Font-family : Arial, Helvetica, sans-serif;
	Font-size : 11px;
}


.topmenu{
    position:relative;
    top:0px;
    left:0px;
    display:block;
    margin:0px;
    padding:0px;
    width:600px; /* important for Opera7 */
	 height:30px;
   }

.topmenu a{
	 list-style: none none;
    text-align:center;
    background-color: #0000FF;
    color:white;
    display:block;
    width:120px;
	 height: 30px;
    text-decoration:none;
    margin:0;
     padding:0;
    font-weight: bold;
	Font-family : Arial, Helvetica, sans-serif;
	  font-size: 11px;				/* Größe des Textes im Hauptmenü */
	  line-height: 280%;			/* Damit ist der Text zentral im Mittelpunkt der Zelle */
    }

.topmenu a:hover{
    background-color: #cccccc;
    color:black;
    }

.topmenu ul{
    position:absolute;
	 top:auto;
	 left: auto;
    display:block;
    width:120px;
    margin:0;
    padding:0;
	 list-style: none;
    }
.topmenu li{
    list-style:none;
    width:120px;
    height:30px;
    display:block;
    float:left;
    margin:0;
    padding:0;
    }

.topmenu li ul{
    visibility:hidden;
    margin:0;
    padding:0;
	 list-style: none;
    }

.topmenu li li ul{
    position:absolute; /* pour sortir la liste du flux de donnée */
    top:auto;
    left:auto;
    margin-left:120px;
    margin-top:-30px; /* move the sub menu verticaly */
    }


.topmenu li li{
    display:block;
    float:none;
    list-style:none;
    }

/* correct a little IE bug */
 html .menu li li{
    display:inline;
    }


/* Stop ###TOPMENU### Stop */


/* Start ###LEFTMENU### Start */
h1.menu_caption{
	border: 1px #CCCCCC solid;
	color: #000000;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 250%;
	margin-bottom: 5px; /* Abstand zum nächsten Elemen */
	text-align: center;
}

.menuleft{
	background-color: #FFFFFF;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	width: 100%;
	font-size: 12px;
	font-family: Arial, sans-serif;
	overflow:hidden;
}

.menuleft a{
	display: block;
	color: #808080;
	text-decoration: none;
	width: 100%;
}

.menuleft a:hover{
	color: White;
	background-color: #0000FF;
}

.menuleft-layer-1{	
	display: block;
	padding-left: 5px;
}	
		
.menuleft-layer-1 a{			
	display: block;
}		
.menuleft-layer-1 a:hover{
	color: White;
	background-color: #0000FF;
}


.menuleft-layer-2 a{
	display: block;
	padding-left: 20px;
}		
.menuleft-layer-2 a:hover{
	color: White;
	background-color: #0000FF;
}


.menuleft-layer-3 a{
	display: block;
	padding-left: 40px;			
}
.menuleft-layer-3 a:hover{
	color: White;
	background-color: #0000FF;
}
/* Stop ###LEFTMENU### Stop */
/* Stop ###LEFTMENU### Stop */
/* Stop ###LEFTMENU### Stop */


/* Start ###SPECIALMENU### Start */
/* Start ###SPECIALMENU### Start */
/* Start ###SPECIALMENU### Start */
/* Shortcutmenu unten rechts - Link*/
.specialmenu {
	vertical-align: middle;
}

.specialmenu a:link, .specialmenu a:active, .specialmenu a:visited {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

/* Shortcutmenu unten rechts - Roll-Over */
.specialmenu a:hover {
	text-decoration: underline;
}
/* Stop ###SPECIALMENU### Stop */
/* Stop ###SPECIALMENU### Stop */
/* Stop ###SPECIALMENU### Stop */
