@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;
}

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%;
}

div#content a:focus, 
div#content a:hover
{
  color: #BC101D;
}

.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
{
  right: 24px;
}

span.FassungVomField a.bocPicker24Hours
{
  right: 1px;
}

span.FassungVomField span.bocDate24Hours 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;
}