/* mac hide\*/
html, body {height:100%}
/* end hide */
* {margin:0;padding:0}

body {
	text-align:center;
	background-color: #fff;
	color: #666;
	font-family: Verdana;
	/* setting font-size to 62.5% will set 1em = 10px on most browsers */	
	font-size: 11px;
	margin: 0;
	padding: 0;
}

/* wrapper div contains the complete page */
#wrapper{
	width: 810px;
	margin:0 auto;
	padding: 0;
	text-align:left;
}

/* wrapper for heading: image + language choice */
#header{
position:relative;
font-size:11px;
text-align: right;
background-color: #28c;
display: block;
height: 130px;
color: #fff;

}

#ster {
    position: absolute;
    top: 0;
   	margin-left: 696px;
   	font-size:11px;
	color: #fff;
	}
	
#ster a {
	text-decoration: none;
color: #fff;
 }
 
#lang {
clear:both;
position:relative;
/* since 1em = 10px, 1.1em will amount to 11 pixels */
font-size:11px;
text-align: right;
background-color: #28C;
color: #fff;
margin: 0 0 0px 0;
padding: 2px 2px;
}

	
#lang a {
	text-decoration: none;
	color: #fff;
 } 

/* float the header image on the left. The language choices will appear on the right, due to text-align: right in definition above */
#header img {
float: left;
}

#header a {
text-decoration: none;
color:#fff;
}

#header a:hover {
text-decoration: underline;
color:#fff;
}

/*wrapper for main navigation */
#nav { 	
clear:both;
position:relative;
/* since 1em = 10px, 1.1em will amount to 11 pixels */
font-size:11px;
text-align: right;
background-color: #28C;
color: #fff;
margin: 0 0 5px 0;
padding: 7px 5px;
}

#nav a, #footer a {
text-decoration: none;
color:#fff;
}

#nav a:hover, #footer a:hover {
text-decoration: underline;
color:#fff;
}

/* wrapleft is a wrapper div for the left column in a 3 column layout */
#wrapleft {
width: 200px;
font-size:11px; /* amounts to 12px in most browsers */
padding: 0;
float: left;
}
/* wrapleft is a wrapper div for the left column in a 2 column layout */
#wrapright2col {
width: 610px;
font-size:11px; /* amounts to 12px in most browsers */
padding: 0;
float: left;
}

#wrapleft2col {
width: 610px;
font-size:11px; /* amounts to 12px in most browsers */
padding: 0;
float: left;
}

/* wrapmiddle is a wrapper div for the middle column */
#wrapmiddle {
width: 410px;
padding: 0;
float: left;
background-color: #fff;
overflow: auto;
font-size: 11px;
}
/* wrapright is a wrapper div for the right column */
#wrapright {
width:200px;
float:left;
padding: 0;
font-size:11px;	
}

#wrapform{
width:800px;
padding: 0;
font-size:11px;	
}	
/* left, middle and right are wrapper divs for individuale layout blocks in all three columns */
/* this entry contains the common settings */
.left, .middle, .right, .formpage  { 
	background: url(winter/bottomright.gif) no-repeat right bottom;
	padding: 0;
}

.left{
margin: 5px 5px 10px 0;
} 

.middle {
margin: 5px 5px 10px 5px;
}

.right {
margin: 5px 0 10px 5px;
}

.formpage {
margin: 5px 0 10px 5px;
}


.left p , .middle p, .right p {
margin: 0;
padding: 6px 10px 6px 20px;
}

.left a, .right a, .middle a  {
text-decoration: none;
color:#ea1;
text-align: right;
}

.left a:hover, .right a:hover, .middle a:hover {
text-decoration: underline;
color:#c33;
}
.left a.red, .right a.red, .middle a.red  {
text-decoration: underline;
color:#c33;
text-align: right;
}

.left a.red:hover, .right a.red:hover, .middle a.red:hover {
text-decoration: underline;
color:#fff;
}
/* links in an information box should be placed on the right */
.links {
text-align: right;
margin: 0;
padding: 0 ;
} 

/* contenthead is a wrapper for the heading of an layout box */
.contenthead { 
	background: url(winter/topright.gif) no-repeat right top;
	}

.contenthead h1 {
	background: url(winter/topleft.gif) no-repeat left top ;
}


