/* CSS Styles for Hauser - Standard-Farben, Tim Reeves, 2007-09-22 */

/* TON 6 */
html, body, div.main, div.lin1, div.lin2, div.inhalt div.col01 div.trenner,
div.contbody div.col0 div.trenner, div.buchungok div.trenner { /* Abschnitt-Trennung */
	background-color: rgb(0,20,63);
}
/* div.medienMsg Einträge für Medienbestellung nur in standard.css */
div.contbody div.col0, div.col1, div.col2,
div.col012 div.medienMsg {
	border-color: rgb(0,20,63);
}
table.medienframe tr td.grosseLuecke input.nakedButtonOver,
div.conthead h1, div.contbody div.col0 h3, div.contbody div.col0 h5 {
	color: rgb(0,20,63);	/* Nehmen dort die aktuelle Farbe an */
}
table.level3menu td,
div.contbody div.col2 h4 {	/* z.B. "Umwelt aktuell" */
	border-bottom: 1px solid rgb(0,20,63);
}

/* TON 4 */
div.schnellsuche div.komfort, div.schnellsuche p#toursuchemsg,
a.avblehn1:hover, a.avblehn1:active, a.avblehn1:focus,
a.iscurhn1, a.iscurhn1:link, a.iscurhn1:visited, a.iscurhn1:hover,
a.iscurhn1:active, a.iscurhn1:focus,
a.offenhn1:hover, a.offenhn1:active, a.offenhn1:focus,
a.avblehn2:hover, a.avblehn2:active, a.avblehn2:focus,
a.iscurhn2, a.iscurhn2:link, a.iscurhn2:visited, a.iscurhn2:hover,
a.iscurhn2:active, a.iscurhn2:focus,
input.myButton, input.myButtonDown {
	background-color: rgb(155,176,203);
}
table.delineated td {
	border-color: rgb(155,176,203);
}

/* TON 3 - div.nochmehr Einträge für Reiseleiter-Suche nur in standard.css */
/* div.medien Einträge für Medienbestellung nur in standard.css */
div.liBalken, div.reBalken,
div.conthead div.scrollen a, div.conthead div.scrollen a:link,
div.conthead div.scrollen a:visited, div.conthead div.scrollen a:active,
div.conthead div.scrollen a:focus,
div.nochmehr form table.suche,
div.medien, div.medien div div.w3boxcover, table.medien td p span,
table.medienframe tr td.grosseLuecke table.rechtespalte,
div.reiter a, div.reiter a:link, div.reiter a:visited, div.reiter a:active,
div.reiter a:focus {
	background-color: rgb(186,201,220);
}
div.nochmehr form table.suche {
	border-color: rgb(186,201,220);
}
/* TON 5 - MUSS NACH TON 3 wg. a:hover */
table.suche, div.conthead div.scrollen a:hover, div.reiter a:hover,
table.reiter tr td.reiter,
div.reiter a.iscur, div.reiter a.iscur:link, div.reiter a.iscur:visited,
div.reiter a.iscur:active, div.reiter a.iscur:focus, div.reiter a.iscur:hover {
	background-color: rgb(112,143,181);
}
table.suche, div.conthead {
	border-color: rgb(112,143,181);
}

/* TON 2 */
div.aktuell {
	background-color: rgb(195,208,225);
}

/* TON 1 */
div.navoben p.nav, div.navoben p.nav input.nakedButton,
a.avblehn1:link, a.avblehn1:visited,
a.avblehn2:link, a.avblehn2:visited,
a.offenhn1:link, a.offenhn1:visited,
a.avble:link, a.avble:visited {
	color: rgb(208,218,230);
}
div.kopf div.medienbestellung, div.divider, div.navoben form input.vtsuche,
form input.schnell, div.schnellsuche form select, a:hover {
	background-color: rgb(208,218,230);
}
div.schnellsuche div.komfort, div.schnellsuche p#toursuchemsg {
	border-color: rgb(208,218,230);
}

/* Das hier muss nach dem allgemeinen a.avble kommen */
a.avblehn1:hover, a.offenhn1:hover, a.avblehn2:hover, a.avble:hover {
	color: white !important;
}

