@charset "utf-8";
/* CSS Document */

body {
	
	
	width: 800px;
	height: 330px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background-color: #3d3d3f;
	font-size: .69em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	}
	
.whole-content {
    position: relative;
	margin: 0px;
    padding: 0px;
	top: 55%;
	width: 800px;
	height: 390px;
	background-color: #3d3d3f;
	color: #a3c646;	
	}
	
.green-content {
   
    position: absolute;
	top: 30px;
	left: 0;
	padding: 0px;
	width: 800px;
	height: 330px;
	
	background-color:  #a3c646;
	color: #3d3c3f;
	/*
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal; */
	/*
	background-image: url(../bilder/logo-empegra-auf-gruen.gif);
	background-position: 20px 20px;
	background-repeat: no-repeat;
	*/
   }
*:focus {
    outline: none;
	/* mit dieser Zeile schaltet man die Umrandung des aktiven Felds aus! */
	}
	
   /**********************************************************************************
* NAVIGATION - oben 
***********************************************************************************/
.quermenueoben ul {
    position: absolute;
	top: 10px;
	right: 0px;
	
    padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 30px;
	
	/*
	text-align: left;
	*/
}

.quermenueoben ul li {
    float: left;
    position: relative;
	list-style: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 3px;
	padding-right: 3px;
	color: #a3c646;
	/*
	display: inline;
	*/
	width: auto;
	 /*
	line-height: 1em;
	*/
}
.quermenueoben ul li a {

	padding-top: 0;
	padding-right: .1em;
	padding-bottom: 0;
	padding-left: .1em;
	margin: 0; 
	/*
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	*/
	text-decoration: none;
	/*
	text-transform: lowercase;
	*/
}
.quermenueoben ul li a:link {
	color: #a3c646;
}
.quermenueoben ul li a:visited {
	color: #a3c646;
}
.quermenueoben ul li a:hover {
	color:#ffffff;

}
.quermenueoben ul li a.current {
/*
    border-bottom-color: #f2f2f2;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	*/
	color:#ffffff;

}


 /**********************************************************************************
* NAVIGATION - unten
***********************************************************************************/
.quermenueunten ul {
    position: absolute;
	top: 365px;
	left: 0;
    padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0;
	padding-left: 3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	/*
	text-align: right;
	*/
}

.quermenueunten ul li {
    float: left;
    position: relative;
	list-style: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-left: 3px;
	padding-bottom: 0;
	padding-right: 3px;
	color: #a3c646;
	/*
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal; */
	/*
	display: inline;
	*/
	width: auto;
	 /*
	line-height: 1em;
	*/
}
.quermenueunten ul li a {

	padding-top: 0;
	padding-right: .3em;
	padding-bottom: 0;
	padding-left: .3em;
	margin: 0; 
	
	text-decoration: none;	/*
	text-transform: lowercase;
	*/
}
.quermenueunten ul li a:link {
	color: #a3c646;
}
.quermenueunten ul li a:visited {
	color: #a3c646;
}
.quermenueunten ul li a:hover {
	color:#ffffff;

}
.quermenueunten ul li a.current {
/*
    border-bottom-color: #f2f2f2;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	*/
	color:#ffffff;

}
/*********************************************************************************************************
* INHALT STARTSEITE dieses Druck. Konzeption. Print. oder so was... 
********************************************************************************************************/

.startseite {
    margin-top: 291px;
    margin-right: 15px;
	padding: 0;
	/* margin-bottom: 15px;
	 * hatte margin-bottom 15 px aber bei 200% Auflösung war der Abstand rechtester Buchstabe zu Rand 
	 * unterschiediich zu unterster Rand Schrift zu unterstem Rand - Mir ein Rätsel? Warum stelle ich de
	 * den Sch... dann hier liebevoll ein?  Hah.. Hah... Doppelte Angabe! Top und Bottom!!! Schmeiße nun
	 * margin-top mal raus - hilft's was? 
	 * Anmerkung: Klappt sich nicht. margin-top muss ich anpassen... Bäh...
	*/
    font-size: x-large;
    float: right;
 }
/****************************************************************************************************
* INHALT                    
 *****************************************************************************************************/
.einspaltigertext {
   position: absolute;
   padding: 0;
   margin-left: 20px;
   margin-right: 370px;
   width: 400px;
   float: left;
   }
.logo {
    margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border:  none;
}
h1 {
   font-size: 1.0em;
   font-weight: bold;
   }   

.pfeil-weiter {
    position: absolute;
    top: 285px;
	left: 398px;
	border: 0;
	}	
.rechtesbild {
   position: absolute;
    float: right;
	margin-left: 450px;
	}  

 /************************************************************************************************************
 * INHALT BEIM IMPRESSUM
 ************************************************************************************************************/ 
.impressumrechtesbild {
    position: absolute;
    float: right;
	margin-left: 450px;
	}
.impressumlogo {
/* impressumlogo hat die selben Werte wie logo!!! */
    margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border:  none;
}
.linketextspalte {
   position: absolute;
   width: 20%;
   margin-left: 20px;
   float: left;
   }
.linketextspalteimpressum {
   position: absolute;
   font-size: x-small;
   
   width: 20%;
   margin-top: 100px;
   margin-left: 20px;
   float: left;
   }
/* linketextspalteimpressum und rechtetextspalteimpressum haben beide
*  position: absolute; font-size: x-small; margin-top: 100px   */   
.impressump {
   /*
    margin: 0;
   padding: 0;
   */
   }
.rechtetextspalte {
   position: absolute;
   margin-left: 25%;
   margin-right: 40%;
    width: 25%;
	float: left;
	}
.rechtetextspalteimpressum {
   position: absolute;
   font-size: x-small;
   margin-top: 100px;
   margin-left: 25%;
   margin-right: 40%;
    width: 25%;
	float: left;
	}
	
/***************************************************************************************************************
*
**************************************************************************************************************/
.feld1, .feld2 {
	background-color: #c0d783;
	border: 0;
	width: 390px;
	}	
.feld2 {
    height: 75px;
	font-size: 1.2em;
	/* font-family-Angabe leider hier notwendig, da sonst im Feld , d.h. in der Eingabe im Feld "ihre Nachricht*" 
	   Times New Roman ist ... Bäh... */
	font-family: Arial, Helvetica, Verdana, sans-serif;
	}	
.senden {
    background-color: #c0d783;
	border: 0;
	font-size: 1.0em;
	font-weight: bold;
	}
p {
   margin: 0px;
   padding-top: 5px;
   padding-right: 0px;
   padding-bottom: 5px;
   padding-left: 0px;
  
  
  }
p a {
    text-decoration: none;
	}
p a:link {
   color: #3d3d3f;
   }
p a:visited {
    color: #3d3c3f;
	}
p a:hover {
    color: #ffffff;
	}