/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    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 {
  /* braun */
  /* background-color: #e5e1bd; */
  /* gelb */
  background-color: #fffad2;
  
  background-image: url('/u/bg-body.gif');
  background-repeat: repeat;
  background-position: top left;
  
  color: #222;
  /* 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, h2 {
  /*color: #800010;*/
  color: #222;
  font-family: Georgia, "Trebuchet MS", serif;
  font-weight: bold;
  font-variant: small-caps;
  line-height: 18px;
  margin-bottom: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
}

h1 {
  font-size: 16px;
  /* border-bottom: 1px dotted #005714; */
}
h2 {
  font-size: 14px;
  /* 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;
}

br.clearR {
  clear: right;
  display: block;
}

br.clearL {
  clear: left;
  display: block;
}

img {
    /* border: 1px solid #666666; */
}
a,  a:link {
  /* color: #DD8500; */
  color: #9B2128;
  font-weight: bold;
  text-decoration: underline;
}
a:visited {
  /* color: #DD8500; */
  color: #9B2128;
  font-weight: bold;
  text-decoration: underline;
}
a:hover {
  /* color: #005714; */
  color: #CC0000;
  text-decoration: underline;
}
a:focus {
  /* color: #005714; */
  color: #9B2128;
}
a:active {
  color: #c26c01;
}

u {
    text-decoration: none;
    color: #781010;
    font-weight: normal;
}

div.spacerS {
    height: 10px;
}
/* EO BASIC TAGS */

    
    
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    LAYOUT
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

/* This is a container for the page content. It is common to use the container to constrain the width of the page content and allow for browser chrome to avoid the need for horizontal scrolling. For fixed layouts you may specify a container width and use auto for the left and right margin to center the container on the page. IE 5 browser require the use of text-align: center defined by the body element to center the container. For liquid layouts you may simply set the left and right margins to center the container on the page. */
#outerWrapper {
  /* background-color: #fff; */
  margin: 0 auto 0 auto;
  text-align: left; 
  width: 960px;
}
#outerWrapper #header {
  background-color: #fff;
  
  background-image: url('/u/parkhotel-schillerhain.gif');
  background-repeat: no-repeat;
  background-position: top left;
  /*
  background-image: url('/u/bg-header.gif');
  background-repeat: no-repeat;
  background-position: center center;
  */
  
  height: 96px;
  padding: 0;
}

#header #metanav{  
    padding: 78px 10px 0 0;
    text-align: right;
}

#outerWrapper #animation {
    background-color: #e5e1bd;
    height: 200px;
}

#outerWrapper #topnav {
    background-color: #9b2128;
    height: 26px;
}


#outerWrapper #contentWrapper {
    /* background-color: #f5f3e5; */
    background-image: url(/u/bgmain-222-500-222-02.gif);
    background-repeat: repeat-y;
    background-position: 0 0;
    
    border-bottom: 2px solid #B7B397;
    
    
}

#contentWrapper #primary {
    /* margin: 0 240px 0 240px; */
    float:left;
    padding: 10px 0 20px 0;
    width: 477px;
}

#contentWrapper #secondary {
    /* background-color: #e5e1bd; */
    float:left;
    width: 240px;
    
    height: 540px;
    /* min-height: 350px; */
}

#contentWrapper #tertiary {
    /* background-color: #e5e1bd; */
    float:right;
    width: 240px;
    /* min-height: 350px; */
}

.clearFloat {
  clear: left;
  display: block;
}

#outerWrapper #contentWrapperHome {
    
    /*
    background-color: #9b2128;
    background-image: url(/u/bgmain-HOME.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    */
    
    /* background-color: #f5f3e5; */
    background-image: url(/u/bgmain-222-500-222-02-HOME.gif);
    /* background-image: url(/u/bgmain-230-500-230-01-HOME-SIDEBAR.gif); */
    background-repeat: repeat-y;
    background-position: 0 0;
    
    /* border-bottom: 2px solid #B7B397; */
    
    /* height: 300px; */
}

.teaser a {
    text-decoration: none;
}

#secondary .teaser {
    margin: 18px 0 0 0;
}
#secondary .teaser .inner {
    background-image: url(/u/teaser-230x154-left.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    position: relative; /* Nötig wg. absoluter Position für Kindelement */
    height:154px;
    width: 230px;
}
#secondary .teaser .inner h5 {
    color: #FFCCCC;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    left: 20px;
    text-align: left;
    top: 2px;
}
#secondary .teaser .inner h6 {
    color: #222;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    left: 20px;
    text-align: left;
    top: 32px;  
}
#secondary .teaser .inner img {
     float:left;
     margin: 22px 0 0 10px;
}


