@charset "UTF-8";
body  {
    	font-family: 'Droid Sans', Verdana, Arial, Helvetica, sans-serif;
	    font-size: 0.78em;
		line-height: 1.5em;
		color: #444444;
    	background: #ffffff;
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: left; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    }
    
 h1 {
 font-size: 110%;
 letter-spacing: 0.1em;
 text-transform: uppercase;
 line-height: 120%; 
 color: #336666;
 }
 h2 {font-size: 100%; color: #336666;}
 h3 {font-size: 100%; color: #009933;}
 
 hr {
	height: 10px;
	border: none;
	border-top: 1px dashed #888888;
	margin-bottom: 3px;
	margin-top: 5px;
 }
	
.container_12 {
	background: url('../images/_feather_1.jpg') 170px 20px no-repeat;
	padding-top: 230px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	width: 960px;
	height: auto;
	background: #FFFFFF; 
	border: 0px solid #FF6600;
	text-align: left;
	}	
	
.grid_3 navleft {
	width: 140px;
	font-size: 120%;
	font-weight: bold;
	list-style: none;
	color: #669933;
	text-align: left;
	line-height: 280%;
	margin-top: 300px;
	margin-left: 40px;
	margin-right: 10px;
	margin-bottom: 10px;
	}
	
.grid_7 .content {
	border: 0px dotted #444444;
	font-size: 100%;
	line-height: 1.5em;
	background-color: none;
	padding: 0px;
	text-align: left;
	width: 540px;
	margin-top: 300px;
	margin-left: 10px;
	margin-right: 10px;
	}
	
grid_12.footer {
	width: 750px;
	height: 10px;
	font-size: 65%;
	color: #444444;
	text-align: left;
	margin-left: 350px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #000000;
	}	
	
.imageleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
	border: 0px solid #000000;
	}
	
.imageright {
	float: right;
	margin-left: 15px;
	margin-bottom: 5px;
	}

ul#navilinks {
width: 140px; /* Breite Navigation */
margin: 0 0 200px 0; 
padding: 0 0 0 0;
border: 0;
background-color: none;
}
ul#navilinks li {
list-style: none;
margin: 0; 
padding: 0;
}
ul#navilinks a, ul#navilinks span, ul#navilinks h2 {
display: block;
padding: 0 0 0 0px;
text-decoration: none; 
font-size:100%;
line-height: 270%;
font-weight: bold;
border: none;
color: #669933; 
background-color: #FFFFFF;
}
ul#navilinks a:hover, ul#navilinks li.active a, ul#navilinks span {
border: none;
color: #336666; 
}
#navilinks {
float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
width: 140px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
background: none; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
padding: 0 0 0 0;
}
	
a 
{
	color: #669933;
	text-decoration: none;
	font-weight: normal;
}
a:visited 
{
	color: #669933;
	text-decoration: none;
	font-weight: normal;
}
a:hover 
{
	color: #336666;
	text-decoration: underline; 
	font-weight: normal;
}
a:active 
{
	color: #669933;
	font-weight: normal;
	text-decoration: none;
}