@charset "utf-8";

/* [ Standard Inline Elemente ]------------------------------------- */

/* Standard Abstand zwischen Inline Elementen */
h1, h2, h3, p, ul, ol, .paragraph {
}


/* Links */
a {
}

a:visited { 
}

a:hover {
}

a:active { 
	color: #ad645c; 
}

a img {
}


/* Bilder */
img {
}


/* Überschriften */
h1 {
	margin: 1.2em 0 1.5em -400px;
	}
	
.fullwidth h1 {margin: 1.2em 0 .8em;}

h2 {
}

h3 {
}

h1, h2, h3 {
	}

/* Textlisten */
ul {
}

ul li {
}

ul.checklist li {
	}

/* Numerierte Listen */
ol {
}

hr { 
}

abbr { 
}

::-moz-selection {
}

::selection {
}


/* [ Basis ]------------------------------------- */

body {
}

div.inner {
	padding: 0;
	}

/* Kopfbereich */
header {
	margin: 0 auto 22px;
	height: 154px;
}

/* Inhaltsbereich */
article {
	max-width: 560px;
	float: right;
	padding: 10px 0px 40px;
}

.fullwidth article {float: none;width: 100%;max-width:none;}
article.fullwidth {float: none;width: 100%;max-width:none;}

/* Seitenleiste */
aside {
	max-width: 320px;
	float: left;
	padding: 116px 0 0 0;
	}
	
.fullwidth aside {display: none;}

/* Fußbereich */
footer {
	padding: 10px 10px;
	background: url(../img/bg-footer.jpg) center bottom;
}

footer a, footer a:visited {
	}
	
footer div.footertext {
	margin: 21px 24px 14px;
	float: left;
	width: 296px;
	padding: 0;
	}

/* [ Navigation Allgemein ]------------------------------------- */

/* Schriftart für Überschirften */
nav {
	}

/* Listen innerhalb von Navigation reseten */
nav ul {
	}

nav ul li {
	}
	
/* Hauptnavigation */
nav.mainnav {
	margin: 0 -2px;
	width: auto;
	}
	
nav.mainnav:before, nav.mainnav:after {
	}
	
nav.mainnav:before {
	}
	
nav.mainnav:after {
	}


nav.mainnav ul {
}

nav.mainnav ul li {
}

nav.mainnav ul li a.wirtshaus {
	background-image: url('/inc/img/icon-wirtshaus-hover.png');
	background-image: url('/inc/img/icon-wirtshaus.png');
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center left 10px;
	padding-left: 30px!important;
}

nav.mainnav ul li.current a.wirtshaus {
	background-size: 30px;
	padding-left: 40px!important;
}

nav.mainnav ul li.current a.wirtshaus, nav.mainnav ul li a.wirtshaus:hover {
	background-image: url('/inc/img/icon-wirtshaus-hover.png');
}



nav.mainnav ul li:not(:last-child):after {
	content: '';
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	background: url(../img/bg-mainnav-divider.png) no-repeat;
	top: 18px;
	right: -4px;
	z-index: 1;
}

nav.mainnav ul li a {
}

nav.mainnav ul li.current a {
	padding: 17px 15px 15px;
	margin: -6px 0 -8px;
	background-color: #00517a;
	position: relative;
	color: #fff;
	border-bottom: solid #fff 2px;
}

nav.mainnav ul li.current a:before, nav.mainnav ul li.current a:after {
	content: "";
	width: 2px;
	height: 16px;
	background-color: #fff;
	position: absolute;
	bottom: -2px;
	}
	
nav.mainnav ul li.current a:before {left: -2px;}
nav.mainnav ul li.current a:after {right: -2px;}

