* {
	margin: 0;
	padding: 0;
}
.container {
	width: 1007px;
	margin: 0px auto;
}
body {
	font: 1em Arial, Helvetica, sans-serif;
}
.border {
	border: 3px solid #fff;
}

h1, .title {
	color:#767229;
	font: 2em 'Courgette', Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	letter-spacing: 0.08em;
}

h2, .subtitle {
	color: #696525;
	font: 1.25em 'Courgette', Arial, Helvetica, sans-serif;
	letter-spacing: 0.08em;
}

.copytext, .standard {
    line-height: 170%;
	letter-spacing: 0.08em;
}

.kursiv {
 font-style:italic;
}
/***** ////// HEADER  ////////////////////////////////////////////////////  ****/

header {
	position:relative;
	width: 1007px;
	height: 523px;
}
#infotop {
	position:relative;
	height: 43px;
	background-color: black;
	z-index: 3;
}
#logo{	
	position: absolute;
	z-index: 2;
}
#logo img {
	margin-left: 20px;
	-webkit-box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    3px 3px 3px rgba(50, 50, 50, 0.5);
	box-shadow:         3px 3px 3px rgba(50, 50, 50, 0.5);
	border: none;
}
.sprache img {
	float: right;
	margin-top: 18px;
	border: 1px solid #FFF;
}
#deutsch img {
	margin-right:20px;
}
#englisch img {
	margin-right:10px;
}
#gradient{	
	position: absolute;
	z-index: 1;
	bottom: 0; 
}
#gradient img {
	position:absolute;
	bottom: 0;
	left: 0;
}
#s1 {
	position: absolute;
	z-index: 1;
}
#box {
	background-image:url(../images/hintergrund.png);
	background-position: bottom;
	background-repeat: no-repeat;
	height:480px;
	width:1007px;
	z-index:2;
	position: absolute;
}
nav {
    position:absolute;	
	top: 445px;
	width: 1007px;
}

#navigation {
	font: 0.92em Arial, Helvetica, sans-serif;
	float: right;
	margin-right: 22px;
}
ul#navigation li {
	list-style: none;
	display: inline;
}
ul#navigation a, #selected, ul#navigation a:active, ul#navigation a:visited, ul#navigation a:focus, ul#navigation a:link {
	text-decoration: none;
	color: #FFF;
}
ul#navigation a:hover {
	color: #aba936;
}
#selected {
	color: #aba936;
	text-decoration:underline;
}
.stroke {
	color: #aba936;
	margin-left: 10px;
	margin-right: 10px;
	list-style:none;
}
#hotelansicht {
	height: 22px;
	display: block;
	background-color: black;
	padding-left: 3px;
}
#hotelansicht span {
	color: #aba936;
	text-decoration: none;
	/* margin-right: 35px; */
	font:bold 0.8em Arial, Helvetica, sans-serif;
}
#hotelansicht span:hover{
	text-decoration: underline;
}
.hotelansicht_de {
  margin-right: 35px;
}
.hotelansicht_en {
  margin-right: 31px;
}
#hotelansicht a:hover {
	text-decoration: underline;
}
#ansicht {
	margin-top: 310px;
	float:right;
	margin-right: 20px;
	text-decoration: none;
}
/***** ////// CONTENT  ////////////////////////////////////////////////////  ****/

#content {
	position:relative;
	width: 1007px;
	background-color: #aba936;
	overflow:hidden;
	font: 0.83em Arial, Helvetica, sans-serif;
	color: #000;
}
ul#infocontent {
	float: left;
	width: 207px;
	margin-left: 20px;
	margin-top: 35px;
	list-style: none;
}
article {
	width: 728px;
	margin-right: 20px;
	float:right;
	margin-top: 35px;
}
.articletext {
	/* width: 458px; */
	float: left;
	padding-bottom: 25px;
}

article img {
 border: 3px solid #fff;
	box-shadow: 2px 2px 2px #56551B;
}

article a{
 color:#fff;
	text-decoration:underline;	
}

#textEinleitung {	
  	width:728px;	
}

#hcFormat a{
	font: 16px 'Courgette', Arial, Helvetica, sans-serif;	
	color: #767229 !important;
	text-decoration: none;
}

#holidaycheck > div {
	padding-left: 27px;	
}

/***** ////// BUCHUNG  ////////////////////////////////////////////////////  ****/
  
