body {
	font-family			: Arial, sans-serif;
	font-size			: 16px;
	color				: #303030;
	margin				: 0px;
	overflow-y			: scroll;
	overflow-x			: hidden;
	min-height			: 101%; /*Scrollbar immer anzeigen*/
	background			: #fdfdb1;
}

/* Slider */

.flexslider {
	box-shadow: none !important;
	margin-bottom: 15px !important;
}

.slides li {
	opacity: 0.65;
}

.flex-active-slide {
	opacity: 1.0 !important;
	position: relative;
	z-index: 9999;
}

.pp_gallery {
	display: none !important;
}
/* Farben
 
*/

* {
	margin				: 0;
	padding				: 0;
	border				: 0;
}
#head {
	width				: 100%;
	height				: 30px;
	background			: #303030;
}

#headmenue {
	width				: 100%;
	max-width			: 1053px;
	margin				: 0 auto;
	text-align			: right;
	font-size			: 14px;
	color				: #dddddd;
}

#home {
	background			: #fdfdb1;
	padding				: 5px 5px 9px 5px;
}

#headmenue li {
	display				: inline-block;
	padding				: 0;
	vertical-align		: middle;
}
#headmenue ul {
	margin-left			: 0em;

}
a.headmenu {
	display				: inline-block;
	font-size			: 14px;
	font-weight			: bold;
	color				: #dddddd;
	padding				: 0 5px 0px 5px;
}
a.headmenu:hover, a.headmenu_on, a.headmenu_on:hover { 
	color				: #ffffff;
	padding				: 0px 5px 0px 5px;
	text-decoration		: underline;
}

#logo {
	position			: relative;
	width				: 100%;
	max-width			: 268px;
	height				: auto;
	margin-top			: -285px;
	z-index				: 50000;
}

#bilderwechselbg {
	width				: 100%;
	height				: 295px;
	background			: #303030;
	padding-top			: 5px 0 5px 0;	
}

#bilderwechsel {
	margin-top			: 8px;
	width				: 100%;
	height				: 295px;
}
#bilderwechsel img {
	width			: 100% !important;
}

#menuebg {
	position			: relative;
	width				: 100%;
	height				: 47px;
	background			: #303030;
	margin-top			: 6px;
	z-index				: 10000;
}

#menue {
	position			: relative;
	width				: 100%;
	max-width			: 1053px;
	margin				: 5px auto;
	text-align			: center;
	font-size			: 18px;
	color				: #dddddd;
	z-index				: 10000;
}

#menue > ul > li {
	display				: inline-block;
	padding				: 17px 8% 0px 0px;
	width				: 16%;
}
#menue ul {
	margin-left			: 0em;

}

#menue a {
color					: #dddddd;
font-weight				: bold;
}

#menue a.menu:hover, #menue a.menu_on,#menue a.menu_on:hover { 
	color				: #ffffff;
	padding				: 0px 5px 0px 5px;
	text-decoration		: underline;
}

	#menue ul li ul {
		position	: absolute;
		display		: none;
	}

	#menue ul li:hover ul, #menue li.sfhover ul{
		display			: block;
		list-style		: none;
		left			: auto;
		text-align		: left;
		width			: 220px;
		font-size		: 16px;
		padding			: 8px 8px 8px 30px;
		background		: url(../images/transparent.png);
	}

	#menue ul li ul a {
		display			: block;
		width			: 250px;
		color			: #dddddd;
		font-weight		: normal;
		font-size		: 16px;
		padding			: 8px 8px 8px 8px;
	}

	#menue ul li ul .submenu:hover, #menue ul li ul .submenu_on, #menue ul li ul .submenu_on:hover {
		color			: #ffffff;
		text-decoration	: underline;
	}

#inhalt_wrapper {
	width				: 100%;
	max-width			: 1053px;
	margin				: 0 auto;
}

#inhalt {
	width				: 100%;
	max-width			: 975px;
	margin				: 13px auto;
	padding				: 40px;
	height				: auto;
	background			: #ffffff;
}

