/* Basics */
*, *:before, *:after {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;	
}
body, html {
/*   
    width:100%;
    */
}
body {
font-size:62.5%;
font-family:Verdana, Arial, sans-serif;
color:#333;
background:#F7F9E9;
background: #FEEFEC;
/* folgt: Option: Beschränkung auf minimale Desktop-Größe: */
/* min-width:960px; */
/* Ende Option */
}
body#startseite {

}
a:link, a:visited {
color:#a34934;
text-decoration:underline;	
}
a:hover, a:active {
color:#a34934;
text-decoration:none;	
}
p {
margin:0 0 1.5em 0;	
}
h1 {
font-size:1.6em;
color:#a34934;
margin:1.5em 0 1.5em 0;
font-weight:bold;
}
h2 {
font-size:1.4em;
color:#444444;
margin:1em 0 1em 0;
font-weight:bold;	
} 
h3 {
font-size:1.3em;
color:#444;
margin:1em 0 0.5em 0;
font-weight:bold;	
}
h4 {
font-size:1.2em;
color:#444;
margin:1em 0 0.5em 0;	
font-weight:bold;
}
h5 {
font-size:1.2em;
color:#444;
margin:1em 0 0em 0;    
font-weight:normal;
}
h6 {
font-size:1.2em;
color:#444;
margin:1em 0 0em 0;    
font-weight:normal;
}
/* Struktur */
#wrapper_out {
/* Beschränkung auf maximale Breite für gesamte Seite */
max-width:1200px;/* Elternelement für wrapper */
margin: 0 auto;
}
#wrapper {
background:#ffffff; /*  Grundfarbe für gesamten Inhaltsbereich) */
/* folgt: Standardeinstellung */
padding:0 2.5%; /* max. 2 x 30px / 1200, bezogen auf wrapper_out */
border:0;
/* max-width = 1200px - padding - border = 1140px, d.h. 5% für paddings + borders
Alternativ z. B. padding: 0 2% (2x24px), border: 0 6px (12px) ==> ebenfalls 60px, Bezug bleibt gleich; */
/* Ende Standardeinstellung */
padding:0 2%; /* 2 x 24px / 1200, bezogen auf wrapper_out */
border-left: 6px solid #cccccc;/* 6px */
border-right: 6px solid #cccccc; /* 6px */
/* ==> jetzt: 
100%-Bezug für alle weiteren Inhalte damit: max. 1140px (sofern zusammen 5% für paddings und borders);
1px damit jetzt = 100:1140 = 0,087719298245614% (minimal)
1% damit jetzt max. 11.4px 
bei 960px min-width: 5% = 48px, d.h. 912px für Inhalte mindestens, ==> 100%-Basis)
*/
}
/* Standard und derzeit Fallback */
#tag {
    float:left;
    font-size:1.4em;
    font-weight:bold;
    margin:1em 0 0.5em 1em;
}
#logo {
text-align:right;
margin:0;
width:26,315789472%;
height:auto;
}
#screen {
clear:left; /* wg. float-right f. #ersatz, um Logo Pseudo-klickbar zu machen */
background:#ffffff;
}
img {
max-width:100%;
height:auto;
border:0;	
}
#ersatz {
	/* Elternelement für Größe Ersatzbild */
width:10%; /* hier: 114px von 1140 */
float:right; /* um Logo Pseudo-klickbar zu machen */
}
#ersatzbild {
/* erzwingt Höhe für Logo-div, dadurch HG-Bild f. logodiv austauschbar */
max-width:100%;
height:auto;
border:0;	
}
#hauptnavi {
background:#ffffff;
float:left;
width:100%;
overflow-x:auto;
-webkit-overflow-scrolling: touch;
}
#hauptnavigation {
list-style-type:none;
margin:0;
padding:0;
width:1000px; /*  Wert für max-width bei horizontale Svrollnavi, ergibt sich aus Breite, bei der Navi gerde noch nicht umbricht!  */
/* ****************  anpassen! ************** */
}
#hauptnavigation li {
float:left;
padding:0 .2em;
}
#hauptnavigation a {
text-decoration:none;
font-size:1.4em;
font-weight:bold;
padding:1em 0.7em;
display:block;	
}
#hauptnavigation a:link  {
color:#777777;	
}
#hauptnavigation a:visited {
color:#777777;	
}
#hauptnavigation a:hover, #hauptnavigation a:active, #hauptnavigation a.mainaktiv {
color:#a34934;	
}
/* folgt: Hyperlink für Einblendung Subnavi */
#subtoggle {
width:100%;
height:40px;
float:left;	
}
.navopen {
background:#ffffff;	
}
.navclosed {
background:#ffffff;	
}
#togglehead {
font-size:1.6em;
color:#a34934;
font-weight:bold;
vertical-align:middle;	
}
#subnavibutton, #homebutton {
	/* Ausrichtung Beschriftung des Buttons */