form#caesarForm {
	position: absolute;
	width: 195px;
	height: 195px;
	background-color: #fff;
	border: none;
	color:#000;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border-left: 6px solid #767229;
	border-right: 6px solid #767229;
	border-bottom: 6px solid #767229;
	box-shadow: 3px 3px 3px #56551b;
}


#buchungtitle {
	position: relative;
	width: 195px;
	height: 23px;
	background-color:#000;
	color: #fff;
	text-decoration:none;
    box-shadow: 3px 3px 3px #56551b; 
	padding-left: 12px;
	padding-top: 5px;
	font: 1.1em Arial, Helvetica, sans-serif;
}
#buchungtitle a {
    color: #fff;
    text-decoration:none;
}
form#caesarForm fieldset {
	border:none;
}
form#caesarForm fieldset ul {
	list-style:none;
/*	margin-top: 10px;  */
}
form#caesarForm fieldset ul li {
	margin-top: 12px;
}
select#einzelzimmer, select#doppelzimmer {
	width: 80px;
}
input#caesarDate, select#naechte {
	width: 174px;
}
li.ankunftstag, li.einzelzimmer {
	float: left;
	margin-left: 10px;
}
li.naechte, li.doppelzimmer {
	float: right;
	margin-right: 10px;
}
form#caesarForm label {
	font: 0.87em Arial, Helvetica, sans-serif;
}
form#caesarForm button {
	width: 176px;
	margin-top: 10px;
	margin-left: 10px;
	color: #000;
	background-color: #aba936;
	border-left-color: #c0bf87;
	border-right-color: #908e28;
	border-bottom-color: #908e28;
	border-top-color: #c0bf87;  
	padding-top: 3px;
	padding-bottom: 3px;
	border-width: 2px;
}
form#caesarForm button:hover {
	background-color: #767229;
}
/***** ////// FOOTER  ////////////////////////////////////////////////////  ****/
 
 footer {
	clear: both;
	width: 1007px;
	height:45px;
	background-color: black;
	font: bold 0.8em Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
}
footer p {
	padding-top: 13px;
}
footer span {
	margin-left: 3px;
	margin-right: 3px;
}
footer a, footer a:active, footer a:visited, footer a:link, footer a:focus {
	color: #fff;
	text-decoration:none;
}
footer a:hover {
	text-decoration: underline;
}
/***** ////// INFO  ////////////////////////////////////////////////////  ****/

#standort a {
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #000;
}
#standort {
	clear:both;
	position:relative;
	margin-top: 220px;
}
#holidaycheck {
	margin-top: 15px;
	margin-bottom: 30px;
}

#holidaycheck img {
 border: 0;	
}

h3 {
	color:#767229;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
}
#facebook {
	position:relative;
	width:207px;
	margin-top: 15px; 
}
/***** ////// NEWS  ////////////////////////////////////////////////////  ****/

#news {
	clear:both;
	display:block;
	background-color:#000;
	margin-bottom: 50px;
}

figcaption {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #767229;
	letter-spacing: 1px;
 position: absolute;
	margin-top: -20px;
	margin-left: 3px;
	bottom: 0;
}

figure img{
 border:0;	
}

figure a:link {
	text-decoration:none;
}


.newsliste {
  margin-top: 35px; 
} 

.newsliste div {
  position: relative;
  overflow:hidden;
  display:block;
  padding-bottom: 18px;
  margin-top: 18px;
  border-bottom: 1px solid #767229;
}

.newsliste h2 {
  margin-bottom: 8px;
  float:left;
  width:460px;  
}

.newsliste p {
  float: left;
  width: 460px; 
}

.newsliste img {
  float: right;
  border: 3px solid #fff;   
  margin-right: 50px;
  box-shadow: 2px 2px 2px #56551b;
}

.formular {
    width: 458px;
    float: left;
	padding-bottom: 25px;
	overflow: hidden;
}
#kontakttext {
    margin-bottom:33px;
}
.kontaktadresse {
    float:right;
    width: 250px;
}
.kontaktadresse ul {
    padding-left: 60px;
    letter-spacing: 0.06em;
    line-height: 130%;
    margin-top: 5px;
    font-size: 0.9em;
    list-style: none;
}
#tel {
    margin-top:8px;
    margin-bottom:8px;
}

#space_tel {
    letter-spacing: 0.09em; 
}

