<h3>Teaser</h3>
<p>Klar abgegrenzte Kästchen (sog. "Teaser") sind ein beliebtes Element für Navigations-Elemente oder auch für kleine Werbeblöcke.</p>
	<div class="ws-teaser">
<h4>&Uuml;berschrift</h4>
<p>Wie beil&auml;ufig, beim Umbl&auml;ttern der Buchseiten, habe ich Dein B ber&uuml;hrt.<br />
Man hatte Dich mir als Type geschildert, der man in allen Bibliotheken begegnet: Sehr belesen doch eher unscheinbar, von etwas altmodelnder Art.</p>
	</div>


/* Teaserbox */
.ws-teaser {
position: relative;/*fuer IE*/
width: 200px;
background-color: #e7d5b5;
border: solid 1px  #304e6a;
}
#wrapper .tip .ws-teaser h4 {
position: relative;/*fuer IE*/
margin: 0;
padding: 3px 0 3px 5px;
font-family: 'Trebuchet MS', sans-serif;
font-weight: bold;
background-color: #304e6a;
color: #e0e0e0;
}
.ws-teaser p {
font-family: Arial, sans-serif;
font-size: 95%;
color: #000;
margin: 0;
padding: 10px;
line-height: 150%;
}