/* patroc.com: index.css */

* { margin: 0; padding: 0; }

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ! important;
	background-color: #fefefe;
}

#Page {
	margin-left: auto;
	margin-right: auto;
	width: 100%; max-width: 732px;  	 
  background-color: #fefefe;
	/* overflow: visible; */
}

/* #Header {   clear: both;	text-align: center;	margin-left: auto; margin-right: auto; } */

#Header img.header, #Header img.logo { 
  display: block; 
  border: 2px solid #dfdfdf; 
  /* width: 100%; max-width: 728px; */
  max-width: 100%; 
  height: auto; 
} 


a {	text-decoration: none; }
a:link, a:visited { color: #0000CC; }
strong.summary a { color: #585F5A !important; }
a.website { font-style: italic; }

/* Menu */

#Menu {
	padding: 25px 0px 5px 0px;
	width: 27%; max-width: 150px; 
	float: left;
	font-weight: bold;
	line-height: 1.0;
  overflow: hidden;
}

div.menulist { 
  font-family: helvetica, arial, sans-serif; 
  font-size: 13px; 
  line-height: 20px; 
} 

div#current_city { 
  text-align: center; 
  margin-bottom: 30px; 
}

div#categories { 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ! important; 
  font-size: 12px; 
}

div#cities a { padding-left: 9px; }

div.menulist a:link, div.menulist a:visited, div.menulist span {
  display: block;
  margin: 6px 0;
	background-color: #f2f2f9;
	color: #505050;
}

div#categories a:link, div#categories a:visited, div#categories div span { 
	border-left: 3px solid #f2f2f9;
} 
div#cities a:link, div#cities a:visited, div.menucity_current a:link, div.menucity_current a:visited, div.menucity_current span { 
	border-left: 3px solid #ddd;
} 

div.menulist a:hover, div.menulist a:focus, div.menulist a:active, div.menumaps span.maps:hover { 
  background-color: #e2e2e9 !important; 
	color: navy !important;
  border-left: 3px solid navy !important; 
} 
div.menulist span.activepage {
  background-color: #e7e7e7 !important; 
  border-left: 3px solid #888 !important; 
}

div.menumaps { cursor: pointer; }
div#areamaps { margin-left: 0; margin-bottom: 10px; display: none; }
div#areamaps div.menumaps { margin: 5px 0 5px; font-weight: normal; font-size: 11px; line-height: 14px !important; }
span.map { background-color: #fff !important; border-left-style: none !important; }
span.map:hover { color: navy !important; }

div#show_cities { cursor: pointer; margin-top: 20px !important; display: none; } 
div.menu_detailpage div#show_cities { display: block !important; }
div.menu_detailpage div#cities      { display: none;  } 

div.bvertical { width: 162px; float: right; margin: 1px -180px 0 25px; }
div#Menu div.bvertical { display: none; float: none !important; width: auto !important; margin: 50px 0px 10px 0px !important; text-align: right; }
div#Menu div.bvertical img { width: 100%; max-width: 140px; height: auto; }

div#bbottom { display: none; position: -webkit-sticky; position: sticky !important; bottom: 0; width: 100%; } 

@media screen and (max-width: 910px) { 
  div.bvertical          { display: none;  } 
  div#Menu div.bvertical { display: block !important; } 
  div.photo_indexpage { display: none;  }
}
@media screen and (max-width: 767px) { 
  div.menulist a, div.menulist span { padding-top: 4px; padding-bottom: 4px; } 
  div.menuall         { display: none;  }
  div.menuphotos      { display: none;  }
  div.not_on_mobile   { display: none;  }
}
@media screen and (max-width: 730px) { 
  div#Header img.header, #Header img.logo { border: 0; } 
  div#cities      { display: none;  } 
  div#show_cities { display: block; } 
  div#bbottom   { display: block; } 
  div.bvertical.desktoponly { display: none !important;  } 
}

#Undermenu {	margin: 30px 0 0 0;	text-align: left; }

div#cities_horizontal { margin-top: 10px; padding-bottom: 10px; line-height: 24px; }
div#cities_horizontal a { padding: 4px 9px; }

/* ******** */


#Content {
	padding: 5px 20px 20px 12px;
  margin-left: 27%;  /* 188px */  
	overflow: visible;
}

strong.content, strong.summary, b.content { color: #585F5A; }

ul { list-style-type: none; }
li { display: list-item; margin-top: 4px; }

h1 {
  margin-top: 18px; 
  margin-bottom: 26px; 
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
  font-size: 26px; 
	color: navy;
}

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

h1.font { 
	line-height: 42px !important;
  font-family: Oswald, helvetica, arial, sans-serif; 
  font-weight: normal;
  font-size: 32px;
}

h2 { 
	line-height: 34px !important;
	margin-top: 40px;  
  margin-bottom: 16px;
	font-family: Oswald, helvetica, arial, sans-serif;
	font-weight: normal;
  font-size: 24px; 
	color: #E48200; 
}
h2.hotels { padding: 10px 0 4px;}
h2 img { padding-left: 4px; position: relative; top: 1px; cursor: pointer; }

p.jump_h2 { text-align: right; }
p.jump_h2 a {
	font-family: Oswald, helvetica, arial, sans-serif;
	font-weight: normal;
  font-size: 14px; 
	color: #E48200 !important; 
}

#Content p {
	margin: 10px 0 10px 0 ! important;
	font-size: 12px ! important;
	line-height: 1.4 ! important;
}

