* {
	margin: 0px; padding: 0px;
}
html {
	height: 100%;
}
body {
	height: 100%;
}
body {
	background: url("../img/bg.jpg") 0% 0% / cover rgb(244, 244, 244); font: 15px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; font-size-adjust: none; font-stretch: normal; -webkit-font-smoothing: antialiased;
}
h2 {
	padding-bottom: 20px; font-family: "Lobster", cursive; font-size: 40px;
}
#viewer {
	height: 700px; position: relative;
}
.smallh {
	min-height: 320px !important;
}
h1 {
	font-family: "Lobster", cursive;
}
h2 {
	font-family: "Lobster", cursive;
}
h3 {
	font-family: "Lobster", cursive;
}
h4 {
	font-family: "Lobster", cursive;
}
h5 {
	font-family: "Lobster", cursive;
}
h6 {
	font-family: "Lobster", cursive;
}
h3 {
	font-size: 25px; font-weight: bold;
}
h1 {
	font-size: 53px; font-weight: 300;
}
h4 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 80px;
}
h5 {
	font-size: 45px; font-weight: 200; margin-top: -20px;
}
h6 {
	text-align: center; font-size: 80px; font-weight: 300;
}
span {
	text-align: center;
}
span a {
	color: white; font-weight: bold; text-decoration: none;
}
span a:hover {
	color: lightgrey;
}
hr {
	margin: 0px auto; width: 80%; color: rgba(0, 0, 0, 0.2);
}
.right {
	float: right;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
#wrapper {
	width: 100%; height: auto;
}
#logonav {
	margin: 0px auto; width: 100%; height: 30px; padding-top: 15px; max-width: 1000px;
}
nav ul li {
	height: auto; padding-right: 25px; padding-left: 25px; border-right-color: white; border-right-width: 1px; border-right-style: solid; float: left; list-style-type: none;
}
nav ul li:last-child {
	border: 0px currentColor; border-image: none;
}
nav ul li a {
	color: white; font-size: 15pt; text-decoration: none;
}
nav ul li a:hover {
	color: lightgrey;
}
#topbar {
	width: 100%; height: 60px; float: left; position: fixed; z-index: 100; background-color: rgba(0, 0, 0, 1);
}
#slides {
	width: 100%; height: 495px; margin-top: 60px; float: left;
}
#slides img {
	width: 100%;
}
#content {
	margin: 0px auto; border: 5px solid white; border-image: none; width: 100%; height: auto; max-width: 1000px; box-shadow: 2px 2px 2px rgba(0,0,0,0.1); background-color: white;
}
section {
	margin: 0px auto; padding: 50px 0px; width: 90%; height: auto !important; min-height: 560px;
}
article {
	width: 30%; height: auto; margin-right: 33px; float: left;
}
article p {
	text-align: left;
}
article img {
	width: 100%; box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
}
.big {
	margin: 0px auto; width: 100%; height: 630px;
}
.medium {
	width: 42%;
}
.small {
	width: 255px;
}
.box:hover {
	color: white; background-color: rgb(204, 51, 102);
}
.box {
	padding: 5px 15px 10px; margin-right: 15px; margin-bottom: 15px; box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2); background-color: white;
}
.box p {
	min-height: 160px;
}
.last {
	margin-right: 0px !important;
}
footer {
	height: 100px; background-color: rgba(0, 0, 0, 1);
}
footer span {
	color: white;
}
.footerline {
	margin: 0px auto; width: 100%; padding-top: 30px; max-width: 1000px;
}
.callback {
	width: 300px; margin-left: 30px; float: left;
}
.buchen {
	width: 600px; float: left;
}
.phrase {
	height: auto !important; margin-top: 15px; margin-bottom: 15px; min-height: 100%;
}
.gotop {
	width: 50px; height: 50px; background-color: white;
}
table {
	width: 100%; text-align: center;
}
#slides .slidesjs-navigation {
	margin-top: 3px; visibility: hidden;
}
#slides .slidesjs-previous {
	margin-right: 5px; float: left;
}
#slides .slidesjs-next {
	margin-right: 5px; float: left;
}
.slidesjs-pagination {
	list-style: none; margin: 6px 0px 0px; float: right; visibility: hidden;
}
.slidesjs-pagination li {
	margin: 0px 1px; float: left;
}
.slidesjs-pagination li a {
	background-position: 0px 0px; width: 13px; height: 0px; overflow: hidden; padding-top: 13px; float: left; display: block; background-image: url("../img/pagination.png");
}
.slidesjs-pagination li a.active {
	background-position: 0px -13px;
}
.slidesjs-pagination li a.active:hover {
	background-position: 0px -13px;
}
.slidesjs-pagination li a:hover {
	background-position: 0px -26px;
}
.button {
	background: url("overlay.png") repeat-x rgb(34, 34, 34); padding: 5px 10px 6px; color: rgb(255, 255, 255); text-decoration: none; border-bottom-color: rgba(0, 0, 0, 0.25); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block; position: relative; cursor: pointer; text-shadow: 0px -1px 1px rgba(0,0,0,0.25); -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}
