/*************************************/
/* CSS Definitionen für yavantho 3.0 */
/* (c) 1492-2005 by Michael Wegner   */
/* meister at yavantho dott de ehh...*/
/* ! Do NOT try to send Spam....     */
/*************************************/
/******   3.0 Redesign 10/2005  ******/
/*************************************/


/* Farbharmonie:

"Nachdenklichkeit": Grau, Blau, Schwarz, Weiß, Braun, Violett, Silber, Grün,
"Klugkeit": Weiß, Blau, Silber, Gold, Gelb, Grau, Violett.
"Vertrauen": Blau, Grün, Weiß, Gold, Gelb.

große Fläche grau
R: 221
G: 221
B: 221
HEX: #DDDDDD

kleine Fl. links grün
R: 0
G: 127
B: 0
HEX: #007F00

kleine Fl. Mitte blau
R: 0
G: 28
B: 167
HEX: #001CA7

kleine Fl. rechts braun
R: 120
G: 19
B: 0
HEX: #781300
*/

/********************************************************/
/*                    BODY CONTAINER                    */
/********************************************************/


body {
	/* font-family:"Trebuchet MS",sans-serif; */
	font-family:Arial, Helv, Helvetica, sans-serif;
	margin:0;
	padding:0;
	}


@media print {
	body {
		font-size:10pt;
		color:#004;
		background:#fff;
		}
	}

@media screen, handheld {
	body {
	  font-size:10pt;
	  color:#004;
		background:#f5f5f5;
	  }
	}




form { margin:0px; }

.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
.block { text-align:justify; }
.block1 { text-align:justify;
	text-indent:5px; }

p.block50 { padding-left:50px; text-indent:-50px; text-align:justify; }
p.warning { color:#900;
	text-align:justify;
  text-indent:5pt;
  }


.font {
	font-family:"Trebuchet MS", sans-serif;
	line-height:1.2em; }

.mono { font-family: courier new, courier, monospace; }

.bold { font-weight:bold; }
.italic { font-style:italic; }

.sup { vertical-align:super; }

.small { font-size:7pt;	}
.gesperrt { letter-spacing: 1px; }

