/**
 * swoppen.com Content-Management-System
 *
 * copyright since 2000 by swoppen.com GmbH - All rights reserved.
 */

* {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
}

label {
  color: #FFFFCC;
}
body {
  background-color: #00214e;
  margin: 0;
}

h2 {
  color: #f3fbff;
  font-size: 14px;
}

a, a:after, a:link:after, a:visited:after {
  text-decoration: none;
  content: " [" attr(href) "] ";
}

a:link {
  color: #FFFFCC;
}
a:visited {
  color: #FFFFCC;
}
a:hover {
  color: #660000;
}
a:active {
  color: #FFFFCC;
}


.info-msg {
  text-align:center;
  margin:5px;
  padding:20px;
  border:2px solid #00214e;
  background:#f3fbff url(../images/msg_notice.png) no-repeat 20px center;
  color:#00214e;
  font-weight:bold;
  width:auto;
  font-size:12px;
}

.error-msg {
 font-weight:bold;
 background:#ffcccc url(../images/msg_error.png) no-repeat 20px center;
 border:1px solid #DC0000;
 color:#DC0000;
 width:auto;
 font-size:12px;
 text-align:center;
 margin:5px;
 padding:20px;
}

.io-msg {
 font-weight:bold;
 background:#ccffcc url(../images/msg_io.png) no-repeat 20px center;
 width:auto;
 text-align:center;
 font-size:12px;
 padding:10px;
 border:1px solid #008001;
 color:#008001;
 margin:5px;
 padding:20px;
}

.HP-pageblock.RP_booking_block {
  display:block;
  width: 400px;
}

.HP-pageblock.RP_booking_block input, .HP-pageblock.RP_booking_block select {
  float: left;
  margin-bottom: 5px;
}

.HP-pageblock.RP_booking_block label {
  float: left;
  clear: both;
  width: 100px !important;
}

#OS .room table, #OS #room_selection.box table, #OS #guests.box table, #OS #creditcard.box table, #OS #bank-account.box table, #OS #articles.box table {
  border:1px solid #996666;
  border-collapse:collapse;
}

#OS .room table thead th, #OS #room_selection.box table thead th, #OS #guests.box table thead th,  #OS #articles.box table thead th {
  background-color:#FFFFCC;
  color:#00214d;
  padding:5px;
}

#OS #room_selection.box table thead th, #OS #guests.box table thead th, #OS #articles.box table td {
  border:1px solid #996666;
}

#OS #address.box table td, #OS .registration table td, #OS #creditcard.box table td, #OS #bank-account.box table td {
  width:50%;
  text-align:left;
}

#OS .registration table td[colspan="2"] {
  width:100%;
  text-align:center;
}

#OS .registration .registration-types {
  color:white;
  padding:5px;
}

#OS .block {
  height:150px;
  overflow:auto;
}

#OS .box {
  margin-bottom: 5px;
}

#OS .box h2 {
  font-size:14px;
  font-weight:bold;
  color:#996666;
  padding:0px;
  margin:5px;
}

#OS .status {
  border:1px solid #996666;
  margin-bottom: 10px;
}

#OS .status table {
  width:100%;
}

#OS .status table tr:first-child {
  display:none;
}

#OS .status table td {
  width:auto !important;
  color:#996666;
}

#OS .box-button {
  position:relative;
  height: 25px;
}

#OS .box-button .button-right {
  position:absolute;
  right:0px;
}

#OS .box-button .button-right input {
  border:2px solid #996666;
  font-weight: bold;
  color:#680726;
  background:white;
  padding:5px;
  cursor:pointer;
}

#OS .box-button .button-right input:hover, #OS .box-button .button-right input:active {
  color:#00214d;
}

.clearer {
  clear: both;
}

.form .error {
  background-color: #de9494;
}