/** Ausrichtung im Fenster **/

html	{
//	height:	100%;
//	width:	100%;
//	display:	table;
	}
body	{
//	display:	table-cell;
	text-align:	center;
	font-family:	serif;
	background:	url(pics/metall_back.jpg) fixed;
	background-attachment:	fixed;
	}


div#Seite	{
	text-align: left;
	margin: 0 auto;
//	width: 976px;
	}
	
/** Navigationsleiste **/

ul#Navigation	{
	float:	left;
	width:	166px;
	height:	100%;
	text-align:	center;
	padding:	0em;
	margin-left:	0px;
	background:	url(pics/metall_menu.jpg);
	}

/* Navigationsleiste - Listenelemente */

ul#Navigation li	{
	list-style:	none;
	padding-top:	0em;
	padding-bottom:	0em;
	width:	160px;
	margin:	3px;
	}
ul#Navigation li.m1	{
	line-height:	80%;
	font-size:	1.2em;
	border-top:	1px solid;
	border-bottom:	1px solid;
	}
ul#Navigation li.m2	{
	line-height:	80%;
	font-size:	1.0em;
	border-bottom:	1px dashed;
	}
ul#Navigation li.m3	{
	line-height:	80%;
	font-size:	0.9em;
	border-bottom:	1px dotted;
	}

/* Navigationsleiste - Links */

ul#Navigation a	{
	display:	block;
	padding-top:	0.4em;
	padding-bottom:	0.4em;
	font-weight:	bold;
	text-decoration:	none;
	}
ul#Navigation a:link	{
	color:	black;
	}
ul#Navigation a:visited	{
	color:	#666;
	}
ul#Navigation a:hover	{
	color:	black;
	background:	lightblue;
	}
ul#Navigation a:focus	{
	color:	black;
	}
ul#Navigation a:active	{
	color:	white;
	}

/** Haupteil **/

div#Inhalt {
	display:	table-cell;
	vertical-align:	middle;
	text-align:	center;
	font-family:	serif;
	}

/* Haupteil - Absätze */

div#Inhalt p	{
	padding-left:	10%;
	padding-right:	10%;
	text-align:	left;
	}
div#Inhalt p.text	 {
	}
div#Inhalt p.pics {
	}
div#Inhalt p.erkl {
	font-style:	italic;
	padding-left:	5em;
	}
div#Inhalt p.exif {
//	font-size:	small;
	font-family:	monospace;
	padding-left:	5em;
	}
	
/* Haupteil - Links */

div#Inhalt a	{
	text-decoration:	none;
	}
div#Inhalt a:link {
	color:	blue;
	}
div#Inhalt a:visited {
	color:	darkblue;
	}
div#Inhalt a:hover {
	color:	blue;
	background:	lightblue;
	}
div#Inhalt a:focus {
	color:	blue;
	}
	
div#Inhalt a.pics	{
	border:	none;
	background:	none;
	}
div#Inhalt a.dload{
	border:	none;
	}
div#Inhalt a.open	{
	border:	none;
	}

/* Haupteil - Bilder */

div#Inhalt img {
	margin:	0 auto;
	}
div#Inhalt img.pics {
	border:	none;
	}
div#Inhalt img.dload {
	border:	none;
	}

/* Haupteil - Tabellen*/

div#Inhalt table	{
	margin:	0 auto;
	border-collapse:	seperate;
	}
div#Inhalt table.pics {
	text-align:	center;
	}
div#Inhalt table.moz {
	text-align:	left;
	}
div#Inhalt table.moz-dload {
	text-align:	center;
	background:	rgb(255, 255, 255);
	}

/** Fusszeile **/

div#foot	{
	clear:	both;
	position:	fixed;
	left:	0;
	right:	0;
	bottom:	0;
	background:	url(pics/metall_back.jpg) fixed;
	}