/*
Site:    http://www.die-vagabunden.de
Media:   All
Version: 08-09-2010
Author:  Dierk Onken
Desc:    Styles for all pages
*/

/* necessary for google maps polyline drawing in IE */
v\:* {
	behavior:url(#default#VML);
}

/* 
global settings
----------------------------------------------------------- */
body {
	margin:0;
	padding:0;
	background-color:#ffffff;
}
body,th,td,div,p,ul,li {
	color:#000000;
	font-family:'Trebuchet MS',Arial,Geneva,Helvetica,sans-serif;
	font-size:15px;
	font-weight:normal;
	line-height:1.4em;
}
a:link {
	color:#0066ff;
	text-decoration:underline;
}
a:visited {
	color:#330099;
	text-decoration:underline;
}
a:active {
	color:#ffcc66;
	text-decoration:underline;
}
a:hover {
	color:#cc0033;
	text-decoration:underline;
}
/* misc */
p {
}
table {
	/*border-collapse:collapse;*/
	/*border-spacing:0;*/
}
hr {
	color:#999999;
	height:1px;
}
address {
	line-height:1.3em;
}
form {
	margin:0 0;
}
textarea {
	color:#000000;
	font-family:'Trebuchet MS',Arial,Geneva,Helvetica,sans-serif;
	font-size:15px;
}
ul {
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	padding-left:0;
}
ul li {
	list-style-type:disc;
	margin-left:25px;
	padding-left:0;
	padding-bottom:0;
}
ol {
}
ol li {
}
acronym {
	cursor:help;
	border-bottom:1px dotted #000000;
}

/* image styles */
/* photo */
img.Photo {
	border:1px solid #999999;
	/*padding:2px;*/
	/*background-color:#ffffff;*/
}
/* photo, align right, margin left */
.PhotoRight {
	border:1px solid #cccc99;
	margin-top:6px;
	margin-bottom:6px;
	margin-left:10px;
}
.PhotoTableRight img {
	border:1px solid #cccc99;
	/*cursor:-webkit-zoom-in;*/
	/*cursor:-moz-zoom-in;*/
}
/* Google Map generiert durch GoogleMapAPI */
div#map {
	border:1px solid #cccc99;
}
.PhotoTableRight td {
	padding-left:20px;
}
/* photo, align left, margin right */
.PhotoLeft {
	border:1px solid #cccc99;
	margin-top:6px;
	margin-bottom:6px;
	margin-right:10px;
}
.PhotoTableLeft img {
	border:1px solid #cccc99;
	/*cursor:-webkit-zoom-in;*/
	/*cursor:-moz-zoom-in;*/
}
.PhotoTableLeft td {
	padding-right:20px;
}
/* map */
img.Map {
	border:1px solid #cccc99;
}


/* layout
------------------------------------------------------ */
.NoPrint {
}
.Center {
	text-align:center;
}
.Right {
	text-align:right;
}


/* navigation
------------------------------------------------------ */
.NaviText {
	color:#ffffff;
	font-family:'Trebuchet MS',Arial,Geneva,Helvetica,sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:1.3em;
}
.NaviText a:link, .NaviText a:visited {
	color:#ffffff;
	text-decoration:none;
	white-space:nowrap;
}
.NaviText a:active {
	color:#ffffff;
	text-decoration:none;
	white-space:nowrap;
}
.NaviText a:hover {
	color:#ffdd99;
	text-decoration:none;
	white-space:nowrap;
}
.NaviHighlight {
	color:#ffcc00;
}
.NaviHighlight a {
	color:#ffcc00;
	text-decoration:none;
	white-space:nowrap;
}
.TopmenuXS {
	color:#ffffff;
	font-family:'Trebuchet MS',Arial,Geneva,Helvetica,sans-serif;
	font-size:11px;
}


/* search
------------------------------------------------------ */
/* form input */
div.Search {
	font-family:Arial,Helvetica,Geneva,sans-serif;
	font-size:10px;
	white-space:nowrap;
}
input.Search {
	border:1px solid;
	border-color:#999;
	font-family:Arial,Helvetica,Geneva,sans-serif;
	font-size:10px;
	background-color:#ffffff;
}
/* form submit */
submit.Search {
	font-family:Arial,Helvetica,Geneva,sans-serif;
	font-size:10px;
}


