html, body
{
    
    background-color: #000033;
    font-size: 100%;
    margin: 0em;
    padding: 0em;
    font-family: Verdana, sans-serif;
    background-image: url(../PICTURE/Background.JPG);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 2000px 1100px;
    background-attachment: fixed;
}

a {
	text-decoration: none;
}

h5 {
	line-height:1.25em;
	font-family:Helvetica;
	font-weight:100;
	font-size: 1.05em;
	color:#2D5200;
	margin:0em;
     padding-left:8px;
	text-align:justify;
}

 h6{
      font: Verdana;
      font-size: 2.0em;
      color: #008000;      
      font-weight: 100;
      line-height: 1.7em;
      margin-top: 0;
      padding-top: 5px;
  }
  
  h2 {
	font-size:1.3em;
	line-height:1.1em;
	font-family:Helvetica;
	font-weight:100;
	color:#2F2D2C;
	margin:0em;
	padding-left:1.25em ;
	padding-right:1.25em ;
	padding-top: 1.25em;
	padding-bottom: 1em;
	text-align:left;
}

 h3 {
	font-size:1.06em;
	line-height:1.2em;
	font-family:Verdana;
	font-weight:100;
	color:#2F2D2C;
	margin:0em;
	padding-bottom: 0.9em;
	padding-right: 1.25em;
    padding-left: 1.4em;
    padding-top: 1.0em;
	text-align:left;
}

p {
	font-size:1.0em;
    line-height:1.25em;
	font-family:Helvetica;
	font-weight:100;
	color:#2F2D2C;
	margin:0em;
	padding-bottom: 0.9em;
	padding-right: 1.25em;
    padding-left: 1.25em;
    padding-top: 0em;
	text-align:justify;
}

h1 {
	line-height:1.25em;
	font-family:Helvetica;
	font-weight:100;
	font-size: 1.05em;
	color:#2F2D2C;
	margin:0em;
	padding-left:1.25em;
	text-align:justify;
}





input:focus { 
    outline: none !important; 
    background:#FFFFFF
    border-color: #719ECE;
    box-shadow: 0 0 2px #719ECE;
}
textarea:focus {
    outline: none !important; 
    background:#FFFFFF
    border-color: #719ECE;
    box-shadow: 0 0 2px #719ECE;
}

textarea {
    resize: none;
    font-family:Helvetica;
    border:1px solid #ADACAC;
    font-size: 0.9em;
}

 .TxtFehler {
    line-height:1.0em;
	font-family:Helvetica;
	font-weight:100;
	font-size: 0.9em;
	color:#FB664F;
	margin:0em;
	padding-left:105px;
	text-align:left;
 }
 
 
  .TxtTitel {
	font-size:1.3em;
	line-height:1.1em;
	font-family:Helvetica;
	font-weight:100;
	color:#2F2D2C;
	margin-top: 20px;
	padding-left:1.25em ;
	padding-right:1.25em ;
	padding-top: 1.25em;
	padding-bottom: 1em;
	text-align:left;
}

.DivInput {
   display: block;
   width: 100%;
   text-align: right;
   font: Verdana;
   font-size: 0.9em;
   float: right;
   margin-top: 10px;
   margin-right: 20px;
   margin-bottom: 10px;
}             
.TxtInputNormal {
 border:1px solid #ADACAC;
  font-family:Helvetica;
  font-size: 1.0em;
  margin-left: 10px;
  padding-right: 0px;
  padding-left: 10px;
  height: 25px;
  width: 340px;  
}

.TxtInputFehler {
border:1px solid red;
  font-family:Helvetica;
  font-size: 1.0em;
   margin-left: 10px;
   height: 25px;
   width: 340px;
   padding-right: 0px;
   padding-left: 10px;
   /*background:#FDE2CE  */
   
}

.TxtDescribt {
    font-size:0.7em;
    line-height:1.25em;
    font-style: italic;
	font-family:Verdana;
	font-weight:100;
	color:#2F2D2C;
	padding-bottom: 0.9em;
	padding-right: 1.25em;
    padding-left: 1.25em;
    padding-top: 0.6em;
	text-align: center;;
}

.TxtArtikelKlein  {
    font-size:0.8em;
    line-height:1.25em;
    font-style: italic;
	font-family:Verdana;
	font-weight:100;
	color:#2F2D2C;
	padding-bottom: 0em;
	padding-right: 0em;
    padding-left: 0em;
    padding-top: 0em;
	text-align: left;
}
 .Txta {
     font-style: italic; 
     color: #008080;
     text-align: left;
     
 }
 .TxtZitat {
     
     font-style: italic;
     margin-left: 20px;
     margin-right: 20px;
 }
 
 .TxtFrage {
     color: #326B7A;
     font-style: italic;
     text-align: left;
      margin-left: 0px;
     margin-right: 0px;
 }

/* Div und Section */

