body {
	font-family			: Arial, sans-serif;
	font-size			: 14px;
	color				: #333333;
	margin				: 0px;
	overflow-y			: scroll;
	overflow-x			: hidden;
	min-height			: 101%; /*Scrollbar immer anzeigen*/
}

.wrapper {
	width				: 100%;
	max-width			: 1196px; 
	height				: auto; 
	text-align			: left;
	margin				: 0 auto;
}

#logo {
	width				: 100%;
	max-width			: 318px;
	height				: auto;
}

#head {
	width				: 100%;
	height				: auto;
	background			: url(images/schatten.png) bottom center no-repeat;
}

#headbild {
	position			: relative;
	top					: -45px;
	width				: 100%;
	max-width			: 1196px;
	height				: auto;
	max-height			: 450px;
	background			: url(images/headbild.png) no-repeat;
	z-index				: -10000;
}

#content {
	width				: 100%;
	float				: left;
	max-width			: 1166px;
	padding				: 0 15px 0 15px;
}

#inhalt {
	width				: 60%;
	float				: left;
	margin-top			: -20px;
	padding				: 0 5px 0 5px;
}

#form {
	width				: 30%;
	float				: right;
	padding				: 15px 20px 15px 10px;
	margin-top			: -93px;
	margin-right		: 25px;
	display				: inline-block;
	border				: 2px solid #0073bc;
	border-radius		: 10px;
	background			: #ffffff;
}

#footer {
	width				: 100%;
	float				: left;
	max-width			: 1166px;
	margin-top			: 15px;
	padding				: 0 15px 15px 15px;
	border-top			: 2px solid #0073bc;
}

#footerblock {
	float				: left;
	width				: 15.7%;
	height				: auto;
	font-size			: 12px;
	font-weight			: bold;
}
#footerblockmail {
	float				: left;
	width				: 20%;
	height				: auto;
	font-size			: 12px;
	font-weight			: bold;
}
#footerblocksocial {
	float				: left;
	text-align			: right;
	width				: 100%;
	height				: auto;
	margin-left			: 15px;
}
#fb {
	border				: none; 
	overflow			: hidden; 
	width				: 12%; 
	height				: 21px;
}
#gplus {
	float				: right;
	text-align			: right;
	width				: 10%;
	margin-left			: 10px;
}

#impressum {
	width				: 75%;
	float				: left; 
	height				: auto;
}
#qrcode {
	width				: 25%;
	float				: right;
	font-size			: 11px;
	max-width			: 150px;
	height				: auto;
}

/* Farben
 
*/

* {
	margin				: 0;
	padding				: 0;
	border				: 0;
}

table {
	border-spacing			: 0;
}

td {
	font-family			: Arial, sans-serif;
	color				: #333333;
	vertical-align			: top;
}

p { margin				: 1em 0; }

div {
	text-align			: justify;
}

h1 {
	font-size 			: 20px;
	color				: #0073bc;
	margin-bottom			: 0.13em;
	font-weight			: bold;
}
h2 {
	font-size			: 15px;
	color				: #0073bc;
	margin				: 0.13em 0;
	font-weight			: bold;
}
h3 {
	font-size			: 14px;
	color				: #333333;
	margin				: 0.13em 0;
	font-weight			: bold;
}

a {
	color				: #333333;
	font-weight			: bold;
	text-decoration		: none;
}
a:hover { color				: #0073bc; text-decoration:underline; }


#menue {
	display				: inline-block;
	width				: 100%;
	height				: 44px;
	color				: #000000;
	background			: rgba(255,255,255,0.85);
	border-bottom		: 1px solid #ffffff;
}
a.menu {
	display				: inline-block;
	font-size			: 16px;
	color				: #000000;
	font-weight			: normal;
	margin				: 12px 40px 12px 15px;
}
a.menu:hover, a.menu_on, a.menu_on:hover { 
	color				: #0073bc; 
	font-size			: 16px;
	font-weight			: normal;
	text-decoration		: underline;
	margin				: 12px 40px 12px 15px;
}
a.menuimpressum {
	display				: inline-block;
	font-size			: 16px;
	color				: #000000;
	font-weight			: normal;
	float				: right;
	margin				: 12px 15px 12px 15px;
}
a.menuimpressum:hover, a.menuimpressum_on, a.menuimpressum_on:hover { 
	color				: #0073bc; 
	font-size			: 16px;
	font-weight			: normal;
	float				: right;
	text-decoration		: underline;
	margin				: 12px 15px 12px 15px;
}