.red { color: #900; }
.green { color: #007F00; }
.blue { color: #009; }
.lightblue { color: #005BA1; }
.black { color: #000; }
.grey { color:#888; }
.darkgrey { color:#666; }
.white { color:#fff; }
.brown { color:#781300; }
.violet { color:#432380; }
.orange {	color:#bc5302; }

.marked { background:yellow; color:red; }

.darkbg { background:#888; }
.bgwhite { background:#fff; }
.bgblack { background:#000; }

.marginright { margin-right:10px; }


.help { cursor:help; }


code { white-space:normal; }


/********************************************************/
/*                     LINKS                            */
/********************************************************/


a:link, a:visited, a:active {
	text-decoration:none;
	color:#781300;
	}
a:hover {
	background:#781300;
	color:#fff;
	}

/* blau statt rot */
a:link.blue, a:visited.blue, a:active.blue {
	text-decoration:none;
	color:#00b;
	display:block;
	}
a:hover.blue {
	background:#781300;
	color:#fff;
	}

/* MENU */
a:link.home, a:visited.home, a:active.home {
	text-decoration:none;
	font-weight:bold;
	color:#666;
	margin:0;
	padding: 6px 0 0 4px;
	display: block;
	width:120px;
	height:26px;
	}
a:hover.home {
	background:#781300;
	color:#fff;
	}

/* Haupt-Menüpunkt */
a:link.menu, a:visited.menu, a:active.menu {
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	color:white;
	padding:2px 0 2px 4px;
	width:120px;
	display: block;
	}
a:hover.menu {
	background:#781300;
	color:white;
	}

a:link.menu_active, a:visited.menu_active, a:active.menu_active {
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;

	background:#070;
	color:#f9b439;

	padding:2px 0 2px 4px;
	width:120px;
	display: block;
	}
a:hover.menu_active {
	background:#781300;
	color:#f9b439;
	}


/* Untermenü */
a:link.submenu, a:visited.submenu, a:active.submenu {
	text-transform:lowercase;
	text-decoration:none;
	font-weight:normal;
	color:white;
/*	padding:1px 0 1px 14px;*/
	padding:0 0 0 12px;
	width:120px;
	display:block;
	}
a:hover.submenu {
	text-decoration:none;
	background:#781300;
	color:white;
	}

a:link.submenu_active, a:visited.submenu_active, a:active.submenu_active {
	text-transform:lowercase;
	font-weight:normal;
	background:#080;
	color:#f9b439;
	padding:0 0 0 12px;
	width:120px;
	display:block;
	}
a:hover.submenu_active {
	background:#781300;
	color:#F9B439;
	}

/* Untermenü Option */
a:link.submenuoption, a:visited.submenuoption, a:active.submenuoption {
	font-weight:normal;
	color:#eee;
	padding:0 0 0 18px;
	width:120px;
	display:block;
	}
a:hover.submenuoption {
	background:#781300;
	color:white;
	}

a:link.submenuoption_active, a:visited.submenuoption_active, a:active.submenuoption_active {
	font-weight:normal;
	background:#0a0;
	color:#ffda5b;
	padding:0 0 0 18px;
	width:120px;
	display:block;
	}
a:hover.submenuoption_active {
	background:#781300;
	color:#ffda5b;
	}





/* link to wikipedia */
a:link.wiki, a:visited.wiki, a:active.wiki {
	text-decoration:none;
	color:#001CA7;
	border-bottom:1px dashed #001CA7;
	margin-bottom:5px;
	cursor:help;
	}
a:hover.wiki {
	background:#eee url("/pics/root/wiki.png") no-repeat;
	font-weight:bold;
/*	color:#000;*/
	color:#781300;
	border-bottom:1px dashed #000;
	padding-left:18px;
	}


/* external links */
a:link.default, a:visited.default, a:active.default {
	text-decoration:none;
	color:#781300;
	padding:0; margin:0;
	white-space:nowrap;
	}
a:hover.default {
	background:#781300;
	color:#fff;
	white-space:nowrap;
	}


/********************************************************/
/*                    HEADER                            */
/********************************************************/


h1 { font-size:11pt;
	margin: 0 0 0.5em 0; /* 5px*/ }
h2 { font-size:10pt;
	margin:0;
	color:#070;
	}
h3 { font-size:10pt;
	margin: 10pt 0 0 0;
	}
h4 { font-size:9pt;
	margin: 8px 0 0 4px;
	color:#444; }

h1.h1 {
	width:0px;
	height:1px;
	overflow:hidden;
	border:none;
	background:#f5f5f5;
	color:#f5f5f5;
	margin:0;
	padding:0;
	}

/* zurzeit zur Fehlersuche falsch verwendete Header in ROT */
h5, h6 { color:#700; }

div#schmock { display:none; }

/********************************************************/
/*		                 TABLE                            */
/********************************************************/


/********************* HAUPTLAYOUT *********************/

table#headertab {
	table-layout:fixed;
	width:100%;
	border-spacing:0px;
	border-collapse:collapse;
	border:none;
	background:#ddd;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	}

	/* links: Logo */
	td#toplogo {
		padding:0;
		font-size:8pt;
		color:#444;
		}

	/* rechts: Banner */
	td#topbanner {
		width:240px;
		height:65px;
		padding:0;
		}

/* Abstandhalter zw. head u. Rest */
td.spacer {
	height:10px;
	overflow:hidden;
	/* text-align:right; */
	/* background:#781300; /* rotbraun */
	/* background:#001ca7; /* blau */
	background:#007f00; /* grün */
	color:#fff;
	padding:0 5px;
	font-size:7pt;
	/* border-bottom:1px solid #fff;*/
	}

/* ***** ***** MENU ***** ***** */

table#menutab {
	table-layout:fixed;
	border-spacing:0px;
	border-collapse:collapse;
	width:120px;
	padding:0;
	margin:0;
	background:#aaa;
	position:absolute;
	top:77px;
	left:0px;
	z-index:10;
	overflow:hidden;
	/* warum ist Opera 122 breit ? */
	}

	td#menuhome {
		font-size:10pt;
		font-weight:bold;
		text-align:left;
		padding:0;
		width:120px;
		overflow:hidden;
		}

	td.mainmenu {
		font-size:8pt;
		font-weight:bold;
		text-align:left;
		padding:0;
		background:#333;
		height:18px;
		}

	td.submenu {
		font-size:8pt;
		text-align:left;
		padding:0;
		background:#777;
		height:14px;
		}

	td.submenuoption {
		text-align:left;
		font-size:7pt;
		padding:0;
		background:#999;
		height:12px;
		}

	td.blank1 {
		padding:0;
		height:1px;
		overflow:hidden;
		background:inherit;
		}

	td.blank2 {
		height:2px;
		padding:0;
		overflow:hidden;
		background:inherit;
		}

	/* letzte Zeile (links) unter Menü  mit #top-Link */
	td#menubottom {
		background:#ccc;
		height:22px;
		padding: 2px;
		text-align:center;
		vertical-align:bottom;
		font-size:8pt;
		border-top:1px solid #eee;
		border-bottom:1px solid #666;
		}



/* Hauptinhalt */

@media screen, handheld {
	table#mainpagetab {
		table-layout:fixed;
		width:100%;
		background:#f5f5f5; /* same as body !!! */
		border-top:1px solid #fff;
		border:none;
		border-collapse:collapse;
		font-size:8pt;
		text-align:left;
		vertical-align:top;
		position:absolute;
		margin:0;
		padding:0;
		left:0;
		top:74px;
		z-index:1;
		}

	table#mainpagetab_print {
		vertical-align:top;
		background:#fff; /* same as body !!! */
		font-size:8pt;
		text-align: left;
		/* padding: 15px 10px; */
		table-layout:fixed;
		width:100%;
		border-collapse:collapse;
		position:absolute;
		margin:0;
		padding:0;
		left:0;
		top:0;
		z-index:1;
		}
	}

@media print {
	table#mainpagetab {
		vertical-align:top;
		background:#fff;
		border:none;
		font-size:8pt;
		text-align: left;
		/* padding: 15px 10px; */
		table-layout:auto;
		width:17.5cm;
		border-collapse:collapse;
		}

	table#mainpagetab_print {
		vertical-align:top;
		background:#fff;
		border:none;
		font-size:8pt;
		text-align: left;
		/* padding: 15px 10px; */
		table-layout:auto;
		width:17.5cm;
		border-collapse:collapse;
		}
	}


	td#mainfoot {
		background: #007f00;
		color:#fff;
		height:10px;
		overflow:hidden;
		border-top:none; /* 1px solid #fff;
		border-bottom:none; /*1px solid red; /*#fff;*/
		padding:0;
		text-align:center;
		font-size:7pt;
		}


	td#mainpage {
		vertical-align:top;
		}


	/* OP8 und NS6 geben insges. 2px border hinzu */
	/* IE, FF, NS7 ok. */

	/* links hinter Menü */
	td#bodyleft {
		background:url("/pics/menubackground.png");
/*		background:url("/pics/10.png");*/
		}

	/* rechts hinter Info */
	td#bodyright {
		background:#007f00 url("/pics/infotab.jpg") repeat-y;
/*		background:url("/pics/10.png");*/
		border-bottom:none; /* 1px solid blue; /*#fff;*/
		border:0px none;
		}


/* dritte Spalte */

/* NS braucht Container drumherum :o/  */
/* IE hat 1px Abstand trotz right:0 */

div#infocontainer {
	position:absolute;
	/*	bottom:10px; */
	top:76px; /* naja, so irgendwo nicht ganz oben.... */
	right:0;
	width:160px;
	z-index:5;
	padding:0;
	margin:0;
	}

	table#infotab {
		width:160px;
		position:static;

		table-layout:fixed;
		border-collapse:separate;
		border:none;
		font-size:8pt;
		margin:0;
		background:#007f00;
		z-index:10;
		/* TODO: IE-3px-GAP! */
		}

		/* erste Zeile (rechts) über Info  mit #bottom-Link */
		td#infotop {
			background:#ddd;
			border-top:1px solid #fff;
			border-bottom:1px solid #444;
			height:16px;
			padding:0;
			text-align:center;
			vertical-align:bottom;
			font-size:8pt;
			}

			table#infotoptable {
				table-layout:fixed;
				border-collapse:collapse;
				padding:0;
				margin:0;
				}

				td#infotopleft {
					width:146px;
					text-align:center;
					}
				td#infotopright {
					width:14px;
					text-align:center;
					padding:1px;
					vertical-align:top;
					}


		/* Zitat goldenen Hintergrund */
		td#quote {
			background:#FCBE21;
			font-family:"Trebuchet MS", sans-serif;
			padding:0;
			border:none;
			/* padding:5px 2px 0px 2px;*/
