html {
   min-height: 100%;
} 

body {
	font-family			: Arial, sans-serif;
	font-size			: 15px;
	font-weight			: normal;
	color				: #525252;
	margin				: 0;
	overflow-y			: scroll;
	overflow-x			: hidden;
	min-height			: 101%; /*Scrollbar immer anzeigen*/
	background			: url(../images/bg.png) left bottom no-repeat #fff;
}

.wrapper {
	width				: 100%;
	max-width			: 1400px;
	height				: auto;
	margin				: 0 auto;
}

#head {
	width				: 100%;
	max-width			: 1400px;
	height				: auto;
	margin				: 15px auto 0 auto;
}

#logo {
	float				: left;
	width				: 100%;
	max-width			: 260px;
	height				: auto;
}

#menue {
	float				: left;
	line-height			: 43px;
	margin-left			: 36px;
}

a.menu {
	display				: inline-block;
	font-size			: 16px;
	color				: #222222;
	text-transform		: uppercase;
	margin				: 7px 31px 5px 0;
	text-decoration		: none;
}
a.menu:hover, a.menu_on, a.menu_on:hover { 
	display				: inline-block;
	font-size			: 16px;
	color				: #222222;
	text-transform		: uppercase;
	margin				: 7px 31px 0 0;
	text-decoration		: none;
	border-bottom		: 5px solid #a9ceeb;
}

#menue_schatten {
	position			: relative;
	float				: left;
	width				: 1400px;
	height				: 29px;
	margin				: 0 auto -29px auto;
	background			: url(../images/menue_schatten.png) no-repeat;
	z-index				: 10;
}

#content_wrapper {
	position			: relative;
	float				: left;
	width				: 100%;
	max-width			: 1230px;
	height				: auto;
	margin				: 0 auto 5% auto;
	z-index				: 0;
}

#content {
	float				: left;
	width				: 100%;
	max-width			: 550px;
	height				: auto;
	min-height			: 469px;
	padding				: 35px 13px 13px;
	margin				: 0 13px 15px 80px;
	background			: rgba(255,255,255,0.5);
}

#freuen {
	float				: right;
}

#bilderwechsel {
	float				: left;
	width				: 100%;
	max-width			: 550px;
	height				: 334px;
}

#bilderwechselshape {
	position			: absolute;
	right				: 0;
	top					: 250px;
	width				: 100%;
	max-width			: 270px;
	line-height			: 50px;
	font-size			: 15px;
	text-transform		: uppercase;
	padding				: 7px 15px;
	background			: rgba(255,255,255,0.8);
	z-index				: 10;
}

#plus {
	font-size			: 30px !important;
	color				: #6d95b4;
	margin-right		: 7px;
	background			: none;
}

#adressbox {
	float				: left;
	width				: 100%;
	max-width			: 220px;
	min-height			: 155px;
	padding				: 5px 20px;
	margin				: 15px 15px 15px 0;
	font-size			: 17px;
	color				: #222222;
	background			: url(../images/box.png) repeat-y;
	border				: 1px solid #767676;
}

a.adressbox_link {
	font-size			: 16px;
	color				: #222222;
	text-decoration		: none;
}
a.adressbox_link:hover, a.adressbox_link_on, a.adressbox_link_on:hover { 
	font-size			: 16px;
	color				: #222222;
	text-decoration		: underline;
}

#shopbox {
	float				: right;
	width				: 100%;
	max-width			: 220px;
	min-height			: 155px;
	padding				: 5px 20px;
	margin				: 15px 10px 15px 0;
	font-size			: 11px;
	text-transform		: uppercase;
	color				: #222222;
	text-align			: right;
	background			: #6d95b4;
	border				: 1px solid #767676;
}

#shopbox p {
	margin				: 4px 0 4px 0;
}

#shopbutton {
	position			: absolute;
	top                             : 345px;
	right				: 185px;
}
#shopbuttonmobil {
	display				: none;
	position			: absolute;
	top				: 345px;
	right				: 185px;
}

#check1 {
	font-size			: 25px !important;
	color				: #222222;
	margin-left			: 5px;
	background			: none;
}
#check2 {
	font-size			: 25px !important;
	color				: #ffffff;
	margin-left			: 5px;
	background			: none;
}

#slider {
	float				: left;
	width				: 100%;
	max-width			: 850px;
	margin-left			: 80px;
	border-right		: 1px solid #a9ceeb;
}