nav.mainnav ul li a:hover {background-color: transparent;}
nav.mainnav ul li.current a:hover {background-color: #00517a;}

/* Sonderbehandlung für letztes Navigationselement */
nav.mainnav ul li:last-child a {
	border-right: 0;
}

.subnavheader {
	display: none;
}

/* Subnavigation */
nav.subnav {
	padding: 24px 0;
	min-height: 200px;
	margin-bottom: 48px;
	}
	
nav.subnav:before {
	content: '';
	width: 112px;
	height: 212px;
	top: -35px;
	left: -102px;
	display: block;
	position: absolute;
	z-index: -1;
	background: url(../img/bg-subnav.png) no-repeat;
	}
	
nav.subnav ul {
}

nav.subnav ul li {
}

nav.subnav ul li a {
	padding: 10px 45px;
	text-align: right;
	border: none;
}

nav.subnav ul li a:hover, nav.subnav ul li.current a {
	color: #fff;
	background-color: transparent;
}

nav.subnav ul li.current a:before {
	content: "";
	width: 34px;
	height: 30px;
	background: url(../img/bg-subnav-current.png) no-repeat;
	position: absolute;
	right: -4px;
	top: 4px;
	}

/* Sprachnavigation */
nav.langnav {
	background: #004366;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	float: right;
	padding-left: 36px;
	background: #004366 url(../img/bg-langnav.png) no-repeat left 12px top 7px;
	border-left: solid #fff 2px;
	border-right: solid #fff 2px;
	border-bottom: solid #fff 2px;

	}
		
nav.langnav ul {
}

nav.langnav ul li {
	float: left;
	position: relative;
}

nav.langnav ul li:not(:last-child):after {
	content: '';
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	background: url(../img/bg-mainnav-divider.png) no-repeat;
	top: 14px;
	right: -4px;
	z-index: 1;
}

nav.langnav ul li a {
	display: block;
	text-decoration: none;
	padding: 8px 8px 6px;
	color: #ccdde5;
	position: relative;
	margin: 0 10px;
}

nav.langnav ul li.current a {
	padding: 8px 8px 10px;
	margin-bottom: -6px;
	background: #004366;
	border-bottom: solid #fff 2px;
}

nav.langnav ul li.current a:before, nav.langnav ul li.current a:after {
	content: "";
	width: 2px;
	height: 8px;
	background: #fff;
	position: absolute;
	bottom: 4px;
	}
	
nav.langnav ul li.current a:before {left: -2px;}
nav.langnav ul li.current a:after {right: -2px;}

nav.langnav ul li a:hover, nav.langnav ul li.current a {
	color: #fff;
}

/* [ Eigene Formate/Klassen ]------------------------------------- */
	
/* Intro Text */
.intro {
	}
	
/* Infotext im Header */
.headerinfo {
	position: absolute;
	top: 44px;
	right: 2px;
	
	text-align: right;
	z-index: 1;
	}
	
.headerinfo a:second-of-type {
	margin-left: 20px;
	}
	
/* Statische Google Map im Footer */
.staticgooglemap {
	border: solid #ccb999 1px;
	float: right;
	margin-top: 23px;
	width: 216px;
	display: block;
	}

.googlemap {display:block;}

.headerinfo a {
	color: #00537f;
	text-decoration: none;
	border: none;
	background: none;
	display: inline-block;
	padding: 2px 0;
	margin: 0;
	
	width: auto;
	}
	
.headerinfo a:last-of-type {
	text-decoration: underline;margin-left: 10px;position:relative;
	}
	
.headerinfo a:last-of-type:before { content:"\00b7";text-decoration: none;position:absolute;left:-10px;}

.headerinfo a:hover {
	text-decoration: underline;
	background: transparent;
	color: #00537f;
	}

/* Contentbild */
.pic {
}

.picright, .picleft {
	width: 280px;
}

.picright, .picleft {
	margin-bottom: 10px;
	width: 280px;
}

.picright 
	margin-left: 24px;
}

.picleft {
	margin-right: 24px;
}

.half		{width: 270px;}
.third		{width: 170px;}

/* Drittel und Viertel wird zu halb, Zweidrittel wird voll Margin zurücksetzen */
.twothird	{width: 648px; margin:0 auto}

.left	{margin-right: 24px;}
.right	{margin-left: 24px;}

/* Zweispalter */
.twocols {
	margin: 1em 0;
	clear: both;
}

.twocols .one, .twocols .two {
	width: 270px;
	float: left;
}

.twocols .one {
	margin-right: 20px;
}

.twocols .two {
}

.fullwidth .twocols .one, .fullwidth .twocols .two {
	width: 460px;
}

/* Abstand des ersten und letzten Element in Spalten auf 0 Setzen */
.one > *:first-child, .two > *:first-child, .three > *:first-child {
		margin-top: 0; 
	}

.one > *:last-child, .two > *:last-child, .three > *:last-child {
		margin-bottom: 0; 
	}


/* Tabstop */
.tab {
}

/* Setzt Float Left/Right zurück auf normalen Fluss */
.clearboth {}

/* Kleiner Text für Hinweise */
.minitext { 
}

/* Bei langen Texten pro Listenpunkt mehr Abstand zwischen li */
ul.listspace li { 
}

/* Tabellen */
table {
}

caption { 
}

table th, table td {
}

table th  {
}

/* Kundenzitat */
.kundenzitat {
	}
	
.kundenzitat .author {
	}
	