/* TON 0 */
div.pfad, div.inhalt, div.conthead, div.contpadd, div.contbody, div.colende,
div.medien div p input.med, div.medien div p select, div.medien div.pflicht,
input.nakedField, table.medienframe tr td.grosseLuecke input.myField,
table.medienframe tr td.grosseLuecke textarea.myField {
	background-color: rgb(227,233,240);
}

/* Hintergrund-Bilder, Listen-Bilder */
div.kopf div.logo {		/* HG: Ton 4 */
	background-image: url(/images/hauser_logo.gif);
}
div.kopf div.pict {
	background-image: url(/allgemein/images/kopf_titel.jpg);
}
ul {
	list-style-image: url(/images/bullet.gif);
}
h2 {
	background-image: url(/images/bullet.gif);
}
ul.sekundaer {
	list-style-image: url(/images/sek-bullet.gif);
}

/* The following ONLY in standard.css */
div.contbody div.col0 ul {	/* Reiseleiter / Team */
	padding: 7px 0px 3px 0px;
	margin: 0px 0px 0px 19px;
}
div.contbody div.col0 h1 {	/* Reiseleiter- & Team-Namen */
	font-size: 11pt;
	letter-spacing: 1px;
	padding: 12px 0px 3px 0px;
	/* TON 5,5 - nur für Reiseleiter- & Team-Namen */
	color: rgb(62,100,144);
}
div.contbody div.col0 h1 a, div.contbody div.col0 h1 a:link,
div.contbody div.col0 h1 a:visited, div.contbody div.col0 h1 a:active,
div.contbody div.col0 h1 a:focus,   div.contbody div.col0 h1 a:hover {
	/* TON 5,5 - nur für Reiseleiter- & Team-Namen - auch wenn verlinkt */
	color: rgb(62,100,144);
}
div.contbody div.col0 img.person {		/* Detailbeschreibung */
	float: right;
	padding: 4px 0px 4px 10px;
	width: 184px;
	height: 209px;
}
div.contbody div.col0 a img.person {	/* Suche-Ergebnisliste */
	padding: 4px 0px 4px 12px;
	width: 140px;
	height: 159px;
}
table.meinetouren {
	padding-bottom: 9px;
}
table.meinetouren td {
	padding-bottom: 3px;
}
table.meinetouren td.datum {
	padding-right: 12px;
}
table.meinetouren td.land {
	padding-right: 12px;
	font-weight: bold;
}

div.contbody div.col0 p {
	line-height: 150%;
}
ul.sekundaer li {
	line-height: 150%;
}

div.contbody div.col0 div.trenner {
	margin-top: 7px;
}

p#hitliste {
	line-height: 180%;
}

/* Für die BUCHUNGSANFRAGE */

span.reiseShow {
	font-size: 8pt !important;
	font-weight: bold !important;
}

table.reiter {
	table-layout: fixed;
	width: 747px;
	margin: 9px 0px 3px 0px;
	border-bottom: 2px solid rgb(112,143,181);	/* Ton 5 */
}

table.reiter tr td {
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
}

table.reiter tr td.reiter {
	width: 95px;
	height: 16px;
}

table.reiter tr td.luecke {
	width: 16px;
	height: 16px;
}

table.reiter tr td.rechts {
	padding-left: 50px;
	height: 16px;
}

table.reiter tr td.reiter input.reiter,
table.reiter tr td.reiter input.reiterOver {
	/* Die font-family wird nicht für <input> vererbt, also explizit setzen */
	font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	border-width: 0px;
	border-style: none;
	width: 95px;
	height: 16px;
	font-size: 11px;
	font-weight: bold;
	padding: 0px;
	text-align: center;
	cursor: pointer;
}
table.reiter tr td.reiter input.reiter {
	background-color: rgb(186,201,220);	/* Ton 3 */
}
table.reiter tr td.reiter input.reiterOver {
	background-color: rgb(112,143,181);	/* Ton 5 */
}
table.reiter tr td.iscur input.reiter {
	color: white;
	background-color: rgb(112,143,181);	/* Ton 5 */
}
table.reiter tr td.iscur input.reiterOver {
	color: rgb(0,20,63);
	background-color: rgb(112,143,181);	/* Ton 5 */
}

