/* 
=========================================================================================
CSS Document Leikon-Struktur
=========================================================================================
*/

div#content {
	padding: 0;
	margin-top: 0;
	margin-bottom: 1em;
	margin-right: auto;
	/* 
	Opera mag die Angaben 'margin:20px auto' nicht.
	Nachfolgende Kommentare bitte keinesfalls löschen, da diese einen Browser-Hack enthalten!
	*/
	margin-left: auto; 	
	background-color: #FFFFFF;
	text-align:left;
	font-size: 13px; /* für IE mac */
	/* vor dem IE mac verstecken \*/
	font-size: 13px !important; font-size: 13px;
	/* verstecken beenden */
	width: 950px;
	height: auto;
	line-height: 1.5em;
	background-image: url(../images/leikon_balken.jpg);
	background-repeat: no-repeat;
}
/*
=========================================================================================
*/


/* 
=========================================================================================
Formatierung der Kopfzeile mit dem oberen Menü
=========================================================================================
*/
div#struct_head_menu {
	width: 950px;
	height: 176px;
	/*
	Höhe der Kopfzeile muss individuell angepasst werden, da es Unterschiede in den Browsern gibt. 
	Wird die Höhe geringer eingestellt, wird ein Teil des Fotobalkens unten abgeschnitten.
	*/
}

div#struct_head_menu p {
	text-align: right;
	padding-top: 30px;
	margin: 0 5px 5px 5px;
}

	/* 
	Die nachfolgende Reihenfolge der Definitionen für das a-Tag darf nicht verändert werden
		a
		a:link
		a:visited
		a:hover
		a:active
	Bei einer veränderten Reihenfolge bekommt der IE Probleme mit der Darstellung im Hover-Effekt. 
	*/

div#struct_head_menu a{
	padding: 0 20px 0 5px;
	text-decoration: none;
	background: #FFFFFF;
}

div#struct_head_menu a:link{
	border-left: 2px solid #004484; 
	color: #004484;
}

div#struct_head_menu a:visited{
	border-left: 2px solid #004484; 
	color: #004484;
}

div#struct_head_menu a:hover{
	border-left: 2px solid #6B9DCE;
	color: #6B9DCE;
}

div#struct_head_menu a:active{
	border-left: 2px solid #004484; 
	color: #004484;
}
/*
=========================================================================================
*/

/*
=========================================================================================
Formatierung des Haupt-Inhaltsbereiches, umfasst Menü- (links) und Content-Bereich
=========================================================================================
*/
div#struct_main {
	position: relative;
	top: -2em;
	width: 950px;
	margin: 0;
	background-color: #B4CDE6;
	/*
	!!!!!!!!!!!!!!!!!!!!
	Hier wird die Hintergrundfarbe für den Content-Bereich gesetzt.
	!!!!!!!!!!!!!!!!!!!!
	*/
	background-image: url(../images/leikon_menu_hintergrund.jpg);
	background-repeat: repeat-y;
	/*
	Dieses weiße Hintergrundbild sorgt für einen durchgängigen weißen Menürahmen bis zum unteren Rand.
	Bei CSS-Ebenen werden die Höhen nicht automatisch an die längste Ebene angepasst, sondern nur
	bis zum Ende des Inhalts. Deshalb muss hier eine zusätzliche Hintergrundgrafik für den Menübereich 
	eingefügt werden.
	*/
}
/*
=========================================================================================
*/

/*
=========================================================================================
Formatierung der ersten Menüebene auf der linken Seite des Hauptbereiches
=========================================================================================
*/
div#struct_menu {
	width: 200px;
	float: left;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}

div#struct_menu ul {
	margin: 20px 0 0 0;
	padding:0;
}

div#struct_menu li {
	margin:0;
	padding:0;
	list-style: none;
}

div#struct_menu a:link, div#struct_menu a:visited {
	display: block;
	margin: 5px 0 1px 0;
	padding: 0.3em 0.75em 0.75em 1.5em;
//	padding: 0.3em 0.75em 0.3em 1.5em;
	height: 1em;
	text-decoration: none;
	color: #000000;
	background: #FFFFFF url(../images/leikon_menu_balken_dunkel.jpg) bottom left no-repeat;
	/*
	Formatierung des normalen linken Menüpunktes. 
	*/
}
html>body div#struct_menu a:visited {
        height: auto;
}
div#struct_menu a:hover {
	color: #000000;
	background: #EEEEEE url(../images/leikon_menu_balken_hell.jpg) bottom left no-repeat;
	/*
	Formatierung des Hover- oder Mouseover-Effektes im linken Menü 
	*/
}

div#struct_menu ul li a#current_page{
	color: #000000;
	background: #EEEEEE url(../images/leikon_menu_balken_hell.jpg) bottom left no-repeat;
	/*
	Die jeweils aktuelle Seite wird im Menü mit geänderter Hintergrundfarbe und anderem Hintergrundbild angezeigt.
	Der Link des entsprechenden Listeneintrag muss dazu mit <a href="#" id="current_page"> gekennzeichnet sein.
	Diese Anzeige ist identisch mit dem Hover- oder Mouseover-Effekt des Menü-Links.
	*/
}
/*
=========================================================================================
*/

