A {
	FONT-SIZE: 10pt; COLOR: #ffffff; FONT-FAMILY: Verdana; TEXT-DECORATION: none
}
A:link {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #ffffff; FONT-FAMILY: Verdana; TEXT-DECORATION: none
}
A:active {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #FF6600;  FONT-STYLE: italic; FONT-FAMILY: Verdana;  TEXT-DECORATION: none;
	background-image: url('../images/selected.gif')!important;
}

A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #FF6600; FONT-STYLE: italic; FONT-FAMILY: Verdana; TEXT-DECORATION: none;
}
A:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; FONT-FAMILY: Verdana; TEXT-DECORATION: none;
}


BODY {
  FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #0000ff; FONT-FAMILY: Verdana;
  margin:  	   0;
  padding: 	   0;
  border:  	   0px none;
  background-image: url('../images/bg1.jpg');
}


#logo {
 border:  	   0px none;
 background-repeat: no-repeat;
 background-position:  50% 50%;
 background-image: url('../images/INNO-logo_small1.jpg');
 width: 200px;
 height: 108px
}

#logo2 {
 background-repeat: no-repeat;
 background-position: 50% 50%;
 background-image: url('../images/EU-Innovation.gif');
 width: 200px;
 height: 50px
}



#menue{
 margin: 0px;
 line-height: 18px; 
 width: 200px;
 height: 420px;
 background-repeat: no-repeat;
 background-position: 0px 50%;
 /*background-image: url('../images/mobilife2.jpg');*/			/* hintergrund des menues */
 /*background-color: red;*/
}
#space{
 	height: 16px;		/* oberer abstanddiv zwischen mobilifelogo und 1. menuepunkt */
}

#menue ul {
	list-style-type:none;
	/*list-style-image: url(white_bullett.jpg);*/		/* angabe für einmalige angabe des listenelementes, dieses muss dann so gross sein wie die lineheight*/
	margin: 0px;
	padding: 0px;
	display: inline-block;			/* für link auf dem ganzen listenfeld */
	
}
#menue ul li{
	/* wie sieht so ein listenfeld aus */
	/* margin = aussen padding = innen Abstand */
  	/*oben rechts unten links*/
  	padding: 0px;  /* wenn nur ein wert angegeben wir gilt dieser wert für alle 4 (oben rechts unten links) */
  	margin-left:0px; margin-right:0px; margin-top:8px; margin-bottom:0px;
	color:white;   /*schriftfarbe falls nur text dort stehen sollte ! nicht gleich linkfarbe */
	background-repeat: no-repeat;		/* hintergrund wird nicht wiederholt */
	background-position: 5px 50%;		/* hintergrund ist 10px von links und 50% (also mittig) von oben des listenelementes */
  	background-image: url('../images/blue_button.jpg');	/* hintergrundbild */
  	background-color: #333399;			/* hintergrundfarbe */
  	behavior:url(css/lihighlight.htc);
  	
}

#menue ul li:hover {
	/* hover state für browser wie firefox, mozilla + netscape, IE kann es leider noch nicht */
	/* margin = aussen padding = innen */
  	/*oben rechts unten links*/
  	padding: 0px;
	color:white;
	background-repeat: no-repeat;
	background-position: 5px 50%;
  	background-image: url('../images/blue_button_over.jpg');
  	background-color: #000066; margin-left:0px; margin-right:0px; margin-top:8px; margin-bottom:0px
	
}
#menue ul li.over{
	/* hover state für  IE  */
	/* margin = aussen padding = innen */
  	/*oben rechts unten links*/
  	padding: 0px;
	color:white;
	background-repeat: no-repeat;
	background-position: 5px 50%;
  	background-image: url('../images/blue_button_over.jpg');
  	background-color: #000066; margin-left:0px; margin-right:0px; margin-top:8px; margin-bottom:0px
	
}


#menue a{
 	display: inline-block;  /* für link auf dem ganzen listenfeld */
}

#menue ul li a{
	/* um wieviel soll der linktext verschoben werden 10 px des hintergundbildes + bildbreite + platz dazwischen */
	padding-left: 25px;   
	display:block;		/* für link auf dem ganzen listenfeld */
}


#secure{
	background-image: url('../images/key.jpg')!important;
	background-position: 0px 50% !important;
}