/* Feel free to study and not copy this */

body {
	margin:0;
	padding:0;
	font: 1em "Trebuchet MS", Lucida, "Bitstream Vera Sans", sans-serif;
	color:#444;
	background: #fff url(/design/back.jpg) no-repeat /*fixed */top left;
	min-width:700px;
	}

img {
	border:1px dashed #808080;
	}


h1 img {
	float:right;
	display:block;
	border:0;
	}

h1 {
	height:29px;
	margin:0;
	padding:0;
	font-size:1.5em;
	color:#000;
	text-align:right;
	border-bottom:1px solid #CFCFE0;
	background: url(/design/weiss.png);
	overflow:hidden;
	}

h2 {
	margin:0;
	padding:0.5em 0 0 2em;
	}

h3 {
	margin:0 0.5em;
	padding:0;
	padding-left:1.5em;
	background: url(doch.gif) no-repeat;
	text-decoration:underline;
	}

h4 {
	margin:10px 0 0 10px;
	padding:0;
	padding-left:10px;
	font-size:1.2em;
	font-weight:bold;
	}

table h4 {
	margin:0;
	}

h4#kommentare {
	border-top:1px dashed #808080;
	}

h5 {
	margin:10px 0 0 10px;
	font-size:1em;
	font-weight:bold;
}


dl.kommentar img {
	border:0;
	}

p {
	margin:0;
	padding:0;
	}

form {
	display:inline;
	}

code {
	display:block;
	margin:1em 2em 1em 5em;
	border:2px outset #808080;
	border-top:1px solid #d8d8d8;
	border-left:1px solid #d8d8d8;
	white-space:pre;
	font: 1em Arial;
	background: #fdfdfd url(/design/tabg.jpg) repeat-x bottom left;
	}

blockquote {
	background:#F1F3FF;
	}


/* Standardklassen */
.margintop {
	margin-top:4em;
	}

.links {
	float:left;
	padding-left:5px;
	}

.rechts {
	float:right;
	padding-right:5px;
}


/* Menü */
div#menubox {
	float:left;
	}

ul#menu {
	width:11em;
	min-height:31em;
	float:left;
	margin:0;
	padding:5px;
	border:1px solid #CFCFE0;
	border-left:0;
	border-top:0;
	background: url(/design/weiss.png);
	list-style:none;
	}

ul#menu li {
	margin:0 0 0.5em 0;
	padding:0;
	font-weight:bold;
	}

ul#menu ul {
	margin:0;
	padding:0;
	margin-top:0.2em;
	margin-bottom:0.5em;
	list-style:none;
	}
/*
ul#menu ul li {
	font-weight:normal;
	list-style: none url(/design/doc.gif);
	}

ul#menu ul li:hover {
	list-style: none url(/design/doch.gif);
	}
*/
ul#menu ul li {
	margin:0;
	padding:0;
	margin-left:1em;
	font-weight:normal;
	list-style: none;
	}

ul#menu ul li a:link,
ul#menu ul li a:visited {
	padding-left:25px;
	background: url(/design/doc.gif) left no-repeat;
	}

ul#menu ul li a:hover,
ul#menu ul li a:focus,
ul#menu ul li a:active {
	padding-left:25px;
	background: url(/design/doch.gif) left no-repeat;
	}

ul#menu li a#aktuell {
	/*display:block;*/
	margin:0;
	padding:0;
	/*border:1px outset #CFCFE0; Not good for IE */
	/*border-bottom:1px solid #72727C;
	border-right:1px solid #72727C;
	border-top:1px solid #F0F0F5;
	border-left:1px solid #F0F0F5;*/
	text-decoration:none;
	}


/* Linkstil */
a:link {
	color:#6460a1;
	background:transparent;
	}

a:visited {
	color:#808080;
	background:transparent;
	}

ul#menu a:visited,
p#drucken a:visited,
p#nachoben a:visited,
div#unten a:visited {
	color:#6460a1;
	background:transparent;
	}

a:hover,
ul#menu a:hover,
p#drucken a:hover,
p#nachoben a:hover,
div#unten a:hover {
	color:#000;
	background:transparent;
	}

a:active,
ul#menu a:active,
p#drucken a:active,
p#nachoben a:active,
div#unten a:active {
	color:#4b8571;
	background:transparent;
	}

p#weiteres a:link,
p#download a:link,
p.download a:link,
div#intro a:link,
p#weiteres a:visited,
p#download a:visited,
p.download a:visited,
div#intro a:visited,
p#weiteres a:focus,
p#download a:focus,
p.download a:focus,
div#intro a:focus,
p#weiteres a:active,
p#download a:active,
p.download a:active,
div#intro a:active {
	text-align:left;
	padding-left:13px;
	text-decoration:underline;
	background: url(/design/link.gif) left top no-repeat;
	}

p.ub a {
	text-decoration:none
	}

a:hover img {
	border:1px dashed #000;
	}



/* Tabelleneigenschaften */
table {
	width:100%;
	border-collapse:collapse;
	}

tr:hover {
	background:#F2F4FF;
}

tr.nohover:hover {
	background:transparent;
	}

td, th {
	padding:5px 10px 5px 10px;
}

th {
	text-align:left;
	font-weight:normal;
	}


/* Inhaltbereich */
div#inhalt {
	
	min-height:650px;
	margin:0 0 0 15em;
	padding:0;
	border:1px solid #CFCFE0;
	border-right:0;
	border-top:0;
	background: url(/design/weiss.png);
}

