/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    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,
b, u, i, center,
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-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
    /* or use default: */
    /* line-height: 1.33; */
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* probably add this */
/* the disabled automatic scollbars in IE */
textarea { overflow: auto; }
/* EO CSS RESET */




/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    BASIC TAGS
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
body {
  background-color: #edeadc;
  
  background-image: url('/i/bg-wrapper-content2.gif');
  background-repeat: repeat-y;
  background-position: center;
  
  color: #666666;
  /* font-family: Arial, Helvetica, sans-serif; */
  font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 17px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
}
/*
h1 {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
}
h2 {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}*/
h1, h2 {
  /*color: #800010;*/
  color: #666666;
  font-weight: bold;
  line-height: 14px;
  margin-bottom: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
}

h1 {
  font-size: 14px;
  border-bottom: 1px dotted #DDD6BC;
}
h2 {
  font-size: 12px;
  border-bottom: 1px dotted #DDD6BC;
}

h1.navon, h2.navon {
  color: #DD8500;
  /* padding-left:8px; */
}

p {
    margin: 0 0 10px 0;
}
/*
ul {
    margin: 0 0 10px 0;
    list-style:disc;
}

li {
    margin-left: 16px;
}
*/

br.clear {
  clear: both;
  display: block;
}

img {
    /* border: 1px solid #666666; */
}
a,  a:link {
  /* color: #DD8500; */
  color: #6E3A04;
  font-weight: bold;
  text-decoration: none;
}
a:visited {
  /* color: #DD8500; */
  color: #6E3A04;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #DD8500;
  text-decoration: underline;
}
a:focus {
  /* color: #DD8500; */
  color: #6E3A04;
}
a:active {
  color: #DD8500;
}
/* EO BASIC TAGS */

    
    
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    LAYOUT
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
#outerWrapper {
  background-image: url('/i/bg-main.gif');
  background-repeat: repeat-x;
}

#root {
  /*background-color: #cfc6c6;*/
  margin: 0 auto 0 auto;
  text-align: left;
  width: 772px;
}

#root #header {
  /*background-color: #251515;*/
  height: 197px;
  background-image: url('/i/bg-header.gif');
  background-repeat: no-repeat;
}

#root #header .inner {
  height: 197px;
  margin:0 6px 0 6px;
  background-image: url('/i/bg-header-inner.jpg');
  background-repeat: repeat-x;
}

#root #header .inner #branding {
  height: 197px;
  background-image: url('/i/hotel-hohenstaufen-logo.jpg');
  background-repeat: no-repeat;
  padding-right: 27px;
}

#root #header .inner #branding h3 {
  height: 168px;
  background-image: url('/i/hotel-restaurant-hohenstaufen.jpg');
  background-repeat: no-repeat;
  background-position: 501px 42px;
  text-indent:-9000px;
}

#root #header .inner #branding #nav1 {
  /* background-color: #F00; */
  height:17px;
  text-align: right;
}
    
#root #top {
  /*background-color: #251515;*/
  height: 114px;
  /*background-image: url('/i/bg-top.gif');*/
  background-image: url('/i/bg-top-5borders.gif');
  background-repeat: no-repeat;
}

#root #top #photos {
  /* background-color: #251515; */
  padding: 6px 0 0 12px;
}

#root #top #photos .photo {
  /*background-color: #251515;*/
  padding-right: 7px;
  float:left;
}

#root #mainWrapper {
  /*background-color: #F00;*/
  padding: 20px 12px 60px 26px;
}

#root #mainWrapper #primary {
  /* background-color: #EEE; */
  width:566px;
  float:left;
  
}

#root #mainWrapper #secondary {
  /* background-color: #DDD; */
  width:140px;
  float:right;
}

#secondary #quickAccess{
  /* background-color: #DDD; */
  position:absolute;
  bottom:50px;
}

#footer {
    position: fixed;
    bottom: 0px;
    left: 0px;

    margin-top: -55px;
    
    background-color: #CCC;
    text-align:center;
    
    background-image: url('/i/bg-wrapper-footer.gif');
    background-repeat: repeat-x;
    width:100%;
    height: 55px;
}

