BODY
{
	font-family:  Comic Sans MS , Sans-Serif;
	font-size: 10px;
	color: #333;
	margin: 0; padding: 0; background: url("../images/achtergrond.gif") repeat-y top center; background-color: #ffffff;
}

h2	 {Color: #003366; font-family : arial, sans-serif; Font-Size: 18px; Font-Weight: bold; }

#container	{width: 990px; margin: 0 auto; border-bottom: 0px solid #999; border-left: 0px solid #999; border-right: 0px solid #999; background-color:#fff;}
#header		{width: 990px; height: 74px; margin: 0 auto; background: #fff;}
#menu		{width: 970px; height: 30px; margin: 0 auto; background: #fff; border-bottom: 1px solid #ccc}
#content	{width: 970px; margin: 0 auto; }
#huetten	{width: 950px; height: 500px; margin: 0 auto; background: #fff;}
#footer		{width: 970px; margin: 0 auto; border-top: 1px solid #ccc; }

A.menu {color: #999; Font-Family: arial, San-Serif; Font-Size: 12px;Font-Weight: bold;Text-Decoration: none;letter-spacing: 0.5px;}
A.menu:link {color: #999; Font-Family: arial, San-Serif; Font-Size: 12px;Font-Weight: bold;Text-Decoration: none;letter-spacing: 0.5px;}
A.menu:visited {color: #999; Font-Family: arial, San-Serif; Font-Size: 12px;Font-Weight: bold;Text-Decoration: none;letter-spacing: 0.5px;}
A.menu:active {color: #333; Font-Family: arial, San-Serif; Font-Size: 12px;Font-Weight: bold;Text-Decoration: none;letter-spacing: 0.5px;}
A.menu:hover	{ color: #333; Font-Family: arial, San-Serif; Font-Size: 12px;Font-Weight: bold;Text-Decoration: none;letter-spacing: 0.5px;}

A.disclaimer {color: #999999; Font-Family: arial, San-Serif; Font-Size: 10px;Font-Weight: normal;Text-Decoration: none;letter-spacing: 0px;}
A.disclaimer:link {color: #999999; Font-Family: arial, San-Serif; Font-Size: 10px;Font-Weight: normal;Text-Decoration: none;letter-spacing: 0px;}
A.disclaimer:visited {color: #999999; Font-Family: arial, San-Serif; Font-Size: 10px;Font-Weight: normal;Text-Decoration: none;letter-spacing: 0px;}
A.disclaimer:active {color: #999999; Font-Family: arial, San-Serif; Font-Size: 10px;Font-Weight: normal;Text-Decoration: none;letter-spacing: 0px;}
A.disclaimer:hover	{ color: #477DB2; Font-Family: arial, San-Serif; Font-Size: 10px;Font-Weight: normal;Text-Decoration: none;letter-spacing: 0px;}

A.links {color: #999999; Font-Family: arial, "sans-serif"; Font-Size: 10px;Font-Weight: normal;Text-Decoration: none;}
A.links:link {color: #999999; Font-Family: arial, "sans-serif"; Font-Size: 10px;Font-Weight: normal;Text-Decoration: none;}
A.links:visited {color: #999999; Font-Family: arial, "sans-serif"; Font-Size: 10px;Font-Weight: normal;Text-Decoration: none;}
A.links:active {color: #999999; Font-Family: arial, San-Serif; Font-Size: 10px;Font-Weight: normal;Text-Decoration: none;}
A.links:hover	{ color: #990000; Font-Family: arial, "sans-serif"; Font-Size: 10px;Font-Weight: normal;Text-Decoration: underline;}

.menu
{
Color: #999;
font-family : arial, 'sans-serif';
Font-Size: 12px;
Font-Weight: bold;
letter-spacing: 0.5px;
text-align: right;
}

.footer
{
Color: #999;
font-family : verdana, arial, 'sans-serif';
Font-Size: 10px;
Font-Weight: normal;
line-height:130%;
text-align: justify;
}


ul li
{
margin: 0;
padding: 0;
list-style-type: square;
line-height: 12px;
color: #999;
}


	

/* Body in der Druckansicht der Huette */
BODY.print
{
	font-family: Comic Sans MS , Sans-Serif;
	background-color: white;
}
/* ############################################ menu area ############################################ */

/* vertikales Menue */
table.menu
{
	width:155;
}

/* Eingabefelder fuer Benutzername und Passwort im vertikalen Menue */
input.text
{
	border-right: #0000a2 1px solid;
	border-top: #0000a2 1px solid;
	font-size: 8pt;
	border-left: #0000a2 1px solid;
	width: 100%;
	border-bottom: #0000a2 1px solid;
	height: 12pt;
	background-color: #ffffff;
}

/* Link zum Ausloggen im vertikalen Menue */
a.normal
{	
	font-size: 10pt;
	font-weight: bold;
	color: #FFF6C1;
	background-color: transparent;	
}

/* Anzeige des Benutzernamens im vertikalen Menue */
.username
{
	color: #FFF6C1;
	font-weight: bold;
}

/* textuelle Information im vertikalen Menue (angemeldet als) */
.menu_text
{
	border-right: #333399 15px;
	padding-right: 2px;
	border-top: #0000a2 1px;
	padding-left: 2px;
	font-weight: normal;
	font-size: 8pt;
	padding-bottom: 2px;
	margin: 2px;
	border-left: #0000a2 1px;
	clip: rect(auto 3mm 3mm auto);
	color: #FFF6C1;
	padding-top: 2px;
	border-bottom: #0000a2 1px;
	background-color: #0000A2;
	text-decoration: none;
}

/* Buttons im vertikalen Menue */
.menu_button
{
	border-right: #6464c8 2px outset;
	border-top: #6464c8 2px outset;
	font-weight: bold;
	font-size: 10pt;
	border-left: #6464c8 2px outset;
	width: 100%;
	color: #fff6c1;
	border-bottom: #6464c8 2px outset;
	background-color: #0000a2;
	text-decoration: none;
	text-align:center;
	cursor:hand;
}

/* Buttons im vertikalen Menue - mouseover */
.menu_button:hover
{
	border-right: #f5c064 2px outset;
	border-top: #f5c064 2px outset;
	font-weight: bold;
	font-size: 10pt;
	border-left: #f5c064 2px outset;
	width: 100%;
	color: #0000a2;
	border-bottom: #f5c064 2px outset;
	background-color: #f09901;
	text-decoration: none;
}

/* Buttons im horizontalen Menue */
.menu_button_sizefixed
{
	border-right: #6464c8 2px outset;
	border-top: #6464c8 2px outset;
	font-weight: bold;
	font-size: 10pt;
	border-left: #6464c8 2px outset;
	width: 124px;
	color: #fff6c1;
	border-bottom: #6464c8 2px outset;
	background-color: #0000a2;
	text-decoration: none;
	text-align:center;
}

/* Buttons im horizontalen Menue - mousevoer */
.menu_button_sizefixed:hover
{
	border-right: #f5c064 2px outset;
	border-top: #f5c064 2px outset;
	font-weight: bold;
	font-size: 10pt;
	border-left: #f5c064 2px outset;
	width: 124px;
	color: #0000a2;
	border-bottom: #f5c064 2px outset;
	background-color: #f09901;
	text-decoration: none;
	text-align:center;
}

/* ############################################ elements ############################################ */


/* Auflistungen - Huettenansicht: rechter Bereich: Huettenattribute */
ul
{
	margin-left:20;
	margin-bottom:0;
}

/* Auswahllisten */
select
{
	border: none;
	width: 125px;
}

/* Auswahllisten: Aktionen, persoenliche Daten bearbeiten */
select.NoWidth
{
	border: none;
	width:auto;
}

/* Standard Aussehen fuer Links */
a
{	
	color: #0000a2;
	background-color: transparent;
}

/* Standard Aussehen fuer Links mouseover */
a:hover
{	
	color: #789cd0;
	background-color: transparent;
}

/* ############################################ Listen ############################################ */

/* Bei Auflistungen die einzelnen Zellen in der obersten Reihe - mit Sortiermoeglichkeit (Huettensuche, personalisierter Bereich) */
td.sort_headerCell
{
	border: #0000a2 1px solid;
	padding: 2px;
	font-weight: bold;
	font-size: 10pt;
	background-color: #354BD2;
	color: #FFF6C1;
	text-align: center;
	cursor:hand;
}

/* Einzelne Zeilen bei Auflistung (bei Huettensuchergebnis die Zeile mit dem Huettennamen) */
.list
{
	padding:2px;
	font-size: 10pt;	
	border: solid 1px Gainsboro;
	background-color: White;
	cursor:hand;
}

/* Wird fuer die 2te Zeile bei Auflistungen verwendet, wenn ein Suchergebnis zweizeilig dargestellt wird (siehe Huettensuchergebnis) */
td.listDesc
{
	padding:2px;
	font-size: 8pt;	
	cursor:hand;
}

/* Hervorhebung der Zeilen bei mouseover */
.mouseover
{
	font-size: 10pt;
	background-color: gainsboro;
	cursor:hand;
}

/* ############################################ content area ############################################ */

/* Seitenhintergrund unterhalb des horizontalen Menues - inklusive vertikalem Menue */
.PageBG
{
	border-right: 0px;
	border-top: 0px;
	background-image: url(../img/bgline.gif);
	background-repeat:repeat;
	border-left: 0px;
	width: 100%;
	border-bottom: 0px;
	height: 100%;
}

/* Seitenhintergrund unterhalb des horizontalen Menues - exklusive vertikalem Menue */
.ContentBG
{
	background-color: #F8E8CF;
	padding: 5px;
	width: 100%;
}

/* Tabelle in der horizontales Menue, vertikales Menue und Content positioniert sind - aeusserste Tabelle */
.MainTable
{
	width: 950px;
	height: 100%;
	border: 0;
}

/* kleinere Hervorhebung - fuer Hinweise (siehe 
Huette - Preisinformation: "Preis- und Saisoninformation", 
Huettenansicht: "Preis-, Saison-, Gebietsinfo:",
Allgemeines: "Preise", "Schoenwettergarantie") */
.sub_headerText
{	
	font-weight: bold;
	font-size: 10pt;
	color: #0000a2;
	background-color: transparent;
}

/* fuer Hinweise (siehe 
Huette - Druckansicht: Huettenname, 
Meine Buchungen - Buchungsansicht: Huettenname,
Huettenname, wenn das horizontale Menue ausgeblendet ist) */
.sub_headerTextGreater
{	
	font-weight: bold;
	font-size: 20pt;
	color: #0000a2;
	background-color: transparent;
}

/* groesserer Text fuer spezielle Hinweise oberhalb des Huettensuchergebnisses (siehe Hinweis oberhalb des Suchergebnisses bei Silvestersaison) */
.textEyeCatcher
{
	font-size:20;
	text-align:center;
}

/* Hintergrund fuer spezielle Hinweise oberhalb des Huettensuchergebnisses (siehe Hinweis oberhalb des Suchergebnisses bei Silvestersaison) */
.areaEyeCatcher
{	
	font-weight: bold;
	font-size: 10pt;
	color: #0000a2;
	background-color:#F09901;
}

/* jeglicher Text auf der Homepage */
.text
{
	font-size: 9pt;
	background-color: transparent;
	font-weight:normal;
}

/* Text links neben dem Kalender in der Huettensuche (bezuegl. Anreisedatum) */
.textSmallInfo
{
	font-size: 7.5pt;
	background-color: transparent;
	font-weight:normal;
}

/* fetter Text - bei Formularen Bezeichnung der Eingabefelder (siehe Huettensuche: "Land:") */
.textBold
{
	font-size: 9pt;
	background-color: transparent;
	font-weight: bold;
}

/* unterstrichener Text (siehe Mein Konto: "Benutzername", Meine Buchuchen - Buchungsansicht: "Reisezeit") */
.textUnderline
{
	font-size: 9pt;
	background-color: transparent;
	text-decoration: underline;
}

/* Durchgestrichener Text - fuer Statt-Preisangaben */
.textStrikeout
{
	text-decoration: line-through;
}

/* Fehlermeldungen, Hinweistext, dass max. Anzahl an Suchergebnissen ueberschritten wurde */
.textLocked
{
	font-size: 9pt;
	color: firebrick;
	background-color: transparent;
}

/* Login.aspx - Registrierung: "Hinweis zum Datenschutz:" */
.textBlue
{
	font-size: 9pt;
	background-color: transparent;
	color: #0000a2;
}

/* Huettenansicht: Text, der oberhalb der Bilder in die kleinen Huetten geschrieben wird (Personenanzahl, SV, BW) */
.textIcons
{
	padding-left: 5px;
	font-weight: bold;
	font-size: 10pt;
	color: #d0e0e8;
	padding-top: 20px;
	background-color: transparent;
}

/* Tabelle bei Formularen (siehe Login.aspx, Huettensuche, etc) */
.borderNoWidth
{
	border: #0000a2 1px solid;	
	padding: 2px;
	background-color: white;
}

/* ############################################ header ############################################ */

/* Text im Banner oberhalb des horizontalen Menues */
.headerTextWhite
{	
	font-size: 20pt;
	color: #FFF6C1;
	font-weight: bold;
	background-color: transparent;
}

/* Text im Banner oberhalb des horizontalen Menues - nur in den Huettenansichten (2te Zeile mit Ortsangabe) */
.headerTextWhiteSmaller
{	
	font-size: 10pt;
	color: #FFF6C1;
	font-weight: bold;
	background-color: transparent;
}

/* ############################################ buttons ############################################ */

/* 3 Buttons im Huettenbesitzerbereich unterhalb der Fahnen */
.button
{
	border-right: #6464c8 2px outset;
	border-top: #6464c8 2px outset;
	font-weight: bold;
	font-size: 10pt;
	border-left: #6464c8 2px outset;
	width: 100%;
	color: #fff6c1;
	border-bottom: #6464c8 2px outset;
	background-color: #0000a2;
	text-decoration: none;
	text-align:center;
	cursor:hand;
}
.button:hover
{
	border-right: #f5c064 2px outset;
	border-top: #f5c064 2px outset;
	font-weight: bold;
	font-size: 10pt;
	border-left: #f5c064 2px outset;
	width: 100%;
	color: #0000a2;
	border-bottom: #f5c064 2px outset;
	background-color: #f09901;
	text-decoration: none;
	text-align:center;
	cursor:hand;
}

/* schmaelere Buttons: siehe unter anderem: 
- alle Navigationsbuttons bei Huette rechts oben: zur Suche, zur Huette 
- meine Suchen, meine Huetten: Buttons in den einzelnen Zeilen: entfernen, aendern
- Huettenansicht: Buttons fuer Preis-, Saisoninfo und in Ansichten Bekannten mailen, Druckversion, Notiz aendern 
- mein Konto: speichern verwerfen von Aenderungen
*/
.buttonSmall
{
	border-right: #6464c8 2px outset;
	border-top: #6464c8 2px outset;
	font-weight: bold;
	font-size: 10pt;
	border-left: #6464c8 2px outset;
	color: #fff6c1;
	border-bottom: #6464c8 2px outset;
	background-color: #0000a2;
	text-decoration: none;
	text-align:center;
	cursor:hand;
	width: 80;
}
/* mouseover bei <input type="button"/> */
.buttonSmall_mouseover
{
	border-right: #f5c064 2px outset;
	border-top: #f5c064 2px outset;
	font-weight: bold;
	font-size: 10pt;
	border-left: #f5c064 2px outset;
	color: #0000a2;
	border-bottom: #f5c064 2px outset;
	background-color: #f09901;
	text-decoration: none;
	text-align:center;
	cursor:hand;
	width: 80;
}
/* mouseover bei <a /> */
.buttonSmall:hover
{
	border-right: #f5c064 2px outset;
	border-top: #f5c064 2px outset;
	font-weight: bold;
	font-size: 10pt;
	border-left: #f5c064 2px outset;
	color: #0000a2;
	border-bottom: #f5c064 2px outset;
	background-color: #f09901;
	text-decoration: none;
	text-align:center;
	cursor:hand;
	width: 80;
}

/* groessere Buttons: siehe unter anderem: 
- Navigationsbuttons bei Huette unten: Druckversion, ... 
- meine Suchen, meine Huetten: alle entfernen
- Huettenansicht: Buttons fuer Gebietsinfo, zur Buchung/Reservierung
- Huettensuche: Buttons ganz rechts - einfache Suche, ...
*/
.buttonGreat
{
	border-right: #6464c8 2px outset;
	border-top: #6464c8 2px outset;
	font-weight: bold;
	font-size: 10pt;
	border-left: #6464c8 2px outset;
	color: #fff6c1;
	border-bottom: #6464c8 2px outset;
	background-color: #0000a2;
	text-decoration: none;
	text-align:center;
	cursor:hand;
	width: 150;
}
/* mouseover bei <input type="button"/> */
.buttonGreat_mouseover
{
	border-right: #f5c064 2px outset;
	border-top: #f5c064 2px outset;
	font-weight: bold;
	font-size: 10pt;
	border-left: #f5c064 2px outset;
	color: #0000a2;
	border-bottom: #f5c064 2px outset;
	background-color: #f09901;
	text-decoration: none;
	text-align:center;
	cursor:hand;
	width: 150;
}
/* mouseover bei <a /> */
.buttonGreat:hover
{
	border-right: #f5c064 2px outset;
	border-top: #f5c064 2px outset;
	font-weight: bold;
	font-size: 10pt;
	border-left: #f5c064 2px outset;
	color: #0000a2;
	border-bottom: #f5c064 2px outset;
	background-color: #f09901;
	text-decoration: none;
	text-align:center;
	cursor:hand;
	width: 150;
}

/* Buttons ohne Breitenangabe: siehe unter anderem: 
- Buttons auf der Login.aspx Seite 
*/
.buttonNoWidth
{
	border-right: #6464c8 2px outset;
	border-top: #6464c8 2px outset;
	font-weight: bold;
	font-size: 10pt;
	border-left: #6464c8 2px outset;
	color: #fff6c1;
	border-bottom: #6464c8 2px outset;
	background-color: #0000a2;
	text-decoration: none;
	text-align:center;
	cursor:hand;
}
/* mouseover bei <input type="button"/> */
.buttonNoWidth_mouseover
{
	border-right: #f5c064 2px outset;
	border-top: #f5c064 2px outset;
	font-weight: bold;
	font-size: 10pt;
	border-left: #f5c064 2px outset;
	color: #0000a2;
	border-bottom: #f5c064 2px outset;
	background-color: #f09901;
	text-decoration: none;
	text-align:center;
	cursor:hand;
}
/* mouseover bei <a /> */
.buttonNoWidth:hover
{
	border-right: #f5c064 2px outset;
	border-top: #f5c064 2px outset;
	font-weight: bold;
	font-size: 10pt;
	border-left: #f5c064 2px outset;
	color: #0000a2;
	border-bottom: #f5c064 2px outset;
	background-color: #f09901;
	text-decoration: none;
	text-align:center;
	padding: 2 6;
	vertical-align:text-top;
	cursor:hand;
}
/* ############################################ Calendar ############################################ */

/* auessere Tabelle im Kalender */
table.calendar
{
	border-collapse:collapse;
	border-color:#0000a2;
}

/* oberste Zeile im Kalender mit Monatsinfo */
table.cal_headerCell
{
	font-weight: bold;
	font-size: 8pt;	
	color: white;
	background-color: #0000a2;
	text-decoration: none;
}

/* 2te Zeile im Kalender mit Wochentagen */
td.cal_headerCell
{
	padding:2px;
	font-size: 8pt;	
	font-weight: bold;
	border-color:#0000a2;
}

/* Tage, die nicht zum angezeigten Monat gehoeren */
td.cal_otherMonth
{
	color:royalblue;
	padding:1px;
	font-size: 8pt;	
	border-color:Gainsboro;
}

/* alle Tage, die nicht auswaehlbar sind */
td.cal_normDay
{
	padding:1px;
	font-size: 8pt;	
	border-color:Gainsboro;
}

/* alle auswaehlbaren Tage */
td.cal_editDay
{
	padding:1px;
	font-size: 8pt;	
	border-color:Gainsboro;
	background-color: royalblue;
}

/* ausgewaehlter Tag */
td.cal_selectedDay
{
	padding: 1px;
	font-size: 8pt;
	background-color: royalblue;
}

/* ############################################ Lodge.aspx ############################################ */


/* Auflistung der Bildernamen unterhalb der Bildansicht */
table.images
{
	cursor:hand;
	text-align:center;
	color: #0000a2;
	font-size:12px;
	border:1px;
	padding: 2px 5px 2px 5px;
	border-style:groove;
	background-color: white;
}

/* Auflistung der Huettenattribute rechts neben den Texten (bei Preis-, Saison-, Gebietsinfo) */
table.border
{
	border: #0000a2 1px solid;
	width: 150pt;
	padding: 2px;
	background-color: white;
}

/* Auflistung von moeglichen Reiseterminen unterhalb der Huettenbilder */
.text_journeydetail
{
	font-size: 10pt;
	background-color: #F09901;
	padding:2;
}

/* Auflistung von moeglichen Reiseterminen unterhalb der Huettenbilder - mouseover */
.mouseover_journeydetail
{
	font-size: 10pt;
	color: #FFF6C1;
	background-color: #0000a2;
	cursor:hand;
	padding:2;
}

/* ############################################ MyKonto.aspx ############################################ */


/* Zeile Grundeinstellungen in "Mein Konto" */
td.headerCell
{
	border-bottom: #0000a2 1px solid;
	padding: 2px;
	font-weight: bold;
	font-size: 10pt;
	background-color: #0000A2;
	text-align: center;
	font-weight: bold;
	font-size: 10.5pt;
	color: #FFF6C1;
}

/* ############################################ MyBookings.aspx ############################################ */


/* Buchungsansicht: "Buchungsverlauf" oder "Teilnehmerliste" - je nachdem was ausgewaehlt ist */
.textNavSel
{
	border: #0000a2 1px solid;
}

/* Zeilen des Buchungsverlaufes */
td.listHistory
{
	padding:2px;
	font-size: 10pt;	
	border: solid 1px Gainsboro;
}