/* content
------------------------------------------------------ */
#Main {
	background-color:#ffffff;
	/*background-image:url(./images/all_topgrey2white.gif);*/
	/*background-position:0% 0%;*/
	/*background-repeat:repeat-x;*/
}

/* Design Hintergrundfarbe #1 (Edge) */
td.sommerBg1 {
	background-color:#ffcc00;
}
td.winterBg1 {
	background-color:#66ccff;
}
td.neutralBg1 {
	background-color:#0066cc;
}
td.fehlerBg1 {
	background-color:#0099cc;
}

/* Design Hintergrundfarbe #2 (Grafikelemente Linie, Rechteck) */
td.sommerBg2 {
	background-color:#3399cc;
}
td.winterBg2 {
	background-color:#66ccff;
}
td.neutralBg2 {
	background-color:#0066cc;
}
td.fehlerBg2 {
	background-color:#0099cc;
}

/* Reiseseiten Container Vagabundenreisen */
.VagtourTable, .VagQuickguideTable {
	background-color:#ffffbb;
	border:1px solid #ffff88;
}
table.VagtourTable {
	margin-top:1.4em;
}

/* Kurzbeschreibungen Vagabundenreisen */
.QuickguideTable {
	border:1px solid #ccc;
}
table.VagQuickguideTable, table.QuickguideTable {
	margin-top:0;
}
table.VagQuickguideTable, table.QuickguideTable {
	margin-bottom:2.4em;
}

/*folgender abschnitt veraltet!*/
/* Reiseseiten Kopf */
.ContentHeader {
	/*background-color:#eeeeee;*/
	/*margin-top:0.5em;*/ /* dies stattdessen als padding-bottom des vagabunden-logos*/
	margin-bottom:1.2em;
}
/* Hauptueberschrift Reiseseiten */
.ContentHeader h3 {
	margin-bottom:0;
}
.ContentHeader h5 {
	color:#cc3300;
	font-size:105%;
	font-weight:bold;
	margin:0;
}
td.HeadMap {
	text-align:right;
	white-space:nowrap;
}
.HeadMap img {
	border:1px solid #cccc99;
}
/*ende abschnitt*/
/* Reiseseiten Wrapper Vagabundenreisen */
div.VagtourWrapper {
	margin-top:1.1em;
	padding:9px;
	background-color:#ffffbb;
	border:1px solid #ffff88;
}
/* Reiseseiten Wrapper Vagabundenreisen Vagabundenlogo */
div.VagtourLogo {
	margin-top:3px;
	margin-bottom:8px;
	text-align:center;
}

table.HeadTable {
	margin-top:0.5em;
	margin-bottom:0em;
	/*border:1px solid green;*/
}
table.HeadTable h3 {
	margin:0;
	padding:0.3em 0 0.8em 0;
}
table.HeadTable h5 {
	margin:0;
	padding:0;
	color:#cc3300;
	font-size:105%;
	font-weight:bold;
}
td.HeadFlag {
	padding-top:1.2em;
	padding-right:9px;
	padding-left:2px;
	white-space:nowrap;
	vertical-align:top;
}

div.Featurebox {
	background-color:#ffff99;
	padding:0.3em 0.6em;
	border:2px dotted #0066cc;
}
td.Featurebox {
	background-color:#ffff99;
	padding:0.3em 0.6em;
	border:2px dotted #0066cc;
}

/* Hauptueberschrift Nicht-Reiseseiten */
h3 {
	margin-top:5px;
	margin-bottom:17px;
	color:#333333;
	font-family:'Trebuchet MS',Arial,Geneva,Helvetica,sans-serif;
	font-size:1.6em;
	font-weight:normal;
	line-height:1.15em;
}

/* Rit-Tabelle */
.RitTable {
}
.RitTable th {
	/*border-top:1px solid #999999;*/
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	/*background-color:#eeeeee;*/
	font-weight:normal;
	text-align:left;
	line-height:1.15em;
	padding:0.2em 0.6em;
}
.RitTable td {
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	font-weight:normal;
	line-height:1.15em;
	padding:0.2em 0.6em;
}


/* sommerprogramm und winterprogramm
------------------------------------------------------ */
.Programm h4 {
	font-size:105%;
	font-weight:normal;
	margin:0;
}
.Programm h5 {
	color:#cc3300;
	font-size:100%;
	font-weight:bold;
	margin:0;
}
.Programm img {
	border:1px solid #cccc99;
	margin:6px 0;
}


