/**********************************************************/
/***** CSS 2 StyleSheet fuer sebe-achim.de  ***************/
/*****     SeBe-Beirat / Druckausgaben	  ***************/
/*****              (c) Nils Pickert        ***************/
/**********************************************************/

/******* Allgemeines Layout *******************************/



body	{
	background-color		:	#fff;
	color				:	#000;
	caption-side		:	top;
	margin			:	0.5cm 3cm 1cm 0.5cm;
     	font-family			: 	Univers, Helvetica, sans-serif;
	font-size			:	12pt;
	line-height			:	160%;
	

/* Hurenkinder und Schusterjungen :-) */
	orphans			:	2;
	widows			:	2;
	}

#inhalt	{
	width				:	auto;
	margin-top			:	4cm;
	float				:	none;
	}


h1,h2,h3,h4	{
	font-family			:	"Trebuchet MS", Verdana, sans-serif;
	font-weight			:	bold;
	font-style			:	italic;
/*
haelt Ueberschriften mit dem dazugehoerigen 
fliesstext zusammen 
*/
	page-break-after		:	avoid;
	page-break-inside		:	avoid;
	}

h1	{
	font-size			:	18pt;
	}

h2	{
	font-size			:	15pt;
	}

h3	{
	font-size			:	13pt;
	}

h4	{
	font-size			:	12pt;
	}

hr	{
	display			:	none;
	}


.nichtdruck	{
	display			: 	none;
	}

.brottext {
	text-align			: 	left;
	width				:    	80%;
     	}


.fuelltext    {
	display			:	none;
	}


.footnote {
	text-align			: 	left;
	padding-top			: 	15ex;
	font-size			: 	8pt;	     
	}

/*-- Tags --*/


address, caption, cite, dl, dt, li, p, td, th, ul 	{
	font					:	12pt/15pt Univers, Helvetica, sans-serif;
	}

/* nochmal testen, ob die Puenktchen jetzt wirklich weg sind, 
bzw. welcher von denen jetzt in welchem Browser die Dinger wegmacht */

a, abbr, acronym	{
	border				:	0;
	border				:	none;
	border-bottom			:	none;
 	border-bottom-style		:	none;
	border-style			:	none;
	text-decoration			:	none;
	}

address	{
	font-style				:	normal;
	}

blockquote	{
	border				:	1px #666 dashed;
	margin				:	8pt;
	padding				:	4pt;
	width					:	90%;
	float					:	left;
	clear					:	both;
	page-break-inside			:	avoid;
	}

blockquote > p	{
	text-indent				:	-.5em;
	quotes				:	'\00201E' '\00201D' '\002018' '\002019';
	}

blockquote > p:first-line	{
	font-weight				:	bold;
	color					:	#333;
	background				:	inherit;
	}

caption	{
	}

cite, q	{
	font-style				:	italic;
	}

code, pre	{
	font					:	8pt Monaco, "Lucida console", courier, monospace;
	}

dfn	{
	font-style				:	normal;
	}

dt	{
	font-weight				:	bold;
	}

img	{
	border				:	0;
	}


kbd	{
	font					:	menu;
	}

li	{
     	font-family				: 	Univers, Helvetica, sans-serif;
	font-size				:	12pt;
	page-break-inside			:	avoid;
	}

/* damit die codelistings aussehen wie in der i'X :-) */

pre	{
	line-height				:	12pt;
	color					:	#000;
	background-color			:	#efefef;
	border-left				:	20px #ddd solid;
	padding				:	4pt;
	page-break-inside			:	avoid;
	}

sub	{
	font-size				:	8pt;
	line-height				:	inherit;
	}

td, th	{
	border-left				:	0px #333 solid;
	border-bottom			:	0px #333 solid;
	}

th	{
	font-weight				:	bold;
	text-align				:	left;
	vertical-align			:	top;
	background-color			:	#efefef;
	}

ul, ol, dl	{
	page-break-before			:	avoid;
	}

:lang(de) > q, :lang(de) > blockquote	p	{
	quotes				:	'\00201E' '\00201D' '\002018' '\002019';
	}

/* ---------- links ---------- */
/*
Links werden alle auf Schwarz gesetzt. einfacher waere, 
den kompletten anchor-Tag auf Schwarz zu setzen, aber 
manche browser ignorieren das bei visited Links und machen 
die trotzdem Lila.
*/


a:link	{
	color					:	#000;
	}

a:visited	{
	color					:	#000;
	}

/* 
experimentelles feature aus CSS3! Tut's 
bisher nur in Opera ab 6 (5?) und den Mozillas, 
ist aber im ausdruck unschoen anzusehen.*/

#inhalt a:link:after, #inhalt a:visited:after {
	content				:	" ( " attr(href) " ) ";
	text-decoration			:	none;
	}

a[href="/"]:after {
	content				:	" ( www.einfach-fuer-alle.de" attr(href) " )";
	text-decoration			:	none;
	}

/* ---------- klassen ---------- */

.abstract	{
	font-weight				:	bold;
	}

.caption	{
	font-family				:	arial, Geneva, sans-serif;
	font-size				:	8pt;
	line-height				:	12pt;
	margin-top				:	8pt;
	}

.imgright 	{
	float					:	right;
	width					:	auto;
	}

.imgleft	{
	float					:	left;
	width					:	auto;
	}

.pullout	{
	border				:	1px #999 dotted;
	float					:	left;
	width					:	40%;
	margin				:	12pt;
	padding				:	6pt;
	}


/* -- der wundersame Logowechsel -- */

#logo 	{
	position				:	absolute;
	right					:	1.5cm;
	top					:	.1cm;
	width					:	85px;
	height				:	85px;
	background-image			:	url(../img/logo/efa_print.gif);
	}


div#logo a img	{
	display				:	none;
	}



#bottomnav ul {
	padding				:	0;
	margin				:	0;
	}

#bottomnav li {
	float					:	left;
	width					:	auto;
	margin				:	.2em 2px 0 0;
	padding				:	0;
	display				:	inline;
	list-style				:	inside;
	position				:	relative;
	top					:	0;
	}


#bottomnav li.screen	{
	display				:	inline;
	}

#bottomnav li.print {
	display				:	none;
	}


/*
alles wech, weil's im ausdruck keinen Sinn macht
*/



#help,
#contentnav,
#suchbox,
#masthead,
#metanav,
#bottomnav,
#related,
.none,
.skip	
	{
	display				:	none;
	}

/*
aber toolbox da und nach oben, damit 
man wieder zur Monitoransicht zurueckkommt
#fontsizer,
*/


#toolbox {
	display				:	block!important;
	position				:	absolute;
	left					:	2.5cm;
	top					:	.1cm;
	}

#toolbox fieldset	{
	border				:	none;
	}

/*
und fuer den tatsaechlichen ausdruck dann wieder wech
*/
@media print {

#navigation, #metanav, #related, #bottomnav, .none, .skip	
	{
	display				:	none;
	}
body	{
	margin				:	1cm 1cm 1cm 1.5cm;
	}
}