/*@import url(reset.css);*/


@import url(normalize.css);

@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville|UnifrakturCook:700|Pirata+One);
@import url(inhalte.css);

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

}

@font-face {
    font-family: 'Pirata One', cursive;
    font-weight: normal;
    font-style: normal;

}






.ajax_loader		{z-index:999; background: url(../images/ladezeit.png) 90px 170px no-repeat; width: 100%; height:600px;}
.ajax_loader p		{line-height:900px; text-align:center;}

#submit_form	{float:left;cursor:pointer; width:111px; height:37px; background: url(../images/absenden.png) center center no-repeat; margin-right:20px; }
#submit_form:hover	{background: url(../images/absenden_over.png) center center no-repeat;}
#clear_form		{float:left;cursor:pointer; width:111px; height:37px; background: url(../images/loeschen.png) center center no-repeat}
#clear_form:hover	{background: url(../images/loeschen_over.png) center center no-repeat;}




body, html { font-size: 100%; padding: 0; margin: 0; height: 1100px;}

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

body {
	font-family: 'Libre Baskerville', serif;
		background:url(../images/bg_table.jpg) center -30px no-repeat #000;
   margin-top: -30px;
	color: #000000;
}

/*.gecko body {background-position: center -40px;}*/

/*html.ipad body {position:absolute; left:-200px;}*/

.fb_overlay {background: url(../pages/aktuell/facebook_overlay.png) center center no-repeat; width: 778px; height: 481px; position: absolute; left:-6px; top:65px; text-align: center;}
.fb_overlay iframe {padding-left: 60px !important; padding-top: 50px !important;}
.fb_overlay>p {position: absolute; left: 180px; bottom: 48px; line-height: 18px !important;}
.fb_overlay>p a {color: #98090c}
.fb_overlay>p a:hover {text-decoration: underline;}
div.phm.pluginLikeboxStream {height:227px !important;}

#footer					{font-size: 12px;    margin: -140px auto 50px;    padding-left: 0px;    width: 860px;  z-index:0;}
#footer p, #footer h4	{ color: #e6dac4 !important; font-size:12px;line-height: 30px !important; text-align:left;color:#ef9c40; display:block; width:100%; background-position: 3px 0px; background-repeat: no-repeat; height:30px; border-bottom: 1px solid #e6dac4;}
#footer h4				{margin:0 0 0px 0;font-size:15px; letter-spacing:-0.7px; font-weight:normal; height:30px; line-height:30px; }
.spalte					{float:left;}
#footer p				{margin:0 !important;padding-bottom:0;}
#footer a:hover p span	{opacity:0.6;}
#footer p span			{ /*padding-left:27px;*/ }
#footer p span.adr		{display: block;    /*padding-left: 27px; */    padding-top: 5px; line-height:24px !important }
.w1						{width: 240px; margin-right:50px;}
.w2						{width:395px; margin-right: 50px;}
.w3						{width:118px;}


  .adresse				{/*background-image:url(../images/icons/haus.png);*/ background-position: 3px 3px !important; height:60px !important; line-height: 25px !important; }
.telefon				{/*background-image:url(../images/icons/telefon.png);*/}
.email					{/*background-image:url(../images/icons/mail.png);*/}

.diner					{/*background-image:url(../images/icons/diner.png);*/}
.weinstube				{/*background-image:url(../images/icons/letschebacchus.png);*/ letter-spacing:-0.2px}
.partyservice			{/*background-image:url(../images/icons/partyservice.png);*/}
.bier					{/*background-image:url(../images/icons/turmbergbraeu.png);*/}

.fb						{/*background-image:url(../images/icons/facebook.png);*/}
.res					{/*background-image:url(../images/icons/reservierung.png);*/}
.impr					{/*background-image:url(../images/icons/impressum.png);*/}











#regform				{width:100%;}

#regform h1, #regform h2	{width:100%;}
#regform p				{ margin:0; width:inherit;}

#regform label			{width:100%; float:none; margin-bottom:3px;}
#regform input			{width:234px; margin-bottom:7px;}
#regform textarea		{width:234px;}


#regform .form_error 	{display:none; position:absolute; right:100px; margin-top:-15px;}
#regform .form_error p	{ background-color:#900; font-size:9px !important; color:#FFF; display: block; padding:3px; width:210px; }
#loading, #message		{display:none;}



.logo_wrapper			{width:100%; position:absolute; min-width: 1078px;}
.logo					{position:relative; margin:50px auto; width: 311px; height:162px; background: url(../images/logo.png)}

.subnavi				{position: absolute;
margin: 0 auto;
bottom: 140px;
left: 564px; width: 100%;}
.subpage				{width:20px; height:20px; margin:2px; float:left; cursor:pointer;background: url(../images/radio_inactive.png) center center no-repeat;}
.subpage:hover			{opacity:0.4;}
.active_page			{background-image: url(../images/radio_active.png);}

.anno					{position: absolute;}

.pdf_icon				{background: url(../images/pdf.png) left center no-repeat;padding-left: 60px;padding-top: 20px;margin-bottom: -10px;height: 60px;width: 300px;}
.pdf_icon span			{margin-top: -10px; font-size:10px; }
.pdf_icon:hover			{opacity:0.8; cursor:pointer;}


nav						{display: none;}
#menu_wrapper			{width:183px; position:absolute; margin-top:270px; margin-left:-32px; height:437px; z-index:111; perspective: 1100px ;}
#menu_wrapper_over		{z-index:101;width:139px; position:absolute; margin-top:259px; margin-left:57px; height:437px;}
#menu_gesang_wrapper    {width: 132px;
position: absolute;
margin-top: 700px;
height: 437px;
z-index: 111;
perspective: 1100px;
margin-left: 1002px;}