vertical-align:middle;	
}
/* Ende Hyperlink für Einblendung Subnavi  */
#subnavi {
clear:left;
margin:1em 0 0.2em 0;
background:#777777;
text-align:center;
display:none;	
}
#subnavigation {
margin:0;
list-style-type:none;
padding: 0;	
display:block;	
}
#subnavigation li {
margin:0;
padding:0;
border-bottom:1px solid #ffffff;
font-size:1.2em;	
}
#subnavigation a {
text-decoration:none;
font-weight:bold;
display:block;	
padding:1em 1em;
}
#subnavigation a:link  {
color:#ffffff;	
}
#subnavigation a:visited {
color:#ffffff;		
}
#subnavigation a:hover, #subnavigation a:active, #subnavigation a.subaktiv {

}
#inhalt {
background:#ffffff;	
float:left;
}
#footer {
width:100%;
text-align:right;	
}
#fussnavi {
clear:both;
margin:1em 0;
background:#999999;
text-align:center;	
}
#fussnavigation {
margin:0;
list-style-type:none;
padding: 0;
}
#fussnavigation li {	
margin:0;
padding:0.6em 1em;
border-bottom:1px solid #ffffff;
font-size:1.2em;
}
#fussnavigation a {
text-decoration:none;
font-weight:bold;
display:block;	
}
#fussnavigation a:link  {
color:#ffffff;	
}
#fussnavigation a:visited {
color:#ffffff;		
}
#fussnavigation a:hover, #fussnavigation a:active {
color:#ffffff;	
}
h2.listheader {
font-size: 1.4em;	
}
/* Formular */
form {
	
}
p#fehler, p.fehler {
font-weight:bold;
color:#cc0033;
}
input, select, checkbox, textarea {
	border: 1px solid #ededed;
	font-size:1.2em;
}
input:hover,
input:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus,
option:hover,
option:focus {
	border: 1px solid #a34934;
}
fieldset {
width:100%;
	margin:2em 0;
	padding:0.5em;
}
legend {
	color:#a34934;
	padding:0.2em 0;
	font-weight:bold;
}
.formfeld {
margin-bottom:1em;	
}
.formfeld label, .formfeld input, .formfeld textarea {
    display: inline-block;
}
label, input, textarea {
width:100%;	
font-size:1.2em;
}
#infoformular input.error, #infoformular textarea.error  {
background:#fcfafa;
}
#infoformular label.error {	
z-index:2;
}
span.feedback, #infoformular label.error {
font-size:1.2em;
	color:#cc0033;
}
span.areafeedback {
	font-weight:bold;
	color:#cc0033;	
}
#sendebutton {
	
}
.schalter {
	background:#333333;
	border:2px solid #000000;
	color: #ffffff;
	width:100%;
	max-width: 16em;
}
.schalter:hover, .schalter:focus {
	background:#777777;
	border: 2px solid #000000;
	color: #ffffff;
}
/* Ende Formular */
/* *****************  Einträge ************************** */

/* ************************* Ende einträge ********************** */
/* Ende Inhaltsbereich */
@media screen and (max-width:599px) {
	/* HG-Farbe Subnavi-Hover/Aktiv mobil */	
#subnavigation a:hover, #subnavigation a.subaktiv {
background:#444444;	
}
/* HG-Farbe Fussnavi-Hover/Aktiv mobil */
#fussnavigation li {	
padding:0;
}
#fussnavigation a {
padding:0.6em 1em;	
}
#fussnavigation a:hover, #fussnavigation a:active, #impressum a#impressumlk, #datenschutz a#datenschutzlk {
background:#666666;	
}
	/* Subnavigation f. mobile */

