/* CSS Design */



#content {

	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-align:justify;
}


#content p, h1, h2, h3, li {
margin-right:20px;
}

/*
--------------------------------------------------------------------
Links
--------------------------------------------------------------------
*/

 #content a:link { color:#003366; text-decoration:none; font-weight:bold;}
 #content a:visited { color:#003366; text-decoration:none; font-weight:bold;}
 #content a:hover { color:#0066CC; text-decoration:underline; font-weight:bold;}
 #content a:active { color:#0066CC; font-weight:bold;}
 #content a:focus { color:#0066CC; font-weight:bold;}
 
 #footer a:link { color:#ffffff; text-decoration:none; font-weight:bold;}
 #footer a:visited { color:#ffffff; text-decoration:none; font-weight:bold;}
 #footer a:hover { color:#ffffff; text-decoration:underline; font-weight:bold;}
 #footer a:active { color:#ffffff; font-weight:bold;}
 #footer a:focus { color:#ffffff; font-weight:bold;}


/*
--------------------------------------------------------------------
Überschriften
--------------------------------------------------------------------
*/


#content h2 
{
margin-top:25px;
margin-bottom:15px; 
font-family:Arial, Helvetica, sans-serif;
font-size:1.25em;
font-weight:bold;
color:#006699;
text-align:left;
letter-spacing:1px;
border-bottom-style:dotted;
border-bottom-width:thin;
}

#content h3 
{
margin-top:30px;
margin-bottom:10px; 
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
color:#000000;
text-align:left;
letter-spacing:1px;
}

#content ul
{
margin-bottom:10px;
margin-top:20px;
list-style-position:outside;
float:left;
margin-left:20px;
}

#content li
{
margin-bottom:10px;
list-style-type:square;
}

/*
--------------------------------------------------------------------
Weitere Elemente und Klassen
--------------------------------------------------------------------
*/
.initiale /* Mit <span class="initiale>B</span>eispieltext einbinden */
{
float:left;
width: .7em;
font-size: 4em;
line-height: 100%;
}

.bildunterschrift {
font-size:12px;
margin-top:-18px;
margin-bottom:0px;
}

.hinweis {
font-size:85%;
}

#workshop {
width:80%;
}

#workshop p {
margin-bottom:0px;
}

#workshop ul {
margin-top:0px;
margin-left:10px;
margin-bottom:20px;
padding:0px;
}

#workshop li {

}

.smallcaps {
	font-variant: small-caps;
	text-transform: none;
}
.quote {
	margin:40px;
	font-size:100%;
	line-height:160%;
	background-color: #eee;
	text-align: center;
	border: solid #006699;
	padding:20px 40px;
}

.preview_image {
	float:left;
}

.illustration {
	float:left;
	margin-top:25px;
}

.illustration p {
	padding-bottom:25px;
	font-size:90%;
}

.center {
	margin-left:15%;
}

.center .illustration {
	margin-right:60px;
}