/* index
------------------------------------------------------ */
.Tagcloud {
	color:#0066cc;
	font-size:1.1em;
	padding-top:3px;
	padding-bottom:0;
	margin-bottom:0;
	/*margin-left:14px;*/
}
.Tagcloud a {
	color:#0066cc;
	text-decoration:none;
}
.Tagcloud a:hover {
	color:#cc0033;
	text-decoration:none;
}


/* Shortinfo
------------------------------------------------------ */
table.Shortinfo {
	margin-right:15px;
	border-collapse:collapse;
}

table.Shortinfo td {
	border:solid white 12px;
	padding:8px;
	background-color:#dddddd;
	vertical-align:top;
	font-family:Arial,Geneva,Helvetica,sans-serif;
	font-size:0.7em;
}

table.Shortinfo a {
	text-decoration:none;
}

table.Shortinfo td h3 {
	margin-top:7px;
	margin-bottom:5px;
}

table.Shortinfo td img {
	/*border:solid white 1px;*/
}


/* katalog
------------------------------------------------------ */
table.KatalogAdressblock2 {
	border-top:1px solid #ffff33;
	border-right:1px solid #ffff00;
	border-bottom:1px solid #ffff00;
	border-left:1px solid #ffff33;
	background-color:#fffdcc;
	padding:10px;
}
.KatalogAdressblock2 td {
	padding:2px;
}


/* eye catchers
------------------------------------------------------ */
.MsgError {
	color:#cc0000;
	font-style:italic;
}
/* Nicht benutzt, Farbe nur ungefaehr */
.MsgWarn {
	color:#ff6633;
	font-style:italic;
}
/* Nicht benutzt, Farbe nur ungefaehr */
.MsgOkay {
	color:#009933;
	font-style:italic;
}
.debug {
	color:blue;
	font-family:Arial,Geneva,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
}
.Highlight {
	color:#cc3300;
	font-size:90%;
	font-weight:bold;
}


/* Termin/Preistabelle (reisedaten)
------------------------------------------------------ */
/* Reisedaten Gruppentitel (Weihnachten, Frühjahr etc.) */
.TDetailsGroup {
	color:#000000;
	font-family:Arial,Geneva,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	line-height:1em;
	padding:2px 0 0 0;
}

/* Reisedatentabelle */
table.TDestinationData  {
	/*background-color:#FFFFFF;*/
}

/* Reisedatentabelle Kopf */
.TDetailsHeader {
	margin:0;
	padding:1px 3px;
	background-color:#ddddde;
	color:#000000;
	font-family:Arial,Geneva,Helvetica,sans-serif;
	font-size:13px;
	font-weight:normal;
	text-align:center;
	white-space:nowrap;
	line-height:1.2em;
}

/* Reisedatentabelle TourCode */
.TDetailsCode, .TDetailsCodeFull, .TDetailsCodeCancel {
	padding:0 3px;
	background-color:#fffedd;
	font-family:'courier new',courier,monospace;
	font-size:15px;
	font-weight:normal;
	white-space:nowrap;
}
.TDetailsCode {
	background-color:#fffedd;
}
/* Reisedatentabelle, Hintergrundfarbe Ausgebucht */
.TDetailsCodeFull, .TDetailsPeriodFull, .TDetailsCostsFull, .TDetailsStatusFull, .TDetailsFull {
	background-color:#ffaaaa;
}
/* Reisedatentabelle, Hintergrundfarbe Abgesagt */
.TDetailsCodeCancel, .TDetailsPeriodCancel, .TDetailsCostsCancel, .TDetailsStatusCancel, .TDetailsCancel {
	background-color:#ddccff;
}

/* Reisedatentabelle Termin */
.TDetailsPeriod, .TDetailsPeriodFull, .TDetailsPeriodCancel {
	padding-right:3px;
	padding-left:3px;
	color:#000000;
	font-family:Arial,Geneva,Helvetica,sans-serif;
	font-size:13px;
	font-weight:normal;
	text-align:left;
	white-space:nowrap;
}
.TDetailsPeriod {
	background-color:#f2f2f7;/*  #EEEEEF #EBEBF0 #EDEDF2   */
}

/* Reisedatentabelle Preise */
.TDetailsCosts, .TDetailsCostsFull, .TDetailsCostsCancel {
	padding-right:3px;
	padding-left:3px;
	color:#000000;
	font-family:Arial,Geneva,Helvetica,sans-serif;
	font-size:13px;
	font-weight:normal;
	text-align:right;
	white-space:nowrap;
}
.TDetailsCosts {
	background-color:#f2f2f7;
}

