/* CSS / Stylesheets for www.gerdhirsch.de */
	/* Author: Florian Herbel 2005*/
	/* Überarbeitung Author: Gerd Hirsch 2006*/
	/* Styles für einige Standard HML-Tags */
body {
	background: #FFFFFF;
	margin: 5px 0 0 0;
	/* 5 Pixel Abstand zum oberen Ende des Browserfensters */
	font-size: 12px;
	/*font-family: Arial, sans-serif;*/
	/*font-family: 'Times New Roman', Times, sans-serif;*/
	/*font-family: Helvetica,Helv;*/
	font-family: Verdana;
	font-weight: normal;
	line-height: 16px;
	/*color: #FFFFFF;*/
	color: #FFFFFF;
	background: #000080;
	text-align: center; /* Zentrierung im Internet Explorer */
}

h1 { /*oben links unten rechts */
	margin: 10px 0 10px 0;
	/* Erste Überschrift mit 10px Abstand nach unten und oben*/
	font-size: 16px;
	font-weight: bold;
}

h2 { /*oben links unten rechts */
	margin: 10px 0 10px 0;
	/* Zweite Überschrift mit 10px abstand nach oben und nach unten */
	font-size: 14px;
	font-weight: bold;
}

/* Styles für Standard-Links */
a:link,a:visited {
	color: #C8C8C8;
	text-decoration: none;
}

a:hover {
	color: #f8f8f8;
	text-decoration: underline;
}

a:active {
	color: #f8f8f8;
	text-decoration: none;
}

/* breadcrumbs/pathway Style */
.pathway {
	font-size: 10px;
	line-height: 10px;
	vertical-align: top;
}

/* Die Layout Elemente (page, header, content, footer, navigation) */
	/* page Der Container für alle anderen Elemente, um eine Breitenangabe 
für die ganze Seite zu ermöglichen
weil das mit dem bocy element von HTML nicht geht, wird ein übergeordnetes alles umschließende element 
benötigt */
.page {
	width: 95%; /* relative Breite, passt sich dem Browserfenster an */
	height: 200px;
	margin: 0 auto; /* standardkonforme horizontale Zentrierung */
	/*background: #000080;*/
	text-align: left; /* Seiteninhalt wieder links ausrichten */
}

/* header */
.header {
	height: 120px; /* Höhe des Headers auf die Höhe des Banners gesetzt */
	background-image: url(images/banner.gif);
	background-repeat: no-repeat;
	text-align: center;
}

.header h1 {
	padding-top: 10px;
	font-size: 30px;
	font-weight: bold;
}

.header h2 {
	padding-top: 20px;
	padding-right: 10px;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}

/* Container für die Navigations-Listen */
.navigationcontainer {
	width: 20em;
	/* Breite in em, passt sich der Schriftgröße der enthaltenen
				   Elemente an */
	float: left; /* Objekt steht links und wird rechts umflossen */
}

.navigationlist { /* Liste mit Navigationspunkten im Navicontainer */
	display: block;
	margin: 0 0 0 15px;
	/* 15px Abstand zum linken Rand des Navicontainers */
	padding: 0 0 0 0;
	list-style-image: url(images/arrow.gif);
	/* Der Pfeil vor jedem Listenelement */
}

.validatedlist { /* Validierungs-Links */
	display: block;
	margin: 180px 0 0 20px; /* 180px Abstand nach oben */
	padding: 0 0 0 0;
}

.navigationlist a:link {
	color: #FFFFFF;
	text-decoration: none;
}

.navigationlist a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.navigationlist a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

/* Aktiver Navigationspunkt, zeigt im Menü an, wo man sich gerade befindet */
.navigationlist a.active {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

/* Platzhalter um Navigation unterteilen zu können */
li.seperator {
	height: 10px;
	width: 1px;
	list-style-image: none;
	list-style: none;
}

/* Styles für den Inhaltsbereich (content) */
.content {
	margin-top: 10px;
/*	margin-left: 30px;*/
	margin-left: 10px;
	padding-right: 10px;
	width: 65%;
/*	width: auto; */
	height: auto; /*400px;*/ /*background: #000080;*/
	text-align: left;
	overflow: auto;
}

.content table.overview { /* Style für Tabellen */
	border: none;
	/*width: 90%;*/
}

.content table.overview th {
	padding: 3px;
	vertical-align: top;
	line-height: 25px;
}

.content table.overview td {
	padding: 3px;
	text-align: left;
	vertical-align: top;
}

.content table.overview a:link {
	font-weight: bold;
}

.content h2.paragraph {
	/* Style für Überschriften 2ten Grades, die für die
				"paragraph"-Element vorgesehen sind */
	clear: left;
	padding-bottom: 5px;
	padding-top: 10px;
}

.content div.paragraph { /* Nachgebauter "p"-Tag, der im Gegensatz dazu 
				auch Kindelemente enthalten kann (da er ein "div" ist) */
	clear: left;
	padding-bottom: 25px;
	vertical-align: top;
	line-height: 18px;
}

.content .picture_left {
	/* Style für Bilder, die rechts von Text umflossen werden sollen */
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

/* Styles für den Footer */
.footer {
	height: 2em;
	line-height: 24px;
	text-align: center;
}

.footer li {
	display: inline;
}