#footerbg {
	width				: 100%;
	margin-top			: -12px;
	margin-left			: -60px;
	height				: 220px;
	padding				: 5px 30px 5px 30px;
	background			: url(../images/footer_pfeil.png) top center no-repeat #303030;
}

#footerwrapper{
	color				: #e8e8e8;
	width				: 100%;
	max-width			: 975px;
	margin				: 0 auto;
	height				: 190px;
	padding				: 30px 0 0 60px;
}

#footer1 {
	float				: left;
}
#footer2 {
	float				: left;
	padding				: 3px;
	margin-left			: -130px;
}
#footer3 {
	float				: left;
	padding				: 3px;
	margin-left			: 80px;
}
#footer4 {
	float				: left;
	padding				: 3px;
	margin-left			: 57px;
}

#firma {
	font-size			: 21px;
	font-style			: italic;
	font-weight			: bold;
}

a.footermenu {
	display				: inline-block;
	font-size			: 15px;
	font-weight			: bold;
	color				: #dddddd;
	padding				: 0 5px 0px 5px;
}
a.footermenu:hover, a.footermenu_on, a.footermenu_on:hover { 
	color				: #ffffff;
	font-size			: 15px;
	padding				: 0px 5px 0px 5px;
	font-weight			: bold;
	text-decoration		: underline;
}

table {
	border-spacing			: 0;
}

td {
	font-family			: Arial, sans-serif;
	color				: #303030;
	vertical-align			: top;
}

p { margin				: 1em 0;}

div {
	text-align			: justify;
}

h1 {
	font-size 			: 22px;
	color				: #e8e8e8;
	font-weight			: normal;
	background			: #303030;
	width				: 80%;
	height				: 30px;
	margin-left			: -7%;
	padding-top			: 7px;
	padding-left		: 7%;
}
h2 {
	font-size			: 22px;
	color				: #e8e8e8;
	font-weight			: normal;
	background			: #303030;
	width				: 80%;
	height				: 30px;
	margin-left			: -7%;
	padding-top			: 7px;
	padding-left		: 7%;
}
h3 {
	font-size			: 22px;
	color				: #e8e8e8;
	font-weight			: normal;
	background			: #303030;
	width				: 80%;
	height				: 30px;
	margin-left			: -7%;
	padding-top			: 7px;
	padding-left		: 7%;
}

a {
	color				: #303030;
	font-weight			: bold;
	text-decoration			: none;
}
a:hover { text-decoration:underline; }

img {
	border				: none;
}
#get {
	background			: url(https://http-get.de/get.gif) no-repeat;
}

ul { margin-left				: 1.3em; }

textarea, input, select, input {
	font-family			: Arial, sans-serif;
	color				: #303030;
	border				: 1px solid #303030;
	background			: #FFFFFF;
	margin				: 1px 0;
	font-size			: 1em;
}
input.error, select.error, textarea.error {
	border				: 1px solid #FF0000;
	background-color	: #FFFCE2;
}

/*für den IE*/
input[type=radio] {
	padding				: 0px;
	background			: 0px;
	border				: 1px;
}

.button {
	font-family			: Arial, sans-serif;
	color				: #303030;
	border				: 1px solid #303030;
	background			: #FFFFFF;
	margin				: 1px 0;
	padding				: 5px;
	font-size			: 1em;
}
.button:hover {
	font-family			: Arial, sans-serif;
	color				: #000000;
	border				: 1px solid #000000;
	background			: #fdfdb1;
	margin				: 1px 0;
	font-size			: 1em;
	cursor				: pointer;
}

.fa {
	font-size: 25px !important;
	color: #fdfdb1;
}

#responsive-menu {
	display: none;
	background: #525a60;
	width: 100%;
}

#responsive-menu .fa {
	padding: 10px;
	cursor: pointer; 
	width: 90%;
}

.resmenu, .resmenu:hover, .resmenu_on, .resmenu_on:hover {
	width: 100%;
	padding: 5px;
}

