/* Ausgleichs-CSS */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block;}
audio, canvas, video { display: inline-block;}
audio:not([controls]) {
   display: none;
   height: 0;
   }
[hidden] { display: none;}
html {
   font-family: sans-serif; /* 1 */
   -ms-text-size-adjust: 100%; /* 2 */
   -webkit-text-size-adjust: 100%; /* 2 */
   }
body { margin: 0;}
a:focus { outline: thin dotted;}
a:active, a:hover { outline: 0;}
h1 {
   font-size: 2em;
   margin: 0.67em 0;
   }
abbr[title] { border-bottom: 1px dotted;}
b, strong { font-weight: bold;}
dfn { font-style: italic;}
hr {
   -moz-box-sizing: content-box;
   box-sizing: content-box;
   height: 0;
   }
mark {
   background: #ff0;
   color: #000;
   }
code, kbd, pre, samp {
   font-family: monospace, serif;
   font-size: 1em;
   }
pre { white-space: pre-wrap;}
q { quotes: "\201C" "\201D" "\2018" "\2019";}
small { font-size: 80%;}
sub, sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
   }
sup { top: -0.5em;}
sub { bottom: -0.25em;}
img { border: 0;}
svg:not(:root) { overflow: hidden;}
figure { margin: 0;}
fieldset {
   border: 1px solid #c0c0c0;
   margin: 0 2px;
   padding: 0.35em 0.625em 0.75em;
   }
legend {
   border: 0; /* 1 */
   padding: 0; /* 2 */
   }
button, input, select, textarea {
   font-family: inherit; /* 1 */
   font-size: 100%; /* 2 */
   margin: 0; /* 3 */
   }
button, input { line-height: normal;}
button, select { text-transform: none;}
button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] {
   -webkit-appearance: button; /* 2 */
   cursor: pointer; /* 3 */
   }
button[disabled], html input[disabled] { cursor: default;}
input[type="checkbox"], input[type="radio"] {
   box-sizing: border-box; /* 1 */
   padding: 0; /* 2 */
   }
input[type="search"] {
   -webkit-appearance: textfield; /* 1 */
   -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box; /* 2 */
   box-sizing: content-box;
   }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
   }
textarea {
   overflow: auto; /* 1 */
   vertical-align: top; /* 2 */
   }
table {
   border-collapse: collapse;
   border-spacing: 0;
   }

/* Standard-CSS für Screen-Darstellung */
   
body {
	font-family: Arial, sans serif;
	background-color: #ffffff;
	font-size: 100%;
	}
img {
	max-width: 100%;
	height: auto;
	}	
#mantel {
	margin: 15px auto;
	padding: 0;	
	min-width: 240px;
	width: 98%;
	max-width: 1200px;
	color: #915521;
	background: url(hg-titel.jpg) repeat-x #ffffff;
	}   
a {
   font-weight: bold;
   text-decoration: none;
   font-size: 1em;
   color: #915521;
   background-color: #ffffff; 
   border-bottom: 1px solid #915521;
   }
a:visited {
   font-weight: bold;
   text-decoration: none;
   font-size: 1em;
   color: #0d6825;
   background-color: #ffffff; 
   border-bottom: 1px solid #0d6825;
   }
a:hover, 
a:focus, 
a:active {
   font-weight: bold;
   text-decoration: none;
   font-size: 1em;
   color: #ffb500;
   background-color: #ffffff; 
   border-bottom: 1px solid #ffb500;
   }   	
a.bild {
   text-decoration: none;
   background-color: transparent; 
   border: 0;
   }
a.bild:visited {
   text-decoration: none;
   background-color: transparent; 
   border: 0;
   }
a.bild:hover, 
a.bild:focus, 
a.bild:active {
   text-decoration: none;
   background-color: transparent; 
   border: 0;
   }      
#title {
   margin: 0;
   padding: 0;
   width: 100%;
   height: 16.666666%;   
   text-align: center;
   }  
#title  #logo {
	float: left;
	margin: 2px 10% 0 10%;
	min-width: 240px;
	max-width: 100%;
	height: auto;
	background-color: transparent;
	text-align: center;
	}
#title  #traurig {
	float: left;
	margin: 18px;
	max-width: 25%;
	height: auto;
	background-color: transparent;
	}
#title  #lachend {
	float: left;
	margin: 18px;
	max-width: 25%;
	height: auto;
	background-color: transparent;
	}	
.logo {
	max-width: 100%;
		}   
#title  #logo h1 {
   margin: 0;
   padding: 0;
   font-size: 100%;  
   }     
#title  #slogan {
	float: right;
	margin: -5% 0 0 0;
    min-width: 240px;
    max-width: 50%;
    height: auto;
    text-align: right;
	color: #0d6825;
    background-color: transparent;
    }   
#title  #slogan h2 {
   margin: 0;
   padding: 0;
   text-align: right;
   font-size: 110%;
   font-family: Arial;
   }    
#naviquer {
   float: left;
   margin: 1.5% 0 0 0;
   padding: 0;
   width: 100%;
   height: auto;
   }  
#naviquer ul {   
   float: left;
   margin: 0;
   padding: 0;  
   width: 100%;
   height: auto;
   display: inline;
   list-style-type: none;   
   } 
