/* Startseite */

#mitte #startseite{
	text-align: center;
}
#mitte #startseite h1{
	font-size: 2em;
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 20px;
}
#startbild{
width: 470px; 
height: 328px; 
text-align: center; 
vertical-align: top; 
background-image: url(./../grafiken/startseite.jpg);
background-repeat: no-repeat;
}







/*Module von Reise zum Planeten der Zukunft*/


#erdmodule{
	width: 464px;
	border: solid 3px #339933;
	background-color: #dfefdf;
	text-align: center;
	font-weight: bold;
	margin-bottom: 0.6em;
}

#erdmodule span{
	line-height: 3em;
	font-size: 1.3em;
	font-weight: bold;
	font-family: comic sans ms, comic sans, arial, helvetica, serif;
	color: #339933;
	vertical-align: middle;
}
#erdmodule td{
	background-color: #FCF4E9;
	height: 50px;
}
#erdmodule thead td{
	height: 40px;
	background-color:#339933;
	color: #FFFFFF;
}

#erdmodule td a{
	display: block;
	height: 37px;
	width: 180px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 13px;
	text-decoration: none;

}
#mitte #erdmodule table td a:hover{
	background-color:#339933; !important
}

#erdmodule #em1 a{
	background-color:#FAD126;
	height: 44px;
	padding-top: 6px;
}

#erdmodule #em2 a{
	background-color:#F14D22; 
}

#erdmodule #em3 a{
	background-color:#00A6E4;
	height: 44px;
	padding-top: 6px;
}

#erdmodule #em4 a{
	background-color:#93C23D;
}

#erdmodule #em5 a{
	background-color:#ED9540;
}


/*Projektbausteine von Reise zum Planeten der Zukunft*/

#projektbausteine{
border: 3px solid #efd3ae; 
width: 470px; 
text-align: center; 
background-color: #fcf4e9; 
color: #339933; 
font-weight: bold;
}
#projektbausteine span{
line-height: 3em; 
font-size: 1.3em; 
font-weight: bold; 
font-family: comic sans ms,comic sans,arial,helvetica,serif;
 color: #e38d1a;
}

#projektmodule{
border: 1px solid #339933; 
margin: auto; 
background-color: #dfefdf;
}

#projektmodule img{
	display: block; 
	float: right;
}
#projektmodule td a{
	display: block;
	height: 37px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 13px;
	text-decoration: none;
	font-size: 0.8em;
}


#projektbausteine #projektmodule td a:hover{
	background-color:#339933;
}
#projektbausteine #projektmodule #em0 a:hover{
	background-color:#339933;
	background-image: url(./../grafiken/planet-klein-dunkelgruen.gif);
}


#projektmodule #em0 a{
	background-image: url(./../grafiken/planet-klein-hellgruen.gif);
	background-repeat: no-repeat;
	background-position: right;	
	height: 44px;
	padding-top: 6px;
}

#projektmodule #em1 a{
	background-color:#FAD126;
	height: 44px;
	padding-top: 6px;
}

#projektmodule #em2 a{
	background-color:#F14D22; 
}

#projektmodule #em3 a{
	background-color:#00A6E4;
	height: 44px;
	padding-top: 6px;
}

#projektmodule #em4 a{
	background-color:#93C23D;
}

#projektmodule #em5 a{
	background-color:#ED9540;
	height: 44px;
	padding-top: 6px;
}



#projektmodule1{
margin-top: 7px;
}

#projektmodule1 td{
border: 1px solid #339933;
background-color: #dfefdf;
}
#projektmodule1 td a{
	display: block;
	height: 40px;
	color: #339933;
	font-weight: bold;
	text-decoration: none;
	font-size: 1em;
	line-height: 40px;
	vertical-align:middle;

}
#projektbausteine #projektmodule1 td a:hover{
	background-color:#339933;
	color: #FFFFFF;
}








