/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-style: swap;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-style: swap;
  src: url('../fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-style: swap;
  src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

body {
	font-family: Roboto,Arial,Verdana,"Lucida Grande","Lucida Sans Unicode",sans-serif;
	width: 100%;
	min-width: 960px;
	font-size: 12px;
	line-height: 12px;
	overflow-x: hidden;

    height: auto;
	margin: 0;
	padding: 0;
	background: URL('../img/background.jpg') fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

a { color: #98744c; }

a:hover {color: #8C263C}

p { margin-bottom: 15px;  color: #98744C; line-height: 20px; }

a.dottedLink {
	background: url(../img/list_style.gif) left 6px no-repeat;
	padding-left: 15px;
	margin-bottom: 5px;
}

a.arrowLink {
	background: url(../img/list_icon.png) left center no-repeat;
	padding: 3px 0px;
	padding-left: 25px;
	margin-bottom: 5px;
	display: inline-block;
}

a.arrowLinkBack {
	background: url(../img/back_icon.png) left center no-repeat;
	padding: 3px 0px;
	padding-left: 25px;
	margin-bottom: 5px;
	display: inline-block;
}


a.arrowLink.first {
	width: 260px;
}

.innerContentImage {
	height: 419px;
	width: 610px;
	margin: 23px 23px 15px;
}

.innerContentRight > h1 {
	border-bottom: 2px dotted;
    color: #A8845C;
    font-size: 2em;
    overflow: hidden;
    padding: 10px 0;
	margin-bottom: 30px;
    text-align: left;
	width: 480px;
}

h3 {
	text-transform: uppercase;
	color: #8C263C;
	font-weight: bold;
	margin-bottom: 15px;
}

h4 {
	margin-bottom: 15px;
}

h6 {
	color: #8C263C;
}

.displayBlock {display: block}
.fontBold {font-weight: bold;}


.clearBoth {
	height: 1px;
	clear: both;
}

.colorRed { color: #8C263C; }
.marginTop10 { margin-top: 10px;}
.marginRight80 { margin-right: 80px;}
.floatLeft {float: left;}
.floatRight {float: right;}
.visibleHidden{visibility: hidden;}


.dottedList {
	list-style-image: url(../img/list_style.gif);
}

.dottedList li {
  list-style-image: url(../img/list_style.gif);
	margin-left: 15px;
	padding-bottom: 2px;
}

.arrowList {
	list-style-image: url(../img/list_icon.png);
}

.arrowList li {
	float: left;
}
	
.pageImages {
	position: absolute;
	right: 20px;
	top: 38px;
	width: 150px;
	margin: 0 auto;
}

.pageImages img { margin-bottom: 25px;}

#social_sharing_bar {
	margin: 30px 0px;
	width: 310px;
	text-align: center;
}

/* ---------------------------- */

.mainNavigationContainer .menu_logo img {
	width: 250px;
}

.mainNavigationContainer ul.navigation li {
	border-top: 1px dotted #c1996a;
	margin-left: 15px;
    width: 165px;
	/*background: url(../img/menu_divider.png) left 0px no-repeat;*/
}

.mainNavigationContainer ul.navigation li a {
	/*background: url(../img/bg_navigation.png) no-repeat;*/
	/*border-top: 1px dotted #c1996a;*/
	background: url("../img/arrows.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    color: #A8845C;
    display: block;
    font-size: 1.4em;
    padding: 16px 30px 16px 0;
    text-decoration: none;
    width: 120px;
}

.mainNavigationContainer ul.navigation li a:hover { color: #aa1519; }

.mainNavigationContainer ul.navigation .active a { 
	color: #aa1519;
	/*color: #643E11;*/
}

.mainNavigationContainer ul.navigation {
	border-bottom: 10px solid #C1996A;
	border-left: 10px solid #C1996A;
	border-right: 10px solid #C1996A;
	/*height: 450px;*/
	height: 475px;
	background-color: #FFFFFF;
	box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.47) inset;
	-moz-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.47) inset;
	-webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.47) inset;
	position: absolute;
    top: 179px;
    width: 230px;
}

.mainNavigationContainer {
	font-weight: bold;
    line-height: 25px;
    position: relative;
    width: 250px;
    z-index: 1000;
	/*
	line-height: 25px;
	position:absolute;
	width: 250px;
	top: 0px;
	left: 465px;
	z-index: 1000;
	font-weight:bold;*/
}

.headerContainer { 
	background: #8C263C; 
	margin-top: 0px;
	position: absolute;
	left: 0;
    top: 0;
}

.headerContainer img { width: 2000px; display: block; }

.headerLogo {
	width: 150px;
	height: 102px;
	background: url(../img/header_logo.jpg) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 0px;
	right: 1%;
	border-bottom: 2px solid #FFFFFF;
	z-index:200;
}

.contentContainer {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 960px;
    z-index: 400;
}

.innerContentContainer {
	background-color: #ffffff;
    border-bottom: 10px solid #c1996a;
    border-left: 10px solid #c1996a;
    border-right: 10px solid #c1996a;
    font-size: 1.1em;
    line-height: 1.2em;
    margin-left: 285px;
    min-height: 770px;
    padding-bottom: 25px;
    width: 655px;
	position: relative;
	box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.47) inset;
	-moz-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.47) inset;
	-webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.47) inset;
	/*-moz-box-shadow: 0 0 7px #9A9A9A; 
	-webkit-box-shadow: 0 0 7px #9A9A9A;
	box-shadow: 0 0 7px #9A9A9A;*/
}

.footerContainer {
    bottom: 0;
    color: #957149;
    font-size: 1.3em;
    font-weight: normal;
    margin: 0 0 30px 303px;
    position: absolute;
    text-indent: 15px;
    width: 647px;
    z-index: 50;
}

.innerContentLeft, 
.innerContentRight {
	vertical-align: top;
}

.innerContentLeft {
	width: 200px;
	margin-top: 5px;
	padding-bottom: 30px;
}
.innerContentRight {
	padding-left: 23px;
	padding-bottom: 15px;
	font-size: 1.1em;
	line-height: 1.1em;
	width: 620px;
}

.subNavigationContainer {
	position: absolute;
	border-top: 2px solid #FFFFFF;
	background-color: #D0703D;
	top: 125px;
	width: 100%;
	height: 25px;
	z-index: -1;
}

.subnavigation {
	position: absolute;
	left: 820px;
	height: 25px;
	line-height: 25px;
	top: 0px;
	padding-left: 9%;
}

.subnavigation li a {
	display: block;
	text-decoration: none;
	font-size: 1.6em;
	font-weight: normal;
	color: #FFFFFF;
}

.subnavigation li.impressum a { background-position: 0px -64px; width: 100px;}

.langSocialNavigationContainer {
	position: absolute;
	z-index: 300;
	top: 6px; 
	right: 190px;
}

.langSocialNavigationContainer .langnavigation li {
	float: left;
}

.langSocialNavigationContainer .langnavigation li a {
	display: block;
}

.langSocialNavigationContainer .langnavigation li a.deutsch,
.langSocialNavigationContainer .langnavigation li a.english,
.langSocialNavigationContainer .langnavigation li a.francais {
	width: 36px;
	height: 18px;
	text-indent: -6000px;
	margin-left: 5px;
	margin-top: 2px;
}

.langSocialNavigationContainer .langnavigation li a.facebook {
	width: 58px; 
	height: 22px;
	text-indent: -6000px;
	background: url(../img/facebook.gif) no-repeat;
}

.langSocialNavigationContainer .langnavigation li a.deutsch {background: url(../img/deutsch.gif) no-repeat; margin-left: 30px;}
.langSocialNavigationContainer .langnavigation li a.english {background: url(../img/english.gif) no-repeat}
.langSocialNavigationContainer .langnavigation li a.francais {background: url(../img/francais.gif) no-repeat}


/* ------ HOME -------- */

.home .innerContentRight p a {
	color: #8C263C;
}

.home .indexImages {
	/*position: absolute;
	right: 50px;
	top: 20px;*/
	margin: 0px 0px;
}

.home .pageImages {
	width: 100px;
}

.home .pageImages img { margin-bottom: 10px;}


#hcWidget {position: absolute !important; top: 70px; right: 0px; z-index: 1000}
.style2 {top: 28px !important}

#hcWidget .hcWidgetLogoRight img {margin-left: -150px !important}


/* captcha and form */

.captchaContainer {
	float: left;
	width: 295px;
	text-align: center;
}

.captchaContainer #formcaptcha {
	width: 100px;
	margin-bottom: 6px;
}

