/* Stylesheet für eine neue Homepage-Version */
body { background: url(pics/bck2.gif);
       font-family: arial, verdana, helvetica, sans-serif;
       text-align: center;}

em {color: red; font-weight: bold}

h1, h2, h3, h4, h5 {font-family: arial, verdana, helvetica, sans-serif;  font-weight: bold}
h2 {font-size: 14pt; line-height:16pt}
h3 {font-size: 11pt; line-height:13pt}
h4 {font-size: 10pt; line-height:12pt}

td, p, li {font-size: 10pt; line-height:12pt}

.container {
font-family:arial, verdana, helvetica, sans-serif; text-align: left;
padding:10px 5px 5px 10px; width:770px; min-height: 500px;
margin:auto;
border: 1px solid black; background: url(pics/bk2.gif) }

/* Die drei Hauptboxen */
.menubox {
float: left; width:120px; height:400px; text-align: center; padding:0 10px 0 0;
/*border-right: 2px dotted red;*/ }

.titel{
font-size: 18pt; line-height:22pt; font-weight: bold; color: #0000FF; text-align: right;
padding: 0 0 5px 0; margin:0 0 0 150px; width:580px;
border-bottom:2px dashed #FF0000; }

.inhalt{
color:black; font-size: 10 pt; line-height:12pt;
padding:0px;  margin:0 0 0 150px; width:580px;}

.footer{
color:black; font-family:arial, verdana, helvetica, sans-serif;
font-size: 9pt; line-height:10t; text-align: center;
padding: 5px 0 0 0; margin:0 0 0 150px; width:580px;
border-top:2px dashed #FF0000; }

.screenshotinhalt{
color:black; font-size: 10 pt; line-height:12pt;
padding:6px;  margin: 0px; width:730px; }

.screenshotfooter{
color:black; font-family:arial, verdana, helvetica, sans-serif;
font-size: 9pt; line-height:10t; text-align: center;
padding: 5px; margin:0px; width:730px; border-top:2px dashed #FF0000;}

.abstand {  /* ein simpler Abstandhalter zwischen den Kästen */
font-size: 8pt; line-height: 8pt;}

/* die Menugestaltung - hier: als Buttons */
#mnormal {
border-right: 1px solid gray; border-bottom: 1px solid gray;
background-color: #DDEEFF;  color: black;
font-family: Verdana,Arial,Helvetica; margin-top: 7px; margin-bottom: 7px;
padding-top: 2px; padding-bottom: 2px;}
#maktiv {
border-left: 1px solid gray; border-top: 1px solid gray; background-color: #99CCFF;
font-family: Verdana,Arial,Helvetica; margin-top: 7px; margin-bottom: 7px;
padding-top: 2px; padding-bottom: 2px;}

/* Menugestaltung - hier die Links */
a:link.menu {font-family:arial; font-size:9pt; line-height:14pt; color:black; text-decoration: none; font-weight:bold; }
a:visited.menu {font-family:arial; font-size:9pt; line-height:14pt; color:black; text-decoration: none; font-weight:bold;}
a:hover.menu {font-family:arial; font-size:10pt; line-height:14pt; color:red; text-decoration: none; font-weight:bold;}
/* Normale Links */
A:link { color: blue; text-decoration: underline; }
A:visited { color : navy; text-decoration: underline; }
A:hover {color:red; text-decoration: underline ; }
A:active {color: navy; text-decoration: underline; }
.leer {text-decoration: none;}
.bemerkung { font-size:10pt; line-height:12pt; text-align:center; color:maroon; }
.anmerkung { font-size:10pt; line-height:12pt; text-align:left; color:green; font-style: italic;}
.anmerkungrechts { font-size:10pt; line-height:12pt; text-align:right; color:black; font-style: italic;}
.impress { font-size:7pt; line-height:8pt; text-align:center; color:black; }

.normboxrot {border: 1px solid black; background-color: red; color: yellow; text-align: center}
.normbox {border: 1px solid black; background-color: blue; color: white; text-align: center}
.normboxunten {border-left-width:1px; border-top-width:0px; border-right-width:1px; border-bottom-width:1px; border-style:solid; border-color:black; background-color: azure}
.kasten {border: 1px solid black}
.kastenunten {border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black}

#wlistekasten ul {margin:0; padding:0; list-style:none;}
#wlistekasten li {float: left; list-style: none; width: 110px; margin: 0 5px 5px 0px}
#wlistekasten a {width:100%; height:100%; display:block; padding:5px 0 5px 0;
                 text-decoration:none; background-color:khaki;
                 border:1px solid black; text-align:center;}
#wlistekasten a:hover {color:red; background-color:lightblue; border:1px solid black; text-align:center}
#liste ul {margin:0; padding:0; list-style:none;}
#liste li {list-style: none;  margin: 0 2px 10px 2px}
#liste a {display: block; width: 90%; height: 100%; padding:4px 5px 4px 5px; text-decoration:none;
background-color:#DDEEFF; color: black; border-top: 0; border-left: 0; border-bottom: 1.px solid gray; border-right: 1px solid gray; }
#liste a:hover {color:red; background-color:#99CCFF; border-bottom: 0; border-right: 0; border-left: 1px solid gray; border-top: 1px solid gray; }
#liste a:active {color: black}

#co {font-family: monospace;color: #008000;}
#anr {font-style: italic;color: #0000A0;}
.li1 { margin: 5px 5px 0 0; font-weight: bold }
.li2 { margin: 5px 5px 0 20px;}
.li3 { margin: 5px 5px 0 40px;}