.calltoaction {
	width: auto;
	}
	
.calltoaction a {
}
	
.calltoaction:before, .calltoaction:after {
	}
	
.calltoaction:before {
	}
	
.calltoaction:after {
	}

/* Logo */
header a.logo {
	margin: 8px 0 6px 58px;
	display: block;
	width: 320px;
	}
	

/* Footer-Formate */
footer .four, footer .five {
	display: block;
}


.fivecol {
	margin: 1em -12px;
	}
footer .one {
	width: 158px; 
	float: left; 
	margin:  12px;
	}

footer .one a.logo {
	display: block;
	}

footer .two {
	width: 174px; 
	float: left; 
	margin: 12px 12px 0;
	}

footer .three {
	width: 200px; 
	float: left; 
	margin: 12px 12px 0;
	}

footer .four {
	width: 32px; 
	float: left; 
	margin: 12px 12px 0;
	}

footer .four a.sociallink {
	width: 32px;
	display: inline-block;
	margin: 0 10px 4px 0;
	float: left;
	}

footer .five {
	width: 280px; 
	float: left; 
	margin: 12px 12px 0;
	}

/* Box Formate */
.box {
	width: 618px;
	}
	
.box img.pic, .box img.picright, .box img.picleft {
	width: 272px;
	height: auto;
	}
	
.box .picright {
	float: right;
	margin-left: 24px;
	}

.box .picleft {
	float: left;
	margin-right: 24px;
	}

.box a {position: relative;}
.box a:after {
	}
.box a:hover:after {
	}
		
.box.small {width: 296px;border:none;}

.box.small h2 {
	margin-top: 0;
}

.box.left {
	margin-right: 0;}

.box.right {
	margin-left: 0; }
	
.box h2 {
	margin-top: 0;
	}
	
.box.blue {
	}
	
.box.blue img {}
.box.blue a {}
.box.blue a:hover {}

.box.brown {
	}
	
.box.brown img {}
.box.brown a {}
.box.brown a:hover {}

.box section.kundenzitat {
	}
	
.box a {
	}

/* Schnellbuchung Einbindung */
.schnellbuchung {
	display: block;
	width: 100%;
	margin: 48px 0;
}

	#start .schnellbuchung { /* für Homepage als Contentelement */
		width: 320px;
		float: right;
		margin: 0 0 48px 80px;
	}

.schnellbuchung .skd-widget-row.skd-additional-controls { /* in Schnellbuchung Zusatzbuttons raus */
    display: none !important;
	}

.schnellbuchung .skd-widget .skd-search-box.skd-roundedTop.skd-roundedBottom { /* in Schnellbuchung Abstand */
    padding-bottom: 40px !important;
}

.bestpreisgarantie {
	display: none;
	margin: -70px auto 0;
	z-index: 9;
	position: relative;
	float: right;
	margin: -70px 10px 60px auto;
	}


/* Klasse für Anmerkungen */
.aysberg { 
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #990000;
	border-left: 2px dotted #900;
	padding-left: .5em; 
}

/* Sonderformate Startseite */
#start article {
	}
	
#start .intro {
	}
	
#start .bx-wrapper {
	}
	
#start header {
	}

		
#start h1 {
	margin: 2em 0 1em;
	text-align: left;
	}
	
#start .bestpreisgarantie, .bestpreisgarantie {
	display: block;
	}
	
#start .column-left {
	width: 596px;
	float: left;
	margin: 0;
	}

.staticmap {display:none;}

/* [ Sticky Footer by Steve Hatcher http://stever.ca, http://www.cssstickyfooter.com (löschen wenn nicht gewünscht inklusive im HTML #wrap und #main löschen) ]------------------------------------- */
/* HTML: <div id="wrap"><div id="main">...</div></div> <footer>...</footer> */

html, body {
	height: 100%;
	}

#wrap {
	min-height: 100%;
	}

#main {
	/* overflow: auto for Quircksmode, causes trouble when Page is smaller than 960px */;
	padding-bottom: 190px; /* must be same height as the footer */
	}   

footer {
	position: relative;
	margin-top: -190px; /* negative value of footer height */
	height: 190px;
	clear: both;} 

.no-screen {display:none!important;}
.only-screen {display:inline-block!important;}

/* Bildschirme größer als 1028 */

@media (min-width: 1028px) {

.calltoaction:before {
	background: url(../img/bg-calltoaction-left.png) no-repeat;
	left: -36px;
	}
	
.calltoaction:after {
	background: url(../img/bg-calltoaction-right.png) no-repeat;
	right: -36px;
	}

}