@charset "utf-8";  /*** UTF Kodierung erspart Sonderzeichenkodierung ***/

html {height: 100%; padding-bottom: 1px;}

body {
margin:0; 
padding: 0;
width: 100%;
height: 100%;
background-color: #d9dbd8;
font-family: 'Open Sans', Arial, sans-serif;
}

img {
border: none;
}

/* Markierfarbe hinter Text */

::-moz-selection {
  background: #c8e0d0;
  color: #000;
  text-shadow: none;
}
::selection {
  background: #c8e0d0;
  color: #000;
  text-shadow: none;
}

/**** Link im Text ****/

a, a:visited {
color:#0ec84c;
text-decoration: none;
}
a:hover {
color: #2d7648;
text-decoration: underline;
}
a:active, a:focus {
outline:0;
}

/********/

#wrapper {
position:relative;
margin-left: auto;
margin-right:auto;
width: 100%;
max-width: 950px;
min-height: 750px;
}

#header {
	padding: 0;
	height: auto;
	min-height: 120px;
	background: #03a15c;
	margin-bottom: 12px;
}
#header img{
margin-top: 0;
float: left;
	width: 100%; 
	max-width: 620px;
	min-width: 280px;
}

#content {
margin: 0;
padding: 0;
max-width: 950px;
background: #transparent;
height: 500px;
}

/** Hauptnavigation = Menue **/

.menue {
padding: 6px 0 6px 30px;
margin: 0 0 75px 0;
height: auto;
width: 100%;
background: #03a15c;
}
.menue a {
	padding: 0 0 8px 30px;
	margin: 0;  
    color: #000;
	font-size: 1.15em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	line-height: 1.4em;
    text-decoration: none;
}
.menue a:hover {
    color: #fff;
	font-weight: 600;
    text-decoration: none;
}
.menue a.current {
    margin: 0;  
	padding: 0 0 8px 30px;
	font-size: 1.15em;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	font-weight: 600;
	line-height: 1.4em;
    text-decoration: none;
}
.menue a.current:hover {
    color: #fff;
	font-weight: 600;
	text-decoration: underline;
}

/**** Inhalte einspaltig und zweispaltig ****/

.inhalt {
margin: 0 0 10px 0;
padding: 20px 10px 30px 30px;
min-height: 400px;
background: #fff;
}

h1 {
margin:0;
padding: 20px 0 5px 0;
font-size: 1.9em;
color: #2e7646;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
}

h2 {
margin: 25px 0 10px 0;
font-size: 1.5em;
font-weight: 600;
color: #27362c;
font-family: 'Open Sans', sans-serif;
}

h3 {
margin: 25px 0 0 0;
padding: 6px;
background: #c8e0d0;
font-size: 1.2em;
color: #27362c;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
}

p {
margin: 0;
padding: 10px 10px 10px 0;
font-size: 0.8em;
color: #212a1e;
line-height: 1.5em;
}

.einleitung {
font-weight: 600;
}

.pdf_link {
position: relative;
top: -10px;
padding: 0 0 0 10px;
}

strong { font-weight: 600;}
em { font-style: italic;}

.spalt1 {
float: left;
margin-right: 4%;
padding-top: 30px;
max-width: 325px;
}
.spalt1 img {
float: left;
max-width: 3px;
padding:0;
margin:0;
}

.spalt_produkt {
float: left;
margin-right: 1.9%;
max-width: 210px;
}

.spalt_produkt img {
float: left;
max-width: 210px;
padding:0;
margin:0;
}

.spalt2 {
padding: 0;
}

.clear { clear: both;}


/*** footer ***/
.footer{
clear: both;
margin: 0;
padding: 0;
width: 100%;
text-align: center;
}

.footinfo {
max-width: 950px;
margin-left: auto;
margin-right: auto;
padding: 20px 10px;
font-size: 0.8em;
color: #fff;
background: #27362c;
font-family: 'Open Sans', sans-serif;
}

a.unten, a.unten:visited {
color:#46ca70;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
}
a.unten:hover {
color: #fff;
text-decoration: underline;
font-weight: 600;
}

/* smartphones in landscape mode */
@media screen and (min-width: 280px) {
.menue { margin: 90px 0 0 0; padding-left: 0;}
.menue a, .menue a:hover, .menue a.current { display: block; font-size: 1em;}
#header img { margin-top: 20px;}
.spalt1 { padding-top: 15px; max-width: 280px;}
.spalt1 img { max-width: 280px;}
.spalt_produkte { padding-top: 15px; max-width: 280px;}
.spalt_produkte img { max-width: 280px;}
.spalt2 { float: left; max-width: 100%; padding: 0;}
}

/* tablets schmal */
@media screen and (min-width: 620px) {
.menue { margin: 0 0 75px 0; padding-left: 0;}
.menue a, .menue a:hover, .menue a.current { display: inline; font-size: 1em;} 
#header img { margin-top: 0;}
.spalt1 { float: left; padding-top: 30px;}
.spalt_produkte { float: left; padding-top: 30px;}
.spalt2 { float: left; max-width: 50%; padding: 0;}
}

/* laptop und pc monitor */
@media screen and (min-width: 950px) {
.menue { margin: 0 0 75px 0; padding-left: 0;}
.menue a, .menue a:hover, .menue a.current { display: inline; font-size: 1.15em;} 
#header img { margin-top: 0;}
.spalt1 { float: left; width: 325px;}
.spalt_produkte { float: left; width: 210px;}
.spalt2 { float: left; max-width: 63%; padding: 0;}
}