/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.highresolution.info/webdesign/yaml/) #
** ######################################################################################################
** 
**  YAML Version: 2.0.1
**  Dateiversion: 23.12.05 
**  
**  Datei       : base.css
**  Funktion    : Basis-Stylesheet
**
**  Don't make any changes in this file. Any changes should be placed in basemod-stylefiles.
*/


@media all
{
/* Vertikalen Scrollbalken im Firefox erzwingen */
html {height:101%} 

/* Beseitigung des Rundungsfehlers bei Schriftgr��en im Opera sowie Standardformatierungen */
body { 
	   font-size: 100.01%;
       position: relative; 
	   color: #000; 
	   background: #fff;
	   text-align: left; 
} 

/* Hiermit werden die Randabst�nde und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
**
** Achtung: Gleichzeitig wird damit jedoch das extreme Zoom-Verhalten im Internet Explorer heraufbeschworen
**          Der daf�r erforderliche Hack sollte daher nicht vergessen werden, um diese Problem wieder zu
**          beseitigen. Er ist in der Datei "iehacks.css" zu finden.
*/

* {margin:0; padding:0; border:0; font-size: 1em;}

/* ######################################################################################################
** ### DIV-Container des Basislayouts ###################################################################
** ######################################################################################################
*/

#impressum {
	position:absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	background: transparent;
	text-align: right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
}

#impressum a { color: #fff; background:transparent; text-decoration:none; }
#impressum a:hover{ text-decoration:underline; }

#nav { clear:both; width: 100%; z-index: 100;}
#main {	clear:both; width: 100%; z-index: 10;}

#left-wrap{
	float: left;
	/*width:765px;*/
	width:45.7em;
}

#col2
{
	float: right;
	/*width:530px;*/
	width:32em;
   	
}

#col1 {
	
	/*width: 225px;*/ /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	width:13em;
}



#col3 {
	float:right; 
	/*width: 224px;*/ /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	width:13em;
}

/* Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor 
** dem Spaltenhintergrund erscheinen. */
#col1 {z-index: 3;}
#col2 {z-index: 1;}
#col3 {z-index: 5;}
#col1_content {z-index: 4;}
#col2_content {z-index: 2;}
#col3_content {z-index: 6;}

#col1, #col2, #col3 { position: relative; }
#col1_content, #col2_content, #col3_content { position: relative; }

#footer { clear:both; width:auto; }

/* ######################################################################################################
** ### Markupfreie CSS-Floatclearing-L�sungen ###########################################################
** ######################################################################################################
*/

/* Cleafix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Diese Angabe ben�tigt der Safari-Browser zwingend !! */
.clearfix {display: block;}

/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { overflow:hidden; }

/* Clearen der 3 Inhaltsspalten mittels dieses speziellen hr-Tags */
.clear_columns{	
	content: "."; 
	display: block;  
	height: 0; 
	font-size: 0; 
	clear: both; 
	float: left; 
	visibility: hidden; 
	border: 0; 
	margin-top: -2em; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
}

/* ######################################################################################################
** ### Standard-Formatierungen f�r Listen & Zitate ######################################################
** ######################################################################################################
*/

ul, ol, dl { margin: 0 0 1em 0; }
li { margin-left: 1.5em; line-height: 1.5em; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}

}