/* HTML-Tags */

body
{
 margin: 0;
 padding: 0;
 font-family: "Trebuchet MS", sans-serif;
 font-size: 100.01%;
 text-align: center;
 scrollbar-face-color:#8C8CC6;
 scrollbar-highlight- color: rgb(102,102,204);
 scrollbar-shadow- color: rgb(102,102,204);
 scrollbar-3dlight- color: rgb(102,102,204);
 scrollbar-arrow- color: rgb(0,0,204);
 scrollbar-track- color: rgb(102,102,204);
 scrollbar-darkshadow- color: rgb(102,102,204);
 background-color: #080A09;
 /*background-color: #fff;*/
 color: #00f;
}

h1
{
 font-size: 1.8em;
 color: #a33f08;
 margin: 1.2em 0 0.2em 0;
 background-color: #080A09;
}

table h1
{
 font-size: 1em;
 background-color: #080A09;
}

h3,
h4
{
 font-size: 0.8em;
 background-color: #080A09;
 margin: 1.2em 0 0.2em 0;
}

p
{
 margin-top: 0.6em;
 margin-bottom: 0.2em;
}

code
{
 font-family: "Courier New", Courier, monospace;
 font-size: 0.9em;
 color: #444;
}

form
{
 margin: 0;
 padding: 0;
 width: 120px;
}

/* globale Links */

a:link
{
 color: #a33f08;
 text-decoration: none;
}

a:visited
{
 color: #d2520b;
 text-decoration: none;
}

a:hover,
a:focus
{
 color: #6B2906;
 text-decoration: underline;
 background-color: #c1cdc7;
}

a:active
{
 color: #fff;
}


/* Bereiche */

/* Umrandung der gesamten Seite */
#all
{
 padding: 0;
 border-right: 1px solid #a33f08;
 border-left: 1px solid #a33f08;
 margin: auto;
 text-align: left;
 width: 59em;
 background-image: url(bgbruecke.gif);
 background-repeat: no-repeat;
 background-position: top center;

 background-color: #080A09;
 color: #fff;
 float: left;
}

#seite
{
 float: left;
}
/*Seitenkopf */
#top
{
 margin: 0;
 width: 59em;
 /*padding-left: 12em;*/
 color: #f0f;
 height: 8em;
 background-color: #444;
 border-bottom: 1px solid #a33f08;
 border-top: 1px solid #a33f08;
}

#top h2
{
 margin: 2.2em 0 0 3.75em;
 padding:0;
 display: inline;
}

h2 a:link,
h2 a:visited
{
 color: #fff;
 text-decoration: none;
}

#top p
{
 margin: 0 0 0 11.5em;
}

/* horinzontales DropDown-Menue - CSS only */
#hmenue
{
 padding: 0 0 0 10em;
 margin: 0;
 width: 100%;
 /*background-color: #FFFCF6;*/
 background-color: #F0FCF6;
 /*background-image: url(img/menu_bg.png);*/
 border-bottom: 1px solid #a33f08;
 height: 1.35em;
}

#hmenue
{
 \width: 59em;
 w\idth: 49em;
}

#hmenue ul
{
 margin: 0;
 padding: 0;
 list-style: none;
 text-align: center;
}

#hmenue li
{
 font-size: 0.8em;
 color: #a33f08;
 float: left;
 width: 8em;
 margin: 0;
 padding: 0;
 border-left: 1px dashed #a33f08;
}

#hmenue li a
{
 height: 100%;
 width: 100%;
 margin:0;
 display: block;
 /*border-left: 1px dashed #a33f08;*/
 padding: 0.15em 0;
 /*background-image:  url(img/pfeil.gif);
 background-repeat: no-repeat;
 background-position: 1em 0.7em;*/
}

#hmenue li ul
{
 text-align: left;
 position: absolute;
 white-space: nowrap;
 /*background-color: #F5FCF6;*/
 /*background-image: url(img/menu_bg2.png);  transparenter Hintergrund mit PNG*/
 margin: 0;
 padding: 0 0 0 0.7em;
 width: 7.3em;
 visibility: hidden;
 border-right: 1px solid #999;
 border-bottom: 1px solid #999;
}

#hmenue li:hover ul
{
 visibility: visible;
}

#hmenue li ul li
{
 font-size: 1em;
 width: 100%;
 background-image: none;
 margin: 0;
 padding: 0;
 float: none;
}

#hmenue li ul li a
{
 padding: 0.2em;
 background-image: none;
 border: none;
}


/*Hauptbereich mit linkem Menue und Inhalten */
#main
{
 margin:0;
 padding: 0;
}

/*linkes vertikales Menue */
#leftside
{
 margin: 0;
 padding: 1em 0 0 0;
 width: 10em;
 clear: left;
 float: left;
 font-size: 0.78em;
 color: #7C3006;
}

#leftside h4
{
 font-size: 1em;
 margin: 0.2em 0 0 2em;
}

#leftside ul
{
 list-style: none;
 margin: 0;
 padding: 0;
}

#leftside li
{
 font-weight: bold;
 font-size: 1em;
 margin: 0.2em 0 0 2em;
}

#leftside p
{
 margin: 0.2em 0 1.6em 2em;
}

#leftside input
{
 border: 1px dotted #a33f08;
 width: 6em;
 margin: 0.2em 0 1.6em 2em;
}

#leftside img
{
 margin: 1.6em 0 0 2em;
}

/* Inhaltsbereich mit Marginalie */
#inhalt {
	margin: 0 0 0 2em;
	float: left;
	padding: 0;
	width: 49em;
}

#inhalt p {
	font-size: 0.78em;
	line-height: 1.45em;
	width: 30em;
}

#inhalt th {
	color: #fff;
}

#inhalt ul {
	font-size: 0.78em;
	line-height: 1.5em;
	margin-top: 0;
}

/* Dummy, um das Floaten von Elementen zu beenden */
/* siehe Buch, S. 414 ff. :-) */
.nofloat {
	clear: both;
	visibility: hidden;
	height: 0;
}

/* Fusszeile mit Copyright */
#fusszeile {
	margin: 0;
	width: 59em;
	padding: 0;
	border-top: 1px solid #a33f08;
	background-image: url(img/block.gif);
	background-position: left top;
	background-repeat: no-repeat;
	border-left: 1px solid #d2520b;
	border-bottom: 1px solid #a33f08;
}

#fusszeile p {
	margin: 0;
	padding: 0.1em;
	padding-left: 1em;
	font-size: 0.8em;
	color: #222;
}

/*nach rechts rutschender Bereich mit "nach oben Link" */
.right {
	padding: 0;
	width: 46em;
	background-color: #444;
	padding-right: 1em;
	float: right;
	text-align: right;
}

.right a:link,
.right a:visited
{
	color: #fff;
}


.hinweis {
	font-size: 0.92em;
	border: 2px solid #B22222;
	padding: 0.3em 1em;
	background: #F9E9E9;
}

.hinweis p {
	margin:0;
	padding: 0;
	width: auto !important;
}

.hinweis h3 {
	margin-top: 0;
}

ol {
		margin: 0.1em 0.2em;
		padding: 0 1.5em;
		font-size: 0.8em;
}
