@charset "utf-8";

/* ======================================================================================================
Stylesheet Go for Ghana 
 
Datum: 04. April 2011
Autor: Kwasi Heiser 

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
		3. Styles für INHALT
		4. Styles für Kontaktformular		
		5. Styles für Kopf
        6. Styles für Footer 
		7. Vertikalmenu
        8. Sonstige Styles (Seitendesign)
======================================================================================================= */

/* ============================================================== FARBEN

	background-color: #e98703; ( backgr p.navigation )

	border-left: 8px solid #990000; (  p.navigation )
	
	background-color: #f8c71a; ( backgr page )
	
	border-right: 1px solid #e98703; ( Menu )

============================================================== */

/* ======================================================================================================
                                                                                  1. Kalibrierung
======================================================================================================  */
* {
	padding: 0;
	margin: 0;
}
h2, h3, p {
	padding: 0;
}
/* =======================s===============================================================================
                                                                                  2. Allgemeine Styles 
======================================================================================================  */  
html {
	height: 101%;
}
body {
	background-color: #f9f2ae;
	background-image: url(../backgr/backgr.jpg);
	background-repeat: repeat-x;
	font-size: 100.01%;
	font-family: Verdana, Geneva, sans-serif;
	color: #000066;
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 120%;
	margin-bottom: 8px;
}
h1.headline {
	margin: 0px 0px 16px 0px;
}
h3 {
	font-size: 105%;
}
p {
	margin: 0px 0px 0px 0px;
}
p.text {
	margin: 0px 0px 8px 0px;
}
p.seitenanfang {	/*** Anker am Seitenanfang ***/
	overflow: hidden;
	visibility:  hidden;
	margin-top: -30px;
	padding: 10px;
	border: 1px solid #000000;
}
a.text:link, a.text:visited, a.text:active {
	color: #B22222;
	text-decoration: none;
	border-bottom: 1px dashed #999999 !important;
	border-bottom: 1px dotted #999999;
}
a.text:hover {
	color: #880000;
	text-decoration: none;
	border-bottom: 1px dashed #B22222 !important;
	border-bottom: 1px dotted #B22222;
}
.clearing {
	clear:both;
	font-size: 1px;
	margin: 0;
}
/* ======================================================================================================
                                                                                  3. Styles für INHALT
======================================================================================================  */
#wrapper {
	font-size: 95%;
	position: absolute;
	left: 195px;
	top: 165px;
	width: 818px;
	overflow: inherit;
	padding-bottom: 20px;
	/* border: 1px solid #000000;  */
}
#inhalt {
	/*border: 1px solid #000000;*/
}
#columnLeft, #columnRight {
	float: left;
	width: 450px;
	overflow: inherit;
	/* background-color:#F36;
	border: 1px solid #000000;  */
}
#columnRight {
	width: 330px;
	padding: 0px 0px 0px 30px;
	height: 550px;
	/* background-color:#69F; */
}
#headline {
	position: relative;
	width: 200px;
	left: 525px;
	text-align:center;
	overflow: inherit;
	border: 1px solid #000000; /* */
}
/* =====================================================================================================================  */
/* =====================================================================================================================  */
/* ============================================================================      Styles für Indexseite     =========  */
h1.index {
	font-size: 160%;
	margin-top: 10px;
}
h2.index {
	font-size: 120%;
	font-weight:normal;
}
p.index {
	font-size: 100%;
	margin-top: 6px;
	line-height: 18px;
}
div.hochwasser {
	width: 368px;
	height: 296px;
	margin: 12px 0px 10px 50px;
	border: 1px solid #000000;   
	background-color: #f9e278;
}
div.flash {
	margin: 4px 0px 0px 4px;
}
p.hochwasser {
	text-align:center;
	color: #b45a28;
	margin: 0px 0px 10px 15px;
}