#Content div.photo_indexpage {	float: right; margin: -18px -70px 15px 20px; }

div.vevent { 
	margin: 30px 0 40px 0;
	font-size: 12px; 
	line-height: 1.4;
}

div.news-date, span.news-date { font-size: 10px;	}

div.news-content { margin-top: 4px; }

div.news-website a { display: block; padding: 5px 0px; }
@media screen and (max-width: 767px) { div.news-website a { padding: 8px 0px; margin-top: 5px; } }
@media screen and (max-width: 540px) { span.linkpfeil { display: none; } }

a.calendar { margin-left: 15px; }
img.calendar_icon { width: 18px !important; vertical-align: -4px; padding: 0 3px; }

button.mapbutton {
	min-width: 140px; 
  margin: 20px 0 10px;
  padding: 5px 10px;
  color: #ffffff;
  background-color: navy; 
  font-size: 100%;
  font-family: inherit;
  font-weight: normal;
  text-align: center; 
  line-height: 1.1;
	cursor: pointer;
  border: 0;
  border-radius: 1em;
}

button.showmap_news {
  display: inline-block;
	margin: 4px 0 2px 0;
  padding: 1px 10px 2px 10px;
  color: #fff;
  background-color: #ccc;
  font-size: 100%;
  font-family: inherit;
  font-weight: normal;
  text-align: center; 
  line-height: 1.1;
	cursor: pointer;
  border: 0;
  border-radius: 1em;
}
span.button_offset { display: inline-block; width: 4px; }

div#map_hotels {
	margin-top: -20px !important;
  text-align: right; 
}
button.showmap_hotels {
  display: inline-block;
  padding: 2px 18px 2px;
  color: #fff;
  background-color: #ccc;
  font-size: 13px;
  font-family: inherit;
  font-weight: normal;
  line-height: 1.0;
	cursor: pointer;
  border: 0;
  border-radius: 1em;
}


#Footer {
	width: 100%; max-width: 730px; 
	margin: 10px auto 0 auto;
	padding: 10px 0 20px 0;
	clear: both;
	text-align: center;
	font-size: 12px;
}
#Footer hr { 
  margin-bottom: 10px; 
	margin-left: auto; margin-right: auto; /* Safari */
}
hr { 
	color: #dfdfdf;              /* IE */
	background-color: #dfdfdf;   /* Mozilla, Safari */
	height: 1px;
	border-style: none; /* Mozilla */
}


/* patroc.com: locations.css */

p.arrow_top { font-size: 24px !important; font-weight: bold; text-align: right !important; }
p.arrow_top a { padding-left: 10px; color: #ddd !important; }

div.vcard, div.item { 
	margin-top: 30px;
	margin-bottom: 45px;
	padding-left: 1px;
	font-size: 12px; 
	line-height: 1.2;
	border-top: 1px solid #dfdfdf; 
}

div.detailpage {
  margin-top: 0px;
	margin-bottom: 5px !important;
	font-size: 12px;
	line-height: 1.4;
  border: none;
}
div.detailpage div.description {
	margin: 25px 0 4px; 
  line-height: 1.3;
}

div.location, div.locationname { 
  margin: 15px 0 18px 0; 
  padding: 4px 0 0 0; 
}

div.location strong, div.locationname strong { 
	font-family: helvetica, arial, sans-serif;
	font-size: 18px; 
	font-weight: bold;
  line-height: 26px;
	color: navy; 
}
div.locationname strong a { color: navy !important; }

div.note_pricerange { margin-top: 18px; margin-bottom: 40px; } 

div.locationpicture img { 
  width: 200px;
  float: right; 
  margin: -8px 0px 20px 30px; 
  border: 1px solid #DFDFDF; 
  /* padding: 0 !important; */ 
}
@media screen and (max-width: 650px) { 
  div.locationpicture { text-align: right; }
  div.locationpicture img { float: none !important; margin-bottom: 5px; }
}
@media screen and (max-width: 500px) { 
  div.locationpicture { text-align: left; }
  div.locationpicture img { margin: -1px 0px 5px -1px !important; /* max-width: 150px; */  }  
} 


div.open, div.hoteltype { margin-top: 4px; color: #0a0a0a;	font-weight: normal; }

div.adr { margin-top: 18px; line-height: 18px; }

div.country { line-height: 18px; }

span.transport { margin-left: 2px; color: #777; }
div.transport { margin-top: 5px; line-height: 20px; color: #777; }

div.communication { margin-top: 16px; font-style: italic;  }
div.communication a { display: block; padding: 2px 0px 5px 0px; }

@media screen and (max-width: 767px) { 
  div.communication a { padding: 8px 0px; margin-top: 5px; } 
}
@media screen and (max-width: 730px) { 
  div.detailpage div.open { margin-top: 45px; }
  div.detailpage div.description { margin-top: 45px; }
}

div.line_phone { margin-top: 5px; margin-bottom: 12px; }

div.notes { 
	font-style: normal;
	font-size: 12px; 
	line-height: 1.3;
	margin: 20px 10px 15px 0px; 
}

/* end locations.css */