/* HTML-Tag-Definitionen */


* { 
    margin: 0px; 
    padding: 0px; 
    font: normal 1.0em verdana, arial, helvetica, sans-serif;
    text-decoration: none;    
    background: none;
    color: #000;
    border: none;    
}

html { 
    font-size: 62.5%; /* 100% = 16px --> 62,5 % = 10px */
}


body {
    margin: 5px;
    font-size: 1.1em;
    background: #411600 url(../images/bg_body.gif) repeat-x;
    text-align: center;
}


ul, ol { margin-left: 20px; }

table { 
    margin-bottom: 1em; 
    border-collapse: collapse; 
}

table th, table td { font-size: 1em; }


h1, h2, h3, h4, h5, h6 {
    margin-bottom: 1.0em;
    font-weight: 600; /* 100,200,300,400,500,600,700,800,900 = extra-dünn (100) bis extrafett (900). */
    color: #666;
}

/*
h1 { 
    font-weight: 400;
    font-size: 1.6em;
    color: #4D4420; 
    border-bottom: solid 1px #817E53;
}
*/

h1 { 
    margin: 0px;
    text-indent: -9999px;
    font-weight: 400;
    font-size: 0.1em;
    color: #4D4420; 
}

h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }

hr { border-top: solid 0.1em #BD1818; }

p { margin-bottom: 1.0em; }

strong { font-weight: bold; }
small { font-style:italic; }

a {  
    text-decoration: none;
    color: #BD1818;     
}

a:hover { text-decoration: underline; }

/* 
a:link    { color: #BD1818; } 
a:visited { color: #BD1818; }
a:hover   { color: #BD1818; }
a:active  { color: #BD1818; }
a:focus   { color: #FFC000; }
*/


.google_maps, .google_maps strong { color: #333; }

.google_maps strong { font-size: 14px; font-weight: 600; }

a:hover.google_maps, a:hover.google_maps strong 
{ 
    text-decoration: none;
    color: #BD1818; 
}

a.pdf-link {
    margin: 0px;
    padding: 4px;
    padding-left: 20px;
    background: url(../images/file_pdf.gif) no-repeat;
}

form { margin-bottom: 10px; }

input { 
    margin-bottom: 0px; 
    padding: 1px; 
    border: solid 1px #cdcdcd; 
    background: #ffffff;     
}

input.submit {
    width: 120px;
    border: solid 1px #808080;
    background: #efefef;
    cursor: pointer;
}

textarea { 
    padding: 1px;    
    font-size: 11px; 
    border: solid 1px #cdcdcd;
    background: #ffffff; 
    overflow: auto;     
}

select { 
    font-size: 11px; 
    border: solid 1px #cdcdcd; 
    background: #ffffff; 
}

fieldset { 
    margin-bottom: 10px; 
    padding: 10px; 
    border: solid 1px #9A9A6C; 
}


form#email-form span { 
    width: 8.0em; 
    float: left; 
}

form#email-form  input { width: 250px; }
form#email-form  input.zip { margin-right: 5px; width: 50px; float: left; }
form#email-form  input.town { width: 190px; }
form#email-form  input.submit { width: 120px; }
form#email-form  select { width: 250px; }
form#email-form  textarea { width: 400px; height: 100px; }


/* Menue Top */

ul#menu-top {
    position: absolute;
    top: 20px;
    left: 100px;
    margin: 0px;
    padding: 0px;
    width: 392px;
    height: 20px;
    display: inline;
    list-style: none;
    border: solid 0px red;
}

ul#menu-top li, ul#menu-top li ul li {
    position: absolute;
    top: 0px;
    margin: 0px;
    padding: 0px;    
    list-style: none; 
}
    
ul#menu-top li, ul#menu-top li a  {
    text-indent: -9999px;
    display: block;
    color: #ff0000;
    font-weight: bold;
    text-decoration: none;
}

ul#menu-top li#arrangements { position:absolute; top:0px; left:0px; width:147px; height:18px; }
ul#menu-top li#restaurant     { position:absolute; top:0px; left:147px; width:184px; height:18px; }    
ul#menu-top li#hotel               { position:absolute; top:0px; left:331px; width:61px; height:18px; }