.captchaContainer .advicecaptcha {
	font-size: 0.8em;
	margin: 5px 0px;
}

.labelError {
	color: #FF0000;
	font-weight: bold;
}

.inputError {
	background-color: #FFF480;
	border: 1px solid #8D273D;
}

.comment {
	color: #8D273D;
	border: 1px solid #8D273D;
	padding: 5px;
	margin-top: 15px !important;
}

.requiredFields {
	margin-top: 10px;
}

.displayNone {display: none}

.errorMessage {
	padding: 10px;
	padding-left: 45px;
	font-weight: bold;
	background: url(../img/warning.png) 5px center no-repeat;
	background-color: #FFF480;
}

/* ------------------ font styles ---------------------- */

.red {
	color: #AA1519;
}

.bold {
	font-weight: bold;
}

.small {
	font-size: small;
}

.large {
	font-size: large;
}

/* --------------------- marken ------------------------ */

.marken .innerContentRight .red {
	width: 145px;
}

.marken .innerContentRight .small {
	color: #88643c;
}

.marken .innerContentRight tr {
	line-height: 22px;
}

/* --------------------- accessoires ------------------------ */

.accessoires .innerContentRight .icon_schmuck {
    background: url("../img/schmuck.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    display: inline-block;
    margin-bottom: 10px;
    padding: 3px 0 3px 50px;
}

.accessoires .innerContentRight .icon_guertel {
    background: url("../img/guertel.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    display: inline-block;
    margin-bottom: 10px;
    padding: 3px 0 3px 50px;
}

.accessoires .innerContentRight .icon_schal {
    background: url("../img/schal.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    display: inline-block;
    margin-bottom: 10px;
    padding: 3px 0 3px 50px;
}

.accessoires .innerContentRight .icon_handtasche {
    background: url("../img/handtasche.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    display: inline-block;
    margin-bottom: 10px;
    padding: 3px 0 3px 50px;
}

/* --------------------- impressum ------------------------ */

.impressum .innerContentRight p {
	line-height: 20px;
}

.impressum .innerContentRight p a {
	color: #98744c;
}

.impressum .webdesign {
	padding-left: 80px;
}

.impressum .webdesign span {
	display: block;
    float: left;
    padding-right: 10px;
    padding-top: 10px;
}

/* --------------------- anfahrt ------------------------ */
/* --------------------- kontakt ------------------------ */

#anfrage_form_b {
	float: right;
	width: 223px;
	padding: 2px 7px 2px 0px;
}

.buchungsanfrage #anfrage_form_a,
.buchungsanfrage #anfrage_form_b {
	margin-bottom: 15px;
}

#anfrage_form_a select#country,
#anfrage_form_b select#country {
  width: 120px;
}

.form_row {
	height: auto;
	padding-bottom: 10px;
}

.error_message {
	background:#EFD1D1;
	border:1px solid #8F002B;
	color: #8F002B;
}

.anfahrt .googleRoutenplaner {
	margin-left: 40px;
	margin-bottom: 30px;
}
.anreise .googleRoutenplaner h6 {margin-top: 10px; margin-bottom: 2px}
.anreise .googleRoutenplaner input,
.anreise .googleRoutenplaner select{margin-bottom: 5px;}
.anreise .googleRoutenplaner input.street {width: 180px;}
.anreise .googleRoutenplaner input.plz {width: 50px; margin-right: 5px;}
.anreise .googleRoutenplaner input.city {width: 150px;}
.anreise .googleRoutenplaner select.country {width: 200px;}
.anfahrt .googleRoutenplaner label {
	display: inline-block;
	width: 100px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.anfahrt form {
	color: #A8845F;
}

.anfahrt .googleRoutenplaner input[type='submit'],
.kontakt .submit {
	background-color: #C1996A;
    color: #ffffff;
    display: block;
    margin-bottom: 15px;
    margin-right: 5px;
    padding: 0 12px;
    text-align: center;
    text-decoration: none;
	width: 200px;
	cursor: pointer;
	border: 1px solid;
	font-family: Roboto;
}

.anfahrt .googleRoutenplaner input[type='submit']:hover,
.kontakt .submit:hover {
	background-color: #A8845C;
}

.anfahrt .street { width: 150px; }
.anfahrt .plz { width: 60px; }
.anfahrt .city { width: 205px; }

.anfahrt input,
.anfahrt select {
	/*color: #A8845C;*/
	color: #643E11;
}

.kontakt form {
	color: #A8845C;
}

#anfrage_form_a input {
	width: 170px;
}

#anfrage_form_a select {
	width: 85%;
	color: #643E11;
}

