body {
	background-color: white; 
	margin: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #6B6972;
}
td {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}
h1 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-top: 11px;
	margin-bottom: 7px;
	color: #006E9E;
	background-color: white;
}
h2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin-top: 11px;
	margin-bottom: 7px;
	color: #006E9E;
	background-color: white;
}
.blueCol {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin-top: 11px;
	margin-bottom: 7px;
	color: #006E9E;
	background-color: white;
	width: 90px;
	vertical-align: top;
}
.beige {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
/*	color: #C2B69F; */
	font-weight: bold;
	color: #A68B59;
	background-color: white;
	line-height: 22px;
}
.h2Bold {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #6B6972;
}
.h2BlueBold {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #006E9E;
}
/*
	horizontal zentrierte Box, die die Arbeitsflaeche
	aufnimmt. Breite und Hoehe sind die Aussenmasse 
	der Arbeitsflaeche.
	Die Box liefert durch ihre Hintergrundfarbe auch 
	gleichzeitig den Rahmen und die horizontale Linie 
	fuer die Arbeitsflaeche
*/
#frame {
	font-family: Verdana, Arial, Geneva, Arial, sans-serif;
	color: white;
	background-color: #6B6972;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 1000px;
	height: 610px;
	visibility: visible;
	font-size: 1%;
}
/*
	weisser Hintergrund fuer den Teil der Arbeitsflaeche
	oberhalb der horizontalen Linie
	height: 133 px
	top und left lassen einen 1 px breiten Rand stehen
	width: frame.width - 2 * Dicke des Randes
*/
#upperBackground {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 998px;
	height: 133px;
	text-align: left;
	background-color: white;
	color: white;
	font-size: 1%;
}
/*
	weisser Hintergrund fuer den Teil der Arbeitsflaeche
	unterhalb der horizontalen Linie
	height: frame.height - upperBackground.heigth - 3 * Rahmendicke
	left:  upperBackground.left
	top: upperBackground.height + 1 Pixel fuer die horizontale Line + 1
	width: upperBackground.width
*/
#lowerBackground {
	position: absolute;
	left: 1px;
	top: 135px;
	width: 998px;
	height: 474px;
	background-color: white;
	color: white;
}
/*
	obere Leiste fuer das Hauptmenue
	width = upperBackground.width - margin-left
	height = upperBackground.height + 2 * Rahmendicke
*/
#mainMenu {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 980px;
	height: 115px;
	margin-left: 18px;
	margin-top: 18px;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	color: #6B6972;
	background-color: white;
	font-size: 12px;
	letter-spacing: 1pt
}
/*
	Untermenue auf der linken Seite
	width = width - margin-left
*/
#subMenu {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 156px;
	height: 284px;
	margin-left: 18px;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #6B6972;
	background-color: white;
}
/*
	kontextsensitive Hilfe
	width = subMenu.width
	margin-left = subMenu.margin-left
	height = 162 px
	height ist jetzt auf 110px beschraenkt wegen ie5 auf mac
*/
#context {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 156px;
	height: 110px;
	margin-left: 18px;
	margin-bottom: 22px;
	text-align: left;
}
/*
	Box fuer den Inhalt
	left = subMenu.width + subMenu.margin-left
	width = lowerBackground.width - subMenu.width - subMenu.margin-left - margin-left
	height = lowerBackground.height - toolbar.height - toolbar.margin-bottom
*/
#content {
	position: absolute;
	top: 0px;
	left: 174px;
	width: 802px;
	height: 452px;
	margin-right: 18px;
	background-color: white;
	text-align: left;
	color: white;
}
/*
	Fehlermeldung wenn JavaScript nicht eingeschaltet ist.
*/
#javaError {
	position: absolute;
	top: 0px;
	left: 174px;
	width: 802px;
	height: 452px;
	margin-right: 18px;
	background-color: white;
	color: red;
}
/*
	Impressum, Sitemap, Suche, Logo ...
	left: subMenu.width
	width = 4 * 14 + 5 * 4 + input.search.width
	height = 22 px
*/
#toolbar {
	position: absolute;
	bottom: 0px;
	right: 426px;
	width: 160px;
	height: 22px;
	margin-bottom: 22px;
	text-align: left;
	font-size: 1%;
}
/*
	Werk5-Logo rechts unten
*/
#logo {
	position: absolute;
	bottom: 22px;
	right: 22px;
	font-size: 1%;
}
/*
	Ergebnis der Suche
*/
#searchResult {
	position: absolute;
	top: 11px;
	left: 174px;
	width: 802px;
	height: 22px;
	text-align: left;
	background-color: white;
	color: black;
	font-weight: bold;
	font-size: 11px;
	z-index: 10;
}
/*
	nummerierte Knoepfe
	left = wideColumn.width + gutter.width
	top = 284 - height
	width = Anzahl Buttons * 14 + (Anzahl Buttons - 1) * 4
*/
#navbar {
	position: absolute;
	top: 270px;
	left: 410px;
	width: 158px;
	height: 14px;
	text-align: left;
	font-size: 1%;
}
/*
	Abstand zwischen zwei Spalten
	width = 18 px
	height = column.height
*/
.gutter {
	height: 426px;
	width: 18px;
	float:left;
}
/*
	breite Spalte
	width = 2 * 187 px
	height = content.height - 20 px
*/
.wideColumn {
	width: 392px;
	height: 426px;
	float: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #6B6972;
	background-color: white;
}
/*
	schmale Spalte
	width = 187 px
	height = content.height - 20 px
*/
.thinColumn {
	width: 187px;
	height: 426px;
	float:left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #6B6972;
	background-color: white;
}
.sitemap {
	width: 185px;
	height: 320px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #6B6972;
	background-color: white;
	overflow: auto;
}
.activeButton {
	background-color: #006E9E;
	color: white;
	font-size: 1%;
	width: 14px;
	height: 14px;
	float:left;
	cursor: pointer;
}
.inactiveButton {
	background-color: #AEC5E6;
	color: white;
	font-size: 1%;
	width: 14px;
	height: 14px;
	float:left;
	cursor: pointer;
}
.hSpace6 {
	background-color: white;
	color: white;
	width: 6px;
	height: 6px;
	font-size: 1%;
	float: left;
}
.hSpace10 {
	background-color: white;
	color: white;
	width: 10px;
	height: 10px;
	font-size: 1%;
	float: left;
}
.hSpace14 {
	background-color: white;
	color: white;
	width: 14px;
	height: 14px;
	font-size: 1%;
	float: left;
}
.hSpace4 {
	background-color: white;
	color: white;
	width: 4px;
	height: 4px;
	font-size: 1%;
	float:left;
}
.vSpace4 {
	background-color: white;
	color: white;
	height: 4px;
	width: 4px;
	font-size: 1%;
	clear: left;
}
.vSpace7 {
	background-color: white;
	color: white;
	height: 7px;
	width: 7px;
	font-size: 1%;
	clear: left;
}
.vSpace10 {
	background-color: white;
	color: white;
	height: 10px;
	width: 10px;
	font-size: 1%;
	clear: left;
}
.vSpace11 {
	background-color: white;
	color: white;
	height: 11px;
	width: 11px;
	font-size: 1%;
	clear: left;
}
.vSpace19 {
	background-color: white;
	color: white;
	height: 19px;
	width: 19px;
	clear: left;
	font-size: 1%;
}
.vSpace30 {
	color: white;
	background-color: white;
	height: 30px;
	width: 30px;
	clear: left;
	font-size: 1%;
}
table.context {
	width: 100%;
	height: 100%;
}
td.context {
	color: #6B6972;
	background-color: white;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
/*	vertical-align: text-bottom; */
	vertical-align: bottom;
	text-align: left;
/*	line-height: 24px; */
}
table.toolbar {
	height: 100%;
	text-align: left;
}
td.toolbar {
	vertical-align: bottom;
	text-align: left;
}
table.content {
	padding-right: 18px;
}
form.search {
	margin-top: 0px;
	margin-bottom: -1px;
}
/*
	Feld fuer die Eingabe des Suchbegriffs
*/
input.search {
	border: 1px solid black;
	font-size: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 80px;
}
/*
	Fehlermeldungen in freundlichen roten Buchstaben
*/
.error {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: red;
	background-color: white;
}
span.sitemap {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #006E9E;
	background-color: white;
}
a:link { 
	font-family:  Verdana, Arial, sans-serif;
	background-color: white; 
	color: #6B6972;
}
a:visited { 
	font-family:  Verdana, Arial, sans-serif;
	background-color: white; 
	color: #6B6972;
}
a:active { 
	font-family:  Verdana, Arial, sans-serif;
	background-color: white; 
	color: #6B6972;
}
a:hover { 
	font-family:  Verdana, Arial, sans-serif;
	background-color: white; 
	color: #006E9E;
}
/*
	enthaelt den scrollbaren ausschnitt in welcome.html
	width = wideColumn.width
	height = bildhoehe (286 px)
*/
#box {
	position: absolute;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	width: 392px;
	height: 284px;
}
/*
	enthaelt das zu scrollende bild. ist in der breite
	und hoehe jeweils um 20 px groesser als box, damit
	die scrollbars versteckt werden koennen (NS scrollt
	nur divs, die scrollbars haben).
	width = box.width + 20
	height = box.height + 20
*/
#pic {
	position: relative;
	top: 0px;
	left: 0px;
	overflow: auto;
	padding: 0px;
	margin: 0px; 
	width: 412px;
	height: 304px;
}
/*
	1. Spalte einer Tabelle für Downloads
*/
.download1 {
	vertical-align: top;
	width: 312px;
}
/*
	2. Spalte einer Tabelle für Downloads
*/
.download2 {
	vertical-align: top;
	width: 80px;
	text-align: right;
}
/*
	keywords und html-links verstecken
*/
#keywords {
	position: absolute;
	top: -1000px;
	left: -1000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	background-color: white;
	color: black;
	z-index: -10;
}
/*
	Logo auf der Startseite
*/
#startLogo {
	position: absolute;
	width: 182px;
	height: 35px;
	font-size: 1%;
	color: white;
	background-color: white;
}
/*
	Buttons fuer die Sprachauswahl auf der Startseite
*/
#startButton {
	position: absolute;
	width: 14px;
	height: 14px;
	font-size: 1%;
}
/*
	Buttons fuer die Sprachauswahl auf der Startseite
*/
#startButtonText {
	position: absolute;
	width: 63px;
	height: 14px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #6B6972;
	background-color: white;
}
/*
	Kacheln auf der Startseite
*/
#startTile {
	position: absolute;
	width: 14px;
	height: 14px;
	font-size: 1%;
	color: white;
	background-color: white;
}
/*
	weisser Hintergrund fuer die Startseite
	top und left lassen einen 1 px breiten Rand stehen
	width: frame.width - 2 * Dicke des Randes
	height: frame.heigth - 2 * Dicke des Randes
*/
#startBackground {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 998px;
	height: 608px;
	text-align: left;
	background-color: white;
	color: white;
	font-size: 1%;
}
#startContent {
	position: absolute;
	top: 18px;
	left: 18px;
	width: 959px;
	height: 560px;
	text-align: left;
	background-color: white;
	color: white;
	font-size: 1%;
}