html {}

body { padding:0px; font:14px/24px 'Open Sans', sans-serif;}

#alles { max-width: 1170px; margin: 0 auto; }

#siteheader {background-color:#FFF; margin-top:0; }

.headerlogo { text-align:left;  float:left; }
.headerflagge{text-align:right; padding-top:2%}

.clearfloat { clear:both; }

h1 { text-decoration:underline; margin-bottom:50px; margin-top:50px; font-size:2em; color:#443286; font-weight:normal;}
#siteinhalt { background-color:#FFF; margin-top:0; border:#03C thin 0px; margin-bottom:25px; }

#siteinhalt .seiteTitel { font : 4em;}

.lBOX {border:#009 thin inset; max-width:350px; float:left; margin-right: 15px; margin-bottom: 25px; height:650px; }
.lBOXtitle { padding:5px 5px; background-color:#443286; color:#FFF; font-weight:bold;}
.lBOXimage img{ width:100%; max-width:350px;}
.lBOXtext {}

.maBOX {border:#009 thin inset;  margin-bottom: 25px; height:204px; clear:both; }
.maBOXtitle { padding:5px 5px; background-color:#443286; color:#FFF; font-weight:bold;}
.maBOXimage img{ width:100%; max-width:170px; float:left; margin-right:25px;}
.maBOXtext {}

.kontakt_inhalt{ border:thin solid #FFF;}
.kontakt_inhalt_links{ width:50%; float:left; border:thin solid #fff; height:850px;}
.kontakt_inhalt_rechts{ border:thin solid #FFF;  height:850px;}

.goglemap {width:100%; border:none;}

/**************************************************************
		Formular
***************************************************************/
.label {
	font-size: 12px;
	font-weight: normal;
	color: #000000;	
}
.label_fehler {
	font-size: 12px;
	font-weight: normal;
	color: #FF0000;	
}
.erfolgstext {
	font-size: 12px;
	font-weight: normal;
	color: #006600;	
}
.fehlertext {
	font-size: 12px;
	font-weight: normal;
	color: #FF0000;	
}
.textfeld {
	font-size: 12px;
	border: 1px solid #000000;
	height: 15px;
	background-color: #F5F5F5;
}
.textarea {
	font-size: 12px;
	border: 1px solid #000000;
	background-color: #F5F5F5;
	
	/*     Scrollbars für IE     */
	scrollbar-base-color:#8C8CC6;
	scrollbar-3d-light-color:#FFFFFF;
	scrollbar-arrow-color:#000000;
	scrollbar-darkshadow-color:#CCCCCC;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#000000;
	scrollbar-track-color:#CCCCCC;
}
.button {
	font-size: 12px; 
	font-weight: bold;
	border: 1px solid #000000;
} 
.gobutton {
	font-size: 12px; 
	font-weight: bold;
	border: 1px solid #000000;
	width: 40px;
	height: 18px;
}

@media screen and (max-width:480px) {
	.headerlogo img {width:99%;}
	#siteinhalt { width:99%; font-size:18px;}
}

@media screen and (max-width:720px) {
	#siteinhalt { width:99%; font-size:16px;}
}


@media (min-width: 750px) and (max-width: 1116px) {
	.lBOX {border:#f09 thin inset; max-width:350px; float:left; margin-right: 45px; margin-bottom: 25px; height:650px; }
}
@media (min-width: 768px) and (max-width: 979px) {

}
@media (max-width: 767px) {

}


@media (max-width: 479px) {

}



/* Main menu styles
========================================================*/

/*========================================================*/

/* Main menu styles
========================================================*/
nav { float: none; display: block; }
ul.topnav { list-style-type: none; margin: 0; padding: 0; overflow: hidden;  background-color: #fff; }
ul.topnav li {float: left;}
ul.topnav li a { display: inline-block; color: #443286; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 20px; }
ul.topnav li a:hover {background-color: #fff; color:#000;}

ul.topnav li.icon {display: none;}

@media screen and (max-width:825px) {
	ul.topnav { border:solid 1px #443286;}
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon { float: right; display: inline-block; }
}

@media screen and (max-width:825px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon { position: absolute; right: 0; top: 0; }
  ul.topnav.responsive li { float: none; display: inline; }
  ul.topnav.responsive li a { display: block; text-align: left; }
}


/*========================================================
										FOOTER styles
=========================================================*/
#footer {
  background: #443286;
  padding: 100px 0 0;
  color: #000000;
}
#footer a {
  color: inherit;
}
#footer a:hover {
  text-decoration: underline;
}
#footer .copyright {
  text-align: center;
}
#footer .copyright .btn {
  width: 94px;
  height: 94px;
  line-height: 94px;
  font-size: 60px;
  color: #423e3e;
  background: #fff;
  border: none;
  margin: 30px 50px;
}
#footer .copyright .btn span {
  line-height: 94px;
}
#footer .copyright .btn:hover {
  background: #423e3e;
  color: #fff;
}
#footer .copyright pre {
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  margin-bottom: 10px;
}
#footer .footer_bottom {
  height: 35px;
  text-align: center;
  background: #423e3e;
}
@media only screen and (max-width: 767px) {
  #footer .copyright .btn {
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin: 30px 25px;
  }
}
@media only screen and (max-width: 479px) {
  #footer .copyright .btn {
    display: block;
    margin: 20px auto;
  }
}
/*========================================================
										Widget styles
=========================================================*/
/* UItoTop styles
========================================================*/
#toTop {
  display: none;
  background: #443286;
  text-decoration: none;
  position: fixed;
  bottom: 80px;
  right: 30px;
  overflow: hidden;
  border: none;
  color: #fff;
  width: 73px;
  height: 73px;
  font-size: 72px;
  line-height: 73px;
  z-index: 20;
  text-align: center;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
#toTop:hover {
  outline: none;
  color: #443286;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
@media only screen and (max-width: 1199px) {
  #toTop {
    display: none !important;
  }
}
/*========================================================
								RESPONSIVE LAYOUTS STYLES 
=========================================================*/
@media only screen and (max-width: 1199px) {
  .sample {
    height: auto;
    /*delete this class*/
  }
}
@media only screen and (max-width: 979px) {
  .sample {
    height: auto;
    /*delete this class*/
  }
}
@media only screen and (max-width: 767px) {
  .sample {
    height: auto;
    /*delete this class*/
  }
}
@media only screen and (max-width: 480px) {
  .sample {
    height: auto;
    /*delete this class*/
  }
}
@media only screen and (max-width: 320px) {
  .sample {
    height: auto;
    /*delete this class*/
  }
}

.aus {
    color: #444;
    text-shadow: 1px 1px 1px #fff;
    cursor: pointer;
}

.aus:hover,
.aus:focus {
    color: #444;
    text-decoration: none;
}

.ein {
    color: #111;
}


.accordion {
    width: 100%;
    border-radius: 10px;
    border: 0px solid #555;
    background: #fff;
}