/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* =============================================================================
   HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/*
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
 */

::-moz-selection { color: #fff; text-shadow: none; }
::selection { color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

/* a { color: #00e; } */
/* a:visited { color: #551a8b; } */
/* a:focus { outline: thin dotted; } */
a:focus { outline: none; }

/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 20px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img { border: 0; -ms-interpolation-mode: bicubic; }

/*
 * Correct overflow displayed oddly in IE9
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/*
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }


/* =============================================================================
   Primary styles
   Author:
   ========================================================================== */
/*
@font-face {
    font-family: 'AmaranthRegular';
    src: url('../fonts/amaranth-regular-webfont.eot');
    src: local(","),
		url('../fonts/amaranth-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/amaranth-regular-webfont.woff') format('woff'),
        url('../fonts/amaranth-regular-webfont.ttf') format('truetype'),
        url('../fonts/amaranth-regular-webfont.svg#AmaranthRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FirstLetter';
    src: url('../fonts/civityfg-webfont.eot');
    src: local(","),
    	url('../fonts/civityfg-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/civityfg-webfont.woff') format('woff'),
        url('../fonts/civityfg-webfont.ttf') format('truetype'),
        url('../fonts/civityfg-webfont.svg#civityfgRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

*/

@font-face {
    font-family: 'ArefRuqaa';
    src: url('../fonts/ArefRuqaa-Regular.eot');
    src: local(","),
        url('../fonts/ArefRuqaa-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArefRuqaa-Regular.woff') format('woff'),
        url('../fonts/ArefRuqaa-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ArefRuqaa';
    src: url('../fonts/ArefRuqaa-Bold.eot');
    src: local(","),
        url('../fonts/ArefRuqaa-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArefRuqaa-Bold.woff') format('woff'),
        url('../fonts/ArefRuqaa-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}

html, body{
	height:	100%;
	margin:	0;
	padding:0;
}

body{
	text-align:			center;
	min-width:			910px;
	min-height: 		611px;
	background-color:	#344819;
}

a {
  outline: none;
}

:-moz-any-link:focus {
  outline: none;
}

/* to center the content */

#vertical{
	float:		left;
	height:		50%;
	margin-top:	-301px;	/* half vertical height*/
	width:		0%;
}
#container {
	position:			relative;	/* allow to position inside elements absolute, with the container as the startpoint */
	width:				910px;
	margin-left:		auto;
	margin-right:		auto;
	height:				611px;
	background:			#ffffff;
	text-align:			left;
	clear:				both;
	background-repeat: 	no-repeat;
	overflow: 			hidden;
}

/* background image */
#backImg{
	position:	absolute;
	top:		5px;
	left:		5px;
}
#link_lindeHeadLine{
	position:	absolute;
	top:		48px;
	left:		270px;
}

#headingImg:hover{
  cursor: pointer;

}

 /* horizontal navigation bar  */
.navContainer {
	position:			absolute;
	top:				133px;
	left:				57px;
	height:				35px;
	width:				100%;
	margin:				0px;
	padding:			0px;
	/*color: 				#563F05;*/
}

.nojsTXTNav {
	position:			absolute;
	top:				138px;
	left:				57px;
	height:				35px;
	color: 				white;
	font-family:		'ArefRuqaa';
	font-weight: 		normal;
	font-size:			16pt;
}

.nav {
	width: 		100%;
	float: 		left;
	padding:	0px;
	list-style: none;
	margin:		0px;
}

.nav > li {
	float: 		left;
	margin: 	5px 43px 0px 0px;
	padding:	0px;
}

.nav li a {
	display: 		block;
	text-decoration:none;
	color: 			#333300;
	font-family:	'ArefRuqaa';
	font-weight: 		bold;
	font-size:		14pt;
	margin:			0px;
	padding:		0px;
}

/* if we deal with old ie versions we need to change the margins */
.oldie .nav > li{
	margin: 	5px 37px 0px 0px;
}

#hrLine-top{
	position: 	absolute;
	top: 		165px;
	left: 		54px;
	width: 		700px;
	height: 	1px;
	/*background-color: 		#563F05;*/
	background-color: 		#333300;
}

#hrLine-bottom{
	position: 	absolute;
	top: 		508px;
	left: 		54px;
	width: 		686px;
	height: 	1px;
	/*background-color: 		#563F05;*/
	background-color: 		#333300;
}

/* ___________________ main div ___________________ */

.text_a{
	color: 			#545408;
	font-family:	'ArefRuqaa';
	font-weight: 		normal;
	font-size:		12.3pt;
	text-decoration:none;
}
.text_a:visited{
	color: 			#545408;
	font-family:	'ArefRuqaa';
	font-weight: 		normal;
}


/* ___________________ content div ___________________ */
#contentContainer {
	position:	absolute;
	top:		172px;
	left:		67px;
	width:		602px;
	height:		325px;
	font-family:'ArefRuqaa';
	font-weight: normal;
	font-size:	12.3pt;
}

.contenPage{
	overflow: hidden;
}
/*pics we want to modify */
.roundBorderPic{
	padding:2px;
	border: 1px solid #333300;
}

