/* Grundelemente */


BODY {

	 margin:			0px 0px 20px 0px;
    padding:			0px;
	 font-size:			100%;
	 color:				#393939;
	 float:				none;
	background:          #bff0ff url(../images/pbg.gif) repeat-x; 

	}



#frame {

	 width:			1000px;

	 margin:			0px;

	 padding:			0px;

	 border:			0px solid #00ffff; 

/*	 background:	  #99ffdd; */

	 float:			none;


 }



#frameinner {

	 width:			1000px;

	 margin:			0px;

	 padding:			0px;

	 float:			none;

/*	 border:			0px solid #ff00ff; */

/*	 border:	  0px solid #aaaaaa; */

/*	 background:	  #ff80ff; */ 

}



#zentrieren {

	 position:		 	absolute;  /*wichtig*/

	 top:				10px;
	
	 left:			 	50%;	   /*wichtig*/

	 margin:			0 -500px;  /*wichtig*/

	 width:				1000px;

	 float:				none;

	 border:			2px solid #008bb6;

	 background-color:		#f6ebdc;
	}


#film {
border-left: solid 1px #37b2db;
 border-right: solid 1px #37b2db;
 background-color: #efdec6;
width: 200px;
height: 250px;
padding: 0px 0px 0px 0px;
background: 		url(../images/schule_2.gif) no-repeat;
overflow: 		hidden;*/ verhindert Überblendung am rechten Rand im Mozilla*/
}

.clearer {
	clear: both;
}


.contentbottom {
	background :  url(../images/contentbottom.gif) no-repeat ;
	width:540px;
	height:9px;
	overflow: hidden;
	margin-bottom: 0px;
	margin-top: 0px;
	
}
.contentbottom2 {
	background :  url(../images/contentbottom2.gif) no-repeat ;
	width:540px;
	height:9px;
	overflow: hidden;
	margin-bottom: 0px;
	margin-top: 0px;
	
}

.navbottom {
	background :  url(../images/sidebarbottom4.gif) no-repeat top left;
	width:202px;
	height:9px;
	overflow: hidden;
	margin-bottom: 10px;
}

.sidebottom2 {
	background :  url(../images/sidebarbottom.gif) no-repeat top left;
	width:200px;
	height:9px;
	overflow: hidden;
	margin-bottom: 0px;
	margin-top: 0px;
}
.sidebottom3 {
	background :  url(../images/sidebarbottom3.gif) no-repeat top left;
	width:202px;
	height:9px;
	overflow: hidden;
	margin-bottom: 0px;
	margin-top: 0px;
}	
.sidebottom4 {
	background :  url(../images/sidebarbottom4.gif) no-repeat top left;
	width:202px;
	height:9px;
	overflow: hidden;
	margin-bottom: 0px;
	margin-top: 0px;
}	
.sidebottom5 {
	background :  url(../images/sidebarbottom5.gif) no-repeat top left;
	width:202px;
	height:9px;
	overflow: hidden;
	margin-bottom: 0px;
	margin-top: 0px;
}	
 #plaintext { 

   position: absolute; 

   left: 625px; 

   top: 255px; 

   width: 195px; 

   height: 30px; 

   z-index: 100; 

   font-size: 12px;

} 

#international { 

	position:			absolute; 

	right:				50px; 

	top:				176px;	 

	text-align:			right; 

	z-index:			100;

} 




.print { 

	border-right: 0px solid #008bb6;

	border-left: 1px solid #008bb6;

	

}



.print:hover{ 

	border-right: 0px solid #008bb6;

	border-left: 1px solid #008bb6;

	background-color:	#005b88; 

}



#print p{ 

	text-decoration: none;

	font-family : Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #444655;

	border-right: 0px solid #008bb6;

	border-left: 1px solid #008bb6;

	text-transform : uppercase;

}


#youarehere {

	position: absolute;

	left: 0px;

	top: 205px;

	width: 800px;

	height: 30px;

}


#youarehere a {

	display: block;

	float: left;

	height: 30px;

	padding: 0px 10px 0px 23px;

	line-height: 30px;

	color: #37b2db;

	text-decoration: none;

	font-size: 11px;

	background : url(../images/pic_more.gif) no-repeat;

}

#youarehere a:hover {

	color: #005b88;

	background :  url(../images/pic_morea.gif) no-repeat;

}