div#inhalt h2 {
	width:7.5em;
	height:1.2em;
	}

div#inhalt p,
div#inhalt fieldset,
div#inhalt dl {
	padding:10px;
}

div#inhalt ul {
	list-style:square;
}


/* Kopfbox im Inhaltsbereich */
div#anzeiger {
	margin-top:3em;
	}

div#menubox p {
	width:11em;
	margin:3em 0 0;
	padding:2px 0 2px 11px;
	color:#222;
	text-decoration:none;
	background: url(/design/nrechts.gif) no-repeat right top;
	}

p#ainhalt {
	margin:3em 0 0 15em;
	padding:2px 0 2px 11px;
	color:#222;
	text-decoration:none;
	background: url(/design/nlinks.gif) no-repeat left top;
}

div#menubox p span, p#ainhalt span {
	display:none;
	}


/* Introblock im Inhaltsbereich */
div#inhalt div#intro {
	width:35%;
	float:right;
	margin:0 0 0.5em 1em;
	border:1px solid #CFCFE0;
	border-right:0;
	background: #F1F3FF url(/design/back2.jpg) bottom left;
	}

div#inhalt div#intro h3 {
	padding:0;
	text-decoration:none;
	background:none;
	}
div#inhalt div#intro ul,
div#inhalt div#intro p {
	font-size:0.9em;
	}


/* Nach oben und Drucken Bereich */
div#dub {
	margin:-1px 0 200px;
	}

p.ub {
	padding:0 5px 0 5px;
	border-right:1px solid #CFCFE0;
	border-top:1px solid #fff;
	float:left;
}

p#nachoben {
	margin-left:16em;
	background: url(/design/ubg2.png) no-repeat bottom left;
	}

p#drucken {
	margin-left:2em;
	background: url(/design/ubg2.png) no-repeat bottom left;
}


/* Unterer Bereich */
div#unten {
	/*margin-top:-600px;*/
	border-top:1px solid #CFCFE0;
	background: url(/design/weiss.png);
}

div#unten p {
	font-size:0.8em;
	}


/* Formulare */
fieldset {
	border:0;
	}

legend {
	display:none;
	}

label {
	width:8em;
	float:left;
	}

input.text,
input.passwort {
	width:175px;
	height:18px;
	border: 1px solid #eee;
	font: normal 12px Lucida, "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif;
	background: url(/design/inputbg.jpg) repeat-x top left;
	}

input.text:focus,
input.text:active {
	border: 1px solid #CFCFE0;
	}

textarea {
	width:20em;
	height:135px;
	margin-top:5px;
	padding: 0 0 0 0.2em;
	border: 1px solid #eee;
	font: normal 1em Lucida, "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif;
	background: url(/design/tabg.jpg) repeat-x top left;
	}

textarea:focus,
textarea:active {
	border: 1px solid #CFCFE0;
}

input.submit {
	width:250px;
	height:25px;
	background: url(/design/submit.jpg) repeat-x top left;
	}


/* Suche */
#suchanfrage {
	padding-left:1px;
	vertical-align:middle;
	}

#suchanfrage:hover {
	padding-left:0;
	border:1px solid #A1A0A0;
	border-left:1px solid #BAB8B8;
	border-top:1px solid #BAB8B8;
	}

form#suche {
	display:block;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	}

form#suche fieldset {
	margin:0;
	padding:0;
	}

form#suche fieldset legend,
form#suche fieldset label {
	display:none;
	}

form#suche fieldset input.text {
	padding-left:5px;
	background:transparent;
	border: 1px solid #CFCFE0;
	width:150px;
	height:18px;
	margin:3px 0 0 10px;
	}

form#suche fieldset input.text:focus,
form#suche fieldset input.text:active {
	border: 1px solid #808080;
	}

form#suche fieldset input.submit {
	display:none;
	}

span.highlight {
	font-weight:bold;
	}

span.dateipfad {
	color:green;
	}

div#intro ul.linkliste {
	font-size:0.8em;
	margin-top:0;
	list-style:none;
	}

dt { 	
	background:#F1F3FF;
	border-bottom:1px solid #808080;
	}

dd {
	padding:5px;
	border-left:1px solid #808080;
	border-bottom:1px solid #808080;
	margin-bottom:25px;
	}

dl.suche {
	margin:0;
	padding:0;
	}

dl.suche dt {
	margin-left:10px;
	padding-left:10px;
	margin-right:37%;
	border:0;
	background:#F1F3FF;
	}

dl.suche dd {
	margin:0;
	padding:0;
	border:0;
	margin-bottom:2em;
	}

p.anmerkung {
	margin:15px 10px;
	padding-top:5px;
	border-top:1px dashed #808080;
	font-size:0.8em;
	color:#808080;
	}

p.sucheanmerkung {
	margin:15px 37% 15px 10px;
	padding-top:5px;
	border-top:1px dashed #808080;
	font-size:0.8em;
	color:#808080;
	}


#hilfe {
	display:block;
	height:16px;
	width:16px;
	position:absolute;
	top:0;
	left:200px;
	margin:5px 0 0;
	padding:0;
	}

#hilfe a {
	display:block;
	margin:1px 0 0 1px;
	height:16px;
	width:16px;
	text-indent:999px;
	overflow:hidden;
	vertical-align:middle;
	background: url(/design/hilfe.gif) top left no-repeat;
	}

#hilfe a:hover {
	margin:0;
	border:1px solid #A1A0A0;
	border-left:1px solid #BAB8B8;
	border-top:1px solid #BAB8B8;
	}