/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.highresolution.info/webdesign/yaml/) #
** ######################################################################################################
** 
**  YAML Version: 2.3
**  Dateiversion: 09.04.06  
**  Datei       : iehacks.css
**  Funktion    : Basis-Stylesheet [Korrektur der Rendering-Bugs des Internet Explorers]
**
**  Don't make any changes in this file! 
**  Any changes should be placed in adaptation-files in css/explorer directory.
*/

/* LAYOUT-UNABHAeNGIGE ANPASSUNGEN -------------------------------------------------------------------- */
@media all
{
	/*------------------------------------------------------------------------------------------------------*/
	/* Bug: "Hold Floats-Hack" Sorgt im IE dafuer, 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 fuer 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 fuer IE */
	/* Hides from IE-mac \*/
	* html .floatbox {width:100%;}
	/* End hide from IE-mac */
	/*------------------------------------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------------------------------------*/
	/* Allgemeine IE-Layouthilfe, um die freie Spaltenanordnung zu gewaehrleisten und die Robustheit der 
	** DIV-Container fuer beliebige Inhalte zu erhoehen                                                       */
	#main, #header {zoom: 1.0;}
	/*------------------------------------------------------------------------------------------------------*/
}

@media screen
{
	/*------------------------------------------------------------------------------------------------------*/
	/* Bug: 'Internet Explorer and the Expanding Box Problem' 
	/* Erlaeuterungen zum Hack: http://www.positioniseverything.net/explorer/expandingboxbug.html
	**
	** Der Loesungsvorschlag mittels Overflow:hidden macht in den IE-Versionen 5.01 und 5.5 massive Probleme. 
	** Die DIVs werden dort ueberhaupt nicht mehr angezeigt. Der erzwungene Textumbruch funktioniert hingegen
	** und kann angewandt werden. Sieht allerdings nicht sonderlich schoen aus. 
	*/
	#col1_content, #col2_content, #col3_content { word-wrap: break-word; }
	/*------------------------------------------------------------------------------------------------------*/
	
	/*------------------------------------------------------------------------------------------------------*/
	/* Bug: "IE/Win Guillotine Bug"  
	** Ausgeloest durch: Hovereffekte mit Wechsel der Hintergrundfarbe bei Hyperlinks
	** Die Faelle fuer sein Eintreten sind zahlreich: http://www.positioniseverything.net/explorer/guillotine.html
	** Abhaengig vom fertigen Layout koennen 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 voellig und taucht bei kleiner
	** Veraenderung der Fensterbreite wieder auf.
	** Durch 'display:inline' fuer #col3_content wird das ganze alberne Verhalten der mittleren Spalte im IE aufgehoben. 
	** Dementsprechend muessen jedoch die Abstandsdefinitionen an #col3 uebergeben werden.*/
	
	#col3_content { display: inline; }
	#col3_content .floatbox { display: inline-block; width: auto; } 
	h1, h2, h3, h4 { display: inline-block; }
	code { display: inline-table; width: auto; }  
	/*------------------------------------------------------------------------------------------------------------*/
}