.button:visited {
	background: url("overlay.png") repeat-x rgb(34, 34, 34); padding: 5px 10px 6px; color: rgb(255, 255, 255); text-decoration: none; border-bottom-color: rgba(0, 0, 0, 0.25); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block; position: relative; cursor: pointer; text-shadow: 0px -1px 1px rgba(0,0,0,0.25); -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}
.button:hover {
	color: rgb(255, 255, 255); background-color: rgb(17, 17, 17);
}
.button:active {
	top: 1px;
}
.button.sma {
	font-size: 11px;
}
.button.sma:visited {
	font-size: 11px;
}
.button {
	line-height: 1; font-size: 13px; font-weight: bold; text-shadow: 0px -1px 1px rgba(0,0,0,0.25);
}
.button:visited {
	line-height: 1; font-size: 13px; font-weight: bold; text-shadow: 0px -1px 1px rgba(0,0,0,0.25);
}
.button.med {
	line-height: 1; font-size: 13px; font-weight: bold; text-shadow: 0px -1px 1px rgba(0,0,0,0.25);
}
.button.med:visited {
	line-height: 1; font-size: 13px; font-weight: bold; text-shadow: 0px -1px 1px rgba(0,0,0,0.25);
}
.button.large {
	padding: 8px 14px 9px; font-size: 14px;
}
.button.large:visited {
	padding: 8px 14px 9px; font-size: 14px;
}
.button.super {
	padding: 8px 14px 9px; font-size: 34px;
}
.button.super:visited {
	padding: 8px 14px 9px; font-size: 34px;
}
.button.pink {
	background-color: rgb(226, 32, 146);
}
.button.magenta:visited {
	background-color: rgb(226, 32, 146);
}
.button.pink:hover {
	background-color: rgb(200, 30, 130);
}
.button.green {
	background-color: rgb(145, 189, 9);
}
.button.green:visited {
	background-color: rgb(145, 189, 9);
}
.button.green:hover {
	background-color: rgb(116, 154, 2);
}
.button.red {
	background-color: rgb(230, 39, 39);
}
.button.red:visited {
	background-color: rgb(230, 39, 39);
}
.button.red:hover {
	background-color: rgb(207, 37, 37);
}
.button.orange {
	background-color: rgb(255, 92, 0);
}
.button.orange:visited {
	background-color: rgb(255, 92, 0);
}
.button.orange:hover {
	background-color: rgb(212, 85, 0);
}
.button.blue {
	background-color: rgb(41, 129, 228);
}
.button.blue:visited {
	background-color: rgb(41, 129, 228);
}
.button.blue:hover {
	background-color: rgb(37, 117, 207);
}
.button.yellow {
	background-color: rgb(255, 181, 21);
}
.button.yellow:visited {
	background-color: rgb(255, 181, 21);
}
.button.yellow:hover {
	background-color: rgb(252, 146, 0);
}
.resform {
	margin: 0px auto; padding: 10px 25px 15px 20px; width: 60%; color: white; background-color: rgb(0, 0, 0);
}
.form {
	margin: 0px auto 50px; width: 100%; max-width: 1000px;
}
.label {
	font-size: 15pt; margin-top: 2%; display: block;
}
#full_name_buchen {
	width: 100%; height: 30px; margin-top: 5px; margin-bottom: 5px;
}
#full_name_callback {
	width: 100%; height: 30px; margin-top: 5px; margin-bottom: 5px;
}
#full_name {
	width: 100%; height: 30px; margin-top: 5px; margin-bottom: 5px;
}
#tel_buchen {
	width: 100%; height: 30px; margin-top: 5px; margin-bottom: 5px;
}
#tel_callback {
	width: 100%; height: 30px; margin-top: 5px; margin-bottom: 5px;
}
#tel {
	width: 100%; height: 30px; margin-top: 5px; margin-bottom: 5px;
}
#mail_buchen {
	width: 100%; height: 30px; margin-top: 5px; margin-bottom: 5px;
}
#mail {
	width: 100%; height: 30px; margin-top: 5px; margin-bottom: 5px;
}
.textarea {
	width: 100%; height: 150px; margin-top: 5px; margin-bottom: 5px;
}
.textarea_buchen {
	width: 100%; height: 150px; margin-top: 5px; margin-bottom: 5px;
}
#full_name_buchen {
	max-width: 400px;
}
#tel_buchen {
	max-width: 400px;
}
#mail_buchen {
	max-width: 400px;
}
.textarea_buchen {
	max-width: 400px;
}