/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    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: #fff;
  /*
  background-image: url('/u/bg-page.gif');
  background-repeat: repeat-x;
  */
  color: #333;
  /* font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; */
  font-family: Lucida, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
}


/*
h1, h2 {
  color: #333;
  font-weight: bold;
  line-height: 14px;
  margin-bottom: 10px;
  padding-top: 4px;
}

h1 {
  font-size: 14px;
}
h2 {
  font-size: 12px;
}
*/

h1, h2 {
  /*color: #800010;*/
  color: #00654E;
  font-weight: bold;
  line-height: 14px;
  margin-bottom: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
}

h1 {
  font-size: 14px;
  border-bottom: 1px dotted #00654E;
}
h2 {
  font-size: 12px;
  /* border-bottom: 1px dotted #00654E; */
}

h3 {
  font-size: 12px;
  /* border-bottom: 1px dotted #00654E; */
}



p {
    margin: 0 0 6px 0;
}


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

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


br.clear {
  clear: both;
  display: block;
  height: 1px;
}

img {
    /* border: 1px solid #666666; */
}
a,  a:link {
  color: #444;
  /* font-weight: bold; */
  text-decoration: underline;
}
a:visited {
  color: #444;
  /* font-weight: bold; */
  text-decoration: underline;
}
a:hover {
  color: #003D2F;
  text-decoration: none;
  background-color: #FFE04C;
}
a:focus {
  color: #444;
}
a:active {
  color: #444;
}
/* EO BASIC TAGS */
    
    
    
    
    
    
    
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    LAYOUT
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
br.clear {
  clear: both;
  display: block;
  height: 1px;
}

body {
    background: url('/u/bg-page.gif') top left repeat-x;
}

#root {
    /* background-color: #CCC; */
}

#mainWrapper {
    width:960px;
    
    margin: 0 auto;
    text-align: center;
}

#mainWrapper #header {
    height: 50px;
    
    background-image: url('/u/traube-lossburg-hotel-restaurant-01d.gif');
    background-position: top left;
    background-repeat: no-repeat;
}

#mainWrapper #main {
    /*
    margin: 0 auto;
    text-align: center;
    */
    text-align: left;
    
    min-height: 350px;
    
    background-image: url('/u/bg-main.gif');
    background-position: top left;
    background-repeat: repeat-y;
    
    padding-bottom: 20px;
}

#main #navWrapper { 
    width: 250px;
    float:left;
    
    background-image: url('/u/traube-lossburg-hotel-restaurant-02d.gif');
    background-position: top left;
    background-repeat: no-repeat;
    
} 

#main #navWrapper #nav { 
    margin-top: 80px;
} 

#main #primary { 
    width:460px;
    float:left;
    /*background-color: #DDD;*/
    margin: 0 0 20px 0;
} 
#main #secondary { 
    width: 240px;
    float:right;
    /* background-color: #CCC; */
} 

#main #secondary #photoRotation {
    margin-bottom: 20px;
}

#footer {
    background-image: url('/u/bg-bottom.gif');
    background-position: top left;
    background-repeat: repeat-x;
    
    height: 60px;
}

#primary .padded {
    padding: 20px 10px 0 10px;
}

#footer .padded {
    width:960px;
    margin: 0 auto;
    text-align: center;
    
    height: 60px;
    
    background-image: url('/u/bottom-curves.gif');
    background-position: top right;
    background-repeat: no-repeat;
}



/* EO LAYOUT */    
    

    

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    CONTEXT
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
#header p {
    text-align: right;
    padding-top: 22px;
    margin-left: 0;
    color: #FFF;
}

#footer p, #footer a {
    color: #cce0dc;
    font-size: 11px;
}

#footer p {
    text-align: left;
    padding-top: 14px;
    margin-left: 0;
}

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

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

    
    
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    NAV
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
/*
#nav .outeron {
    background-color: #fff;
    margin-bottom: 1px;
}

#nav .line {
    width:960px;
    text-align: left;
}
*/

#nav .line span{
    
}

#nav ul {
    margin-left: 10px;
    margin-bottom: 10px;
    padding: 4px 0 2px 0;
    width: 220px;
    
    background-image: url('/u/nav-rounded-tl.gif');
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #fff;
}

#nav ul.on {
    width: 230px;
}


#nav li {
    display: block;
    margin-bottom: 4px;
    width: 220px;
}