#naviquer li.active {  
   float: left;
   margin: 0.4% 0.4% 0.4% 0;   
   width: 16.833333%;
   height: auto;
   display: block;
   color: #0d6825;
   background-color: #ffb500; 
   border: 1px solid #ffb500;   
   }
#naviquer a.active {
   font-weight: bold;
   padding: 5%;
   text-decoration: none;
   font-size: 1.1em;
   display: block;
   color: #0d6825;
   background-color: #ffb500; 
   border: 0;
   }

#naviquer a.active:hover, 
#naviquer a.active:focus, 
#naviquer a.active:active {
   font-weight: bold;
   padding: 5%;
   text-decoration: none;
   font-size: 1.1em;
   display: block;
   color: #ffb500;
   background-color: #0d6825;
   border: 0;
   }   
#naviquer li.inactive {  
   float: left; 
   margin: 0.4% 0.4% 0.4% 0;  
   width: 16.833333%;
   height: auto;
   display: block;
   color: #ffb500;
   background-color: #915521;   
   border: 1px solid #915521;
   }  
#naviquer a.inactive  {
   font-weight: bold;
   padding: 5%;
   text-decoration: none;
   font-size: 1.1em;
   display: block;
   color: #ffb500;
   background-color: #915521;
   border: 0;
   }
#naviquer a.inactive:visited {
   font-weight: bold;
   padding: 5%;
   text-decoration: none;
   font-size: 1.1em;
   display: block;
   color: #ffb500;
   background-color: #915521;
   border: 0;
   }
#naviquer a.inactive:hover, 
#naviquer a.inactive:focus, 
#naviquer a.inactive:active {
   font-weight: bold;
   padding: 5%;
   text-decoration: none;
   font-size: 1.1em;
   display: block;
   color: #0d6825;
   background-color: #ffb500; 
   border: 0;
   }   
#inhalt {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%; 
	min-height: 150px;
	height: auto;      
	}  
  
#text {
	float: left;
	margin: 0;
	padding: 0.5% 0 0.5% 0;
	width: 76%;  
	height: auto;
   }  
abbr.ueberschrift {
  color: #0d6825;
   background-color: #ffffff;
   }   
#text ul {
   margin-left: 10px;
   list-style-type: disc;
   color: #0d6825;
   background-color: #ffffff;
   }
#text li {
   margin-left: 10px;
   list-style-type: disc;
   color: #0d6825;
   background-color: #ffffff;
   }
#text h3 {
   font-size: 130%;
   color: #0d6825;
   background-color: #ffffff;
   }
#text h4 {
   font-size: 115%;
   color: #0d6825;
   background-color: #ffffff;
   }   
#text p {
   font-size: 107.5%;
   color: #915521;
   background-color: #ffffff;
   }    
#text span.given-name, #text span.family-name, #text span.postal-code, #text span.locality, #text span.tel, #text span.value  {
   display: inline;
   }   
#text span.fn org, #text span.adr, #text span.street-address, #text span.email  {
   display: block;
   }   
#spalte {
	float: right;
	margin: 0;
	padding: 0.5% 0 0.5% 1%;
	width: 23%; 
	height: auto;   
	}  
h3.spalte {
	font-size: 130%;
	color: #0d6825;
	background-color: #ffffff;
	text-align: right;
   }
	
div.spalte {
   float: left;
   margin: 2%;
   padding: 2%;
   width: 94%;
   text-align: left;
   color: #0d6825;
   border: 1px dotted #ffb500;
   } 
figure.spalte {
   float: left;
   margin: 0;
   padding: 1%;
   width: 98%;
   text-align: left;
   }   
h4.spalte {
   float: left;
   margin: 1% 2%;
   padding: 1%;
   width: 92%;
   text-align: left;
   font-size: 115%;
   color: #0d6825;
   background-color: #ffffff;
   }    
p.spalte {
   float: left;
   margin: 1% 2%;
   padding: 1%;
   width: 92%;
   text-align: left;
   }     
#fusszeile {
	clear: both;
	margin: 0;
	padding: 0.2% 0;
	width: 98%;  
	height: auto;
	}   
#fusszeile p {
   float: left;
   margin: 0;
   padding: 1%;
   width: 100%;
   text-align: left;
   }
#fusszeile span {
   margin: 0.1%;
   }   
#fusszeile.vcard  {
   float: left;
   width: 100%;
   }   
   
.clear {
	clear: both;
	}

	
@media screen and (max-width:540px) {	
#mantel {
	margin: 15px auto;
	padding: 0;	
	min-width: 240px;
	width: 98%;
	max-width: 1200px;
	color: #915521;
	background: #ffffff;
	}   
#naviquer li.active {  
   float: left;
   margin: 0.4% 0.4% 0.4% 0;   
   width: 49%; /*16.833333%;*/ 
   }
#naviquer li.inactive {  
   float: left;
   margin: 0.4% 0.4% 0.4% 0;   
   width: 49%; /*16.833333%;*/ 
   }   
#text {
	float: left;
	margin: 0;
	padding: 0.5% 0 0.5% 0;
	width: 99%;  
	height: auto;
   } 
#spalte {
	float: right;
	margin: 0;
	padding: 0.5% 0 0.5% 1%;
	width: 99%; 
	height: auto;   
	}
   
}