/* CSS Styles for BIR forms, Tim Reeves, Stand 2006-12-21 */

/* FORMEN */

form {
	padding: 10px 0px 0px 0px;
}

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

input.myField {
	height: 17px;
	padding: 1px 1px 0px 4px;
	width: 62px;
}

input.nakedField {
	font-size: 14px !important;
	padding: 0px 0px 0px 0px !important;
	border: 0px solid #F3FAF3 !important;
}

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

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

input.myRadio {
	margin: 0px 2px 1px 0px;
	padding: 0px;
	vertical-align: middle;
}

input.myCheck {
	margin: 0px 2px 2px 0px;
	padding: 0px;
	vertical-align: middle;
}

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

input.klein {	/* Löschen-Button bei der Katalogreisen-Suche */
	font-weight: normal;
	letter-spacing: 1px;
	width: 68px;
}

/* FARBEN */

input.myField, select.myField, textarea.myField {
	background-color: #F3FAF3;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid #98AC9B;
	border-bottom: 1px solid #98AC9B;
}

input.myButton {
	color: #006440;
	background-color: #C5EBD5;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-top: 1px solid #A4B8A7;
	border-left: 1px solid #98AC9B;
}

input.myButtonDown {
	color: #006440;
	background-color: #C5EBD5;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid #98AC9B;
	border-bottom: 1px solid #A4B8A7;
}

/* SPEZIFISCHE ANWENDUNGEN */

/* Für die Reisesuche */

table.reisesuche tr td {
	vertical-align: middle;
}

table.reisesuche tr td.leftPadded, table.reisesuche tr td table tr td.leftPadded {
	padding: 0px 0px 0px 8px;
}

table.reisesuche tr td.luecke, table.reisesuche tr td table tr td.luecke {
	padding: 0px 0px 0px 14px;
}

/* Für E-Mail Formulare */

.fehlerfarbe {
	background-color: #ED9696;
}

p.fehlerabsatz {
	padding-left: 3px;
	margin-bottom: 0px;
}

form.emailform {
	padding: 6px 0px 12px 0px;
}

table.emailform td {
	overflow: visible;					/* FF cuts off the lowest 3 pixels w/o this */
	padding: 0px 3px;					/* Wegen HG-Farbe als Fehlermarkierung */
	border-bottom: 6px solid #F3FAF3;	/* Begrenzt Fehlerfarbe im Hintergrund */
}
table.emailform td.padded, table.emailform td.paddedCheck {
	padding: 0px 13px 0px 15px;
}
table.emailform td.dunklerhintergrund {
	padding: 0px 7px 0px 7px;			/* Sonst kommt Inhalt zu nah am Rand */
	border-bottom: 6px solid #C5EBD4;	/* Damit dunkler Hintergrund durchgehend */
}
table.emailform td.kurzerdunklerhintergrund {
	background-color: #C5EBD4;
	padding: 0px 7px 0px 7px;			/* Sonst kommt Inhalt zu nah am Rand */
	border-bottom: 6px solid #F3FAF3;	/* Damit dunkler Hintergrund durchgehend */
}

table.emailform td input.myField, table.emailform td textarea.myField {
	background-color: white;
}

table.emailform td input.myField {
	width: 290px;
}

table.emailform td textarea.myField {
	width: 293px;
}

table.emailform td input.myButton, table.emailform td input.myButtonDown {
	width: 150px;
	letter-spacing: 1px;
}

table.emaildone {
	margin-bottom: 8px;
}

table.emaildone td {
	padding: 0px 0px 4px 3px;
	vertical-align: top;
}

/* Für die Medien-Darstellung im Bestellformular */

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

table.medienframe tr td.kleineLuecke {
	padding-left: 10px;
}

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

table.medienframe tr td.zweiGrosseLuecken {
	padding: 0px 9px 0px 20px;
}

table.medienframe tr td h4 {	/* Bei Satellitenkarten-Spaltenüberschriften */
	margin: 0px 0px 2px 0px;
}

/* Satellitenkarten-Betragsfeld */
table.medienframe tr td.grosseLuecke input.myField {
	background-color: white;
	padding-right: 5px;
	text-align: right;
	height: 16px;
	width: 54px;
}

/* Eingabefelder in der rechten Spalte des Buchungsformulars */
table.medienframe tr td.zweiGrosseLuecken table.rechtespalte {
	width: 204px;
	background-color: #C5EBD5;
	border: 1px solid #BBCEBE;
	margin: 0px 0px 12px 1px;
}

table.medienframe tr td.zweiGrosseLuecken table.rechtespalte tr td h4 {
	margin-left: 6px !important;
	margin-top: 4px;
	color: #27472B;
}

table.medienframe tr td.zweiGrosseLuecken table.rechtespalte tr td p {
	font-size: 11px;
	line-height: normal;
	margin: 2px 0px 6px 7px;
}

table.medienframe tr td.zweiGrosseLuecken table.rechtespalte tr td p b {
	color: #27472B;
	font-size: 11px;
	letter-spacing: 1px;
}

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

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

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

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

table.medienframe tr td.zweiGrosseLuecken input.myCheck {
	margin: 0px 6px 0px 0px;
	vertical-align: middle;
}

table.medienframe tr td.zweiGrosseLuecken table.rechtespalte tr td p input.myCheck {
	margin: 2px 8px 0px 0px;
	vertical-align: top;
}

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