#tertiary .teaser {
    margin: 18px 0 0 10px;
}
#tertiary .teaser .inner {
    background-image: url(/u/teaser-230x154-right.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    position: relative; /* Nötig wg. absoluter Position für Kindelement */
    height:154px;
    width: 230px;
}
#tertiary .teaser .inner h5 {
    color: #FFCCCC;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    left: 20px;
    text-align: right;
    top: 2px;
    width: 190px;
}
#tertiary .teaser .inner h6 {
    color: #222;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    left: 20px;
    text-align: right;
    top: 32px;
    width: 190px;   
}
#tertiary .teaser .inner img {
     float:left;
     margin: 22px 0 0 0;
}

.teaser .inner a {
     text-decoration: none;
}




#contentWrapperHome #primary {
    float:left;
    padding: 10px 0 20px 0;
    width: 477px;
    /*
    margin: 0 240px 0 240px;
    padding: 10px 0 20px 0;
    width: 480px;
    */
}

#contentWrapperHome #secondary {
    /* background-color: #e5e1bd; */
    float:left;
    width: 240px;
    /* min-height: 350px; */
}

#contentWrapperHome #tertiary {
    /* background-color: #e5e1bd; */
    float:right;
    width: 240px;
    /* min-height: 350px; */
}



.clearboth {
    clear: both;
    height: 0px;
    font-size: 1px;
    line-height: 0px;
}

#outerWrapper #footer {
    /* background-color: #FFFAD2; */
    clear:both;
    color: #5E1D09;
    font-size: 11px;
    height: 50px;
    padding: 10px 0 14px 0;
}

#footer .part1 {
    float: left;
    text-align: left;
    margin-left: 10px;
    width:230px; 
}
#footer .part2 {
    float: left;
    text-align: left;
    width:440px;
}
#footer .part3 {
    float: right;
    text-align: right;
    margin-right: 10px;
    width:230px; 
}





/* EO LAYOUT */




 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    METANAV
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
#metanav a {
    color: #222;
    text-decoration: none;
}

#metanav a.metaOn {
    color: #C00;
}


 /* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    NAV
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

ul.nav li {
    display: inline;
    float:left;
    line-height: 22px; 
    /* margin: 4px 26px 0 10px; */
    
    margin: 2px 0 2px 0;
    /*
    margin: 4px 0 4px 0;
    padding: 2px 4px;
    */
    text-align: center;
    vertical-align: middle;
    width: 120px;
}

ul.nav li.n1 {

}

ul.nav li.cntLev1 {
    /* background-color: #fffad2; */
    background-color: #C00;
    
}

ul.nav li.n1 a, ul.nav li.n1 a:link {
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none; 
}




ul.nav2 {
    margin: 10px 0 20px 10px;
}

ul.nav2 li {
    /*
    display: inline;
    float:left;
    */
    line-height: 16px; 
    margin: 0 14px 0 0;
    padding: 2px 10px;
}


ul.nav2 li.on {
    /* background-color: #ddd; */
}

ul.nav2 li a, ul.nav2 a:link, ul.nav2 a:visited {
    color: #222;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none; 
}

ul.nav2 li.n2on a, ul.nav2 li.n2on a:link, ul.nav2 li.n2on a:visited {
    color: #C00;
    text-decoration: none;
}

ul.nav2 li.n3on a, ul.nav2 li.n3on a:link, ul.nav2 li.n3on a:visited {
    color: #C00;
    text-decoration: none;
}

ul.nav2 li.n3, ul.nav2 li.n3on {
     padding-left: 25px;
}

/* EO NAV */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    CONTEXT
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
.metanav a {
    color: #005714;
}

#footer a {
    text-decoration: underline;
}

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

#primary ul li 
{
    padding: 0 0 3px 18px;
    background-image: url(/u/arrow-01.png);
    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 #B7B397;
    margin: 0px 0px 10px 0px;
    font: normal 10px tahoma, arial, helvetica, geneva;
    padding: 3px 0px 3px 3px;
    background: #E5E1BD;
}
.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 {
    border: 1px solid #5E1D09;
    width:440px;
    background-color: #FFF;
    margin-bottom: 3px;
    padding:2px;
}
/* EO D_FORM */


table.D_BOOKING {
    border: 1px solid #CCC;
    background-color: #B7B397;
    margin-top: -6px;
    width: 100%;
}

