/* $Id: eilert.css,v 1.3 2005/04/18 17:04:22 eilert Exp $
 *
 * CSS-Eigenschaften:
 * - background-color
 * - background-image		<url(URI)>
 * - background-repeat		(repeat, repeat-x, repeat-y, no-repeat)
 * - background-attachment	(scroll, fixed)
 * - background-position	(X Y, top, center, middle, bottom, left, right)
 * - color
 *
 * - font-family      (sans-serif, serif, monospace)
 * - font-style       (normal, italic)
 * - font-variant     (normal, small-caps)
 * - font-size        (##, [[x]x-]small, medium, [[x]x]-large, smaller, larger)
 * - line-height
 * - font-weight      (normal, bold)
 * - text-decoration  (none, blink, underline, line-through, overline)
 * - text-transform   (none, lowercase, uppercase, ...)
 *
 * - text-indent
 * - vertical-align   (top, middle, bottom, baseline, sub, super)
 * - text-align       (left, center, right, justify)
 * - white-space      (normal, pre, nowrap)
 *
 * - positon		absolute, fixed, relative, static
 * - top
 * - left
 * - bottom
 * - right
 * - [(min|max)-]width
 * - [(min|max)-]height
 * - overflow		visible, hidden, scroll, auto
 * - float		left, right, none
 * - clear		left, right, both, none
 * - z-index
 * - display		block, inline, compact, none, ...
 * - visiblity		hidden, visible
 *
 * - margin-[tblr]
 * - margin           <tblr / tb lr / t lr b / t r b l>
 * - padding-[tblr]
 * - padding          <tblr>
 * - border*-width    (##, thin, medium, thick)
 * - border*-color
 * - border*-style    (none, dotted, dashed, solid, double, ... (various 3D))
 * - border*          <width style color>
 *
 * - list-style-type	none
 *			OL: decimal[-leading-zero], (lower|upper)-(roman|alpha)
 *			UL: disc, circle, square
 * - list-style-posistion	inside, outside
 * - list-style-image	<url(URI)>
 *
 * - caption-side	top, bottom, left, right
 * - table-layout	fixed, auto
 * - border-collapse	seperate, collapse
 * - border-spacing
 * - empty-cells	show, collapse
 *
 * Weitere moegliche CSS-Eigenschaften:
 * - font-stretch
 * - word-spacing
 * - letter-spacing
 * - speak-header-cell
 * - direction
 * - clip
 * - cursor
 */



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

body {
	background-color:	white;
	color:			black;
	font-family:		sans-serif;
	font-weight:		normal;
	font-style:		normal;
	font-variant:		normal;
	font-size:		12pt;
	text-decoration:	none;
	text-transform:		none;
	padding:		0px;
	margin:			0px;
}

table.layout {
	width:			100%;
	border-spacing:		0px;
}

td.topborder {
	background-color:	#ffddaa;
	vertical-align:		top;
	margin:			0px;
	padding:		3px;
	height:			20px;
}

td.topborder > p {
	margin:			0px;
}

p.headline {
	font-weight:	bold;
	text-align:	left;
}

p.firstlinks {
	font-size:	10pt;
	text-align:	right;
	position:	absolute;
	padding:	3px;
	top:		0px;
	right:		0px;
}

td.menu {
	background-color:	#eecc99;
	vertical-align:		top;
	margin:			0px;
	padding:		3px;
        font-size:		10pt;
        white-space:		nowrap;
        width:			10%;
	cursor:			pointer;
}

td.content {
	text-align: 		left;
	vertical-align:		top;
	margin:			0px;
	padding:		5px;
}

td.content p, td.content ul, td.content ol, td.content dl {
	max-width:		100ex;
}

td.footer {
	background-color:	#ffddaa;
        font-size:		10pt;
	text-align:		right;
	vertical-align:		top;
	margin:			0px;
	padding:		3px;
}


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

h1 {
	font-weight:		bold;
	font-size:		200%;
}

h2 {
	font-weight:		bold;
	font-size:		150%;
}

h3 {
	font-weight:		bold;
	font-size:		125%;
}

h4 {
	font-weight:		bold;
	font-size:		100%;
}

p {
}

dt {
	margin-top:		0.7ex;
	font-weight:		bold;
}

dd {
	margin-left:		2ex;
	margin-top:		0.2ex;
}

address {
	font-style:		italic;
	margin-left:		5mm;
	white-space:		nowrap;
}


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

table.list {
	
}

table.list th {
	font-weight:	bold;
	vertical-align:	top;
	text-align:	left;
}

table.list td {
	vertical-align:	top;
	text-align:	left;
}

td > p {
	margin-top:	0px;
	margin-bottom:	1ex;
}


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

a {
	text-decoration: underline;
}

a:link {
	color: #0000ff;
}

a:visited {
	color: #000099;
}

a:hover, a:focus {
	color: #ff8800;
}

a:active {
	color: #ff0000;
}

a.url {
	font-family: monospace;
}

a.mail:before {
	content: url(envelope.gif) " ";
}

a.mail:link, a.mail:visited {
	color: #008800;
}

a.mail:hover, a.mail:focus, a.mail:active {
	color: #00ff00;
}

a.mailaddr {
	font-family: monospace;
}

a.mailaddr:link, a.mailaddr:visited {
	color: #008800;
}

a.mailaddr:hover, a.mailaddr:focus, a.mailaddr:active {
	color: #00ff00;
}


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

table.form {
	background-color:	#99ff99;
	border-spacing:		0px;
}

table.form th, table.form td {
	padding:	4px;
}

table.form th {
	padding-bottom:	0px;
	padding-right:	3px;
	text-align:	right;
	vertical-align:	top;
	font-weight:	bold;
	white-space:	nowrap;
}

table.form td {
	padding-bottom:	0px;
	padding-left:	3px;
	text-align:	left;
	vertical-align:	top;
}

table.form td.buttons {
	padding:	4px;
	text-align:	center;
	vertical-align:	top;
}

table.form input.text {	
	width:		100%;
}


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

/* Elements that should be rendered by browsers withous CSS support only. */
.nonvisual {
	display:	none;
}

.telefon {
	white-space:	nowrap;
}


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

td.menu h1   {
	font-size:	110%;
	font-weight:	bold;
	text-align:	center;
	border:		1px solid black;
	margin:		1px;
}

td.menu ul {
	font-weight:	bold;
	list-style-type: none;
	margin-left:	0px;
	padding-left:	0px;
}

td.menu li ul {
	font-weight:	bold;
	list-style-type: none;
	padding-left:	2ex;
}

td.menu li {
	font-weight:	bold;
	margin-top:	2px;
	margin-bottom:	1px;
}

td.menu li > ul {
	display:	none;
}

td.menu li:hover > ul {
	display:	block;
}

td.menu li > ul.current {
	display:	block;
}

td.menu li.current {
	font-weight:	bold;
}

td.menu a {
	font-weight:	normal;
}


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

li {
	margin-top:	0.7ex;
	margin-bottom:	0.7ex;
	margin
}

img.left {
	float:	left;
	margin:	0.5ex 1ex 0.5ex 0ex;
}

img.right {
	float:	right;
	margin:	0.5ex 0ex 0.5ex 1ex;
}

div.block {
	border: 1px solid black;
}