/* Start of CMSMS style sheet 'Layout' */
body {
    margin: 0;
    padding: 0;
    color: #1f4248;
    font: 0.75em/1.25em Arial, Verdana, Helvetica, sans-serif; 
    text-align: center;
    background: #e2e3d2 url(/uploads/images/layout/bg_body.gif) repeat-y center top;
}

p, h1, h2, h3 {
    margin-top: 0;
}

p {
    margin-bottom: 1em;
}

h1 {
    font-size: 1.8em;
}

h1.title {
    padding: 39px 0 27px 33px;
    text-indent: -9999px;
    margin-bottom: 22px;
    margin-right: 253px;
}

h1.home {
    margin-right: 155px;
}

h1.gallery {
margin-right: 0;
}

h2, h3 {
    font-size: 1.2em;
    font-weight: bold;
    color: #848A40;
    margin-bottom: 0.5em;
}

h3 {
    font-weight: normal;
}

a, a:link, a:visited {
    color: #d20722;
    text-decoration: none;
}

a:hover { text-decoration: underline;}

a.pdf {
    background: url(/uploads/images/layout/pdf.gif) no-repeat 0 50%;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 17px; 
}

img, a img {
    border: 0 none;
}

img.imgContent {
    float: right;
    margin: 0 0 10px 10px
}


table {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0
}

th {
    font-weight: bold;
    text-align: left;
    background-color: #b5b78d;
    color: #fff;
}

td {
    vertical-align: top;
    font-size: 1em;
    padding: 0.2em 0.5em;
    border-bottom: 1px solid #b5b78d;
}

ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

li {
    padding-left: 10px;
    background: url(/uploads/images/layout/li-dots.gif) no-repeat 0 .5em;
}

hr {
color: #B5B78D;
background-color: #B5B78D;
height: 1px;
border: 0;
}


/* Main Layout
------------------------------------------------------ */

div#page {
    width: 862px;
    margin: 0 auto;
    text-align: left;
}

/* Header
------------------------------------------------------ */

div#header {
    background: #fff url(/uploads/images/layout/header_img_sommer.jpg) no-repeat right top;
    height: 121px;
}

div#header h1 {
    background: url(/uploads/images/layout/logo-villa-engiadina.gif) no-repeat 0 0;
    text-indent: -9999px;
    width: 337px;
    height: 80px;
    margin: 0;
    padding: 0;
}

div#header h1 a {
    display: block;
    height: 80px;
}

/* Main, Content, Sidebars
------------------------------------------------------ */

div#main {
    margin: 0 10px;
    background: url(/uploads/images/layout/bg_main.gif) repeat-y 0 0;
    padding-bottom: 95px;
    overflow: auto;
}

html* div#main {
    height: 1%
}

div.portal {
    background: url(/uploads/images/layout/bg_portal.gif) repeat-y 0 0 !important;
}

div.gallery {
    background: url(/uploads/images/layout/bg_gallery.gif) repeat-y 0 0 !important;
}

div#content {
    margin: 0 0 0 154px;
}

div#text {
    margin-left: 33px;
    width: 367px;
}

html* div#text {
    margin-left: 30px;
}

div.gallerytext {
    width: 623px !important;
}

div#sidebar {
    float: right;
    padding-top: 81px;
    background: url(/uploads/images/layout/bg_content.gif) repeat-x 0 0;
    width: 253px;
}

div#sidebar div {
padding: 20px 0 0 20px;
}

div#sidebar div#wrapper div {
padding:0;
}

/* --- Portal --- */

div#portalcontent {
    background-color: #f0f1e9;
    padding-left: 33px;
    padding-right: 45px;
    margin-right: 155px;
}

div#portalcontent img {
float: left;
margin-right: 23px;
}

div#portalbox {
padding-top: 55px;
height: 273px;
}

div#portalnews {
    float: right;
    width: 153px;
    padding-top: 20px;
    background: url(/uploads/images/layout/bg_news.gif) repeat-x 0 0;
}

div#portalnews div#wrapper {
    padding: 0 8px;
}

