ul , li {
 margin:0;
 padding:0;
 list-style:none;
 width:150px;
}

a:link { color: #808080; }

ul#navi_smart , ul#navi_smart ul {
 width:199px;  /* entspricht einer Breite von 150px (150 / 16 )*/
 background:#0000FF;
 background:transparent;
 width:150px;
}

ul#navi_smart  li{
  position:relative;
}

#wetter_smart {
	text-align:left;
	width:200px;
	height:auto;
	font-size: 12px ;
	font-family: verdana;
    font-weight: normal;	
	color:#c0c0c0;
	background-color:#000000;
	padding-top: 0px;
	width:100%;
}

ul#navi_smart a {
	display:block;
	background-color:#2C2C2A;
	color:#FFFFFF;
	text-decoration:none;
	text-align:left;
	width:160px;
	font-size: 14px;
	height: 30px;
	font-family: verdana;
	margin-left:0px;
	border-bottom:solid 5px #C0C0C0;
}

#navi_smart b {
	margin-left:25px;
	margin-bottom:0px;
	width:120px;
	height:30px;
	display:block;
	text-align:left;
	font-weight:normal;
	background-color:#333333;
	background-color:#2C2C2A;
	font-family: verdana;
	font-size: 1.5em;
	color: #A2323D;
	color: #FFFFFF;
	border-bottom:solid 5px #C0C0C0;
	border-right:solid 2px #C0C0C0;
}

/* logo */
#logo
 { width: 100%;
   height: 5px;
   border-top: 5px solid;
   color: #CC9933;
 }

/* logoE */
#logoE
 { width: 100%;
   height: 9px;
   border-top: 5px solid;
   color: #CC9933;
}

/* logo */
#colours {
	height:auto;
	margin-top: 0px;
	text-align: right;
	border-bottom: 2px solid;
	background: #40403E;
	color: #CC9933;
}

/* hover effekt menu smart */

ul#navi_smart ul  ,                   /* 1. Ebene verschieben */
ul#navi_smart  li:hover ul ul ,       /* 2. Ebene verschieben */
ul#navi_smart  li:hover  ul ul ul  {  /* 3. Ebene verschieben */
 position:absolute;
 left:-9999px;
 top:0;
}

ul#navi_smart li:hover ul ,
ul#navi_smart ul  li:hover  ul , 
ul#navi_smart ul  ul li:hover  ul  {
 left:147px; /* entspricht */
 }

ul#navi_smart li:hover > a { 
  background:#CC9933;
  background:#757575;
}

#navi_smart li:hover > b { 
  background:#CC9933;
  background:#757575;
}

/* navi Hover Hinter- und Vordergrundfarbe für alle Ebenen */

ul#navi li:hover > a, ul#navi ul li:hover > a, ul#navi ul ul li:hover > a, ul#navi ul ul ul li:hover > a  {
	background:#000;
	color:#CC9933;
}