/*
App:     tourpur 
Media:   screen (Bildschirmausgabe)
Version: 28-01-2010
Author:  Dierk Onken
Desc:    Styles for pages kanureisen
*/

/* global settings
----------------------------------------------------------- */
* { padding: 0; margin: 0; }
body {
	background-color: #FFFFFF;
	font-size: 1em;
}
/* links */
a:link {
	color: #006666;
	text-decoration: none;
}
a:visited {
	color: #CC3333;
	text-decoration: none;
}
a:hover {
	color: #CC0000;
	text-decoration: underline;
}
/* hn */
h1 {
	margin-top: 15px;
	margin-bottom: 10px;
	color: #333399;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	line-height: 32px;
}
h2 {
	margin: 0;
	color: #333399;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}
h4 {
	margin-top: 1.1em;
	color: #333399;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
}
/* misc */
div,p,th,td {
	color: #333399;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 0.98em;
	font-style: normal;
}
p {
	margin: 1em 0;
}
/* form */
form {
	margin: 0;
}
textarea {
	font-family: 'Courier New', Courier, monospace;
}
/* list styles */
ul {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
}
ul ul {
	margin-bottom: 1em;
}
ul li {
	margin-left: 1em;
	list-style-type: square;
	padding-bottom: 0;
}
img {
	border-style: none;
}


/* layout
------------------------------------------------------ */
.small {
	color: #333399;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
}
.NoPrint {
}
.Center {
	text-align: center;
}
.Right {
	text-align: right;
}


/* blue header
------------------------------------------------------ */
td.Blue {
	background-color: #333399;
	color: #FFFFFF;
}
td.Blue a:link {
	color: #F3FE98;
	text-decoration: none;
}
td.Blue a:visited	{
	color: #CC3333;
	text-decoration: underline;
}
td.Blue a:hover {
	color: #FF9966;
	text-decoration: underline;
}
#Head {
	color: #FFFFFF;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	white-space: nowrap;
}
#Head a {
}
#Head address {
	padding-bottom: 14px;
	background: transparent;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
}
#Head h3 {
	padding: 3px 0 11px 3px;
	color: #FFFFFF;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	letter-spacing: 2px;
}
#Head h1 {
	margin-top: 15px;
	margin-bottom: 10px;
	color: #FFFFFF;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	line-height: 32px;
}
#Head h2 {
	margin: 0;
	color: #FFFFFF;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}


/* main menu (navigation)
------------------------------------------------------ */
body.Menu,
td.MenuBdy {
	background-color: #C3CE68;
	font-size: 1em;
}
td.Menu {
	padding: 2px 6px 2px 8px;
	background-color: #C3CE68;
	color: #333399;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	line-height: 13px;
}
td.Menu a:link {
	color: #003333;
	text-decoration: none;
}
td.Menu a:visited {
	color: #116633;/* #007777 */
	text-decoration: none;
}
td.Menu a:hover {
	color: #CC3333;
	text-decoration: none;
}
td.Menu:hover {
	background-color: #E4EF89;
	text-decoration: none;
}


/* content
------------------------------------------------------ */
#ContentWrapper {
	padding: 2em 1.2em 0.2em 1.2em;
	background-color: #FFFFFF;
}
/* Seitentitel */
.Pagetitle {
	text-align: center;
}
.Pagetitle h1 {
	margin-top: 0.5em;
	margin-bottom: 0.2em;
	color: #333399;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 1.95em;
	font-weight: bold;
	line-height: 1em;
}
.Pagetitle h2 {
	margin: 0 0 0.4em 0;
	color: #333399;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
}
/* Block Einleitung */
.Intro {
	color: #333399;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	line-height: 1.3em;
}
/* Textblock Über */
.About {
	color: #333399;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	line-height: 1.3em;
}
.About h4 {
	margin-top: 1.3em;
	margin-bottom: 0.1em;
	color: #333399;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	font-style: normal;
	text-align: center;
}
.About div.MiniGal {
	padding-top: 0.2em;
	padding-bottom: 0.4em;
}
/* Fotogalerie */
div.MiniGal {
	padding-top: 0.9em;
}
div.MiniGal img {
	/*padding: 1px;*/
}
/* Block Reiseablauf, Unterkunft etc. */
div#Sequence {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

/* Colored Box */
td.BoxSommer {
	background-color: #EEEEE0;
}
.BoxSommer div {
	background-color: #EEEEE0;
}
td.BoxWinter {
	background-color: #D7E9F5;
	/*background-color: aqua;*/
}
/* outer table padding */
td.BoxSommer,
td.BoxWinter {
	color: #003399;
	padding: 10px;
}

