@charset "UTF-8";
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #003366;
	padding-left:12px; /*abstand angeben, sonst passt kein marker hin*/
}
<div id="menucontainer">
&raquo; <a class="menu" href="index.html">home</a><br/>
&raquo; <a class="menu" href="impressio.html">impressionen</a><br/>
&raquo; <a class="menu" href="daten.html">daten</a><br />
&raquo; <a class="menu" href="partner.html">geschäftspartner</a><br/>
&raquo; <a class="menu" href="referenz.html">referenzen</a><br/>
&raquo; <a class="menu" href="formular.html">bestellformular</a><br/>
&raquo; <a class="menu" href="agb.html">geschäftsbedingungen</a><br/>
&raquo; <a class="menu" href="kontakt.html">kontakt</a><br/>
&raquo; <a class="menu" href="impress.html">impressum</a><br/>
</div>

#menucontainer {
border:1px solid #606060;
background-color:#dddddd;
width:120px;
float:left;
padding:5px;
margin:0px 5px 5px 10px;
line-height:30px;
}
.menutitle
{
	margin:-5px -5px 5px -5px;
	padding:2px;
	background-color:#CCCCCC; /*grau*/
	font-weight:normal;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
}

/* Der Kasten mit dem Quellcode */
pre
{
 font-size:12px;
 color:#003366; /*blau*/
 padding:20px;
}
a:link, a:visited, a:active, a:hover
{
	text-decoration:none;
	font-weight:normal;
	color:#003366; /*blau*/
	font-size:12px;   /*menue-schriftgroesse*/
}
a:hover
{ 
  color:#990000; /*rot*/
  background-image: url(images/qad_h_g.gif);
  background-repeat: no-repeat;
  background-position : -8px 4px;
}
a:active
{ 
  color:#003366; /*rot*/
  background-image: url(images/qad_h_g.gif);
  background-repeat: no-repeat;
  background-position : -8px 4px;
}

.titel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #990000;
	text-align: left;
}
.textfluss {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #003366;
	text-align: left;
}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #003366;
	padding-left:12px; /*abstand angeben, sonst passt kein marker hin*/
}
.liste {
	list-style-image: url(images/qad_f_g.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #990000;
	background-repeat: no-repeat;
	background-position: 4px 5px;
}
.text_einger {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	text-indent: 8px;
	color: #003366;
}
liniebottom {
border-bottom:1px solid #ff0000;
}