#sidebar {

	width:				200px;

	float:				right;

	margin:			10px 0px 10px 0px;

	padding:			10px; 

	}

		     

#sidebar a {
	text-decoration: none;
	font-weight : bold;
	color: #005b88;
}

#sidebar a:hover {
	text-decoration: underline;
	color: #005b88;
	
	

}



#eyecatcher {
	 width:				1000px;
	 height:			160px;
	 background:	  		#008ab6 url(../images/) no-repeat;
	 
	 
}


#eyecatcher1, #eyecatcher2, #eyecatcher3, #eyecatcher4, #eyecatcher5, #eyecatcher6, #eyecatcher7, #eyecatcher8 { 
	width:				100%;
	 height:			160px;
	 background:	  		#008ab6 url(../images/) no-repeat;
	 border-bottom:			0px solid #D8EEFB;
} 

#eyecatcher1 { 
	background:		url(../images/peye1.gif) no-repeat; 
} 
#eyecatcher2 { 
	background:		url(../images/peye2.gif) no-repeat; 
} 
#eyecatcher3 { 
	background:		url(../images/peye3.gif) no-repeat; 
} 
#eyecatcher4 { 
	background:		url(../images/peye4.gif) no-repeat; 
} 
#eyecatcher5 { 
	background:		url(../images/peye5.gif) no-repeat; 
} 
#eyecatcher6 { 
	background:		url(../images/peye6.gif) no-repeat; 
} 
#eyecatcher7 { 
	background:		url(../images/peye7.gif) no-repeat; 


} 

#topic {

    margin: 10px 0px 0px 10px;

   	line-height:25px;

    float: left;

	

	}
#topic p {

    width:        200px;

    padding:         0px ;

    margin:        0px ;

   	
	border-left:	 	1px solid #37b2db;

	border-right:	 	1px solid #37b2db;

	border-top: 1px solid #bff0ff;

}	


#topic p a {

     padding:         0px 0px 0px 15px;

    margin:        0px ;

    text-decoration: none;

    color: #efdec6;    

}  
    

#topic p a:hover {

	padding: 0px 0px 0px 15px;

	color: #005b88;

	font-weight:bold;

	

}

#topic p a:active {

	padding: 0px 0px 0px 15px;

	background: #efdec6 url(../images/pic_dot.gif) left no-repeat ;

	display: block;

	color: #008bb6;

	

}



#topic p.sub {

	background-color:	 	#005b88;

}

	
#topic p.sub a {

	padding: 0px 0px 0px 15px;

	background-color:	 	#005b88;
	width:auto;
	display: block;
	color:#f6ebdc;

}	



#topic p.sub a:hover {

	padding: 0px 0px 0px 15px;

	background: #bff0ff url(../images/pic_dot.gif) left no-repeat ;

	display: block;

	color:#005b88;

}	



#topic p.sub a:active {

	padding: 0px 0px 0px 15px;

	background: #bff0ff url(../images/pic_dot.gif) left no-repeat ;

	display: block;

	color:#008bb6;

	}	

	

#topic p.topic {
background-color:	 	#008bb6;

}

	

#topic p.topic a {
padding: 0px 0px 0px 15px;

	width:auto;
	display: block;
	color:#f6ebdc;

}	



#topic p.topic a:hover {

	padding: 0px 0px 0px 15px;

	background: #f6ebdc url(../images/pic_dot.gif) left no-repeat ;

	display: block;

	color:#005b88;

	
}	



#topic p.topic a:active {

	padding: 0px 0px 0px 15px;

	background: #efdec6 url(../images/pic_dot.gif) left no-repeat ;

	display: block;

	color:#008bb6;

	}	



#topic p.top {

	background-color:	 	#005b88;

	

}

	

#topic p.top a {

	padding: 0px 0px 0px 15px;
	width:auto;
	display: block;
	color:#f6ebdc;

	
}	



#topic p.top a:hover {

	padding: 0px 0px 0px 15px;

	background: #bff0ff url(../images/pic_dot.gif) left no-repeat;

	display: block;

	color:#005b88;

	

}	



#topic p.top a:active {

	padding: 0px 0px 0px 15px;

	background: #bff0ff url(../images/pic_dot.gif) left no-repeat ;

	display: block;

	color:#008bb6;

	}	
	
