/*
EM - PX zum kopieren oder nachschauen
10px = 0.6em
12px = 0.76em
14px = 0.9em
16px = 1.0em
18px = 1.12em
22px = 1.38em
26px = 1.63em
*/

/* FADER */
.fader { 
position: relative; 
display: inline-block; 
} 
.fader img { 
vertical-align: top; 
width:100%; /* neu */
height:auto; /* neu */
} 
.fader img.next { 
position: absolute; top: 0; left: 0; 
}
/* ENDE FADER */

html {
	height:100%;
}
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 100.01%;
	color: #55575b;
	background-color: #a7a7a9;
	font-family: Arial, Helvetica, sans-serif;
	overflow-y: scroll;
}

table { width:100%; }
h1, .menu {
	font-size: 1.12em;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-weight: normal;
}
h1 {
	color: #000;
}
.start h1 {
	color: #51a40e;
}
h2 {
	font-weight: bld;
	font-size: 0.96em;
	letter-spacing: 0em;
}
ul li {
	list-style-type: none;
	text-indent: -1em;
}
ul li:before  {
  content: "✓ ";    
  color: #51a40e;
}
li span {
	color: #55575b;
}
table img, .gallerie img {
	border: 1px solid #999999;
}
table h2 {
	padding-top:16px;
}
tr, .datenschutzerklaerung p, .datenschutzerklaerung li {
	vertical-align: top;
	font-size: 0.8em;
	line-height: 120%;
}
tr h2 {
	font-size: 1.2em;
	line-height: 140%;
}
input, textarea {
	border: 1px none #999999;
	background-color: #eeeeee;
	padding-right: 5px;
	padding-left: 5px;
}
input {
	height: 25px;
}
input.senden {
	cursor:pointer;
}
a, a:link, a:visited {
	color: #51a40e;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}
a.menu, a.menu:link, a.menu:visited {
	font-size: 0.8em;
	color: #FFF;
	text-decoration: none;
	background-color: #275800;
	display: block;
	padding-left: 35px;
	font-weight: normal;
	margin-bottom: 1px;
	padding-top: 1px;
	padding-bottom: 2px;
	background-image: url(img/menu_blank.gif);
	background-repeat: repeat-y;
	background-position: left top;
	height: 22px;
}
a.submenu, a.submenu:link, a.submenu:visited {
	font-size: 0.65em;
	line-height: 17px;
	margin-top: -1px;
	padding-top: 0px;
	padding-bottom: 1px;
	height: 16px;
}
a.menu:hover, a.menu:active, .start a.menu.start, .team a.menu.team, .kompetenzen a.menu.kompetenzen, .referenzen a.menu.referenzen, .kontakt a.menu.kontakt, .gesetze a.menu.gesetze, .gesetze a.menu.gesetze2, .gesetze2 a.menu.gesetze, .gesetze2 a.menu.gesetze3 {
	background-color: #51a40e;
	background-image: url(img/menu_haken.gif);
	-webkit-transition: background 0.25s ease-in-out;
	-moz-transition: background 0.25s ease-in-out;
	-ms-transition: background 0.25s ease-in-out;
	-o-transition: background 0.25s ease-in-out;
	transition: background 0.25s ease-in-out;
}
a.submenu:hover, a.submenu:active, .gesetze a.submenu.gesetze2, .gesetze2 a.submenu.gesetze3 {
	background-color: #468e0c;
	background-image: url(img/menu_punkt.gif);
}

.start a.menu.start, .team a.menu.team, .kompetenzen a.menu.kompetenzen, .referenzen a.menu.referenzen, .kontakt a.menu.kontakt, .gesetze a.menu.gesetze {
	cursor: default;
}
#container {
	position: absolute;
	box-sizing: border-box; 
	background-color: #FFF;
	width: 966px;
	left: 50%;
	margin-left: -483px;
	min-height: 100%;
	font-size: 0.95em;
	line-height: 150%;
	-webkit-box-shadow: 0 0 20px 0 #707070;
	box-shadow: 0 0 20px 0 #707070;
}
#menuspalte {
	position: fixed;
	left: 50%;
	margin-left: -483px;
	top: 0;
	background-image: url(img/transparenz.png);
	background-repeat: repeat;
	height: 100%;
	width: 242px;
}
#content {
	position:relative;
	margin-right: 56px;
	margin-left: 300px;
	margin-top: 32px;
	margin-bottom: 32px;
	box-sizing: border-box;
}
#impressum {
	position: absolute;
	left: 35px;
	bottom: 32px;
	font-size: 0.8em;
}
#grauerbalken {
	width:966px;
	height:129px;
	background-color:#efefed;
}
.logo2 {
	position: absolute;
	top: 8px;
	right: 8px;
}
.start .logo, .start .logo2 {
	position:relative;
	top:auto;
	right:auto;
	margin-top: 137px;
	margin-left: 20px;
}
.start .logo2 {
	margin-top: 17px;
}
.team table img {width:100%;height:auto;max-width:169px;}
.download {
	font-size: 0.8em;
}
.icon {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.gallerie {
	display: flex;
	flex-wrap: wrap;
  }
.gallerie img {
  width:30.5%;
height:auto;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  margin: 0 8px 8px 0;
  box-sizing: border-box; 
}

.gallerie img.zweispaltig {
  width:47.5%;
}

@media all and (max-width: 965px) {
	#container {
	position: relative;
	background-color: #FFF;
	width: 100%;
	left:auto;
	margin-left:auto;
	-webkit-box-shadow:none;
	box-shadow:none;
}
	#menuspalte {
	position: fixed;
	left:auto;
	margin-left:auto;
	top: 0;
	background-image: url(img/transparenz.png);
	background-repeat: repeat;
	height: 100%;
	width: 242px;
}
.start .logo2 {
	-webkit-filter: drop-shadow(0px 0px 20px #FFF);
	filter: drop-shadow(0px 0px 20px #FFF);
	}
/*td, th {
	display: block;
	margin-right:10px;
	float:left;
	width:190px;
	min-height:280px;
	}
	td[colspan="3"] {
		width:100%;
		min-height:20px;
		clear:both;
		}*/
}
@media all and (max-width: 680px) {
	#menuspalte {
	position:relative;
	left:0;
	margin-left:auto;
	top: 0;
	height:auto;
	width: 100%;
	background-color:#efefed;
	background-image:none;
	padding-bottom:1px;
}
#menuspalte .logo2 {
	position: absolute;
	top: -145px;
	left:0px;
}
#grauerbalken .logo2 {
	position: absolute;
	top: 10px;
	left:19px;
}
#impressum {
	position: fixed;
	padding-left: 35px;
	left:0px;
	bottom: 0px;
	font-size: 0.8em;
	background-color:#efefed;
	display:block;
	width:100%;
    z-index: 99;
}
#content {
	margin-right: 32px;
	margin-left: 35px;
	margin-top: 32px;
	margin-bottom: 32px;
}
}