html, body, div, img, table, tr, td, p, span, a, ul, li {
   margin: 0;
   padding: 0;
   border: 0;
}

body {
   background-color: #A6BAA3;
   font-family: Trebuchet MS, arial, sans-serif;
}

a {
   -moz-outline: none 0;
   outline: none 0;
   text-decoration: none;
}

img {
   border: 0;
   display: inline;
}

/* ======================================================================= */

#logorow {
   position: relative;
   height: 70px;
   width: 980px;
   margin: auto;
   margin-top: 20px;
   text-align: center;
}

#scrolltop {
   position: relative;
   height: 140px;
   width: 980px;
   margin: auto;
   text-align: center;
   background: url(img_2009/boettchers_gasthaus_scroll_top.jpg) no-repeat center;
}

#scrolltop img { margin-top: 35px; }

#scrollmid {
   position: relative;
   margin: 0 auto;
   width: 980px;
   text-align: left;
   background: url(img_2009/boettchers_gasthaus_scroll_middle.jpg) repeat-y center;
   
   /* background: url(img_2009/dummy.jpg) no-repeat top center; */
}

#scrollmidbottomimg {
   position: absolute;
   bottom: 0;
   left: 290px;
   height: 145px;
   width: 400px;
   background: url(img_2009/gasthaus_antik_top.gif) no-repeat bottom center;
}

#scrollbot {
   position: relative;
   height: 160px;
   width: 980px;
   margin: auto;
   background: url(img_2009/boettchers_gasthaus_scroll_bottom.jpg) no-repeat center;
   color: #331000;
   font-size: 14px;
   line-height: 20px;
   text-align: center;
}

.clear { clear: both; }

/* ======================================================================= */

#container {
   position: relative;
   margin-left: 276px;
   width: 620px;
}

#mainwrapper {
   float: left;
   width: 620px;
   margin-right: -1px; /* Static fix */
}

#main {
   position: relative;
   float: right;
   width: 620px;
   margin-left: -1px;
   padding-top: 4px;
   color: #331000;
   font-size: 15px; /* 16px; */
   line-height: 22px; /* 25px; */
}

#menuewrapper {
   position: relative;
   width: 276px;
   margin-left: -275px;
}

#menue {
   width: 180px; // 276px;
   padding: 8px 0 0 73px;
}

#menue ul {
   list-style-type: none;
   text-align: left;
}

#menue ul li {
   font-family: Trebuchet MS, arial, sans-serif;
   color: #558D4D;
   text-align: left;
   font-size: 15px;
   font-weight: bold;
   padding: 0 0 11px 0;
   line-height: 1em;
}

#menue ul li a {
   text-decoration: none;
   color: #331000;
}

#menue ul li a:hover, #menue ul li a:active {
   color: #558D4D;
   text-decoration: underline;
}

#menue img { padding:  16px 0 0 16px; }

#menue_top {
   position: absolute;
   left: -48px;
   top: 0;
   width: 38px;
   height: 38px;
   background: url(img_2009/menu_border_top.gif) no-repeat center;
}

.submenue {
   font-size: 12px !important;
   line-height: 0.6em !important;
}

.current a {
   color: #558D4D !important;
}

.previewcurrent {
   color: #331000 !important;
}

/* ======================================================================= */

#mainimages {
   float: right;
   width: 254px;
   overflow: hidden;
   margin-left: 15px;
}

#mainimages img, #mainimages a img { position: absolute; }

#main ul {
   list-style-position: outside;
   margin: 20px 0;
}
#main ul li { margin-left: 30px; }

.ulhead {
   font-style: italic;
   font-weight: bold;
}

/* ======================================================================= */

.infotable {
   position: relative;
   border: 3px double #331000;
   margin: 30px 0 20px 0;
   font-size: 14px;
   line-height: 1.4em;
   overflow: hidden;
}

.infotable div {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #331000;
   opacity: 0.1;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
   filter: alpha(opacity=10);
}

.infotable table tr td { white-space: nowrap; vertical-align: top; }

/* ======================================================================= */

.download { text-decoration: none !important; }

.fileicon {
   display: block;
   position: relative;
   top: 12px;
}

.filetext {
   font-style: italic;
   font-size: 14px;
   text-decoration: underline;
   position: relative;
   top: -20px;
   left: 42px;
}

a:link .filetext, a:visited .filetext { color: #331000; }
a:hover .filetext, a:active .filetext { color: #558D4D; }

/* ======================================================================= */

#gallery {
   position: relative;
   height: 520px;
}

#applet {
   position: relative;
   height: 320px;
}

/* ======================================================================= */

#gmap {
   position: relative;
   margin: 0 auto;
   margin-top: 10px;
   width: 530px;
   height: 400px;
   border: 1px solid #331000;
}

#gmap div span { visibility: hidden; }

#gmap div a {
   font-size: 9px !important;
   position: absolute !important;
   right: 4px !important;   
   bottom: 0 !important;
}

#gmap a img {
   width: 45px !important;
   height: 21px !important;
   position: absolute !important;
   bottom: 1px !important;
   left: 10px !important;
}

#main a { text-decoration: underline; }
#main a:link, #main a:visited { color: #558D4D; }
#main a:hover, #main a:active { color: #331000; }

/* ======================================================================= */

#preview {
   position: relative;
   width: 900px;
   height: 28px;
   margin: 0 auto;
   padding-top: 6px;
   border: 2px solid #000000;
}

#preview span {
   position: absolute;
   bottom: 0;
   right: 3px;
   font-size: 18px;
   font-family: arial black, arialblack, helvetica;
}

.pbutton {
   width: auto;
   overflow: visible;
   padding: 2px 6px;
   margin: 0 6px 0 6px;
   border: 2px solid #606060;
   background: #D8D8D8;
}

.pbutton:hover {
   border: 2px solid #909090;
   cursor: pointer;
   background: #F8F8F8;
}