/* CSS Document */

/*Webfonts*/
@font-face { font-family: UnitWeb; src: url("/assets/webfonts/UnitWeb.eot"); }
@font-face { font-family: UnitWeb; src: url("/assets/webfonts/UnitWeb.woff") format("woff");}

@font-face { font-family: UnitWeb-Medium;  src: url("/assets/webfonts/UnitWeb-Medium.eot"); }
@font-face { font-family: UnitWeb-Medium; src: url("/assets/webfonts/UnitWeb-Medium.woff") format("woff"); }

/*Basis-Layout*/
body { margin: 0; font-family: UnitWeb, sans-serif; font-size: 15px; line-height: 1.4em; color: #4C5B5D; background-color: #E9E9E9; }

div#containerTop { position: fixed; padding: 20px 0px 10px 0px; height: 90px; z-index: 20000; background-color: #FFF; width: 100%; top: 0px; }
	div#containerTop img.logo { width: 120px; margin-left: 90px; height: auto; margin-bottom: 0px; position:absolute; }
	
	div#toggleNaviMobile { position: fixed; cursor: pointer; text-transform: uppercase; display: none; padding: 5px 0px; background-color: #FFF; font-size: 18px; 
												height: 20px; top: 0px; left: 0px; width: 100%; z-index: 11000; border-bottom: 1px solid #E9E9E9; 
												background-image: url('/assets/icons/arrow_grey_down.png'); background-repeat: no-repeat; background-position: 20px center; text-indent: 45px; }
	div#toggleNaviMobile.opened { background-image: url('/assets/icons/arrow_grey_up.png'); }

	ul#navi { position: absolute; display: block; margin-left: 350px; bottom: -16px; z-index: 100000; padding: 0; list-style-type: none; }

		ul#navi li { position: relative; display: inline-block; }
		ul#navi li a { display: inline-block; position: relative; padding: 0px 0px 13px 0px; margin-right: 25px; font-family: UnitWeb, sans-serif; font-size: 19px; text-decoration: none; color: #4C5B5D; }

		ul#navi li:first-child a { padding-left: 0px; }
		ul#navi li:last-child a { padding-right: 0px; }
		ul#navi li a.active { font-family: UnitWeb-Medium, sans-serif; border-bottom: 5px solid #AB1418; padding-bottom: 7px;}
		ul#navi li a:hover { text-decoration: underline; }
		ul#navi li.start { display: none; }
		ul#navi li.impressum { display: none; }
		ul#navi li.facebook { display: none; }

		ul#navi_sub { position: fixed; z-index: 10000; display: block; left: 0px; top: 107px; padding: 8px 0px; width: 100%; background-color: #FFF; }
			ul#navi_sub li { display: inline-block; font-family: UnitWeb, sans-serif; }
			ul#navi_sub li:first-child { margin-left: 350px; }
			ul#navi_sub li a { font-size: 16px; padding: 8px 0px; margin-right: 20px; font-family: UnitWeb, sans-serif; font-weight: normal; color: #4C5B5D; text-decoration: none; }
			ul#navi_sub li a:hover { text-decoration: underline; } 
			ul#navi_sub li a.active { font-family: UnitWeb-Medium, sans-serif; border-bottom: 5px solid #AB1418; padding-bottom: 2px;}
		
	#topLinks { position: absolute; right: 90px; top: 10px; }
		#topLinks a { margin-left: 20px; color: #4C5B5D; text-decoration: none; font-size: 15px; }
		#topLinks a:hover { text-decoration: underline; }
		