/* ----------------------------------------------------
 main page
---------------------------------------------------- */

.cC_m_txt{
	margin-top: 0px;
	margin-bottom: 5px;
  	float:left;
  	width:602px;
}
.cC_m_txt_1{
	margin-top: 10px;
	margin-bottom: 5px;
  	float:left;
  	width:602px;
}

.cC_m_txt_2{
	display: inline-block;	
	width:160px;
	margin-top:4px;
	float: left;
}

.cC_m_txt_3{
	display: inline;
	float: left;
    width: 70px;
	margin-top:4px;	
}
.cC_m_txt_6{
	display: inline;
	float: left;
    width: 95px;
	margin-top:4px;	
}
.cC_m_txt_5{
	display: 	inline;
	float:		right;	
	/* margin-left: 40px; */
}
.cC_m_txt_4{
	display: inline;
	float:right;
    width: 7px;
	margin-top:-24px;
}

#cC_m_headline{
  float:left;
  width:100%;  
  font-size: 14pt;
  margin-top: 10px;
  margin-bottom: 5px;
  font-weight: bold;
}


/* ----------------------------------------------------
kulinarisches page
----------------------------------------------------*/

#cC_k_txt{
    width: 600px;
}
#cC_k_txt_2{
    width:		400px;
    height: 	213px;
    position:	relative;
}

#bxSlider_panel{
	width: 190px;
	height: 135px;
	float: right;
	margin-right:10px;
	border-bottom: 1px solid #333300;
}

.saisonal_panel{
	width: 190px;
	height: 130px;
	font-size: 10pt;
}

.saisonal_panel_month{
	width: 190px;
    height: 20px;
	text-align: center;
	position: relative;
	background-color:  rgb(129,140,44);
}

.saisonal_panel>ul{
	width: 165px;
	margin-top:5px;
	margin-bottom: 2px;
	text-align: left;
	position: relative;
}


/* ----------------------------------------------------
gastraeume page
---------------------------------------------------- */

#cC_gs_txt{
    width:415px;
    float:left;
}


/* ----------------------------------------------------
 hist page
---------------------------------------------------- */
.cC_hist_headline{
  font-weight: bold;
  color: #333300;
  margin-bottom: 7px;
}

.cC_hist_txt{
  float: left;
  width: 415px;
  margin: 10px 0px 0px 0px;
}
.imageCaption{
      float:right;
      width:220px;
      text-align:right;
      font-size:11px;
      font-family:'ArefRuqaa';
      font-weight:normal;
      color: 		black;
      line-height: 1;
      margin: 4px 0px 0px 0px ;
      clear: both;
}
.cC_hist_txt_2{
  float: left;
  width: 575px;
  margin: 10px 0px 0px 0px;
}

.cC_hist_txt_3{
  float: right;
  width: 415px;
  margin: 10px 0px 0px 0px;
}
.cC_hist_txt_4{
  float: left;
  width: 480px;
  margin: 10px 0px 0px 0px;
}

.cC_hist_txt_hightligth{
  font-weight: bold;
  font-size: 11.7pt;
}

.cC_hist_time{
  float: left;
  margin:10px 0px 0px 0px;
  width: 575px;
}
.cC_hist_time_left{
  text-align: left;
}
.cC_hist_time_left_2{
    text-align: left;
    width: 100px;
    float:left;
}
.cC_hist_time_left_year{
  font-weight: bold;
}
.cC_hist_time_right{
  text-align: left;
  float: right;
  width: 440px;
}
.cC_hist_time_right_2{
  text-align: left;
  float: right;
  width: 525px;
}
.cC_hist_time_right_3{
  text-align: left;
  float: left;
  width: 350px;
}
.cC_hist_time_right_pic{
  float: right;
  width: 110px;
}
/*
.imageCaption:first-letter{
  font-size:11px!important;
  font-family:'AmaranthRegular';
  font-weight:normal;
  color: 		black;
  line-height: 1;
}*/

/* ----------------------------------------------------
oeffnungszeiten page
---------------------------------------------------- */
.cC_oeff_txt_top{
  float: left;
  margin-right: 8px;
  margin-top: 10px;
  font-weight: bold;
}

.cC_oeff_txt_top_2{
  margin-top:   10px;
  margin-left:  45px;
}

.cC_oeff_txt_top_3{
  margin-top:   5px;
  margin-left:  45px;
}

.cC_oeff_table_day{
  font-weight: bold;
}

/* links to pdf
----------------------------------------------------
*/
.loadPDF{
	text-decoration:none;
	color: 			#545408;
}

/* div style
----------------------------------------------------
*/
#appr_content_view, #hist_content_view, #links_content_view, #guest_content_view, #kul_content_view{
	width: 		600px;
	height: 	290px;
}

.appr_content, .hist_content, .links_content, .guest_content, .kul_content{
	width: 100%;
	height: 100%;
}

#hist_menu, #links_menu, #approach_menu, #guest_menu, #kul_menu{
	width: 		100%;
	height: 	20px;
	margin-bottom: 12px;
}

