BODY {
	BACKGROUND-COLOR: #343434; 
	COLOR: #e0e0e0; 
	FONT-FAMILY: Helvetica, Arial, sans-serif; 
	FONT-SIZE: 10pt;
	padding: 0 0.2em;
	margin: 0;
}
header, nav, section, footer {
    display: block;
}

div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    padding: 0.5em;
}

div#Inhalt {
	  margin-left: 8em;
	  padding: 0 1em;
}


header {text-align: center;}

footer {
	clear: both; 
	text-align: right; 
	width: 100%;
}

main {
	  padding: 0 1em;

}

H1 {COLOR: #FAEC06; FONT-SIZE: 18pt; FONT-STYLE: normal; FONT-WEIGHT: bold; MARGIN-TOP: 3px; PADDING-LEFT: 7px}
H2 {COLOR: #FAEC06; FONT-SIZE: 15pt; FONT-STYLE: normal; FONT-WEIGHT: bold; MARGIN-BOTTOM: 5px}
H3 {COLOR: #FAEC06; FONT-SIZE: 13pt; FONT-STYLE: normal; FONT-WEIGHT: normal}
H4 {COLOR: #FAEC06; FONT-SIZE: 15pt; FONT-STYLE: normal; FONT-WEIGHT: normal; MARGIN-BOTTOM: 5px}
H5 {COLOR: #F0F0F0; FONT-SIZE: 20pt; FONT-STYLE: normal; FONT-WEIGHT: normal}
P {FONT-SIZE: 10pt; FONT-WEIGHT: normal; margin-top: 0px; padding-top: 0px;}
.centered {text-align: center;}
.small {FONT-SIZE: 8pt}
.fonthell {COLOR: #FFFFFF}
.fonthellgrau {COLOR: #e0e0e0}
.nonbold {FONT-WEIGHT: normal}
.bildunterschriftlinks {FONT-WEIGHT: bold; vertical-align: top; text-align: right}
.bildunterschriftrechts {FONT-WEIGHT: normal; vertical-align: top}
.bildunterschriftzentriert {FONT-WEIGHT: bold; vertical-align: top; text-align: center}
.absatzlinks {margin-left: 25px}
.divresponsive {float: left; margin: 5px; padding: 10px; width: 380px; } 
.divtn {float: left; margin: 5px; padding: 5px; width: 190px; }
table {vertical-align: top;}
TT {FONT-FAMILY: Courier, monospace; FONT-SIZE: 10pt}
B {FONT-SIZE: 10pt; FONT-WEIGHT: bold}
I {FONT-SIZE: 10pt; FONT-STYLE: italic}
A {FONT-SIZE: 10pt}
TD { COLOR: #e0e0e0;FONT-SIZE: 10pt; }
TH {FONT-SIZE: 10pt}
.hellgrau {BACKGROUND-COLOR: #cccccc; FONT-SIZE: 10pt}
.mittelgrau {BACKGROUND-COLOR: #999999; FONT-SIZE: 10pt}
.dunkelgrau {BACKGROUND-COLOR: #666666; COLOR: #ffffff; FONT-SIZE: 10pt}
.downloadtable {BACKGROUND-COLOR: #404040; COLOR: #e0e0e0; }
UL {FONT-SIZE: 10pt;}
OL {FONT-SIZE: 10pt}
DL {FONT-SIZE: 10pt}
DD {FONT-SIZE: 10pt}
LI {FONT-SIZE: 10pt}
DT {FONT-SIZE: 10pt}
img { color:#101010;}
a:link { font-weight:bold; color:#F0F0F0; }
a:visited { font-weight:bold; color:#A0A0A0; }
a:hover { font-weight:bold; background-color:#5555FF; }
a:active { font-weight:bold; background-color:#5555FF; }
a:focus { font-weight:bold; background-color:#5555FF; }
a:link img {border: solid  #000000;}
a:active img {border: solid  #000000;}
a:hover img {border: solid  #5555FF;}
a:visited img {border: solid  #252525;}
a:focus img {border: solid  #000000;}
.bild-div {width: 100%; text-align: center; margin-bottom: 15px;}
.bild-beschreibung {
	max-width: 1024px; 
	margin: 0 auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;	
}

.bild-beschreibung-table {width: 100%;}
.thumbnail {width: 180px; }
.thumbnail-neues {width: 360px; max-width: 100%; }
.thumbs-table {width: 100%; margin-left: auto; margin-right: auto;}
.hauptseite-text {width: 100%; text-align: center; max-width: 1024px; margin-left: auto; margin-right: auto;}
.link-div {width: 100%; max-width: 1024px; margin-left: auto; margin-right: auto; }

.size-selector {
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}

.standard-text-div {
	width: 100%; 
	max-width: 1024px; 
	margin-left: auto; 
	margin-right: auto;
}


.msgError {
	background-color: red;
	color: black;
	list-style-type: none;
}

.msgInfo {
	background-color: lightblue;
	color: black;
	list-style-type: none;
}

.flxContainer {
	display: -ms-flexbox;
	display: flex;
	flex-flow: row wrap;
	margin: auto;
	width: 100%;
	
}


.thumbs-div {
	flex-basis: 33%;
	flex-grow: 1;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	min-width: 180px;
}


.thumbs-neues-div {
	flex-basis: 33%;
	flex-grow: 1;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	min-width: 360px;
}

.halfWidth {
	flex-basis: 50%;
	flex-grow: 1;
	margin-top: 5px;
	margin-left: 5px;
}

.title-img {
	width: 100%; 
	max-width: 736px;
}

.hauptseite-img {
	width: 100%; 
}

.graukeil {
	width: 100%; 
	max-width: 430px;
}

.footer-back-url {
  text-align: right;
}

.admin-table {
	width: 100%;
	border: 1px solid black;
	border-collapse: collapse;
	
}
.admin-table td {
	vertical-align: top;
	border: 1px solid black;
}

.admin-table img {
	max-width: 500px;
}

/* ========================================================================= */

/* nav */
.nav {
    float: left; width: 8em;
    margin: 0; padding: 0;
}
.nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav li {
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0;
	display: block;
}
.nav a {
	line-height: 100%;
}

.nav-div {
		width: 100%;	
}


/* Label und Checkbox ausblenden*/
nav > input,
nav > label {
	display: none;
}

nav > label {
	width: 100%;
	float: left;
	padding: 10px 10px 10px 30px;
	padding-right: 0;
	font-size: 20pt;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


@media screen and (max-width: 640px) 
{

	div#Seite {
		text-align: left;    /* Seiteninhalt wieder links ausrichten */
		margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
	    padding: 0.1em;
	}
	
	div#Inhalt {
	  margin-left: 0;
	  padding: 0;
	}
	main {
		  padding: 0;
	
	}
	
	.nav {
		
		width:100%; 
		
	}

	.nav li {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
    nav > label, nav ul li ul {
        display: block;
        color: #fff;
        font-weight: bold;
    }
    nav > ul {
    	display: none;
        height: 0;
        opacity: 0;
        clear: both;
        -webkit-transition:all .5s ease;
        -moz-transition:all .5s ease;
        transition:all .5s ease;
    }
    nav > input:checked + ul {
        opacity: 1;
        display: block;
        height: auto;
    }
    nav ul li {
 	   padding: 0;
 	   margin: 0;
 	   display: block;
	  border-bottom: 1px solid black;
    }
    
    nav ul li a{
    	text-decoration: none;
	}

    nav ul li img{
    	display: none;
	}

	.nav-div {
		width: 100%;	
		padding-top: 15px;
		padding-bottom: 15px;
		vertical-align: middle;
	}
}




/* ========================================================================= */