/* mix css and php https://css-tricks.com/css-variables-with-php */
* {
  padding:0;
  margin:0;
  outline:none;
  font-family: Calibri,'PT Sans',sans-serif;
  font-size:1em;}

@media print {.hideforprint {display:none;}}
#mobile {display:none;}

#body {
  background-color:#F6EDED;
  color:#424242;
  height: 100%;
  margin:0;
  padding:0;
  }
/* unvisited link */
a {font:bold;color: #2870bb;text-decoration: underline;font-weight: bold;}
img {border:none;}
/** Überschriften **/
h1{font-size:1.4em;font:bold;color:#424242;padding:0.5em 0 0 0;}
h2{font-size:1.2em;font:bold;color:#424242;padding:0.5em 0 0 0;}
h3{font-size:1.0em;font:bold;color:#424242;padding:0.5em 0 0 0;}
.bildmittext {position: relative;}
.bildmittext img{display: block;}
.bildmittext span {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  text-align: center;
  border-top: 1px solid #ababab;
  background: #404040;}
/** Struktur width:980 margin-left:-490**/
#wrapper {
  width: 80%;
  height: 100%;
  margin: 0 auto;
  position: relative;}
#shadow {
  -moz-box-shadow:    0 0 6px #767676;
  -webkit-box-shadow: 0 0 6px #767676;
  box-shadow:         0 0 6px #767676;}
/*
#sidebar {
  float:left;
  width:180px;}
#right {
  float:right;
  width:760px;}
#logo  {
font-size:1.0em;
font-weight:bold;
color:#696969;
text-decoration:none;}
#logo:hover {color:#000;}
*/
/** Content width:960px**/
#content {
  overflow:hidden;
  background-color: rgba(255, 255, 255, 0.9);
  width:100%;
  height:auto;
  text-align:justify;
  margin:0 0 0 0;
  padding:0px 0px 0px 0px;}
#contenttxt {
  padding:0px 10px 0px 10px;}
/** Header **/
#header {
  clear:both;
  background-color:#6D9248;
  font-weight: bold;
  color:#D8FD02; /**#fff**/
  letter-spacing:3px;
  border:double #D8FD02 4px;
  font-size:0.9em;
  padding: 0;
  margin:0 auto;}
/** Footer **/
#footer {
  clear:both;
  background-color:#6D9248;
  font-weight: bold;
  color:#D8FD02; /**#fff**/
  letter-spacing:3px;
  border:double #D8FD02 4px;
  font-size:0.8em;
  padding: 0;
  margin:0 auto;
  line-height: 1.8em;}
/** format Lightbox to show pictures in a frame **/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #wrapper {
    width: 95%;
    margin: 0 0 0 0;
    position: relative;}
  #content {
    overflow:hidden;
    width:100%;
    height:auto;
    text-align:justify;
    margin:0 auto;
    padding:0 auto;}
}