@CHARSET "ISO-8859-1";
/*
    File Content
        1. Standard HTML Elements
        2. DIV Definitions
        3. TABLE Definitions
        4. Hyperlink Definitions
        5. Textelement Definitions
        6. ByteWorx Definitions
        7. Form Definitions
+-----------------------------------+
|   1. Standard HTML Elements       |
+-----------------------------------+
*/
HTML {
    font-family: Arial;
    font-size: 12px;
    color: #282A1F;
}

BODY {
    margin: 0px;
    padding: 0px;
    background-color: #fff;
}

IMG {

}

form {
    margin:0;
    padding:0;
}

H1 {
    width: 100%;
    color: #666666;
    font-weight: bold;
    font-size: 16px;
    margin-top: 0px;
    font-face: Arial;
}

H2 {
    width: 100%;
    border-bottom: 1px solid #282A1F;
    color: #282A1F;
    font-weight: bold;
    font-size: 14px;
    margin-top: 0px;
}

H3 {
    width: 100%;
    border-bottom: 1px solid #282A1F;
    color: #282A1F;
    font-weight: bold;
    font-size: 12px;
    margin-top: 0px;
    _margin-bottom: 15px;
    #margin-bottom: 15px;
}

H4 {
    width: 100%;
    border-bottom: 1px solid #282A1F;
    color: #282A1F;
    font-weight: bold;
    font-size: 10px;
    margin-top: 0px;
}

UL {
    list-style-type: square;
    list-style-image: url("/images/ListIcon.png");
    list-style-position: outside;
    margin: 0px;
    padding: 0px;
    padding-bottom: 5px;
    margin-left: 15px;
    margin-bottom: 5px;
}

LI {
    margin-bottom: 5px;
}

/*
+-----------------------------------+
|   2. DIV Definitions              |
+-----------------------------------+
*/

/* div id root used to center the page content */
#root {
    margin: 0px auto;
    width: 900px;
    min-height:600px;
}

#topheader {
    background-color: #D4D2B9;
    height: 20px;
    width: 100%;
    border-bottom: 1px solid #282A1F;
}

#header {
    background: url("/images/header.jpg") no-repeat;
    height: 100px;
    width: 100%;
    text-align: right;
}

#langswitch {
    padding-top: 3px;
    padding-right: 3px;
}

#textsize {
    padding-top: 2px;
    padding-left: 3px;
    float: left;
}

#mainNavigation {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#teaser {
    border-bottom: 2px solid #B1AF86;
    padding: 0px;
    margin: 0px;
}

#content {

}

#footer {
    border-top: 2px solid #B1AF86;
    background-color: #D4D2B9;
    width: 100%;
    height: 20px;
    text-align: center;
    margin-top: 15px;
    padding-top: 5px;
    font-size: 10px;
}

#box {
    background-color: #B1AF88;
    width: 100%;
    margin-bottom: 10px;
}

#boxHeadline {
    background-color: #898D38;
    color: #282A1F;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px;
    padding-left: 20px;
}

#boxContent {
    background-color: #D4D2B9;
    padding: 5px;
}

#subnaviBoxHeadline {
    background-color: #898D38;
    border-bottom: 1px solid #D4D2B9;
    color: #282A1F;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px;
    padding-left: 20px;
}

#subnaviBoxContent {
    background-color: #D4D2B9;
}

#boxReservation {
    color: #ac4b41;
    font-weight: bold;
    font-size: 14px;
}

#topNavigation {
    text-align: right;
    width: 710px;
    padding-right: 10px;
    padding-top: 3px;
}

.error {
    border: 1px solid #ff0000;
    background-color: #fff;
    font-weight: bold;
    color: #8e4f49;
    padding:5px;
}

.success {
  border: 1px solid #7d8600;
    background-color: #fff;
    color: #8e4f49;
}

.systemmessage {
    width: 640px;
    margin-bottom: 20px;
    display:none;
    padding: 5px;

}

