@charset "iso-8859-1";
/*
 * Anzeigeoptionen fuer www.sto-stockmayer.de
 * (c) www.thon-softwaretechnik.de
 */

* {
	margin:				0;		/* Vorgabewert fuer alle Aussenabstaende */
	padding:			0;		/* Vorgabewert fuer alle Innenabstaende */
}

body {
	background-color:	#b0b0b0; /* #b0b0b0 Hintergrundfarbe im Browser-Fenster */
	color:				#0000e0;	/* Schriftfarbe im Browser-Fenster */
	text-align:			left;	/* horizontale Element-Ausrichtung im Browser-Fenster */
	vertical-align:		top;	/* vertikale Element-Ausrichtung im Browser-Fenster */
	font-family:		Arial, Helvetica, sans-serif;
}

#seite {
	width:				900px;	/* Gesamtbreite Hintergrundbild/Anzeige */
	color:				black;	/* Vorgabe-Schriftfarbe fuer Seite */
	margin:				0 auto;	/* Aussenabstand oben/unten: 0; links/rechts: zentriert */
	text-align:			left;	/* Element-Ausrichtung fuer Seite */
	line-height:		1.6;	/* regelt Zeilenabstand */
	border:				none 2px red;	/* ggf. Test-Rahmen */
}

/* Tabelle fuer Seiten-Layout */
table.layout {
	width:				100%;	/* Tabellenbreite */
	border-collapse:	collapse; /* Rahmenlinien zusammenfallend: collapse; Rahmen sichtbar machen: separate, Rahmenfarbe: body */
	border:				none;	/* Rahmenlinie um Tabelle */
	border-width:		3px;	/* regelt via Rahmendicke den Abstand zwischen den Tabellen, 3px haelt Fusszeile buendig zu Inhalt */
	border-color:		black;	/* #b0b0b0 entspricht Hintergrundfarbe fuer body */
}

table.layout td {
	background-color:	#ccc;	/* Hintergrundfarbe Kopf, Navi, Fuss */
	padding-left:		0px;	/* Innenabstand-links */
	vertical-align:		left;	/* vertikale Ausrichtung im Tab-Element */
	text-align:			top;	/* horizontale Ausrichtung im Tab-Element */
	border:				none 1px green;	/* ggf. Test-Rahmen */
}

table.layout td.zentriert {
	height:				50px;
	vertical-align:		middle;	/* vertikale Ausrichtung im Tab-Element */
	text-align:			center;	/* horizontale Ausrichtung im Tab-Element */
	border:				none 1px red;	/* ggf. Test-Rahmen */
}

table.layout td.navi {
	width:				162px;	/* Spaltenbreite Navigation */
	vertical-align:		top;	/* vertikale Ausrichtung im Tab-Element */
	text-align:			left;	/* horizontale Ausrichtung im Tab-Element */
	border:				none 1px brown;	/* ggf. Test-Rahmen */
}

table.layout td.inhalt {
	background-color:	#fafafa;
	vertical-align:		top;	/* vertikale Ausrichtung im Tab-Element */
	text-align:			left;	/* horizontale Ausrichtung im Tab-Element */
	border:				none 1px brown;	/* ggf. Test-Rahmen */
}

table.layout td.fuss {
	height:				65px;	/* Spaltenhoehe Fusszeile */
	vertical-align:		middle;	/* vertikale Ausrichtung im Tab-Element */
	text-align:			center;	/* horizontale Ausrichtung im Tab-Element */
	border:				none 1px brown;	/* ggf. Test-Rahmen */
}

/* ===== Kopf-/Fusszeile: ===== */
/* Positionierung der Logoelemente: */
#logo-root {
	width:				102px; height: 73px;	/* 3D-Effekt weil 1 px zusaetzlich zur Bildgroesse */
	border:				solid;
	border-width:		3px;
	border-color:		#666;
	position:			relative; top: -8px; left: 10px;
}

#logo-elemente {
	border:				none; border-width: 1px; border-color: black;
}

