/*				PROTOTYPE_1 // Eingangsseite							*/


img
{
	border: 0px;
	behavior: url(pngbehavior.htc);
	width: 356px;
	height: 79px;
}
#StWrapper
{
	width:900px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
position:relative;
}


div#EKatButton{

	position:absolute;
right: 0px;
top:70px;
}

#Text{
	text-align: left;
}

/* Startseite Header */
#StHeader
{
	padding-top:50px;
	height:70px;
	text-align:left;
	padding-left: 9px;
	/*background-color: Red;*/
}

.StSpacer
{
	width: 5% !important;
	/*background-color: Green;*/
}


h1.HeadlineStart{
	margin-top: 40px;

}




.HauptNavigationUebersicht /*main_nav*/
{
	width:100%;
	height:320px;
	/*background-color: Red;*/
	padding-top:30px;
	/*background-color: Yellow;*/
	padding-left: 9px;
}

/* Verändert die Bilder auf der Startseite, z.B. die Breite der Abstände zueinander */
.HauptNavigationUebersicht div 
{
	float:left;
	text-align:center !important;
	width: 21%;
	/*background-color: Blue;*/
}

.HauptNavigationUebersicht div a 
{
	display: block;
	height: 251px;
	/*border: 1px solid black;
	background-color:Yellow;*/
	text-decoration: none;
	color: #FFFFFF;
}

h2{
	font-size: 13px;
	font-weight: bold;
}
.HauptNavigationUebersicht h1
{
	font-size: 6px;
	color: #FFFFFF;
	padding-top: 10px;
}


div#grFirm > div
{
	background-image:url(/Images/firmen_trans.png);
	width: 100%;
	height: 55px;
	background-repeat: no-repeat;
	background-position: center top;
}

/*Star Hack for Internet Explorer 6*/
* html div#grFirm
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/firmen_trans.png');
}

div#grErw > div
{
	background-image: url(/Images/erwachsene_trans.png);
	width: 100%;
	height: 55px;
	background-repeat: no-repeat;
	background-position: center top;
}

* html div#grErw
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/erwachsene_trans.png');
}

div#grSchlr > div
{
	background-image: url(/Images/erwachsene_trans.png);
	width: 100%;
	height: 55px;
	background-repeat: no-repeat;
	background-position: center top;
}

* html div#grSchlr
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/erwachsene_trans.png');
}

div#grSchlr> div
{
	background-image:url(/Images/schlr_trans.png);
	width: 100%;
	height: 55px;
	background-repeat: no-repeat;
	background-position: center top;
}

* html div#grSchlr
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/schlr_trans.png');
}

div#grFam > div
{
	background-image:url(/Images/familien_trans.png);
	width: 100%;
	height: 55px;
	background-repeat: no-repeat;
	background-position: center top;
}


* html div#grFam
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/familien_trans.png');
}


div#Firmen{
	position: relative;
}


div#Erwaachsene{
	position: relative;
}

div#SchlrStud{
	position: relative;
}

div#Familien{
	position: relative;
}


#Firmen a
{
	background-image:url(/Images/firmen_on.jpg); /* wurde nach Anweisung getauscht - firmen_off*/
	background-repeat: no-repeat;
	background-position: center top;
}

#Firmen a:hover
{
background-image:url(/Images/firmen_off.jpg);

}

div.Info{
	background-color: #FFFFFF;
	position: absolute;
	bottom: 55px;
	right: 6px;
}

div.Info a{
	display: block;
	color: #647684;
	padding: 2px;
	background-image: none !important;
	height: 17px;
	font-size: 13px;
	font-weight: bold;
	font-family: Verdana;
	padding-left: 5px;
}

div.Info a:link{
	color: #647684;
}

div.Info a:hover{
	color: #232771;
}

div.Info a:visited{

}
<br>
div.Info a:active{

}

#SchlrStud a
{
	background-image:url(/Images/Schueler_on.jpg);/* wurde nach Anweisung getauscht - schlr_off*/
	background-repeat: no-repeat;
	background-position: center top;
}
#SchlrStud a:hover
{
	background-image:url(/Images/Schueler_off.jpg);
}

#Erwaachsene a
{
	background-image:url(/Images/Erwachsene_on.jpg);/* wurde nach Anweisung getauscht - erwachsene_off*/
	background-repeat: no-repeat;
	background-position: center top;
}
#Erwaachsene a:hover
{
	background-image:url(/Images/Erwachsene_off.jpg);
}

#Familien a
{
	background-image:url(/Images/Familien_on.jpg);/* wurde nach Anweisung getauscht - familien_off*/
	background-repeat: no-repeat;
	background-position: center top;
}
#Familien a:hover
{
	background-image:url(/Images/Familien_off.jpg);
}

.HauptNavigationUebersicht div#Footer
{
	text-align: center !important;
	/*background-color: Lime;*/
	width: 99%; /*954px;*/
	position: relative;
}

#Footer p
{
	font-size: 10px;
	color: #334A5C;
}


/* Vererbte Klassen, die auf der Startseite überschrieben werden */

/*  Verlauf */
.HauptNavigationUebersicht .StartVerlauf
{
	width: auto !important;
	background-position: center top;
}


/*Aktuelles*/

div#Aktuelles{
	width: 100%;
	position: relative;
	text-align: left;
	margin-top: 20px; 
}

div.AktuellesWrapperLinks{
	position: absolute;
	width: 425px;
	left: 10px;
	top: 0px;
	
	
}

div.AktuellesAbstandOben{
	padding-left:14px;
	padding-right:14px;
	padding-top:3px;
	border:1px solid #99A0A8;
	background-image:url(/images/taeser_back.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color: #BBBBBB;
}


div.AktuellesWrapperRechts{
	width: 425px;
	position: absolute;
	right: 0px;
	top: 0px;
}


div.AktuellesText{
	
}

div.AktuellesText h2{
	font-size:17px;
	font-weight:normal;
	margin:0px !important;
	padding: 0px !important;
}

div.AktuellesText p{
	font-size:11px;
	margin:0px !important;
	padding: 0px !important;
}


div.AktuellesText div.Mehr
{
	font-size:11px;
	text-align:right;
	padding-top: 2px;
	margin-bottom: 5px;
	font-weight: bold;
}


div.AktuellesText .Mehr a{
	color: #504F57;
	text-decoration: none;
	font-weight: bold;
}

.PfeilKlein{
	font-size: 13px;
}


div.AktuellesSchatten  div{
	background-repeat: repeat-x;
	background-position: left top;
}

div.AktuellesSchatten > div{
	background-image:url(/Images/AktuellesSchatten_neu.png);
	height:49px;
}

* html div.AktuellesSchatten div
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/AktuellesSchatten_neuIE60.png');
	width: 425px !important;
	height: 49px !important;

}


#LinkText{
	margin-top: 160px;
	margin-bottom: 10px;
}

* html #LinkText{
	margin-top: 130px;
	margin-bottom: 10px;
}

*+html #LinkText{
	margin-top: 130px;
	margin-bottom: 10px;
}

#Text2{
	text-align: left;
}


#LinkText a{
	font-size: 11px;
}


div.clear{
	clear: both;
}