/******************************************************************************
 *
 *  Projekt.......: Thomas Hooge IT-Consulting
 *  Modul.........: default.css
 *  Kurzinfo......: Standard-Stylesheet, best viewed with Gecko-Engine et al.
 *  Autor.........: Thomas Hooge (tho)
 *  eMail.........: entwicklung@tho-consulting.de
 *
 ******************************************************************************/

body {
	background: #dae0d2;
	margin: 0;
	padding: 0;
	font-family: "BitStream Vera Serif", Georgia, serif;
	font-size: 10.5pt;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "FreeMono", "Courier New", monospace;
}
h1 { font-size: 1.6em; }
h2 { font-size: 1.45em; font-weight: bolder }
h3 { font-size: 1.3em; }
h4 { font-size: 1.15em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; font-style: italic }
img { border: none; }
code {
	background-color: #e8e8d8;
	font-family: "Bitstream Vera Sans Mono", monospace;
	padding: 0 0.2em;
}
hr {
	margin: 3em 0 2em 0;
}
/* ========== Häufig und global verwendete Klassen ========================== */

pre.sourcecode {
	font-family: "Bitstream Vera Sans Mono", monospace;
	font-size: 0.8em;
	background: #e8e8d8;
	border: #c8c8a8 solid 1px;
	margin: 0;
	padding: 0 0 0 0.3em;
}

a.external {
    background: url(images/extlink.png) center left no-repeat;
    padding-left: 13px;
}

img.left {
	float: left;
	clear: left;
	margin-top: 0;
	margin-right: 1em;
}
img.right {
	float: right;
	clear: right;
	margin-top: 0;
	margin-left: 1em;
}

/* ========== Listen ======================================================== */

li {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

dt {
	margin-top: 1em;
	font-weight: bold;
}

dl.bildliste {
	font-size: 0.9em;
}
dl.bildliste dt {
	font-weight: normal;
	margin-left: 0;
	padding-right: 1em;
	width: 20em;
	border-bottom: 2px solid #765;
}
dl.bildliste dd {
	margin: -2em 0 3em 21em;
	padding-left: 1em;
	border-left: 1px solid #765;
}

/* ========== Tabellen ====================================================== */

table {
	font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	border: 1px outset #333;
	border-spacing: 2px;	/* entspricht cellspacing in HTML */
}
th {
	border: 1px inset #333;
	padding: 2px;
	text-align: center;
	font-weight: bold;
}
td {
	border: 1px inset #333;
	padding: 3px 2px;
}
td.zahl, th.zahl {
	text-align: right;
}
td.text, th.text {
	text-align: left;
}
tr.head { background: #EED680; }
tr.row0 { background: #F0F0F0; }
tr.row1 { background: #C0C0C0; }
table.data {
	font-family: "Bitstream Vera Sans", Tahoma, Helvetica, sans-serif;
	font-size: 0.8em;
	border-collapse: collapse;
	width: 100%;
}
table.blind,
table.blind td,
table.blind th {
	border: none;
	background: none;
}
table.small {
	border-collapse: collapse;
	border-color: #765;
	font-size: 0.8em;
}
table.small th {
	background: #d5d0ba;
	border-color: #765;
	padding: 2px 4px;
	text-align: left;
}
table.small td {
	background: #d5d0ba;
	border-color: #765;
	padding: 2px 4px;
}

/* ========== Seitenkopf ==================================================== */

div#header {
	background: #dae0d2;
	margin: 0;
	padding: 0;
}
div#header h1 {
	margin: 0;
	padding: 8px 0 4px 12px;
	color: #333;
}
div#metanav {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	padding: 0.3em 0.3em 0 0;
	font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: right;
}
div#metanav a {
	text-decoration: none;
	color: #765;
}
div#metanav a:hover {
	text-decoration: underline;
	color: #333;
}
div#topnav {
	float: left;
	width: 100%;
	background: #dae0d2 url(images/bgtab.png) bottom repeat-x;
	line-height: normal;
	font-size: 10pt;
}
div#topnav ul {
	margin: 0;
	padding: 10px 10px 0;
	list-style: none;
}
div#topnav li {
	float: left;
	background: url(images/left.png) no-repeat left top;
	margin: 0;
	padding: 0 0 0 9px;
}
div#topnav a {
	display: block;
	background: url(images/right.png) no-repeat right top;
	padding: 5px 15px 4px 6px;
	text-decoration: none;
	font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #765;
}
div#topnav a:hover {
	color: #333;
}
div#topnav li#current {
	background-image: url(images/left_on.png);
}
div#topnav li#current a {
	background-image: url(images/right_on.png);
	color: #333;
	padding-bottom: 5px;
}