div.legende_accordeon {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-align:justify;
	padding: 15px 10px 10px 10px;
	border-left: 1px solid #990000;
	border-right: 1px solid #990000;
	border-bottom: 1px solid #990000;
}
/* ============================================================================   Styles für Indexseite ENDE   =========  */
/* =====================================================================================================================  */
/* =====================================================================================================================  */
/* ============================================================================     Styles für Wir über uns    =========  */
div.kwasi { 
	margin: 0px 0px 15px 0px;
}
div.kwasi_text {
	float:left;
	width: 610px;
	margin: 40px 0px 15px 0px;
	/*border: 1px solid #cccccc;*/
}
div.kwasi_bild {
	float:left; 
	margin: 0px 0px 15px 0px;
}
img.wir {
	margin: 0px 0px 6px 20px;
	border:1px solid #000000;
}
p.bildtext {
	text-align:right;
	font-size: 90%;
}
h2.wir {
	font-size: 100%;
	margin: 10px 0px 8px 0px;
}
p.wir {
	font-size: 95%;
	margin: 0px 0px 6px 0px;
}
/* =====================================================================================================================  */
/* =====================================================================================================================  */
/* ============================================================================         Styles für ZIELE       =========  */
h2.ziele {
	font-size: 95%;
	font-weight:bold;
	margin: 0px 0px 6px 10px;
}
h3.ziele {
	font-size: 95%;
	font-weight:bold;
	margin: 0px 0px 6px 30px;
}
p.ziele {
	font-size: 95%;
	text-align:justify;
	margin: 0px 0px 6px 20px;
}
ul.ziele {
	font-size: 95%;
	margin: 0px 0px 8px 80px;
}
div.ziele {
	margin: 20px 0px 6px 30px;
}
div.weisheit {
	margin: 20px 0px 0px 0px;
}
div.weisheit_bild {
	float: right;
	margin: 0px 110px 0px 0px;
}
div.weisheit_text {
	float: right;
	margin: 60px 20px 0px 0px;
}
div.weisheit_text h2 {
	font-size: 95%;
	margin: 0px 0px 12px 0px;
}
div.weisheit_text p {
	font-size: 95%;
	margin: 0px 0px 2px 10px;
}
p.weisheit {
	font-size: 85%;
	text-align:right;
	padding: 8px 0px 0px 0px;
}
/* =====================================================================================================================  */
/* =====================================================================================================================  */
/* ============================================================================      Styles für Projekte      =========  */
h2.projekte {
	font-size: 100%;
	font-weight:bold;
	margin: 0px 0px 6px 10px;
}
p.projekte {
	font-size: 95%;
	text-align:justify;
	margin: 0px 0px 6px 20px;
}

div.brunnen {
	margin: 30px 0px 30px 10px;
}

div.partnerschule {
	margin: 30px 0px 30px 10px;
}
div.projekte_flash {
	width: 700px;
	height: 420px;
	margin: 12px 0px 0px 60px;
	/*border: 1px solid #36F;*/
}




/* =====================================================================================================================  */
/* =====================================================================================================================  */
/* ============================================================================         Styles für TEAM        =========  */
div.team {
	font-size: 90%;
	margin: 0px 0px 15px 0px;
}
div.team_float {
	float: left;
	width: 280px;
}
div.team_float_250 {
	float: left;
	width: 250px;
}
div.team img {
	margin-right: 4px;
	border: 1px solid #069;
}
p.team_name_2, p.team_name_3, p.team_name_4, p.team_name_5, p.team_name_6 {
	font-size: 90%;
	font-weight: bold;
	margin-top: 110px;
}
p.team_name_2 {
	margin-top: 128px;
}
p.team_name_3 {
	margin-top: 114px;
}
p.team_name_4 {
	margin-top: 100px;
}
p.team_name_5 {
	margin-top: 86px;
}
p.team_name_6 {
	margin-top: 72px;
}
p.team_titel {
	font-size: 85%;
}
/* =====================================================================================================================  */
/* =====================================================================================================================  */
/* ============================================================================       Styles für Partner     =========  */
div.partner_flow {
	position:relative;
	left: 30px;
	overflow: hidden;
	float:left;
	width: 720px;
	margin: 0px 0px 10px 0px;
	padding-left: 10px;
	border: 1px solid #e98703; 
}
div.partner_470 {
	float:left;
	width: 470px;
	font-size: 90%;
	padding: 4px 5px 6px 0px;
}
div.partner_220 {
	float:left;
	width: 220px;
	padding: 4px 5px 4px 10px;
}
p.partner_z1 {
	font-weight: bold;
	margin: 15px 0px 0px 0px;
}
p.partner_z2 {
	font-size: 95%;
	margin: 2px 0px 0px 10px;
}
p.homepage {
	margin: 4px 0px 0px 10px;
}
p.screen {
	margin: 12px 0px 8px 20px;
}
p.ingdiba {
	margin: 30px 0px 8px 0px;
}
/* =====================================================================================================================  */
/* =====================================================================================================================  */
/* ============================================================================      Styles für Spenden      =========  */
h1.spenden {
	font-size: 120%;
	margin: 20px 0px 8px 0px;
}
h3.spenden {
	font-size: 90%;
	margin: 0px 0px 8px 0px;
}
p.spenden {
	margin: 0px 0px 10px 0px;
}
h2.konto {
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	margin: 8px 0px 6px 0px;
}
div.konto {
	text-align: center;
	margin: 0px 0px 20px 0px;
}
div.konto p {
	margin: 0px 0px 2px 0px;
}
div.verwendung {
	padding-top: 4px;
	margin: 0px 0px 20px 80px;
}