#topic h3 {

    border-bottom:	 	2px solid #37b2db;

	background-color: 	#00617F;

	color:	 	 		#f6ebdc;

     padding: 2px 4px 2px 10px;

    font-size: 100%;

    font-weight: bold;

    text-transform : uppercase;

    margin: 20px 0px 0px 0px;

	background: transparent url(../images/navtop.gif) top right no-repeat ;

	 line-height:16px;

}

#topic .topica  {
	background: url(../images/start.gif) ;

	display: block;

	font-weight: bold;

}


#topic .subtopica {

font-weight: bold;


}

#topic .comtopica {

font-weight: bold;
background-color: 	#00617F;
}


#topic p.start {

	color:	 	#efdec6;

	

	}

#topic p.start a {

	padding: 0px 0px 0px 15px;

	background: url(../images/start.gif) ;

	width:auto;

	display: block;


}	



#topic p.start a:hover {

	padding: 0px 0px 0px 15px;

	background: #dcf7ff url(../images/pic_dot.gif) left no-repeat ;

	display: block;

	color:#005b88;

	

}	



#topic p.start a:active {

	padding: 0px 0px 0px 15px;

	background: #bff0ff url(../images/pic_dot.gif) left no-repeat ;

	display: block;

	color:#008bb6;

	}	
form.search {
background: url(../images/psearchbox.gif) no-repeat top left;
	 padding:			0px;
	 margin:			0px 0px 20px 0px;
	 
}


form.search input {

	 margin: 0px;

	 vertical-align : middle;

}



input.search {

	 border-top: #37b2db 0px solid;

	 border-left: #37b2db 0px solid;

	 border-bottom: #37b2db 0px solid;

	 border-right: #37b2db 0px solid;

	 background-color: transparent;

	 width: 165px;

	 padding: 0px ;

	 color: #000000	;

	font-size:12px;

}




#footer { 

	
	padding:		0px ;  

	width:			1000px;

	text-align:		center;

	margin-top:		10px;

	border-top:		0px solid red;	

	color:			#fff;	

	background:		url(../images/footer.gif) repeat-x;	 

}

#footer p { 

	line-height:		150% !important;

	font-size:		1.0em; 

	padding-top:		0px;

	padding-bottom:		5px;

}	 

#footer a {

	text-decoration:	none;

	font-weight:		normal;

	color:			#fff !important;

}

#footer a:hover {

	text-decoration:	underline;

	font-weight:		normal;

	color:			#fff !important;

}


#footer a.sel { 

	text-decoration:	underline; 

	font-weight:		bold; 

	color:			#a9a9a9; 

}
/*Postkarte*/
.eingabe {
    border: 0px;
    width: 250px;
    border-bottom: solid 1px #000000;
    background-color: transparent;
    font-family: Comic Sans MS,Verdana, Arial;
    font-size: 13px;
    color: #0000A0;
}
.eingabefeld {
    width: 250px;
    height: 110px;
    overflow: auto;
    border: solid 1px #000000;
    background-color: transparent;
    font-family: Comic Sans MS,Verdana, Arial;
    font-size: 12px;
    color: #0000A0;
}
.tabelle {
    background-image: url(http://www.goetheschule-essen.de/images/papier.jpg);
    border: solid 1px #000000;
}
.format {
    font-family: Arial;
    font-size: 16px;
    color: #000000;
}
.button {
    color: #000000;
    text-decoration: underline;
    background-color: transparent;
    border: 0px;
}
.vertikale_linie {
    width: 1px;
    height: 335px;
    background-color: #797979;
}
.klein {
    font-family: Tahoma,Arial;
    font-size: 11px;
    color: #4D4D4D;
}


#maintopic { 

width: 1000px; 

height: 30px; 

padding:0px; 

margin-top: 5px;


background: transparent url(../images/)  no-repeat; 

text-align: center; 

font-size: 16px; 
  
float:left; 

} 

#maintopic ul{ 

padding:0px; 

margin: 0px; 

} 

#maintopic li { 

list-style-type: none; 

float:left; 



} 





#maintopic li a{ 

color: #333333; 

height: 30px; 

display: block; 

text-align:center; 

text-decoration: none; 

padding-top:0px; 

} 



/* ######################################################################################################
** ###  "Reiternavigation portiert von Rolf Biermas http://www.robidesign.de für "Web to Date" ##########
** ###  "dieser Hinweis darf nicht entfernt weden" ######################################################
** ######################################################################################################
*/