div#wrapper div {
    margin-bottom: 1em;
}

div#portalnews h2 {
    font-size: 1em;
    color: #e2e3d2;
    padding-top: 2px;
margin-bottom: 1em;
}

div#portalnews h3, div#sidebar div#wrapper h3 {
    font-size: 1em;
    margin-bottom: 1px;
    font-weight: bold;
}

div.summary {
font-weight: bold;
margin-bottom: 0.5em;
}

div.newscontent {
margin-bottom: 0.5em;
}

/* Kontaktformular
------------------------------------------------------ */

div.kontaktform * {
float: left;
}

div.kontaktform div {
margin-bottom: 15px;
}

div.kontaktform label {
width: 85px;
}

div.kontaktform label.missing {
color: #ba0019;
}

div.kontaktform input {
background-color: #e2e3d2;
width: 275px;
border: 0 none;
padding: 2px 0;
}

div.kontaktform select {
width: 275px;
}

div.kontaktform option {
float: none;
}

div.kontaktform div.plz input {
width: 80px;
margin-right: 3px;
}

div.kontaktform div.ort input{
width: 191px;
}

div.kontaktform div.submit {
clear: left;
float: none;
display: block;
text-align: right;
padding-right: 7px;
}

div.kontaktform div.submit input{
float: none;
width: auto;
background-color: #ba0019;
color: #fff;
}

div.kontaktform textarea {
background-color: #e2e3d2;
border: 0 none;
width: 275px;
height: 120px;
font: 1em/1.25em Arial, Verdana, Helvetica, sans-serif;  
}


/* Footer, Address
------------------------------------------------------ */

address {
    margin: 0 10px;
    padding: 3px 0 2px 0;
    font-style: normal;
    background-color: #002935;
    text-align: center;
    color: #e2e3d2;
    clear: both;
}

address span {
    background: url(/uploads/images/layout/address-dots.gif) no-repeat 50% 50%;
    padding: 0 12px;
    color: #002935;
}
/* End of 'Layout' */

/* Start of CMSMS style sheet 'Navigation' */
/* Meta Navigation
------------------------------------------------------ */

ul#meta {
    margin: 0 10px;
    padding: 3px 0 3px 187px;
    background-color: #848A40;
    list-style: none;
    overflow: auto;
}

html* ul#meta {
    height: 1%
}

ul#meta li {
    background: url(/uploads/images/nav/meta-dots.gif) no-repeat 0 50%;
    float: left;
    padding: 0 12px;
    text-indent:-9999px;
}

ul#meta li a {
       display: block;
}

ul#meta li.home {
    background: none;
    padding: 0 12px 0 0;
}

/* --- meta images --- */
ul#meta li.home a {
    background: url(/uploads/images/nav/meta-home01.gif) no-repeat 0 50%;
    width: 37px;
}
ul#meta li.kontakt_de a {
    background: url(/uploads/images/nav/meta-kontakt01.gif) no-repeat 0 50%;
    width: 58px;
}
ul#meta li.kontakt_en a {
    background: url(/uploads/images/nav/meta-contact01.gif) no-repeat 0 50%;
    width: 58px;
}
ul#meta li.anfahrt_de a {
    background: url(/uploads/images/nav/meta-anfahrt01.gif) no-repeat 0 50%;
    width: 61px;
}
ul#meta li.anfahrt_en a {
    background: url(/uploads/images/nav/meta-directions01.gif) no-repeat 0 50%;
    width: 130px;
}
ul#meta li.english a {
    background: url(/uploads/images/nav/meta-english01.gif) no-repeat 0 50%;
    width: 57px;
}
ul#meta li.deutsch a {
    background: url(/uploads/images/nav/meta-deutsch01.gif) no-repeat 0 50%;
    width: 57px;
}
/* --- meta images active --- */
ul#meta li.home a:hover, ul#meta li.home a.active { background: url(/uploads/images/nav/meta-home02.gif) no-repeat 0 50%; }
ul#meta li.kontakt_de a:hover, ul#meta li.kontakt_de a.active { background: url(/uploads/images/nav/meta-kontakt02.gif) no-repeat 0 50%; }
ul#meta li.anfahrt_de a:hover, ul#meta li.anfahrt_de a.active { background: url(/uploads/images/nav/meta-anfahrt02.gif) no-repeat 0 50%; }
ul#meta li.english a:hover, ul#meta li.english a.active { background: url(/uploads/images/nav/meta-english02.gif) no-repeat 0 50%; }
ul#meta li.deutsch a:hover, ul#meta li.deutsch a.active { background: url(/uploads/images/nav/meta-deutsch02.gif) no-repeat 0 50%; }

