/* style.css */

html, body
{
	height: 95%;
	padding: 0;
}

body
{
	font-family: "Open Sans",sans-serif; 
	font-size: 13pt;
	font-weight: 100;
	line-height: 1.5;
	text-align: justify;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
  	hyphens: auto;
	/* schriftfarbe: dunkelgrau */
	color: rgb(080,080,080);
}

main
{
	/* farbe: gebrochenes weiss */
	background-color: rgb(247,247,247);
}

footer
{
	/* farbe: mittelgrau (s. footer) */
	background-color: rgb(112,110,124);
	line-height: 1em;
	text-align: center;
	color: white;
}

footer a
{
	color: white;
}


footer a:visited
{
	color: white;
}


/* ########### menue ########### */

/* menue-liste */

/* checkbox nicht anzeigen */
.hackbox {
	display: none;
}

/* positionierung des hamburger-icons & menue-buttons */
.knopf {
	top: 0.4cm;
	margin-left: 0.5cm;
	height: 35px;
	width: 170px;
	font-size: 16pt;
	font-stretch: normal;
	color: black;	
}

/* menue erst einmal nicht anzeigen */
.dropdown-menu {
	display: none;
}

/* cursor auf menue-feld (hellblau) als finger anzeigen */
label {
	/* farbe: hellblau */
	color: rgb(0,96,246);
	cursor: pointer;
}

/* bei beruehrung des menue-feldes: selektiv-gelb */
label:hover {
	/* farbe: selektiv-gelb */
	color: rgb(255,180,0);
}

/* menue: ohne text-auszeichnung -> kein effekt */
.dropdown nav a {
	text-decoration: none;
}

/* menue: farbe selektiv-gelb -> kein effekt */
.dropdown nav a:hover {
	/* farbe: selektiv-gelb */
	color: rgb(255,180,0);
}

/* bei klick auf menue-button: anzeige des menues */
/* befehl gilt gleichermassen fuer .dropdown-menu (durch ~) */
	input[type="checkbox"]:checked ~ .dropdown-menu {
	/* display: none -> funktioniert hier nicht! */
	display: block;
}

/* menue ueberblendet nachfolgende inhalte (verschiebt sie nicht mehr) */
nav
{
	/* display: none;  -> effekt: menue-button wird nicht mehr angezeigt */
	/* menue ueberblendet nachfolgende inhalte (verschiebt sie nicht mehr) */
	position: absolute;
}

/* liste: eigenschaften definieren */
/* hintergrund des menues wird weiss */
nav > ul
{
	list-style: none;
	/* positioniert liste am linken rand */
	padding: 0;
	margin-top: 0;
	margin-left: 0.5cm;
	display: block;
	/* hoehe der zeile */
	height: 32px;
	/* hintergrundfarbe: hellgrau */
	background: rgb(183,183,183);	
}

/* liste: linkeigenschaften definieren */
/* unterstreichungen der menue-zeilen werden unterdrueckt */
nav > ul a
{
	text-decoration: none;
}

/* neu */
nav > ul > li
{
	z-index: 1;
	display: block;
	/* hoehe der zeile */
	height: 32px;
	/* abstand oben in zelle */
	padding-top: 0.2cm;
	/* hintergrundfarbe: hellgrau */
	background: rgb(183,183,183);
}

/* unterlegt die menue-zeilen bei beruehrung grau */
nav > ul > li:hover
{
	/* hintergrundfarbe: footer-grau */
	background: rgb(112,110,124);
}

/* aendert menue-zeilenschrift in blau */
nav > ul > li a
{
	/* schriftfarbe des link-textes: darkblue */
	color: rgb(0,0,139);
}

/* bei link-beruehrung wird menue-zeilenbeschriftung weiss*/
nav > ul > li:hover a
{
	/* schriftfarbe */
	color: white;
}


/* ########### flaggen ########### */

/* sprachauswahl ueber flagge */
#sprache {
	/* float: right; */
	/* position: fixed; */
	/* right: 5%; */
	/* height: 40px; */
	/* margin-top: 1%; */
	/* padding-top: 0; */
}

#sprache a:hover, .akt_flagge.on a {
	/* position: absolute; */
	/* color: white; */
	/* background-color: grey; */
	/* height: 40px; */
}

#sprache ul {
	/* keine aufzaehlungspunkte */
	list-style-type: none;
	/* list-style-image: none; */
	/* margin-top: 0.3cm; */
	margin-bottom: 0.2cm;
	margin-right: 1cm;
	padding: 0;
	/* height: 40px; */
}

#sprache li.akt_flagge {
	float: right;
}

.flagge {
	height: 42px;
}

.akt_flagge a {
	float: right;
	/* height: auto; */
	height: 42px;
}

.akt_flagge ul {
	display: none;
	height: 42px;
}

.akt_flagge:hover ul {
	position: absolute;
	display: block;
	/* height: 40px; */
	z-index: 500;
}



/* ########### allgemeine tags ########### */

/* fettschrift */
b
{
	font-weight: bold;
}

#linie {
	/* vertikale position der linie */
	margin-top: 0;
	margin-bottom: 0;
	line-height: 0;
	background-color: white;
	/* text-align: left; */
}

#logo {
	/* vertikale position des mirage-logos */
	margin-top: 0.2cm;
	margin-bottom: 0.0cm;
	background-color: white;
	text-align: left;
}

#titel {
	margin: 0cm 0.5cm 0cm;
	text-align: left;
	line-height: 1.0;
	font-size: 18pt;
	font-weight: 700;
	letter-spacing: 0.2em;
	color: black;
}

#anrede {
	margin: 0cm 0.5cm;
	font-size: 15pt;
	font-weight: bold;
	/* farbe: gold */
	color: rgb(205,156,41);
}

#gruss {
	margin: 0cm 0.5cm;
	font-size: 15pt;
	font-weight: bold;
	/* farbe: gold */
	color: rgb(205,156,41);
}

#text {
	margin: 0.3cm 0.5cm 0cm 0.5cm;
}

#nachtext {
	margin: 0.3cm 0.5cm 0cm 0.5cm;
}


/* ende */