#fuss-elemente {
	border:				none; border-width: 1px; border-color: black;
}

/* ===== Mittelteil: Navigations- und Inhalts-Spalte: ===== */
/* Navigations-Menue in der linken Spalte: */
#navi {
	padding-top:		10px;	/* Innenabstand-oben */
	padding-left:		12px;	/* Innenabstand-links */
	color:				#0000e0; /* Schriftfarbe, korrespondiert mit der Ueberschriftfarbe */
	font-size:			15px;
	font-weight:		bold;
	border:				none 1px red;	/* ggf. Test-Rahmen */
}

#navi .ebene1 {
	line-height:		1.2;	/* regelt Zeilenabstand */
	border:				none 1px red;	/* ggf. Test-Rahmen */
}

#navi .ebene1 p {
	padding-top:		10px;	/* regelt Zeilenabstand */
	padding-bottom:		5px;	/* regelt Zeilenabstand */
	border:				none 1px red;	/* ggf. Test-Rahmen */
}

#navi .ebene1 a {
	text-decoration:	none;
	color:				#404040;
	border:				none 1px blue;	/* ggf. Test-Rahmen */
}

#navi .ebene1 a:hover {
	text-decoration:	none;
	background-color:	#f8f8f8;
	color:				blue;
	border:				none 1px yellow;	/* ggf. Test-Rahmen */
}

#navi .ebene2 {
	font-size:			80%;	/* relativ zu ebene1 */
	line-height:		1.2;	/* regelt Zeilenabstand */
	padding-left:		22px;	/* Einrueckung */
	border:				none 1px black;	/* ggf. Test-Rahmen */
}

#navi .ebene2 p {
	padding-top:		5px;	/* regelt Zeilenabstand */
	border:				none 1px red;	/* ggf. Test-Rahmen */
}

#navi .ebene2 a {
	text-decoration:	none;
	color:				#404040;
	border:				none 1px blue;	/* ggf. Test-Rahmen */
}

#navi .ebene2 a:hover {
	text-decoration:	none;
	background-color:	#f8f8f8;
	color:				blue;
	border:				none 1px yellow;	/* ggf. Test-Rahmen */
}

/* Textspiegel in der rechten Spalte: */
#inhalt {
	padding-left:		15px;	/* Innenabstand der Elemente nach links */
	padding-right:		15px;	/* Innenabstand der Elemente nach rechts */
	margin-right:		15px;
	border:				none 1px brown;	/* ggf. Test-Rahmen */
}

/* Attribute der Elemente: */
#inhalt h1 {
	font-size:			180%;	/* relative Schriftgroesse */
	font-weight:		normal;
	color:				#0000e0;
	padding-top:		20px;
	padding-bottom:		10px;
	border:				none 1px red;	/* ggf. Test-Rahmen */
}

#inhalt h2 {
	font-size:			150%;	/* relative Schriftgroesse */
	font-weight:		bold;
	padding-top:		10px;	/* Innenabstand-oben */
	padding-bottom:		5px;	/* Innenabstand-unten */
	border:				none 1px red;	/* ggf. Test-Rahmen */
}

#inhalt h3 {
	font-size:			120%;	/* relative Schriftgroesse */
	font-weight:		bold;
	padding-top:		7px;	/* Innenabstand-oben */
	padding-bottom:		3px;	/* Innenabstand-unten */
	border:				none 1px red;	/* ggf. Test-Rahmen */
}

#inhalt p {
	margin-top:			10px;	/* Aussenabstand-oben zwischen Elementen */
	margin-bottom:		0px;	/* Aussenabstand-unten zwischen Elementen */
	border:				none 1px blue;	/* ggf. Test-Rahmen */
}

#inhalt .ebene2 p {
	margin-top:			6px;	/* Aussenabstand-oben zwischen Elementen */
	margin-bottom:		0px;	/* Aussenabstand-unten zwischen Elementen */
	border:				none 1px blue;	/* ggf. Test-Rahmen */
}