#approach_select_lst, #hist_select_lst, #links_select_lst, #guest_select_lst, #kul_select_lst{
	width: 			100%;
	float: 			left;
	padding:		0;
	list-style: 	none;
	margin: 		0px 0px 0px 0px;
}

#mapContainer{
	height: 	280px;
	width: 		600px;
}


#hist_select_lst li{
	float: left;
}
#hist_lst_li_cospeda{
	margin-left: 25px;
}


#kul_select_lst li{
	float: left;
}
#kul_lst_saisonal{
	margin-left: 25px;
}


#guest_select_lst li{
	float: left;
}
#guest_lst_saal, #guest_lst_garten, #guest_lst_party{
	margin-left: 25px;
}


#approach_select_lst li {
	float: left;
	padding-right: 4px;
}
#appr_lst_map{
	padding-left: 0px !important;
}
#approach_select_lst li a {
	padding-left: 	36px;
	display: 		block;
	text-decoration:none;
	color: 			#545408;
	font-family:	'ArefRuqaa';
	font-size:		14pt;
}


#links_lst_wanderwege{
	float: left;
}
#links_lst_radwanderwege, #links_lst_sehenswertes{
	float: left;
	margin-left: 25px;
}
.dot{
	float: left;
	font-size: 14pt;
	margin-right: 8px;
}
.dotTxt{
	margin-left: 20px;
	margin-bottom: 10px;
}


#hist_select_lst li a, #links_select_lst li a, #guest_select_lst li a, #kul_select_lst li a {
	display: 		block;
	text-decoration:none;
	color: 			#545408;
	font-family:	'ArefRuqaa';
	font-size:		14pt;
}

/* style text
----------------------------------------------------
*/

#gallery_select li a{
	text-decoration:none;
	color: 			#545408;
	font-family:	'ArefRuqaa';
	font-size:		14pt;
}


/*first letter
----------------------------------------------------
*/
/* .cC_m_txt:first-letter,
.cC_m_txt>p:first-letter,
.cC_m_txt_2:first-letter, */
#cC_k_txt:first-letter,
#cC_k_txt>p:first-letter,
.nice_first_letter:first-letter,
.nice_first_letter div:first-letter,
.nice_first_letter>div>p:first-letter{
	font-family:'ArefRuqaa';
	font-size: 	14pt;
	font-weight:bold;
	color: 		#333300;
	line-height: 0.9;
}

#cC_m_headline:first-letter{
	font-family:'ArefRuqaa';
	font-size: 	14pt;
	font-weight:bold;
	color: 		#333300;
	line-height: 0.9;
}


/* opening and reservation info
----------------------------------------------------
*/
#openingTelInfoContainer {
	position:		absolute;
	top:			513px;
	margin:			0;
	padding-left:	40px;
	width: 			720px;
}

#openingTelInfoContainer div{
	text-decoration:none;
	color: 			#333300;
	font-family:	'ArefRuqaa';
	font-size:		10pt;
}

#openingTelInfoContainer .opTIC_1 a{
	float:	left;
	margin-left: 15px;
	margin-right: 10px;
  font-weight: bold;
  display: 		block;
	text-decoration:none;
	color: 			#333300;
	font-family:	'ArefRuqaa';
	font-weight: 		bold;
	font-size:		14pt;
	padding:		0px;

}
#openingTelInfoContainer .opTIC_2{
	float: left;
    font-weight: bold;
}

#openingTelInfoContainer .opTIC_3{
	float:	left;
	margin-left: 6px;
    font-weight: bold;
}

#openingTelInfoContainer .opTIC_4{
    float:	left;
	margin-left: 10px;
	margin-right: 6px;
    font-weight: bold;
}

#openingTelInfoContainer .opTIC_5{
    float: left;
    font-weight: bold;
}

#openingTelInfoContainer .opTIC_6{
    text-align: right;
    margin-top:10px;
}

#impressum {
	cursor: pointer;
	text-decoration:none;
	color: 			#737300;
	font-family:	'ArefRuqaa';
	font-size:		11pt;
}

#contentContainer_impressum .imp_TxtAlign_1{
	float: left;
	margin-right: 8px;
}
#contentContainer_impressum .imp_TxtAlign_2{
	float: left;
    margin-bottom: 25px;
    margin-left: 20px;
}
#contentContainer_impressum .imp_TxtAlign_3, #contentContainer_impressum .imp_TxtAlign_21{
    clear: both;
    margin-right: 15px;
}

/* style gallery select list items */
/* link to container in the text, not nav
----------------------------------------------------
*/
#gallery_select {
	list-style: none;
	padding:	0px;
	margin:		0px;
}



/* select and hover menu elements
----------------------------------------------------
*/
#oeffnungszeiten:hover,
.nav li a:hover,
#impressum:hover,
.underlineSelected,
#gallery_select li a:hover,
.text_a:hover,
#hist_select_lst li a:hover,
#approach_select_lst li a:hover,
#links_select_lst li a:hover,
#guest_select_lst li a:hover,
#kul_select_lst li a:hover, .loadPDF:hover {
	color:	white !important;
	opacity: 0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}





/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}


/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}