.menu-items a {
	margin-left: 0;
	padding: 5px 0px;
	display: block;
	height: 16px;
	width: 100%;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.menu-items {
	width: 100% !important;
	position: absolute;
	z-index: 9999;
	display: none;
	margin-left: 0;
	padding-left: 0;
	background: #1d1d1b;
	border-bottom: 3px solid #1d1d1b;
}

.menu-items ul {
	width: 100% !important;
}

.menu-items li {
	list-style-type: none;
	width: 100% !important;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #51514e;
	padding: 10px;
}
.scrollup {
  width: 30px;
  height: 30px;
  position: fixed;
  bottom: 250px;
  float: left;
  display: none;
  background: url(../images/top.png) no-repeat;
}

#galerie img {
	margin-right: 25px;
	margin-bottom: 25px;
}

@media (max-width: 998px) {
	h1 {
	font-size			: 18px;
	color				: #ffffff;
	font-weight			: normal;
	background			: #303030;
	width				: 106%;
	height				: 30px;
	margin-left			: -7%;
	padding-top			: 7px;
	padding-left		: 7%;
}
h2 {
	font-size			: 18px;
	color				: #ffffff;
	font-weight			: normal;
	background			: #303030;
	width				: 106%;
	height				: 30px;
	margin-left			: -7%;
	padding-top			: 7px;
	padding-left		: 7%;
}
h3 {
	font-size			: 18px;
	color				: #ffffff;
	font-weight			: normal;
	background			: #303030;
	width				: 106%;
	height				: 30px;
	margin-left			: -7%;
	padding-top			: 7px;
	padding-left		: 7%;
}
	#footer4 {
	display:none;
	float				: left;
	padding				: 3px;
	margin-left			: 57px;
	}
	.scrollup {
	display: none;
}
}
@media (max-width: 800px) {
	body {
	font-family			: Arial, sans-serif;
	font-size			: 13px;
	color				: #000000;
	margin				: 0px;
	overflow-y			: scroll;
	overflow-x			: hidden;
	min-height			: 101%; /*Scrollbar immer anzeigen*/
	background			: #303030;
}
h1 {
	font-size			: 18px;
	color				: #ffffff;
	font-weight			: normal;
	background			: #303030;
	width				: 106%;
	height				: 30px;
	margin-left			: -7%;
	padding-top			: 7px;
	padding-left		: 7%;
}
h2 {
	font-size			: 18px;
	color				: #ffffff;
	font-weight			: normal;
	background			: #303030;
	width				: 106%;
	height				: 30px;
	margin-left			: -7%;
	padding-top			: 7px;
	padding-left		: 7%;
}
h3 {
	font-size			: 18px;
	color				: #ffffff;
	font-weight			: normal;
	background			: #303030;
	width				: 106%;
	height				: 30px;
	margin-left			: -7%;
	padding-top			: 7px;
	padding-left		: 7%;
}
	#menue {
		display: none;
	}
	.menu-items a {
		font-size: 11.5pt;
	}
	#responsive-menu {
		display: block;
	}
	#responsive-menu .fa {
	padding: 10px;
	cursor: pointer; 
	width: 90%;
}

.resmenu, .resmenu:hover, .resmenu_on, .resmenu_on:hover {
	width: 100%;
	padding: 5px;
}