/* IE hack in order to show the background images correctly */
* html .contenthead,
* html .contenthead h1,
* html .chaletsofweek,
* html .publicity,
* html .information,
* html .chaletzoeker
 {
	position: relative;
}

/* chaletsofweek div contains specific formatting for chalets of the week... box */
/* publicity div should be used for publicity */
/* information div should be used for informational entries */
/* chaletzoeker div contains specific formatting for the chalet seeker */
.chaletsofweek, .publicity, .information, .chaletzoeker  { 
	background: url(winter/bottomleft.gif) no-repeat left bottom;
}

.chaletsofweek, .publicity { padding : 10px 0 10px 18px;}

.information, .chaletzoeker {
	padding : 10px 0 10px 0;
	}

.information ul{
list-style-position:inside;
list-style-type:disc;
padding: 0px 0px 0px 10px;
}
/* specific formatting for chalet names in chalet s of the week...*/
.chaletname { 
	color: #28c;
	padding: 0;
	margin: 0;
	}
	
.chaletsofweek ul {
	list-style: none;
}

.chaletsofweek img { padding: 5px 0 5px 0;}

.publicity img { padding: 0 0 0 0; }

/* wrapper for footer - needed for IE */
#wrapfooter {
clear:both;}

#footer {
background-color: #28C;
color: #fff;
text-align:left;
position: relative;
font-size:11px;
padding: 7px 5px;
margin: 5px 0 ;
display: block;
height: 20px;
}

/* formatting information for headings */
h1,h2,h3,h4  {
margin: 0;
padding: 6px 10px 6px 20px;
}

h1 {
	font-size: 11px;
	color: #f8fef4;
	padding-left: 38px;
}

h2 {
	font-size: 15px;
}

input, select, th, td {font-size: 11px;}

li li, li p {font-size: 11px;}

/* the following entries contain formatting information for fields in chalet seeker ...*/
.field{
display: block;
margin:0;
padding: 2px 0;
}

.field input{
color: #666;
margin:0;
padding: 1px 3px;
font-size: 11px;
}

.field label{
float: left;
color: #666;
margin:0;
padding: 1px 3px;
font-size: 11px;
}
.field select {
width: 150px;
padding: 1px 3px;
color: #666;
outline-color: #ea1;
font-size: 11px;
}


form div label {
margin: 0;
float: left;
width: 80px;
text-align: right;
font-weight: bold;
padding: 3px 5px 0 0 ;
}

.button {
/*padding: 0.6em 0 0 85px;*/
}

/*IE only: box model hack */	
* html .button {
/*padding: 0.6em 0 0 87px ;*/
}

.button input {
background-color: #fff;
color: #ea1;
border: 2px solid #ea1 ;
font-weight: bold;
font-size: 11px;
float: right;
}

/* .tabs: formatting for tabs used in page for detailed chalet informaton */
.tabs {
float:left;
width:100%;
line-height:normal;
background: url(winter/bgtab.gif) repeat-y bottom right;

}

.tabs ul {
margin: 0;
list-style:none;
padding:10px 10px 0 10px;
}


.tabs li {
float:left;
background:url(winter/new_left.gif) no-repeat left top transparent;
margin:0 2px 0 0 ;
padding:0 0 0 9px;
}

.tabs a {
float:left;
text-decoration:none;
font-weight:bold;
color: #f8fef4;
display:block;
background:url(winter/new_right.gif) no-repeat right top;
padding:5px 15px 3px 6px;
}

.tabs a:hover {
	color: #f8fef4;}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
.tabs a {float:none;}
/* End IE5-Mac hack */

.tabs #current {
background-image:url(winter/new_left_on.gif);
}
.tabs #current a {
background-image:url(winter/new_right_on.gif);
padding-bottom:5px;
color: #ea1;
}


.form_field{
color:#666;
font-size:11px;
}
.form_comment{
color:#666;
font-size:11px;
}
/* styles for prompt box */
input.prompt {border:1 solid transparent; background-color:#99ccff;width:70;font-family:arial;font-size:12; color:black;} 
td.titlebar { background-color:#FF9F40; color:#0000D2; font-weight:bold;font-family:arial; font-size:12;} 
table.promptbox {border:1 solid #ccccff; background-color:#FFFFE6; color:black;padding-left:2;padding-right:2;padding-bottom:2;font-family:arial; font-size:12;} 
input.promptbox {border:1 solid #0000FF; background-color:white;width:100%;font-family:arial;font-size:12; color:black; }