/* main_leseprojekte.css */
/* dreispaltig für den Index und zweispaltig für alle anderen Seiten */
/* Unterschiede beim Tabellenaufbau im content, sonst identisch */

/* getestet auf: */
/* on mac osx: --safari 1.2.2, camino 0.8b, mozilla 1.7, firefox 0.9, omniweb 4.5, ie 5.2.3, */
/* on mac os9: --ns 7.0.2, ie 5.1.6, */
/* on winXP: firefox 2.0.0.11, ie 7.0.5730.11, opera 9.24, --ns 7.0.1, moz 1.6 */

/* Basisdefinitionen */

/* ie5 win - grrr - start */
body { 
	font: small serif;
  	margin: 0px; 
	padding: 0px; 
	line-height: 14px;
	color: #000;
	font-size: x-small;
	voice-family: "\"}\""; 
	voice-family: inherit;
	font-size: small;
	text-align: center; }
/* ie5 win - grrr - end */
 
/* opera - grrr - start */
html>body {
	font-size: small;
	}
/* opera - grrr - end */

body {
	color: black;
	background-color: Maroon;
	font-size: 11px;
	line-height: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
p,b {
	font-size: 11px; 
	line-height: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left; 
	margin: 0px; 
	padding: 0px;
}
h1, h2, h3 {
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0px;
	padding: 0px;
	color: #284C00;
}
a:link,
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #284C00;
	}
a:hover, 
a:active
a:visited:hover { 
	text-decoration: underline; 
	color: #4f711f;
	}

/* Designelement Banner für das Logo */
#banner {
	width: 890px;
	height: 20px;
	/* strange but ie6 needs this */
	border-top: 0px;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	margin: 0px auto;
	padding: 80px 0px 0px 0px;
}
#banner h1 {
 	width: 600px;
	color: white;
	font-size: 24px; 
	line-height: 24px;
	font-weight: bold;
	text-transform: uppercase;
	margin: -30px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}
#banner h2 {
 	width: 600px;
	color: white;
	font-size: 11px; 
	line-height: 16px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
	margin: 0px 0px 0px 10px;
	}
#banner img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

/* Leiste fängt das Problem auf, drei Spalten von index.html auf gleiche Höhe zu bekommen */
#leiste {
	width: 890px;
	/* height: 20px; */
	/* strange but ie6 needs this */
	border: 0px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}
	
/* Element Container umfasst alle Inhalte */
#container {
	width: 890px;
	margin: 0 auto;
	padding: 0;
	background-color: Maroon;
}

/* Spalte rechts mit Linkliste auf allen Seiten gleich */
#linklist {
	float: right;
	width: 200px;
	margin: 0px 0px 0px 0px;
	/* margin läuft mit -10 perfekt auf firefox und mit 10 auf IE7 */
	padding: 0px 0px 0px 0px; /* früher 10 0 0 0 */
	color: White;
}
#linklist ul {
	margin: 2px 5px 0px 0px; 
	padding: 0px 0px 0px 0px;
}
#linklist img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}
#linklist li {
	display: block;
	list-style-type: none;
	color: #284C00;
	background-color: White;
	font-size: 11px; 
	line-height: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left; 
	margin: 0px 0px 0px 0px; 
	padding: 3px 5px 3px 5px;
}

/* h6 und Link-Design ausschließlich für das Menu */
#content h6 {
	color: #000000;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	margin: 0;
	padding: 10px 5px 2px 5px;
}
#linklist a:link,
#linklist a:visited,
#linklist a:active
#linklist a:visited:hover,
#linklist a:hover {
	color: #284C00;
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

/* Element central mittig auf Index-Seite */
#central {
	width: 370px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 310px; /* früher  20px 0px 0px 310px */
	/* margin bestimmt auf firefox auch die beiden Spalten mit */
}

/* Element links zum Themen Anschneiden auf Index-Seite */
#left {
	float: left;
	width: 300px;
	margin: -10px 0px 0px 0px; /* früher -10 0 0 0*/
	padding: 10px 0px 0px 0px;
}

/* Element topic auf allen Seiten mit zweispaltigem Design */
#topic {
	float: left;
	width: 680px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px; /* früher 10 0 0 0 */
}

/* Aphorismus des Tages */
#quote {
	float: left;
	width: 680px;
	background-color: #202020;
	color: White;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px; /* früher 10 0 0 0 */
}
#quoting {
	background-color: #202020;
	border: 1px solid #cfcfcf;
	margin: 0px 0px 0px 0px;
	padding: 15px 5px 15px 5px;
}
#quote .q1 {
	padding: 0px 10px 5px 5px;
	text-align: left;
}
#quote .q2 {
	padding: 5px 10px 0px 5px;
	text-align: left;
	font-style: italic;
}

/* content in allen Spaltentypen für die Inhalte */
#content {
	background-color: White;
	border: 1px solid #cfcfcf;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
}
#content h3 {
	color: #284C00;
	background-color: #cfcfcf;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	border-bottom: 1px solid #cfcfcf;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 3px 5px;
}
#content p {
	padding: 5px 10px 5px 5px;
	text-align: left;
	}
#content img {
	margin: -1px 10px 10px 0px;
	padding: 0px;
	border: none;
}
#content h4 {
	color: #000000;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	margin: 0;
	padding: 20px 5px 3px 5px;
}
#content h5 {
	color: #000000;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0px;
	padding: 10px 5px 3px 5px;
}
#content table {
	color: black;
	background-color: white;
	font-size: 11px;
	line-height: 14px;
	empty-cells:hide;
	width:100%;
	border:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 5px 2px;
	table-layout: auto;
}
#content tr,
#content td {
	font-size: 11px;
	line-height: 14px;
	margin: 0px;
	vertical-align: text-top;
}
#content ul,li {
/* 	padding: 5px 10px 5px 5px; */
	text-align: left;
	font-size: 11px;
/* 	line-height: 12px; */
}

/* auskommentiert, da das Einfluss auf Menu-Leiste hat */

/* Abschlusselement footer */
#footer {
	width: 880px;
	clear: both;
	border-right: 1px solid #cfcfcf;
	border-bottom: 0px;
	border-left: 1px solid #cfcfcf;
	border-top: 1px solid #cfcfcf;
	background-color: Maroon;
	margin: 100px 0px 0px 0px;
	padding: 10px 0px 80px 10px;
}

#footer a:link,
#footer a:visited,
#footer a:active
#footer a:visited:hover,
#footer a:hover {
	color: silver;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}