body:before{
    display:none;
    content:  url(../images/ladezeit.png)  url(../images/menu/01_hover.png)  url(../images/menu/02_hover.png)  url(../images/menu/03_hover.png)  url(../images/menu/04_hover.png)  url(../images/menu/05_hover.png)  url(../images/menu/06_hover.png)  url(../images/menu/07_hover.png)  url(../images/loeschen_over.png)  url(../images/absenden_over.png) url(../images/res_over.png)  url(../images/menu/gsang_hover.png)  url(../pages/gesang/play_playing.png);
}


#player_wrapper			{width:141px; margin: 30px auto;}
#player_stop			{background: url(../pages/gesang/stop.png); width:47px; height:52px; cursor:pointer;float:left;}
#player_play			{background: url(../pages/gesang/play.png); width:47px; height:52px; float:left; cursor:pointer;}
#player_pause			{background: url(../pages/gesang/pause.png); width:47px; height:52px; float:left; cursor:pointer;}


.playing				{background: url(../pages/gesang/play_playing.png) !important;}

.menu					{width:100%; cursor:pointer;}

.reservierungfd_wrapper { position: absolute; width: 100%; height:900px; top:150px; z-index: 110; text-align:center; overflow:hidden;}
.reservierungfd_inner_wrapper {width:980px; margin:0 auto; height:104px; position: relative}
.reservierungfd			{
 background:url("../images/space.gif");
  cursor: pointer;
    height: 104px;
    /*left: 849px;

    top: -5px;*/
    width: 170px;
	position: absolute;
	right:0;
	top:-23px;
   }

   .gecko  .reservierungfd	{right:-1px;}

.reservierungfd:hover		{ background: url("../images/res_over.png") no-repeat scroll 0 0 transparent; }

#candle					{position: absolute;top: -21px;right: -221px; }
.gecko #candle			{top: -21px;right: -221px; }
.ie #candle			{top: -21px;right: -220px; }

.ie .reservierungfd {right: -1px}