#hnobox {
	float				: right;
	width				: 100%;
	max-width			: 220px;
	min-height			: 142px;
	padding				: 5px 20px;
	margin				: 0 10px 15px 0;
	font-size			: 15px;
	color				: #222222;
	text-align			: center;
	background			: url(../images/box.png) repeat-y;
	border				: 1px solid #767676;
}

#hnobox p {
	text-align			: left;
}

#partner {
	float				: left;
	margin-top			: 520px;
	width				: 100%;
	max-width			: 186px;
	height				: auto;
}

#partner2 {
	display				: none;
}

#footer {
	position			: fixed;
	bottom				: 0;
	width				: 100%;
	min-height			: 45px;
	background			: url(../images/footer.png) center center repeat-y;
}

#g-plusone {
	float				: right;
	margin				: 10px 0px 0 0;
}

#qr {
	float				: right;
}

* {
	margin				: 0;
	padding				: 0;
	border				: 0;
}

table {
	border-spacing			: 0;
}

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

p { margin				: 1em 0; }

div {
	text-align			: justify;
}

h1 {
	font-size 			: 18px;
	color				: #222222;
	margin-bottom			: 1em;
	font-weight			: bold;
}
h2 {
	font-size			: 16px;
	color				: #222222;
	margin				: 1em 0;
	font-weight			: bold;
}

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

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 #767676;
	background			: #FFFFFF;
	margin				: 1px 0;
	font-size			: 1em;
	padding				: 4px;
}
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				: #222;
	border				: 1px solid #767676;
	border-radius		: 7px;
	background			: #a9ceeb;
	margin				: 1px 0;
	font-size			: 1em;
	padding				: 5px;
}
.button:hover {
	font-family			: Arial, sans-serif;
	color				: #fff;
	border				: 1px solid #767676;
	background			: #6d95b4;
	margin				: 1px 0;
	font-size			: 1em;
	cursor				: pointer;
}

/* mobile Menu */
.fa {
	font-size: 25px !important;
	color: #fff;
	background: #000;
}

#navigation { font-family:Arial, Helvetica, sans-serif; }

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

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

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

.menu-items a {
	margin-left: 0;
	padding: 5px 0px;
	display: block;
	height: 15px;
	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: 5px;
}

@media (max-width: 1480px) {
#partner {
	float				: left;
	margin-top			: 540px;
	width				: 100%;
	max-width			: 150px;
	height				: auto;
}
}

@media (max-width: 1399px) {
#partner {
	float				: left;
	margin-top			: 555px;
	width				: 100%;
	max-width			: 125px;
	height				: auto;
}
}

@media (max-width: 1371px) {
#partner {
	display				: none;
}
#partner2 {
	display				: block;
	float				: right;
	margin				: 5px 45px 10px 0;
	width				: 100%;
	max-width			: 186px;
	height				: auto;
	clear				: both;
}
}

@media (max-width: 1270px) {
body {
	font-size			: 14px;
}
.wrapper {
	width				: 100%;
	max-width			: 1000px;
	height				: auto;
	margin				: 0 auto;
}
#head {
	width				: 100%;
	max-width			: 1000px;
	height				: auto;
	margin				: 15px auto 0 auto;
}
#menue {
	float				: left;
	line-height			: 43px;
	margin-left			: 10px;
}

a.menu {
	display				: inline-block;
	font-size			: 14px;
	color				: #222222;
	text-transform		: uppercase;
	margin				: 7px 47px 5px 0;
	text-decoration		: none;
}
a.menu:hover, a.menu_on, a.menu_on:hover { 
	display				: inline-block;
	font-size			: 14px;
	color				: #222222;
	text-transform		: uppercase;
	margin				: 7px 47px 0 0;
	text-decoration		: none;
	border-bottom		: 5px solid #a9ceeb;
}

#content_wrapper {
	position			: relative;
	float				: left;
	width				: 100%;
	max-width			: 1000px;
	height				: auto;
	margin				: 0 auto 5% auto;
	z-index				: 0;
}

#content {
	float				: left;
	width				: 100%;
	max-width			: 410px;
	height				: auto;
	min-height			: 469px;
	padding				: 35px 13px 13px;
	margin				: 0 13px 15px 0px;
	background			: rgba(255,255,255,0.5);
}

#qr {
	float				: right;
	margin-left			: 25px;
}

#qrcode {
	float				: right;
	width				: 100%;
	max-width			: 94%;
}

