/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 22.10.06  
**  Datei       : layout_2col_left_13.css
**  Funktion    : Zentrales Stylesheet 
**  Beschreibung: YAM-Buch Kapitel 4: Beispiellayout "2col_left_13"
**
*/
/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 22.10.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; text-align: right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
	}
	
	#nav { clear:both; width: auto; margin-bottom: 20px; }
	#main {	clear:both; width: auto; }
	
	
	#col1 {
		float: left;
		width: 150px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	}
	#col3
	{
		width:auto;
		margin-left: 20px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
		margin-right: 150px; /* 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 {float: left; overflow: hidden;}
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}
	
	.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; overflow: hidden; }
	.subcr { padding: 0 0 0 1em; overflow: hidden; }
}

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

}

/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 22.10.06  
**  Datei       : basemod.css
**  Funktion    : Grundversion des Screenlayouts der Layoutbeispiele
**
*/

@media all
{
body { background: #ddd; }

/* Layoutpositionierung | Randgestaltung */
#page_margins { width: 70em; min-width: 740px; max-width: 80em; margin-left:auto; margin-right:auto; }
#page{ background: #fff; }

/* Formatierung der Kopfbereiches */
#header { background-color: #fff; color: #fff; padding: 0 2em 0 0; }
#tovnav { color: #fff; background: transparent; }

/* Horizontale Ausrichtung der Navigation */
#nav_main ul { margin-left: 20px }

/* Formatierung der Fu?zeile */
#footer { background-color: #828282; color:#fff; text-align: center; padding: 5px  }

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
#main { background: #fff; padding: 10px 0 10px 0; }
/* linke Spalte */
#col1 {	width: 150px; }	
#col1_content { padding-top: 12px; padding-left: 20px; }
	/* Mittlere Spalte */
#col3
{
  	 
}

#col3_content { width: 700px; padding-right: 10px; }

/* Grafikfreie Spaltentrennlinien */
#col3 { 
	border-left: 1px #ddd solid; 
	border-right: 1px #ddd solid;
}

} 

/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 22.10.06  
**  Datei       : basemod_2col_left.css
**  Funktion    : Variation des Basislayouts (2-Spalten-Layout)
**
*/

@media screen
{
/* Fixe Breite f?r linke Spalte */
#col1 { width: 150px; margin-right: 40px; }	

/* Rechte Spalte abschalten */
#col2, #col2_content { display:none; } 

#col3 { margin-left: 25px; margin-right: 0; }
} 

/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 22.10.06  
**  Datei       : content.css
**  Funktion    : YAM-Buch Kapitel 4: Formatierung der Inhalte (Texte, Grafiken, Links, Listen, Tabellen usw.)
**
*/

@media all
{
/* ######################################################################################################
** # Globale Vorgaben f?r die Website ###################################################################
** ######################################################################################################
*/

	/* Basis-Layout erh?lt Standardschriftgr??e von 12 Pixeln */
	body { font-size: 83.33%; }
	
	h1,h2,h3,h4,h5,h6 { color: #800000; font-weight:bold; margin: 0 0 0.25em; }
	h1 { color: #800000; font-size: 200%; }                      /* 24px */
	h2 {font-size: 166.67%; }                   /* 20px */
	h3 { color: #800000; font-size: 140%; }                      /* 18px */
	h4 {font-size: 133.33%; }                   /* 16px */    
	h5 {font-size: 116.67%; }                   /* 14px */
	h6 {font-size: 116.67; font-style:italic; } /* 14px */

	p,ul,dd,dt { line-height: 1.5em; }
	p { line-height: 1.5em; margin: 0 0 1em 0; }

	hr { 
		color: #fff; 
		background:transparent; 
		margin: 0 0 0.5em 0; 
		padding: 0 0 0.5em 0; 
		border:0; 
		border-bottom: 1px #000 solid; 
	}
	
/* ### Listen ############################################################## */

	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; }
	
/* ### Textauszeichnung #################################################### */

	cite, blockquote { font-style:italic; } 
	blockquote { margin: 0 0 1em 1.5em; }

	strong,b { font-weight: bold; }
	em,i { font-style:italic; }

	pre, code {	font-family: monospace; font-size: 1.1em; }

	address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }
	
	acronym, abbr {
		letter-spacing: .07em;
		border-bottom: 1px dashed #c00;
		cursor: help;
	}

/* ### Tabellen ########################################################### */

	table { border-collapse:collapse; margin-bottom: 0.5em; }
	table.full { width: 100%; }

/* ### Objekt-Positionierung ######################################################################### */

.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
.center { text-align:center; margin-left: auto; marign-right: auto}

/* ######################################################################################################
** # Individuelle Vorgaben ##############################################################################
** ######################################################################################################
** 

/* ### ?berschriften, Flie?texte ###################################################################### */

body { color: #444; font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; }

/*h1,h2,h3,h4 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif } */
h1 {color: #fff; }
h2 {color: #666; }
h3 {color: #999; }

/* ### Auszeichnung lokaler und Externer Links ######################################################## */

a {color: #900; text-decoration:none;}
a:hover {text-decoration:underline;}
a:focus {text-decoration:underline;}

#textblau a { color: #0069b2; text-decoration:none; }
#textblau a:hover { text-decoration:underline; background-color: transparent;}
#textblau a:focus { text-decoration:underline; background-color: transparent;}

#footer a { color: white; }
#footer a:hover {color: #fff; background-color: transparent; text-decoration:underline;}
#footer a:focus {color: #fff; background-color: transparent; text-decoration:underline;}



}

/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 22.10.06  
**  Datei       : print_003.css
**  Funktion    : Druck-Stylesheet - druckt die Spalte #col3
**
*/

@media print
{
body * {font-size: 12pt; font-family: "Times New Roman", Times, serif; }
blockquote { font-family: "Times New Roman", Times, serif; }
code.css, code.xhtml, em.file { font-family:"Courier New", Courier, mono;}

h1 {font-size: 16pt; font-weight:bold; color: #800000;  background:inherit;  margin:0.4em 0 0.5em; border-bottom: 1px solid #ccc;}
h2 {font-size: 14pt; font-weight:bold; color: #666; background: inherit;   margin:0.2em 0 0.5em 0; padding: 0.3em; }
h3 {font-size: 12pt; font-weight:bold; margin:0.4em 0 0.3em 0;}

/* Vermeidung von Seitenumbr?chen direkt nach einer ?berschrift */
h1,h2,h3 { page-break-after:avoid; }

abbr[title]:after, acronym[title]:after { content: '(' attr(title) ')'; }

/* Sichtbare Auszeichnung der URLs von Links */
#col3 a[href^="http:"], #col3 a[href^="https:"], 
#col1 p a[href^="http:"], #col1 p a[href^="https:"],
#col2 p a[href^="http:"], #col2 p a[href^="https:"]
{
	padding-left: 0;
	background-image: none;
}

a[href]:after {
 content:" <URL: "attr(href)">";
 color:#444;
 background-color:inherit;
 font-style:italic;
} 

/* Umformatierung der Layoutboxen */
body {margin:0; padding: 0;}
#page_margins, #page {position:static; width:auto; min-width: inherit; margin:0; padding: 0; border: 0; } 
#topnav {display: none;}

#header {height: auto;}
#header img {position:relative; top:0; left:0;}
#nav_main {display:none;}
#teaser { margin: 1em 0 0 0; padding: 0; border:0; }

#main {margin: 0; padding: 0;}

#col1 {display:none;}
#col1_content {display:none;}

#col2 {display:none;}
#col2_content {display:none;}

#col3 { margin:0; padding: 0; border:0; }
#col3_content {margin:0; padding: 0; border:0; }

#footer {display: none;}

}