html {
    margin: 0px;
    padding: 0px;
    height: 100%;
}

body {
    height: 100%;
    margin: 0px;
    padding: 0px;
    color: #000;
    background-color: #FFF0B4;
    font-family: Tahoma, Lucida Sans Unicode, Franklin Gothic Medium, Helvetica, Arial;
}

#container {
    margin: auto;
    background-color: #FFF0B4;
    /*width: 998px;*/
    width:expression(document.body.clientWidth < 1000? "1000px": "auto");
    min-width: 1050px;
}

* html #container {
    width: 1050px;
}

/* ### HEAD ### */
#head {
    padding: 10px 0px 0px 0px;
    /*height: 107px;
    padding-top: 30px;*/
    height: 119px;
    border: 2px solid #000;
    background-color: #519CC2;
    text-align: left;
}

p.url {
    font-size: 270%;
    color: #000;
    margin-top: 20px;
    margin-right: 162px;
    margin-left: 130px;
    text-align: center;
    padding: 30px 0px 0px 0px;
    margin: 0px;
    
}

p.url img {
    border: 0px;
}

img.forest {
    padding: 0px;
    margin: 0px;
    vertical-align: bottom;
    float: left;
    border: 0px;
}

img.logo {
    float:right;
    margin: 0px;
    vertical-align: bottom;
}

h1.title {
    text-align: center;
    font-size: 180%;
    padding-top: 35px;
    color: #000;
    margin: 0px;
}

/* ### MAIN ### */
#main {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
}

/* ### MENU ### */

#menu {
    width: 130px;
    min-height: 300px;
    float: left;
}

ul.menu {
    margin: 0px;
    padding: 0px;
    border-right: 2px solid #000;
}

li.main {
    display: block;
    background-color: #519CC2;
    margin: 0px;
    padding: 2px 5px 2px 5px;
    border-bottom: 2px solid #000;
}

a.main {
    color: #ffdc00;
    text-decoration: none;
    font-size: 90%;
    font-weight: bold;
}

li.submenu {
    margin: 0px;
    display: block;
    background-color: #ffffff;
    padding: 2px 4px 2px 14px;
    border-bottom: 2px solid #000;
}

a.submenu {
    color: #000;
    text-decoration: none;
    font-size: 75%;
    /*font-weight: bold;*/
}

/* ### Sponsor ### */

#sponsor, #statistic {
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    background-color: #ffffff;
    margin: 0px;
    padding: 0px;
}

#statistic { 
    margin-top: 0px;
    margin-bottom: 10px;
}

p.sponsored, p.statistic {
    margin: 0px;
    background-color: #519CC2;
    padding: 2px 5px 2px 5px;
    font-size: 60%;
    border-bottom: 2px solid #000;
    color: #ffdc00;
    font-weight: bold;
}

p.sponsor {
    text-align:center;
    margin: 20px 0px 0px 0px;
    padding-bottom: 10px;
}   

p.statistic2 {
    color: #000000;
    font-size: 60%;
    font-weight: bold;
    padding: 2px 5px 2px 5px;
    margin: 0px;
}

table.statistic {
    color: #000000;
    font-size: 60%;
    margin-bottom: 5px;
    margin-left: 3px;
}

/* ### SIDE ### */

#side {
    float: right;
    width: 162px;  
}

#snow {
    color: white;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    background-color: #ffffff;
    height: 100px;
    padding-bottom: 5px;
}
* html #snow {
    margin-right: -2px; 
}

div.snow2 {
    padding-left: 10px;
    font-size: 70%;
    font-size: 80%;
    margin: 5px 5px 5px 0px;
    color: #000000;
    text-align: right;
}

a.snow {
    color: #000000;
}

#news, #search {
    background-color: #ffffff;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
}
* html #news, * html search, * html #google {
    margin-right: -2px; 
}

a.search {
    color: #836B62;
    font-size: 70%;  
}

a:hover {
    color: #F0B200;

}

p.news, p.search, 
p.snow, p.side_title {
    margin: 0px;
    background-color: #519CC2;
    padding: 2px 5px 2px 5px;
    font-size: 80%;
    font-size: 90%;
    border-bottom: 2px solid #000;
    color: #ffdc00;
    font-weight: bold;
}

p.search2 {
    margin: 0px;
    padding: 5px 5px 5px 5px;
}

form {
    margin: 0px;
}

p.date {
    color: #000;
    /*font-weight: bold;*/
    font-size: 80%;
    padding: 2px 5px 2px 5px;
    margin: 4px 0px 0px 0px;
}

p.text {
    color: #000;
    font-size: 80%;
    padding: 2px 5px 2px 5px;
    margin: 2px 0px 2px 0px;
}


#google {
    background-color: #ffffff;
    /*margin-top: 10px;
    border-top: 2px solid #000;*/
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    margin-bottom: 10px;
    height: 600px;
}

/* ### FOOTER ### */

#footer {
    background-color: #fff;
    font-size: 60%;
    clear: both;
    border: 2px solid #000;
    padding: 5px 10px 5px 10px;
    margin-bottom: 0px;
}

a.small {
    color: #000;
}

#footer_right {
    float: right;
    text-align: right;
}

/* ### BODY ### */

