@charset "utf-8";

/* globales Stylesheet der Site "Uebungen" */

/* Zentrierung der Seite f�r IE 5.5 und �lter */
body {
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666; /* ex: #333 */
	background-color: #EEE;
	font-size: 12px;
}


body * {text-align: left;}

h1 {
	font-size: 2em;
	font-weight: Bold;
	margin-top: 1.5em;
	
}

h2 {
	font-size: 1.5em;
	margin-top: 1.5em;
	color: #666; /* alt: 09F; */
}

h3 {
	font-size: 1em;
	margin-bottom: 1.5em;
}

h4 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0em;
}

p {
	font-size: 1em;
	margin-bottom: 1em;
	line-height: 1.5em;
}


/* Zentierung der Seite fuer ALLE AUSSER IE 5.5 und aelter */
#body_wrap {
	background-color: #EEE;
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}

#wrapper {
	background-color: #FFF;
	min-width: 750px;
	max-width: 1000px; /* alt: 100%; */
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

#header {
	height: 150px;
	width: 100%;
	background-color: #FFF;
}

#header h1 { /* Logo im Header ersetzt die Überschrift - phark image replacement */
	/* float: left;  */
	/* text-indent: -5000px;  */ /* schiebt den text weit weit aus der Seite heraus nach links */
	/* width: 935px; */
	/* padding: 0 0 19px 0; */
	/* background-image: url(../images/headerbild_AH_schriftzug_gruen_mk5.jpg); */ /* original: /images/logo_tunnel7.gif */
	/* background-repeat: no-repeat; */
	/* height: 80px; */
}

#header h1 a { /* sorgt dafür, dass das Header-Bild anklickbar ist als Rückkehr zur Startseite */
	display: block;
	height: 80px;
	background: url('../images/headerbild_AH_schriftzug_gruen_mk4_hoehe120px.jpg') no-repeat;
}

#header p {
	width: 240px;
	float: left; /* original: right */
	margin-top: 5px; /* original: 25px */
	color: #bacbbb;
	font-size: 1.3em;
	font-weight: bold;
}

#header p a:link, #header p a:visited  {
	color: #bacbbb;
	text-decoration: underline;
}

#header p a:hover, #header p a:active  {
	background-color: #fff;
	margin-top: 10px;	
}

#header_bild_1 { float: left;
				 text-align: left;
				 width: 150px;
				 height: 150px;
				 background-image: url(images/FriedbergerWarte_freigestellt_Mk4.jpg)

}

#header_bild_2 { float: right;
				 text-align: right;
				 width: 150px;
				 height: 150px;
				 background-image: url(images/AndreasHaupt_Bild.jpg)
}

#header_mainpart { text-align: center;
}


 
.blue {
	color: #09F;
}

#navigation {
	background-color: #333;
	color: #CCC;
	margin-bottom: 1em;				/* ========== margin BOTTOM ============= */
	text-align: center;
}
#navigation ul {
	padding-top: 1em;				/* ========== padding ============= */
	padding-bottom: 1em;			/* ========== padding =============*/
	text-align: left;
	margin-top: 0px;				/* ========== margin ============= */
	margin-bottom: 0px;				/* ========== margin BOTTOM ============= */
}
#navigation ul li {
	display: inline;
	list-style-type: none;
	/* */
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: dotted;
	/* */
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	/* */
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: thin;		/* ========== border-left-width ============= */
	/* */
	margin-right: 0px;				/* ========== margin ============= */
	margin-left: -0.5em;			/* ========== margin ============= */
	/* */
	padding-top: 1em;				/* ========== padding ============= */
	padding-bottom: 1em;  /* */		/* ========== padding BOTTOM ============= */
/*	padding-top: "0em";     breaking W3C-Standard for giving IE 5/5.5/6 the correct padding for their false interpretation of the box-maodel */
/*	padding-bottom: "0em";  breaking W3C-Standard for giving IE 5/5.5/6 the correct padding for their false interpretation of the box-maodel */

	/* */
	text-align: center;
}

/* #navigation ul li:hover {
	background-color:#444;
	
} */

#navigation a {
	color: #CCC;
	text-decoration: none;
	padding-right: 4em;						/* ========== padding ============= */
	padding-left: 0.25em;					/* ========== padding ============= */
	padding-top: 1em;						/* ========== padding ============= */
	padding-bottom: 1em;					/* ========== padding ============= */
}

#navigation a:visited {
	color: #CCC;
	background-color: #333;
}

#navigation a:hover {
	color: #0CF;  
	background-color: #666;
	text-decoration: underline;
}

#navigation a:active {
	color: #0CF;
	background-color: #111;
}

#navigation .actual_page   {
	background-color: #333;
	/* border: thin dashed #FFF; */
}