/* ========== Inhalt ======================================================== */

div#container {
	clear: both;
	position: relative;
	background: #f6ede0 url(images/bgmain.png) repeat-x;
	margin: 0;
	padding: 1em;
}

div#sidebar {
	position: fixed;
	background: url(images/bgside.png) no-repeat top right;
	left: 0;
	bottom: 0;
	font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #765;
	border-width: 1px 1px 1px 0;
	margin: 0;
	width: 11em;
}
div#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
div#sidebar ul ul {
	background: white;
	margin-top: 0.5em;
}
div#sidebar ul li {
	background: url(images/bgside.png) no-repeat top right;
	padding: 8px 5px 6px 10px;
	font-weight: bold;
	margin: 0;
}
div#sidebar ul li.current {
	background: url(images/bgside_on.png) no-repeat top right;
}
div#sidebar ul ul li,
div#sidebar ul ul li.current {
	background: white;
	padding: 2px 5px;
	font-weight: normal;
}
div#sidebar a {
	text-decoration: none;
	color: #765;
}
div#sidebar a:hover {
	color: #333;
}
div#sidebar li.current>a {
	color: #333;
}


div#content {
	margin: 2em 0 0 10em; 
	max-width: 60em;
	width: 67%;
	min-height: 16em;
}

/* ========== mehrfach vorkommende Abschnitte rechts vom Inhalt ============= */

div.marginal {
	position: relative;
	float: right;
	background: url(images/mgtop.png) top left no-repeat;
	width: 240px;
	margin: 10px -80px 10px 10px;
	padding: 0;
	font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border-bottom: 1px solid #b7ae88;
}
div.marginal h3 {
	margin: 0;
	padding: 10px 5px 5px 10px;
	border-bottom: 1px solid #b7ae88;
}
div.marginal p,
div.marginal pre {
	margin: 0;
	padding: 5px 5px 5px 10px;
	background: #d5d0ba url(images/mgcenter.png) repeat-y;
}
div.marginal img {
	margin: 0.5em 10px 0 10px;
/*	border: 1px solid #765; */
}
div.marginal hr {
	margin: 0;
	border: none;
	background: #b7ae88;
	height: 1px;
}

/* ========== Seitenfuß ===================================================== */

div#footer {
	clear: both;
	background: #dae0d2 url(images/bgfoot.png) top repeat-x;
	border-top: 1px solid #765;
	margin: 0 0 2em 0;
	padding: 0.5em 0 0 0.5em;
	font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #765;
}
p#footnav {
	text-align: center;
	margin: 0 0 0 12em;
	padding: 0 0 2em 0;
}
div#footer p.rechts {
	float: right;
	margin: 0 1em 0 0;
	padding: 0.5em 0.3em 0 0;
}
div#footer p.links {
	margin: 0 0 0 13em;
	padding: 0.5em 0 0 0.3em;
}
div#footer a {
	text-decoration: none;
	color: #765;
}
div#footer a:hover {
	text-decoration: underline;
	color: #333;
}
.nolink {
	color: #ccc;
}
/* ========== Formulare ===================================================== */

form.minimal {
	border: 0;
	margin: 0;
	padding: 0.2em 0.2em 0 0;
	background: transparent;
}
form.minimal input {
	vertical-align: middle;
	float: none;
}
form.minimal input.text {
	border: 1px solid #765;
	font-size: 0.8em; 
}

form {
	margin: 0;
	font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}
