@charset "UTF-8";
@charset 'iso-8859-15';
/* CSS Document */

* {
padding: 0;
margin: 0;
}

body {
	font: 13px/17px Tahoma, Geneva, sans-serif;
	background: #ffffff;
	margin: 0;
	padding: 0;
	color: #3e3d40;
	background-image:url(images/bg.gif);
	background-repeat:repeat-x;
	
	
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   -hyphens: auto; 
   hyphenate-limit-chars: auto 3;
hyphenate-limit-lines: 2;

}
h1, h2, h3, h4, h5, h6, p, br {
	margin: 0;
	line-height:17px;
	}
	
h1 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:15px;
	}
	
	h2 {
	font-size:13px;
	font-weight:bold;
	margin-bottom:0px;
	line-height:17px;
	}
	
	p {
	margin-bottom:15px;
	}
	
	
.linie {
border:none;
border-top: 1px solid #e0e3dd;
background-color:#FFFFFF;
height:1px;
margin:0px;
}


a img { /* Dieser Selektor entfernt den standardmäßigen blauen Rahmen, der in einigen Browsern um ein Bild angezeigt wird, wenn es von einem Hyperlink umschlossen ist. */
	border: none;
}

/* ~~ Die Reihenfolge der Stildefinitionen für die Hyperlinks der Site, einschließlich der Gruppe der Selektoren zum Erzeugen des Hover-Effekts, muss erhalten bleiben. ~~ */
a:link, a:visited {
	color:#3e3d40;
	text-decoration: none; 
}
a:hover, a:active, a:focus { /* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
	text-decoration: underline;
	color:#3e3d40;
}

/* ~~ Dieser Container umschließt alle anderen div-Tags und weist ihnen ihre als Prozentwert definierte Breite zu. ~~ */
.container {
	
	width: 800px;
	background: #FFF;
	margin: 0 auto; /* Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. Er ist nicht erforderlich, wenn Sie die Breite von .container auf 100 Prozent setzen. */
	overflow: hidden; /* Diese Deklaration bewirkt, dass .container alle enthaltenen fließenden Spalten löscht. */
	
	background-image:url(images/bg.gif);
	background-repeat:repeat-x;
}


.sidebar1 {
	float: left;
	width: 100px;
	padding-bottom: 10px;
}

.content {
	padding: 0;
	width: 800px;
	float: left;
}

.sidebar2 {
	float: left;
	width: 160px;
	height:500px;
//	background-image:url(images/stoerer_d.gif);
		background-repeat:no-repeat;
		background-position:20px 365px;
}

.sidebar2_e {
	float: left;
	width: 160px;
	height:500px;
	// background-image:url(images/stoerer_e.gif);
		background-repeat:no-repeat;
		background-position:20px 365px;
}


#logo {
	padding: 65px 0 100px 0;
	font-weight:bold;
}

#logo a {
	text-decoration:none;
	}
	
	#logo a:hover {
	text-decoration:underline;
	}


#logo img {
	clear:both;
	margin-top:-3px;
	float:right;
}


.clearfloat { /* Diese Klasse kann in einem <br />-Tag oder leeren div-Tag als letztes Element nach dem letzten fließenden div-Tag (im #container) platziert werden, wenn overflow:hidden im .container entfernt wird. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


.spalte {
	width:320px;
	float:left;
	margin-right:20px;
}
.spalte2 {
	width:460px;
	float:left;
}

.spalte2 ul li {
list-style-image:url(images/strichliste.gif);
margin-left: 17px; /* für IE */
    padding: 0; /* für andere Browser */
}

.spalte2 ul {
	margin-bottom: 0;	
	margin-top: 0;
}