div#containerText { position: absolute; width: 100%; top: 123px; z-index: 10000; background-color: #FFF; margin: auto; display: none; }
	div#containerText.hasSubNavi { top: 161px; }
	div#contentText { margin-left: 330px; max-width: 800px; position: relative; padding: 20px 20px; }

		div.contentHalf { display: inline-block; float: left; width: 40%; margin-right: 5%; position: relative; margin-bottom: 20px; }
		div.contentHalf:nth-child (2n) { margin-right: 0%;}

		div.contentThird { display: inline-block; float: left; width: 25%; margin-right: 5%; position: relative; margin-bottom: 20px; }
		div.contentThird:nth-child (3n) { margin-right: 0px; }

	div#containerText a#btnSlide { padding: 0px 20px; height: 20px; cursor:pointer; background-image: url(/assets/icons/arrow_grey_up.png); background-color: #FFF; position: absolute; bottom: -20px; right: 300px; z-index: 1000; background-repeat: no-repeat; background-position: center; }
	div#containerText a#btnSlide.closed { background-image: url(/assets/icons/arrow_grey_down.png); top: -2px; }
	
	div#contentText h1 { font-size: 18px; color: #AB1418; }
	div#contentText :first-child {margin-top: 0px;}
	div#contentText table tr td { vertical-align: top; padding-bottom: 8px; font-size: 15px; line-height: 18px; }
	div#contentText table tr td :first-child { margin-top: 0px; }
	div#contentText table tr td:first-child { font-family: UnitWeb-Medium, sans-serif; padding-right: 35px; }

	a#btnShowContentText { display: none; position: absolute; width: 20px; height: 20px; right: 40px; bottom: 10px; cursor: pointer; background-image: url(/assets/icons/arrow_grey_down.png); background-position: center; background-repeat: no-repeat;}
	a#btnHideContentText { position: absolute; width: 20px; z-index: 10000; height: 20px; right: 40px; bottom: 10px; cursor: pointer; background-image: url(/assets/icons/arrow_grey_up.png); background-position: center; background-repeat: no-repeat; }

div#googleMap { position: absolute; width: 100%; height: 100%; }

