/* 
ein 2meter3 Projekt 
Ralf Stoltze

erwartet folgenden Quelltext:
<div id="a2m3project">
  <span id="line1">ein</span>
  <span id="line2"><a href="http://www.2meter3.de/">2meter3</a></span>
  <span id="line3">Projekt</span>
</div>

erwartet a2m3project.png und a2m3project.gif im selben verzeichnis

für ie kleiner 7 sollte unter dem stylesheet noch folgendes notiert werden:
<!--[if lt IE 7]>
<style type="text/css">
#a2m3project {
	background-image: url(a2m3project.gif);
}
</style>
<![endif]-->
*/

/* banner, rechts oben positioniert */
#a2m3project {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0px;
	margin: 0px;
	width: 194px;
	height: 109px;
	background-image: url(a2m3project.png);
	text-align: right;
}

/* verschiebe-effekt */
#a2m3project:hover {
	padding-right: 10px;
}

/* zeilenformatierung */
#a2m3project #line1, #a2m3project #line2, #a2m3project #line3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	display: block;
	color: white;
}

#a2m3project #line1 {
	margin-right: 50px;
	margin-top: 14px;
	font-size: 20px;
	line-height: 10px;
}

#a2m3project #line2 {
	margin-right: 5px;
	font-size: 38px;
	line-height: 23px;
}

#a2m3project #line2 a {
	text-decoration: none;
	color: #92D8F9;
}

/* forb-effekt für den link */
#a2m3project #line2 a:hover {
	color: white;
}

#a2m3project #line3 {
	margin-right: 66px;
	font-size: 20px;
}