#candle  #ausr			{width: 169px; height: 240px;  overflow: hidden;}

.menu1					{height:69px; background:url(../images/menu/01.png) center center no-repeat;}
.menu2					{height:56px; background:url(../images/menu/02.png) center center no-repeat;}
.menu3					{height:62px; background:url(../images/menu/03.png) center center no-repeat;}
.menu4					{height:63px; background:url(../images/menu/04.png) center center no-repeat;}
.menu5					{height:62px; background:url(../images/menu/05.png) center center no-repeat;}
.menu6					{height:63px; background:url(../images/menu/06.png) center center no-repeat;}
.menu7					{height:62px; background:url(../images/menu/07.png) center center no-repeat;}
.menu8					{height:62px; background:url(../images/menu/gsang.png) center center no-repeat;}


.menu1:hover			{background:url(../images/menu/01_hover.png) center center no-repeat;}
.menu2:hover			{background:url(../images/menu/02_hover.png) center center no-repeat;}
.menu3:hover			{background:url(../images/menu/03_hover.png) center center no-repeat;}
.menu4:hover			{background:url(../images/menu/04_hover.png) center center no-repeat;}
.menu5:hover			{background:url(../images/menu/05_hover.png) center center no-repeat;}
.menu6:hover			{background:url(../images/menu/06_hover.png) center center no-repeat;}
.menu7:hover			{background:url(../images/menu/07_hover.png) center center no-repeat;}
.menu8:hover			{background:url(../images/menu/gsang_hover.png) center center no-repeat;}




#menu_wrapper_over .menu1 	{height:73px; background:url(../images/menu/01_over.png) center center no-repeat; opacity: 0;}
#menu_wrapper_over .menu2 	{height:60px; background:url(../images/menu/02_over.png) center center no-repeat; opacity: 0;}
#menu_wrapper_over .menu3 	{height:59px; background:url(../images/menu/03_over.png) center center no-repeat; opacity: 0;}
#menu_wrapper_over .menu4 	{height:64px; background:url(../images/menu/04_over.png) center center no-repeat; opacity: 0;}
#menu_wrapper_over .menu5 	{height:62px; background:url(../images/menu/05_over.png) center center no-repeat; opacity: 0;}
#menu_wrapper_over .menu6 	{height:63px; background:url(../images/menu/06_over.png) center center no-repeat; opacity: 0;}
#menu_wrapper_over .menu7 	{height:71px; background:url(../images/menu/07_over.png) center center no-repeat; opacity: 0;}






.page_left				{width:45%; float:left;}
.page_right				{width:48%; float:right;}

.small p				{font-size:11px; line-height:16px;}

.pagecurl_over			{cursor:pointer; overflow:hidden; z-index:99; position:absolute; top:579px; right:59px; width:138px; height:50px;}
.pagecurl				{transform:rotate(0deg); -webkit-transform:rotate(0deg); transition: transform ease-in-out 0.2s;  -webkit-transition: -webkit-transform ease-in-out 0.2s; width: 138px; height:74px; background:url(../images/pagecurl.png) center center no-repeat; position:absolute; bottom:0 right:0; transform-origin: 11px 52px;  -webkit-transform-origin: 11px 52px;}


.pagecurl_over_left			{cursor:pointer; overflow:hidden; transform:rotate(3deg);  z-index:99; position:absolute; top:574px; left:114px; width:138px; height:47px;}
.pagecurl_left				{transform:rotate(-26deg); -webkit-transform:rotate(-26deg); transition: transform ease-in-out 0.2s;  -webkit-transition: -webkit-transform ease-in-out 0.2s; width: 138px; height:74px; background:url(../images/pagecurl_left.png) center center no-repeat; position:absolute; bottom:-2px left:0; transform-origin: 120px 24px;  -webkit-transform-origin: 120px 24px;}



.page_wrapper			{ text-align:left;position:absolute; padding:75px 120px 80px 165px; height:600px;}