* html, * html body
{
    margin:0;
    padding:0;
    height:100%;
    overflow:hidden;
}
* html #outerWrapper
{
    padding:0;
    height:95%;
    overflow:auto;
}
* html #footer
{
    background:#efefef;
    height:5%;
    text-align:center;
    padding-top:1%;
}

#footer .inner
{
  /*background-color: #cfc6c6;*/
  margin: 0 auto 0 auto;
  text-align: left;
  width: 772px;
  height: 55px;
  background-image: url('/i/bg-footer.gif');
}

/* EO LAYOUT */




/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    NAV
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
ul.level1 {
    padding: 0 0 0 0;
}

ul.level1 li {
    /*
    width: 160px;
    height: 22px;
    float: left;
    */
    display: inline;
    padding: 0 0 0 14px;
}

li.n1 a, li.n1 a:link {
    display: inline;
    color: #6E3A04;
    font-size: 12px;
    line-height: 16px;
    font-family: Georgia, Times, Times New Roman, serif;
}

li.n1 a:visited {
    display: inline;
    color: #6E3A04;
    font-size: 12px;
    line-height: 16px;
    font-family: Georgia, Times, Times New Roman, serif;
}

li.n1 a:hover {
    color: #DD8500;
    text-decoration: none;
}

li.n1 a:focus {
    color: #DD8500;
}

li.n1 a:active {
    color: #DD8500;
}

li.n1on a {
    display: inline;
    text-decoration: none;
    color: #DD8500;
    font-size: 12px;
    line-height: 16px;
    font-family: Georgia, Times, Times New Roman, serif;
}



ul.level2 {
    padding: 0 0 3px 0;
    /* width:160px; */
    /* Folgende beiden Angaben benötigen position:relative im Elternelement */
    /*
    position: absolute;
    bottom: 0;
    */
}

ul.level2 li {
    /* width: 160px; */
    /* height: 21px; */
    border-bottom: 1px dotted #DDD6BC;
    padding: 3px 0;
}

ul.level2 li.n2on {
    /* background-image: url('/i/nav2on-btn60pc.png'); */
}

li.n2 a, li.n2 a:link {
    display: inline;
    color: #666;
    font-size: 12px;
    line-height: 19px;
}

li.n2 a:visited {
    display: inline;
    color: #666;
    font-size: 12px;
    line-height: 19px;
}

li.n2 a:hover {
    color: #DD8500;
    text-decoration: none;
}

li.n2 a:focus {
    color: #DD8500;
}

li.n2 a:active {
    color: #DD8500;
}

li.n2on a {
    display: inline;
    text-decoration: none;
    color: #DD8500;
    font-size: 12px;
    line-height: 19px;
}

/* EO NAV */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    CONTEXT
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
#footer p{
    color: #EDEADC;
    font-size: 12px;
    font-weight: normal;
    padding:10px 10px 0 10px;
    line-height: 16px;
}
#footer a{
    color: #EDEADC;
    text-decoration: underline;
}
#footer p.part1
{
    float:left;
    padding: 10px 0 0 26px;
}
#footer p.part2
{
    float:right;
    padding: 10px 12px 0 0;
}

#primary ul
{
    margin: 0 0 10px 4px;
    padding: 0;
    list-style: none;
}