#bilderwechsel {
	float				: left;
	width				: 100%;
	max-width			: 540px;
	height				: 334px;
}
#bilderwechselshape {
	position			: absolute;
	right				: 10px;
	top					: 240px;
	width				: 100%;
	max-width			: 270px;
	line-height			: 50px;
	font-size			: 15px;
	text-transform		: uppercase;
	padding				: 7px 15px;
	background			: rgba(255,255,255,0.8);
	z-index				: 10;
}

#plus {
	font-size			: 30px !important;
	color				: #6d95b4;
	margin-right		: 7px;
	background			: none;
}
#slider {
	float				: left;
	width				: 100%;
	max-width			: 710px;
	margin-left			: 0px;
	border-right		: 1px solid #a9ceeb;
}

#hnobox {
	float				: right;
	width				: 100%;
	max-width			: 220px;
	min-height			: 125px;
	padding				: 0px 20px;
	margin				: 0 10px 15px 0;
	font-size			: 14px;
	color				: #222222;
	text-align			: center;
	background			: url(../images/box.png) repeat-y;
	border				: 1px solid #767676;
}

#hnobox p {
	text-align			: left;
}
#partner2 {
	display				: block;
	float				: right;
	margin				: 5px 45px 10px 0;
	width				: 100%;
	max-width			: 195px;
	height				: auto;
	clear				: both;
}
}

@media (max-width: 1070px) {
body {
	font-size			: 14px;
}
.wrapper {
	width				: 100%;
	max-width			: 850px;
	height				: auto;
	margin				: 0 auto;
}
#head {
	width				: 100%;
	max-width			: 850px;
	height				: auto;
	margin				: 15px auto 0 auto;
}
#menue {
	float				: left;
	line-height			: 43px;
	margin-left			: 10px;
}

a.menu {
	display				: inline-block;
	font-size			: 14px;
	color				: #222222;
	text-transform		: uppercase;
	margin				: 7px 28px 5px 0;
	text-decoration		: none;
}
a.menu:hover, a.menu_on, a.menu_on:hover { 
	display				: inline-block;
	font-size			: 14px;
	color				: #222222;
	text-transform		: uppercase;
	margin				: 7px 28px 0 0;
	text-decoration		: none;
	border-bottom		: 5px solid #a9ceeb;
}

#content_wrapper {
	position			: relative;
	float				: left;
	width				: 100%;
	max-width			: 850px;
	height				: auto;
	margin				: 0 auto 5% auto;
	z-index				: 0;
}

#content {
	float				: left;
	width				: 100%;
	max-width			: 400px;
	height				: auto;
	min-height			: 485px;
	padding				: 35px 13px 13px;
	margin				: 0 13px 15px 0px;
	background			: rgba(255,255,255,0.5);
}
#bilderwechsel {
	float				: left;
	width				: 100%;
	max-width			: 390px;
	height				: 235px;
}
#bilderwechselshape {
	position			: absolute;
	right				: 10px;
	top					: 150px;
	width				: 100%;
	max-width			: 250px;
	line-height			: 40px;
	font-size			: 14px;
	text-transform		: uppercase;
	padding				: 7px 15px;
	background			: rgba(255,255,255,0.8);
	z-index				: 10;
}

#plus {
	font-size			: 25px !important;
	color				: #6d95b4;
	margin-right		: 7px;
	background			: none;
}

#adressbox {
	float				: left;
	width				: 100%;
	max-width			: 358px;
	min-height			: 125px;
	padding				: 5px 15px;
	margin				: 15px 0px 5px 0;
	font-size			: 14px;
	color				: #222222;
	background			: url(../images/box.png) repeat;
	border				: 1px solid #767676;
}

a.adressbox_link {
	font-size			: 14px;
	color				: #222222;
	text-decoration		: none;
}
a.adressbox_link:hover, a.adressbox_link_on, a.adressbox_link_on:hover { 
	font-size			: 14px;
	color				: #222222;
	text-decoration		: underline;
}

#shopbox {
	float				: right;
	width				: 100%;
	max-width			: 358px;
	min-height			: 125px;
	padding				: 5px 15px;
	margin				: 5px 20px 15px 0;
	font-size			: 12px;
	text-transform		: uppercase;
	color				: #222222;
	text-align			: right;
	background			: #6d95b4;
	border				: 1px solid #767676;
}