/* Reisedatentabelle Tourstatus */
.TDetailsStatus, .TDetailsStatusFull, .TDetailsStatusCancel {
	padding-right:3px;
	padding-left:3px;
	color:#000000;
	font-family:Arial,Geneva,Helvetica,sans-serif;
	font-size:13px;
	font-weight:normal;
	text-align:center;
	white-space:nowrap;
}
.TDetailsStatus {
	background-color:#f2f2f7;
	color:#cc0033;
	font-weight:bold;
	text-align:center;
}
.TDetailsStatus a {
	color:#009933;
	font-weight:bold;
	text-decoration:underline;
}

/* Reisedatentabelle alle Felder */
.TDetailsHeader, 
.TDetailsCode, .TDetailsCodeFull, .TDetailsCodeCancel, 
.TDetailsPeriod, .TDetailsPeriodFull, .TDetailsPeriodCancel, 
.TDetailsCosts, .TDetailsCostsFull, .TDetailsCostsCancel, 
.TDetailsStatus, .TDetailsStatusFull, .TDetailsStatusCancel {
	border-right:1px solid #ddddcc;
	border-bottom:1px solid #ddddcc;
}

/* Reisedatentabelle Fussnote */
.TDetailsFooter {
	padding:2px;
	color:#333333;
	font-family:Arial,Geneva,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:1.2em;
}

.ReisedatenContainer {
	/*background-color:green;*/
	padding-bottom:0.5em;
}

/* Reisedaten Ueberschriften (Leistungen, Zusatzkosten, Teilnehmer, Veranstalter etc.) */
.ReisedatenListHead, .datenblau {
	color:#003399;
	font-family:Arial,Geneva,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:1.3em;
	padding-top:1.2em;
}
/* Reisedaten Standardtext */
.ReisedatenListText, .daten {
	color:#000000;
	font-family:Arial,Geneva,Helvetica,sans-serif;
	font-size:13px;
	font-weight:normal;
	line-height:1.3em;
	/*padding-bottom:1.0em;*/
}
/* Reisedaten Link 'Jetzt Anmelden' - ersetzt .TDetailsBooking */
.ReisedatenBookinglink {
	padding-top:0.7em;
	text-align:center;
	line-height:1.2em;
	white-space:nowrap;
}

/* Reisedaten Link 'Jetzt Anmelden' */
.TDetailsBooking {
	line-height:1.2em;
	padding-top:0.7em;
}

/* ??? */
.datenhell {
	color:#666666;
	font-family:Arial,Geneva,Helvetica,sans-serif;
	font-size:13px;
	font-weight:normal;
}