#reservation {
    margin: 0px auto;
}

.extNews {
    text-align: left;
    padding-left: 12px;
}

.extNewsDate {
    font-weight: bold;
}

.extNewsSubject {
    border-bottom: 1px solid #00756D;
    margin-bottom: 15px;
    padding-bottom: 5px;
}

.contentBoxFull {
    width: 650px;
    margin-left: 5px;
    margin-right: 5px;
}

.contentBoxSmall {
    width: 206px;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
}

.contentBoxBig {
    width: 220px;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
}

.contentBoxMedium {
    width: 320px;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
}

.pager {
    width: 100%;
    text-align: center;
}

/*
+-----------------------------------+
|   3. TABLE Definitions            |
+-----------------------------------+
*/

#contentTable {
    width: 900px;
    background-color: #fff;
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
}

#contentTable .leftCol {
    width: 240px;
}

#contentTable .leftColTeaser {
    width: 240px;
    margin: 0;
    padding: 0;
    border-top: 1px solid #FFFFFF
}
#contentTable .rightCol {
    width: 660px;
}

#mainNavigation TABLE {
    background-color: #fff;
    width: 100%;
    border-collapse: collapse;
}

#mainNavigation TD {
    height: 20px;
    text-align: center;
}


.teaser {
    background-color: #D4D2B9;
    border-top: 1px solid #fff;
    padding: 0px;
    margin: 0px;
}

.main {
    width: 100%;
}

.fivePxPadding {
    padding: 5px;
}
/*
+-----------------------------------+
|   4. Hyperlink Definitions        |
+-----------------------------------+
*/
A:LINK,
A:ACTIVE,
A:VISITED {
    color: #007733;
}

A:HOVER {
    color: #ac4b41;
}

#mainNavigation A:LINK,
#mainNavigation A:ACTIVE,
#mainNavigation A:VISITED {
    display: block;
    border-top: 2px solid #898D38;
    background-color: #898D38;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    padding: 4px;
    margin: 0px;
}

#mainNavigation A:HOVER {
    color: #fff;
    background-color: #AFB088;
}

#mainNavigation A.nav1active:LINK,
#mainNavigation A.nav1active:ACTIVE,
#mainNavigation A.nav1active:VISITED,
#mainNavigation A.nav1active:HOVER {
    display: block;
    border-top: 2px solid #007733;
    color: #fff;
    background-color: #007733;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    padding: 4px;
    margin: 0px;
}

#topNavigation A:LINK,
#topNavigation A:ACTIVE,
#topNavigation A:VISITED {
  padding-right: 15px;
  padding-left: 15px;
}

A.nav2:LINK,
A.nav2:ACTIVE,
A.nav2:VISITED {
  display: block;
    width: 230px;
    height: 22px;
    text-decoration:none;
    border-bottom: 1px solid #AFB088;
    font-size: 12px;
    color: #282A1F;
/*    background: url('../img/subnav_bg.gif') repeat-x; */
    background-color: #D4D2B9;
    margin: 0px;
    padding-top: 8px;
    padding-left: 10px;
    text-transform: uppercase;
    font-weight: bold;

}

A.nav2:HOVER {
    color: #320000;
    background-color: #fff;
}

A.nav2active:LINK,
A.nav2active:ACTIVE,
A.nav2active:VISITED {
    display: block;
    width: 225px;
    height: 22px;
    text-decoration:none;
    border-bottom: 1px solid #AFB088;
    font-size: 12px;
    color: #320000;
    /* background: url('../img/subnav_bg_hover.gif') repeat-x; */
    background-color: #AFB088;
    margin: 0px;
    padding-top: 8px;
    padding-left: 15px;
    text-transform: uppercase;
    font-weight: bold;
}

A.nav2active:HOVER {
    color: #007733;
    background: url('/images/subnav_bg.gif') repeat-x;
}