input.myField, select.myField, textarea.myField {
	font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-weight: normal;
	font-size: 9pt;
	margin: 0px;
	padding: 0px 1px 0px 2px;
}

input.myField {
	height: 15px;
	padding: 1px 1px 0px 2px;
	width: 68px;
	margin: 1px 0px 0px 0px;
	border-top: 1px solid rgb(0,20,63);
	border-left: 1px solid rgb(0,20,63);
	border-right: 1px solid rgb(155,176,203);
	border-bottom: 1px solid rgb(155,176,203);
}

input.nakedField {
	font-size: 9pt !important;
	padding: 0px 0px 0px 0px !important;
	border: 0px solid rgb(227,233,240) !important;
}

select.myField {
	width: auto;
	margin-bottom: 2px;
	padding-left: 0px;
}

textarea.myField {
	padding: 0px 0px 0px 2px;
	height: 62px;
	overflow: auto;
}

input.myRadio {		/* Generisch / Unterbringung */
	margin: 0px 6px 2px 0px;
	padding: 0px;
	vertical-align: middle;
}

input.myCheck {		/* AGB */
	margin: -3px 5px 0px 0px;
	padding: 0px;
	vertical-align: middle;
}

input.myButton, input.myButtonDown {
	font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 12px 0px 0px 0px;
	padding: 0px 0px 1px 0px;
	text-align: center;
	width: 76px;
	cursor: pointer;
}

input.myButton {
	/* background-color: TON 4 */
	border-right: 1px solid rgb(0,20,63);		/* Ton 6 */
	border-bottom: 1px solid rgb(0,20,63);
	border-top: 1px solid rgb(186,201,220);		/* Ton 3 */
	border-left: 1px solid rgb(195,208,225);	/* Ton 2 */
}

input.myButtonDown {
	/* background-color: TON 4 */
	border-top: 1px solid rgb(0,20,63);
	border-left: 1px solid rgb(0,20,63);
	border-right: 1px solid rgb(186,201,220);
	border-bottom: 1px solid rgb(195,208,225);
}

div.col012 form.buchung p.lessluft span.euro {
	font-size: 9pt;
}

/* Erwischt non-spam Vorkommen im Buchungsformular */
div.col012 form.buchung div.medienMsg {
	margin: 3px 7px 5px 0px;
	}

/* DIV.PERSBUCH: Qualifies div.medien im Buchungsformular */
/* Aber siehe auch weitere Mods in table.medienframe !!!! */

div.persbuch {
	position: static !important;
	width: 236px !important;
	padding: 4px 0px 4px 0px !important;
}

div.persbuch div.knapper {
	height: 26px !important;
}

div.persbuch div p input.med {
	width: 221px !important;
}

div.persbuch div p input.kurz {
	width: 59px !important;
}

div.persbuch div p input.lang {
	width: 148px !important;
}

div.persbuch div p select.land {
	width: 150px !important;
}

div.persbuch div div.w3boxcover {
	width: 133px !important;
}

div.persbuch table.radios,		/* Für drei Radio-Spalten */
div.persbuch table.checks {		/* Für zwei Checkbox-Spalten */
	table-layout: fixed;
	width: 228px;
	margin: 3px 0px 0px 6px;
	overflow: hidden;
}

div.persbuch table.radios tr td {
	width: 76px;
	height: 18px;
	overflow: hidden;
}

div.persbuch table.checks tr td {
	height: 18px;
	overflow: hidden;
}

div.persbuch table.checks tr td.kurz {
	width: 100px;
}

div.persbuch table.checks tr td.lang {
	width: 128px;
}

div.persbuch table.radios tr td p,
div.persbuch table.checks tr td p {
	/* Arial has less width, which we need for the labels */
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 10px;
	padding: 1px 0px 0px 0px;
	white-space: nowrap;
}

div.persbuch table.radios tr td p input.myRadio {	/* Erfahrung, Fitness, Rechnung */
	margin: 0px 3px 2px 0px;
	vertical-align: middle;
}

