@charset "utf-8";
body {font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #fff;	margin: 0;	padding: 0;	color: #000;}

/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl {	padding: 0;	margin: 0;}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* Durch Verschieben des oberen Rands wird das Problem behoben, dass Ränder aus dem zugehörigen div-Tag geraten können. Der übrig gebliebene untere Rand hält ihn getrennt von allen folgenden Elementen. */

}
a img { border: none;}


a:link {color:#a9b5cb; text-decoration: none;}
a:visited {color: #a9b5cb;text-decoration: none;}
a:hover, a:active, a:focus { color: #f7f9fc; text-decoration: none;}

.strong {color: #03F;} 
.brief{color:#339; background-color:#FC9;
font-style:italic;}

/* ~~ Dieser Container umschließt alle anderen div-Tags und weist ihnen ihre als Prozentwert definierte Breite zu. ~~ */
.container {
	width: 80%;
	width: 780px;
	background: #FFF;
	margin: 0 auto; }

/* ~~ Dies sind die Layoutinformationen. ~~ 

1) Eine Auffüllung wird nur oben und/oder unten im div-Tag positioniert. Die Elemente innerhalb dieses div-Tags verfügen über eine seitliche Auffüllung. Dadurch müssen Sie keine Box-Modell-Berechnungen durchführen. Zu beachten: Wenn Sie dem div-Tag eine seitliche Auffüllung oder einen Rahmen hinzufügen, werden diese zu der festgelegten Breite addiert und ergeben die *gesamte* Breite. Sie können auch die Auffüllung für das Element im div-Tag entfernen und ein zweites div-Tag ohne Breite und mit der gewünschten Auffüllung im ersten div-Tag einfügen.

*/
.content {
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	height: 1400px;
}

nav {margin-left: 124px; }
nav ul li {
	list-style-type: none;
	font-style: normal;
	display:inline;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

/* ~~ Dieser gruppierte Selektor gibt die Listen im .content-Bereich an. ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* Diese Auffüllung setzt die rechte Auffüllung in der obigen Regel für überschriften und Absätze fort. Die Auffüllung wurde unten für den Abstand zwischen anderen Elementen in den Listen und links für den Einzug platziert. Sie können die Werte nach Bedarf ändern. */
}

/* ~~ Verschiedene float/clear-Klassen ~~ */
.subnav {  /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
	width: 250px;
}
.subnav ul li{list-style-type: none; font-size: 12px; font-weight: bold;}
.subnav ul li .strong {color: #464E84;}

article {
	width: 520px;
	background-color:#f7f9fc;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

h4 {padding: 0; margin-bottom: 4px;}
h5 {color: #333; font-size: 14px;padding: 0; margin-bottom: 8px;}

.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: left;
	margin-right: 8px;
	
}
.clearfloat { /* Diese Klasse kann in einem <br />-Tag oder leeren div-Tag als letztes Element nach dem letzten flie&szlig;enden div-Tag (im #container) platziert werden, wenn overflow:hidden im .container entfernt wird. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.rechtsbuen&uuml;ig {
	text-align: right;
}
.unfertig {background-color: #fff; text-align:center;
vertical-align:middle;}
.unfertig-name {width: 250px;}