/*
CODE						:	Tomas Caspers fuer Aktion Mensch
LAST CHANGE					:	14.05.04 tomas at tomascaspers dot de

Lizenzbedingungen zur freien Nutzung: http://www.einfachfueralle.de/lizenz/
Kommentierte Fassung von http://www.einfachfueralle.de/download/#styles
De gustibus et coloribus non est disputandum.

Basis-Style Sheet mit (fast) reinem CSS1.

In diesem Style Sheet werden nur die grundlegenden Properties fuer 
alle in der Site vorkommenden Tags, ID's und Klassen gesetzt, also 
Typo, Vorder- und Hintergrundfarben. Da dieses Style Sheet als 
'preferred' mit link rel, title-Attribut und nur mit einem Medientyp 
(screen) verlinkt ist, wird es auch von Netscape 4 und aehnlichen 
gesehen. Ueber den @import des jeweiligen Bereichs-CSS (blog.css, 
artikel.css etc.) kommen dann die anderen auch an ihre Styles.

Daher hier keine position:, float:	und clear: , vor allem kein 
border: (boese, boese). CSS Hacks haben hier gar nichts verloren, 
die kommen, wenn ueberhaupt, nur in die chrome.css.

CSS-Shorthand (sozusagen CSS in Steno) immer in der richtigen 
Reihenfolge, also z.B.:
selektor {
	font:	font-style font-variant font-weight font-size/line-height font-family;
}

link-Pseudoklassen immer in der Reihenfolge LVHA:
a:link, a:visited, a:hover, a:active
Eselsbruecke: Las Vegas Hells Angels

Angaben zu Abstaenden, Raendern etc. werden in CSS im Uhrzeigersinn 
geschrieben, beginnend Mittags. Also:
Oben (12h), Rechts (3h), Unten (6h), Links (9h)
*/

/* -- Alles wech, was bei media=screen unerwuenscht ist -- */

.skip	{
	display					:	none;
}

/* -- UAs, die nur CSS1 verstehen (bzw. kein Dynamic Page Reflowing 
beherrschen), koennen mit dem Inhalt der naechsten IDs sowieso nix 
anfangen, daher hier weg. Aber nicht vergessen, diese dann im Style 
Sheet fuer CSS2-faehige UAs (chrome.css) wieder anzuschalten! -- */

#fontsizer, #toolbox	{
	visibility				:	hidden;
	display					:	none;
}

/* -- Tags ohne besonderen Grund in alphabetischer Reihenfolge -- */

address, abbr, acronym, dfn	{
	font-variant			:	normal;
/* wegen Safari, der ploetzlich alle Abkuerzungen und Akronyme kursiv setzt */
	font-style				:	normal;
	text-transform			:	none;
}

a abbr, a acronym	{
	text-decoration			:	underline;
}

a, address, blockquote, div, 
caption, cite, dfn, dl, dt, 
fieldset, h1, h2, h3, h4, h5, h6
img, input, label, legend, 
li, ol, option, p, q, 
select, textarea, td, th, ul 	{
	font-family				:	"Lucida Grande", "Lucida Sans Unicode", Lucida, "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif;
}

body	{
	margin					:	0px 0px 0px 0px;
	padding					:	0;
	color					:	#000;
	background				:	#fff;
/* -- Moegliche Werte, damit es in den gaengigen Browsern in etwa 
	  gleich aussieht: 69%, 76%, 86%, 93% 
	  Wenn dieser Wert geaendert wird, muessen auch alle Einzuege 
	  u.ae. kontrolliert werde, da z.B. die haengenden Initialien 
	  direkt davon abhaengen -- */
	font-size				:	86%;
	text-align				:	left;
	background				:	url("/img/chrome/gradient_back.png") top left repeat-x;
	margin					:	5px 0px 0px 10px;
}

cite, q	{
	font-style				:	italic;
}

code	{
	font					:	.95em/140% Monaco, Courier, monospace;
	color					:	#444;
}

dd, p	{
	margin					:	0;
	padding					:	0;
}

dt, legend, strong, th	{
	font-weight				:	bold;
}

h1, h2, h3, h4, h5, h6 #rechtespalte dt	{
	color					:	#0066CC;
	background				:	transparent;
}

h1	{
	font-size				:	1.6em;
}

h2	{
	font-size				:	1.4em;
}

h3	{
	font-size				:	1.2em;
}

h4	{
	font-size				:	1em;
	font-style				:	normal;
}

h5	{
	font-size				:	.8em;
	font-style				:	normal;
}

h6	{
	font-size				:	.8em;
	font-style				:	italic;
}

img	{
	border					:	0;
/*	Damit NN4 trotzdem keine blauen Raender macht. Nicht vergessen, 
	dass fuer richtige Browser im chrome.css wieder zurueckzusetzen */
	color					:	#fff;
	background				:	transparent;
/*	Workaround fuer Bug in Opera 7.2x, der eventuell vorhandene Raender 
	und Abstaende falsch anwendet und die Bilder zusammenzuquetscht: */
	width					:	auto;
	height					:	auto;
}

kbd	{
	font					:	small-caption;
}

samp	{
	font					:	small/normal Georgia, "Times New Roman", Times, serif;
	color					:	#000;
	background				:	#faf9f7;
}

strong	{
	color					:	#111;
	background				:	transparent;
}

table	{
	border					:	0;
}

th	{
	background				:	#e5efee;
	color					:	#000;
	font-weight				:	bold;
	text-align				:	left;
}

th p	{
	font-weight				:	normal;
}

/*	fuer den MS IE, der auch in der aktuellsten Version zu doof ist, 
	irgendwas in Tabellen rein zu vererben */
th, td	{
	font-size				:	.8em;
}

/* und dann nochmal richtig */
html>body th, html>body td	{
	font-size				:	.9em;
}

/* -- Linkgedoens -- */

a:link	{
	color					:	#6460a1;
      text-decoration			:	none;
}

a:visited	{
	color					:	#008000;
      text-decoration			:	none;
}

a:hover	{
	color					:	#0000FF;
      text-decoration			:	underline;
}

a:active	{
	color					:	#4b8571;
}

a:link:hover	{
	color					:	#0000FF;
}

a:visited:hover	{
	color					:	#6460a1;
}

a:hover:active	{
	color					:	#4b8571;
}

a#abstract:link	{
	color					:	#6460a1;
}

/* -- Klassen -- */

.icon	{
	vertical-align			:	middle;
	padding-right			:	3px;
}

#abstract	{
	color					:	#222;
	background				:	transparent;
	font-weight				:	bold;
}