@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;
color:#000000;
font-family: 'Open Sans', sans-serif;
margin:0px;}

body a {color:#0066ff;}

body { font-family: 'Open Sans', sans-serif; font-size:10px; background-color:#FFFFFF; color:#000000; }
.title { font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:bold; text-align:center; background-color:#FFFFFF; color:#000000; }

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

#hilfscontainer{width: 100%;}

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

aside {text-align:center;
width:100%;}

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

nav1 {display:none;}

main {background-color:#ffffff;
color: #000000;
width:100%;}

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

article {border: 1px solid grey;
border-radius:10px;
margin:20px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
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;
color:#ffffff;
font-size:large;
font-style:italic;
font-weight:bolder;
padding-bottom:10px;
padding-top:10px;
text-align:center;
width: 100%;}

img {max-width:100%; height:auto; }
showmb {}
showb {display:none;}


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

ul li a {
text-decoration:none;
color:black;
padding:7px 11px;
margin-bottom:0px;
background-color:silver;
display:block;
float:left;
border-radius:10px;
}

ul li a:visited {color: black;}

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