/*	 		border:1px solid #FDBE26; /* #FF9A09;*/
/*			margin:5px;*/
			}

		td.goldtop {
			background: #FCBE21 url("/pics/goldtop.png") repeat-x;
			font-family:"Trebuchet MS", sans-serif;
			font-size:5pt;
			padding:0px;
	 		border:none;
			}
		td.quotetop {
			font-family:"Trebuchet MS", sans-serif;
			font-size:9pt;
			padding:0 4px;
			text-align:center;
			font-weight:bold;
			}
		td.quotebottom {
			font-family:"Trebuchet MS", sans-serif;
			font-size:8pt;
			padding:4px 4px 0 0;
			text-align:right;
			font-style:italic;
			}
		td.goldbottom {
			background: #FCBE21 url("/pics/goldbottom.png") repeat-x;
			font-family:"Trebuchet MS", sans-serif;
			font-size:5pt;
			padding:0px;
	 		border:none;
			}

		/* Statistikzelle */
		td#stats {
			text-align:center;
			vertical-align:top;
			background:#eee;
			padding:6px 5px;
			font-size:8pt;
	 		border:1px solid #fff;
			}

			td#balken {
				font-size:8pt;
				background:#000;
				padding:0px;
				text-align:left;
				border:1px solid #000;
				width:100px;
				height:16px;
				}

		/* Bewertungsblock */
		td#evaluation {
			background:#f5f5ff;
			color:#111;
			font-size:8pt;
			text-align:center;
			padding:6px 2px;
	 		border:1px solid #eee;
			}

			table#eval {
				table-layout:fixed;
				width:144px;
			/*	background:url( "/pics/bewertungsblock-blanko.png" ) #ff6;*/
				background:url( "/pics/bwbb.png" ) #ff6;
				font-size:8pt;
				border-collapse:collapse;
				}
			td.evaltop {
				height:14px;
				font-size:8pt;
				padding:0;
				text-align:center;
				}
			td.evalbot {
				height:12px;
				overflow:hidden;
				font-size:7pt;
				padding:0;
				border-top:1px dotted #008;
				border-bottom:1px solid #fff;
				}

		/* Google-Ads */
		td#forumlink {
			text-align:center;
			background:#f5f5f5;
			color:#050;
			padding:2px;
			}

		/* Google-Suche */
		td#search {
			text-align:center;
			border:1px solid #fff;
			}

		/* Google-Ads */
		td#adwords {
			text-align:center;
			background:#c0f5b8;
			}

		/* Wetter */
		td#weather {
			text-align:left;
			font-size:7pt;
			background:#aaa;
			padding: 3px 2px;
			border:1px solid #fff;
			}

		/* RSS Feed */
		td#rss {
			text-align:center;
			background:#bbb;
			padding: 3px 2px;
			border:1px solid #fff;
			}

		/* Avira Panel */
		td#avir {
			text-align:center;
			background:#f5f5ff;
			padding: 3px 2px;
			border:1px solid #fff;
			}

	.fase4_rdf {
		background:#ddd;
/*		width:130px;*/
		text-align:center;
		font-size:7pt;
		}

		.fase4_rdf_title {
			border: 1px solid #fff;
			background:#ddd;
			text-align:center;
			font-size:7pt;
			}


		/* related Links */
		td#related {
			text-align:left;
			color:#060;
			background:#eee;
			padding:6px 2px;
			font-size:7pt;
	 		border:1px solid #fff;
			}

		/* Suchmaschinen-Query Highlighting */
		td#searchquery {
			text-align:left;
			color:#060;
			background:#eee;
			padding:0;
			font-size:7pt;
	 		border:1px solid #fff;
			}

			table#queryhilite {
				table-layout:fixed;
				border:none;
				border-collapse:collapse;
				margin:0;
				padding:0;
				}

			th.queryhilite {
				padding:0;
				background:#4cb24c;
				color:#fff;
				font-size:7pt;

				}

			td#queryhilite {
				padding:0;
				text-align:left;
				color:#060;
				background:#eee;
				font-size:7pt;
		 		border:1px solid #fff;
				}


		/* valid html */
		td#valid {
			text-align:center;
			color:#060;
			background:#bbb;
			padding:3px 5px 0;
			font-size:7pt;
	 		border:1px solid #fff;
			}


		/* Druckversion */
		td#printlink {
			background:#ddd;
			border-top:1px solid #fff;
			border-bottom:1px solid #444;
			text-align:right;
			padding:0px 3px;
			font-size:8pt;
			}