ul#meta li.kontakt_en a:hover, ul#meta li.kontakt_en a.active { background: url(/uploads/images/nav/meta-contact02.gif) no-repeat 0 50%; }
ul#meta li.anfahrt_en a:hover, ul#meta li.anfahrt_en a.active { background: url(/uploads/images/nav/meta-directions02.gif) no-repeat 0 50%; }


/* Main Navigation
------------------------------------------------------ */

ul#nav {
    margin: 18px 0 0 0;
    padding: 0;
    list-style: none;
    text-indent:-9999px;
    width: 152px;
    float: left;
}

ul#nav li {
    padding-left: 0;
background: none;
}

ul#nav li a {
       display: block;
       height: 21px;
}

/* --- nav images deutsch --- */
ul#nav li.online-booking_de a { background: url(/uploads/images/nav/nav-online-booking.gif) no-repeat 0 0; }
ul#nav li.hotel_de a { background: url(/uploads/images/nav/nav-hotel.gif) no-repeat 0 0; }
ul#nav li.zimmer_de a { background: url(/uploads/images/nav/nav-zimmer.gif) no-repeat 0 0; }
ul#nav li.restaurant_de a { background: url(/uploads/images/nav/nav-restaurant.gif) no-repeat 0 0; }
ul#nav li.bar_de a { background: url(/uploads/images/nav/nav-bar.gif) no-repeat 0 0; }
ul#nav li.pauschalen_de a { background: url(/uploads/images/nav/nav-pauschalen.gif) no-repeat 0 0; }
ul#nav li.specials_de a { background: url(/uploads/images/nav/nav-specials.gif) no-repeat 0 0; }
ul#nav li.preise_de a { background: url(/uploads/images/nav/nav-preise.gif) no-repeat 0 0; }
ul#nav li.umgebung_de a { background: url(/uploads/images/nav/nav-umgebung.gif) no-repeat 0 0; }
ul#nav li.gallerie_de a { background: url(/uploads/images/nav/nav-gallerie.gif) no-repeat 0 0; }

ul#nav li.online-booking_de a:hover, ul#nav li.online-booking_de a.active { background: url(/uploads/images/nav/nav-online-booking_b.gif) no-repeat 0 0; }
ul#nav li.hotel_de a:hover, ul#nav li.hotel_de a.active { background: url(/uploads/images/nav/nav-hotel_b.gif) no-repeat 0 0; }
ul#nav li.zimmer_de a:hover, ul#nav li.zimmer_de a.active { background: url(/uploads/images/nav/nav-zimmer_b.gif) no-repeat 0 0; }
ul#nav li.restaurant_de a:hover, ul#nav li.restaurant_de a.active { background: url(/uploads/images/nav/nav-restaurant_b.gif) no-repeat 0 0; }
ul#nav li.bar_de a:hover, ul#nav li.bar_de a.active { background: url(/uploads/images/nav/nav-bar_b.gif) no-repeat 0 0; }
ul#nav li.pauschalen_de a:hover, ul#nav li.pauschalen_de a.active { background: url(/uploads/images/nav/nav-pauschalen_b.gif) no-repeat 0 0; }
ul#nav li.specials_de a:hover, ul#nav li.specials_de a.active { background: url(/uploads/images/nav/nav-specials_b.gif) no-repeat 0 0; }
ul#nav li.preise_de a:hover, ul#nav li.preise_de a.active { background: url(/uploads/images/nav/nav-preise_b.gif) no-repeat 0 0; }
ul#nav li.umgebung_de a:hover, ul#nav li.umgebung_de a.active { background: url(/uploads/images/nav/nav-umgebung_b.gif) no-repeat 0 0; }
ul#nav li.gallerie_de a:hover, ul#nav li.gallerie_de a.active { background: url(/uploads/images/nav/nav-gallerie_b.gif) no-repeat 0 0; }

