/* standards  */
html[xmlns^="http"] 	{overflow-y: scroll;}

/* css reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
strong, h1, h2, h3, h4, h5, h6	{font-weight: bold;}

.floatleft {float:left; }
.floatright {float:right;}

br 						{margin: 0; padding: 0; line-height: 0.0001em;}
table					{border-collapse: collapse;}
td, th 					{vertical-align: top;}
p						{padding: 0 0 1em 0;}
em 			{font-style:italic;}
.firmendaten 			{margin-bottom: 1em;}
.firmendaten .desc, 
.firmendaten .value		{font-size: 1em; padding: .2em 0;}
.bordered				{border-bottom: 1px dashed #515151;}
.firmendaten .desc		{width: 14em; font-weight: bold;}
.firmendaten .value		{width: 26em;}

.clearblock:after		{content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearblock				{display: inline-block;}
html[xmlns] .clearblock	{display: block;}
* html .clearblock		{height: 1%;}
.clear	 				{clear: both;}

.pdf {background:transparent url(../images/pdf.gif) no-repeat scroll 0 0; padding:0 0 3px 20px;}
.print {background:transparent url(../images/printer.png) no-repeat scroll 0 0; padding:0 0 3px 20px;}
iframe {border: 1px solid #fdc96d; padding:3px; background:#fee7c1}

/* end of standards ------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */



html, body				{min-height: 100%; height: auto; height: 100%; line-height: 1.7em; background:#fff;}
body 					{font-size: 80%; font-family: Georgia, "Times New Roman", Times, serif; color: #731d3d;
						background:url(../images/layout/bg-body.gif) top repeat-x #fff; }	
/* CONTAINER  ------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */	
#container {width:950px;  margin:0 auto; }

/* HEADER   ------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */	
#containerHeader {height:444px; background:url(../images/layout/bg-containerHeader.jpg) top center no-repeat; width:auto}

#header {width:950px; height:444px; margin:0 auto; position:relative}
/* --- h1 Branding --- */
h1#branding 	{padding:53px 0 0 17px; position:absolute; z-index:5}

ul#subnav {padding:70px 0 0 502px; position:absolute; font-size:85%}
ul#subnav li {float:left;}
ul#subnav li a {color:#a70b46; text-decoration:none; font-weight:normal; display:block}
ul#subnav li a:hover, body#index ul#subnav li a.sta, body#gaestebuch ul#subnav li a.gae, body#kontakt ul#subnav li a.kon, body#anfahrt ul#subnav li a.anf, body#impressum ul#subnav li a.imp {color:#fb8402;}
ul#subnav li a.sta {width:100px;}
ul#subnav li a.gae {width:85px;}
ul#subnav li a.kon {width:71px;}
ul#subnav li a.anf {width:71px;}
ul#subnav li a.imp {width:100px;}

div#twitter-newsletter {top:310px; left:70px; position:absolute; }
div#twitter-newsletter img {margin:0 0 0 3px; width:33px; height:32px;}
span.space {display:block; float:left; width:35px;}

#koch {background:url(../images/layout/bg-koch.png); width:177px; height:213px; position:absolute; top:302px; left:798px;z-index:4}

#slideshow {width:468px; height:287px; position:absolute; top:101px; left:445px; z-index:3; overflow:hidden}

/* SIDEBAR  ------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */	
/*---------------------------------------NAVIGATION---------------------------------------------------------*/
#sidebar {width:263px; float:left; background:url(../images/layout/bg-sidebar.gif) top no-repeat; height:650px; padding:16px 0 0 37px;}

/* ---  navigation  --- */
ul#navi {height:296px; width:260px; background:url(../images/layout/ul-navi.gif);  }
* ul#navi {line-height:0.00001em; font-size:0.0001em; }
ul#navi li a 		{text-indent:-9999em; position:relative; display: block; text-decoration:none; width:260px;  background:url(../images/layout/ul-navi.gif); }
ul#navi li 	{ position:relative;}

ul#navi li a.wir {height:37px; background-position:0 0;}
ul#navi li a.wir:hover, body#wir-ueber-uns ul#navi li a.wir {background-position:-260px 0;}
ul#navi li a.saa {height:42px; background-position:0 -37px; }
ul#navi li a.saa:hover, body#saalfeiern ul#navi li a.saa {background-position:-260px -37px;}
ul#navi li a.par {height:42px; background-position:0 -79px;  }
ul#navi li a.par:hover, body#partyservice ul#navi li a.par, body#partyservice-angebote ul#navi li a.par, body#partyservice-referenzen ul#navi li a.par {background-position:-260px -79px;}


/* Subnav Partyservice */
ul#navi li ul.sub-party {position:absolute; background:#fff; border:1px solid #ffb04e; padding:4px;  margin:-35px 0 0 140px; display:none; font-size:13px; }
ul#navi li:hover ul.sub-party {display:block; }
ul#navi li ul.sub-party li a {background:none; text-indent:0; width:150px; text-decoration: none; color:#ff8801; font-weight:bold; display:block; font-size:13px; line-height:22px; }
ul#navi li ul.sub-party li a:hover, body#partyservice-angebote ul#navi li ul.sub-party li a.ang, body#partyservice-referenzen ul#navi li ul.sub-party li a.ref  {color:#8cc10e;}
/* Subnav Partyservice */

ul#navi li a.res {height:42px; background-position:0 -121px; }
ul#navi li a.res:hover, body#restaurant ul#navi li a.res {background-position:-260px -121px;}
ul#navi li a.rae {height:45px; background-position:0 -163px;}
ul#navi li a.rae:hover, body#raeumlichkeiten ul#navi li a.rae, body#raeumlichkeiten-festsaal ul#navi li a.rae, body#raeumlichkeiten-restaurant ul#navi li a.rae, body#raeumlichkeiten-kegelbahnen ul#navi li a.rae, body#raeumlichkeiten-biergarten ul#navi li a.rae {background-position:-260px -163px;}

/* Subnav Räumlichkeiten */
ul#navi li ul.sub-raeume {position:absolute; background:#fff; border:1px solid #ffb04e; padding:4px; margin:-35px 0 0 240px; display:none; }
ul#navi li:hover ul.sub-raeume {display:block;}
ul#navi li ul.sub-raeume li a {background:none; text-indent:0; width:150px;  font-size:13px; line-height:22px;}
body#raeumlichkeiten-festsaal ul#navi li ul.sub-raeume li a.fes, body#raeumlichkeiten-restaurant ul#navi li ul.sub-raeume li a.rest, body#raeumlichkeiten-kegelbahnen ul#navi li ul.sub-raeume li a.keg, body#raeumlichkeiten-biergarten ul#navi li ul.sub-raeume li a.bie {color:#8cc10e;}
/* Subnav Räumlichkeiten */

ul#navi li a.gae {height:51px; background-position:0 -208px;}
ul#navi li a.gae:hover, body#gaestezimmer ul#navi li a.gae  {background-position:-260px -208px;}
ul#navi li a.akt {height:36px; background-position:0 -259px;}
ul#navi li a.akt:hover, body#aktionen ul#navi li a.akt {background-position:-260px -259px;}


h3.oeff {background:url(../images/layout/h3-oeffnungszeiten.gif); width:216px; height:30px; text-indent:-9999em; margin-top:40px}
.oeffnungszeiten {font-size:90%; padding:15px 0 0 10px}
.oeffnungszeiten p {padding:0 0 1.2em 0;}
.oeffnungszeiten p strong.space {display:block; float:left; width:70px;}





/* CONTENT  ------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */
#content {width:650px; float:left;}

h2 {text-indent:-9999px; width:478px; height:80px; margin:0 0 15px 21px; }
body#index h2 {background:url(../images/layout/h2/index.gif)}
body#kontakt h2, body#danke h2 {background:url(../images/layout/h2/kontakt.gif);}
body#gaestebuch h2 {background:url(../images/layout/h2/gaestebuch.gif);}
body#anfahrt h2 {background:url(../images/layout/h2/anfahrt.gif);}
body#impressum h2 {background:url(../images/layout/h2/impressum.gif);}
body#error404 h2 {background:url(../images/layout/h2/fehler404.gif);}
body#wir-ueber-uns h2 {background:url(../images/layout/h2/wir-ueber-uns.gif);}
body#saalfeiern h2 {background:url(../images/layout/h2/saalfeiern.gif);}
body#partyservice h2 {background:url(../images/layout/h2/partyservice.gif);}
body#partyservice-angebote h2 {background:url(../images/layout/h2/partyservice-angebote.gif);}
body#partyservice-referenzen h2 {background:url(../images/layout/h2/partyservice-referenzen.gif);}
body#restaurant h2 {background:url(../images/layout/h2/restaurant.gif);}
body#raeumlichkeiten h2 {background:url(../images/layout/h2/raeumlichkeiten.gif);}
body#raeumlichkeiten-festsaal h2 {background:url(../images/layout/h2/festsaal.gif);}
body#raeumlichkeiten-restaurant h2 {background:url(../images/layout/h2/restaurant.gif);}
body#raeumlichkeiten-kegelbahnen h2 {background:url(../images/layout/h2/kegelbahnen.gif);}
body#raeumlichkeiten-biergarten h2 {background:url(../images/layout/h2/biergarten.gif);}
body#gaestezimmer h2 {background:url(../images/layout/h2/gaestezimmer.gif);}
body#aktionen h2 {background:url(../images/layout/h2/aktionen.gif);}
body#newsletter-abo h2 {background:url(../images/layout/h2/newsletter.gif);}

#content-text {width:560px; padding:0 35px 30px 54px; background:url(../images/layout/bg-contentText.gif) top right no-repeat; min-height:340px; _height:340px}

h4 {text-transform:uppercase; border-bottom:1px solid #ff8d00; margin-top:10px; margin-bottom:10px}

table.referenzen tr td {padding:3px;}

/* --- ul li --- */
ul 				{list-style-type: none; }

ul.liste {margin-bottom:15px;}
ul.liste li {background:url(../images/layout/ul-li.gif) left 4px no-repeat; padding-left:40px;}
.ul-left {margin-left:50px;}


/*------------Bilder---------------*/

.rahmen {border:1px solid #fdc96d; padding:3px; background:#fee7c1}
.pic-gallery {margin-right:35px;}
.pic-margin {margin:5px 15px 3px 0;}
.pic-margin-r {margin:5px 0px 3px 15px;}

/* --- links --*/
a:link, a:visited				{ text-decoration: none; color:#ff8801; font-weight:bold }
a:hover			{text-decoration: none; color:#8cc10e;}

a:focus			{ outline:none;}

/* ewcms ------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */
#ewcms_edit_controller	{position: fixed; _position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; font-weight: bold; font-size: 1.1em; z-index: 10;}
#ewcms_edit_controller a{color: #f00;}

p.preis {text-align:right; font-weight:bold}
						

/* FOOTER  ------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */
#footer {background:url(../images/layout/bg-footer.gif); width:590px; height:99px; margin-left:54px; font-size:90%; padding:35px 0 0 0;}
#footer a {font-weight:normal; text-decoration:underline; color:#731d3d;}
#footer a:hover {text-decoration:none;}
.left30 {margin-left:30px;}