/* Einzelzelt, Fitness | Unterkunft */
div.persbuch div.justradio p input.myCheck,
div.persbuch table.checks tr td p input.myCheck {
	margin: -2px 4px 0px 0px;
}

table.medienframe {
	margin: 9px 0px 9px 0px;
}

table.medienframe tr td {
	vertical-align: top;
}

table.medienframe tr td.grosseLuecke {
	padding-left: 20px;
}

/* Eingabefelder in der rechten Spalte des Buchungsformulars */
table.medienframe tr td table.rechtespalte {
	width: 236px;
	margin: 0px 0px 12px 0px;
}

table.medienframe tr td div.rechtespalte {	/* Limit width after table.rechtespalte */
	width: 236px;
}

div.persbuch h4, table.medienframe tr td table.rechtespalte tr td h4 {
	font-size: 11px;
	letter-spacing: 1px;
	margin: 4px 0px 4px 6px;
	padding: 0px;
}

table.medienframe tr td table.rechtespalte tr td h6 {
	font-size: 10px;
	letter-spacing: 1px;
	margin: 4px 0px 2px 6px;
	padding: 0px;
}

table.medienframe tr td table.rechtespalte tr td p {
	/* Arial has less width, which we need for the captions */
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 11px;
	line-height: normal;
	margin: 2px 0px 6px 7px;
	padding: 0px;
}

table.medienframe tr td table.rechtespalte tr td p b {
	/* Arial 10px fett wird nicht fett (-: */
	font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
}

table.medienframe tr td table.rechtespalte tr td p.noleft {
	margin: 2px 0px 6px 0px;
}

table.medienframe tr td table.rechtespalte tr td p.knapper {
	margin-bottom: 3px;
}

table.medienframe tr td table.rechtespalte tr td p.bottomless {
	margin-bottom: 0px;
	line-height: 100%;
}

table.medienframe tr td input.myField,
table.medienframe tr td textarea.myField {
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 10px;
	width: 219px;
	height: 12px;
	margin: 2px 0px 1px 0px;
	padding: 0px 1px 0px 1px;
	border: 0px solid white;
}

table.medienframe tr td input.shorter {
	width: 198px !important;
}

table.medienframe tr td textarea.myField {
	width: 219px;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
	height: 144px;
	overflow: auto;
}

table.medienframe tr td input.nakedButtonOver {
	background-color: rgb(155,176,203);		/* Ton 4 */
}

table.medienframe tr td table.rechtespalte tr td p input.myCheck {	/* Bahncard */
	margin: 1px 7px 0px 2px;
	vertical-align: top;
}

table.medienframe tr td table.rechtespalte tr td p input.myRadio {	/* Bahnfahrkarte */
	margin: 1px 7px 0px 0px;
	vertical-align: top;
}

table.medienframe tr td table.rechtespalte tr td div.trenner {
	height: 12px;
}

table.medienframe tr td table.rechtespalte tr td div.trenner p {
	border-bottom: 1px solid rgb(0,20,63);
	line-height: 6px;
	margin: 0px 6px;
	padding: 0px;
}

/* Anpassungen von div.medien (s.unten) aus dem Medien-Bestellformular */
/* Zusätzlich zu div.persbuch (und vorrangig) */

table.medienframe tr td div.medien div {
	height: 31px;
}

table.medienframe tr td div.medien div p {
	line-height: 130%;
	margin: 0px;
	padding: 2px 0px 0px 0px;
}

table.medienframe tr td div.medien p.section {
	font-size: 10px;
	margin: 0px 0px 2px 0px;
	padding: 0px 6px 0px 6px;
	line-height: normal;
}

table.medienframe tr td div.medien p.section b {
	letter-spacing: 1px;
}

table.medienframe tr td div.medien div.justradio {
	height: 18px;
}

table.medienframe tr td div.medien div.radioplus {
	height: 33px;
}

table.medienframe tr td div.medien div p input.med {
	margin-top: 1px;
}

p.pflicht {
	margin: 0px;
	font-size: 10px;
	padding: 4px 0px 0px 0px;
}

.optionfarbe {
	background-color: #FFFBAF !important;
}