#menu-top li#arrangements a, #menu-top li#restaurant a, #menu-top li#hotel a { 
    color: #ff0000; 
    width: 100%; 
    text-decoration: none; 
}

#menu-top li#arrangements a               { background: url(../images/btn_arrangements.gif) 0px 0px no-repeat; }
#menu-top li#arrangements a:hover   { background: url(../images/btn_arrangements.gif) 0px -18px no-repeat; }
#menu-top li#arrangements a.active { background: url(../images/btn_arrangements.gif) 0px -18px no-repeat; } 

#menu-top li#restaurant a                   { background: url(../images/btn_restbar.gif) 0px 0px no-repeat; }
#menu-top li#restaurant a:hover       { background: url(../images/btn_restbar.gif) 0px -18px no-repeat; }
#menu-top li#restaurant a.active     { background: url(../images/btn_restbar.gif) 0px -18px no-repeat; } 

#menu-top li#hotel a                             { background: url(../images/btn_hotel.gif) 0px 0px no-repeat; }
#menu-top li#hotel a:hover                 { background: url(../images/btn_hotel.gif) 0px -18px no-repeat; }
#menu-top li#hotel a.active               { background: url(../images/btn_hotel.gif) 0px -18px no-repeat; }




/* Unter-Menues*/

ul#menu-top-sub {
    position: absolute;
    top: 40px;
    left: 112px;
    margin: 0px;
    padding: 0px;
    width: 370px;
    height: 20px;
    display: inline;
    list-style: none;
    border: solid 0px red;
}

ul#menu-top-sub li, ul#menu-top-sub li ul li {
    position: absolute;
    top: 0px;
    margin: 0px;
    padding: 0px;    
    list-style: none; 
}
    
ul#menu-top-sub li, ul#menu-top-sub li a  {
    text-indent: -9999px;
    display: block;
    color: #ff0000;
    font-weight: bold;
    text-decoration: none;
}

ul#menu-top-sub li#impressionen { position:absolute; top:0px; left:0px; width:113px; height:17px; }
ul#menu-top-sub li#partner           { position:absolute; top:0px; left:113px; width:70px; height:17px; }
ul#menu-top-sub li#anfahrt           { position:absolute; top:0px; left:183px; width:129px; height:17px; }
ul#menu-top-sub li#fakten             { position:absolute; top:0px; left:312px; width:58px; height:17px; }
 
#menu-top-sub li#impressionen a, #menu-top-sub li#partner a, #menu-top-sub li#anfahrt a,  #menu-top-sub li#fakten  a { 
    color: #ff0000; 
    width: 100%; 
    text-decoration: none; 
}
 
#menu-top-sub li#impressionen a               { background: url(../images/butsub_impressionen.gif) 0px 0px no-repeat; }
#menu-top-sub li#impressionen a:hover   { background: url(../images/butsub_impressionen.gif) 0px -17px no-repeat; }
#menu-top-sub li#impressionen a.active { background: url(../images/butsub_impressionen.gif) 0px -17px no-repeat; }

#menu-top-sub li#partner a                         { background: url(../images/butsub_partner.gif) 0px 0px no-repeat; }
#menu-top-sub li#partner a:hover             { background: url(../images/butsub_partner.gif) 0px -17px no-repeat; }
#menu-top-sub li#partner a.active           { background: url(../images/butsub_partner.gif) 0px -17px no-repeat; }

#menu-top-sub li#anfahrt a                         { background: url(../images/butsub_anfahrt.gif) 0px 0px no-repeat; }
#menu-top-sub li#anfahrt a:hover             { background: url(../images/butsub_anfahrt.gif) 0px -17px no-repeat; }
#menu-top-sub li#anfahrt a.active           { background: url(../images/butsub_anfahrt.gif) 0px -17px no-repeat; }

#menu-top-sub li#fakten a                           { background: url(../images/butsub_fakten.gif) 0px 0px no-repeat; }
#menu-top-sub li#fakten a:hover               { background: url(../images/butsub_fakten.gif) 0px -17px no-repeat; }
#menu-top-sub li#fakten a.active             { background: url(../images/butsub_fakten.gif) 0px -17px no-repeat; }




