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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video
{ margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;
}

* {	margin:0; padding:0; font-size:100%; list-style:none; }


html { background:url(../images/body-tail.gif) top repeat-x #FFFFFF; text-align: left; font-family:Tahoma, Geneva, sans-serif; font-size:0.8125em; line-height:1.308em;
	   color:#838383;
	 }
body { width:960px; margin:0 auto; text-align:left; /*border: 1px solid red*/ }

a { color: #838383 }
#guests a#show_rules, #guests a#hide_rules { cursor: pointer; text-decoration: underline }
a:hover, #guests a#show_rules:hover, #guests a#hide_rules:hover { color: #ae3131; text-decoration: none }

h1 { float: left; background:url(../images/logo.png) no-repeat 19px 20px; width: 450px; height: 80px; padding: 20px 0 0 95px; font-size: 5em; color: #AE3131; /*border: 1px solid red*/ }
h1 a { color: #AE3131 }
h3, span.colored, p.colored { color: #AE3131 }
h2 { padding: 105px 0 0 33px; font-size: 4em; }
h2 span { color:#AE3131 }

.gblink { float: left; width: 170px; height: 60px; padding:40px 0 0 0; /*border: 1px solid blue*/ }
.gblink .m1 {font-weight: bold; color: rgb(229, 137, 0) }
.gblink .m2{ padding-left:22px;}
.up { text-transform:uppercase }

.topnav{ color: #AE3131; float:right; width: 250px; height: 80px; padding:20px 0 0 0; /*border: 1px solid blue*/}
.topnav li{ padding-left:22px;}
.topnav a{ color: #AE3131; text-decoration:none;}
.topnav a:hover, .topnav .act{ text-decoration:underline;}
#contact .topnav a:hover { text-decoration:none }
.topnav .m1{ padding-left:42px; font-weight: bold; text-transform: uppercase }
.topnav .m2{ background:url(../images/fon.gif) no-repeat 25px 5px; padding: 5px 0 0 42px;}
.topnav .m3{ background:url(../images/cfon.gif) no-repeat 3px 2px; padding-left:20px;}
.topnav .m4{ background:url(../images/mail.gif) no-repeat 4px 2px; padding-left:20px;}
 
.mainnav { clear: left; padding-top:0;}
.mainnav li{ float:left; background:url(../images/menu-li-bg.gif) right top no-repeat; text-align:center; line-height:1em;}
.mainnav li a{ display:block; width:186px; background:url(../images/menu-item-bg.gif) top repeat-x;  margin-right:1px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#f8e9e9; text-decoration:none; font-weight:bold;}
.mainnav li a:hover, .mainnav li .act{ background:url(../images/menu-item-act-bg.gif) top repeat-x;}
.mainnav li span{ display:block; padding:16px 0 17px 0;}
.mainnav li .first{ background:url(../images/m1-noact-bg.jpg) left top no-repeat;}
.mainnav li a:hover .first, .mainnav li .act .first{ background:url(../images/m1-act-bg.gif) left top no-repeat;}
.mainnav li .last{ background:url(../images/m5-bg.gif) top right no-repeat; margin-left:-1px;}
.mainnav li a:hover .last, .mainnav li .act .last{ background:url(../images/m5-act-bg.gif) top right no-repeat;}
.mainnav .last-item{ background:none;}

#slogan { clear: both; height: 235px; background:url(../images/header-bg.jpg) bottom no-repeat; /*border: 1px solid green*/ }

#content-wrapper { padding: 8px 0 5px 0; /*border: 1px solid black*/ }
#home #column-1, #contact #column-1, #transports #column-1, #guests #column-1 { width:500px; padding: 33px; /*border: 1px dashed #ccc*/}
#home #column-2, #contact #column-2, #transports #column-2, #guests #column-2  { width:355px;}
#contact #nocols, #transports #nocols, #guests #nocols { clear: both; padding: 33px }
#column-1, #column-2, .col-1, .col-2 {float:left;}
#column-1 { background:url(../images/boxl-bg.png)  no-repeat }
#column-1 #box1-title {height: 20px; background:url(../images/redarrowbluebg.png)  no-repeat; padding: 2px 0 0 25px }
#column-1 #valet-parking-buchen {height: 20px; background:url(../images/redarrow.gif)  no-repeat; padding: 2px 0 0 25px }
#column-1 h3 {height: 20px; background:url(../images/redarrow.gif)  no-repeat; padding: 2px 0 0 25px }
#contact #column-1 h3#gb { margin-top: 30px }
#column-1 p, #column-1 h4, #column-2 ul, #column-2 p, #nocols p, #nocols h4 { margin-top: 1em }
.col-1, .col-2 { text-align: right; width: 235px; padding: 5px }
.col-2 { background:url(../images/box2-border.gif) repeat-y 7px 0 }
#column-2 ul.rates-1 { float: left }
#column-2 ul.rates-1 li{ background:url(../images/whitearrow.gif) no-repeat 0 11px; padding-left:18px; padding-top: .4em; /*line-height:2.077em;*/ }
.su-text ul.arrow li{ background:url(../images/whitearrow.gif) no-repeat 0 11px; padding-left:18px; padding-top: .4em; /*line-height:2.077em;*/ }
#column-2 ul.rates-2 li{ padding-left:18px; padding-top: .4em; /*line-height:2.077em;*/ text-align:right; font-weight: bold}

#column-2 ul.rates-1 li.obg { background: none; padding-top: 0 }
#column-2 ul.rates-1 li.noi { background: none; padding-left: 0; margin-top: 10px}
#column-2 ul.rates-2 li.obg { padding-top: 0; font-weight: normal }

#column-2 ul#numbs li{ background:url(../images/whitearrow.gif) no-repeat 0 11px; padding-left:18px; padding-top: .4em; /*line-height:2.077em;*/ font-weight: bold }
#column-2 ul#cars li{ background:url(../images/whitearrow.gif) no-repeat 0 11px; padding-left:18px; line-height:2.077em; font-weight: bold}

.col-1 h4, .col-2 h4 { text-align: center; color: #ae3131 }

.button { padding-top: 1.4em; height: 23px }
.buttonr { padding-top: .3em }
.ws { word-spacing: 1em }
.golden { color: rgb(229, 137, 0) }
p.cname { font-size: 1.1em }
.phone{ float:right; padding-right:95px;}
.link{ color:#ffffff; display:block; background:url(../images/link-left-bg.gif) left no-repeat; float:left; line-height:1em; font-size:1em; text-decoration:none  }
.link:hover { text-decoration:none;}
.link span{ display:block; background:url(../images/link-right-bg.gif) right no-repeat; padding:0 8px; }
.link strong{ color:#ffffff; display:block; background:url(../images/link-bg.gif) repeat-x; padding:4px 10px 6px 10px;}
hr { width: 80%; margin: 30px 0 50px 57px; border:0; height: 2px; background-color: rgb(240,240,240); color: rgb(240,240,240) }

#rbox-1, #rbox-2 { width: 289px;  margin-left: 10px; padding: 33px }
#rbox-1 { height: 332px; background:url(../images/box-bg1-s.gif) no-repeat }
#contact #rbox-1, #guests #rbox-1 { height: 382px; background:url(../images/box-bg1-l.gif) no-repeat }
#home #rbox-1 { height: 1146px; background:url(../images/box-bg2.gif) }
/* #rbox-2 { margin-top: 7px; height: 1146px; background:url(../images/box-bg2.gif) } */
#rbox-2 { margin-top: 7px; height: 382px; /*background:url(../images/box-bg1-l.gif) no-repeat*/ }
#column-2 #rbox-1 h3, #column-2 #rbox-2 h3, #nocols h3{height: 20px; background:url(../images/redarrow.gif)  no-repeat; padding: 2px 0 0 25px }

/* reservation form */
#bform fieldset { margin-top: 15px; padding: 10px 0 5px 0; border: 1px solid #ae3131 }
#bform fieldset legend { padding: 0 5px 0 5px; font-weight: bold }
#bform input.foo { width: 120px }
#bform input#go { width: 6em }

.col-2 #ad { width: 215px; height: 6.3em }
hr#bii { clear: left; margin: 120px 0 0 57px }
hr#bii2 { margin: 20px 0 0 57px }
p#wishes { padding: 0 5px 0 5px; }
p#wishes textarea#bm { width: 100%; height: 8em }

div#footer { clear: both; font-weight: bold; background:url(../images/footer-left-bg.gif) top left no-repeat #e0e0e0; margin:0 auto 17px auto; text-align: center }
div#footer div { background:url(../images/footer-right-bg.gif) top right no-repeat; }
div#footer div p { margin: 0; padding: 5px 0 0 0; font-size: 12px }
div#footer div p#tel { padding: 0 0 5px 0 }
div#footer div ul { text-align: center }
div#footer div ul li { display: inline }
div#footer div ul li a, div#footer div p a  { color:#838383; text-decoration:none;}
div#footer div ul li a:hover, div#footer div p a:hover { text-decoration:underline}

.indent { margin-left: 20px }
.imgindent {margin:5px 20px 0 0; float:left;}
#rbox-2 p.qname { float:right;  text-align: right; margin-top: 0 }
#column-2 p.extra{ clear: right; background:url(../images/cite-bg.gif) 50% no-repeat; margin-top: 1em }

#guests iframe#showbook { margin: 30px 0; padding-top: 15px; width: 100%; height: 1000px; border: 1px solid rgb(229, 137, 0); text-align: center }
#guests div#gbrules { margin-top: 20px; padding: 5px; display:none; border: 1px solid rgb(229, 137, 0) }
#guests div#gbrules ul { padding-top: 5px }
#guests div#gbrules ul li { list-style-type: disc; margin-left: 20px }




// Ergänzungen mail@manoftaste.de

html { overflow-y:scroll !important; }
.noeyes { display:none; }

p.pseudo-h1 { float:left; background:url(../images/logo.png) no-repeat 19px 20px; width:450px; height:80px; padding:20px 0 0 55px; font-size:5em; color: #AE3131;
			  margin-top:10px;
			}
h1.mot { background:none; font-size:20px; font-weight:700; align:left; text-alight:left; line-height:1.6; width:auto; padding:0; }


div#footer { font-weight:normal; padding:15px 0 15px; background:none; background-color:#e0e0e0; }
div#footer div { background:none; }
div#footer div p { font-size:15px; color:#333; }
div#footer div ul li a, div#footer div p a  { color:#333; font-size:15px; }