/* klassenfahrten box preisbeispiel */
td.OfferBox {
	padding: 6px 8px;
	border: 1px solid #BBBBBB;
	background-color: #DDDDDD;
}
td.OfferBox h4 {
	margin: 0 0 0.5em 0;
	font-size: 1.2em;
	text-align: left;
}


/* forms
------------------------------------------------------ */
/* form input */
.Form,
.FormText,
.FormSelect {
	padding: 1px;
	color: #000000;
	font-family: 'Courier New', Courier, monospace;
	font-size: 13px;
}
/* form buttons */
.FormButton {
	padding: 1px 3px;
	background: #333399;
	color: #FFFFFF;
	font-size: 15px;
}
/* required field infotext */
.Red {
	color: #FF0033;
}


/* Block Reisetermine und Reisedaten
------------------------------------------------------ */
div#FaktaWrapper {
	padding-top: 1.7em;
}

/* outer table padding */
td.FaktaTblBg {
	padding: 10px;
}
/* header (Reisetitel) */
.FaktaTblBg h3,
#FaktaContent h3 {
	margin-top: 6px;
	margin-bottom: 10px;
	padding: 6px;
	color: #003399;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	text-align: center;
}
/* table default background */
.FaktaTblBg,
.FaktaTblBg div {
	background-color: #EEEEE0;
	color: #003399;
}
/* table winter background (color only) */
.TblBgWin,
.TblBgWinter {
	padding: 10px;
	background-color: #D7E9F5;
	text-align: left;
}


/* 'Preistabelle'  -  AUSLAUFENDE VERSION!
------------------------------------------------------ */
/* Preistabelle Basis */
.FaktaTbl {
	border-width: 0;
	border-style: none;
}
/* Preistabelle, Header */
.FaktaTblHead {
	padding: 3px 9px;
	background-color: #DDDDD0;
	color: #003399;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	white-space: nowrap;
}
/* Preistabelle, Proportionalschrift */
.FaktaTblMono {
	padding: 2px 5px;
	background-color: #FFFFFF;
	color: #003399;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	white-space: nowrap;
}
/* Preistabelle, Preisspalten (Standard) */
.FaktaTblText {
	padding: 2px 5px;
	background-color: #FFF;
	color: #003399;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 1em;
	white-space: nowrap;
}
/* Preistabelle, Footer */
.FaktaTblFooter {
	padding: 3px 8px;
	background-color: #F9F9EC;
	color: #003399;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 13px;
}

