@CHARSET "UTF-8";

/********************
*      Global       *
********************/
body {
	font-family:  Tahoma, Verdana, Arial, Times;
	font-size: 10pt;
	background-color: rgb(187,242,255);
	margin: 0px;
	padding: 10px;
}
.important{
	font-weight: bold;
}

.error,.errorMessage{
	color: red;
	font-weight: bold;
}

.hint{
	font-style: italic;
}

button.change{
	float: right;
}
p.next{
	text-align: center;
}
button.next{
	width: 90%;
}
fieldset{
	border: 1px solid black;
}
.disabled{
	color: gray;
}
button, a.button{
	font-weight: bold;
	font-family: inherit;
	color: rgb(0,0,102);
	background-color: rgb(220,220,220);
	border: 1px outset rgb(220,220,220);
	cursor: pointer;
	font-size: inherit;
	display: inline;
	padding: 1px 5px;
	margin: 0;
	text-decoration: none;
}

button{
	padding: 0 2px;
}
input, select, textarea{
	background-color: skyblue;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	margin: 0;
	margin-right: 5px;
	font-family: inherit;
	font-size: inherit;
}

input[disabled]{
	/*skyblue: #87CEEB;*/
	background-color: #ebebeb;
}

.blue{
	background: #A0A0FF;
}

input.error{
	background: #FFA0A0;
	border-color: #A0A0FF;
}

input.blue{
	border: 1px inset #A0A0FF;
	border-radius: 3px;
}
/********************
* Station Selector  *
********************/
/* When selector is active:
* 	p.stationSelector>span.radioBox>span#ItemFilter_(fromStation|toStation)>input,label
* When displaying selected stations:
* 	p.stationSelector>text,em.stationName,em.from,em.to
*/
.radioBox{
	display: inline-block;
	border: 1px solid black;
	vertical-align: middle;
	padding: 2px;
}


/********************
*  Train Selector   *
********************/
/*
* div.trainSelector > text,div.trainTable>div.row
* Day Box: div>div.day/(Mo|Di|Mi|Do|Fr|Sa|So)
* Train Box: div.trainBox>div.train/(stage0|stage1)>button.zeit>div.bar/green>div.bar/red,div.bar/yellow
* stage1 class is given if last minute booking is enabled for this train
*/
.gone button,.stage2 button{
	background: #f24949;
}
.train, .day{
	border: 1px solid black;
	vertical-align: middle;
	position: absolute;
	top: 2px;
	bottom: 2px;
	right: 2px;
	left: 2px;
	text-align: center;
}

.train input{
	vertical-align: middle;
}

.train button{
	border: none;
	padding: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.trainTable{
	width: 100%;
}

.trainTable>div{
	position: relative;
	height: 2em;
}

.trainTable>div>div{
	position: absolute;
	top: 0;
	bottom: 0;
}
.bar{
	width: 100%;
	height: 5px;
}

.red{
	position: absolute;
	background: red;
	z-index: 2;
}

.green{
	overflow: hidden;
	position: relative;
	background: green;
}

.yellow{
	position: absolute;
	background: yellow;
	z-index: 1;
}
/********************
* Category Selector *
********************/
.number{
	text-align: right;
}

#orderSum{
	border-top: 3px double black;
}

/********************
*   Customer Data   *
********************/
/*
* fieldset > table#kundenDatenTable
* optional fields have class "optional" in first cell of row*/

/********************
*  Optional/Terms   *
********************/