/*********************************************************************

	SCREEN.CSS

	Simple CSS Level 1 definition for HTML 4.01 / XHTML Strict
	and on-screen display

	(c) 2000 - 2002 by Roman Eisele
	
	Dear reader:
	Feel free to use this document as inspiration for your own CSS experiments; 
	but please don't copy the complete design! Doing so was too boring ;-)
	
*********************************************************************/

/*

General Notes
_____________

Some definitions (e.g. <a> variantions) are 'invisible':
they just distinguish different element classes in a XML-like way.

iCab Pre 2.5x shows some problems with background-color for box elements,
but IE 5 Mac behaves correctly: according to the CSS L1 Reference,
there is no problem with breaking inline elements over 2 lines!

According to the CSS L1 Recommendation, appendix B, the syntax of a ruleset body is
	{ selector':' value ( ';' selector':' value )* };
so there should be no trailing ';' after the last declaration inside {...}.
But this proper syntax has two short-comings:
	a) if you append another declaration, it's easy to forget to add the separator ';'
	b) at least Opera 5.0 PPC beta 2 seems to ignore the last, non-';'-terminated declaration sometimes.
So, I just add the ; after every declaration, like after every statement in C and similar languages.
At least this seems a minor abuse, as many examples even in the Recommendation itself show.

*/


/*********************************************************************

	Frameset & Frame Windows

*********************************************************************/

/*	Disabled, layout looks better with frame borders (?!)

frameset, frame {
	border-style:	none;
	border-width:	0px;
	margin:			0px;
	padding:		0px;
}

*/


/*********************************************************************

	Page Basics

*********************************************************************/

body {
	margin:				30px;
	background-color:	#f4f4f4;
	background-image:	url(elements/bkgs/ripp-weiss-f4f4f4.gif);
}

body, h1, h2, h3, p, td, th, li {
	line-height:		1.5;
	color:				black;
}

body, h3, p, td, th, li {
	font-family:		Verdana, sans-serif;
	font-size:			9pt;
}

body, h3, td, th, li {
	text-align:			left;
}

p {
	text-align:			justify;
}


/*********************************************************************

	Page Divisions

*********************************************************************/

/* Image Sections */

div.bildblock, div.watermark {
	text-align:		center;
	margin-top:		10px;
	margin-bottom:	10px;
}

div.schlussstueck {
	text-align:		center;
}


/* Content page foot */

div.cntpagefoot {
	text-align:		left;
	
	border-top:		1px solid maroon;
	margin-top:		20px;
	padding-top:	10px;
	
	margin-left:	-10px;
	margin-right:	-10px;
	padding-left:	10px;
}


/*********************************************************************

	Headlines

*********************************************************************/

h1, h2 {
	font-family:	"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode",
					"Trebuchet MS", Verdana, sans-serif;	
}

h1 {
	font-size:		150%;
	text-align:		center;
	
	margin-top:		40px;
	border-bottom:	1px solid maroon;
	margin-bottom:	20px;
	padding-bottom:	10px;
	
	margin-left:	-10px;
	margin-right:	-10px;
}

h2 {
	color:			maroon;
	font-weight:	bold;
	font-size:		150%;
	text-align:		left;
	
	margin-top:		2em;
}

h3 {
	color:			maroon;
	font-size:		100%;
	
	margin-top:		2em;
}


/*********************************************************************

	Paragraphs

*********************************************************************/

p.prolog {
	font-style:		italic;
	text-align:		left;
}

p.signature {
	font-style:		italic;
	text-align:		right;
}

p.bildlegende {
	text-align:		center;
}

p.note {
	font-size:		8pt;
}


/*********************************************************************

	Complex Page Divisions
	
*********************************************************************/

/*
	Mottoes
	Usage:
	<div class="motto">
		<p class="mottotext">...</p>
		<p class="mottonachweis">...</p>
	</div>
*/

div.motto {
	padding-left:	50%;
}

p.mottotext {
	font-style:		italic;
	text-align:		left;
	margin-bottom:	0px;
	padding-bottom:	0px;
}

p.mottonachweis {
	margin-top:		0px;
	padding-top:	0px;
	font-style:		normal;
	text-align:		left;
	margin-bottom:	1em;
}


/*********************************************************************

	Tables

*********************************************************************/

table.layoutgrid, table.layoutgrid td, table.layoutgrid th {
	border-width:	0px;
	border-style:	none;
	margin:			0px;
	padding:		0px;
}


/*********************************************************************

	Lists and Definintions

*********************************************************************/

dt {
	font-weight:	bold;
}


/*********************************************************************

	Images
	
*********************************************************************/

/* Durch Folgendes wird auch der haessliche Rand um verlinkte Bilder entfernt: */
img {
	border-style:	none;
}

img.watermark {
}

/* Icons & Glyphs */

img.glyph {
	vertical-align:	middle;
}

img.baselineglyph {
	vertical-align:	baseline;
}

img.navicon {
	vertical-align:	middle;
}

img.floaticon {
	float:			left;
	margin-right:	8px;
}


/* Image frames */

img.mitschwarzemrand {
	border:			1px solid black;
	padding:		0px;
}

img.mitweissemrand {
	border:			1px solid white;
	padding:		0px;
}

img.mitweissemrahmen {
	border:			10px solid white;
	padding:		0px;
}


/*********************************************************************

	Inline Elements
	
*********************************************************************/

i, cite, q, em {
	font-style:			italic;
}

cite, q, em {
	font-weight:		normal;
	text-decoration:	none;
}

strong {
	color:				maroon;
	font-style:			normal;
	font-weight:		bold;
	text-decoration:	none;
}

pre, code, samp, kbd, tt {
	font-family:		"Andale Mono", Monaco, "Lucida Typewriter", monospace;
}


/*********************************************************************

	Custom Inline Styles
	
*********************************************************************/

.warn {
	color: red;
}


/*********************************************************************

	Inline: Links

	NB: Here the order of CSS definitions is important!
	The defs of :hover/:active must go after the def of :visited!
	
*********************************************************************/

a {
	text-decoration:	underline;
}

a:link {
	color:				navy;
}

a:visited {
	color:				navy;
}

a:hover {
	background-color:	white;
}

a:active {
	color:				maroon;
}


/* Linked images */

a img, a.invisimglink {
	text-decoration:	none;
}


/* Old-styled anchor target */
/* NB: don't use such <h2><a name="x">...</a></h2> anchors anymore,
	use modern id attributes like <h2 id="x">...<h2> instead! */

a.atarget {
	text-decoration:	none;
}


/*********************************************************************

	Special Pages: Naviagation
	
	Additions and changes
	
*********************************************************************/

/*
	Angenommene Gesamtbreite: 200px
	Abstand-Schrittweite daher 10 px.
*/
				
body.navigation {
	margin:			0px;
	padding:		0px;
}

table.navigation {
	width:			180px;
	border-width:	0px;
	border-style:	none;
	margin:			10px;
	padding:		0px;
}

table.navigation td, td.navhomecell {
	line-height:	1.2;
	border-width:	0px;
	border-style:	none;
	margin:			0px;
	padding-top:	5px;
	padding-bottom:	5px;
	padding-left:	10px;
	padding-right:	0px;
}

td.navhomecell {

/*	Erst mal ausgeschaltet: irgendwie sieht es nicht _so_ gut aus...

	background-color:	#f4f4f4;
	background-image:	url(elements/bkgs/ripp-weiss-f4f4f4-v.gif);
*/

}


/*********************************************************************
	EOF
*********************************************************************/