/* IE Anpassungen für EdDE Layout */

@media screen
{
/*-----------------------------------------------------------------------------------------------------*/
/* Bug: 3-Pixel-Jog des Internet Explorers 
**
** IE5.x/Win - x
** IE5.x/Mac - 0
** IE6       - x
** IE7       - 0
*/	

#main { 
	background-image:url(../img/pixel_grau.gif);
	background-repeat: repeat-y;
	background-position: 100.3% 400px;
	}

/* Hides from IE-mac \*/
* html #col3 {height: 1%;}				/* Hack für 3-Pixel-Jog Bug aktivieren */
* html #col2 {margin-right: -3px;}
* html #col3 {
	margin-left: 74%;
	} 
	
	

	
	
/* End hide from IE-mac */
/*-----------------------------------------------------------------------------------------------------*/



body { min-height: 101%;
	 }

	html { height: auto; }

	/*------------------------------------------------------------------------------------------------------*/



	/*------------------------------------------------------------------------------------------------------*/

	/* Workaround: Clearfix-Anpassung für diverse IE-Versionen */

	/*

	** IE5.x/Mac - x

	** IE7       - x

	*/

	.clearfix { display: inline-block; }  /* ... Clearing für IE5/Mac und IE7 */



	/*

	** IE5.x/Win - x

	** IE6       - x

	*/

	/* Hides from IE-mac \*/

	* html .clearfix { height: 1%; }   /* ... für IE5 + IE6/Win | IE-Clearing aktivieren */

	.clearfix { display: block; }      /* ... für IE5,IE6,IE7 | Mac-Einstellungen für IE/Win zurücksetzen */

	/* End hide from IE-mac */

	/*------------------------------------------------------------------------------------------------------*/



	/*------------------------------------------------------------------------------------------------------*/

	/* Workaround Anpassung der .floatbox-Klasse für IE */

	/*

	** IE5.x/Win - x

	** IE5.x/Mac - x

	** IE6       - x

	** IE7       - 0

	*/



	* html .floatbox { width:100%; }

	/*------------------------------------------------------------------------------------------------------*/



	/*------------------------------------------------------------------------------------------------------*/

	/* Bug: Unvollständige Darstellung der Spalteninhalte / Spaltentrenner                                  */

	/*

	** IE5.x/Win - x

	** IE5.x/Mac - unbekannt

	** IE6       - x

	** IE7       - x

	*/



	/*  * html #col1 { position:relative; }  Nur für < IE7, sonst gibts im IE7 neue Positionierungsprobleme */

	* html #col2 { position:relative; } /* Nur für < IE7, sonst gibts im IE7 neue Positionierungsprobleme */

	* html #col3 { position:relative; }

	/*------------------------------------------------------------------------------------------------------*/



	/*------------------------------------------------------------------------------------------------------*/

	/* Bug: "Escaping Floats Bug" Der Hack sorgt im IE dafür, dass Floats ihre Breite behalten und nicht    */

	/* unkontrolliert seitlich ausbrechen. */

	/*

	** IE5.x/Win - x

	** IE5.x/Mac - 0

	** IE6       - x

	** IE7       - x

	*/



	/* Hides from IE-mac \*/

	.hold_floats { height: 1%; }

	/* End hide from IE-mac */

	/*------------------------------------------------------------------------------------------------------*/



	/*------------------------------------------------------------------------------------------------------*/

	/* Bug: "Disappearing List-Background Bug" */

	/*

	** IE5.x/Win - x

	** IE5.x/Mac - x

	** IE6       - x

	** IE7       - 0

	*/



	* html ul { position: relative } 

	* html ol { position: relative }

	* html dl { position: relative }

	/*------------------------------------------------------------------------------------------------------*/



	/*------------------------------------------------------------------------------------------------------*/

	/* Bug: "Disappearing Backgrounds in various HTML-Elements". To be extended on demand ... */

	/*

	** IE5.x/Win - x ( IE5 reagiert hier auf zoom:1 )

	** IE5.x/Mac - ???

	** IE6       - x

	** IE7       - 0

	*/



	* html blockquote { zoom:1 }

	/*------------------------------------------------------------------------------------------------------*/



	/*------------------------------------------------------------------------------------------------------*/

	/* Allgemeine IE-Layouthilfe, um die freie Spaltenanordnung zu gewährleisten und die Robustheit der     */

	/* DIV-Container für beliebige Inhalte zu erhöhen. Die Eigenschaft "zoom" erzwingt "hasLayout" im IE.   */

	/*

	** IE5.01/Win - 0 (Eigenschaft "zoom" wird nicht interpretiert)

	** IE5.x/Win - x

	** IE5.x/Mac - x

	** IE6       - x

	** IE7       - x

	*/



	#page_margins, #page, #header, #nav, #main, #footer { zoom: 1; }

	/*------------------------------------------------------------------------------------------------------*/



	/*------------------------------------------------------------------------------------------------------*/

	/* Bug: "Doubled Float Margins" des Internet Explorers *

	**

	** IE5.x/Win - x

	** IE5.x/Mac - x

	** IE6       - x

	** IE7       - 0

	*/



	* html #col1 { display: inline; }

	* html #col2 { display: inline; }
	

	/*------------------------------------------------------------------------------------------------------*/



	/*------------------------------------------------------------------------------------------------------*/

	/* Bug: 'Internet Explorer and Italics Problem'

	** Bei Verwendung des Schriftstils 'Italics' mittels der HTML-Tags <i> oder <em> erweitert der Internet

	** Explorer die Breite der umgebenden Box, falls diese Tags sich am Ende einer Zeile befinden. Die

	** Erweiterung der Box führt zu Layoutproblemen, da die Box plötzlich nicht mehr in das Layout passt.

 	** Durch 'overflow:visible' wird dieses Problem im IE5.5+ aufgehoben.

	**

	** IE5.0/Win - x (nicht zu beheben !!)

	** IE5.5/Win - x

	** IE5.x/Mac - x

	** IE6       - x

	** IE7       - 0

	*/



	* html #col1_content { overflow: visible; }

	* html #col2_content { overflow: visible; }

	* html #col3_content { overflow: visible; }
	
	* html i, * html em { overflow: visible; display:inline-block; }

	/*------------------------------------------------------------------------------------------------------*/



	/*------------------------------------------------------------------------------------------------------*/

	/* Bug: 'kollabierender Margin an #col3 beim Clearing der Spalten'

	**

	** Im speziellen Fall dass im 3-Spalten-Layout (1-3-2 oder 2-3-1) die linke Spalte die kürzeste und die

	** rechte Spalte gleichzeitig die längste der drei Spalte ist, kollabiert im Internet Explorer der

	** linken Margin von #col3 durch das Clearen der Spalten mittels "clear:both".

	** Im IE6 und IE7 lässt sich das Problem beseitigen durch eine trickreiche alternative Clearing-Lösung.

	**

	** IE5.0/Win - x (Bug nicht zu beheben! Stattdessen wird normales Clearing eingesetzt)

	** IE5.5/Win - x (Bug nicht zu beheben! Stattdessen wird normales Clearing eingesetzt)

	** IE5.x/Mac - ???

	** IE6       - x

	** IE7       - x

	*/



	#ie_clearing {

		display:block;       /* DIV sichtbar machen */

		\clear:both;         /* nur für IE5.x/Win gedacht, um normales Clearing zu aktivieren */



		width: 100%;         /* IE-Clearing mit 100%-DIV für IE 6 */

		font-size:0;         /* reduziert zusammen mit dem negativen Margin die Höhe des DIVs auf 2 Pixel */

		margin: -2px 0 -1em 1px; /* IE-Clearing mit übergroßem DIV für IE7 */

	}



	* html #ie_clearing { margin: 0 0 -1em 0}



	html {margin-right: 1px} /* Vermeidung horizontaler Scrollbalken bei randabfallenden Layouts im IE7 */

	* html {margin-right: 0} /* Der IE6 benötigt das nicht */



	#col3_content {margin-bottom:-2px; } /* Beseitigt auch die letzten 2 Pixel des IE-Clearings */

	#col3 { position:relative; } /* notwendig für den IE 7 */

	/*------------------------------------------------------------------------------------------------------*/



	/*------------------------------------------------------------------------------------------------------*/

	/* IE-Anpassung für Subtemplates  */



	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l { display:inline; } /* Float-Margin Hack */

	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r { display:inline; } /* Float-Margin Hack */



	.subc, .subcl, .subcr { width:auto; zoom: 1; } /* IE-Clearing mittels hasLayout für IE6 und IE7 */

	.subc, .subcl, .subcr { width:100%; w\idth: auto; } /* IE-Clearing für IE5.x/win */



	/* Bug: 'Internet Explorer and the Expanding Box Problem'

	/* Erläuterungen zum Hack: http://www.positioniseverything.net/explorer/expandingboxbug.html

	**

	** Der Lösungsvorschlag mittels overflow:hidden macht in den IE-Versionen 5.01 und 5.5 massive Probleme.

	** Die DIVs werden dort überhaupt nicht mehr angezeigt. Der erzwungene Textumbruch funktioniert hingegen

	** und kann angewandt werden. Sieht allerdings nicht sonderlich schön aus.

	**

	** IE5.x/Win - x

	** IE5.x/Mac - x

	** IE6       - x

	** IE7       - 0

	*/



	* html #col1_content { word-wrap: break-word; }

	* html #col2_content { word-wrap: break-word; }

	* html #col3_content { word-wrap: break-word; }

	/*------------------------------------------------------------------------------------------------------*/



	/*------------------------------------------------------------------------------------------------------*/

	/* Bug: "IE/Win Guillotine Bug"

	** Ausgelöst durch: Hovereffekte mit Wechsel der Hintergrundfarbe bei Hyperlinks

	** Die Fälle für sein Eintreten sind zahlreich: http://www.positioniseverything.net/explorer/guillotine.html

	** Abhängig vom fertigen Layout können daher weitere Anpassungen erforderliche werden.

	**

	** IE5.x/Win - x

	** IE5.x/Mac - x

	** IE6       - x

	** IE7       - x

	*/



	a, a:hover { background-color: transparent; }

	#footer a, #footer a:hover { background-color: transparent; }



	/*------------------------------------------------------------------------------------------------------*/

}