#nav li.n1, #nav li.n1on {
    text-align: left;
    width: 220px;
    padding-left: 10px;
    padding-top: 4px;
}

#nav li.n1on {
    
}

#nav a {
    line-height: 15px;
    color: #003D2F;
    display: block;
    width:200px;
    text-decoration: none;
    background-color: #FFF;
    /* background-color: #DDD; */
}

#nav a:hover {
    /* background-color: #FFE04C; */
}

#nav li.n1 a, #nav li.n1on a {
    font-size: 12px;
    line-height: 16px;
    
}

#nav li.n2, #nav li.n2on {
    margin-left: 20px;
}

li.n1on, li.n2on {
    font-weight: bold;
}
/* EO NAV */
    



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    TEXT1PIC
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
.imageleft {
    float:left;
    margin-right: 10px;
    margin-bottom: 8px;
}

.imageright {
    float:right;
    margin-left: 10px;
    margin-bottom: 8px;
}

.imagetopt {
    margin-bottom: 20px;
}

.bu {
    border-bottom: 1px solid #000;
    margin: 0px 0px 10px 0px;
    font: normal 10px tahoma, arial, helvetica, geneva;
    padding: 3px 0px 3px 3px;
    background: #FAF3A9;
    /* background: #FFE04C; */
    /* background: #003D2F; */
    
}
.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:400px;
    /* background-color: #cce0dc; */
    /* background-color: #cce0dc; */
    background-color: #FFF;
    border: 1px solid #00654E;
    margin-bottom: 3px;
    padding:1px;
}
/* EO D_FORM */


table.D_BOOKING {
    /* background-color: #CCE6E0; */
    background: url('/u/bg-special.gif') top left repeat-x;
    margin-top: -6px;
    width: 440px;
}

table.D_BOOKING textarea {
    width: 280px;
    background-color: #FFF;
    border: 1px solid #00654E;
}
table.D_BOOKING input {
    /* background-color: #CCE6E0; */
    background-color: #FFF;
    border: 1px solid #00654E;
}

    
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    A_SPECIAL
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
div.A_SPECIAL {
    border: 4px solid #008566;
    padding:5px;
    margin-bottom: 10px;
    background: url('/u/bg-special.gif') top left repeat-x;
}

a.booking {
    display: block;
    margin-top: 12px;
    color: #00654E;
    font-size: 12px;
}

div.A_SPECIAL h2 {
  border-bottom: 1px dotted #00654E;
}

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 #D9E8E5;
    border-bottom: 4px solid #D9E8E5;
    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_PRICELIST
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
div.A_PRICELIST {
    margin-bottom:20px;
}

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

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



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

div.A_TEASER h3
{
    margin: 86px 11px 0 11px;
    font-size: 11px;
}

div.A_TEASER div
{
    width:210px; 
    height:136px; 
    float:left;
}

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

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    A_PANO360
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
div.A_PANO360 {
    /*
    float: left;
    position: relative;
    margin: 0;
    */
}

/* INDEX - GRID */
div.A_PANO360 .thumbnail {
    float: left;
    position: relative;
    color:inherit;

    background-color: #ddd;
    width: 144px;
    height: 144px;
    overflow: hidden;

    margin: 0 1px 1px 0;
}
div.A_PANO360 .selectedThumbnail, .thumbnail:hover {
    color:inherit;
    background-color: #99c3b8;
}
div.A_PANO360 .emptyThumbnail {
    float: left;
    position: relative;
    color:inherit;
    background-color: #eee;
    width: 144px;
    height: 144px;
    overflow: hidden;
}

/* INDEX */
div.A_PANO360 h5 {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 9px;
    background-color:inherit;
    color: #00644d;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 32px;
}
div.A_PANO360 div.itemEntry {
    margin-left:9px;
    margin-top:32px;
}
div.A_PANO360 div.itemEntry .pic {

}

div.A_PANO360 div.itemEntry .sub {
    font-size: 11px;
    font-weight: normal;
    line-height: 15px;
}

div.A_PANO360 div.itemEntry .sub a {
    color: #b52418; 
    text-decoration:none;
    font-size: 11px;
    font-weight: bold;
}

/* img */
div.A_PANO360 img.thumb {
    border: 1px solid black;
    position: relative;
}
/* A_PANO360 */

/* A_KONN_SPECIAL */
div.A_CONN_SPECIAL {
    margin:20px 10px 20px 10px;
}
/* EO A_KONN_SPECIAL */