/*
	Erklärungen zu eigenen Formaten
	*******************************
	
	.button			Button, ohne diese Formatierung wären die Buttons weiss mit schwarzer Schrift
	.radio			Radiobutton, ohne diese Formatierung wäre ein weisser Rahmen um die Radiobuttons
	.checkbox		Checkbox, ohne diese Formatierung wäre ein weisser Rahmen um die Checkboxen
	.startseite		Spezielle Formatierungen für Startseite
	#logo			Positionierung Logo für id-Parameter in <div>-Tag
	#titel			Positionierung Titelleiste für id-Parameter in <div>-Tag
	.titel			Formatierungen Titelleiste
	.anschrift		Formatierungen Anschrift in Titelleiste
	#navigation		Positionierung Navigation für id-Parameter in <div>-Tag
	.navigation		Formatierungen Navigation
	.navihome		Formatierungen Navigation (Home und E-Mail senden)
	#seiteninhalt		Positionierung Seiteninhalt für id-Parameter in <div>-Tag
*/

/* Schritarten */
body, font, p, table, tr, th, td, ul, ol, li, blockquote, h1, h2, textarea, input, select, .button { font-family: Times New Roman, Arial, Verdana, Helvetica, sans-serif; }

/* Schriftgrössen */
.titel { font-size: 20px; }
h1 { font-size: 18px; }
.navihome { font-size: 17px; }
h2, th, .startseite { font-size: 16px; }
body, font, p, table, tr, td, ul, ol, li, blockquote, textarea, input, select, .button { font-size: 15px; }
small { font-size: 13px; }
.anschrift { font-size: 11px; }

/* Schriftformatierungen */
body, font, p, table, tr, th, td, ul, ol, li, blockquote, a, h1, h2, textarea, input, select, .button { font-style: normal; }
i { font-style: italic; }
body, font, p, table, tr, td, ul, ol, li, blockquote, a, textarea, input, select, .button, .anschrift { font-weight: normal; }
th, h1, h2, b, .startseite, .titel, .navigation, .navihome { font-weight: bold; }
body, font, p, table, tr, th, td, ul, ol, li, blockquote, h1, h2, textarea, input, select, .button, .startseite, .anschrift, .navigation, .navihome { text-decoration: none; }
a, u { text-decoration: underline; }

/* Schriftfarben */
body, font, p, small, table, tr, th, td, ul, ol, li, blockquote, a, h1, h2, textarea, input, select, .button { color: #000000; } /* schwarz */

/* Hintergrundfarben */
body, font, p, small, ul, ol, li, blockquote, a, h1, h2, .radio, .checkbox { background-color: transparent; } /* transparent */
textarea, input, select { background-color: #FFFFFF; } /* weiss */
.button { background-color: #D4D0C8; } /* grau */

/* Tabellenausrichtungen */
td.titel, td.navigation { text-align: left; vertical-align: middle; }
td.anschrift { text-align: right; vertical-align: top; }

/* Ränder & Abstände */
body { margin: 0px; } /* Aussenrand */
body { padding: 0px; } /* Innenabstand */

/* Positionierungen */
#logo { position: absolute; top: 5px; left: 35px; width: 77px; z-index: 0; }
#navigation { position: absolute; top: 90px; left: 5px; width: 150px; z-index: 2; }
#titel { position: absolute; top: 5px; left: 165px; width: 645px; z-index: 1; }
#seiteninhalt { position: absolute; top: 90px; left: 165px; width: 645px; z-index: 3; }