@import url("layout.css");
body {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	color: #003162;
}

/* Selektoren
Grundsätzlich besteht eine Anweisung aus zwei Teilen: dem Selektor und den Eigenschaften.
Der Selektor ist im Beispiel #container, er steht immer vor geschweiften Klammern.
Selektoren wählen das HTML-Element aus, auf dass die Regel angewendet werden soll.
Im Beispiel wird das HTML-Element ausgewählt, dessen id-Attribut den Wert "container" hat,
also zb: <div id="container"></div>, denn die Raute "#" ist das Zeichen für einen ID-Selektor.
Eine ID darf in einer HTML-Seite nur ein einziges mal vorkommen.

Würde statt der Raute ein Punkt "." stehen, also z.B. .container {...} wäre das ein Klassen-Selektor,
der alle elemente auswählt, deren class-Attribut "container" ist,
also sowohl <div class="container"></div> als auch <div class="container"></div>.
Für eine Beschreibung (wie im Beispiel) eignet sich also die Vergabe von Klassen und die Verwendung
von Klassen-Selektoren eher, da es wahrscheinlich ist, dass davon mehrere auf einer Seite vorkommen.

# ist ein ID-Selektor
*/

#container {
	width: 950px;
	margin: 10px auto;
	position: relative;
	z-index: 1;
}
#kopfzeile {
	width: 950px;
	height: 195px;
	position: relative;
	z-index: 1;
}
#navigation {
	position: relative;
	float: left;
	width: 140px;
	height: 405px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;	
	z-index: 2;
}
#content {
	position: relative;
	float: right;
	clear: none;
	width: 770px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	z-index: 1;
}
#fussleiste {
	position: relative;
	z-index: 2;
	clear: both;
	width: 950px;
	border-top: 5px solid #dcdcdc;
}
/* Mastertitel-Formatvorlagen  */
#kopfzeile h1 {
	color: #084D81;
	font-size: 180%;
}
#kopfzeile h2 {
	color: #084D81;
	font-size: 100%;	
}
/* Navigationsformatvorlagen*/
#navigation ul {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
#navigation li {
	display: block;
	margin: 0;
	padding: 0;
	border: 0px solid #fff;
	background-color: transparent;
}
#navigation a {
/*	color: #003162;*/
	text-decoration: none;
	display: block;
	padding: 5px;
	border: 0px solid #fff;
	background-color: transparent;
	height: 20px;
}

#menu_left_top {
	position: absolute;
	width: 135px;
	height: 200px;
	clear: both;
	padding: 0px;
	margin: 0px;
	z-index: 2;
}

#menu_left_bottom {
	position: absolute;
	clear: both;
	width: 135px;
	height: 200px;
	padding: 0px;
	margin: 0px;
	z-index: 1;
}

#menu_left_bottom a {
/*	color: #e1e1e1;*/
	text-decoration: none;
	display: block;
	padding: auto;
	padding-top: 5px;
	border: 0px solid #fff;
	background-color: transparent;
	height: 20px;
}
#menu_left_top a {
/*	color: #e1e1e1;*/
	text-decoration: none;
	display: block;
	padding: auto;
	padding-top: 5px;
	border: 0px solid #fff;
	background-color: transparent;
	height: 20px;
}
#menu_left_bottom ul ul a {
/*	color: #e1e1e1; überschreibt alles*/
	text-decoration: none;
	display: block;
	padding: auto;
	padding-top: 5px;
	border: 0px solid #fff;
	background-color: transparent;
	height: 20px;
}
#menu_left_top ul ul a {
/*	color: #e1e1e1; überschreibt alles*/
	text-decoration: none;
	display: block;
	padding: auto;
	padding-top: 5px;
	border: 0px solid #fff;
	background-color: transparent;
	height: 20px;
}
#navigation a:hover {
/*	color: #fff;*/
	text-decoration: none;
	border: 0px solid #003162;
	background-color: #b2b6bc; /*084d81;*/
	/*background:url(styles/blank_Kopie.gif);*/
}
/*
#navigation a:active {
	color: #fff;
	text-decoration: none;
	border: 0px solid #003162;
	background-color: #b2b6bc;
	background:url(styles/blank_ori.gif);
}
*/