/* #wrapper{
   width: 1330px;
    height: 1500px;
    margin-left: auto;
    margin-right: auto;


} */

 .TxtDescribtButton {
    
    font-size:0.9em;
    line-height:1.25em;
	font-family:Helvetica;
	font-weight:100;
	color:#2F2D2C;
	margin:0em;
	padding-bottom: 0.9em;
	padding-right: 1.25em;
    padding-left: 1.25em;
    padding-top: 0em;
	text-align:justify;
     
 }

 .DivImgBox {
    width: 100%; 
    text-align: center;
    margin-top: 10px; 
    margin-bottom: 30px;
 }

.DivButton {
     width: 100%;
     text-align: center;
     margin-top: 0em;
    
}
#DivLinks{
   
   
    
    width: 13%;
	height: 100%;
	background-image: url(../PICTURE/blaulinks.jpg);
	float: left;
	background-position: right top;
    /*  background-attachment: fixed;
     background-size: contain; */
   
}

#DivMitte{
	width: 74%;
	height: 100%;
	background-color: #F0E4CA;
	float: left;
	/* 	background-image: url(../PICTURE/20150607_143838_03.png); */
	background-repeat: no-repeat;
	background-size: contain;    /* #F0E4CA BFCD8A #B7AF8C  #FF9900  #E7CD55 #E7AD56 #E7CD55 #F7E49C */    
}


#DivRechts{

    width:13%;
    height: 100%;
    background-image: url(../PICTURE/blaurechts.jpg);
    float: right;
   /*  background-attachment: fixed; */
    
}

#HeaderContent{
    width: 100%;
    height: 70px;
    background-color: #254400;
    margin: 0;
    text-align: center;
    
    

    
    
    
}


	
#DivImage {
    border-radius: 3px;
	box-shadow:5px 5px 5px 0px #4c4948;
     
     
 }

#TxtLinksContent {
    
} 
	
  /*  border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #2F2D2C;  */

 
 
 #MainContent{
 display: block;
 height: 600Px;
 width:83% ; 
 float: right; 
  
     
     
 }
 
 
 #FooterContent{
    display: block;
    height: 70px;
    width: 100%;
    background-color: #254400;
    clear: both;
    border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFF;
}

#Divfooter {
    display: block;
    text-align: center;
    padding-top: 5px;
    
}
.DivGallery {
   
    overflow: auto;
    height: 250px;
   
    
    
}

.Txtfooter  {
    color: #008000;
}

/* Schriften */

  ul {
	margin:0px;
	padding:0px;
}

li {
	list-style:square;
	font-family:Helvetica;
	font-weight:100;
	font-size: 0.985em;
	color:#2F2D2C;
	line-height:1.4em;
	margin:0em;
	padding:0em;
	margin:0.6em 0em 0.6em 0em;
}


 
#qrcode {
   margin-left: 30px;
 }
 



/* Navigation */
nav {
	display:block;
	height:2.5em;
	background:#FFFFFF;
	text-align:center;
    margin-bottom: 3%;
    
	
}

nav ul {
	display:block;
}
nav ul li {
	display:inline;
	margin:0em 0.188em 0em 0.188em;
}
nav ul li a {
	color:#454040;
	font-size: 1.1em;
	line-height:2.5em;
	padding:0.563em 0.938em 0.375em 0.983em;
	transition:background 0.2s;
	-webkit-transition:background 0.2s;
}

nav ul li a:hover {
	background:#DBD9D8;
	border-bottom: 0.188em solid #E7590B;
}
nav ul li a.active {
	border-bottom: 0.198em solid #6E6E82;
  }
  
 

 
 #MainGallery{
    display:block;
	width:91%;
	height: 35%;
	background:#FFFFFF;
	vertical-align: top;

	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
	padding:0em;
	text-align:center;

	border-radius: 3px;
	box-shadow:5px 5px 5px -1px #4c4948;

 }
 
 
 
 /* Content Area */
#main {
	display:block;
	width:91%;
	max-width:900px;
	padding:0em;
	margin-top: 1.25em;
	margin-right: auto;
	margin-bottom: 0.5em;
	margin-left: auto;
	
	
}

#main article ul {
        	margin:0px;
	        padding:0px;
	        text-align: left;
}

#main article li {

    list-style:square;
	font-family:Helvetica;
	font-weight:100;
	font-size: 0.985em;
	color:#2F2D2C;

	 margin-top: 0;
	padding:0em;
	margin:0.2em 0em 0.2em 4em;

	

}

#main article {
	display:inline-block;
	width:64.3%;
	background:#FFFFFF;
	vertical-align: top;
	margin:0em;
	padding:0em;
	text-align:center;
	
}

#main article img {
	max-width:600px;
/* 	box-shadow:0px 0px 10px -5px #4c4948;
	border-radius: 5px; */
	
    border-radius: 3px;
	box-shadow:5px 5px 5px -1px #4c4948;
}



#main aside {
	display:inline-block;
	width:31.7%;
	margin-left:3%;
	padding:0em;
	vertical-align:top;
}

#main aside section {
	margin-bottom:1.563em;
	background:#FFFFFF;
	border-bottom: 0.188em solid #E7590B;
	border-radius: 3px;
	box-shadow:5px 5px 5px -1px #4c4948;
}

#main article h2 {
	padding:1em 1.8em 1em 1.8em;
}

#main aside section ul {
	padding:0em 1.1em 1.25em 1.8em;
}