table.medienframe tr td.zweiGrosseLuecken input.myRadio {
	margin: 0px 6px 0px 0px;
	vertical-align: middle;
}

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

table.medienframe tr td.zweiGrosseLuecken table.rechtespalte tr td p.noleft input.myRadio {
	margin: 1px 6px 0px 0px;
}

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

table.medienframe tr td.zweiGrosseLuecken table.rechtespalte tr td div.trenner p {
	border-bottom: 1px solid #98AC9B;
	line-height: 6px;
	margin: 0px 5px 0px 5px;
	padding: 0px;
}

input.medienRadio {
	margin: 2px 7px 0px 0px;
	padding: 0px;
}

form.medien {
	padding: 0px;
}

table.medien {
	width: 420px;
	table-layout: fixed;
}

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

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

table.medien tr td table {
	table-layout: fixed;
	width: 100%;
	margin-bottom: 10px;
}

table.medien tr td table tr td div.medienPlatzhalter {
	background-color: #EEF9ED;
	border: 1px solid #BBCEBE;
}

table.medien tr td table tr td p {
	line-height: 120% !important;
	margin: 6px 0px;
}

table.medien tr td table tr td p.pdf {
	font-size: 12px;
}

table.medien tr td table tr td.hl {
	padding: 0px 0px 0px 8px;
}

table.medien tr td table tr td.hl h3 {
	margin-bottom: 0px;
}

table.medien tr td table tr td.hl p {
	margin: 4px 0px 0px 0px;
}

table.medien tr td table tr td.cb {
	height: 24px;
	padding: 0px 0px 0px 8px;
	vertical-align: bottom;
}

table.medien tr td table tr td.cb p {
	margin: 0px;
	padding: 0px;
}

table.medien tr td table tr td.cb p span {
	width: 13px;
	height: 13px;
	padding: 8px 6px;
}

table.medien tr td table tr td.cb p span input.checkbox {
	width: 13px;
	height: 13px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

table.medien tr td table tr td.cb p span input.text {
	width: 30px;
	height: 11px;
	margin: 0px 0px 2px 0px;
	padding: 0px;
}

table.medien tr td table tr td.cb p span {
	background-color: #C5EBD4;
}

div.medien {
	width: 182px;
	height: auto;
	margin: 0px 0px 0px 10px;
	padding: 4px 0px 6px 0px;
	background-color: #C5EBD5;
	border: 1px solid #BBCEBE;
	/*-moz-border-radius: 13px;*/
}

div.persbuch {	/* Qualifies div.medien im Buchungsformular */
	margin: 0px !important;
}

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

div.medien div.justradio {
	height: 18px;
}

div.medien div.radioplus {
	height: 33px;
}

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;
	color: #1A2A1C;
	line-height: 130%;
	margin: 0px;
	padding: 2px 0px 0px 0px;
}

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

div.medien div p input.land, div.medien div p input.haus {
	width: 45px;
}

div.medien div p input.plz, div.medien div p input.stra {
	width: 109px;
}

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

div.medien div p input.myRadio {
	margin: 0px 6px 2px 0px;
	vertical-align: middle;
}

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

div.medien p.section {
	font-family: Verdana, Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	font-size: 10px;
	margin: 0px 0px 2px 0px;
	padding: 0px 6px 0px 6px;
	line-height: normal;
	color: #27472B;
}

div.medien p.section b {
	letter-spacing: 1px;
}

table.medienframe tr td p.submit {
	margin: 15px 0px 6px 0px;
	padding: 0px;
}

div.medien p.submit input.myButton,
div.medien p.submit input.myButtonDown {
	background-color: #D9EFDB;
	padding: 0px;
	width: 170px;
}

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

div.medien div.trenner p {
	border-bottom: 1px solid #98AC9B;
	line-height: 6px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

p.trenner {
	border-top: 1px solid #98AC9B;
	line-height: 6px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

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

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

/* Für Meldungen nach form submit bzw. Spam
div.medienMsg {
	position: absolute;
	top: 201px;
	left: 243px;
	width: 162px;
	height: 145px;
	padding: 0px 4px 0px 6px;
	border: 1px solid #BBCEBE;
	z-index: 99;
	}

div.medienMsg p {
	font-size: 13px;
	line-height: normal;
	margin: 6px 0px 0px 0px;
}

div.medienMsg p.medien {
	font-size: 12px;
	line-height: 120%;
	margin: 4px 0px 0px 0px;
}
*/

div.medienMsg {
	position: static;
	padding: 0px 4px 0px 6px;
	margin: 0px 8px 12px 0px;
	border: 1px solid #BBCEBE;
	}
div.medienMsg p b { color: #154A1C; }
div.medienMsg p { margin: 6px 0px 6px 0px; }
div.medienMsg p.medien { margin: 4px 0px 4px 0px; }

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

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

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

.erfolgfarbe {
	background-color: #D9EFDB;
}

/* Für die erfolgreiche Buchungsanfrage */
div.buchungok {
	padding: 10px 0px;
}
div.buchungok h3 {
	margin-top: 15px;
}
div.buchungok p {
	margin: 0px 0px 4px 0px;
}
div.buchungok p.fixed { width:172px; clear:left; float:left; margin: 0px; }