/* Tabellen für den eigentlichen Seiteninhalt */
table.resizable {
	table-layout:fixed;
	border-collapse:collapse;
	}

table.fixed {
	table-layout:fixed;
	border-collapse:collapse;
	}


table.bordered {
	table-layout:fixed;
	empty-cells:show;
	border-collapse:collapse;
	border-spacing:0px;
	border-left:1px solid #222;
	border-top:1px solid #222;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	}


/* linke Spalte Inhalt */
td.main {
	vertical-align:top;
	padding:0 6px 8px 0;
	}

td.mainpadding {
	vertical-align:top;
	padding:8px 0;
	}


/* rechte Spalte Bild etc. */
td.maintwo {
	padding:4px 0 10px 0;
	text-align:center;
	vertical-align:top;
	}


td.borderbottom { border-bottom: 1px solid #070; }
td.bordertop { border-top: 1px solid #070; }
td.borderleft { border-left: 1px solid #070; }
td.borderright { border-right: 1px solid #070; }

td.borderbottomblue { border-bottom: 1px solid #009; }
td.bordertopblue { border-top: 1px solid #009; }
td.borderleftblue { border-left: 1px solid #009; }
td.borderrightblue { border-right: 1px solid #009; }


/*
td {
	font-size: 8pt; }
*/

/* TABLE mit 0 Padding */
table.null {
	table-layout:fixed;
	border-spacing:0px;
	border-collapse:collapse;
	border:none;
	}

table.zeropadding {
	border-spacing:0px;
	border-collapse:collapse;
	border:none;
	}
td.zeropadding { padding: 0; }
td.defaultpadding { padding:10px 16px 4px; }

td.null {	padding:0px; }
td.spacing { padding:0 4px; }


th.header {
	background:#4cb24c;
	color:white;
	padding:1px 4px;
	border:1px solid white;
		}

/* table mit border und background */
table.border {
	table-layout:fixed;
	page-break-inside:avoid;
	border-spacing:0px;
	border-collapse:collapse;
	border:1px solid #000;
	margin:15px 0;
	}

th.border {
	background:#aaa;
	border:1px solid #888;
	text-align:center;
	color:#fff;
	}

th.borderc {
	background:#aaa;
	border:1px solid #888;
	text-align:center;
	}

th.borderred {
	background:#aaa;
	border:1px solid #888;
	text-align:center;
	color:#c00;
	}

td.border {
	background:#f0f0f0;
	border:1px solid #888;
	padding:0 3px;
	}

td.borderd {
	background:#e8e8e8;
	border:1px solid #888;
	padding:0 3px;
	}

tr.even {
	background:#f0f0f0;
	}

tr.odd {
	background:#e0e0e0;
	}

td {
	font-size: 8pt; }

th {
	font-size:8pt; }

td.top { vertical-align: top; }
td.middle { vertical-align: middle; }
td.bottom { vertical-align: bottom; }


table.source {
	margin-left:0px;
	margin-right:0px;
	margin-top:5px;
	margin-bottom:0px;
	background:#FFEDC1;
	padding:0px;
	border-left:1px solid #222222;
	border-top:1px solid #222222;
	border-right:1px solid #F5F5F5;
	border-bottom:1px solid #F5F5F5;
	border-collapse:collapse;
	table-layout:fixed;
	width:410px;
	}

td.sourcecode {
	width:360px;
	overflow:hidden;
	background:url("/pics/sourcecode.gif");
	background-repeat:repeat;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	}

td.sourcefriction {
	width:23px;
	background:url("/pics/sourcefriction.jpg");
	background-repeat:repeat-y;
	padding:0px;
	}


/*******************************************************/
/*                        IMAGE                        */
/*******************************************************/


img.facedown {
  border-style:solid;
  border-width:1px;
  border-left-color:#444;
  border-top-color:#444;
  border-right-color:#e2e2e2;
  border-bottom-color:#e2e2e2;
  }

img.faceup {
  border-style:solid;
  border-width:1px;
  border-right-color:#444;
  border-bottom-color:#444;
  border-left-color:#fff;
  border-top-color:#fff;
  }

img.none { /* eg. in links */
	border: none;
	vertical-align:baseline;
	margin-left:3px;
	margin-right:6px;
	}


/*******************************************************/
/*                  HORITONTAL RULER                   */
/*******************************************************/

hr.light {
	height:1px;
	text-align:left;
	color:#888;
	}

hr.green1 {
	height:1px;
	color:#070;
	}


/*******************************************************/
/*                      PARAGRAPH                      */
/*******************************************************/

p {	margin-top:0.5em;
	margin-bottom:0px; }

p.null { margin:0; padding:0; }

.marginbottom { margin-bottom:1em;	}
.margintop { margin-top:1.5em;	}




.error {
	background:#c00;
	color:#fff;
	padding:1px 5px;
	margin:0;
	}


/********************************************************/
/*                LIST ELEMENTS                         */
/********************************************************/

ul { margin: 6px 0 0 1px; line-height:1.2em; }

li { margin-left:14px; line-height:1.2em; }

ol {
	margin-top:5px;
	margin-left:20px;
	font-size:8pt;
	}

/*
li.numbermenu {
	list-style-type:decimal;
	margin-left:25px;
	padding-left:0px;
	}

li.linkmenu {
	list-style-type:none;
	margin-left:10px;
	padding-left:0px;
	}

ul.linkmenu {
	margin-left:10px;
	padding-left:0px;
	margin-top:0px;
	margin-bottom:5px;
	}
*/


/*******************************************************/
/*                     TYPEWRITER                      */
/*******************************************************/

tt {
	font-size:1.1em;
	}

tt.source {
	background:#e5e5e5;
	}

tt.forced {
	margin:2px 8px 0 0;
	padding:2px;
	border:1px solid black;
	background: #333;
	color: #eee;
	display:block;
	}

tt.screen {
	margin:2px 0;
	padding:3px 6px;
	border:1px solid black;
	background: #333;
	color: #eee;
	display:block;
	text-align:left;
	text-indent:0;
	}

/*******************************************************/
/*             MEDIA DEPENDENT DEFINITIONS             */
/*******************************************************/

@media print {
  .screenonly { position:absolute; width:1px; height:1px; overflow:hidden; color:white; background:white; display:none; }
  .printonly { color:black; background-color:white; }
	}


@media screen, handheld {
  td.screenonly { background:#e0e0e0; border-top: 1px solid #888; border-bottom:1px solid white; text-align:center;}
  a.screenonly { }
  .printonly { width:1px; height:1px; position:absolute; overflow:hidden; color:white; display:none; }
	}