/* ================================================================================
   TEIL I - Reset
   ================================================================================ */


* {
	padding: 0;
	margin: 0;
}


/* ================================================================================
   TEIL II - Restaurierung 
   ================================================================================ */


/* margin-bottom f?rschriften, Abs䴺e, Listen etc. */


h1, h2, h3, h4, h5, h6, 
p, blockquote, address, pre, 
ul, ol, dl, table, hr {
   margin-bottom: 1em;
}


p img {
   margin: 2em 0;
}


/* Zitate einr?*/ 


blockquote {
	text-align: center;
	font-style: italic;
} 


cite {
	font-size: 80%;
}
/* Alle Listen etwas einr?*/


ul, ol, dl {
	margin-left: 1em;
}


/* Listenelemente etwas mehr einr?*/


li {
	margin-left: 1em;
} 


/* Definitionen in Definitionslisten noch mehr einr?*/


dd {
	margin-left: 2em;
}


/* Verschachtelte Listen ohne Aussenabstand oben/unten */


ul ul, ul ol, ul dl,
ol ul, ol ol, ol dl,
dl ul, dl ol, dl dl {
   margin-top: 0;
   margin-bottom: 0;
}


/* Aufz䨬ungszeichen f?tenkisten */


/* Ebene 1 - ul: square (ausgef? Rechteck); ol: Dezimalzahlen  */


ul {
	list-style-type: square;
}


ol {
	list-style-type: decimal;
}


/* Ebene 2 - ul: disc (ausgef? Kreis); ol: kleine Buchstaben */


ul ul {
	list-style-type: disc;
}


ol ol {
	list-style-type: lower-alpha;
}


ul ol {
	list-style-type: decimal;
}


ol ul {
	list-style-type: square;
}


/* Ebene 3 - ul und ol mit circle (nicht ausgef? Kreis) */


ol ol ol, ol ol ul, ol ul ul, ol ul ol,
ul ul ul, ul ul ol, ul ol ol, ul ol ul {
   list-style-type: circle;
} 


/* Auswahl in Auswahllisten (select) durch padding:0 schlecht lesbar */


option {
	padding-left: 0.2em;
	padding-right: 0.3em;
}


/* Rahmen um fieldset und verlinkte Bilder entfernen */


fieldset, a img {
	border: none;
}


/* ================================================================================
   TEIL III - Grundlegende Formatierung  
   ================================================================================ */


/* ================================================================================
   1. html und body */


html {
	height: 101%; /* Bildlaufleiste im Firefox immer zeigen */
}


body {
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}


/* ================================================================================
   2. Schriftformatierung f?rschriften */


/* Serifenschrift f?rschriften, inkl. h1 (alt-Text) */


h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: bold; 
}


/*  ܢerschriftengr?n auf Basis von small (13px) */


h1 {
	font-size: 200%; /* ca. 26px */
}


h2 {
	font-size: 184.62%; /* ca. 24px */
}


h3 {
	font-size: 153.85%; /* ca. 20px */
}


h4 {
	font-size: 138.46%; /* ca. 18px */
}


h5 {
	font-size: 123.08%; /* ca. 16px */
}


h6 {
	font-size: 107.69%; /* ca. 14px */
}


/* ======================================
   1. Allgemeine Styles
   ====================================== */


address {
	text-align: center;  
	font-size: 80%;      
	font-style: normal;  
	letter-spacing: 2px; 
}


/* Hyperlinks */
a {
	text-decoration: none;
	outline: none;
}


a:link {
	color: #d90000;
} 


a:visited {
	color: #cc6666;
}


a:hover, 
a:focus {
	border-bottom: 1px solid #d90000 
}


a:active {
	color: white;
	background-color: #d90000; 
}


#page {
	width: 776px;
	margin: 20px auto;
}


#menu1, 
#menu2 {
	text-align: right;
	color: black;
	padding: 5px 10px 4px 10px;
}


	#menu1 ul, 
	#menu2 ul {
		margin-bottom: 0;
	}


	#menu1 li, 
	#menu2 li {
	display: inline; /* li nebeneinander anzeigen */
	list-style-type: none;
	list-style-position: inside;
	margin: 0 5px 0 0;
}


	#menu1 a, 
	#menu2 a {
	color: black;
	padding: 4px 8px;
	}


	#menu1 a:focus, 
	#menu1 a:hover, 
	#menu2 a:focus, 
	#menu2 a:hover {
	border-bottom: none;
	}


#header h1 {
	color: white;
	margin-bottom: 0.5em;
	text-align: center;
}


#header_img {
	background: transparent url(header_image.jpg) no-repeat scroll left top;
	height: 143px;
	margin-bottom: 0.5em;
}


#main {
	padding: 40px 20px;
}


#footer {
	padding: 20px;
	border-top: 1px solid #8c8c8c;
}