div.verwendung p.verwendung {
	margin: 2px 0px 8px 280px;
}
div.verwendung em {
	font-style:normal;
	font-weight: bold;
}
/* =====================================================================================================================  */
/* =====================================================================================================================  */
/* ============================================================================      Styles für Berichte      =========  */
p.reise1 {
	margin: 0px 0px 3px 0px;
}
div.dia_01 {
	height: auto;
	width: 420px;
	margin: 0px 0px 10px 155px;
	padding-bottom: 20px;
}
p.weiter {
	text-align: right;
	padding: 0px 0px 10px 0px;
}
#tv_nachrichten {
	margin: 20px 0px 10px 55px;
	padding-bottom: 20px;
}
/* =====================================================================================================================  */
/* =====================================================================================================================  */
/* ============================================================================   Styles für Galerie   =========  */
h2.galerie {
	font-size: 90%;
	margin: 0px 0px 20px 20px;
}
div.galerie {
	font-size: 90%;
	margin: 0px 0px 15px 20px;
	/*border: 1px solid #069;*/
}
div.galerie_abstract {
	float:left;
	margin: 0px 0px 15px 0px;
	/*border: 1px solid #069;*/
}
h1.galerie_abstract {
	font-size: 110%;
	margin: 0px 10px 10px 0px;
}
div.galerie img.link {
	margin: 0px 30px 0px 30px;
	border: 1px solid #000;
}
p.galerie_abstract {
	width: 500px;
	margin-top: 10px;
}
p.galerie_link {
	text-align:right;
	margin: 0px 10px 10px 0px;
}
p.galerie {
	margin: 30px 0px 0px 40px;
	border: 1px solid #069;
}
p.galerie_link a:link, p.galerie_link a:visited, p.galerie_link a:active {
	font-size:90%;
	color: #53ac12;
	text-decoration: none;
	border-bottom: 1px dashed #f8c71a !important;
	border-bottom: 1px dotted #f8c71a;
}
p.galerie_link a:hover {
	color: #990000;
	text-decoration: none;
	border-bottom: 1px dashed #990000 !important;
	border-bottom: 1px dotted #990000;
}
p.dank {
	margin: 10px 0px 0px 40px;
}
/* =====================================================================================================================  */
/* =====================================================================================================================  */
/* ============================================================================   Styles für Organisation     =========  */
div.organisation_flow {
	position:relative;
	left: 10px;
	overflow: hidden;
	float:left;
	width: 780px;
	margin: 0px 0px 12px 0px;
	border: 1px solid #cccccc;
}
div.organisation_564 {
	float:left;
	width: 564px;
	font-size: 90%;
	padding: 10px 5px 10px 20px;
	/* border: 1px solid #cccccc; */
}
div.organisation_180 {
	float:left;
	width: 180px;
	overflow: hidden;
	/*  background-color:#CC6;*/
}
h2.organisation {
	font-size: 100%;
	margin: 0px 0px 4px 0px;
}
ul.organisation {
	margin: 0px 0px 0px 26px;
	/*border: 1px solid #009;*/
}
ul.organisation li {
	margin: 0px 0px 3px 0px;
	/*border: 1px solid #009;*/
}
p.screen_org {
	margin: 18px 0px 0px 20px;
}

p.screen_org img {
	border: 1px solid #000;
}