#primary ul li 
{
    padding: 0 0 3px 18px;
    background-image: url(/u/list-bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 2px;
}
/* EO CONTEXT */




/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    TEXT1PIC
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
.imagebox-left {
    float:left;
    margin-right: 10px;
    /*border: 1px solid #000000;*/
}

.imagebox-right {
    float:right;
    margin-left: 10px;
    /*border: 1px solid #000000;*/
}
.bu {
    border-bottom: 1px solid #B8B09B;
    margin: 0px 0px 10px 0px;
    font: normal 10px tahoma, arial, helvetica, geneva;
    padding: 3px 0px 3px 3px;
    background: #DDD6BC;
}
.right {
    float: right;
}

.left {
    float: left;
}

/*
div.TEXT1PIC ul li {
    margin: 7px 7px 7px 24px;
    line-height:130%;
    list-style: square;
}
div.TEXT1PIC ol li {
    margin: 7px 7px 7px 24px;
    line-height:130%;
    list-style: decimal;
}
*/

div.TEXT1PIC ul {
    list-style:disc;
    margin: 0 0 10px 0;
}

div.TEXT1PIC ol {
    list-style:decimal;
    margin: 0 0 10px 0;
}

div.TEXT1PIC li {
    margin-left: 16px;
    line-height: 1.33;
}

div.bu a
{
    text-decoration: none;
}
/* EO TEXT1PIC */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    D_FORM und D_BOOKING
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
input,textarea{margin:0;padding:0;border:0;}

.style1 {
    width:440px;
    background-color: #E0D6BA;
    margin-bottom: 3px;
    padding:1px;
}
/* EO D_FORM */


table.D_BOOKING {
    background-color: #E0D6BA;
    margin-top: -6px;
    width: 100%;
}



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    A_SPECIAL
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
div.A_SPECIAL {
    border: 4px solid #F4F0EA;
    padding:5px;
    margin-bottom: 10px;
}

a.booking {
    display: block;
    margin-top: 12px;
    color: #DD8500;
}

div.A_SPECIAL h3 {
    padding: 5px 0;
    margin-bottom: 5px;
    font-size: 12px;
}
/* EO A_SPECIAL */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    A_WEATHER
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
div.WEATHER {
    margin-bottom: 10px;
}
/* EO A_WEATHER */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    A_TEXT1PICLAYER
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
div.A_TEXT1PICLAYER {
    border-left: 4px solid #F4F0EA;
    /* background-color:#F4F0EA; */
    padding: 5px;
    margin-bottom: 12px;
    
}

div.hidden {
    display:none; 
    border-bottom: 1px dotted #DDD6BC;
    /* margin:4px 0 0 0; */
    /* border-bottom:1px solid #000; */
    /* padding-bottom: 5px; */
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    A_GALLERY
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
div.A_GALLERY {
    /*
    border-top: 1px dotted #DDD6BC;
    border-bottom: 1px dotted #DDD6BC;
    */
    border-top: 4px solid #F4F0EA;
    border-bottom: 4px solid #F4F0EA;
    padding: 4px;
}

div.A_GALLERY div {
    float:left;
    margin: 0 6px 0 0;
    /*
    border: 2px solid #FFF;
    */
}

div.A_GALLERY div.last {
    float:left;
    margin: 0;
    /*
    border: 2px solid #FFF;
    */
}
/* A_GALLERY */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    A_DISHES
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
div.A_DISHES {
    margin-bottom:20px;
}

div.A_DISHES div.descr {
    float:left; 
    width:75%;
}
div.A_DISHES div.price {
    float:right;
}

div.A_DISHES div.divider {
    margin: 15px 0 15px 0; 
    border-bottom:1px dotted #DDD6BC;
}
/* A_DISHES */

/* A_KONN_SPECIAL */
div.A_CONN_SPECIAL {
    /* margin:20px 10px 20px 10px; */
}
/* EO A_KONN_SPECIAL */ 
    
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
A_TEASER
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
div.A_TEASER
{
    width:100%; 
    /* height: 136px; */
    margin-bottom: 10px;
}

div.A_TEASER h3
{
    /* margin: 86px 11px 0 11px; */
    background-color: #F5F0EA;
    border-top: #DDD6BC 6px solid;  
    font-size: 11px;
    padding: 2px 0 2px 4px;
}

div.A_TEASER div
{
    
    /* border-bottom: #DDD6BC 6px solid; */
    
}

div.A_TEASER div.pic
{
    width:180px; 
    /* height:136px; */
    float:left;
}

div.A_TEASER a
{
    text-decoration: none;
}
/* EO A_TEASER */