/* Preistabelle, Status, Ausgebucht */
.FaktaTblFull {
	padding: 2px 5px;
	background-color: #FFFFFF;
	color: #CC0033;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
/* Preistabelle, Preis Ausgebucht oder Abgesagt */
.FaktaTblFullCancel {
	padding: 2px 5px;
	background-color: transparent;
	color: #003399;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
/* Preistabelle, Status, Anmelden */
.FaktaTblBook {
	padding: 2px 5px;
	background: #FFF;
	color: #009933;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.FaktaTblBook a {
	color: #009933;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}









/* 'Preistabelle'  -  NEUE VERSION
------------------------------------------------------ */
/* Tabelle */
table.Fakta {
	border-collapse: collapse;
	color: #000000;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 13px;
}
/* Tabelle Tourgruppenkopf */
table.Fakta td.Tourgroup {
	background-color: transparent;
	border: none;
	padding: 14px 0 1px 3px;
	color: #003399;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	text-align: left;
}
/* Kopfzeile */
table.Fakta th {
	border: 1px solid #EEEEE0;
	padding: 3px 9px;
	background-color: #DDDDD0;
	color: #003399;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	text-align: center;
}
/* Tabelle Zellen */
table.Fakta td {
	background-color: #FFFFFF;
	border: 1px solid #EEEEE0;
	padding: 2px 5px;
	color: #003399;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 14px;
	white-space: nowrap;
}
/* Tabelle, Text Monospace */
table.Fakta td.Mono {
	color: #003399;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	text-align: center;
	white-space: nowrap;
}
/* Tabelle, Text links ausgerichtet */
table.Fakta td.Left {
	text-align: left;
}
/* Tabelle, Text zentriert ausgerichtet */
table.Fakta td.Center {
	text-align: center;
}
/* Tabelle, Text rechts ausgerichtet */
table.Fakta td.Right {
	text-align: right;
}
/* Tabelle, Statusfeld Status ausgebucht */
table.Fakta .FaktaFull {
	background-color: transparent;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
/* Tabelle Fusszeile, Anmerkungen */
table.Fakta td.Footer {
	background-color: #F9F9EC;
	border: none;
	padding: 3px 8px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	line-height: 1.25em;
}
/* Ausgebucht */
.FaktaLineThrough {
	color: #CC6666;
	font-weight: normal;
	text-decoration: line-through;
}
/* Tabelle, Statusfeld SPAN ausgebucht */
.FaktaFull {
	color: #CC0033;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
/* Tabelle, Statusfeld SPAN Anmeldelink */
.FaktaBook, 
.FaktaBook a {
	color: #009933;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.FaktaBook a {
	text-decoration: underline;
}







/* 'Leistungen'
------------------------------------------------------ */
.FaktaList {
	color: #003399;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
}
/* Leistungen, subheader */
div.FaktaListHead {
	color: #003399;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
}

div.BookingURL {
	background: transparent;
	margin: 2em 0 0 0;
	font-weight: bold;
	text-align: center;
}


/* Anmeldung Reiter
------------------------------------------------------ */
table.BookingTab {
	margin: 0.4em 0 0.6em 0;
}
.BookingTab td,
td.BookingTabHighlight {
	border-right: 2px solid #333399;
	border-bottom: 2px solid #333399;
	padding: 4px 10px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
}
.BookingTab td {
	background-color: #FFFFFF;
	color: #333399;
}
td.BookingTabHighlight {
	background-color: #333399;
	color: #FFFFFF;
}


/* footer
------------------------------------------------------ */
#FooterBox {
	padding-top: 1.5em;
	color: #000000;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}
#FooterBox p {
	margin: 0;
	/*border: 1px green dotted;*/
}
#FooterToplink {
}
#FooterNavi {
	padding-bottom: 1em;
}
#FooterNavi h5 {
	font-size: 0.98em;
	font-family: Arial, Geneva, Helvetica, sans-serif;
}
.FooterPoweredby,
.FooterPoweredby a {
	color: #999999;
	/*border: 1px red dotted;*/
}


/* eye catchers
------------------------------------------------------ */
div.MsgError,
div.MsgWarn,
div.MsgOkay {
	margin: 1em 0.5em;
}
.MsgError {
	color: #FF8C00;
	font-style: italic;
}
.MsgWarn {
	color: #FF6633;
	font-style: italic;
}
.MsgOkay {
	color: #009933;
	font-style: italic;
}


/* Kleine Fotogalerie auf Reiseseite */
#MiniGal {
}
#MiniGal img {
	/*padding: 1px;*/
}


/* ANDERES
------------------------------------------------------ */
/* Bilderleiste - imagebar - Fotogallerie-Fenster */
#Gallery,
#GalleryWindow {
	width: 400px;
	background: transparent;
	text-align: center;
}
#GalleryHead,
#GalleryWindowHead {
	padding: 1.3em 0 0.6em 0;
	background: transparent;
	text-align: center;
}
#Gallery .GalleryImgTitle,
#Gallery .GalleryPhotoTitle,
#GalleryWindow .GalleryWindowPhotoTitle {
	padding: 0.3em 0 1.6em 0;
	background: transparent;
}

/* Seite Reiseuebersicht */
/* Reiseuebersicht Monatsname (Monatsnamen sind Hyperlink-Ziele!) */
#Reiseuebersicht th.Month {
	margin: 0;
	padding-top: 1.3em;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}
#Reiseuebersicht th.Month a {
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}
#Reiseuebersicht th.Month a:hover {
	color: #333399;
	text-decoration: none;
}
/* Reiseuebersicht Hintergrund Ausgebucht */
#Reiseuebersicht .FooterInfo,
#Reiseuebersicht td.ColumnA1,
#Reiseuebersicht td.ColumnB1 {
	background-color: #FFCCCC;
}
/* Reiseuebersicht Spalte #1 */
#Reiseuebersicht td.ColumnA0,
#Reiseuebersicht td.ColumnA1 {
	text-align: center;
}
/* Reiseuebersicht Spalte #2 */
#Reiseuebersicht td.ColumnB0,
#Reiseuebersicht td.ColumnB1 {
	text-align: left;
}
/* Reiseuebersicht Alle Spalten */
#Reiseuebersicht td.ColumnA0,
#Reiseuebersicht td.ColumnA1,
#Reiseuebersicht td.ColumnB0,
#Reiseuebersicht td.ColumnB1 {
	margin: 0;
	padding: 4px 6px;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	/*white-space: nowrap;*/
}
/* Reiseuebersicht Alle Spalten, Status Buchbar (...0 fuer Rueckgabewert $row.TOURSTATUS) */
/* identisch mit .BoxSommer */
#Reiseuebersicht td.ColumnA0,
#Reiseuebersicht td.ColumnB0 {
	background-color: #EEEEE0;
}