/* --- nav images english --- */
ul#nav li.online-booking_en a { background: url(/uploads/images/nav/nav-online-booking.gif) no-repeat 0 0; }
ul#nav li.hotel_en a { background: url(/uploads/images/nav/nav-hotel.gif) no-repeat 0 0; }
ul#nav li.zimmer_en a { background: url(/uploads/images/nav/nav-rooms.gif) no-repeat 0 0; }
ul#nav li.restaurant_en a { background: url(/uploads/images/nav/nav-restaurant.gif) no-repeat 0 0; }
ul#nav li.bar_en a { background: url(/uploads/images/nav/nav-bar.gif) no-repeat 0 0; }
ul#nav li.pauschalen_en a { background: url(/uploads/images/nav/nav-pauschalen.gif) no-repeat 0 0; }
ul#nav li.specials_en a { background: url(/uploads/images/nav/nav-specials.gif) no-repeat 0 0; }
ul#nav li.preise_en a { background: url(/uploads/images/nav/nav-prices.gif) no-repeat 0 0; }
ul#nav li.umgebung_en a { background: url(/uploads/images/nav/nav-surroundings.gif) no-repeat 0 0; }
ul#nav li.gallerie_en a { background: url(/uploads/images/nav/nav-gallery.gif) no-repeat 0 0; }

ul#nav li.online-booking_en a:hover, ul#nav li.online-booking_en a.active { background: url(/uploads/images/nav/nav-online-booking_b.gif) no-repeat 0 0; }
ul#nav li.hotel_en a:hover, ul#nav li.hotel_en a.active { background: url(/uploads/images/nav/nav-hotel_b.gif) no-repeat 0 0; }
ul#nav li.zimmer_en a:hover, ul#nav li.zimmer_en a.active { background: url(/uploads/images/nav/nav-rooms_b.gif) no-repeat 0 0; }
ul#nav li.restaurant_en a:hover, ul#nav li.restaurant_en a.active { background: url(/uploads/images/nav/nav-restaurant_b.gif) no-repeat 0 0; }
ul#nav li.bar_en a:hover, ul#nav li.bar_en a.active { background: url(/uploads/images/nav/nav-bar_b.gif) no-repeat 0 0; }
ul#nav li.pauschalen_en a:hover, ul#nav li.pauschalen_en a.active { background: url(/uploads/images/nav/nav-pauschalen_b.gif) no-repeat 0 0; }
ul#nav li.specials_en a:hover, ul#nav li.specials_en a.active { background: url(/uploads/images/nav/nav-specials_b.gif) no-repeat 0 0; }
ul#nav li.preise_en a:hover, ul#nav li.preise_en a.active { background: url(/uploads/images/nav/nav-prices_b.gif) no-repeat 0 0; }
ul#nav li.umgebung_en a:hover, ul#nav li.umgebung_en a.active { background: url(/uploads/images/nav/nav-surroundings_b.gif) no-repeat 0 0; }
ul#nav li.gallerie_en a:hover, ul#nav li.gallerie_en a.active { background: url(/uploads/images/nav/nav-gallery_b.gif) no-repeat 0 0; }

/* --- 2nd Level --- */

ul#nav li ul {
    margin: 0;
    padding: 5px 0 0 0;
    list-style: none;
    text-indent: 0;
    background-color: #91A2A5;
}

ul#nav li ul li {
    padding: 2px 0 3px 10px;
}

ul#nav li ul li a {
    color: white;
    background: none !important;
height: auto !important;
}

ul#nav li ul li a:hover, ul#nav li ul li a.active {
    color: #002935;
text-decoration: none;
}


/* End of 'Navigation' */