/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : base.css
**  Funktion    : Basis-Stylesheet
**
**  Don't make any changes in this file! 
**  Any changes should be placed in basemod-files in css/modifications directory.
*/

@media all
{
/* ######################################################################################################
** ### Vorbereitende Maßnahmen | Reset ##################################################################
** ######################################################################################################
*/
	/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	
	* { margin:0; padding: 0; } 

	/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
	html { height: 100% } 
	body { 
		min-height: 101%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		font-size: 100.01%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser 
			Fensters geändert wird. */
		position: relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #000;        
		background: #fff;
		text-align: left; 
	} 
	
	/* Standardrahmen zurücksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	select, input, textarea { font-size: 99% }


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

	#header { position:relative }

	#topnav {
		position:absolute;
		top: 10px;
		right: 10px;
		color: #fff;
		background: transparent;
		text-align: right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
	}
	
	#nav { clear:both; width: auto; z-index: 100; }
	#main {	clear:both; width: auto; z-index: 10; }
	
	
	#col1 {
		background:url(bg_left.gif) repeat-y scroll 0 0;
		float: left;
		width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}
	
	#col2 {
		float:right; 
		width: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}
	
	#col3
	{
		width:auto;
		margin-left: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
		margin-right: 200px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}
	
	#footer { clear:both; }	/* Backup für IE-Clearing */


	/* 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: 5;}
	#col3 {z-index: 1;}*/
	#col1_content {z-index: 4;}
/*	#col2_content {z-index: 6;}
	#col3_content {z-index: 2;}*/
	




	#col1_content, #col2_content, #col3_content { position:relative; }





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

	/* Clearfix-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; }
	
	/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	#ie_clearing { display: none } 

/* ######################################################################################################
** ### IE-Clearing bis YAML V2.4 ########################################################################
** ######################################################################################################
**
** Die CSS-Definition des IE-Clearings, welches bis YAML 2.4 verwendet wurde, ist aus Gründen der 
** Abwärtskompatibilität des Basis-Stylesheets weiterhin enthalten.
*/
	/* Clearen der 3 Inhaltsspalten mittels dieses speziellen hr-Tags */
	hr.clear_columns {	
		clear: both; 
		float: left; 
		content: "."; 
		display: block;  
		height: 0; 
		line-height: 0px; 
		visibility: hidden; 
		border: 0; 
		padding: 0;
		margin: -1.1em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
	}

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

	ul, ol, dl { margin: 0 0 1em 1em }
	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;}