div#containerImages { position: absolute; width: 100%; z-index: 10; width: 100%; height: 100%;}
	div#containerImages.noSlideshow { display: none; }

	div.btnSkip { padding: 20px; z-index: 10000; cursor:pointer; background-repeat: no-repeat; background-position: center; background-color: rgba(0,0,0,0.6); position: absolute; top: 48%;}
		div.btnSkip.prev { background-image: url(/assets/icons/arrow_white_left.png); left: 90px;}
		div.btnSkip.next { background-image: url(/assets/icons/arrow_white_right.png); right: 90px; }
		
	div.imageSlide { position: fixed; width: 100%; height: 100%; margin-top: 0px;
    background: url(fluss.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;
  }

	}
	div.imageSlide img { width: 100%; height: auto; }

	#containerImages img.slideImage { width: 100%; height: auto; margin: auto; }
	#containerImages div#imageTitle { position: absolute; z-index: 10000; bottom: 150px; left: 90px; background-color: rgba(0,0,0,0.6); padding: 7px 10px; color: #FFF; font-size: 18px;}
	
	div.imageSlideText { position:absolute; bottom: 50px; width: 500px; left: 90px; }
		div.imageSlideText * { color: #FFF;}
		div.imageSlide h1 { background-color: rgba(0,0,0,0.6); padding: 5px 15px; float:left; margin-top: 0px; margin-bottom: 0px; font-size: 36px; }
		div.imageSlide h1.red { background-color: #AC1719; }
		div.imageSlide p { background-color: rgba(0,0,0,0.6); padding: 5px 15px; float:left; }

		div.imageSlideText img.teaser { width: 45%; height: auto; position: absolute; right: -190px; top: -45px;} 

	div.imageSlidePager { position: absolute; bottom: 20px; width: 100%; z-index: 10000; font-size: 38px; color: #FFF; text-align: center; }
		div.imageSlidePager span { color: #FFF; margin-right: 10px; cursor: pointer; }
		div.imageSlidePager span.cycle-pager-active { color: #AB1418; } 


a#btnShowThumbsPanel { position: fixed; cursor: pointer; right: 100px; width: 65px; height: 20px; bottom: 0px; background-color: #AB1418; z-index: 10000; 
												background-image: url(/assets/icons/arrow_white_up.png); background-position: center; background-repeat: no-repeat; }

a#btnHideThumbsPanel { position: absolute; cursor: pointer; right: 100px; width: 65px; height: 20px; top: -20px; background-color: #4D5B5D; z-index: 10000; 
												background-image: url(/assets/icons/arrow_white_down.png); background-position: center; background-repeat: no-repeat; }

div#thumbsPanel { background-color: #4D5B5D; position: fixed; padding: 10px 0px; bottom: 0px; width: 100%; z-index: 1000; }
	div#thumbsScrollable { height: 70px; margin: auto; max-width: 1000px; }
	div#thumbsScrollable .scrollable { width: 100%;  float: left; }
	div#thumbsScrollable .scrollable img { cursor: pointer; height: auto; vertical-align: top; }
	div#thumbsScrollable .cycle-slide {  padding: 10px;}
	div#thumbsScrollable .cycle-slide-active { padding-top: 0px; padding-bottom: 20px; }

/*Editmode*/
div#containerEditmode { position: relative; width: 100%; top: 170px; z-index: 10; margin-bottom: 50px; }
	div.boxEditmode { margin:auto; margin-bottom: 40px; padding: 20px; background-color: #FFFFFF; max-width: 1024px; }

/*Allg. Typo*/
h1 { font-size: 30px; line-height: 1.3em; font-weight: normal; }	
h2 { font-size: 26px; line-height: 1.3em; font-weight: normal; }	
h3, h4, h5 { font-size: 20px; font-weight: normal; }

strong, b { font-weight: normal; font-family: UnitWeb-Medium, sans-serif; }
	
hr {height: 1px; border: 0px none; margin-top: 20px; border-top: 1px dotted #4C5B5D; }	

a { color: #AC1719; }
a:hover { color: #4C5B5D; text-decoration: none; }

.clearFloat { clear: both; }

img { border: 0px none; }

/*Tabellen*/
table tr td { vertical-align:top; border-top: 1px solid #E9E9E9; padding: 5px 2px; font-size: 16px; } 
table tr th { text-align:left; vertical-align: bottom; padding: 5px 2px; font-family: UnitWeb-Medium, sans-serif; font-weight:normal; } 

/*Kochevent*/
div#containerTextKochevent { position: relative; width: 100%;  margin: auto;}
div#containerTextKochevent.white { background-color: #FFF; margin-top: 123px;}

a.zoomGallery { text-decoration: none; }
img.galleryThumb { margin-right: 3%; margin-bottom: 20px; width: 29%; height: auto; }
img.galleryThumb:nth-of-type(3) { margin-right: 0px; }

/*Media-Queries*/
@media all and (max-width:990px) {
	div#containerTop { height: 135px; }
		div#containerTop img.logo { margin-left: 35px; }
				ul#navi { margin-left: 35px; } 
				ul#navi li a { font-size: 18px; margin-right: 15px; }

				ul#navi_sub { position: fixed; z-index: 10000; display: block; left: 0px; top: 154px; padding: 8px 0px; width: 100%; background-color: #FFF; }
					ul#navi_sub li { display: inline-block; font-family: UnitWeb, sans-serif; }
					ul#navi_sub li:first-child { margin-left: 35px; }
					ul#navi_sub li a { font-size: 16px; padding: 8px 0px; margin-right: 20px; font-family: UnitWeb, sans-serif; font-weight: normal; color: #4C5B5D; text-decoration: none; }
					ul#navi_sub li a:hover { text-decoration: underline; } 
					ul#navi_sub li a.active { font-family: UnitWeb-Medium, sans-serif; border-bottom: 5px solid #AB1418; padding-bottom: 3px;}
	
		#topLinks { right: 35px; }
	
	div#containerText { top: 168px; }
	div#containerText.hasSubNavi { top: 210px; }
	div#contentText { margin-left: 15px; max-width: none; }
	
		div.contentHalf { display: inline-block; float: left; width: 45%; margin-right: 5%; position: relative; margin-bottom: 20px; }
		div.contentHalf:nth-child(2n) { margin-right: 0%;}

		div.contentThird { display: inline-block; float: left; width: 25%; margin-right: 5%; position: relative; margin-bottom: 20px; }
		div.contentThird:nth-child (3n) { margin-right: 0px; }
	
	/*Kochevent*/
	div#containerTextKochevent { position: relative; width: 100%;  margin: auto;}
	div#containerTextKochevent.white { background-color: #FFF; margin-top: 5px;}
		div#containerTextKochevent #contentText { padding: 20px; }
	
	div#containerImages { margin-top: 0px; }

		div.btnSkip {}
			div.btnSkip.prev { left: 35px;}
			div.btnSkip.next { right: 35px; }
			
		div.imageSlide { }

	#containerImages img.slideImage { margin: auto; }
	
	div.imageSlideText { left: 35px;}
		div.imageSlideText * { color: #FFF;}
		div.imageSlide h1 { background-color: rgba(0,0,0,0.6); padding: 5px 15px; float:left; margin-top: 0px; margin-bottom: 0px; font-size: 28px; }
		div.imageSlide h1.red { background-color: #AC1719; }
		div.imageSlide p { background-color: rgba(0,0,0,0.6); padding: 5px 15px; float:left; }
	
	div.imageSlidePager {   }
	
	#containerImages div#imageTitle { left: 35px; }

}


@media all and (max-width:600px) {
	div#toggleNaviMobile  { display: block; }
	
	div#containerTop { position: relative; padding: 50px 0px 10px 0px; height: 90px; z-index: 10000; background-color: #FFF; width: 100%; top: 0px; text-align: center; }
	div#containerTop img.logo { position:relative; margin-right: 35px; }

		ul#navi { position: fixed; display: none; margin-left: 0px; padding: 0px; height: auto; bottom: auto; z-index: 20000; background-color: #FFF; top: 15px; width: 100%; 
							text-align: left; border-bottom: 1px solid #E9E9E9;
							-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.3);
							-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.3);
							box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.3);
			}
	
			ul#navi li { position: relative; display: block; width: 100%; border-bottom: 1px dotted #E9E9E9;  }
			ul#navi li:last-child  { border-bottom: 0px none; }
	
			ul#navi li a { display: block; position: relative; padding: 5px 20px 5px 20px; font-size: 17px; margin-right: 0px; width: 100%; }
	
			ul#navi li:first-child a { padding-left: 20px; }
			ul#navi li:last-child a { padding-right: 0px; }
			ul#navi li a.active { border-bottom: 0px none; border-right: 5px solid #AB1418; }
			ul#navi li a:hover { text-decoration: underline; }
			ul#navi li.start { display: block; }
			ul#navi li.impressum { display: block; }
			ul#navi li.facebook { display: block; }
	
	
		ul#navi_sub { position: relative; z-index: 1000; display: block; left: 0px; top: 0px; padding: 8px 0px; width: 100%; background-color: #FFF; }
			ul#navi_sub li { display: inline-block; font-family: UnitWeb, sans-serif; margin-top: 5px; margin-bottom: 5px; }
			ul#navi_sub li:first-child { margin-left: 0px;  }
			ul#navi_sub li a { font-size: 16px; padding: 8px 10px 8px 20px; }
			ul#navi_sub li a.active { border-bottom: 0px none; }
	
		#topLinks { display: none; }
	
		div#containerText { position: relative; width: auto; top: 0px; margin-top: 10px; z-index: 1000; background-color: #FFF; padding: 0px 20px; display: none;  }
		div#containerText.hasSubNavi { top: 0px; }
		div#contentText { margin-left: 0px; max-width: 800px; padding: 20px 0px; }
			div.contentHalf { display: inline-block; float: left; width: 100%; margin-right: 0%; position: relative; margin-bottom: 20px; }
			div.contentHalf:nth-child (2n) { margin-right: 0%;}
	
			div.contentThird { width: 100%; margin-right: 0%; margin-bottom: 0px; margin-top: -12px;  }
			div.contentThird:nth-child (3n) { margin-right: 0px; }
	
			div#containerText a#btnSlide { display: none; }
			a#btnShowContentText { display: none; }
	
		/*Kochevent*/
		div#containerTextKochevent { position: relative; width: 100%;  margin: auto;}
		div#containerTextKochevent.white { background-color: #FFF; }
			div#containerTextKochevent #contentText { padding: 20px; }
			img.galleryThumb { width: 100%; height: auto; clear: both; display: block; }
	
		div#containerImages { position: relative; width: 100%; height: auto; overflow: auto; z-index: 10;  }
			div#containerImages.noSlideshow { display: block; margin: 0px 20px; width: auto; padding: 10px 0px; }
			div#containerImages.cycle-slideshow { display: none; }
	
			div.imageSlide { position: relative; width: 100%;  max-height: auto; margin-top: 35px; border-bottom: 1px solid #CCC; padding-bottom: 30px; }
			div.imageSlide img { width: 100%; height: auto; }

			div#containerImages.noSlideshow img { width: 100%; position: relative; height: auto; clear: both; margin-top: 10px; }
	
			div.imageSlideText { position: relative; display: block; bottom: auto; margin-bottom: auto; width: auto; top: 0px; left: 0px; margin-top: 20px; }
			div.imageSlideText * { color: #4C5B5D; }
			div.imageSlide h1 { background: none; padding: 0px 0px; float:left; margin-top: 0px; margin-bottom: 0px; font-size: 24px; }
			div.imageSlide h1.red { background-color: #AC1719; }
			div.imageSlide p { background: none; padding: 0px 0px; float:left; }
	
			img.teaserMobile { width: 50% !important; height: auto; position: absolute !important; right: 0px !important; margin: 0px; top: -110px; right: 0px; z-index: 5000; } 
	
		a#btnShowThumbsPanel { display: none; } 
		div#thumbsPanel { display: none; }
}