@charset "utf-8";

/* --------------------------------------------------------------------

Tags ohne Zusatz # in der css definieren das Format z.B. von Schrift in 
einem bestimmten Abschnitt

Auf der HtML-Seite wird der Name als Anfang und Abschlusstag genommen.

Beispiel:

Die Schriftdefinitionen fuer den Haupttext befinden sich in diesem CSS-
Dokument im Definitionsabschnitt article 

Auf der html-Seite wird der so zu formatierende Text dann durch den
Eroeffnungstag <article> und den Abschlusstag </article> definiert.

Tags mit Zusatz # definieren einen Container mit Position und 
Aussehen. Dieser wir in der html per Div mit dem jeweiligen Tag als id 
verwendet.

Beispiel:
css:  #hilfscontainer {width: 100%;}
html: <div id="hilfscontainer">Inhalt</<div>

Ein Text kann per tag auch in bestimmten Groessen angezeigt und anderen
deaktiviert werden.

Beispiel:

Die von <showb></showb> begenzten texte werden auf der mittleren und
kleinen css durch die Definition showb {display:none;} deaktiviert

----------------------------------------------------------------------- */


BODY {
background-color:#ffffff;
background-image: url("Hintergrund.jpg");
margin:0px;
padding:1px
scrollbar-3dlight-color:#cccccc;
scrollbar-arrow-color:#666666;
scrollbar-base-color:#cccccc;
scrollbar-darkshadow-color:#cccccc;
scrollbar-face-color:#ebebeb;
scrollbar-highlight-color:#eeeeee;
scrollbar-shadow-color:#cccccc}


/* Kein Kopftext */
header
{display:none;}

#hilfscontainer 
{margin:0px auto;
max-width:1024px;}

#Menu-for-Small 
{display:none;}

aside {
position: fixed;
top: 5%;
left: 9px;
text-align:center;
width:25%;}

nav {margin:9px;
padding-bottom:20px;
padding-left:5px;
padding-right:5px;
padding-top:9px;
text-align:center;}

nav1 {display:none;}

main {background-color:#ffffff;
color: #000000;
float:right;
width:75%;}

main h1 {font-size: small;
margin-bottom: 9px;
margin-top: 0px;}

article {
border: 1px solid grey;
border-radius:9px;
margin:20px;
padding-bottom:9px;
padding-left:20px;
padding-right:20px;
padding-top:9px;
font-size: small;
font-family: 'Open Sans',sans-serif;
TEXT-DECORATION:none;
color:#000000
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}

footer {background-color:navy;
clear:left;
color:#ffffff;
font-size:large;
font-style:italic;
font-weight:bolder;
padding-bottom:9px;
padding-top:9px;
text-align:center;
width: 100%;}

img {max-width:100%; height:auto; }

showmb {}
showb {}

ul {margin:0;
padding:0;
width:100%;
list-style-type:none;
font-size:large;
}

ul li a {text-decoration:none;
color:#000000;
padding:10.5px 11px;
margin-bottom:9px;
background-color:#ffffff;
display:block;
border-radius:9px;
}

ul li a:visited {color:#ffffff;}

ul li a:hover, ul li .current {color:black;
background-color:yellow;}