.form_row input,
.form_row textarea {
	color: #643E11;
}

.form_row label {
	width: 80px;
	display: block;
	float: left;
	padding-top: 2px;
}

#anfrage_form_a {
	width: 87%;
}

#anfrage_form_a .anfrage_name label,
#anfrage_form_a .anfrage_email label {
	padding-left: 15px;
    width: 60px;
}

#anfrage_form_a .anfrage_name input,
#anfrage_form_a .anfrage_email input {
	width: 170px;
}

#anfrage_form_a textarea {
    height: 70px;
    width: 453px;
}

.kontakt .anfrage_nachricht,
.kontakt .spamschutz {
    height: auto;
}

.kontakt .spamschutz .spamEingabe input {
	float: right;
}

.kontakt .spamEingabe {
    float: right;
    width: 458px;
}

.kontakt label {
	width: 80px;
}

.kontakt .requirement {
    color: #999;
    padding: 10px 0 0 79px;
}

.kontakt .submit {
    margin-left: 79px;
    margin-top: 15px;
}

.menu_logo {
	z-index: 1001;
	position: absolute;
}

.datenschutz .innerContentRight h2{
	color: #98744C;
}

.datenschutz .innerContentRight h3{
	color: #98744C;
	text-transform: none;
	font-weight: unset;
	text-decoration: underline;
	margin-top: 15px;
}

