/*** stylesheet.css fuer Firefox, Mozilla, etc. ***/


/*** Allgemeine Einstellungen ***/

/*** 
Farbdefinitionen 
Hintergrund: #413826
Orange: #D27607
Dunkelbraun: #8F7155
Hellbraun: #A58866
Gallerybeige: #BDA273
Contentbeige: #E6DAC2
Footerbeige: #E2DBC8
Contentrahmen: #BDA273
Footerrahmen: #D0C9AD
grauer Rahmen: #EBE9EA
***/

body
{
 margin: 0;
 padding: 0;
 background-color: #413826;
 font-family: arial, helvetica, sans-serif;
 font-size: 12px;
}

/*** Ende allgemeine Einstellungen ***/


/*** Start Container ***/

#container
{
 width: 780px;
 margin: 30px auto;
 padding: 5px 5px 5px 5px;
 background-color: #fff;
}

.frame
{
 border: 2px solid #EBE9EA;
 padding: 5px 15px 15px 15px;
}

/*** Ende Container ***/


/*** Start Header ***/

#header
{
 height: 78px;
 border-bottom: 5px solid #D27607;
}

#logobox
{
 float: left;
 margin-left: 10px;
}

#tripadvisor
{
 float: none;
 margin: 10px 0 0 0;
 text-align: right;
}

#tripadvisor img
{
 border: none;
}

#flags
{
 float: right;
 margin-top: 24px;
}

#flags img
{
 border: none;
}

#topmenu ul
{
 float: right;
 height: 28px;
 margin: 8px 5px 0px 0px;
 padding: 14px 0px 0px 0px;
}

#topmenu li
{
 display: inline;
}

#topmenu a
{
 color: #413826;
 text-decoration: none;
}

#topmenu a:hover
{
 color: #D27607;
 text-decoration: underline;
}

/*** Ende Header ***/

/*** Start Menu ***/

#menu ul
{
 height: 28px;
 margin: 0px;
 padding: 14px 0px 0px 0px;
}

#menu li
{
 display: inline;
}

#menu a
{
 color: #fff;
 padding: 12px 25px 10px 25px;
 font-size: 14px;
 font-weight: bold;
 background-color: #8F7155;
 background-image: url("../bilder/htg_menu.gif");
 background-repeat: repeat-x;
 background-position: top center;
}

#menu a.last
{
 padding: 12px 31px 10px 30px;
}

#menu a:link,
#menu a:visited,
#menu a:active
{
 text-decoration: none;
}

#menu a:hover
{
 background-image: url("../bilder/htg_menu_hover.gif");
 background-repeat: repeat-x;
 background-position: top center;
}

/*** Ende Menu ***/

/*** Start Contentbox ***/

#contentbox
{
 float: left;
 width: 361px;
 height: 416px;
 background-color: #E6DAC2;
 border: 2px solid #BDA273;
 padding: 10px;
 margin-bottom: 3px;
 color: #413826;
 font-family: times;
 font-size: 13px;
 background-image: url("../bilder/htg_contentbox.jpg");
 background-repeat: repeat-x;
 background-position: top center;
}

#contentbox h1
{
 color: #D27607;
 margin: 10px 0px 5px 0px;
}

#contentbox h2
{
 color: #D27607;
 margin: 5px 0px 5px 0px;
}

#contentbox h3
{
 color: #D27607;
 margin-bottom: 5px;
}

#contentbox a
{
 color: #413826;
}

#contentbox a.wegbeschreibung
{
 padding: 5px 0px 15px 40px;
 color: #413826;
 background-image: url("/bilder/pdf.jpg");
 background-repeat: no-repeat;
 background-position: top left;
}

#contentbox table
{
 border: 1px solid #BDA273;
 border-collapse:collapse;
}

#contentbox td
{
 width: 65px;
 text-align: center;
 border: 1px solid #BDA273;
}

#contentbox h2.partner
{
 font-size: 14px;
}

/*** Ende Contentbox ***/

/*** Start Footer ***/

#footer
{
 clear: both;
 height: 46px;
 margin: 0px 0px 0px 0px;
 background-color: #E2DBC8;
 border: 1px solid #D0C9AD;
}