.menu-items a {
	margin-left: 0;
	padding: 5px 0px;
	display: block;
	height: 16px;
	width: 100%;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.menu-items {
	width: 100% !important;
	position: absolute;
	z-index: 9999;
	display: none;
	margin-left: 0;
	padding-left: 0;
	background: #1d1d1b;
	border-bottom: 3px solid #1d1d1b;
}

.menu-items ul {
	width: 100% !important;
}

.menu-items li {
	list-style-type: none;
	width: 100% !important;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #51514e;
	padding: 10px;
}
#logo {
	position			: relative;
	width				: 50%;
	max-width			: 268px;
	height				: auto;
	margin				: 0 auto;
	z-index				: 0;
}
	#head {
		display: none;
	}
	#bilderwechselbg {
		display: none;	
	}
	
	#bilderwechsel {
		display: none;
	}
	#bilderwechsel img {
		display: none;
	}
	#inhalt {
		width				: 95%;
		max-width			: 975px;
		margin				: 13px 0 0 0;
		padding				: 15px 50px 20px 10px;
		height				: auto;
		background			: #fdfdb1;
	}
	#footerbg {
		background: #303030;
	}
	#footer2 {
	float				: left;
	margin				: 0px 0 0 0;
	margin-left			: 0px;
	}
	#footer3 {
		display: none;
	}
	#footer4 {
		display: none;
	}
	.scrollup {
	display: none;
}
}
@media (max-width: 645px) {
	h1 {
	font-size			: 14px;
	color				: #ffffff;
	font-weight			: bold;
	background			: #303030;
	width				: 102%;
	height				: 30px;
	margin-left			: -7%;
	padding-top			: 10px;
	padding-left		: 7%;
	padding-right		: 25%;
}
h2 {
	font-size			: 14px;
	color				: #ffffff;
	font-weight			: bold;
	background			: #303030;
	width				: 102%;
	height				: 30px;
	margin-left			: -7%;
	padding-top			: 10px;
	padding-left		: 7%;
	padding-right		: 25%;
}
h3 {
	font-size			: 14px;
	color				: #ffffff;
	font-weight			: bold;
	background			: #303030;
	width				: 102%;
	height				: 30px;
	margin-left			: -7%;
	padding-top			: 10px;
	padding-left		: 7%;
	padding-right		: 25%;
}
	.scrollup {
	display: none;
}
}
@media (max-width: 577px) {
	h1 {
	font-size			: 14px;
	color				: #ffffff;
	font-weight			: bold;
	background			: #303030;
	width				: 102%;
	height				: 40px;
	margin-left			: -7%;
	padding-top			: 10px;
	padding-left		: 7%;
	padding-right		: 25%;
}
h2 {
	font-size			: 14px;
	color				: #ffffff;
	font-weight			: bold;
	background			: #303030;
	width				: 102%;
	height				: 40px;
	margin-left			: -7%;
	padding-top			: 10px;
	padding-left		: 7%;
	padding-right		: 25%;
}
h3 {
	font-size			: 14px;
	color				: #ffffff;
	font-weight			: bold;
	background			: #303030;
	width				: 102%;
	height				: 40px;
	margin-left			: -7%;
	padding-top			: 10px;
	padding-left		: 7%;
	padding-right		: 25%;
}
	.scrollup {
	display: none;
}
}
@media (max-width: 431px) {
		h1 {
	font-size			: 13px;
	color				: #ffffff;
	font-weight			: bold;
	background			: #303030;
	width				: 98%;
	height				: 40px;
	margin-left			: -7%;
	padding-top			: 7px;
	padding-bottom		: 10px;
	padding-left		: 7%;
}
h2 {
	font-size			: 13px;
	color				: #ffffff;
	font-weight			: bold;
	background			: #303030;
	width				: 98%;
	height				: 40px;
	margin-left			: -7%;
	padding-top			: 7px;
	padding-left		: 7%;
	padding-bottom		: 10px;
	vertical-align		: middle;
}
h3 {
	font-size			: 13px;
	color				: #ffffff;
	font-weight			: bold;
	background			: #303030;
	width				: 98%;
	height				: 40px;
	margin-left			: -7%;
	padding-top			: 7px;
	padding-left		: 7%;
	padding-bottom		: 10px;
	vertical-align		: middle;
}
	#footer2 {
	float				: left;
	margin				: -50px 0 0 0px;
	}
		.scrollup {
	display: none;
}
}

/* Modal Fenster */
.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:auto;background-color:rgba(0,0,0,.75);z-index:99999;}
.modal-dialog{width:90%;max-width:800px;background-color:#fdfdb1;margin:20px auto 0;padding:15px;}
.modal-content{text-align:left;}
.modal-header{position:relative;padding-bottom:10px;}
.modal-header h4{font-size:20px;padding-right:20px;}
#my-modal .close{position:absolute;right:0;top:0;font-size:20px;background:none;border:none;}
#my-modal .close:hover{cursor:pointer;color:#666;}
.modal div{text-align:left;box-sizing:border-box;}