/* Inhaltsformatvorlagen */
h6 {
	color: #003162;
}
h5 {
	color: #084D81;
}
h4 {
	color: #084D81;
	font-size: 100%;
}
h3 {
	color: #084D81;
	font-size: 110%;
}
h2 {
	color: #084d81; /*#0081c7; #084D81;*/
	font-size: large;
	font-family: Verdana;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px
}
h1 {
	color: #084D81;
}
#content h1 {
	color: #084D81;
}
#content img {
	padding: 5px;
	border: 0px solid #808080;
}
.left {float:left;}
.style3 {text-align: right;}
.style4 {text-align: center;}
.style7 {text-align: center;
		font-size: large;
		color: #003162;
		}
.style8 {text-align: left;
		font-size: large;
		color: #003162;
		}
.style9 {
	text-decoration: none;
}
.style10 {color: #003162;
}
/*List styles*/
.style11 {list-style-type: square;}
.style12 {
	list-style-type: lower-roman;
}
.style13 {
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0;
}
/*Tabellen styles*/
.style16 {
	border-width: 0;
	margin: 3px;
}
/*Image styles*/
.style21 {
	border-width: 0;
}
.style26 {
	color: #C0C0C0;
}
.style27 {
	color: #C0C0C0;
	text-align: center;
}

.style28 {
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", Serif;
	color: #C0C0C0;
	text-align: left;
}

.style29 {
	color: #003162;
	text-align: left;
}
.style30 {
	font-size: medium;
	text-align: left;
}
.style31 {
	color: #003162;
	text-align: center;
}
.style32 {
	font-size: medium;
	text-align: center;
}
.style33 {
	border-width: 0px;
}
.style39 {
	color: #003162;
	margin-bottom: 0;
	margin-top: 0;
}
.style41 {
	border-width: 0;
	line-height: 150%;
	border-collapse: collapse;
}
.style52 {
	color: #003162;
	line-height: 200%;
	margin-top: 0;
	margin-bottom: 0;
}
.style55 {
	color: #808080;
}
.style58 {
	line-height: 150%;
	margin-top: 0;
	margin-bottom: 3px;
}
.style59 {
	color: #003162;
	margin-left: 40px;
}
.style61 {
	text-align: left;
	font-size: x-large;
	font-family: Verdana;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: normal;
}
.titlestyle {
	text-align: left;
	font-family: Verdana;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: normal;
	/*color: #0E3B5D;*/
	color: #646464;
	}
.titlestylelight {
	text-align: left;
	font-family: Verdana;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: normal;
	/*color: #0E3B5D;*/
	color: #808080;
	}
.titlestylebold {
	text-align: left;
	font-family: Verdana;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
	color: #808080;
	}
.titlestylesmall {
	text-align: left;
	font-family: Verdana;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 60%;
	}

.left_citation {
	font-family: Verdana, Geneva, Tahoma, Sans-Serif;
	color: #C0C0C0;
	text-align: left;
	font-size: small;
}
.gallery_2 {
	color: #003162;
	margin-bottom: 0;
	margin-top: 10px;
	margin-left: -5px;
}
.green {
	color: #008080;
}
.lightblue {
	color: #006699;
}
.lightgrey {
	color: #C0C0C0;
}
.red {
		color: red;
}
.darkred {color: #BF0000;
}

.left40px {
	margin-left: 40px;
}

.style73 {
	color: #084d81;
}


/*CSS has several options for redefining the style of links.*/
a {
	color: #006699;
	text-decoration: none;
}
a:visited {
	color: #006699;
}
a:active {
	color: #003162;
}
a:hover {
	color: #006699;
	text-decoration: underline; color: #bf0000;}
}