#kontaktadresse_head {
    color:#696525;
    font-weight: bold;
}
.kontaktadresse a {
    color: #fff;
    text-decoration: none;
}
.kontaktadresse a:hover {
    color: #fff;
    text-decoration: underline;
}
form#kontaktform ul {
    list-style:none;
    border-bottom: 1px solid #767229;
    border-top: 1px solid #767229;
    height: 330px;
    padding-top: 5px;
}
form#anfahrtform ul {
    list-style:none;
    height: 130px;
    padding-top: 0px;
}
form#kontaktform label, form#anfahrtform label {
    font: 0.87em Arial, Helvetica, sans-serif;
    float: left;
    margin-top: 22px;
    width: 90px;
}
form#kontaktform fieldset, form#anfahrtform fieldset {
    border: none;
}
form#kontaktform input {
    margin-top: 19px;
    width: 355px;
    float: right;
    background-color: #d0cf99;
    border: 1px solid #767229;
}
form#anfahrtform input, form#anfahrtform select {
    margin-top: 19px;
    background-color: #d0cf99;
    border: 1px solid #767229;
}
input#street, select#country {
   width: 355px;
   float: right;    
}
input#zip {
    width: 112px;   
   	float: left;
	margin-left: 12px;
}
input#city {
    width: 228px;
    float: right;   
}
form#kontaktform button, form#anfahrtform button {
    width: 115px;
    color: #fff;
    border-width: 1px;
    background-color: #767229;
    border-left-color: #8f8e4c;
    border-right-color: #767229;
    border-bottom-color: #767229;
    border-top-color: #8f8e4c;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-right:10px;
    letter-spacing: 0.1em;
}
#formbuttons {
    margin-left:100px;
}
form#kontaktform button:hover, form#anfahrtform button:hover {
    background-color:#aba936;
    color:#000;
}
form#kontaktform textarea {
    margin-top: 19px;
    margin-bottom: 38px;
    width: 355px;
    height: 140px;
    float: right;
    background-color: #d0cf99;
    border: 1px solid #767229;
    overflow: auto;
}

#kontaktend {
    position:relative;
    margin-top: 190px;
    display: block;
    border-bottom: 1px solid #767229;
}

.ui-state-error {
    /* background-color:#BB1100; */
    color:white;
}

.message {
    width:352px;
    border:1px;
    padding:2px;
    float: left;
    margin-left: 100px; 
    font-size:10pt;
    line-height: -30px;
}

.textform {
    margin-top: -38px;
}


.bildergalerie img {
    border: 3px solid #fff; 
    margin-right: 10px;
    margin-top: 10px;
    box-shadow: 2px 2px 2px #56551b;
}


#CDSWIDCOE {
    background-color: #ffffff;
    border: 2px solid #599642;
    color: #000;
    font: 11px Verdana,"Bitstream Vera Sans",Arial,Helvetica,sans-serif;
    margin: 10px;
    overflow: hidden;
    text-align: center;
    width: 148px;
}

#TA_certificateOfExcellence938{
    padding-top: 0;
    padding-bottom: 5px;    
    display: block;
    padding-left: 17px;
    margin-top: -12px;
    /* border: 2px solid #767229;  */
    margin-bottom: 10px;
}

/* Kontaktinfo 24.05.2018 */

#kontakthinweis {
	display: block; 
	position: relative; 
	float: left; 
	border-bottom: 1px solid #767229; 
	padding-bottom: 10px; 
	margin-bottom: 10px; 
	font-size: 10px; 
}

/* Cookie Alert 24.05.2018 */

#cookie-alert {
	position:fixed;
	background-color: #000;
	color: #fff;
	height: auto;
	padding: 10px 20px 10px 20px;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
	display: none;
}

#cookie-alert a {
	color: #fff;
	text-decoration: underline;
}

#cookie-alert-button {
	position: relative;
	float: right;
	font-size: 12px;
	margin-left: 10px;
	margin-right: 20px;
	margin-top: 8px;
	text-decoration: none !important;
	padding: 8px 5px;
	background-color: #aba936;
	color: #000 !important;
}

#cookie-close:hover {
	cursor: pointer;
}

#cookie-close {
	border: 1px solid #fff;
	width: 20px;
	padding: 1px 2px;
	text-align: center;
	position: absolute;
	top: 10px;
	right: 10px;

}

#cookie-alert p {
	color: #fff;
	display: block;
	clear: both;
	font-size: 13px;	
	line-height: 150%;
}