A.nav3:LINK,
A.nav3:ACTIVE,
A.nav3:VISITED {
  display: block;
    width: 215px;
    height: 22px;
    text-decoration:none;
    border-bottom: 1px solid #AFB088;
    font-size: 12px;
    color: #007733;
/*    background: url('../img/subnav_bg.gif') repeat-x; */
    background-color: #D4D2B9;
    margin: 0px;
    padding-top: 8px;
    padding-left: 25px;
    text-transform: uppercase;
    font-weight: bold;

}

A.nav3:HOVER {
    color: #320000;
    background: url('/images/subnav_bg_hover.gif') repeat-x;
}

A.nav3active:LINK,
A.nav3active:ACTIVE,
A.nav3active:VISITED {
    display: block;
    width: 215px;
    height: 22px;
    text-decoration:none;
    border-bottom: 1px solid #AFB088;
    font-size: 12px;
    color: #320000;
    /* background: url('../img/subnav_bg_hover.gif') repeat-x; */
    background-color: #D4D2B9;
    margin: 0px;
    padding-top: 8px;
    padding-left: 25px;
    text-transform: uppercase;
    font-weight: bold;
}

A.nav3active:HOVER {
    color: #007733;
    background: url('/images/subnav_bg.gif') repeat-x;
}

A.newsDate:LINK,
A.newsDate:VISITED,
A.newsDate:ACTIVE {
    text-decoration: none;
}

A.newsDate:HOVER {

}

A.newsLink:LINK,
A.newsLink:VISITED,
A.newsLink:ACTIVE {
    display:block;
    text-decoration: none;
}

A.newsDate:HOVER {

}

A.newsMoreLink:LINK,
A.newsMoreLink:VISITED,
A.newsMoreLink:ACTIVE {
    text-decoration: none;
    display:block;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color: #007733;
}

A.newsMoreLink:HOVER {
    text-decoration: underline;
}

A.paginatorActive:LINK,
A.paginatorActive:ACTIVE,
A.paginatorActive:VISITED {
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

A.paginator:LINK,
A.paginator:ACTIVE,
A.paginator:VISITED {

}

A.newsLinkH4:LINK,
A.newsLinkH4:VISITED,
A.newsLinkH4:ACTIVE {
    text-decoration: none;
    display: inline-block;
    display: block;
    width: 100%;
    border-bottom: 1px solid #282A1F;
    color: #282A1F;
    font-weight: bold;
    font-size: 10px;
    margin-top: 8px;
    margin-bottom: 0px;
}

/*
+-----------------------------------+
|   4a. Navi border
+-----------------------------------+
*/

.rightBorder {
     border-right: 1px solid #FFFFFF;
}

/*
+-----------------------------------+
|   5. Textelement Definitions      |
+-----------------------------------+
*/
.newsHeadline {
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

.newsTeaser {
    font-size: 12px;
    font-style: italic;
}

/*
+-----------------------------------+
|   6. ByteWorx Definitions         |
+-----------------------------------+
*/
#byteworx {
    text-align: center;
    font-size: 10px;
    margin-top: 10px;
    color: #000;
}

#byteworx A:LINK,
#byteworx A:ACTIVE,
#byteworx A:VISITED {
    font-size: 10px;
    color: #000;
}

#byteworx A:HOVER {
  color: #aaa;
}

/*
+-----------------------------------+
|   7. Form Definitions             |
+-----------------------------------+
*/

.hotel_info {
    margin-top: 0px;
    #margin-top: -3px;
    _margin-top: -3px;
}

#reservation .submit {
    background-color: #898D38;
    color: #fff;
}

#reservation input {
    background-color: #fff;
    border: 1px solid #898D38;
    padding-right: 5px;
}

#reservation select {
    background-color: #fff;
    border: 1px solid #898D38;
}

/**
* Booking Form Small
*/
.qfText {
padding-top: 8px;
}

.dateToShow {
margin-top:10px;
text-align: right;
}