/* ######################################################################################################
** ### Subtemplates #####################################################################################
** ######################################################################################################
*/

	.subcolumns { 
		width: 100%;
		padding: 0 1px 0 1px; 
		margin: 0 -1px 0 -1px; 
		overflow:hidden;
	}
			
	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l, .c10l, .c90l {float: left; overflow: hidden; }
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r, .c10r, .c90r  {float: right; overflow: hidden;}
	
    .c10l, .c10r { width:  9.999%; }
	.c90l, .c90r { width: 89.999%; }
    .c25l, .c25r { width: 24.999%; }
	.c33l, .c33r { width: 33.333%; }
	.c50l, .c50r { width: 49.999%; }
	.c66l, .c66r { width: 66.666%; }
	.c75l, .c75r { width: 74.999%; }
	.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
	.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */

   
	.subc  { padding: 0 0.5em 0 0.5em; overflow: hidden; }
	.subcl { padding: 0 1em 0 0.1em; overflow: hidden; }
	.subcr { padding: 0 0 0 1em; overflow: hidden; }
	
	
	/* ### Colors for drop down list in RTE ############################################################### */
	#bg_blue1 {background:#000028;color:#FFFFFF;}
	#bg_blue2 {background:#000146;color:#FFFFFF;}
	#bg_blue3 {background:#001F64;color:#FFFFFF;}
	#bg_blue4 {background:#003D82;color:#FFFFFF;}
	#bg_blue5 {background:#005BA0;color:#FFFFFF;}
	#bg_blue6 {background:#0079BD;color:#FFFFFF;}
	#bg_blue7 {background:#2B8ECB;color:#FFFFFF;}
	#bg_blue8 {background:#53A5DA;color:#FFFFFF;}
	#bg_blue9 {background:#6CB4DC;color:#FFFFFF;}
	#bg_blue10 {background:#A5D3EF;color:#FFFFFF;}
	#bg_blue11 {background:#CFE8F7;color:#FFFFFF;}
	#bg_blue12 {background:#E5F2FB;color:#FFFFFF;}
	
	#bg_orange1 {background:#B22A00;color:#FFFFFF;}
	#bg_orange2 {background:#D04800;color:#FFFFFF;}
	#bg_orange3 {background:#EE6600;color:#FFFFFF;}
	#bg_orange4 {background:#FF841E;color:#FFFFFF;}
	#bg_orange5 {background:#FFAC70;color:#FFFFFF;}
	#bg_orange6 {background:#FFC9A3;color:#FFFFFF;}
	#bg_orange7 {background:#FFE7D6;color:#FFFFFF;}
	#bg_orange8 {background:#BFAA9B;color:#FFFFFF;}
	#invers_orange {background:#EE6600; color:#FFFFFF}
	
	#bg_red1 {background:#FF0000;color:#FFFFFF;}
	#bg_red2 {background:#F62217;color:#FFFFFF;}
	#bg_red3 {background:#E41B17;color:#FFFFFF;}
	#bg_red4 {background:#F62817;color:#FFFFFF;}
	#bg_red5 {background:#E42217;color:#FFFFFF;}
	#bg_red6 {background:#C11B17;color:#FFFFFF;}
	
	#bg_grey0 {background:#888888;color:#FFFFFF;}
	#bg_grey1 {background:#AAAAAA;color:#FFFFFF;}
	#bg_grey2 {background:#CCCCCC;color:#FFFFFF;}
	#bg_grey3 {background:#DDD;color:#FFFFFF;}
	#bg_grey4 {background:#EEEEEE;color:#FFFFFF;}
	
	#blue1 {color:#000028;}
	#blue2 {color:#000146;}
	#blue3 {color:#001F64;}
	#blue4 {color:#003D82;}
	#blue5 {color:#005BA0;}
	#blue6 {color:#0079BD;}
	#blue7 {color:#2B8ECB;}
	#blue8 {color:#53A5DA;}
	#blue9 {color:#6CB4DC;}
	#blue10 {color:#A5D3EF;}
	#blue11 {color:#CFE8F7;}
	#blue12 {color:#E5F2FB;}
	
	#orange1 {color:#B22A00;}
	#orange2 {color:#D04800;}
	#orange3 {color:#EE6600;}
	#orange4 {color:#FF841E;}
	#orange5 {color:#FFAC70;}
	#orange6 {color:#FFC9A3;}
	#orange7 {color:#FFE7D6;}
	#orange8 {color:#BFAA9B;}
	
	#red1 {color:#FF0000;}
	#red2 {color:#F62217;}
	#red3 {color:#E41B17;}
	#red4 {color:#F62817;}
	#red5 {color:#E42217;}
	#red6 {color:#C11B17;}
	
	#grey0 {color:#888888;}
	#grey1 {color:#AAAAAA;}
	#grey2 {color:#CCCCCC;}
	#grey3 {color:#DDDDDD;}
	#grey4 {color:#EEEEEE;}
	
	
	#white {color:#FFFFFF;}
	/* ### Colors for drop down list END ################################################################# */

}

/* ######################################################################################################
** ### Skiplink-Navigation ##############################################################################
** ######################################################################################################
*/
@media screen, print
{
.skip {
	position: absolute;
	left: -1000em; 
	width: 20em;
}

}