@charset "UTF-8";
/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** # "YAML for TYPO3" (c) by Dieter Bunkerd (http://yaml.t3net.de) ######################################
** ######################################################################################################
**
**  Datei       : nav_vlist.css
**  Funktion    : Formatierung der Subnavigation.
**  Checked with http://jigsaw.w3.org/css-validator/ 13.8.07 - DB
*/

@media all
{
#submenu {
width: 200px;
overflow: hidden;
list-style-type: none;
margin-top: 0em;
margin-right: 0;
margin-bottom: 2.5em;
margin-left: 0;
background-image: url(../../img/infobox_content200.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 25px;
padding-left: 0px;
}

#submenu ul {
	list-style-type: none;
	margin:0;

}

#submenu li {
	float:left;
	width: 100%;
	margin:0;
	padding: 0;
}

#submenu a,
#submenus strong {
display:block;
width: 90%;
padding: 1px 0px 1px 10%;
text-decoration: none;
background-color:#fff;
color: #444;
border-bottom: 1px #eee solid;
}


/* Just in case the skiplink anchor gets into THIS menu, because the tab-navigation was turned off */
/* PLEASE LEAVE THE FOLLING SETTING IN PLACE */  
#submenu a#navigation {border-bottom:0; padding:0;}

/* Menu Title */
#submenu li#title {
width: 100%;
padding: 6px;
font-weight: normal;
color: #FFFFFF;
background-color: #fff;
background-image: url(../../img/infobox_head200.gif);
background-repeat: no-repeat;
margin: 0px;
}

#submenu li span {
display:block;
width: 90%;
padding: 1px 0px 1px 10%;
font-weight: bold;
border-bottom: 1px #ddd solid;
}

/* Level 1 */
#submenu li strong a{
font-weight: bold;
color: #fff;

}

#submenu li#active {
width: 90%;
padding: 1px 0px 1px 10%;
font-weight: bold;
color: #fff;
background-color:#0d3863;
border-bottom: 1px #eee solid;
}



#submenu li a { width: 90%; padding-left: 10%; background-color:#587b9f; color: #fff; }
#submenu li a:focus,
#submenu li a:hover,
#submenus li a:active { background-color:#0d3863; color: #fff; }

/* Level 2 */
#submenu li ul li a,
#submenu li ul li#active,
#submenus li ul li strong,
#submenu li ul li span { width: 85%; padding-left: 15%; }

#submenu li ul li a { background-color:#dae1e9; color: #0d3863; }
#submenu li ul li a:focus,
#submenu li ul li a:hover,
#submenu li ul li a:active { background-color:#0d3863; color: #fff; }

/* Level 3 */
#submenu li ul li ul li a,
#submenu li ul li ul li#active,
#submenu li ul li ul li strong,
#submenu li ul li ul li span { width: 80%; padding-left: 20%; }

#submenu li ul li ul li a { background-color:#dae1e9; color: #0d3863; }
#submenu li ul li ul li a:focus,
#submenu li ul li ul li a:hover,
#submenu li ul li ul li a:active { background-color:#0d3863; color: #fff; }

/* Level 4 */
#submenu li ul li ul li ul li a,
#submenu li ul li ul li ul li#active,
#submenu li ul li ul li ul li strong,
#submenu li ul li ul li ul li span { width: 75%; padding-left: 25%; }

#submenu li ul li ul li ul li a { background-color:#dae1e9; color: #0d3863; }
#submenu li ul li ul li ul li a:focus,
#submenu li ul li ul li ul li a:hover,
#submenu li ul li ul li ul li a:active { background-color:#0d3863; color: #fff; }
 
  
}