table.D_BOOKING h3 {
    font-size: 14px;
    line-height: 22px;
    margin-left: 4px;
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    D_GUESTBOOK
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

/*
#GB
{ width:510px; }

#GBi01
{ width:250px; float:left; }

#GBi02
{ width:250px; overflow:auto; float:right;}
*/
#GB
{ margin-bottom:20px; }

#GBi01
{ margin-bottom: 20px;  }

#GBi02
{ }


input.GBc01, textarea.GBc01 {
    background-color :#FFF;
    color: #222;
    border : 1px solid #000000;
    padding : 2px 2px 2px 2px;
    /* width: 240px; */
    width: 400px;
    }

    .GBentry {
    color: #333;
    border : 2px solid #333;
    background-color :#E5E1BD;
    padding : 2px 2px 2px 2px;
    /* width: 240px; */
    width: 400px;
    margin-top:5px;
    }

/* EO D_GUESTBOOK */
    
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    A_SPECIAL
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
div.A_SPECIAL {
    border: 4px solid #9B2128;
    padding:5px;
    margin-bottom: 6px;
}

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

div.A_SPECIAL h2 {
    background-color: #B7B397;
    font-size: 14px;  
    margin-left: -5px;
    padding: 3px 0 3px 5px; 
    
    
}

div.A_SPECIAL h3 {
    /* color: #005714; */
    padding: 3px 0;
    margin-bottom: 5px;
    font-size: 14px;
}

div.A_SPECIAL a.booking {
    background-color: #FFFFFF;
    border: 2px solid #9B2128;
    color: #000;
    padding: 3px 3px;
    text-decoration: none; 
}
/* EO A_SPECIAL */


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


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    A_PORTRAIT
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
div.A_PORTRAIT {
    margin-bottom: 10px;
}

div.A_PORTRAIT img {
    background-color: #E5E1BD;
    /*
    border-right: 2px solid #B7B397;
    border-bottom: 2px solid #B7B397;
    */
    border: 2px solid #B7B397;
    float: left; 
    margin: 0 10px 10px 0; 
    padding: 2px 2px 2px 2px;
}

div.A_PORTRAIT h3 {
     font-size: 14px;
     font-weight: bold;
}

div.A_PORTRAIT h4 {
     font-size: 10px;
     font-weight: normal;
}

div.A_PORTRAIT p {
    margin-top: 12px;
}


/* EO A_PORTRAIT */



/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
    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 #B7B397;
    border-bottom: 4px solid #B7B397;
    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;
    font-size: 13px;
    color: #666;
    
}

div.A_DISHES div.divider {
    margin: 10px 0 10px 0; 
    border-bottom:1px dotted #781010;
}

div.A_DISHES span.subtitle {
  color: #222;
  font-family: Georgia, "Trebuchet MS", serif;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 14px;
  line-height: 32px;
  
  /*
  margin-bottom: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  */
  
    padding: 0 0 3px 18px;
    background-image: url(/u/arrow-01.png);
    background-repeat: no-repeat;
    background-position: 0 2px;
  
}

div.A_DISHES b {
    /* background-color: #FFFAD2; */
    /*
    padding: 0 0 3px 18px;
    background-image: url(/u/arrow-01.png);
    background-repeat: no-repeat;
    background-position: 0 2px;
    */
    color: #CC0000;
    /* font-size: 13px; */
    
    
}
/* 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 a
{
    text-decoration: none;
}

div.A_TEASER .teaser
{
    float:left; 
    margin-right: 10px;
    width:275px; 
}

div.A_TEASER .last
{
    margin-right: 0;
}

div.A_TEASER div.pic
{

}

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

/* EO A_TEASER */

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

input.email {
    width:220px; 
    border: 1px solid #666;
    height: 18px;
}

form#optin input.email {
    background-color:#CCEBDC;
}
form#optout input.email {
    background-color:#FFCCCC;
}

div.D_NEWSLETTER_SUBSCRIBE p.error {
    padding: 5px;
    border: 1px solid #CC0000;
    color: #CC0000;
}

div.D_NEWSLETTER_SUBSCRIBE p.confirm {
    padding: 5px;
    border: 1px solid #005714;
    color: #005714;
}

div.D_NEWSLETTER_SUBSCRIBE input.button {
    background-color: #EEE;
    border: 1px solid #000000; 
    padding: 1px 3px;
}

    
table.A_PARTNERLINKS {
    width:100%;
}

table.A_PARTNERLINKS td {
    background-color: #FFF;
    padding: 2px;
    margin: 2px;
    /* vertical-align: middle; */
    vertical-align: top;
    text-align: center;
}

table.A_PARTNERLINKS td img{
    margin: 2px;
}

table.A_PARTNERLINKS td a{
    color: #666;
    font-size: 10px;
    text-decoration: none;
    
}