#inhalt br {
	margin-top:			0px;	/* Aussenabstand-oben zwischen Elementen */
	margin-bottom:		0px;	/* Aussenabstand-unten zwischen Elementen */
	border:				none 1px blue;	/* ggf. Test-Rahmen */
}

#inhalt ul li {
	list-style-type:	none;
	background-image:	url(pics/Liste-Quadrat-6x6-offen-blau.gif);
	background-repeat:	no-repeat;
	background-position: 0 7px;	/* regelt Position der Listen-Markierung im Textspiegel */
	margin-top:			12px;	/* Aussenabstand-oben zwischen Elementen */
	padding-top:		0px;	/* vergrößert ggf. den Abstand der Listen-Elemente */
	padding-left:		20px;	/* Abstand zur Markierung */
}

#inhalt .ebene2 ul li {
	list-style-type:	none;
	background-image:	url(pics/Liste-Quadrat-6x6-offen-blau.gif);
	background-repeat:	no-repeat;
	background-position: 0 7px;	/* regelt Position der Listen-Markierung im Textspiegel */
	margin-top:			0px;	/* Aussenabstand-oben zwischen Elementen */
	padding-top:		0px;	/* vergrößert ggf. den Abstand der Listen-Elemente */
	padding-left:		20px;	/* Abstand zur Markierung */
}

#inhalt  a, a:visited {
	font-weight:		bold;
	text-decoration:	none;
	color:				#0000e0;
}

#inhalt  a:hover {
	text-decoration:	underline;
	background-color:	#eee;
}

/* Tabelle ohne Rahmen (Std im Text-Spiegel): */
#inhalt table {
	width:				100%;
	table-layout:		auto;
	border-collapse:	collapse; /* Rahmenlinien zusammenfallend: collapse (Rahmen sichtbar machen: separate */
	margin-bottom:		10px;	/* Abstand zum nachfolgenden Element */
	border:				none 1px brown;	/* ggf. Test-Rahmen */
}

#inhalt table th {
	background-color:	#f0f0f0; /* Hintergrundfarbe fuer Spalten-Ueberschriften */
	font-weight:		bold;
	text-align:			left;
	vertical-align:		middle;
}

#inhalt table td {
	background-color:	#fafafa;
	text-align:			left;
	vertical-align:		top;
}

/* Tabelle mit Rahmen: */
#inhalt table.rahmen th {
	border:				1px solid #ccc;	/* Rahmenfarbe */
	padding:			3px;	/* Innenabstand erhoeht Lesbarkeit */
}

#inhalt table.rahmen td {
	border:				1px solid #ccc;	/* Rahmenfarbe */
	padding:			3px;	/* Innenabstand erhoeht Lesbarkeit */
}

#inhalt table.rahmen td.abstand {
	height:				10px;
	border:				none;
}

/* sonstige Attribute: */
/* overLIB-Klassen: die Klassennamen werden via overlib_anpassung.js an overlib.js gereicht */
.capfontClass	{font-size: 12px; font-weight: bold; color: #f8f8f8;}
.bgClass	{background-color: #606060; border: 1px solid; border-color: black;}
.fontClass	{font-size: 11px; color: black; text-align:left;}
.fgClass	{background-color: #FFFFCC;}


*.strong {
	font-size:			120%;
	font-weight:		bold;
}

*.thema {
	font-weight:		bold;	/* Thema hervorheben */
}

*.normal {
	font-weight:		normal;	/* Normalschrift */
}

*.marker {
	color:				blue;	/* Thema markieren */
}

*.eng {
	line-height:		1; color: blue;
}

.drucker {
	display:			none;
}

img {
	border:				0 none;		/* keine Rahmen um Bilder */
}

hr {
	color:				#0000e0;	/* IE6: Trenner-Farbe */
	background-color:	#0000e0;	/* FF, IE8 */
	height:				1px;		/* IE6: Trenner-Hoehe */
	margin-top:			0px;
	margin-bottom:		20px;
	margin-right:		15px;
	text-align:			left;
	border:				#0000e0;
}