/* econowars global presentation
1) html elements
2) action area styles
3) marginalien styles
4) footer
5) global layout
6) inherited typography corrections
7) media screen: navigation
8) media print: print styles
*/
/* econowars multipurpose styles */

/* =================================================================== */
/* general colors                                                      */
/* =================================================================== */
/*
	white:        		#ffffff;
	black:        		#000000;
	body: 				#efe8dd;
	#inhalte:			#ffc
	#diverses:			#dda;

	-- nav --
	#oberkante:				#45a28f;
	#unterkante:					#bfa174;
	#navigation:			#6784b8;
	#inhaltsverzeichnis:	#af8951;

	--- captions ---
	h1		#333;
	h2		#900;
	h3		#456296;
	h4		#aaa;

	a 		#8c6e41;
*/

/* =================================================================== */
/* Deutsche Umlaute                                                      */
/* =================================================================== */
/*
uuml "ü" 
ouml "ö" 
auml "ä" 
szlig "ß"
Uuml "Ü" 
Ouml "Ö" 
Auml "Ä" 
*/

/* =================================================================== */
/* typographische zeichen                                                      */
/* =================================================================== */
/*
en dash –   \2013

em dash —   \2014

- minus −     \2212

ellipsis …  \2026

leerzeichen ==  

deutsche anführungszeichen 99-66 regel, doppelt, einfach
„  “
‚  ‘
\201e \201c
\201a \2018

<> == &lt; &gt;

Attributbedingte Formatierung
=============================
Beispiel  	Beschreibung
*[title] 	Bezieht sich auf alle Elemente, die das TITLE-Attribut besitzen.
p[align=center] 	Nur zentriert ausgerichtete Absätze werden mit den angegebenen CSS-Befehlen formatiert.
a[title~="extern"] 	Um alle Links, die im TITLE-Attribut das Wort "extern" enthalten, zu formatieren, benutzen Sie diese Notation.
link[hreflang|="de"] 	Alle LINK-Tags mit HREFLANG-Attribut sind von dieser Formatierung betroffen, sofern Sie als Wert entweder exakt "de" besitzen oder mit "de-" beginnen (z.B. <link hreflang="de"> oder <link hreflang="de-ch">).
img[alt^="Bild"] 	Bilder, deren ALT-Attribut mit "Bild" beginnt, sind von diesem Selector betroffen.
a[href$=".php"] 	Links, deren Zieldateien die Dateiendung ".php" besitzen, sind von diesem Selector betroffen.
img[alt*="Foto"] 	Bilder, in deren ALT-Attribut die Zeichenkette "Foto" vorkommt, sind von diesem Selector betroffen.
img[alt^="Bild"][src^="http://"] Sie können die verschiedenen Varianten natürlich auch kombinieren. Beispielsweise bewirkt dieser Selector, dass alle Bilder, deren ALT-Attribut mit "Bild" und deren SRC-Attribut mit "http://" beginnen, entsprechend formatiert wird.


*/
/* =================================================================== */
/* alle medientypen BEGINN                                             */
/* =================================================================== */

@media all {
	/*  html elements BEGINN */

	html {
		/*lifts sidebars off bottom of page*/
		margin-bottom:1px;
		background:#ffd;
	}

	body {
		margin:50px;
		padding:50px;
		width:65%;
		text-align: center;
		background: #efe8dd;
		color:#333;
	}
	div {
		width:65%;
		text-align: right;
	}

/* 	[lang|="de"]>* {
		quotes: "„" "“" "‚" "‘";
	}
 */

	a {
		color:#8c6e41;
		font-weight:bold;
	}

	a:link, a:visited {
		text-decoration:none;
	}

	a:active, a:hover {
		text-decoration:underline;
	}


	li {
		padding-left:1em;
	}

	ul {
		margin:50px;
		padding:50px;
		list-style-type: square;
		padding-bottom:3em;
		text-align: left;
	}
	h1 {
		color: #404000;
		font-weight:bold;
		font-size:1.8em;
	}

	h2 {
		color: #404000;
		font-weight:normal;
		font-size:1.44em;
	}

	h3 {
		margin-bottom:0.45em;
		font-weight:normal;
		font-size:1.1em;
		text-indent:1.75em;
	}

	h4 {
		text-indent:0.125em;
		margin-bottom:0em;
		margin-top:1em;
		font-weight:normal;
		font-size:1.083em;
	}

	p, li {
		line-height:1.5em;
	}
	p.copy {
		font-size:9pt;
		text-align:right;
	}

	img {
		border:0;
		vertical-align:middle;
	}
}
/* =================================================================== */
/* medientyp alle  ENDE                                               */
/* =================================================================== */