p.homepage_org {
	font-size: 95%;
	margin: 4px 0px 0px 30px;
}
/* =====================================================================================================================  */
/* =====================================================================================================================  */
/* ============================================================================      Styles für Praktikum      =========  */
p.praktikum {
	margin: 0px 0px 8px 10px;
}
h2.praktikum {
	font-size: 90%;
	margin: 12px 0px 6px 10px;
}
p.praktikum_voraussetzung {
	margin: 0px 0px 4px 30px;
}
h2.praktikum_wichtig {
	font-size: 90%;
	margin: 10px 0px 6px 30px;
}
p.praktikum_wichtig {
	width: 700px;
	margin: 0px 0px 8px 60px;
}
p.praktikum_weiter {
	text-align: right;
	padding: 20px 0px 10px 0px;
}
/* =====================================================================================================================  */
/* =====================================================================================================================  */
/* ============================================================================        Styles für INFOS        =========  */
p.infos {
	margin: 0px 0px 8px 0px;
}
h2.infos {
	font-size: 90%;
	margin: 16px 0px 6px 0px;
}
h3.infos {
	font-size: 85%;
	margin: 12px 0px 6px 0px;
}
ul.infos {
	list-style-type: none;
	font-size: 90%;
	margin: 0px 0px 6px 80px;
}
div.reisevorbereitung {
	margin: 12px 0px 6px 120px;
}
/* =====================================================================================================================  */
/* =====================================================================================================================  */
/* ============================================================================     Styles FREUNDE AFRIKAS     =========  */

h2.freunde {
	font-size: 90%;
	margin: 16px 0px 6px 0px;
}
p.freunde {
	margin: 0px 0px 8px 0px;
}
img.freunde {
	margin: 0px 0px 6px 6px;
	border: 1px solid #990000;
}

div.freunde_spenden {
	margin: 16px 0px 0px 135px;
}
/* =====================================================================================================================  */
/* =====================================================================================================================  */
/* ============================================================================        Styles für Amazon       =========  */
h1.amazon {
	margin: 40px 0px 0px 0px;
}
h3.amazon {
	font-size: 100%;
	margin: 6px 0px 3px 0px;
}
p.amazon {
	margin: 0px 0px 3px 0px;
}
p.amazonlink {
	font-size: 140%;
	text-align:center;
	margin: 10px 0px 8px 0px;
}
p.amazon_bild {
	text-align:center;
}
img.amazon {
	border: 1px solid #990000;
}
img.amazonlink {
	padding: 0px 8px 4px 0px;
}
a.amazon:link, a.amazon:visited, a.amazon:active {
	color:#ff0000;
	text-decoration: none;
	border-bottom: 1px dashed #53ac12 !important;
	border-bottom: 1px dotted #53ac12;
}
a.amazon:hover {
	color: #880000;
	text-decoration: none;
	border-bottom: 1px dashed #B22222 !important;
	border-bottom: 1px dotted #B22222;
}
/* =====================================================================================================================  */
/* =====================================================================================================================  */
/* ============================================================================        Styles für INFOS        =========  */
p.trommelgruppe {
	margin: 0px 0px 8px 0px;
}
h2.trommelgruppe {
	font-size: 90%;
	margin: 16px 0px 6px 0px;
}
h3.trommelgruppe {
	font-size: 90%;
	margin: 12px 0px 6px 0px;
}
div.trommelgruppe {
	width: 350px;
	padding-bottom: 10px;
	margin: 30px 0px 6px 120px;
	/*background-color:#FC6;*/
}
ul.trommelgruppe {
	list-style-type: none;
	font-size: 90%;
	margin: 0px 0px 6px 50px;
}
ul.trommelgruppe li {
	margin: 0px 0px 2px 0px;
}
p.kontakt_trommelgruppe {
	text-align:right;
	margin: 0px 0px 2px 0px;
}
img.noah_trommel {
	margin-right: 100px;
	border: 1px solid #990000;
}/* =====================================================================================================================  */
/* =====================================================================================================================  */
/* ============================================================================         Styles für TEAM        =========  */
div.shop {
	font-size: 90%;
	margin: 50px 0px 15px 0px;
}
div.shop_float {
	float: left;
	width: 280px;
}
div.shop_float_250 {
	float: left;
	width: 250px;
}
div.shop img {
	margin-right: 6px;
	border: 1px solid #069;
}
p.shop_name_1, p.shop_name_2 {
	font-size: 90%;
	font-weight: bold;
	margin-top: 110px;
}
p.shop_name_1 {
	margin-top: 142px;
}
p.shop_name_2 {
	margin-top: 128px;
}
/* =====================================================================================================================  */
/* =====================================================================================================================  */
/* ============================================================================        Styles Warenliste       =========  */