/*
=========================================================================================
Formatierung der zweiten Menüebene
=========================================================================================
	Dieser Blcok wiederholt sich entsprechend der ersten Ebene der Menüformatierung
*/
div#struct_menu ul li ul{
	list-style: none;
	margin: 0 0 10px 0;
	padding:0;
	font-size: 11px;
}

html>body #struct_menu ul li ul li a:link, #struct_menu ul li ul li a:visited {
	height:auto;
}

div#struct_menu ul li ul li {
	margin:0;
	padding:0;
}

div#struct_menu ul li ul li a:link, div#struct_menu ul li ul li a:visited {
	display: block;
	margin: 1px 0;
	padding: 0.2em 0.75em 0.2em 3em;
	text-decoration: none;
	color: #000000;
	background: #FFFFFF url(../images/leikon_menu_pfeil_dunkel.jpg) bottom left no-repeat;
	/*
	Formatierung des normalen linken Menüpunktes in der zweiten Ebene. 
	*/
}

div#struct_menu ul li ul li a:hover {
	color: #000000;
	background: #EEEEEE url(../images/leikon_menu_pfeil_hell.jpg) bottom left no-repeat;
	/*
	Formatierung des Hover- oder Mouseover-Effektes in der zweiten Ebene des linken Menüs 
	*/
}

div#struct_menu ul li ul li a#current_page {
	color: #000000;
	background: #EEEEEE url(../images/leikon_menu_pfeil_hell.jpg) bottom left no-repeat;
	/*
	Die jeweils aktuelle Seite wird im Menü mit geänderter Hintergrundfarbe und anderem Hintergrundbild angezeigt.
	Der Link des entsprechenden Listeneintrag muss dazu mit <a href="#" id="current_page"> gekennzeichnet sein.
	Diese Anzeige ist identisch mit dem Hover- oder Mouseover-Effekt des Menü-Links in der zweiten Ebene.
	Es können sowohl die erste Ebene, als auch die zweite Ebene aktiv geschaltet werden. Hier sollte man sich aber 
	auf eine Aktivschaltung beschränken.
	*/
}
/*
=========================================================================================
*/

/*
=========================================================================================
 Formatierungen für den Zusatzbereich (Common) unter dem linken Menü
=========================================================================================
*/
div#struct_menu_common {
	margin: 30px 0 0 20px;
	padding: 0;
}

div#struct_menu_common a:link, div#struct_menu_common a:visited, div#struct_menu_common a:hover, div#struct_menu_common a:active {
	/*
	Ausblenden des vererbten Navigationsbalken mit dazugehörigen Rollover-Effekt aus übergeordnetem Menü-Bereich
	*/
	margin: 5px 0 0 0;
	padding: 0;
	color: #004484;
	background: #FFFFFF url(../images/leikon_menu_balken_unsichtbar.jpg) top left no-repeat;
}
/*
html>body #struct_menu a:link, #struct_menu a:visited {
	height: auto;*/
	/*
	Browserhack für korrekte Abstände im Internet-Explorer
	*/
}

div#struct_menu_common p {
	margin: 0;
	padding: 10px 0 0 0;
	clear: both;
	height: auto;
	/*
	Absatzformatierung mit setzen der Abstände im Common-Bereich
	*/
}

div#struct_menu_common img {
	float: left;
	padding: 0 10px 0 0;
	height: auto;
	/*
		Abstandsformatierung für W3C-Logo
	*/
}
/*
=========================================================================================
*/

/*
=========================================================================================
Formatierungen für den Inhaltsbereich der Seite
=========================================================================================
*/
div#struct_content {
	padding-top: 1em;
	padding-left: 2em;
	padding-right: 0;
	padding-bottom: 0em !important; padding-bottom: 1em;
	width: 669px !important; width: 669px;
	margin-left: 200px;
	/* 
	Weitere Textformatierungen für den Inhaltsbereich stehen in der separaten
	CSS-Datei leikon_text.css 
	*/
}
/*
=========================================================================================
*/

/*
=========================================================================================
Formatierungen für die Fusszeile
=========================================================================================
*/
div#struct_footer {
}
div#struct_footer {
	width: 950px;
}

div#struct_footer p {
	text-align: right;
	padding: 0 0 5px 0;
	margin: 0;
	color: #6B9DCE;
	line-height: 1.2em;
}

div#struct_footer img{
	padding: 0;
	margin: 0px 5px 0 15px;
}

	/* 
	Die nachfolgende Reihenfolge der Definitionen für das a-Tag darf nicht verändert werden
		a
		a:link
		a:visited
		a:hover
		a:active
	Bei einer veränderten Reihenfolge bekommt der IE Probleme mit der Darstellung im Hover-Effekt. 
	*/
div#struct_footer a{
	margin: 0;
	padding: 0 20px 0 5px;
	text-decoration: none;
}

div#struct_footer a:link{
	color: #004484;
	background: #FFFFFF;
}

div#struct_footer a:visited{
	color: #004484;
	background: #FFFFFF;
}

div#struct_footer a:hover{
	color: #6B9DCE;
	background: #FFFFFF;
}

div#struct_footer a:active{
	color: #004484;
	background: #FFFFFF;
}
/*
=========================================================================================
*/