/* 1. LAYOUT */

/* 1.1 generell, ganze seite */

/* höhe der seite auf 100% setzen, hintergrundbild (muster links und rechts) definieren und platzieren, ränder auf 0 setzen */
body, html {
	height: 100%;
	background: url(images/hg_muster.gif) 0 100px repeat-y #fff;  
	margin: 0;
	}

/* container zur definition von abstand links und maximale breite inhalt */
#container {
	display: inline;
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: left;
	}

/* zeilenumbruch setzt die float-eigenschaft zurück */
br {
	clear: left;
	}

/* bilder haben generell keinen rahmen */
img {
	padding: 0;
	margin: 0;
	border: 0;
	}


/* 1.2 inhalts-container */
#hauptinhalt {
	float: left;
	display: inline;
	width: 1030px;
	margin: 25px 0 0 90px;
	padding: 0;
	background: url(images/hg_inhalt.gif) top left repeat-x #fff;
	}

/* alle divs im hauptinhalt sollen links gefloatet und inline angezeigt werden */
#hauptinhalt div {
	float: left;
	display: inline;
	}


/* 1.3 kopfzeile mit logo und navigation */
.kopfzeile {
	width: 960px;
	margin-left: 39px;
	}

/* kopfzeile oben links */
#kopfzeile1 {
	background: url(images/ilu.gif) top left no-repeat #fff;
	}

/* kopfzeile oben mitte (blauer schriftzug) */
#ing_larch_umwf {
	width: 358px;
	margin: 23px 0 0 122px;
	color: #003399;
	}

/* kopfzeile oben rechts (subnavigation mittels bildern) */
#subnavigation_bilder {
	width: 480px;
	height: 53px;
	margin-top: 13px;
	}

/* bilder in der navigation und illustrationsbilder rechts neben haupttext sollen inline angezeigt werden und einen abstand von 7px haben */
div#subnavigation_bilder img, div#illustration img {
	display: inline;
	margin-right: 7px;
	}

/* kopfzeile unten links (hauptnavigation) */
#hauptnavigation {
	width: 419px;
	margin: 17px 0 0 61px;
	}

/* kopfzeile oben rechts (subnavigation mittels textlinks) */
.subnavigation_text {
	width: 240px;
	margin-top: 17px;
	}


/* 1.4 seitentitel (bereich/unterseite) */
.titel_bilder {
	margin-top: 61px;
	}

#seitentitel {
	width: 180px;
	margin-left: 100px;
	}

#untertitel {
	width: 350px;
	}


/* 1.5 inhalt, haupttext, illustrationsbilder */
#lauftext {
	width: 560px;
	margin: 29px 100px 0 100px;
	font-size: 12px;
	line-height: 18px;
	}

/* spalte mit bildern rechts neben dem haupttext */
#illustration {
	width: 240px;
	margin-top: 33px;
	}

#startseite {
	width: 1030px;
	height: 230px;
	margin-bottom: 8px;
	background: url(images/hg_startseite.jpg) bottom left no-repeat;  
	}


/* 3.3 seiten mit tabellen */
#tabelle {
	width: 890px;
	margin: 29px 0 0 100px;
	}

table {
	border-collapse: collapse;
	width: 790px;
	}

th {
	text-align: left;
	border-bottom: 1px solid #666666;
	padding: 0 10px 0.65em 0;
	}

td.kopf2 {
	text-align: left;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	padding: 0.65 10px 0.65em 0;
	font-weight: bold;
	}

td {
/*	text-align: left; */
	vertical-align: top;
	border-bottom: 1px solid #cccccc;
	padding: 0.65em 10px 0.65em 0;
	}

td.halb {
	width: 200px;
	}

table.geschichte {
	width: 530px;
	margin-top: 0.85em;
	}
table.geschichte td {
	border-bottom: none;
	padding 0 0 1em 0;
	font-size: 12px;
	line-height: 18px;
	}
td.jahr {
	width: 20px;
	font-weight: bold;
	}



/* 2 SCHRIFT UND FARBE */

/* 2.1 seitenweite schriftdefinition */
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#333333;
	}


/* 2.2 links */
a {
	text-decoration: none;
	text-transform: none;
	}

a:link, a:visited {
	color: #339900;
	}

a:hover {
	color: #000000;
	}


/* 2.3 titel */
strong {
	font-weight: bold;
	color: #339900;
	}


/* 2.4 navigation, tabellen */
.navigation, td, th {
	font-size: 10px;
	line-height: 13px;
	}

div.navigation p {
	padding-top: 1.3em;
	}

.navigation a:link, .navigation a:visited, .navigation {
	color: #999999;
	}

.navigation a:hover {
	color: #000000;
	}


/* 2.5 unterschied zwischen IE und anderen browsern beheben */
p {
	margin: 0;
	padding-top: 1.5em;
	}


/* 2.6 listen */
ul {
	margin: 0;
	padding: 0 0 0 1.3em;
	}


/* 2.7 mail adressen fuer noscript */
img.ma {
	display: inline;
	vertical-align: text-bottom;
	}

/* f¸r die aufgeklickten Bilder */
#ZoomImage {
	padding:12px;
	background-color: #ffffff;
}
#ZoomCapDiv table {
	width:1%;
}
#ZoomCapDiv td {
	padding:0px;
	margin:0px;
	offset:0px;
	border:none;
	vertical-align: middle;
}
#ZoomCapDiv td img {
	margin-right:0px;
}
#ShadowBox table {
	width:100%;
}
#ShadowBox td {
	padding:0px;
	border:none;
}