img {
	border				: none;
}
#get {
	background			: url(http://http-get.de/get.gif) no-repeat;
}

ul { margin-left				: 1.3em; }

textarea, input, select, input {
	font-family			: Arial, sans-serif;
	color				: #333333;
	border				: 1px solid #cbcbcb;
	background			: #FFFFFF;
	margin				: 1px 0;
	padding				: 3px;
	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				: #ffffff;
	border				: 1px solid #cbcbcb;
	background			: #0073bc;
	margin				: 1px 0;
	padding				: 5px;
	font-size			: 1em;
}
.button:hover {
	font-family			: Arial, sans-serif;
	color				: #0073bc;
	border				: 1px solid #0073bc;
	background			: #FFFFFF;
	margin				: 1px 0;
	font-size			: 1em;
	cursor				: pointer;
}

/* mobile*/
.fa {
	font-size: 25px !important;
	color: #ffffff;
}

#responsive-menu {
	display: none;
	background: #333;
	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;
}

#mobilanrede {
	display				: none;
}

@media (max-width: 1165px) {
#footerblock {
	float				: left;
	width				: 14%;
	height				: auto;
	font-size			: 12px;
	font-weight			: bold;
}
#footerblockmail {
	float				: left;
	width				: 100%;
	max-width			: 250px;
	height				: auto;
	font-size			: 12px;
	font-weight			: bold;
}
#footerblocksocial {
	position			: relative;
	float				: left;
	text-align			: right;
	width				: 100%;
	height				: auto;
	margin-left			: 0px;
	right				: 6%;
}
#fb {
	border				: none; 
	overflow			: hidden; 
	width				: 15%; 
	height				: 21px;
}
#gplus {
	float				: right;
	text-align			: right;
	width				: 10%;
	margin-left			: 0px;
}
}

@media (max-width: 990px) {
#menue {
	display				: inline-block;
	width				: 100%;
	height				: 44px;
	color				: #000000;
	background			: rgba(255,255,255,0.85);
	border-bottom		: 1px solid #ffffff;
}
a.menu {
	display				: inline-block;
	font-size			: 16px;
	color				: #000000;
	font-weight			: normal;
	margin				: 12px 1.2% 12px 15px;
}
a.menu:hover, a.menu_on, a.menu_on:hover { 
	color				: #0073bc; 
	font-size			: 16px;
	font-weight			: normal;
	text-decoration		: underline;
	margin				: 12px 1.2% 12px 15px;
}
a.menuimpressum {
	display				: inline-block;
	font-size			: 16px;
	color				: #000000;
	font-weight			: normal;
	float				: right;
	margin				: 12px 15px 12px 15px;
}
a.menuimpressum:hover, a.menuimpressum_on, a.menuimpressum_on:hover { 
	color				: #0073bc; 
	font-size			: 16px;
	font-weight			: normal;
	float				: right;
	text-decoration		: underline;
	margin				: 12px 15px 12px 15px;
}
#footerblocksocial {
	position			: relative;
	float				: none;
	display				: inline-block;
	text-align			: left;
	width				: 100%;
	height				: auto;
	margin-left			: 0px;
	right				: 0;
}
#fb {
	border				: none; 
	overflow			: hidden; 
	width				: 100%; 
	height				: 21px;
	margin-bottom		: 15px;
}
#gplus {
	float				: none;
	text-align			: left;
	width				: 100%;
	margin-left			: 0px;
}
}

@media (max-width: 825px) {
	#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: rgba(51,51,51,0.95);
	border-bottom: 3px solid rgba(79,175,255,0.7);
}

.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 rgba(79,175,255,0.3);
	padding: 10px;
}

#head {
	width				: 100%;
	height				: auto;
	background			: url(images/schatten.png) bottom center no-repeat;
}

#headbild {
	position			: relative;
	top					: 0px;
	width				: 100%;
	max-width			: 1196px;
	height				: auto;
	max-height			: 450px;
	background			: url(images/headbild.png) no-repeat;
	z-index				: -10000;
}
#content {
	width				: 100%;
	max-width			: 1196px;
	padding				: 0 5px 0 5px;
}
#inhalt {
	width				: 93%;
	float				: left;
	margin-top			: 10px;
	padding				: 0 5px 0 5px;
}
#form {
	width				: 89%;
	float				: none;
	padding				: 15px 20px 15px 10px;
	margin				: 0 0 20px 0;
	display				: inline-block;
	border				: 2px solid #0073bc;
	border-radius		: 10px;
	background			: #ffffff;
}
#radioanrede {
	display				: none;
}
#mobilanrede {
	display				: block;
}
}

