@import 'base.css';

@import 'nav.css';

body, input, select, textarea
{
  font-family: Verdana, Arial, Helvetica, sans-serif; /* Standard Schriftarten */
  color: #000;
  background-color: #FFF;
}

body
{
  padding-bottom: 0.5em;
}

h1, .h1
{
  font-size: 115%;
  font-weight: bold;
  color: #305886;
  margin-bottom: 1.5em;
}

p + h1
{
  margin-top: 1.5em;
}

/* opera selector */

html:first-child h1
{
  font-size: 130%;
}

h2, .h2
{
  font-size: 90%;
  font-weight: bold;
  color: #305886;
  margin-bottom: -0.5em;
  margin-top: 1.5em;
}

/* opera selector */

html:first-child h2
{
  font-size: 105%;
}

p
{
  margin-top: 1.5em;
  line-height: 120%;
}

a[href]
{
  color: #305886;
  text-decoration: underline; /* P1 CP 2.1*/
  outline: none;
}

/* Cascading Bug in IE */

input,
textarea,
select
{
  font-size: 100%;
}

.FloatLeft
{
  display: block;
  float: left;
}

.FloatRight
{
  display: block;
  float: right;
}

div.ClearingPane
{
  display: block;
  clear: both;
  height: 1px;
}

strong
{
  font-weight: bold;
}

.BreakWord
{
  word-wrap: break-word;
}

a.ImageLink
{
  text-decoration: none !important;
}

.onlyScreenreader
{
  position: absolute;
  top: -1000em;
  left: -1000em;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.onlyScreenreader:focus
{
  position: static;
}

span.Back a,
li.Back a
{
  background: url(../Images/back.gif) no-repeat left center;
  padding-left: 14px;
}

input[type = text],
select
{
  background-color: white;
  padding: 1px;
  height: 1.65em;
  border: 1px solid #a7a7a7;
  box-sizing: border-box;
}

input[type = text]:focus,
input[type = checkbox]:focus,
select:focus
{
  background-color: #fcf8eb
}

input[type = checkbox]:focus
{
  outline: 1px dotted #a7a7a7;
  outline-offset: 3px;
}

div#header
{
  width: 100%;
}

a:focus,
a:hover
{
  color: #BC101D !important; 
}

a.iconOnlyLink:focus
{
  border: 1px solid #BC101D;
  box-sizing: border-box;
}

a.iconOnlyLink:not(:focus)
{
  padding: 1px;
}

.Button
{
  background-color: #EEEEEE;
}

div.DatePicker
{
  font-size: 80%;
}

label.FassungVomLabel
{
  display: inline-block;
  vertical-align: middle;
  height: 1.3em;
}

span.FassungVomField
{
  display: inline-block;
  position: relative;
  height: 1.7em;
  width: 9em;
  margin-right: 1em;
  margin-left: 0.6em;
  vertical-align: middle;
}

span.FassungVomField span.bocDate24Hours, span.bocDate12Hours
{
  right: 24px;
}

span.FassungVomField a.bocPicker24Hours, a.bocPicker12Hours
{
  right: 1px;
}

span.FassungVomField span.bocDate24Hours, span.bocDate12Hours input
{
  height: 1.65em;
}

::-webkit-input-placeholder
{ /* WebKit, Blink, Edge */
  color: #a7a7a7;
}

:-moz-placeholder
{ /* Mozilla Firefox 4 to 18 */
  color: #a7a7a7;
  opacity: 1;
}

::-moz-placeholder
{ /* Mozilla Firefox 19+ */
  color: #a7a7a7;
  opacity: 1;
}

:-ms-input-placeholder
{ /* Internet Explorer 10-11 */
  color: #a7a7a7;
}

input:disabled::-webkit-input-placeholder
{ /* WebKit, Blink, Edge */
  color: #EEEEEE;
}

input:disabled:-moz-placeholder
{ /* Mozilla Firefox 4 to 18 */
  color: #EEEEEE;
}

input:disabled::-moz-placeholder
{ /* Mozilla Firefox 19+ */
  color: #EEEEEE;
}

input:disabled:-ms-input-placeholder
{ /* Internet Explorer 10-11 */
  color: #EEEEEE;
}

.ui-datepicker select.ui-datepicker-month
{
  width: 56% !important;
}

.ui-datepicker select.ui-datepicker-year
{
  width: 34% !important;
}