/* Ende Subnavigation f. mobile */	
}
/*  Angaben für horizontale Scroll-Navi  */
@media screen and (max-width:999px) {	
	#hauptnavi {
		box-shadow: inset -16px 0 20px -16px black;	
	}	
}
@media screen and (min-width:600px) {
	#logo {	
            /*
	background:url(../bilder/Logo-Kombi_final.png) right top no-repeat;
	-moz-background-size:54.673913043% auto;
	-webkit-background-size:54.673913043% auto;
	-o-background-size:54.673913043% auto;
	background-size:54.673913043% auto;
    */	
	/* IE8 mit respond.js wertet dies aus, kann aber nicht sklalieren!  */
}
#footer {	
clear:left;
height:1px;
background:#ffffff;
}
#hauptnavi {
border-bottom:1px solid #cccccc;	
}
/* Subnavigation f. Desktop */
#subtoggle {
display:none;		
}
#subnavi {
float:left;
width:27%;	
margin:1em 0;
background:#ffffff;
text-align:left;
padding:8em 0 0.2em 0;
display:block;	
}
#subnavigation {
margin:0 0 0 1.7em;
list-style-type:square;
padding: 0;	
list-style-position:inline;
}
#subnavigation li {
margin:0;
padding:0.5em 0;
border-bottom:0;
color:#444444;
font-size:1.3em;	
}
#subnavigation a {
text-decoration:none;
font-weight:bold;
display:block;
padding:1em 0;	
}
#subnavigation a:link  {
color:#444444;	
}
#subnavigation a:visited {
color:#666666;		
}
#subnavigation a:hover, #subnavigation a:active, #subnavigation a.subaktiv {
color:#a34934;	
}
/* Ende Subnavigation f. Desktop */
/* Inhalt f. Desktop */
#inhalt {
float:left;
width:71%;
margin-left:2%;
padding:3em 0;	
}
h2.abschnitt {
display:inline;	
}
/* Ende Inhalt f. Desktop */
#fussnavi {
clear:left;
margin:0;
padding:1em 0;
background:#ffffff;
text-align:left;
border-top:1px solid #cccccc;	
}
#fussnavigation {
margin:0;
list-style-type:none;
padding: 0;
}
#fussnavigation li {	
margin:0;
padding:0 2em 0 0;
border-bottom:0;
font-size:1.1em;
float:left;
}
#fussnavigation a {
text-decoration:none;
font-weight:normal;	
}
#fussnavigation a:link  {
color:#777777;	
}
#fussnavigation a:visited {
color:#777777;		
}
#fussnavigation a:hover, #fussnavigation a:active {
text-decoration:underline;	
}
}
@media screen and (min-width:800px) {
/* greift bei body-min-width 960px) */
		#wrapper {
background:#ffffff;	
}	
#subnavi {
width:26%; /* 960px min-width:  912 x 0,26 = 237px */
margin:1em 0 0.2em 0;
}
#subnavigation li {
padding:0.5em 0;	
}
#subnavigation a {
padding:0.5em 0;	
}
#inhalt {
width:72%; /* 960px min-width:  912 x 0,72 = 656px */
margin-left:2%;	
}
/* Ende Subnavigation f. Desktop */
/* Inhalt f. Desktop */
/* Formular */
label {
width:30%;	
}
label.bmenge {
    width:22%;
}
input {
width:60%;	
}
input.bmenge {
    width:7em;
}
textarea {
width:60%;	
}
/* Ende Formular */	
}
@media screen and (min-width:960px) {
#wrapper {
background:#ffffff;    
}    
#subnavi {
width:26%; /* 237-296px */
margin:1em 0 0.2em 0;
}
#inhalt {
width:70.175438592%; /* 639-800px  */
margin-left:3.824561408%;    
}
#hauptnavi {

}
label.bmenge {
    width:18%;
}
}
@media screen and (min-width:1000px) {
 #hauptnavigation {
     width:auto;
 }   
}

/* slidesJS  */
	.slidesjs-container {		
		
		}
		.js-aus .mehrslide {
/* bei JS deaktiv: slides ausblenden  */
display:none;	
}
/* Ende slidesJS  */
/* Ende slidesJS  */
/* Akkordeon */
.akkordeon .volltext {
display:none;	
}
.js-aus .akkordeon .volltext {
display:block;	
}
.geklickt {
display:none;	
}
.mehrlink {
color:#587A01;
text-decoration:underline;
cursor:pointer;	
}
.js-aus .mehrlink {
display:none;	
}
/* Ende Akkordeon */