/* terminuebersicht
------------------------------------------------------ */
/* Terminuebersicht Monatsname (Namen sind Hyperlink-Ziele!) */
th.SurveyMonth, th.UebersichtMonth {
	padding:18px 3px 3px 3px;
	color:#000000;
	font-family:'Trebuchet MS',Arial,Geneva,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
th.SurveyMonth a, th.UebersichtMonth a {
	color:#000000;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}

/* Terminuebersicht Erlaeuterungstext Ausgebucht */
.SurveyFullInfo {
	background-color:#ffaaaa;
}

/* Terminuebersicht, Spalten Standard Normal */
td.SurveyCol1, td.SurveyCol2, td.SurveyCol3, td.SurveyCol4, td.SurveyCol5 {
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	padding:10px 7px 9px 7px;
	/*background-color:#dddddd;*/
	color:#000000;
	line-height:1.3em;
}
/* Terminuebersicht Spalten Standard Ausgebucht */
td.SurveyFullCol1, td.SurveyFullCol2, td.SurveyFullCol3, td.SurveyFullCol4, td.SurveyFullCol5 {
	padding:10px 7px 9px 7px;
	background-color:#ffaaaa;
	color:#000000;
}
/* Terminuebersicht Spalte #1 (Flagge) */
td.SurveyCol1, td.SurveyFullCol1 {
	font-family:'Trebuchet MS',Arial,Geneva,Helvetica,sans-serif;
	font-size:15px;
	font-weight:normal;
	text-align:center;
	white-space:nowrap;
}
td.SurveyCol1 img, td.SurveyFullCol1 img {
	padding:1px;
}
/* Terminuebersicht Spalte #2 (Titel) */
td.SurveyCol2, td.SurveyFullCol2 {
	font-family:'Trebuchet MS',Arial,Geneva,Helvetica,sans-serif;
	font-size:15px;
	font-weight:normal;
	text-align:left;
	white-space:nowrap;
}
td.SurveyCol2 h3, td.SurveyFullCol2 h3 {
	margin-top:5px;
	margin-bottom:3px;
	font-family:'Trebuchet MS',Arial,Geneva,Helvetica,sans-serif;
	font-size:1.3em;
	font-weight:normal;
	/*line-height:1.15em;*/
}
/* Terminuebersicht Spalte #3 (Tourcode) - NICHT BENUTZT */
td.SurveyCol3, td.SurveyFullCol3 {
	font-family:'Courier new',Courier,monospace;
	font-size:15px;
	font-weight:normal;
	text-align:left;
	white-space:nowrap;
}
/* Terminuebersicht Spalte #4 (Termin) */
td.SurveyCol4, td.SurveyFullCol4 {
	font-family:'Trebuchet MS',Arial,Geneva,Helvetica,sans-serif;
	font-size:15px;
	font-weight:normal;
	text-align:left;
	white-space:nowrap;
}
/* Terminuebersicht Spalte #5 (Dauer) */
td.SurveyCol5, td.SurveyFullCol5 {
	font-family:'Trebuchet MS',Arial,Geneva,Helvetica,sans-serif;
	font-size:15px;
	font-weight:normal;
	text-align:right;
}

/* Terminuebersicht Spalte #6 (Design) - Hintergrundfarbe hier _nicht_ definieren! */
td.SurveyCol6 {
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	padding:10px 7px 9px 7px;
	font-family:'Trebuchet MS',Arial,Geneva,Helvetica,sans-serif;
	font-size:15px;
	font-weight:normal;
	text-align:center;
}


/* anmeldung
------------------------------------------------------ */
select.RequiredInput, input.RequiredInput, input.RequiredInput, textarea.RequiredInput {
	/*border:1px solid #ff6600;*/
}
.RequiredInput label {
	/*border:2px solid #ffcccc;*/
	/*background-color:#ffcccc;*/
}
/* Anmeldung Reiter */
table.BookingTab {
	margin:0;
	border-left:1px solid #000000;
}
table.BookingTab th, table.BookingTab td, td.xBookingTabHighlight {
	border-top:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	padding:4px 12px 4px 10px;
	font-size:15px;
	font-weight:normal;
	text-align:left;
	white-space:nowrap;
}
/* Reiter Hervorhebung */
table.BookingTab th {
	background-color:#000000;
	color:#ffffff;
}
/* Reiter Standard */
table.BookingTab td {
	background-color:#dddddd;
	color:#000000;
}
/* ALT! Reiter Hervorhebung */
td.xBookingTabHighlight {
	background-color:#000000;
	color:#ffffff;
}

/* NEU */
table.FormAnmeldung {
}
table.FormAnmeldung th {
	/*background-color:green;*/
	padding:2px 2px;
	font-weight:bold;
	text-align:left;
}
table.FormAnmeldung td {
	/*background-color:lime;*/
	padding:2px 2px 2px 0;
	font-weight:normal;
	text-align:left;
}


/* footer
------------------------------------------------------ */
div.FooterNavi {
	margin-bottom:2.0em;
	font-size:12px;
	font-weight:normal;
	text-align:center;
}
.FooterPoweredby	{
	color:#cccccc;
	font-size:11px;
	font-weight:normal;
	text-align:center;
}
.FooterPoweredby a	{
	color:#bbbbbb;
	font-size:11px;
	font-weight:normal;
}


/* misc
------------------------------------------------------ */
.large {
	font-size:18px;
}
.largeweiss {
	color:#FFFFFF;
	font-size:18px;
}
.medium {
	font-size:16px;
}
.xsmall {
	font-size:11px;
}
.datum {
	font-size:11px;
	color:#cccccc;
}
.gelb {
	color:#ffcc00;
}
.boldgreen {
	color:#009900;
	font-weight:bold;
}
.fehlermeldung {
	color:#cc0000;
}
.ausgebucht {
	color:#000000;
	font-family:Arial,Geneva,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
}


/* outdated
------------------------------------------------------ */