#nav_main {
position: relative;
	width:999px;
	float:left;
	color: #efdec6;
	padding-top:5px;
	background:	#f6ebdc ;
	border-bottom:5px solid #005b88;
	border-left:1px solid #008bb6;
	border-right:1px solid #008bb6;
	font: bold 14px Verdana, sans-serif;
}

#nav_main ul {
  white-space: nowrap;
  line-height: 1em;
  margin:0;
  padding:0 0 0 50px;
  list-style:none;
}

#nav_main li {
  float:left;
  background:  url(../images/blg.gif) no-repeat top left;
/*  margin-right: 2px;  nur einfügen bei ECKIGEN Ecken */
  padding: 0 0 0 3px;
  margin: 0;
  }

#nav_main a {
  float:left;
  display:block;
  color:#efdec6;
  background: transparent;
  background: url(../images/brg.gif) no-repeat top right;
  padding:10px 11px 10px 8px;
  text-transform: none;
  text-decoration:none;
  font-weight:bold;
  width: auto; /* nur IE 5.x */
  width/**/:/**/ .1em; /* für IE 6.0 */
}

#nav_main > ul a {width:auto;}  /* für alle anderen Browser */

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav_main a {float:none;}
/* End IE5-Mac hack */

#nav_main li:hover, #nav_main li:hover a { background-position:0% -80px; }
#nav_main li:hover a { background-position:100% -80px; }



#nav_main #current { background-position:top left }
#nav_main #current a { background-position:top right }

#nav_main a:hover {
   	color:#003c58;
    background:    url(../images/brg.gif) no-repeat top right;
}

#nav_main #current {
  background-image:    url(../images/blgo.gif);
  border-width:0
}

#nav_main #current a {
color: #f6ebdc;
 background-image:     url(../images/brgo.gif);
  padding-bottom:11px;
  padding-top:10px;
}
#nav_main #current a:hover {
color: #f6ebdc;

}

#scrolltotop {
text-align: right;
cursor: pointer;
}


/* ######################################################################################################
** ###  "Reiternavigation portiert von Rolf Biermas http://www.robidesign.de für "Web to Date" ##########
** ###  "dieser Hinweis darf nicht entfernt weden" ######################################################
** ######################################################################################################
*/


#w2dpostcardidstage {
		position: relative; 
		width: 540 px; 
		height: stage.heightpx; 
		background: backcolorb url(background) picture.widthpx 0 repeat-y;
		overflow: hidden;
		margin: 10px 0 20px 0;
	}
	
	#w2dpostcardidstage img {
		position: absolute;
		top: 0;
		left: 0;
		border: 0;
		width: picture.widthpx;
		height: stage.heightpx;
		z-index: 10;
	}
	
	#w2dpostcardidstage .w2dpostcardidnav {
		position: absolute;
		width: 180px;
		height: nav.heightpx;
		top: 10px;
		left: picture.widthpx;
	}
	
	#w2dpostcardidstage .w2dpostcardidnav a {
		display: block;
		width: 170px;
		height: 40px;
		line-height: 14px;
		color: #ffffff;
		margin: 0;
		text-decoration: none;
		font-size: 12px;
		outline: 0;
		font-weight: normal;
		overflow: hidden;
	}

	#w2dpostcardidstage .w2dpostcardidnav a span {
		display: block;
		padding: 10px 10px 0px 20px;
	}

	
	#w2dpostcardidstage .w2dpostcardidnav .w2dpostcardiddial {
		width: 10px;
		height: 40px;
		background: url(dial) 0 0 no-repeat;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#w2dpostcardidstage .w2dpostcardidinfo {
		width: info.widthpx;
		height: info.heightpx;
		background-color: backcolora;
		position: absolute;
		top: stage.heightpx;
		left: 0px;
		z-index: 40;
		font-size: 12px;
		overflow: hidden;
		filter: alpha(opacity=opacity.ie);
		opacity: opacity.css;
		text-decoration: none;
		outline: 0;
		font-weight: normal;
	}
	
	#w2dpostcardidstage .w2dpostcardidinfo a {
		color: color;
		display: block;
		padding: 10px;
	}
	
	#w2dpostcardidstage a:hover {
		text-decoration: none;
	}