#projektmodule2 td{
border: 1px solid #339933;
background-color: #dfefdf;
height: 60px;	
}
#projektmodule2 td a{
	display: block;
	height: 62px;
	color: #339933;
	font-weight: bold;
	padding-top: 4px;
	text-decoration: none;
	font-size: 1em;
}


#projektbausteine #projektmodule2 td a:hover{
	background-color:#339933;
	color: #FFFFFF;
}
#projektbausteine #projektmodule2 .z2 a{
	height: 52px;
	padding-top: 14px;
}

/*Tabelle für das Video*/

#vidoetabelle{
	text-align: center;
	margin: 0.6em 0em;
}
#vidoetabelle table{
	margin: 0 auto;
	text-align: left;
	border-collapse: collapse;
	background: #FCF4E9;
	border: 3px solid #EFD3AE;
}
#vidoetabelle table td{
	padding: 5px;
	border: 1px solid #EFD3AE;
	bo

}

/*Erdschützer Zeitung*/
.zeitung{
margin: 0 auto;
}
.zeitung span{
font-size: 0.7em;
}
.zeitung img{
vertical-align: bottom;
}


/*Mitarbeitertabelle*/

table.team{
	margin-top: 0.6em;
	margin-bottom: -20px;
}

#mitte table.team h5{
	margin-top: 0;

}

table.team td{
	border-bottom: solid 40px #FFFFFF;
	vertical-align: top;
	padding: 2px 5px;
	
}
table.team td img{
	margin: -2px 0 0 -5px;
}


table.team .col1{
	
}

table.team .col2{
	background-color: #FCF4E9;
}


/*Methodendownload*/

#mitte .methode a{
display: block;
height: 110px;
background-image:url(../grafiken/methodenuebersicht.jpg);
background-repeat: no-repeat;
text-decoration: none;
color: #336600;
}
#mitte .methode  .ue{
display: block;
margin-left: 110px;
padding-top: 25px;
font-size: 1.2em;
font-weight: bold;
font-family: comic sans ms, comic sans, arial, helvetica, serif;
}
#mitte .methode .te{
display: block;
margin-left: 110px;
margin-top: 5px;
font-size: 1 em;
}



#mitte .methode a.m0:hover{
background-position: -470px 0;
}
#mitte .methode a.m1{
background-position: 0-110px ;
}
#mitte .methode a.m1:hover{
background-position: -470px -110px;
}
#mitte .methode a.m2{
background-position: 0-220px ;
}
#mitte .methode a.m2:hover{
background-position: -470px -220px;
}
#mitte .methode a.m3{
background-position: 0-330px ;
}
#mitte .methode a.m3:hover{
background-position: -470px -330px;
}
#mitte .methode a.m4{
background-position: 0-440px ;
}
#mitte .methode a.m4:hover{
background-position: -470px -440px;
}
#mitte .methode a.m5{
background-position: 0-550px ;
}
#mitte .methode a.m5:hover{
background-position: -470px -550px;
}
#mitte h1.methode{
display:block;
height: 110px;
background-image:url(../grafiken/methodenuebersicht.jpg);
}
#seite #mitte h1.methode .ue{
font-size: 0.9em;
padding-top: 15px;
margin-left: 120px;
}
#seite #mitte h1.methode .te{
margin-left: 120px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
margin-top: 0;
font-weight: normal;
line-height: 1.2em;
color: #336600;
}

#mitte h1.m1{
background-position: 0 -110px; 
}
#mitte h1.m2{
background-position: 0 -220px; 
color: #FFCC99;
}
#mitte h1.m3{
background-position: 0 -330px; 
}
#mitte h1.m4{
background-position: 0 -440px; 
color: #336600;
}
#mitte h1.m5{
background-position: 0 -550px; 
}

#mitte .downmeth ul{
list-style-image: url(../grafiken/pdfchen.gif);
}
#mitte .downmeth ul li a{
line-height: 1.6em;
font-size: 1.2em;
}


}




