/***********************************************/
/* elge.css                             */
/* Use with template elge1.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size:101%;
	color: #000;
	margin: 0px;
	padding: 0px;
}


a{
	color: #550000;
	text-decoration: none;
}

a:link{
	color: #550000;
	text-decoration: none;
}

a:visited{
	color: #550000;
	text-decoration: none;
}

a:hover{
	color: #cc0000;
	text-decoration: underline;
}

h1 h2 h3 h4 h5 h6 {
	color: #009900;
}

h1 {
	font-size: 140%;
	margin-bottom: -0.4em;
}

h2 {
	font-size: 130%;
	margin-bottom: -0.4em;
}

h3 {
	font-size: 120%;
	margin-bottom: -0.4em;
}

h4 {
	font-size: 110%;
	margin-bottom: -0.4em;
}

h5 {
	font-size: 100%;
	margin-bottom: -0.4em;
}

h6 {
	font-size: 90%;
	font-style: italic;
	margin-bottom: -0.4em;
}


ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}

#rechtebox li {

	margin-left: -0.8em;
padding-bottom: 0.5em;

}

.klein {font-size: 80%}

.trennlinie{
	border-bottom: 1px solid #cccccc;
	width: 94%;
	height: 1px;
	margin-top: -0.9em;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#rahmen{
	margin: 10px;
}

#kopfbereich{
float:left;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	background-image: url(grafik/kopfleiste.jpg);
	background-position: 100% 0%;
	background-repeat:no-repeat;
width: 100%;
}

#navcontainer li ul li{
	padding-left: 10px;
	margin-right: 0px;
}

#navcontainer li ul li ul li{
	padding-left: 10px;
	margin-right: 1px;
}

#navcontainer li ul li a
{
background-color: #cccccc;
}

#navcontainer li ul li a:hover
{
background-color: #eff0f0;
text-decoration: underline;
}

#navcontainer li ul li ul li a
{
background-color: #e5e5e5;
}

#navcontainer li ul li ul li a:hover
{
background-color: #eff0f0;
text-decoration: underline;
}

 #nav { 
 float:left;
 width: 20%; 
	padding: 10px 0px 0px 0px;
	margin-bottom: 10px;
} 

#navcontainer { 
 clear:both;
	margin-top: 0px;
	font-size: 90%;
}



#navcontainer .aktiv{ 
background-color: #eff0f0;
 font-weight: bold;
}

#navcontainer .weiter{ 
	background-image: url(grafik/linkpfeilleer.gif);
	background-position:right;
	background-repeat:no-repeat;
}

#navcontainer .offen{ 
	background-image: url(grafik/linkpfeiloffen.gif);
	background-position:right;
	background-repeat:no-repeat;
background-color: #eff0f0;
 font-weight: bold;
}


#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type:none;
}

#navcontainer a
{
display: block;
padding: 5px;
width: 96%;
background-color: #a7a9ac;
border-bottom: 1px solid #fff;
}

#navcontainer a:link
{
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #eff0f0;
text-decoration: underline;
}

form	{
	line-height				:	200%;
	margin-top				:	1em;
}

table	{
	line-height				:	100%;
	margin-top				:	1em;
}

form br { 
clear: both; 
} 

.acc {
border: #000000 solid; border-width: 0px 0px 1px;
font-weight: bold; color: #cc0000;
}

legend{
 color: #000000;
}


label{
 font-size: 100%;
 font-weight: bold;
 color: #000000;
}

label.tableft { 
float: left; 
text-align: right; 
width: 30%; 
white-space:nowrap;
margin-left: 1%; 
margin-right: 1%; 
margin-bottom: -1.9em; 
 font-size: 100%;
 color: #333;
} 


input.tabright { 
float: left; 
width: 30%; 
font-size: 100%;
clear: both; 
margin-left: 33%; 
margin-right: .5%; 
	line-height				:	normal;
} 

textarea.tabright { 
float: left; 
width: 60%; 
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
 font-size: 90%;
clear: both; 
margin-left: 33%; 
margin-right: .5%; 
	line-height				:	normal;
} 


.submitbutton	{
 font-size: 100%;
 font-weight: normal;
	line-height				:	normal;
}


#content{
	float: left;
  width: 55%;
	padding: 10px 0px 0px 0px;
}

/************* #globalNav styles **************/

#globalNav{
padding: 0px 0px 5px 10px;
border-bottom: 1px solid #CCC;
color: #cccccc;
text-align:right;
}

#globalNav img{
padding: 8px 0px 0px 4px;
border-style:none;
}

#globalNav a {
	font-size: 90%;
	padding: 0 4px 0 0;
}

/*************** #gelberbalken styles **************/

#gelberbalken{
	margin: 0px;
	padding: 5px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
background-color: #ffdb00;
}

#gruenerbalken{
	margin: 0px;
	padding: 5px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
background-color: #66cc00;
}

#roterbalken{
	margin: 0px;
	padding: 5px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
background-color: #cc0000;
}

/************** .feature styles ***************/

.bildimtextlinks {
  	float:left;
padding: 5px 10px 5px 0px;
	font-size: 90%;
}

.bildimtextrechts {
  	float:right;
margin: 0px 0px 5px 5px;
	font-size: 90%;
}

#fusszeile {
clear: both;
	border: 1px solid #cccccc;
	height: 1.4em;
	font-size: 80%;
	color: #000;
	padding: 5px;
background-color: #ffdb00;
}

#fusszeilegruen {
clear: both;
	border: 1px solid #cccccc;
	height: 1.4em;
	font-size: 80%;
	color: #000;
	padding: 5px;
background-color: #66cc00;
}

#fusszeilerot {
clear: both;
	border: 1px solid #cccccc;
	height: 1.4em;
	font-size: 80%;
	color: #000;
	padding: 5px;
background-color: #cc0000;
}

#impressum {
float:right;
}

/************** .story styles *****************/

#story{
	clear: both;
	padding: 0;
	padding: 0px 10px 0px 10px;
	font-size: 90%;
	height: 550px;
	overflow:auto;
}

#storystart{
	clear: both;
	background-image: url(grafik/pback.gif);
	background-position: 50% 50%;
	background-repeat:no-repeat;
	padding: 0px 10px 0px 10px;
	font-size: 90%;
	height: 550px;
	overflow:auto;
}

#galeriestory{
	text-align:center;
	padding: 0px 10px 0px 10px;
	height: 730px;
	overflow:auto;
}



/************* #siteInfo styles ***************/

#siteInfo{
	float: left;
}

/************** #rechtebox styles **************/

#rechtebox{
  float:right;
	width: 20%;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 90%;
}

#rechtebox img{
  right: 0px;;
	border: 1px solid #cccccc;
}

.umflussbeenden {
clear: both;
}

.schulort{
border: 1px solid #cccccc;
padding: 5px;
background-color: #D3D3D3;
}