#body {
    /* 1000 - 130 - 162 - 40 */
    min-width: 668px;
    padding: 20px;
    margin-right: 162px;
    margin-left: 130px;
    font-size: 80%;
    background-image: url(../img/layout/skimannl_gross2.gif);
    background-repeat: no-repeat;
    background-position: right 86px;
    height: 501px;
    min-height: 501px;
}

* html #body {
    width: 756px;

}

#body[id] {
    height: auto;
}

/* ### Sponsor ### */
div.sponsor {
    width: 50%;
    float: left;
    height: 120px;
    margin-bottom: 20px;
    border-bottom: 1px solid #316552;
    padding-bottom: 20px;
}

div.sponsor_img {
    float: left;
    height: 120px;
    width: 120px;
    padding: 5px;
    text-align: center;
}


div.sponsor_text {
    padding: 5px;
}


/* ### Foto ### */

img.logo {
	border: 0px;
}

div.foto_left {
	float: left;	
}

div.foto_right {
	float: left;
	margin-left: 20px;
}

/* ### Gästebuch ### */
div.guestbook_head {
    background-color: #519CC2;
    color: #000;
    /*color: #FFF500;*/
	padding: 5px;
	/*font-weight: bold;*/
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	border-top: 2px solid #000;
}

div.guestbook_body {
	padding: 5px;
	border: 2px solid #000;
    margin-bottom: 20px;
}

span.guestbook_title {
    color: #ffdc00;
	font-weight: bold;
}

/* ### Skigebiete ### */

div.area_img {
	float: left;
	width: 310px;
}

div.area_1 {
	margin-left: 320px;
	height: 230px;
    min-height: 230px;
	margin-bottom: 20px;
}

#body[id] div.area_1 {
    height: auto;
}


div.area_2 {	
	margin-bottom: 40px;
}

div.area_3 {
	margin-right: 160px;
	margin-bottom: 20px;
}

div.area_descr1 {
	padding-right: 10px;	
	margin-bottom: 60px;
}

div.area_address {	
	margin-bottom: 40px;
}

div.weather {
	float: right;
}

p.area_address {
    margin-top: 0px;
    margin-bottom: 5px;
}

/* Pfeile */

img.nav {
    border: 0px;
}

div.area_navigation {
    width: 100%;
    margin-bottom: 10px; 
}

div.nav_right {
    float: right;
}

div.first, div.prev {
    /*float: left;
    margin: 2px;
    padding: 2px;
    width: 20px;*/
}


div.next, div.last {
    /*float: right;
    margin: 2px;
    padding: 2px;
    width: 20px;*/
}

/* ### Schneehoehen ### */
table.snow {
    width: 99%;
	border: 2px solid #000;
	margin: 0px;
	padding: 0px;
}

tr.snow {
    background-color: #519CC2;
    color: #ffdc00;
}

th.snow {
    text-align: left;
    padding: 3px;
    background-color: #519CC2;
    color: #ffdc00;
}

tr.odd {
    background-color: #fff;
    color: #836B62;
    color: #000;
}

tr.even td, 
tr.odd td {
    padding: 3px;
}

td.snow {
    padding: 3px;
}

a.snow_area {
    color: #836B62;
    color: #000;
}

th.sortable {
    background-image: url(../img/table/arrow_off.png);
    background-repeat: no-repeat;
    background-position: right;
    color: #ffdc00;
}
th.sortable a {
    color: #ffdc00;
}

th.order1 {
    background-image: url(../img/table/arrow_down.png);
    background-repeat: no-repeat;
    background-position: right;
}

th.order2 {
    background-image: url(../img/table/arrow_up.png);
    background-repeat: no-repeat;
    background-position: right;
}

/* ### Tabelle allgemein ### */

td.center, th.center  {
    text-align: center;
}
td.left, th.left{
    text-align: left;
}

td.right, th.right {
    text-align: right;
}

/* ### Link allgemein ### */

a {
    color: #836B62;
    color: #000;
}


input.button {
    background-color: transparent;
    border: 0px;
    text-decoration: underline;
    width: 28px;
    cursor: pointer;
    color: #836B62;
    color: #000;
    font-size: 70%; 
    font-size: 80%;
    padding: 0px;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


h1 {
    margin-bottom: 30px;
}

p.bold, td.required {
    font-weight: bold;
}

p.underline {
    text-decoration: underline;
}

img {
	border: 2px solid #000;
}


/* ### Popup ## */


table.einepopupbox {
    width: 100%;
    background-color: #519CC2;
}

td.close {
    cursor: pointer;
    text-align: right;
}

layer.head {    
    color: #ffdc00;
}

/* Webcam */
div.webcams {
    height: 320px;
}

div.webcam {
    height: 300px;
    float: left;
    margin: 0px 10px 20px 10px;
}

div.webcam p {
    text-align: center;
}

/* ### Booking ### */
#bookingSearch {
    background-color: #FFDC00;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
}

#searchboxInc fieldset, #searchboxInc img {
    border: 0;
}



#searchboxInc fieldset {
    padding: 2px 5px 2px 5px;
    padding: 5px;
    font-size: 70%;
}

p.bookingLabel {
    margin-bottom: 2px;
}

.avail {
    margin-top: 5px;
    margin-bottom: 5px;
}




p.text img {
    border: 0px;
}