/* comfortaa-regular - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: local('Comfortaa Regular'), local('Comfortaa-Regular'),
       url('fonts/comfortaa-v12-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/comfortaa-v12-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* comfortaa-700 - latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 700;
  src: local('Comfortaa Bold'), local('Comfortaa-Bold'),
       url('fonts/comfortaa-v12-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/comfortaa-v12-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

html {
	min-height: 100%;
}

body {
	color: rgb(0, 0, 0);
	background-color: rgb(238, 227, 211);
	background-image: url(gfx/hintergrund.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	font-family: "URW Gothic L","Corbel","Verdana","Trebuchet MS","Century Gothic",sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	font-size: 106.7%;
	margin: 0;
	padding: 0;
	min-height: 100%;
}

#header {
	position: absolute;
	top: 56px;
	left: 0;
	margin: 0;
	padding: 0;
}

.logo {
	font-size: 78px;
	color: white;
	text-shadow: 7px 6px 16px rgba(0,0,0,0.97);
	text-align: left;
	padding: 0 0 0 1em;
}

.logo, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6,
#menu ul li, #menu ul li.current_menu_item, #content caption {
	font-family: "Comfortaa",sans-serif;
	font-style: normal;
}

.logo, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	font-weight: 700;
}

#content A:link { color: rgb(25, 40, 181); }
#content A:visited { color: rgb(146, 40, 181); }

#content A:link {
	text-decoration: none;
}
#content A:visited {
	text-decoration: none;
}
#content A:hover, #content A:active {
	text-decoration: underline;
}

#content {
	margin: 208px 0 2.67em 15em;
	text-align: justify;
	background-color: rgba(248,243,244,.95);
	border-top: 1px solid rgba(0,0,0,.35);
	border-right: none;
	border-bottom: 1px solid rgba(0,0,0,.35);
	border-left: 1px solid rgba(0,0,0,.35);
	padding: 0.17em 1.33em 1.33em 1.33em;
	min-height: 30em;
}

#content li { list-style-position: inside; }

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6,
#content caption {
	text-align: center;
	font-variant: small-caps;
	text-shadow: 7px 6px 16px rgba(0,0,0,0.54);
}
#content h2 { font-size: 1.83em;}

#footer {
	font-size: 0.73em;
	text-align: right;
	margin: 0 0 -1em 0;
	padding: 0;
}

#menu {
	position: absolute;
	top: 208px;
	left: 0;
	width: 13.67em;
	margin: 4.67em 0;
	padding: 0;
}

#menu ul {
	margin: 0;
	padding: 0;
	text-align: right;
	list-style-type: none;

	font-variant: small-caps;
	font-size: 113.3%;
	font-weight: 400;
}

#menu ul li, #menu ul li.current_menu_item {
	margin: 0.83em 0 0.83em 0;
	border-top: 1px solid rgb(245,233,215);
	border-right: 1px solid rgb(180,155,123);
	border-bottom: 1px solid rgb(180,155,123);
	padding: 0;
}
#menu ul li {
	color: rgb(0, 0, 0);
	background-color: rgb(229, 195, 171);
	background: -webkit-linear-gradient(left, rgb(248,243,244), rgb(229, 195, 171) 83%);
	background: -o-linear-gradient(right, rgb(248,243,244), rgb(229, 195, 171) 83%);
	background: -moz-linear-gradient(right, rgb(248,243,244), rgb(229, 195, 171) 83%);
	background: linear-gradient(to right, rgb(248,243,244), rgb(229, 195, 171) 83%);
	line-height: 1.2em;
}
#menu ul li.current_menu_item {
	font-weight: 700;
}

#menu li.current_menu_item span, #menu A:link, #menu A:visited, #menu A:hover, #menu A:active {
	display: block;
	padding: 0.25em 0.33em 0.25em 0.33em;
}
#menu A:link {
	text-decoration: none;
	background-color: transparent;
	color: rgb(0,0,0);
}
#menu A:visited {
	text-decoration: none;
	background-color: transparent;
	color: rgb(20,20,20);
}
#menu A:hover, #menu A:active {
	text-decoration: underline;
	background-color: transparent;
	color: rgb(0,0,0);
}


#content, #menu ul li {
	-moz-box-shadow: 7px 6px 16px rgba(0,0,0,0.67);
	-webkit-box-shadow: 7px 6px 16px rgba(0,0,0,0.67);
	box-shadow: 7px 6px 16px rgba(0,0,0,0.67);
}

img.foto, .galerie_view img, .thumbs img, .rates table,
.lageplan iframe, .kalender iframe {
	-moz-box-shadow: 7px 6px 16px rgba(0,0,0,0.54);
	-webkit-box-shadow: 7px 6px 16px rgba(0,0,0,0.54);
	box-shadow: 7px 6px 16px rgba(0,0,0,0.54);
}

img.foto, .galerie_view img, .lageplan iframe, .kalender iframe {
	margin: 0;
	padding: 2px;
	background-color: white;
	border: 1px solid rgb(211, 208, 211);
}

.kalender iframe, .lageplan iframe {
	width: 36.3em;
	height: 36.3em;
}

.galerie, .kalender, .lageplan {
	text-align: center;
	margin: 1.33em 0;
}
.thumbs {
	margin: 0.5em 0;
}
.thumbs img {
	vertical-align: middle;
	margin: 0.25em 0.25em;
	padding: 1px;
	background-color: white;
	border: 1px solid rgb(211, 208, 211);
}
.galerie_footer {
	margin: 0.25em 0;
}
.galerie_footer small {
	font-size: 0.83em;
}

.rates table {
	border-collapse: collapse;
	margin: 1.33em auto;
}
.rates table td, .rates table th {
	border: solid 1px black;
	padding: 0.33em 0.5em;
	text-align: right;
	vertical-align: middle;
}
.rates table caption {
	margin: 0.33em auto;
}
.rates .anno {
	text-align: center;
	font-size: 0.83em;
	margin: 0.4em auto;
}

/* forms */

.formitude_form, .formitude_entries {
	margin: 1.33em auto;
}

.formitude_form table th, .formitude_form table td,
.formitude_entries table th, .formitude_entries table td {
	padding: 0;
	border-style: none;
}
.formitude_form table, .formitude_entries table
{
	margin: 1.33em auto;
	border-style: none;
	border-collapse: separate;
	border-spacing: 0.6em 0.2em;
	padding: 0;

	text-align: left;
}
.formitude_status, .formitude_error { color: red; }
.formitude_form table td.formitude_status,
.formitude_entries table td.formitude_status {
	text-align: center;
	padding: 0.67em;
}
.formitude_form table td.formitude_action {
	text-align: right;
	padding: 0.33em 0;
}
.formitude_entries table td.formitude_status { color: black; }

.formitude_caption { text-align: center; }
.formitude_caption h1, .formitude_caption h2, .formitude_caption h3,
.formitude_caption h4, .formitude_caption h5, .formitude_caption h6
{
	text-align: center;
	margin: 0.33em;
}

.formitude_label { width: 8em; }

.formitude_entries .formitude_value, .formitude_field input, .formitude_field select, .formitude_field textarea {
	width: 32em;
	font: inherit;

	color: black;
	background-color: white;
}