/*  LAYOUT  */

body{
	/* font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Trebuchet MS; 
	font-size: 13px;
	color: #005500;
	
	
}

td {
vertical-align:top;



}

#kopf {
	position:absolute;
	left:15px;
	top:15px;
	width:200px;  /*  Das Logo-Bild ist 200px breit */
	height:132px; /*  Das Logo-Bild ist 132px hoch */
	
	overflow:hidden;

}
#kopfMitte {
	position:absolute;
	left:215px; /* 15 Rand, 200 Breite Links */
	top:15px;
	width:600px;
	height:120px; /* 132 Logo , minus 12 margin-top und -bottom , damit die grünen Linien am Logo ausgerichtet sind   */

	overflow:hidden;
	
	
	margin-top: 5px;  /* Weil das Logo Bild oben und unten weisse Ränder hat */
	margin-bottom: 7px; /* Weil das Logo Bild oben und unten weisse Ränder hat */
	
	padding-left: 5px; /*  Bisschen mehr Platz neben dem Logo */
	
	
	/* Die 3 grünen Linien */
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: none;
		border-top-color: #84C331;
		border-right-color: #84C331;
		border-bottom-color: #84C331;
		border-left-color: #84C331;
}



#nextEvent{
	width:290px;
	height:110px;
	overflow:hidden;

}

#latestNews {
	width:290px;
	height:110px;
	overflow:hidden;
	/* overflow:auto; */ /*  Für Scrollbar */

}


#links {
	position:absolute;
	left:15px;  /* 15 Aussenabstand  */
	top:147px; /*  Das Logo-Bild ist 132px hoch , plus die 15px Aussenabstand */
	width:190px; /*  200 Logo-Breite, je 5 davon margin li und re  */
	height:1000px;
	overflow:hidden;
	
	margin-top: 2px; /*  Bisschen mehr weisser Platz unter dem Logo */
	
	margin-left: 5px; /* Das Logo hat li und re 5 px weiss */
	margin-right: 5px; /* Das Logo hat li und re 5 px weiss */

}


#hauptfenster {
	position:absolute;
	left:215px; /* 15 Aussenabstand, plus 200 Gesamt-Breite von #Links */
	top:147px; /*  Das Logo-Bild ist   132px hoch, + 15 Aussenabstand oben */
	width:600px;
	
	padding-left: 10px; /* Bisschen weisse Fläche links neben dem Haupttext */

}







#links ul { /*  Man könnte auch gleich sagen "Hauptnavi" */
	list-style-type:none;
	
	background-color: #84C331; /* Neue ECLAS-Farbe */

	padding-top: 3px; /*  Bisschen grüne Fläche über der ersten Navi-Zeile! */
	padding-right: 0px;
	padding-bottom: 3px; /*  Bisschen grüne Fläche unter der letzten Navi-Zeile! */
	padding-left: 0px;
	
	margin:0px;
	border:0px;
}

#links ul ul { /*  Das wären dann die  "Sub-Navis" */
	list-style-type:none;
	
	background-color: #84C331; /* Neue ECLAS-Farbe */

	padding-top: 6px; /*  Bisschen grüne Fläche über der ersten Navi-Zeile! */
	padding-right: 0px;
	padding-bottom: 0px;   /*Bisschen grüne Fläche unter der letzten Navi-Zeile! */
	padding-left: 20px;
	
	margin:0px;
	border:0px;
}




#links ul li {

	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px; /*  Abstand zwischen den einzelnen Navi-Zeilen */
	margin-left: 0px;
	
	padding-left: 3px; /*  Bisschen grüne Fläche links von allen Navi-Zeilen */
	border: 0px;
 
}


#links ul ul li {

	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px; /*  Abstand zwischen den einzelnen Navi-Zeilen */
	margin-left: 0px;
	
	padding-left: 3px; /*  Bisschen grüne Fläche links von allen Navi-Zeilen */
	border: 0px;
	
}



#loginform {
	width: 190px; /*  200 Breite, je 5 davon margin li und re bereits im Übergeordneten Div ("Links") */
	
	padding-top: 3px; 
	padding-left: 3px;
	padding-bottom: 3px; /* Damit der PW-vergessen link nicht ganz unten klebt  */

	margin-top:7px; /* Weisser Rand zwischen Navi und Loginform */
	
	background-color: #84C331; /* Neue ECLAS-Farbe */
	color: #FFFFFF;
	font-size: inherit;
	font-weight: bold;

}

#loginform a {
	color: #FFFFFF; /* Um die Standard-Linkfarbe zu overrulen  */
	font-size: smaller;
}

#loginform input {
	width: 90px;
}








/* DESIGN   */





img {
	border: 0px;
}


p {
	line-height: 1.4em;
}


hr {
	background-color: #84C331;
	border:1px;
	height:1px;
	margin-left:0px;
	margin-right:10px;
}


#links ul li a {
	color: #FFFFFF;
	font-size: inherit; 
	font-weight: bold;
	
	margin:0px;
	padding:0px;
	border: 0px;
}

#links ul ul li a {
	color: #FFFFFF; 
	font-size:smaller;
	
	font-weight: bold;
	
	margin:0px;
	padding:0px;
	border: 0px;
}




a:link {
	color: #006600;
}
a:hover{
	color: #006600;
}
a:visited{
	color: #006600;
}

h1 {
	margin-top: 0px;
	margin-left: 0px;
	
	padding-top: 0px;
	padding-left: 0px;
	
	color: #84C331;
}

h2 {
	margin-top: 0px;
	margin-left: 0px;
	
	padding-top: 0px;
	padding-left: 0px;
	
	color: #84C331;
}

h3 {
	margin-top: 0px;
	margin-left: 0px;
	
	padding-top: 0px;
	padding-left: 0px;
	
	color: #84C331;
}
h4 {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	
	padding-top: 0px;
	padding-left: 0px;
}





.abschicken {
	background-color: #84C331;
	color: #FFFFFF;
}