#shopbox p {
	margin				: 4px 0 4px 0;
}

#shopbutton {
	display				: none;
}
#shopbuttonmobil {
	display				: block;
	position			: absolute;
	top					: 395px;
	right				: 265px;
}

#check1 {
	font-size			: 16px !important;
	color				: #222222;
	margin-left			: 5px;
	background			: none;
}
#check2 {
	font-size			: 16px !important;
	color				: #ffffff;
	margin-left			: 5px;
	background			: none;
}

#slider {
	float				: left;
	width				: 100%;
	max-width			: 630px;
	margin-left			: 0px;
	border-right		: 1px solid #a9ceeb;
}

#hnobox {
	float				: right;
	width				: 100%;
	max-width			: 140px;
	min-height			: 109px;
	padding				: 0px 20px;
	margin				: 0 20px 15px 0;
	font-size			: 13px;
	color				: #222222;
	text-align			: center;
	background			: url(../images/box.png) repeat-y;
	border				: 1px solid #767676;
}

#hnobox p {
	text-align			: left;
}

#apo_sign {
	width				: 100%;
	max-width			: 23px;
	height				: auto;
}

#partner2 {
	display				: block;
	float				: right;
	margin				: 5px 35px 10px 0;
	width				: 100%;
	max-width			: 150px;
	height				: auto;
	clear				: both;
}
}

@media (max-width: 870px) {
.wrapper {
	width				: 100%;
	max-width			: 750px;
	height				: auto;
	margin				: 0 auto;
}
#head {
	width				: 100%;
	max-width			: 750px;
	height				: auto;
	margin				: 15px auto 0 auto;
}
#menue {
	float				: left;
	line-height			: 43px;
	margin-left			: 10px;
}

a.menu {
	display				: inline-block;
	font-size			: 13px;
	color				: #222222;
	text-transform		: uppercase;
	margin				: 7px 18px 5px 0;
	text-decoration		: none;
}
a.menu:hover, a.menu_on, a.menu_on:hover { 
	display				: inline-block;
	font-size			: 13px;
	color				: #222222;
	text-transform		: uppercase;
	margin				: 7px 18px 0 0;
	text-decoration		: none;
	border-bottom		: 5px solid #a9ceeb;
}

#content_wrapper {
	position			: relative;
	float				: left;
	width				: 100%;
	max-width			: 750px;
	height				: auto;
	margin				: 0 auto 5% auto;
	z-index				: 0;
}

#content {
	float				: left;
	width				: 100%;
	max-width			: 300px;
	height				: auto;
	min-height			: 485px;
	padding				: 35px 13px 13px;
	margin				: 0 13px 15px 0px;
	background			: rgba(255,255,255,0.5);
}

#slider {
	float				: left;
	width				: 100%;
	max-width			: 530px;
	margin-left			: 0px;
	border-right		: 1px solid #a9ceeb;
}

#hnobox {
	float				: right;
	width				: 100%;
	max-width			: 140px;
	min-height			: 94px;
	padding				: 0px 20px;
	margin				: 0 20px 15px 0;
	font-size			: 12px;
	color				: #222222;
	text-align			: center;
	background			: url(../images/box.png) repeat-y;
	border				: 1px solid #767676;
}

#hnobox p {
	text-align			: left;
}

#apo_sign {
	width				: 100%;
	max-width			: 17px;
	height				: auto;
}

#partner2 {
	display				: block;
	float				: right;
	margin				: 5px 35px 10px 0;
	width				: 100%;
	max-width			: 150px;
	height				: auto;
	clear				: both;
}
#qr {
	float				: left;
	margin				: 0 25px 35px 0;
}

#qrcode {
	float				: left;
	width				: 100%;
	max-width			: 100%;
}
}

@media (max-width: 770px) {	
	#menue { display: none; }
	#responsive-menu { display: block;	}
	#bilderwechsel { display: none; }
	
#head {
	width				: 100%;
	max-width			: 1400px;
	height				: auto;
	margin				: 0px auto 0 auto;
}
	
#content_wrapper {
	position			: relative;
	float				: left;
	width				: 100%;
	max-width			: 750px;
	height				: auto;
	margin				: 0 auto 5% auto;
	z-index				: 0;
}

#content {
	float				: left;
	width				: 100%;
	max-width			: 95%;
	height				: auto;
	min-height			: 0px;
	padding				: 35px 13px 13px;
	margin				: 0 13px 15px 0px;
	background			: rgba(255,255,255,0.5);
}

