/**
 *	Style-Sheets für die Burgfalken 
 */

/*** Mobil-Handys mit kleinem Bildschirm ***/
@media only screen and ( max-width: 1000px ) {
    .desktop {
        /* Desktop-Kram kommt weg */
        display: none;
    }
    body div.content {
        /* oben Platz für Home-Button und wenig seitlichn Rand */
        margin-top: 20vh;
	    margin-left: 5vw ;
	    margin-right: 5vw ;
	}
    div.artikel td,
    div.artikel td p{
	   font-size: 14pt;
    }
	h1 {
        font-size: 48pt;
        margin-right: 5vw;    
	}
}

/*** Desktop-PC oder Laptop ***/
@media only screen and ( min-width: 1000px ) {
    .mobil {
        /* Mobil-Kram kommt weg */
        display: none;
    }
    body div.content {
        /* links Platz für Menüleiste */
	    margin-left: 280px ;
	    margin-right: 80px ;
	}
}

/*** Der Home-Button oben auf der Mobilseite ***/
div.mobil.home {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    background: white;
    padding-left: 5vw;
    max-height: 20vh;
}
div.mobil.home img{
    max-height: 20vh;
}

/*** Die Mobil-Einstiegsseite ***/
body.IntroScreen div.mobil img {
    max-width: 80vw;
}
body.IntroScreen div.mobil .knopf {
    padding: 30px ;
}
body.IntroScreen div.mobil .knopf button {
	width: 80vw;
    padding: 10px ;
	font-size: 4em ;
	color: darkgreen;
}

/*** Das Menü auf der linken Seite ***/ 
div.menu {
	position: fixed;
	left: 0;
	top: 0;
	background: darkgreen;
	margin: 0;
	width: 200px;
	height: 100vh;
	text-align: center;
}
div.menu a.falke img {
	background-color: white; 
	width: 130px; 
	margin-top: 10px; 
	padding: 10px; 
	border: solid #004000 5px;
	position: inherit;
} 
div.menu a:link.falke {
	color:darkgreen;
}
div.menu a:visited.falke {
	color:darkgreen;
}
div.menu a:hover.falke {
	background:darkgreen;
}
div.menu button {
	background-color: darkseagreen;
	font-weight: bold;
	font-size: 8pt;
	padding: 4px;
	margin: 8px;
	width: 150px;
}
div.menu a {
    color: white;
    text-decoration: none;
}
div.menu a:hover,
div.menu button:hover {
	cursor: pointer;
    background: #aaa;
}


/*
**	Für die normalen Seiten
*/

/*** Ränder***/
body {
    background: white;
	margin: 0;
}

/*** der Hintergrund-Vogel ***/
body img.falke {
	position: fixed;
	top: 20vh;
    height: 60vh;
    right: 80px;
    
    /* sonst ist er vor dem Text */
    z-index: -1;
    
	/* opacity für alle Browser */
    opacity: 0.2;
}

/*** Schönere Links ***/
a {
	color: brown;
}

a:hover {
	color: crimson;
	background-color: gold;
}

a:hover.lightbox {
	background-color: transparent;
}
	
/*** Überschriften ***/
h1 {
	text-align: right;
	color:darkgreen;     
	font-family: Comic Sans MS;
	border-bottom: solid;
}

h2, h3 {
	color:darkblue ;
	font-family: Comic Sans MS;
}

.artikel h1 {
    text-align: left;
    border: none;
    font-size: normal;
}

/*** Die Standardschrift für ganz normalen Text ***/
p, table, li, div.artikel {
	font-family: Arial;
	font-size: 12pt;
	color: darkblue;
	font-weight: normal;
}

small {
	font-family: Arial;
	font-size: 10pt;
	color: mediumblue;
	font-weight:normal;
}

b {
	color: black;
}

/*** Ausrichtung für ganz normalen Text und Tabellen ***/
div.artikel {
	margin-right: 80px;
}

p {
	margin-top: 20px;
}

table {
	margin-left:40px;
}

table tr td {
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: top;
}

table.strich tr td {
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: darkgreen;
}

table.strich .wichtig {
	text-align: right;
	font-size: 14pt;
	color:darkgreen;     
	font-family: Comic Sans MS;
}

/*** Auf breiten Bildschirmen die Breite des Inhalts beschränken ***/
.NewsScreen table,
.ArtikelScreen div.artikel {
	max-width: 800px;
}

/*** Bild links - Text rechts ***/
div.bildmittext p {
	margin-top: 40px;
}

div.bildmittext p {
	text-align: left;
}

div.bildmittext img {
	float: left;
	margin-right: 40px;
	margin-bottom: 40px;
}


/*** Text links - Bild rechts ***/
div.textmitbild {
	margin-top: 40px;
}

div.textmitbild img {
	float: right;
	margin-left: 40px;
	margin-bottom: 40px;
}

div.textmitbild p {
	text-align: right;
}


/*** Text links - Bild rechts ***/
div.bilderleiste {
	padding:2px;
}

div.bilderleiste table {
	padding:0px;
	margin:0px;
}

div.bilderleiste table tr td {
	padding:0px;
	margin:0px;
}
div.bilderleiste table tr td img {
	border-style: none;
}


/*** Ergebnistabellen ***/
div.ergebnis {
	margin-right: 20px;
}

p {
	margin-top: 20px;
}

table {
	margin-left:20px;
}

table tr td {
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: top;
}
       
div.artikelfuss {
    font-size: small; 
    color: gray; 
    float: left; 
    text-align: right; 
    width: 250px; 
    border-bottom: solid green 1px; 
    margin-top: 1em; 
    margin-bottom: 1em;
}

div.homebutton {
	float: left;
	width: 250px;
	text-align: right;
}