.weissefarbe {
	background-color: #FFFFFF !important;
}

/* Für die Darstellung im Medien-Bestellformular */
table.medien {
	margin-top: 6px;
	width: 572px;
}

table.medien td {
	vertical-align: top;
	padding: 0px 9px 14px 0px;
}

table.medien td img {
	float: left;
	padding-right: 8px;
}

table.medien td p span {
	width: 13px;
	height: 13px;
	padding: 4px;
}

table.medien td p span input {
	width: 13px;
	height: 13px;
}

table.medien td p {
	line-height: 120% !important;
	padding: 4px 0px 0px 0px;
}

table.medien td p.cb {
	padding: 4px 0px 2px 0px;
}

table.medien td p.pdf {
	font-size: 7pt;
}

/* DIV.MEDIEN: Hier die Basisform, gilt wie hier notiert für die Medienbestellung */
/* Wird auch im Buchungsformular benutzt, modified by table.medienframe / div.persbuch */

div.medien {
	position: absolute;
	top: 6px;
	left: 573px;
	width: 182px;
	height: auto;
	padding: 4px 0px 0px 0px;
}

div.medien div {
	height: 28px;
	margin: 0px 0px 0px 6px;
	overflow: hidden;
}

div.medien div p {
	/* Arial has less width, which we need for the captions */
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 10px;
	padding: 1px 0px 0px 0px;
}

div.medien div p input.med {
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 10px;
	width: 167px;
	height: 12px;
	margin: 0px;
	padding: 0px 1px 0px 1px;
	border: 0px solid white;
	border-style: none;
	position: relative;
	top: -1px;
}

div.medien div p select {
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 10px;
	height: 11px;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-style: none;
	position: relative;
	top: -1px;
}

/* FF: padding, margin govern display of dropdown list. IE: Keine Wirkung */
div.medien div p select option {
}

/* Überdeckt den oberen 1px der Selectbox bei W3C */
div.medien div div.w3boxcover {
	height: 1px !important;
	margin-left: 0px !important;
	width: 93px;
	overflow: hidden;
	position: relative;
	top: -14px;
	z-index: 2;
}

/* Überdeckt den Rahmen der Selectbox bei IE */
div.medien div iframe.ieboxcover {
	display: none;
}

div.medien div p input.lang {
	width: 108px;
}

div.medien div p select.land {
	width: 110px;
}

div.medien div p input.kurz {
	width: 45px;
}

div.medien div p select.land,
div.medien div p input.links {
	margin-right: 12px;
}

div.medien p.submit {
	font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 6px 0px 6px 6px;
}

div.medien div.trenner {
	height: 12px !important;
}

div.medien div.trenner p {
	border-bottom: 1px solid rgb(0,20,63) !important;
	line-height: 5px !important;
	margin: 0px 7px 0px 0px !important;
	padding: 0px !important;
}

div.medien div.pflicht {
	height: auto;
	margin: 0px;
	padding: 0px;
}

div.medien div.pflicht p {
	margin: 0px 0px 0px 6px;
	padding: 4px 0px 0px 0px;
}

div.col012 div.medienMsg {	/* Erwischt alle Vorkommen */
	margin: 0px;
	padding: 0px 4px 2px 6px;
	border-style: solid;
	border-width: 1px;
	}
div.col012 div.medienMsg p { padding: 1px 0px 3px 0px; }
div.col012 div.medienMsg p.first { padding: 3px 0px 3px 0px; }
div.col012 div.medienMsg p.medien { padding: 1px 0px 3px 0px; }

.fehlerfarbe {
	background-color: #FFE4E4 !important;
}

.erfolgfarbe {
	background-color: rgb(155,176,203) !important;
}

/* Für die erfolgreiche Buchungsanfrage */
div.buchungok {
	padding: 10px 0px;
}
div.buchungok h3 {
	padding: 3px 0px 3px 0px;
}
div.buchungok div.trenner {
	width: 747px;	/* Margin ineffective due to width 100% */
}
div.buchungok p {
	margin: 0px 0px 4px 0px;
	padding: 0px;
}
div.buchungok p.fixed { width:172px; clear:left; float:left; margin: 0px; }