/* CSS Document

	Kreativoli medien design für Ecuador Licht und Schatten e.V.

	Historie:
	12.06.2008 - Erstellt, Maria Müller
*/						
						
						/*template els_neu*/

body
{ 
	font-size: 12px;
  font-family: Helvetica,Arial,sans-serif;
  line-height: 1.3em;
  background-color: #ffe659;
  color: #000000;
  margin: 0 auto;
  padding: 0;
}

#seite 
{ 
	width:950px !important;
  text-align:left;
 	margin:0 auto;
	margin-top: 20px; 
}
			
#oben				/*header*/
{ 
  width: 950px;
  height: 97px;
  margin: auto;
  float: left;
}

#mitte				/*main*/
{ 
  width: 950px;
  height: 460px;
  float: left;
  margin: auto;
  background-color: #FFF8CC;
}

#unten				/*footer*/
{ 
  width: 950px;
  height: 23px;
  margin: auto;
  float: left;
}



#header			/*rechts oben, Logo*/
{ 
  width: 930px;
  height: 57px;
  padding-left: 20px;
  padding-top: 40px; 
	font-weight: bold;
  background-image:url(../images/header_logo.jpg);
  background-repeat:norepeat;
  color: #ffffff;
  text-decoration: none;
  line-height: 1.5em;
}


#menu			/*breadcrumbs*/
{   
  width: 950px;
  height: 37px;
	font-weight: bold;
  background-image:url(../images/menu_balken.jpg);
  background-repeat:norepeat;
  position: absolute;
  z-index: 3;
}

li.item169
{
	margin-left: -18px;
	margin-top: -7px;
}

li.item171
{
	margin-left: 35px;
	margin-top: -15px;
}

li.item170
{
	margin-left: 100px;
	margin-top: -16px;
}

li.item173
{
	margin-left: 165px;
	margin-top: -16px;
}

li.item174
{
	margin-left: 219px;
	margin-top: -15px;
}

li.item175
{
	margin-left: 277px;
	margin-top: -16px;
}



#bilder				/*linke Seite*/
{ 
  width: 459px;
  height: 422px;
  margin-top: 30px;
  background-image: url(../images/startseite_bild.jpg);
  background-repeat: no-repeat;
  background-color: #fff8cc;
	position: absolute;
	z-index: 1; 
}

#content			/*Inhalt*/
{ 
  width: 491px;
  height: 422px;
  margin-left: 459px;
  margin-top: 30px;
  overflow: auto;
  background-image: url(../images/startseite_content.jpg);
  background-repeat: no-repeat;
  background-color: #fff8cc;
	position: absolute;
	z-index: 1;
}

#footer				/*footer, Menü unten*/
{  
  width: 930px;
  height: 20px;
  margin-top: -8px;
  padding-left: 20px;
  padding-top: 3px;
	font-weight: bold;
  background-color: #102071;
	position: absolute;
	z-index: 2; 
}

 
			 



					/* Formatierung der Überschriften */
h1 
{
  font-family: Helvetica,Arial,sans-serif;
  font-size: 18px;
  line-height: 1.1em;
  color: #000000;
  text-align:left;
}

h2 
{
  font-family: Helvetica,Arial,sans-serif;
  font-size: 16px;
  line-height: 1.1em;
  color: #000000;
  text-align:center;
}

h3 
{
  font-family: Helvetica,Arial,sans-serif;
  font-size: 14px;
  line-height: 1.1em;
  color: #000000;
}

h4 
{
  font-family: Helvetica,Arial,sans-serif;
  font-size: 12px;
  line-height: 1.1em;
  color: #000000;
}


					/* Links */
					
					
.contentpaneopen a 
{
	color: #CC0033; 
	text-decoration: none;
}

.contentpaneopen a:hover 
{
	color: #102071; 
	text-decoration: none;
}

.contentheading 
{ 
	font-size: 16px; 
	font-weight: bold; 
}

.buttonheading img 
{ 
	border:0px; 
}

					/* Menülinks */
					

ul.menu  
{ 
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	list-style-type: none;  
}

ul.menu a
{ 
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none; 
}

ul.menu a:hover 
{ 
	color: #ffcc33;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none; 
}

/* Link des aktiven Hauptpunktes gelb */ 
ul.menu .active a 
{ 
	color: #ffcc33;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none; 
}


/* Link der angezeigten Seite gelb */ 
li#current a 
{ 
	color: #ffcc33;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none; 
}



.mainlevel  
{ 
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;  
}

a.mainlevel 
{ 
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none; 
}

a.mainlevel:hover 
{ 
	color: #ffcc33;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none; 
}

a.mainlevel#active_menu 
{ 
	color: #ffcc33;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none; 
}