@media (max-width: 955px) {
#footerblock {
	float				: none;
	width				: 100%;
	max-width			: 250px;
	height				: auto;
	font-size			: 12px;
	font-weight			: bold;
	clear				: both;
}
#footerblocks1 {
	float				: left;
	width				: 100%;
	max-width			: 250px;
	height				: auto;
	font-size			: 12px;
	font-weight			: bold;
}
#footerblocks2 {
	float				: left;
	width				: 100%;
	max-width			: 250px;
	height				: auto;
	font-size			: 12px;
	font-weight			: bold;
}
#footerblocks3 {
	float				: left;
	width				: 100%;
	max-width			: 250px;
	height				: auto;
	font-size			: 12px;
	font-weight			: bold;
}
#footerblockmail {
	float				: left;
	width				: 100%;
	max-width			: 250px;
	height				: auto;
	font-size			: 12px;
}
}

@media (max-width: 770px) {
#footerblock {
	float				: left;
	width				: 100%;
	max-width			: 250px;
	height				: auto;
	font-size			: 12px;
	font-weight			: bold;
	clear				: both;
}
#footerblocks1 {
	float				: left;
	width				: 100%;
	max-width			: 25%;
	height				: auto;
	font-size			: 12px;
	font-weight			: bold;
}
#footerblocks2 {
	float				: left;
	width				: 100%;
	max-width			: 25%;
	height				: auto;
	font-size			: 12px;
	font-weight			: bold;
}
#footerblocks3 {
	float				: left;
	width				: 100%;
	max-width			: 45%;
	height				: auto;
	font-size			: 12px;
	font-weight			: bold;
}
#footerblockmail {
	float				: left;
	width				: 100%;
	max-width			: 100%;
	height				: auto;
	font-size			: 12px;
}
}

@media (max-width: 580px) {
#footer {
	color				: #ffffff;
	background			: #333333;
}
#footerblock {
	float				: none;
	width				: 100%;
	max-width			: 100%;
	height				: auto;
	font-size			: 12px;
	font-weight			: bold;
	clear				: both;
}
#footerblocks1 {
	float				: none;
	width				: 100%;
	max-width			: 100%;
	height				: auto;
	font-size			: 12px;
	font-weight			: bold;
}
#footerblocks2 {
	float				: none;
	width				: 100%;
	max-width			: 100%;
	height				: auto;
	font-size			: 12px;
	font-weight			: bold;
}
#footerblocks3 {
	float				: none;
	width				: 100%;
	max-width			: 100%;
	height				: auto;
	font-size			: 12px;
	font-weight			: bold;
}
#footerblockmail {
	float				: none;
	width				: 100%;
	max-width			: 100%;
	height				: auto;
	font-size			: 12px;
}
#impressum {
	width				: 66%;
	float				: left; 
	height				: auto;
}
#qrcode {
	width				: 30%;
	float				: right;
	font-size			: 11px;
	max-width			: 150px;
	height				: auto;
	padding-right		: 2%;
}
#footerblocksocial {
	position			: relative;
	float				: none;
	display				: inline-block;
	text-align			: left;
	width				: 100%;
	height				: auto;
	margin-left			: 0px;
	right				: 0;
}
#fb {
	border				: none; 
	overflow			: hidden; 
	width				: 100%; 
	height				: 21px;
	margin-top			: 15px;
	margin-bottom		: 15px;
}
#gplus {
	float				: none;
	text-align			: left;
	width				: 100%;
	margin-left			: 0px;
}
}

@media (max-width: 450px) {
#form {
	width				: 85%;
	float				: none;
	padding				: 15px 20px 15px 10px;
	margin				: 0 0 20px 0;
	display				: inline-block;
	border				: 2px solid #0073bc;
	border-radius		: 10px;
	background			: #ffffff;
}
#impressum {
	width				: 100%;
	float				: left;
	height				: auto;
}
#qrcode {
	width				: 100%;
	float				: left;
	font-size			: 11px;
	max-width			: 150px;
	height				: auto;
}
}