﻿HTML { overflow-y: scroll; padding:0; margin: 0; }

BODY, TABLE, DIV, UL, LI, SPAN {
	margin: 0;
	padding: 0;
}

IMG {
	margin: 0;
	padding: 0;
	border: 0;
}

INPUT {	margin: 2px 0; }

TABLE {
	border-collapse: collapse;
}

TD { border: 1px solid #589A08; padding: 3px; }
TD.center { text-align: center }
TD.right { text-align: right }
TD.top { vertical-align: top }
TD.bottom { vertical-align: bottom }

TH { border: 1px solid #589A08; background-color: #FFF4DD; padding: 3px; }

A:link, A:visited { color: #589A08;}
A:hover, A:active { color: #000000;}

H1 { font-size: 24px; margin: 10px 0 20px 0; }

H2 { font-size: 20px; margin: 10px 0 20px 0; }

H3 { font-size: 16px; margin: 10px 0; }

UL {
	list-style-type: none;
	margin: 0 0 20px 20px;
}

LI {
	margin: 0 0 0 20px;
}

HR {
	margin: 20px 0;
	height: 1px;
	border: none;
	background-color: #589A08;
}

BODY {
	background: #589A08 url("images/summer/bg_body.gif") repeat-x top left;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

P {
	margin-top: 10px;
}

#container {
	width: 100%;
	text-align: center;
	/*background: url("images/summer/bg_header.jpg") repeat-y top center;*/
}

#page {
	width: 969px;
	width/* */:/**/969px;
	width: /**/969px;
	background: #FFFFFF url("images/summer/bg_page.gif");
	margin: 0 auto;
	padding: 0;
	text-align: left;
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
	font-size: 14px;
}

#header {
	width:969px; 
	padding: 0 7px;
	background: url("images/summer/bg_header.gif") no-repeat top left;
}

#menubar {
	padding: 6px 7px 5px 7px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	background: url("images/summer/bg_menubar.gif") repeat-y;
	line-height: 1.3;
}

#menubar A {
	margin: 0 8px;
	font-size: 14px;
}

#menubar A:link, #menubar A:visited { color: #FFFFFF; text-decoration: none;}
#menubar A:hover { color: #EEEEEE; text-decoration: none;}
#menubar A:active { color: #FFFFFF;}

#leftcol {
	clear: both;
	float: left;
	width: 307px;
	width/* */:/**/260px;
	width: /**/260px;
	padding: 20px 20px 20px 27px;
	line-height: 1.3;
}

#menu {
	margin-bottom: 10px;
}

#menu UL, #menu LI {
	margin: 4px 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #CCCCCC;
}

#menu A:link, #menu A:visited { color: #000000; text-decoration: none;}
#menu A:hover { color: #589A08; text-decoration: none;}
#menu A:active { color: #000000;}

#maincol {
	float: left;
	width: 662px;
	width/* */:/**/615px;
	width: /**/615px;
	padding: 20px 27px 20px 20px;
	line-height: 1.3;
}

#maincol H1 {
	color: #589A08;
}

#content P {
	text-align: justify;
}

#content LI {
	list-style-type: disc;
	padding: 5px 0;
}

#error {
	width: 615px;
	padding: 0 0 20px 0;
	color: red;
	font-weight: bold;
	text-align: center;
}

#footer {
	clear: both;
	width: 969px;
	width/* */:/**/929px;
	width: /**/929px;
	height: 48px;
	height/* */:/**/22px;
	height: /**/22px;
	padding: 13px 20px;
	text-align: center;
	background: url("images/summer/bg_footer.gif") no-repeat;
	font-size: 10px;
	line-height: 1.3;
	color: #EEEEEE;
}

#footer SPAN {
	font-size: 10px;
}

#printview {
	float: right;
	width: 160px;
	font-family: arial, sans-serif;
	font-size: 9px;
	text-align: right;
}

#mikstag {
	color: white;
}

#mikstag A:link, #mikstag A:visited { color: white; text-decoration: none; font-size: 10px; }
#mikstag A:hover, #mikstag A:active { color: #FFF4DD; text-decoration: none; font-size: 10px; }

.col {
	width: 150px;
	float: left;
	margin: 10px 20px;
}

.col H2 { margin-left: 0 }

.indent40 {
	margin: 0 40px;
	text-align: justify;
}

.indent40 UL {
	list-style-type: disc;
}

.indent40 LI {
	margin: 16px 0;
}

.indent40 H2 { margin-left: 0 }

.right {
	text-align: right;
}

.roomlist LI {
	margin: 5px 0 5px 20px;
}

.roompic {
	background-color: #FFF4DD;
	padding: 8px;
	text-align: left;
}

.roompic IMG {
	margin: 5px 0 0 5px;
}

.skipasses {
	width: 100%;
	margin-bottom: 20px;
}

.skipasses TH {
	background-color: #FFF4DD;
	text-align: center;
}

.skipasses TD {
	
	padding: 2px;
	text-align: right;
}

#galleries H3 {
	margin-top: 0;
	padding: 0;
}

.gallery {
	clear: both;
	background: #FFF4DD;
	padding: 10px 0 10px 20px;
	margin: 0 0 20px 0;
}

.caption { font-size: 11px; margin: 5px 0 20px 0; }

.thumbnails { clear: both }

.thumbnail {
	float: left;
	width: 130px;
	width/* */:/**/130px;
	width: /**/130px;
	height: 98px;
	margin: 0 18px 0 0;
}

.fullview {
	clear: both;
	font-size: 11px;
	text-align: right;
	margin: 0 20px 0 0;
	padding: 10px 0 0 0;
}

.descr {
	font-size: 11px;
	margin: 10px 20px 10px 0;
	padding: 10px;
	background: #FFF;
}

#gallery_page .gallery { padding: 20px 0 20px 20px }

#gallery_page #descr { margin: 0 0 20px 0; }

.news {
	clear: both;
	margin: 0 0 20px; 0;
}

.news IMG { float: right; margin: 0 0 20px 20px; }

.date { font-size: 12px; color: #777; letter-spacing: 2px; font-weight: bold;}

#news_page #date { font-size: 11px; color: #CCC; }
#news_page IMG { float: right; margin: 0 0 20px 20px; }
#news_page #lead  { font-weight: bold; margin: 0 0 20px 0; }
#news_page #text  { text-align: justify; }

#galleryloading {
	background: #F60000;
	color: #FFF;
	text-align: center;
	padding: 10px;
	font-weight: bold;
}

#seasonbutton {
	position: absolute;
	z-index: 3;
	margin: 0 0 0 27px;
}

#contact {
	font-size: 0.8em;
}