/* Seite Startseite, table program */
.ProgTbl td {
	padding: 4px;
	text-align: center;
}
.ProgTbl h4 {
	margin: 0;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 0.99em;
	font-weight: bold;
}

/* Offer - Angebot */
.Offer td {
	background-color: #FAE658;
	border: 8px dashed #FF2C5E;
	padding: 8px 8px 10px 8px;
	font-size: 1.05em;
	text-align: center;
}
.Offer h2 {
	margin: 0 0 0.3em 0;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 2.1em;
	font-weight: bold;
	line-height: 1.0em;
}
.Offer h3 {
	margin: 0 0 0.4em 0;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}
.Offer h4 {
	margin: 0;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 0.99em;
	font-weight: bold;
}
.Offer ul {
	text-align: left;
}

/* Seite Reiseanmeldung, table form */
.BoxAnmeldeform td {
	padding: 2px;
}

/* OUTDATED - Seite Huettenvermietung, Preiskategorien */
td.Saison,
td.SaisonA,
td.SaisonB,
td.SaisonC {
	padding: 3px 5px;
	color: #003399;
	font-size: 15px;
	white-space: nowrap;
}
td.Saison {
	background-color: #EEEEEE;
}
td.SaisonA {
	background-color: #99CC66;
}
td.SaisonB {
	background-color: #FFFF66;
}
td.SaisonC {
	background-color: #FFCC66;
}


/* tourstatus
------------------------------------------------------ */
#Tourlist td {
	padding: 3px;
}


/* Admin Huettenbelegung...
------------------------------------------------------ */
select option {
	padding: 0 4px;
}
#belegung table {
	text-align: center;
}
#belegung th,
#belegung td {
	padding: 2px 5px;
}
#belegung th {
	font-size: 90%;
}
#belegung .center {
	text-align: center;
}
#belegung .right {
	text-align: right;
}


/* Huettenkalender
------------------------------------------------------ */
#caption table {
	margin: 1.3em 0 0.8em 0;
}
#caption td {
	padding: 3px 4px;
	color: #003399;
	font-size: 15px;
	background: transparent;
}
#caption .Pricelevel,
#caption .PricelevelA,
#caption .PricelevelB,
#caption .PricelevelC {
	padding: 3px 6px;
	color: #003399;
	font-size: 15px;
	white-space: nowrap;
}

table.calendar,
table.Calendar {
	text-align: center;
}
.calendar .Pricelevel,
.calendar .PricelevelA,
.calendar .PricelevelB,
.calendar .PricelevelC,
.Calendar .Pricelevel,
.Calendar .PricelevelA,
.Calendar .PricelevelB,
.Calendar .PricelevelC {
	padding: 0 1px;
	width: 20px;
	color: #003399;
	font-size: 15px;
	white-space: nowrap;
}
.Pricelevel {
	background: #EEEEEE;
}
.PricelevelA {
	background: #99CC66;
}
.PricelevelB {
	background: #FFFF66;
}
.PricelevelC {
	background: #FFCC66;
}
th.month,
td.prev-month,
td.next-month,
th.day-of-week,
td.selected-day,
td.day,
td.today {
	padding: 4px 1px;
}
td.week {
	padding: 4px 3px;
	background-color: #DDDDD0;
	font-size: 11px;
}
th.month {
	background-color: #DDDDD0;
}
td.prev-month {
	text-align: left;
}
td.next-month {
	text-align: right;
}
th.day-of-week {
	background-color: #DDDDD0;
	font-size: 11px;
}
td.selected-day {
	background-color: #FFFFFF;
}
td.day {
	background-color: #FFFFFF;
	color: #CCCCCC;
}
td.today {
	background-color: #EEEEEE;
	font-weight: bold;
}


/* outdated
------------------------------------------------------ */
.calendar .Saison,
.calendar .SaisonA,
.calendar .SaisonB,
.calendar .SaisonC {
	padding: 0 1px;
	width: 20px;
}

/* Seite Reiseanmeldung, table form */
.AnmTbl td {
	padding: 2px;
}