div.warenliste {
	margin: 0px 0px 18px 0px;
	padding: 0px 10px 10px 10px;
	border: 1px solid #e98703;
}
table.warenliste {
	font-size: 90%;
	vertical-align: text-bottom;
	margin: 0px 0px 12px 15px;
	
}
tr.warenliste_titel {
	font-size: 100%;
	font-weight: bold;
}
td.warenliste_titel {
	width: 260px;
}
table.warenliste td {
	height: 20px;
	/*border: 1px solid #066;*/
}
table.warenliste ul {
	margin: 0px 0px 5px 18px;	
}
table.warenliste li {
	margin: 0px 0px 2px 0px;	
}
table.warenliste em {
	font-size: 90%;
	font-style:normal;
}
h2.warenliste {
	font-size: 110%;
	margin: 16px 0px 10px 0px;	
}
p.warenliste {
	margin: 0px 0px 5px 0px;	
}

h3.warenliste {
	font-size: 100%;
	margin: 0px 0px 4px 10px;	
}
p.liste_farm {
	font-size: 95%;
	margin: 0px 0px 8px 16px;	
}

/* =====================================================================================================================  */
/* =====================================================================================================================  */
/* ============================================================================          Styles Termine        =========  */


h2.termine {
	font-size: 105%;
	margin: 0px 0px 10px 0px;	
}
h3.termine {
	font-size: 100%;
	margin: 10px 0px 4px 0px;	
}
p.termine {
	margin: 0px 0px 5px 0px;	
}
em.termine {
	font-style:normal;
	font-size: 85%;
	margin: 0px 0px 5px 0px;	
}

img.termine {
	margin: 10px 0px 5px 80px;
	border: 1px solid #000;
}



/* =====================================================================================================================  */
/* =====================================================================================================================  */
/* ============================================================================          Styles Kontakt        =========  */
h2.kontakt {
	font-size: 105%;
	text-align: center;
	font-weight:normal;
	margin-top: 12px;
}
#rahmen {
	width: 600px;
	border : 2px solid #b45a28;
	background-color: #f9f2ae;
	margin: 10px auto 0px auto;
}
#form {
	margin: 20px 0px 0px 0px;
}
/*************************   Formatierung Zeilen Input START   ******************/				 
div.formzeile {
	width: 400px;
	clear: both;
	height: 25px;
	margin: 0px 0px 4px 80px;
}
div.homepage {
	visibility:hidden;
	display:none;/* */
	width: 400px;
	clear: both;
	height: 25px;
	margin: 0px 0px 0px 80px;
}
p.dataleft {
	text-align:right;
	float: left;
	width: 190px;
	height: 20px;
	margin: 4px 10px 0px 0px;
}
div.dataright {
	float: left;
	width: 200px;
	height: 25px;
}
/*************************   Formatierung Zeilen Input Ende    ******************/	
/*************************   Formatierung Textarea START       ******************/
p.nachricht {
	text-align:left;
	width: 190px;
	height: 20px;
	margin: 3px 0px 0px 50px;
}
div.nachricht {
	position: relative;
	visibility: visible;
	width: 560px;
	height: 104px;
	text-align: center;
	margin: 0px auto 0px auto;
}
/*************************   Formatierung Textarea Ende        ******************/			 	
/*************************   Formatierung  Buttons START       ******************/
div.buttons {
	position: relative;
	visibility: visible;
	text-align: center;
	margin: 10px 0px 0px 0px;
}

/*************************   Formatierung Buttons ENDE         ******************/			 	
/*************************   Formularelemente START            ******************/
div.dataright span, div.nachricht span {	/**	 Asterisk **/
	font-size:  0.85em;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}
input.daten {
	width: 176px;
	height: 1.2em;
	color: #b45a28;
	border: 1px solid #f8c71a;
	background-color: #fcfcfc;
	margin-right: 3px;
	padding: 3px 0px 0px 5px;
}
input.plz {
	width: 60px;
	height: 1.2em;
	color: #b45a28;
	border: 1px solid #f8c71a;
	background-color: #fcfcfc;
	margin-right: 3px;
	padding: 4px 0px 0px 5px;
}
#nachricht {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	width: 500px;
	height: 90px;
	color: #b45a28;
	border: 1px solid #f8c71a;;
	margin: 2px 3px 0px 16px;
	padding: 5px 0px 0px 5px;
}
input.button {
	width: 80px;
	font-size: 13px;
	color: #b45a28;
	text-align: center;
	font-weight: normal;
	margin: 0px 15px 0px 15px;
}
p.pflicht {
	font-size :  12px;
	font-weight : normal;
	margin: 10px 0px 16px 0px;
}
/*************************   Formularelemente ENDE              *****************/	
/*************************   Error Redirect START               *****************/

