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

body
{
	padding: 20px 0 0 0;
	font-family: Arial, sans-serif;
	background-color: #ffffff;
}
div#headerimage
{
	width: 100%;
	border-top: solid 8px #00577e;
	padding-top: 20px;
	}

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#bottomText
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #669900;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	padding: 15px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #333333;
	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: 30px;
	margin-bottom: 40px;
	width: 102%;
	}

.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: 1.2em;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	
}

header{
	background-color: #669900;
	width:80px; 
	height:40px; 
	position: fixed;
	top:10px;
	z-index:1000000; 
}
.glyphicon-home{
  color:white; 
  font-size:1.5em; 
  margin-top:5px; 
  margin:0 auto;
}

.hamburger {
 	background-color: #669900;
	width:80px; 
	height:50px; 
    top: 0;
    left: 0;
    line-height: 20px;
    padding: 9px 15px 0px 15px;
    border: 0;
    font-size: 1em;
    font-weight: bold;
    cursor: pointer;
    outline: none;
    z-index: 10000000000000;
}
.cross{
	background-color: #669900;
	width:80px; 
	height:50px; 
  top:0;
  left:0;
  line-height:20px;
  padding:9px 15px 0px 15px;
  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:50px;}
.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:#669900;}
.naviM ul li a:hover {  color: #669900; text-decoration:none;}
.naviM a{text-decoration:none; color:#669900;}
.naviM a:hover{text-decoration:none; color:#666;}

.bildrechts {
	margin-top: 30px;
	margin-bottom: 30px;
	border: 0px;
	width:100%; 
    height:auto; 
}
.bildlinks {
	margin-top: 30px;
	margin-bottom: 30px;
	border: 0px;
	width:100%; height:auto; 
}
h1 {
    font-family: times, serif;
	font-size: 1.6em;
    color: #669900;
    font-weight: normal;
    text-decoration: none;
    font-style: italic;
}
h2 {
    font-family: times, serif;
	font-size: 1.4em;
    color: #669900;
    font-weight: normal;
    text-decoration: none;
    font-style: italic;
}
h3 {
    font-family: times, serif;
	font-size: 1.3em;
    color: #669900;
    font-weight: normal;
    text-decoration: none;
    font-style: italic;
}
h4 {
    font-family: times, serif;
	font-size: 1.2em;
    color: #669900;
    font-weight: normal;
    text-decoration: none;
    font-style: italic;
}
p {
    font-weight: normal;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.6em;
	margin-left: 0px;
}
#Inhalte li {
	color: #000000;
	margin-bottom: 5px;
	margin-left: -20px;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
a:link {
	color: #669900;
	text-decoration: none;
}
a:visited {
	color: #669900;
	text-decoration: none;
}
a:hover {
	color: #4c5256;
	text-decoration: none;
}
.imp:link {
	color: #00577e;
	text-decoration: none;
}
.imp:visited {
	color: #00577e;
	text-decoration: none;
}
.imgref {
	padding-bottom: 2em;
	padding-top: 2em;
	border-bottom: 0.2em solid #d2d5dc;
}
.background {
	display: none;
}
div#telMobile :link {
    position: fixed;
    width: 100%;
    top: 0px;
    font-family: Arial, sans-serif;
    font-size: 1.4em;
    color: #FFFFFF;
    text-decoration: none;
    z-index: 1001;
    background-color: #669900;
    padding-top: 20px;
    padding-bottom: 0px;
    font-style: italic;
    font-weight: bold;
    text-align: center;
	height: 2em;
}
.phon{
    width:100%;}

div#tel :link
{
	display: none;
}
div#karte1 :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 #00577e;
	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;
	}
.infobox3Text {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
	}
.Info100 {
	width:100%;
}
div#info{ 
padding:0 10px 2px 15px;	}
.textCentered {
    text-align: center;
}
.TextRed {
	color: #d32218;
}
.noPic {
	display: none;
}
.galerie
{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	margin-bottom: 20px;
	}
.galerieBild { 
	width:100%; 
	margin-bottom: 20px;
	}
.buffet {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    color: #000000;
    font-weight: normal;
    text-align: center;
}
.fiftypercent {
    opacity: 0.5;
}