/* #################################
** # R. OBERMAYR Internet-Services #
** #################################
** 
**  Datei         : ie_hacks.css
**  Funktion    : Basis-Stylesheet [Korrektur der Rendering-Bugs des Internet Explorers]
*/

/* LAYOUT-UNABHÄNGIGE ANPASSUNGEN -------------------------------------------------------------------- */
@media all
{
	/*------------------------------------------------------------------------------------------------------*/
	/* Bug: "Hold Floats-Hack" Sorgt im IE dafür, dass Floats ihre Breite behalten und nicht unkontrolliert  */
	/* seitlich ausbrechen. */
	   
	/* Hides from IE-mac \*/
	* html .hold_floats {height: 1%;}
	/* End hide from IE-mac */
	/*------------------------------------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------------------------------------*/
	/* Workaround: Clearfix-Anpassung für IE */
	.clearfix {display: inline-table;}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	/*------------------------------------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------------------------------------*/
	/* Workaround Anpassung der .floatbox-Klasse für IE */
	/* Hides from IE-mac \*/
	* html .floatbox {width:100%;}
	/* End hide from IE-mac */
	/*------------------------------------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------------------------------------*/
	/* Allgemeine IE-Layouthilfe, um die freie Spaltenanordnung zu gewährleisten und die Robustheit der 
	** DIV-Container für beliebige Inhalte zu erhöhen                                                       */
/*	#main, #header {zoom: 1.0;} */
	/*------------------------------------------------------------------------------------------------------*/
}

@media screen
{
	/*------------------------------------------------------------------------------------------------------*/
	/* 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. 
	*/
/*	#col1_content, #col2_content, #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. 
	*/
	
	a, a:hover { background: transparent; }
	#footer a, #footer a:hover { background: transparent; }
	/*------------------------------------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------------------------------------*/
	/* Bug: "Doubled Float Margins" des Internet Explorers */
	#col1, #col2 { display:inline; }
	/*------------------------------------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------------------------------------------*/
	/* Bug: 'Internet Explorer and the Flickering Box Problem'  
	** Bei bestimmten Breiten des Browserfensters 'verschwindet' die mittlere Spalte völlig und taucht bei kleiner
	** Veränderung der Fensterbreite wieder auf.
	** Durch 'display:inline' für #col3_content wird das ganze alberne Verhalten der mittleren Spalte im IE aufgehoben. 
	** Dementsprechend müssen jedoch die Abstandsdefinitionen an #col3 übergeben werden.*/
	
	#col3_content { display: inline; }
	#col3_content .floatbox { display: block; width: auto; } 
	h1, h2, h3, h4 { display: block; }
	code { display: inline-table; width: auto; }  
	/*------------------------------------------------------------------------------------------------------------*/
}