a {
	color: #98090c;
	text-decoration: none;
	outline: none;
}

.lefty { background-color:#F00;}

a:hover,
a:active {
	color: #601a1b;
}

a img {
	border: none;
}

/* Header Style */
.main,
.container > header {

	margin: 0 auto;
	overflow:hidden;

}

.main {height:1000px; opacity: 0;}

.container {
	opacity: 0;
	min-width:1024;
}

.container > header {
	text-align: center;
	/*background: rgba(0,0,0,0.01);*/
}

.container > header h1 {
	font-size: 2.625em;
	line-height: 1.3;
	margin: 0;
	font-weight: 300;
}

.container > header span {
	display: block;
	font-size: 60%;
	opacity: 0.3;
	padding: 0 0 0.6em 0.1em;
}

/* Main Content */
.main {
	max-width: 69em;

}

.column {
	float: left;
	width: 50%;
	padding: 0 2em;
	min-height: 300px;
	position: relative;
}

.column:nth-child(2) {
	box-shadow: -1px 0 0 rgba(0,0,0,0.1);
}

.column p {
	font-weight: 300;
	font-size: 2em;
	padding: 0;
	margin: 0;
	text-align: right;
	line-height: 1.5;
}

/* To Navigation Style */
.codrops-top {
	background: #fff;
	background: rgba(255, 255, 255, 0.6);
	text-transform: uppercase;
	width: 100%;
	font-size: 0.69em;
	line-height: 2.2;
}

.codrops-top a {
	padding: 0 1em;
	letter-spacing: 0.1em;
	color: #888;
	display: inline-block;
}

.codrops-top a:hover {
	background: rgba(255,255,255,0.95);
	color: #333;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	float: left;
	display: block;
}

.codrops-icon:before {
	font-family: 'codropsicons';
	margin: 0 4px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	content: "\e001";
}

.codrops-icon-prev:before {
	content: "\e004";
}

.codrops-icon-archive:before {
	content: "\e002";
}

.codrops-icon-next:before {
	content: "\e000";
}

.codrops-icon-about:before {
	content: "\e003";
}

/* Demo Buttons Style */
.codrops-demos {
	padding-top: 1em;
	font-size: 0.9em;
}

.codrops-demos a {
	display: inline-block;
	margin: 0.2em;
	padding: 0.45em 1em;
	background: #999;
	color: #fff;
	font-weight: 700;
	border-radius: 2px;
}

.codrops-demos a:hover,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
	opacity: 0.6;
}

.codrops-nav {
	text-align: center;
}

.codrops-nav a {
	display: inline-block;
	margin: 20px auto;
	padding: 0.3em;
}



@media screen and (max-width: 46.0625em) {
	.column {
		width: 100%;
		min-width: auto;
		min-height: auto;
		padding: 1em;
	}

	.column p {
		text-align: left;
		font-size: 1.5em;
	}

	.column:nth-child(2) {
		box-shadow: 0 -1px 0 rgba(0,0,0,0.1);
	}
}

@media screen and (max-width: 25em) {

	.codrops-icon span {
		display: none;
	}

}

/* Geschichte Thumbs und Galerie */
#slide_geschichte_1 {
	z-index: 200;
}
#slide_geschichte_2 {
	z-index: 100;
	top: 60px;
	left: 86px;
}
#slide_geschichte_3 {
	z-index: 300;
	top: 199px;
	left: 12px;
}
#slide_geschichte_4 {
	top: 0px;
	left: -29px;	
}
#slide_geschichte_5 {
	top: 53px;
	left: 204px;
}
#slide_geschichte_8 {
	top: 154px;
	left: 35px;
}
#slide_geschichte_10 {
	top: 10px;
	left: 29px;
}
#slide_geschichte_11 {
	top: 217px;
	left: 10px;
}
#slide_geschichte_12 {
	top: 18px;
	left: 46px;
}