form div.head {
	background: url(images/left_on.png) no-repeat top left;
	margin: 0;
	padding: 0 0.5em 0 0;
	width: 61.8%;	/* Goldener Schnitt */
	font-size: 0.8em;
}
form div.head h3 {
	font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	margin: 0 0 0 8px;
	padding: 8px 0.5em 4px 0;
	background: url(images/right_on.png) no-repeat top right;
}
form div.content {
	border: 1px solid #765;
	background: #f0f0f0 url(images/bgform.jpg) bottom right no-repeat;
	padding-top: 0.5em;
	padding-right: 8px;
}
form div.field {
	clear: left;
	margin: 0 0 0 8px;
	padding: 0;
}
label {
	float: none;
	margin-left: 0.3em;
	margin-right: 1em;
}
label.left {
	float: left;
	margin: 0.5em 1em 0 0;
	width: 8em;
	font-size: 0.9em;
}
form span.pflicht {
	padding-left: 0.5em;
	color: #DF421E;
}
form p.errmsg {
	clear: left;
	margin: 0 0 0 10em;
	color: #F44;
	font-size: 0.8em;
}
input, select, textarea {
	float: left;
	margin: 0.4em 0 0 0;
	padding-left: 2px;
	font-size: 0.9em;
}
input[type=checkbox] {
	float: none; 
	margin-left: 9em;
	margin-top: 1em;
}
input[type=radio] {
	float: none;
}
span.option {
	white-space: nowrap;
}
textarea {
	font-size: 0.9em;
}
textarea.full {
	width: 99%;
}
form p.buttons {
	clear: left;
	margin: 0 0 0 8em;
	padding: 1em 1em 0.5em 8px;
}
input.btn100,
input.btn120,
input.btn150 {
	float: none;
	background: transparent;
	font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	border: none;
	color: #432;
	height: 25px;
	margin: 0;
	padding: 0;
}
input.btn100 {
	background-image: url(images/btn100.png);
	width: 100px;
}
input.btn120 {
	background-image: url(images/btn120.png);
	width: 120px;
}
input.btn150 {
	background-image: url(images/btn150.png);
	width: 150px;
}
input.btn100:hover,
input.btn120:hover,
input.btn150:hover {
	color: #222;
	cursor: pointer;
}
input.btn100:hover {
	background-image: url(images/btn100h.png);
}
input.btn120:hover {
	background-image: url(images/btn120h.png);
}
input.btn150:hover {
	background-image: url(images/btn150h.png);
}

/* ========== Fehler- und sonstige Meldungen ================================ */

p.message {
	border: 1px solid #83a67f;
	background: #c5d2c8;
	color: #000;
	padding: 1em;
}
.fehler, .warnung, .tip, .hinweis {
	padding: 0 0 0 32px;
	margin: 1em 0 0 0;
	-moz-border-radius: 12px;
}
.fehler {
	border: 1px solid #8B0000;
	background: #ff9999 url(images/error.png) no-repeat scroll 4px 4px;
}
.warnung {
	border: 1px solid #827206;
	background: #ffdd00 url(images/warning.png) no-repeat scroll 4px 4px;
}
.tip {
	border: 1px solid #006400;
	background:  #b0e1a9 url(images/info.png) no-repeat scroll 4px 4px;
}
.hinweis {
	border: 1px solid #00008B;
	background: #c3d4de url(images/note.png) no-repeat scroll 4px 4px;
}
.fehler h3,
.warnung h3,
.tip h3,
.hinweis h3  {
	margin: 4px 0.5em 0.5em 0;
}
.fehler p,
.warnung p,
.tip p,
.hinweis p  {
	margin: 0 0.5em 0.5em 0;
}

div.error {
	font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	border-left: solid;
	padding-left: 1em;
	border-left-color: red;
	color: #900;
	background-color: #edd;
	font-size: 0.8em;
}
div.error p {
	padding-top: 1ex;
	margin-bottom: 0.25ex;
}
div.error ul {
	list-style-image: url(images/dot1e.png);
	margin-top: 0ex;
	padding-top: 0ex;
	padding-left: 3em;
	padding-bottom: 1ex;
}
div.error ul li {
	margin-bottom: 0;
}