@charset "utf-8";
/* CSS Document */

body
{
	padding: 20px 0 0 0;
	font-family: Arial, sans-serif;
	border-top: solid 10px #00803c;
}

div#mainbox
{
	width: 100%;
	text-decoration: none;
	background-image: url(../grafik/blank.gif);
	}

div#top
{
	width: 100%;
}

div#zweispaltig
{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	margin-bottom: 20px;
	}
	
div#Textspalte
{
	width: 100%;
	}

div#fusszeile
{
	display: none;
}


div#imprint a
{
	color: #00803c;
	width: 100%;
	white-space: pre-wrap;
	margin-bottom:10px;
	height:50px;	
}
div#imprint a:hover
{
	color: #91B1C3;
	width: 100%;
}
div#bottomText
{
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #485156;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	padding: 15px;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #00803C;
	width: 95%;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.bottomText:link
{
	color: #d1d7da;
}
.bottomText:visited
{
	color: #d1d7da;
}
.bottomText:hover
{
	color: #fff;
}

.Teasermobile {
	position: relative;
	top: 20px;
	margin-bottom: 40px;
	width: 100%;
	}
.Teasertablet {
	display: none;
	}
	
.TeaserText {
	display: none;
}
div#inhalte {
	width: 96%;
	border: 1px solid grey;
	border-radius:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	margin:5px;
}
.InhaltText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	
}

header{
	width:50px; 
	background:#f1f1f1; 
	height:50px; 
	border-bottom:1px solid #dddddd;
	position: fixed;
	z-index:1000000; 
}
.glyphicon-home{
  color:white; 
  font-size:1.5em; 
  margin-top:5px; 
  margin:0 auto;
}

.hamburger {
  background:#f1f1f1; 
  top:0;
  left:0;
  line-height:40px;
  padding:9px 15px 0px 15px;
  color:#999;
  border:0;
  font-size:1.4em;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.cross{
  background:#f1f1f1; 
  top:0;
  left:0;
  line-height:40px;
  padding:9px 15px 0px 15px;
  color:#999;
  border:0;
  font-size:1.4em;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}

.naviclassisch {
	display: none;
}

.naviM {z-index:1000000; font-weight:normal; font-size:1.0em; width:90%; background:#f1f1f1; text-align:left; position: fixed; top:60px;}
.naviM ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.naviM li {display: block;   padding:5px 0px 5px 0px; border-bottom:#dddddd 1px solid;}
.naviM li:hover{display: block;    background:#ffffff; padding:5px 0px 5px 0px; border-bottom:#dddddd 1px solid;}
.naviM ul li a { text-decoration:none;  margin: 0px; color:#666;}
.naviM ul li a:hover {  color: #666; text-decoration:none;}
.naviM a{text-decoration:none; color:#666;}
.naviM a:hover{text-decoration:none; color:#666;}

.bildrechts {
	margin-top: 30px;
	margin-bottom: 30px;
	border: 0px;
	width:100%; height:auto; 
}
.bildrechts320 {
	float: right;
	height: 360px;
	margin-bottom: 5px;
	margin-left: 30px;
	width:100%; height:auto; 
}
.bildrechtsOhne {
	float: right;
	margin-bottom: 5px;
	margin-left: 30px;
	width:100%; height:auto; 
}
.bildlinks {
	margin-top: 30px;
	margin-bottom: 30px;
	border: 0px;
	width:100%; height:auto; 
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #00803c;
	text-decoration: none;
	font-weight: normal;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #00803c;
	text-decoration: none;
	font-weight: normal;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #00803c;
	text-decoration: none;
	font-weight: normal;
}
p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.6em;
	margin-left: 0px;
}
a:link {
	color: #00803c;
	text-decoration: none;
}
a:visited {
	color: #00803c;
	text-decoration: none;
}
a:hover {
	color: #4c5256;
	text-decoration: none;
}
.imp:link {
	color: #00803c;
	text-decoration: none;
}
.imp:visited {
	color: #00803c;
	text-decoration: none;
}
.Refrechts {
	width: 100%;
}
.bildRef {
	height: 120px;
	margin: 0px;
	border: 0px solid #fff;
}
.imgref {
	padding-bottom: 2em;
	padding-top: 2em;
	border-bottom: 0.2em solid #d2d5dc;
}
.background {
	display: none;
}
div#telMobile :link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #00803c;
	text-decoration: none;
	float: right;
}
div#tel :link
{
	display: none;
}

.refDel {
	display: none;
}
div#neuigkeiten
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	width: 100%;
	text-decoration: none;
	border: 2px solid #00803C;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #e5f2eb;
	}
div#infoboxen
{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	}
	
.infobox { 
	width:100%; 
	margin-bottom: 20px;
	}
.Info100 {
	width:100%;
}
div#info{ 
padding:0 10px 2px 15px;	}

div#Inhalte li{
	list-style-image: url(../images/bulletpoint.png);
	margin-left:-20px;
}
.teaserbox {
	color: #fff;
	border: 2px solid #00803c;
	padding: 10px;
	background-color: #00803c;
	font-weight: bold;
	}
.teaserbox:link {
	color: #fff;
	border: 2px solid #00803c;
	padding: 10px;
	background-color: #00803c;
	font-weight: bold;
	}
.teaserbox:visited {
	color: #fff;
	border: 2px solid #00803c;
	padding: 10px;
	background-color: #00803c;
	font-weight: bold;
	}
.teaserbox:hover {
	color: #00803c;
	background-color: #fff;
	font-weight: bold;
	}