#adressbox {
	float				: left;
	width				: 100%;
	max-width			: 280px;
	min-height			: 125px;
	padding				: 5px 15px;
	margin				: 15px 0px 5px 5px;
	font-size			: 14px;
	color				: #222222;
	background			: url(../images/box.png) repeat;
	border				: 1px solid #767676;
}

a.adressbox_link {
	font-size			: 14px;
	color				: #222222;
	text-decoration		: none;
}
a.adressbox_link:hover, a.adressbox_link_on, a.adressbox_link_on:hover { 
	font-size			: 14px;
	color				: #222222;
	text-decoration		: underline;
}

#shopbox {
	float				: right;
	width				: 100%;
	max-width			: 280px;
	min-height			: 125px;
	padding				: 5px 15px;
	margin				: 15px 20px 15px 0;
	font-size			: 12px;
	text-transform		: uppercase;
	color				: #222222;
	text-align			: right;
	background			: #6d95b4;
	border				: 1px solid #767676;
}

#shopbox p {
	margin				: 4px 0 4px 0;
}

#shopbutton {
	display				: none;
}
#shopbuttonmobil {
	display				: block;
	position			: absolute;
	top					: 435px;
	right				: 235px;
}

#check1 {
	font-size			: 16px !important;
	color				: #222222;
	margin-left			: 5px;
	background			: none;
}
#check2 {
	font-size			: 16px !important;
	color				: #ffffff;
	margin-left			: 5px;
	background			: none;
}

#slider {
	float				: left;
	width				: 100%;
	max-width			: 96%;
	margin-left			: 5px;
	margin-bottom		: 45px;
	border-right		: 1px solid #a9ceeb;
}

#hnobox {
	display				: none;
	float				: right;
	width				: 100%;
	max-width			: 140px;
	min-height			: 94px;
	padding				: 0px 20px;
	margin				: 0 20px 15px 0;
	font-size			: 12px;
	color				: #222222;
	text-align			: center;
	background			: url(../images/box.png) repeat-y;
	border				: 1px solid #767676;
}

#hnobox p {
	text-align			: left;
}

#apo_sign {
	width				: 100%;
	max-width			: 17px;
	height				: auto;
}

#partner2 {
	display				: block;
	float				: none;
	margin				: 35px auto;
	width				: 100%;
	max-width			: 150px;
	height				: auto;
	clear				: both;
}
}

@media (max-width: 665px) {	
#adressbox {
	display				: none;
	float				: left;
	width				: 100%;
	max-width			: 280px;
	min-height			: 125px;
	padding				: 5px 15px;
	margin				: 15px 0px 5px 5px;
	font-size			: 14px;
	color				: #222222;
	background			: url(../images/box.png) repeat;
	border				: 1px solid #767676;
}

a.adressbox_link {
	font-size			: 14px;
	color				: #222222;
	text-decoration		: none;
}
a.adressbox_link:hover, a.adressbox_link_on, a.adressbox_link_on:hover { 
	font-size			: 14px;
	color				: #222222;
	text-decoration		: underline;
}

#shopbox {
	display				: none;
	float				: left;
	width				: 100%;
	max-width			: 280px;
	min-height			: 125px;
	padding				: 5px 15px;
	margin				: 15px 20px 15px 0;
	font-size			: 12px;
	text-transform		: uppercase;
	color				: #222222;
	text-align			: right;
	background			: #6d95b4;
	border				: 1px solid #767676;
}

#slider {
	float				: left;
	width				: 100%;
	max-width			: 98%;
	margin-left			: 5px;
	margin-bottom		: 45px;
	border-right		: 1px solid #a9ceeb;
}
#content {
	float				: left;
	width				: 100%;
	max-width			: 96%;
	height				: auto;
	min-height			: 0px;
	padding				: 35px 13px 13px;
	margin				: 0 13px 15px 0px;
	background			: rgba(255,255,255,0.5);
}
#qr {
	display				: none;
}
}

@media (max-width: 390px) {
	#content {
	float				: left;
	width				: 100%;
	max-width			: 92%;
	height				: auto;
	min-height			: 0px;
	padding				: 35px 13px 13px;
	margin				: 0 0px 15px 0px;
	background			: rgba(255,255,255,0.5);
	}
	#slider { display: none; }
	#freuen {
	float				: none;
	width				: 100%;
	}
}