#navigation .actual_page a {
	color: #000;				/* wert: #000;*/
	background-color: #CCC;
	background-image: url(../images/navigation_bkgr_arrow.jpg);
	background-repeat: no-repeat;
}
#navigation .actual_page a:visited {
	color: #000;				/* wert: #000;*/
	background-color: #CCC;
	background-image: url(../images/navigation_bkgr_arrow.jpg);
	background-repeat: no-repeat;
}
#navigation .actual_page a:hover {
	color: #000;				/* wert: #000;*/
	background-color: #CCC;
	background-image: url(../images/navigation_bkgr_arrow.jpg);
	background-repeat: no-repeat;
	text-decoration: underline;
}
#navigation .actual_page a:active {
	color: #000;				/* wert: #000;*/
	background-color: #CCC;
	background-image: url(../images/navigation_bkgr_arrow.jpg);
	background-repeat: no-repeat;
}


#navigation .actual_page_reporter   {
	background-color: #333;
	/* border: thin dashed #FFF; */
}

#navigation .actual_page_reporter a {
	color: #C00;				/* wert: #000;*/
	background-color: #CCC;
	background-image: url(../images/navigation_bkgr_arrow.jpg);
	background-repeat: no-repeat;
}
#navigation .actual_page_reporter a:visited {
	color: #C00;				/* wert: #000;*/
	background-color: #CCC;
	background-image: url(../images/navigation_bkgr_arrow.jpg);
	background-repeat: no-repeat;
}
#navigation .actual_page_reporter a:hover {
	color: #F00;				/* wert: #000;*/
	background-color: #CCC;
	background-image: url(../images/navigation_bkgr_arrow.jpg);
	background-repeat: no-repeat;
	text-decoration: underline;
}
#navigation .actual_page_reporter a:active {
	color: #C00;				/* wert: #000;*/
	background-color: #CCC;
	background-image: url(../images/navigation_bkgr_arrow.jpg);
	background-repeat: no-repeat;
}

#wrap_content {}

.warteReporter, .warteReporter h1, .warteReporter h2  {
	color: #C00; /* ein schönes, kraeftiges Rot */
}


#menu /* neu */ {
	float: right;
	margin-right: 5px;
	width: 100px;
	border-left: medium solid #900;
	padding-left: 15px;
}

#main_content  /* neu */ {
margin-right: 130px;  /* muss groesser sein als die gesamte Breite von #menu */
margin-left: 5px;
}


/* ========= #content und dessen Unterefinitionen werden eigentlich nicht mehr gebraucht */


#content {
	float: left;
	width: 61%;
}
#content_kreisverkehr {
	float: left;
	width: 95%;
}


#content a {
	color: #09F;
	text-decoration: none;
}
#content a:hover {
	color: #00F;
	text-decoration: underline;
}

#content #themes {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	width: auto;
}
#content #themes ul a {
	font-weight: bold;
}

#content #themes #themes_head {
	font-weight: bold;
	float: left;
}
#content #themes #themes_content {
	font-weight: normal;
	float: left;
}
#content #themes #themes_ghost {
	clear: both;
	height: 0px;
}
#content #themes ul .this_page  {
	color: #666;
	list-style-type: disc;
	font-weight: bold;
}
#content #themes ul .this_page a {
	color: #666;
}

#content #themes ul  {
	list-style-type: none;
	margin-left: 4em;
}

#content ol li {
	margin-bottom: 1em;
	line-height: 0.5em;
}

#content ol p {
	margin-bottom: 0.5em;
}

#content #topics {
	width: auto;
}
#content .reference_wrapper {
	border: thin solid #333;
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	margin-bottom: 1em;
}

#content .reference_img_wrap {
	height: 30%;
	width: 40%;
	margin-right: auto;
	margin-left: auto;
	border: medium solid #FFF;
	margin-top: 0.5em;
}

#content .reference_wrapper img {
	height: 100%;
	width: 100%;
	vertical-align: middle;
} 

#content .reference_link {
	margin-left: auto;
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
#content .reference_explanation {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1em;
}
#content #contact_form {
	background-image: none;
	height: 500px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	background-color: #68B8C6;
}


/* ======= #extras und dessen UNterdefinitionen werden eigentlich nicht mehr gebraucht */


#extras {
	width: 38%;
	float: right;
	color: #333;
	margin-top: 2.5em;
}


#extras1 {
	width: 100%;
	min-height: 16em;
}
#extras2 {
	height: auto;
	width: 100%;
}
#extras3 {
	padding-top: 3em;
	height: auto;
	width: 100%;
}
#extras a {
	color: #09F;
	text-decoration: none;
}
#extras a:hover {
	color:#00F;
	text-decoration: underline;
}


/* ====== das Folgende wird noch gebraucht ============ */


#footer {
	background-color: #F2F9F1;
	height: 2em;
	width: 100%;
	clear: both;
	margin-bottom: 3px;
}

#footer a {
	color: #333;
	text-decoration: none;
}

#footer a:hover {
	color:#00F;
	text-decoration:none;
}

#footer #cr {
	float: left;
	padding-left: 2em;
	padding-top: 0.5em;
}

#footer #imp{
	float: right;
	padding-right: 2em;
	padding-top: 0.5em;
}

#footer p {
	padding: 0.5em;
}