#footer .copyright
{
 float: right;
 margin: 4px 4px 0px 0px;
 font-size: 10px;
 color: #8F7155;
}

#footer .copyright a
{
 color: #8F7155;
}

#footer .address
{
 float: left;
 margin: 4px 0px 4px 10px;
 padding-left: 30px;
 font-size: 10px;
 color: #8F7155;
 background-image: url("../bilder/strili_small.gif");
 background-repeat: no-repeat;
 background-position: top left;
}

a.dev_by 
{
color: #8F7155;
font-weight: bold;
}
a.dev_by:hover 
{
cursor: help; 
}
a.dev_by span 
{
visibility: hidden;
position: absolute;
z-index: 100;
left: 65em;
margin-top: -7em; 
padding: 1em;
text-decoration: none;
}
a.dev_by:hover span 
{
visibility: visible; 
width: 120px;
border: 1px solid #413826;
color: #fff;
background: #BDA273;
filter: alpha(opacity=90);
opacity: 0.9;
text-align: center;
}

/*** Ende Footer ***/

/*** Start Sonstiges ***/

#reservation
{
 width: 334px;
 height: 416px;
 margin: 0px 0px 0px 388px;
 padding: 10px;
 background-color: #BDA273;
 border: 2px solid #8F7155;
 font-family: times;
 color: #000;
 background-image: url(".../bilder/htg_reservation.jpg");
 background-repeat: repeat-x;
 background-position: top center;
}
#reservation h1
{
 color: #E6DAC2;
 margin: 10px 0px 5px 0px;
}
#reservation a:link,
#reservation a:active,
#reservation a:visited
{
 color: #E6DAC2;
 font-weight: bold;
}
#reservation p
{
 margin: 0px 0px 5px 0px;
}
#reservation textarea
{
 width: 202px;
 height: 40px;
 background-color: #E6DAC2;
 color: #413826; 
}
#reservation input
{
 background-color: #E6DAC2;
 color: #413826; 
}
#reservation .label
{
 float: left;
 width: 80px;
 margin: 0px 3px 0px 0px;
 padding-top: 5px;
}
#reservation .field
{
}
#reservation .specific
{
 float: left;
 margin-left: 3px;
 padding-top: 5px;
}

#guestbook
{
 font-family: times;
 background-color: #E6DAC2;
 margin-bottom: 3px;
}
#guestbook h1
{
 color: #D27607;
 margin: 5px 0px 0px 0px;
}
#guestbook .leftside
{
 float: left;
 width: 326px;
 padding: 10px;
}
#guestbook .center
{
 float: left;
 width: 50px;
 min-height: 430px;
 background-image: url("../bilder/htg_guestbook.jpg");
 background-repeat: no-repeat;
 background-position: top center;
}
#guestbook .rightside
{
 float: left;
 width: 326px;
 padding: 10px;
}
#guestbook .page
{
 margin-bottom: 10px;
 font-size: 10px;
 color: #D27607;
}
#guestbook .page a:link,
#guestbook .page a:active,
#guestbook .page a:visited
{
 color: #D27607;
}
#guestbook .entry
{
 margin: 10px 0px 0px 0px;
}

#specials
{
 font-family: times;
 background-color: #E6DAC2;
 margin-bottom: 3px;
 background-image: url("/bilder/htg_specials.gif");
 background-repeat: repeat-y;
 background-position: top center;
}

#specials h1
{
 color: #D27607;
 margin: 5px 0px 0px 0px;
}

#specials h2
{
 color: #D27607;
 margin: 5px 0px 5px 0px;
}

#specials .text_short img
{
 float: left;
 margin: 3px 5px 0px 0px;
 border: 1px solid #8F7155;
 padding: 3px;
}

#specials .text_short
{
 min-height: 80px;
}

#specials .list
{
 float: left;
 width: 351px;
 padding: 10px;
}

#specials .list a
{
 color: #D27607;
 font-weight: bold;
}

#specials .list a:visited
{
 font-weight: normal;
}

#specials .list hr
{
 clear: both;
 margin-top: 20px;
 width: 200px;
}

#specials .details
{
 float: left;
 width: 351px;
 padding: 10px;
 margin-left: 3px;
}

#specials .details ul
{
 list-style-position: outside;
 padding: 0px;
 margin-left: 20px;
}