.datenschutz .innerContentRight ul{
	margin: 0 0 15px 30px;
	list-style: disc;
	color: #98744C;
}

.cookie_notice {
	width: 100%;
	position: absolute;
	padding: 15px;
	top: 105%;
	/*margin-top: 35px !important;
	margin: 0 auto;*/
	text-align: center;
	font-size: 1.25em;
	line-height: 1.25em;
	display: none;
	color: #98744C;
	background-color: #fff;
}

.cookie_notice .cookie_notice_hide {
	width: 25px;
	height: 25px;
	/*
	line-height: 16px;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	margin-left: 10px;
	*/
	padding: 2.5px;
	display: inline;
	background-color: #98744C;
	color: #FFFFFF;
	cursor: pointer;							
}

.cookie_notice a{
	color: #98744C;
}


@media print {
	.contentContainer {
		width: 100%;
	}
	
	.menu_logo {
		position: relative;
		padding-left: 23px;
	}
	
	.innerContentContainer	{
		width: 100%;
		border: none;
		box-shadow: none;
		margin: 20px 0px 0px 0px;
	}
	
	.innerContentRight {
		width: 80%;
	}
	.footerContainer {
		margin: 0px 0px 0px 10px;
	}
	
	.menu_logo img,
	.navigation {
		display: none;
	}
}