@charset "UTF-8";
/* CSS Document */

html {
	overflow-y: scroll;
	}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-image: url(images/wasserturm.gif);
}

a {
	color: #333333;
	text-decoration: none;
	font-weight: bold;	
	}
	
a:hover {
	color: #3333FF;
	}

#hauptteil {
	position: relative;
	width: 800px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	}
	
#kopf {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 30px;
	background-color: #DBDBDB;
	font-size: 24px;
	font-variant: small-caps;
	text-align: center;
	}
	
#untertitel {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 800px; 
	height: 20px;
	padding: 4px;
	margin-top: 30px;
	text-align: center;
	}
	
#collage {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	margin-top: 70px;
	}
	
#kleines-bild {
	position: absolute;
	width: 170px;
	height: auto;
	left: 0px;
	top: 160px;
	}
	
#start {
	position:absolute;
	width:160px;
	height:20px;
	background-color: #DBDBDB;
	text-align: left;
	font-size: 14px;
	padding-left: 10px;
	z-index:2;
	left: 0px;
	top: 404px;
}
	
#chrono {
	position:absolute;
	width:160px;
	height:20px;
	background-color: #DBDBDB;
	text-align: left;
	font-size: 14px;
	padding-left: 10px;
	z-index:2;
	left: 0px;
	top: 444px;
}

#dokumente {
	position:absolute;
	width:160px;
	height:20px;
	background-color: #DBDBDB;
	text-align: left;
	font-size: 14px;
	padding-left: 10px;
	z-index:2;
	left: 0px;
	top: 484px;
}

#texte {
	position:absolute;
	width:160px;
	height:20px;
	background-color: #DBDBDB;
	text-align: left;
	font-size: 14px;
	padding-left: 10px;
	z-index:2;
	left: 0px;
	top: 524px;
}

#impressum {
	position:absolute;
	width:160px;
	height:20px;
	background-color: #DBDBDB;
	text-align: left;
	font-size: 14px;
	padding-left: 10px;
	z-index:2;
	left: 0px;
	top: 564px;
}
	
#fuss {
	position: absolute;
	width: 800px;
	height: 18px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 690px;
	padding: 2px;
	padding-left: 10px;
	background-color: #DBDBDB;
	font-size: 12px;
	text-align: left;
	top: 12px;
	}
	
.Stil1 {color: #990000}
.Stil2 {
	font-size: 14px;
	color: #990000;
	font-weight: bold;
	}
.Stil3 {font-style: italic}
.stil4 {
	display: inline-block;
	display: -moz-inline-block;
	float: right;
	}
.stil5{
	color:#660000;
	font-size: 14px;
	}
.stil6 {
	text-decoration: line-through;
	}

#chronologie {
	position:absolute;
	width:500px;
	height:auto;
	background-color:#FFFFFF;
	padding: 10px;
	padding-left: 20px;
	padding-top: 20px;
	font-size: 12px;
	color: #000000;
	z-index:1;
	left: 216px;
	top: 48px;
}
	
#dokumententabelle {
	position:absolute;
	width:500px;
	height:auto;
	background-color:#FFFFFF;
	padding: 10px;
	padding-left: 20px;
	font-size: 12px;
	color: #000000;
	z-index:1;
	left: 216px;
	top: 48px;
}
	
#dok-kopf {
	position: absolute;
	width: 470px;
	height: auto;
	background-color:#FFFFFF;
	padding: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	left: 216px;
	top: 48px;
	z-index: 2;
	}
	
#dok-image {
	position:absolute;
	width:auto;
	height:auto;
	z-index:1;
	left: 216px;
	top: 152px;
	background-color: #FFFFFF;
}

#dok-imagebreit {
	position:absolute;
	width:auto;
	height:auto;
	z-index:1;
	left: 192px;
	top: 184px;
	}
	
#dok-imagebreit-grau {
	position:absolute;
	width:690px;
	height:auto;
	z-index:1;
	left: 192px;
	top: 184px;
	background-color:#ECECEC;
	padding-top: 10px;
	padding-right: 10px;
	}
	
#dok-text {
	position:absolute;
	width:auto;
	height:auto;
	background-color:#FFFFFF;
	padding: 10px;
	padding-left: 20px;
	font-size: 12px;
	color: #000000;
	z-index:1;
	left: 216px;
	top: 264px;
	outline-style: solid;
	outline-width: thin;
	outline-color: #666666;
}

	
table,td,th{
	border:none;
	border-collapse:collapse;
	margin:0;
	padding:0;
}
table{
	border:none;
}
td,th{
	padding:.2em .2em;
	vertical-align:top;
	font-weight:normal;
}
thead th{
	font-weight:bold;
	font-size:90%;
	vertical-align:bottom;
	border-bottom:1px solid #000;
	margin-bottom:5px;
	}
tbody tr th{
	text-align: right;
	}
tbody td,tbody th{
	padding:3px 8px;
}
tfoot td,tfoot th{
	margin-top:5px;
	border:none;
	border-top:1px solid #000;
}
caption{
	text-align:left;
	font-size:120%;
	font-weight:bold;
	margin:13px;
	padding-left: 10px;
	padding-bottom: 10px;
}

#ol-texte {
	list-style-type: square;
	}
	
#tieftext {
	position:absolute;
	width:500px;
	height:auto;
	background-color:#FFFFFF;
	padding: 10px;
	padding-left: 20px;
	font-size: 12px;
	color: #000000;
	z-index:1;
	left: 216px;
	top: 48px;
}