div.error_redirect {
	text-align: center;
	margin: 100px 0px 180px 0px;
}


p.error_1 {
	margin: 0px 0px 6px 0px;
}

p.error_2 {
	margin: 12px 0px 0px 0px;
}
p.error_2 span {
	font-size: 1.2em;
	font-weight:bold;
	margin: 10px 0px 6px 0px;
}

a.error:link, a.error:visited, a.error:active {
	color: #B22222;
	text-decoration: none;
}

a.error:hover {
	color: #2C4B82;
	text-decoration: underline;
}
/*************************   Error Redirect ENDE               ******************/







/* ======================================================================================================
                                                                                  4. Styles für IMPRESSUM 
======================================================================================================  */


div.impressum {
	overflow:hidden;
	width: 650px;
	clear: both;
	margin: 0px 0px 4px 30px;
	padding: 5px 5px;
	background-color: #FFFFE6;
	border: 1px solid #F30;/*  */
}
p.impressumleft {
	float: left;
	width: 300px;
	margin: 4px 10px 0px 0px;
}
div.impressumright {
	float: left;
}
p.impressum1 {
	font-size: 90%;
	margin: 4px 0px 0px 0px;
	 /*background-color:#0CF; */
}
p.impressum2 {
	font-size: 85%;
	margin: 4px 0px 0px 0px;
	padding-bottom: 4px;
	/* background-color:#3F9; */
}
p.mail {
	font-size: 85%;
	margin: 4px 0px 0px 0px;
	padding-bottom: 4px;
}


p.impressum3 {
	font-size: 85%;
	margin: 2px 0px 0px 0px;
	padding-bottom: 4px;
}
p.rechte {
	font-size: 85%;
	text-align: justify;
	width: 520px;
	margin: 20px 0px 6px 100px;
}
a.content:link, a.content:visited, a.content:active {
	color: #8F3D2b;
	text-decoration: none;
	border-bottom: 1px dashed #8F3D2b !important;
	border-bottom: 1px dotted #8F3D2b;
	 } 
a.content:hover { 
	color: #E77800;
	text-decoration: none;
	border-bottom: 1px dashed #E77800 !important;
	border-bottom: 1px dotted #E77800;
}	
	/*************** IMPRESSUM ENDE *****************/


















/* ======================================================================================================
                                                                                5. Styles für Kopf
======================================================================================================  */

#head {
	position: absolute;
	background-image:url(../backgr/schmetterlinge.jpg);
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
	height: 173px;
	width: 100%;
	position: absolute;
	padding: 0;
	margin: 0;
	/* background-color:#F00;     */
}

#baby {
	position: absolute;
	background-image:url(../backgr/bild_kopf.jpg);
	background-repeat:no-repeat;
	height: 160px;
	width: 140px;
	top: 0px;
	left: 75px;
}
#go4ghana {
	position: absolute;
	background-image:url(../backgr/go4ghana.gif);
	background-repeat:no-repeat;
	height: 53px;
	width: 391px;
	top: 45px;
	left: 310px;
}
#wappen {
	position: absolute;
	background-image:url(../backgr/wappen.gif);
	background-repeat:no-repeat;
	height: 116px;
	width: 132px;
	top: 20px;
	left: 790px;
}



/* ======================================================================================================
                                                                                  6. Styles für Footer
======================================================================================================  */

#footer {
	clear:both;
	/* width: 100%; */
	height: 75px;
	position: relative;
	padding: 0px;
	padding: 30px 0px 20px 0px;
	/* background-color: #bbbbbb;  */
}
p.top {
	font-size: 80%;
	margin: 0px 0px 3px 0px;
}
a.top:link, a.top:visited, a.top:active  {
	color: #000066;
	text-decoration: none;
}
a.top:hover {
	color: #B22222; 
	text-decoration: none;
}
p.footer {
	font-size: 90%;
	text-align:center;
	margin: 10px 0px 6px 0px;
}
p.copyright {
	text-align: center;
	font-size: 80%;
	margin: 10px 0px 0px 0px;
}