/* Menue unten */

ul#menu-bottom {
    position: absolute;
    top: 15px;
    left: 200px;
    margin: 0px;
    padding: 0px;
    width: 192px;
    height: 20px;
    display: inline;
    list-style: none;
    border: solid 0px red;
}

ul#menu-bottom li, ul#menu-bottom li ul li {
    position: absolute;
    top: 0px;
    margin: 0px;
    padding: 0px;    
    list-style: none; 
}
    
ul#menu-bottom li, ul#menu-bottom li a  {
    text-indent: -9999px;
    display: block;
    color: #ff0000;
    font-weight: bold;
    text-decoration: none;
}


ul#menu-bottom li#impressum { position:absolute; top:0px; left:0px; width:107px; height:14px; }
ul#menu-bottom li#kontakt     { position:absolute; top:0px; left:107px; width:85px; height:14px; }


 
#menu-bottom li#kontakt a, #menu-bottom li#impressum  a { 
    color: #ff0000; 
    width: 100%; 
    text-decoration: none; 
}
 
#menu-bottom li#kontakt a               { background: url(../images/btn_kontakt.gif) 0px 0px no-repeat; }
#menu-bottom li#kontakt a:hover   { background: url(../images/btn_kontakt.gif) 0px -14px no-repeat; }
#menu-bottom li#kontakt a.active { background: url(../images/btn_kontakt.gif) 0px -14px no-repeat; }

#menu-bottom li#impressum a                         { background: url(../images/btn_impressum.gif) 0px 0px no-repeat; }
#menu-bottom li#impressum a:hover             { background: url(../images/btn_impressum.gif) 0px -14px no-repeat; }
#menu-bottom li#impressum a.active           { background: url(../images/btn_impressum.gif) 0px -14px no-repeat; }



.error, .formerror { color: #ff0000; }
.message { color: #005e20; }

.box { 
    margin: 0px;
    margin-bottom: 10px;
    padding: 10px 0px 10px 0px;
    /*background: #fefefe;
    border-bottom: solid 1px #4D4420;*/
}

/* CSS-IDs */


#page {
    position: relative;
    top: 0px;
    margin: 115px auto 20px auto;
    width: 596px;
    color: #313C73;
    background: url(../images/bg_page.gif);
    text-align: left;
}

#head {
    width: 596px;
    height: 59px;
    background: #5E2605 url(../images/bg_head.gif) no-repeat;
}

#logo {
    position: absolute;
    top: -116px;
    left: 0px;
    width: 229px;
    height: 116px;
    background: url(../images/head_logo.gif) no-repeat;
}

#orna {
    position: absolute;
    top: -116px;
    left: 229px;
    width: 431px;
    height: 116px;
    background: url(../images/head_orna.gif) no-repeat;
}

#content {
    margin: 0px 0px 0px 25px;
    padding: 25px 0px 25px 0px;
    width: 540px;
    min-height: 400px;
    line-height: 140%;
    color: #000000;
    border: solid 0px #ff0000;
}

* html #content          { height: 400px; } /* nur für IE 5.5 - 6.x */
html + body #content { height: 400px; } /* nur vom IE 5.0 */

#cms_image_box {
    border: solid 1px #4F4F4F;
}

#foot {
    position: relative;
    width: 596px;
    height: 166px;
    background: #411600 url(../images/bg_foot.gif) no-repeat;
    clear: both;
}

div.image_gallery_thumb { 
    margin: 0px 5px 5px 0px; 
    padding: 0px; 
    border: solid 1px #cdcdcd; 
    background: #fefefe;
    float:left;
}       


div.image_gallery_thumb a {  
    display: block;
    text-indent: -9999px;  
    width:100px; 
    height:100px; 
}  

div.image_gallery_picture {
    margin: 0px;
    padding: 0px;   
    text-align: center;
} 


div.image_gallery_picture img { 
    margin: 0px;
    padding: 5px;   
    border: solid 1px #cdcdcd; 
    background: #fefefe;  
}