a.bottom:link, a.bottom:visited, a.bottom:active  {
	color: #B22222;
	text-decoration: none;
	font-style:italic;
	margin: 0px 15px 0px 15px;
}
a.bottom:hover {
	color: #000066; 
	text-decoration: none;
	font-style:italic;
}

hr.footer {
	background: #b45a28;
	border: 0px;
	height: 1px;
}



/* ======================================================================================================
         	                                                                 5. Vertikalmenu
======================================================================================================  */




#navibereich {
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-size: 0.85em;
	top: 165px;
	left: 0px;
	width: 160px;   /* Breite für Überhang der Titel */
	height: auto;
	overflow:hidden;
	line-height: 18px;
	/*   border-right: 1px dashed #660000; 
	background-color:#ccff66;  */
}

div.titel {
	position: relative;
	width: 158px;    /*  Breite für Überhang der Titel */
}

p.navigation {
	background-color: #f9e278;
	background-color: #e98703;
	font-weight : bold;
	color: #b45a28;
	color:#ffffff;
	letter-spacing: 0.05em;
	border-top: 2px solid #b45a28;
	border-right: 2px solid #b45a28;
	border-bottom: 1px solid #b45a28;
	border-left: 8px solid #b45a28;
	border-left: 8px solid #990000;
	margin: 0px 0px 0px 0px;
	padding: 2px 4px 1px 6px;
}

/* Hier wird zusaetzliche Nummerierung der Listenpunkte für visuelle 
Browser unsichtbar gemacht - oder sichtbar, wenn man mag. 
Mehr dazu unter http://www.einfach-fuer-alle.de/artikel/menues */
dfn {
	display: inline;
	height: 0px;
	left: -1000px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0px;
}

/*  Hier nun alles für das Menue */
.menu {
	width: 138px;     /*  Breite für Menu */
	margin: 0px;
	padding: 0px;
}

.page {
	width: 138px;     /*  Breite für Menu */
	margin: 0px;
	padding: 0px;
}

/* Hier wird der zusätzliche Punkte am Ende eines Listeneintrags 
für visuelle Browser unsichtbar gemacht. 
Mehr dazu unter http://www.einfach-fuer-alle.de/artikel/menues */
.menu .ignore {
	display: none;
	height: 0px;
	left: -1000px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0px;
}

.menu ul {
	border: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.menu ul li {
	float:none;
	display: inline;
	margin: 0;		
	padding: 0;
}

.menu ul li a.menu, .menu ul li a.menu:visited, .menu ul li a.menu:hover, .menu ul li a.menu:active {
	border-left: 8px solid #e98703;
	border-right: 1px solid #e98703;
	background-color: #f9f2ae;
	color:#660000;
	display: block;
	padding: 4px 0px 2px 6px;
	text-decoration: none;
}

.menu ul li a.menu:hover, .menu ul li a.menu:focus {
	border-left: 8px solid #990000;
	border-left: 8px solid #b45a28;
	background-color: #f8c71a;
	background-color: #f9e278;
	color: #ffffff;
	color: #b45a28;
	text-decoration: none;
}

.menu ul li a.page, .menu ul li a.page:visited, .menu ul li a.page:hover, .menu ul li a.page:active {
	border-left: 8px solid #990000;
	border-left: 8px solid #b45a28;
	border-right: 1px solid #f8c71a;
	display: block;
	background-color: #e98703;
	background-color: #f9e278;
	background-color: #f8c71a;
	color: #b45a28;
	color: #ffffff;
	padding: 4px 0px 2px 6px;
	text-decoration: none;
}

p.strich {
	width:153px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-top: 2px solid #b45a28;
}





/* ======================================================================================================
                                                                                  8. Sonstige Styles  
======================================================================================================  */  



a.textlink:link, a.textlink:visited, a.textlink:active {
	color: #b45a28;
	text-decoration: none;
	border-bottom: 1px dashed #53ac12 !important;
	border-bottom: 1px dotted #53ac12;
}
a.textlink:hover {
	color: #880000;
	text-decoration: none;
	border-bottom: 1px dashed #B22222 !important;
	border-bottom: 1px dotted #B22222;
}