﻿
/****************************************************/
/*         CSS-Datei 2.0 für das Projekt                */
/*                 TMS-Workflow                     */
/****************************************************/

/* Basiseinstellungen Seite */
html {
  width: 100%;
  margin:0;
  padding:0
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none
}
input[type="text"]:focus {
  outline: none;
  font-weight: 600; 
  width: 130px;
}

/*** Standard design ****/
a:link,a:visited,a:active,a:hover {
  font-weight: normal;
  text-decoration: none;
  border: 0
}
a:link.underline,a:visited.underline,a:active.underline,a:hover.underline {
  font-weight: normal;
  text-decoration: underline;
  border: 0
}
form {
  margin: 0;
  padding: 0;
  border: 0
}
img {
  border: 0
}    
nav ul {
 list-style:none;
}
.hidden {
	position:relative;
	line-height: 0;
	top:0;left:0;width:0;height:0;border:0;
	overflow: hidden
	}

body {       
  cursor: default;
  margin: 0 !important;
  padding: 0 !important;
  font-family: Arial, Verdana, Helvetica, sans-serif !important;
  font-size:.95em;
  text-align: left;
  border:0;
  height: 100%;
  line-height:1;
  min-width: 1198px
}
body form:first-child {position: relative;}
body form:last-child {left: 0 !important;margin-left: 0 !important;padding: 0 !important;}
  
 /* ---   Fixed TopMenu   ---*/
.topmenu {
  position: fixed;
  height: 72px;
  left: 0;
  top: 10px;
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%;
  z-index: 200;  
}
.topmenu .tms-txt {
  position: absolute;
  left: 130px;
  width: 100%;
  line-height: 72px;
  opacity: .5;
  font-size: 1.6em;
  color:  #000;
}
.topmenu .tms-pix {
  position: absolute;
  height: 100%;
  left: 10px;
}    
.topmenu .tms-pix img {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 10px 0px 0px 0px;
  width: 100px;
}
.topmenu .tms-menu {
  display: inline;
  position: absolute;
  top:0;
  right:5px;
  line-height: 72px;
  margin: 0;
  padding: 0;
}
.topmenu .tms-menu li {
  display: inline;
  line-height: 16px;
  background: transparent;
}
.topmenu .tms-menu li * {
	font-size: 16px !important;
}
         
/* page-wrapper */         
.pg-wrapper {
  position: absolute;
  top:0;
  left:0;
  width:100%;
  text-align:center
}
/* page content */
.pg-content {      
  position: relative;
  top: 100px !important;
  padding: 20px;
  margin-bottom: 20px;
  display: inline-block;
  text-align: left
}  

/* Basiselemente Seite */
#content, #contentmenu, #contentmain, #header, #head, #logo, #menu, div.container-fluid {
  margin: 0 !important;
  padding: 0 !important
}    
#content, #contentmenu {  
  margin-left: 15px !important;
  padding-left: 15px !important;
}

/* Kopfteil */
#header {
  position: relative;
  top: 0;left:0;right:0;bottom:0;
  padding-bottom: 3px;     
  margin-bottom: 30px !important;
  height: 7.8em;
  width: 80em;  
  z-index: 10;
}               
#header #logo {
  width: 100%;
  height: 100%
}
#header img {
  margin-left: 10px !important;
  padding: 0 !important;
  width: 100% !important;
  left: 0 !important;                                              
  opacity: .3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

#header .tms {
  height: 100%; width: 100%;        
  background: linear-gradient(to right top, #3c3c3c, #606060, #3c3c3c);
}
#header .tms-menu {
  display: none;  /* inline */
  position: absolute;
  top:0;
  right:5px;     
  line-height: 72px;
  margin: 0;
  padding: 0;
}
#header .tms-menu li {
  display: inline;
  line-height: 16px;
  background: transparent;
}
#header .tms {
  margin:0;padding:0
}    
#header .tms-header {
  margin:0;padding:0;top:0;left:0;width:100%;height:100%;
  border: 1px solid #a6a6a6; overflow: hidden; box-shadow: 0 4px 12px #ccc;
}
#header .tms-header img {
  left:0 !important; 
  margin-left:0 !important; 
  opacity: 1
}
#header .tms-info { display: none } 
#header .tms-logo-sms {
  position:relative;
  width: 200px;       
  top: 45%;     
  left: 20px;
  transform: translate(0,-50%);
}       
#header .tms-logo-sms { display: none }   
#header .tms-logo-tms {
  display:none;
  position:absolute;
  width: 164px;       
  top: 50%;     
  right: 20px;
  transform: translate(0,-50%);
}
#header .tms-menu { display: none }    
#header .tms-overlay { display: none } 

#header .tms-titles {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 2rem;
}
#header .tms-titles span:first-child {
  text-shadow: 2px 2px #ccc;
}
#header .tms-titles span:last-child {
  text-transform: uppercase;
  font-size: 1.5rem;
}
#header .tms-titles { display: none } 


.logo,.head {
  position: relative;
  height: 7.8em;
  float: left
}
/* Logobereich, in dem sich die Grafik "logo" befindet */
.logo {
  left: 0;
  width: 14.5em
}
/* Kopfbereich, in dem sich die SMS-AntragAuf... - Grafik befindet */
.head {
  left: 6px;
  width: 61em;
  text-align: right
}        
.headmenu,.headmenubold {
  background: transparent;
  text-transform: uppercase;
  padding:5px 10px;
} 

/* Hauptbereich der Seite */                                
#contentmain {
  position: relative;
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
  min-width: 1000px;
  width: 98%;
  min-height: 34em;
  margin-bottom: 0;
  margin-top: 12px;
  float: none;
  clear: both
}                                             
*+html #contentmain {
  width: 78em
}
* html #contentmain {
  width: 78em;
  height: 34em
}
#content, #contentmenu, #menu {
  margin-left: 0 !important
}
#menuelink {
  position: absolute;
  top: 0;left: 0
}
/* Menü auf der linken Seite */                             
#menu {           
  z-index: 1;
  display: table !important; 
  float: left;
  width: 17em;
  min-height: 34em;  
  margin-left: 6px !important;
  padding-bottom: 40px !important;
  text-align: center !important;
  -webkit-border-radius:6px !important;
          border-radius:6px !important;
}
#menu:hover {
  box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2) , 0 0 0 1px rgba(0,0,0,0.08);
}
 
* html #menu {
  height: 34em;
  height: 100%
}
                                                           
#contentmain #menu hr {
  width: 90% !important;
  padding: 0 2px 0 2px;
  margin: 10px !important;
  opacity: .3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 
  border: (--hr-border) !important;
}
#contentmain #menu input {   
  display: inline-block !important;
}
#menutext {
  display: inline-block;
	/*//display: none;*/
  width:100%;
  font-weight: 700;
  font-size: 100%; /*mro*/
  letter-spacing:.05rem;
  text-align: center;
  text-transform: uppercase;
  line-height: 48px;
  padding: 2px 0 2px 0;
  margin-bottom: 20px;
  border-radius: 6px 6px 0 0;
}

#contentmain #menu ~ input[type="submit"] {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
       -o-transform: rotate(30deg);
          transform: rotate(30deg) !important;
}

#contentmain #menu span {
  margin-top: 20px !important
}

/* Hauptteil der Seite auf der rechten Seite neben dem Menü */
#content, #contentmenu {
  position: relative;
  left: 5px;
  min-height: 26em;
  height: 100%;
  font-size: 100%;
  float: left;
  z-index: 2;
  margin-left: 10px !important;
}
#content { width: 58em; } /* später auf 78 setzen, wenn die Klasse #contentmenu für Standardantrag gesetzt ist */
#contentmenu { width: 58em; }
#content h1.title,#content h2.blocktitle,#content h2.blocktitle acronym, #contentmenu h1.title,#contentmenu h2.blocktitle,#contentmenu h2.blocktitle acronym {
  line-height: 36px !important
}

#content h2.blocktitle, #contentmenu h2.blocktitle {
  margin-top: 15px;
  vertical-align: middle
}

.verweisbarrierefreiheit {
  font-size: 100%
}

dl.display {
  display: inline;
  margin: 0
}
dl.display dd, dl.display dt {
    display: inline;
    padding: 4px 0 4px 0 !important;
}   
dl.display dd {
  margin-left: 0
}
dl.display dd:last-child {
    margin-bottom: 30px !important;
}

/* Fußbereich */
#footer {
  position: relative;
  top: 10px;
  left: 12px;
  /*width: 75em;*/
  width:100%;
  min-height:50px;
  border-top-width: 1px;
  border-top-style: dotted;
  padding-top: 10px;
  margin-top: 30px;
  float: left;
  z-index: 2;} /* increased to 2, so some lists wound overlap the footer */
  
#footer:after {
  content:"";
  clear:both}
  
/* Unterteilungen des Fußbereiches */
.footleft,
.footcenter,
.footright {
  height: 30px;
  width: 30%;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
}

.footleft {
  text-align: left;
}

.footcenter {
  position: absolute;
  left: 35em;
  text-align: center;
  font-size: 80%;
}

.footright {
  float: right;
  text-align: right;
}

/********************** Inputs **********************/

/* Schaltflächen im Kopfbereich, Menü oben rechts */
ul.tms-menu li{
  margin-left: -4px;
}

.headmenu,.headmenubold {
  font-family: verdana, arial, "adobe helvetica", helvetica, sans-serif;
  font-size: 75%;
  text-align: left;
  margin-top: 4px;
  margin-left: 0px !important;
  margin-right: 0px !important;
  overflow: visible;
  border: 0;
  cursor: pointer;
  border-right-width: 1px;
  border-right-style: solid
}

.headmenubold {
  font-size: 100%;
  font-weight: bold;
  border-right-width: 0
}

a.help:hover,a.help:active,a.help:link,a.help:visited {
  text-decoration: none;
  font-weight: normal;
  padding: inherit
}

input#Bahnkarte {
  margin-right: 5px;
}

/* Schaltflächen */             
input.submit,input.submitused,input.submitpage,input.submitmain,button.submitpage {
  border-width: 1px;
  border-style: solid;
  overflow: visible;
  cursor: pointer;
  text-align: center;
}

@-moz-document url-prefix() {
  .blockdiv .submitpage{margin: 1px 2px 1px 2px;}  
}

.submitmain:hover,.submitpage:hover,
.submitmain:focus,.submitpage:focus{    /*PVB: geändert 27.11.2019 VORHER:  .submitmain:hover*/
	outline:none !important;
}

.divsubmit {
  position: relative;
  width:95%;
  overflow: visible;
  text-align: center;
  line-height: 16px !important;
  margin: 4px 0 4px 6px !important;
  padding: 5px 8px 5px 8px !important;    
  border-width: 1px;
  border-style: solid;  
  -webkit-border-radius: 4px !important;
          border-radius: 4px !important;
}

* html .divsubmit {
  margin-left: 0;
}
a.mlink:hover,a.mlink:active,a.mlink:link,a.mlink:visited {
  width: 100%;
  white-space: nowrap;
  overflow: visible;
  cursor: pointer;
  text-align: center;
  font-size: 80%;
  text-decoration: none;
  margin-top: 1px;
  margin-bottom: 1px;
  padding: 6px 23% 6px 23% /* !important;     PVB commented-out because of .divsubmit .mlink*/  
}

/*E-mail links whom are at the position of a button in the Navigation bar need this to be displayed properly */
.divsubmit .mlink {
  display: inline-block !important;
  position: relative;
  border-width: 1px;
  border-style: solid;
  overflow: visible;
  cursor: pointer;
  text-align: center;
  font-weight: 700;
  width: 100% !important;
  background: linear-gradient(to bottom, #fff, #F3F3F3);
  border: 1px solid #ccc;
  box-shadow: transparent;
  color: #005283 !important;
  padding: 10px 8px 10px 8px !important;
  font-size: 16px !important;
  border-radius: 4px !important;
  transition: all .05s;
  font-family: arial, verdana, "adobe helvetica", helvetica, sans-serif;
  background-color: #f8f9fa !important; 
  
}

/* Schaltflächen */
input.submitpage {
  margin: 1px 0 1px 0;
  padding: 0 5px 0 5px;
}
/* Schaltflächen auf der Hauptseite content */
input.submitmain {
  margin: 10px 30px;
  width: 18em /*20em*/
}
/* Schaltflächen im Menü links */
input.submit,
input.submitused {
  width: 95%;
  margin-top: 1px;
  margin-bottom: 1px
}   

ul.menutop,
ul.menuleft,
ul.menumain {
  list-style-type: none;
  display: inline;
  margin: 0;
  padding: 0
}
ul.menutop li,
ul.menuleft li,
ul.menumain li {
  display: inline
}

/* Eingabe Elemente */           
input, textarea, select {
  border-width: 1px;
  border-style: solid;
  text-align: left;
  font-size: 80%;
  margin: 2px;
}

input {
  overflow: visible
}

input,textarea {
  font-family: arial, verdana, "adobe helvetica", helvetica, sans-serif
}

textarea {
  width: 91%;
  max-width: 100% !important;
  vertical-align: middle
}  

textarea:focus {
  width: 91%;
  vertical-align: middle
}  

.radio,.checkbox {
  border: 0
}

.auswahlliste {
  white-space: nowrap;
  font-family: "Lucida Sans Typewriter", "Lucida Console", Courier, sans-serif;
  font-size: 90%;
  font-weight: lighter;
  padding: 4px;
  margin-top: 4px;
}

div.auswahlliste {
  padding-right: 23px;
  margin-left: 2px;
  display:inline-block;
}
.auswahlliste option {
  padding: 3px 0 3px 0
}

/* Breite von Eingabe Elemente (Zahl = Anzahl Buchstaben) */

.text3 {width: 3em !important;}
.text4 {width: 4em !important;} /* new 31.01.2020 PVB (Edge cut text3 boxes to short) */
.text5 {width: 6em !important;}
.text8 {width: 6em !important;}
.text10 {width: 8em !important;}
.text15 {width: 12em !important;}
.text17 {width: 14em !important;}
.text20 {width: 16em !important;}
.text25 {width: 22em !important;}
.text30 {width: 24em !important;}
.text40 {width: 32em !important;}
.text50 {width: 40em !important;}
.text60 {width: 48em !important;}
.text70 {width: 56em !important;}
.textfull {width: 100% !important;}

.text3:focus {width: 3em !important;}
.text4:focus {width: 4em !important;} /* new 31.01.2020 PVB (Edge cut text3 boxes to short) */
.text5:focus {width: 6em !important;}
.text8:focus {width: 6em !important;}
.text10:focus {width: 8em !important;}
.text15:focus {width: 12em !important;}
.text17:focus {width: 14em !important;}
.text20:focus {width: 16em !important;}
.text25:focus {width: 22em !important;}
.text30:focus {width: 24em !important;}
.text40:focus {width: 32em !important;}
.text50:focus {width: 40em !important;}
.text60:focus {width: 48em !important;}
.text70:focus {width: 56em !important;}
.textfull:focus {width: 100% !important;}

/* Titelblöcke*/
.title,.blocktitle,.blocktitlegross {
  font-family: arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  clear: both;
  margin-bottom: 8px
}

h1,h2,h3,h4,h5,h6 {margin: 0}

h2.blocktitle {
  text-transform: uppercase;
  letter-spacing: .015em !important;
}

.title {
  font-size: 120%;
  padding-left: 18px;
  background-image: url(/images/box12.png);
  background-position: left;
  background-repeat: no-repeat;
}   
h1.title {
  padding: 8px 0 8px 15px;
	margin-bottom: 20px;
  border:1px solid transparent;
	border-radius: 6px 6px 0 0;
}


.blocktitle,.blocktitlegross {
  letter-spacing: 2pt;
  padding-left: 16px;
  margin-top: 5px;
  background-image: url(/images/box8.png);
  background-position: left;
  background-repeat: no-repeat;
}
.blocktitle {font-size: 100%;}
.blocktitlegross {font-size: 130%;}
/* Formular (Layout) */
.blockdiv,.blockdivcenter {width: 100%;float: none;clear: both;white-space: normal;}
.blockdiv {text-align: left;}
.blockdivcenter {text-align: center;}
.blockdivleft,.blockdivright {width: 49%;float: left;overflow: visible;}
.blockdivleft {text-align: left;}
.blockdiv.blockdivleft {padding-top: 5px !important;padding-bottom: 2px !important;}
.blockdivright {text-align: right;}

.subblockdiv5,.subblockdiv10,.subblockdiv15,.subblockdiv25,
.subblockdiv30,.subblockdiv35,.subblockdiv40,.subblockdiv45,
.subblockdiv50,.subblockdiv55,.subblockdiv60,.subblockdiv65,
.subblockdiv70,.subblockdiv75,.subblockdiv85,.subblockdiv100,
.subblockdiv15v,.subblockdiv25v,.subblockdiv30v,.subblockdiv35v,
.subblockdiv40v,.subblockdiv45v,.subblockdiv50v,.subblockdiv55v,
.subblockdiv60v,.subblockdiv65v,.subblockdiv70v,.subblockdiv75v,
.subblockdiv85v,.subblockdiv100v {margin: 2px; padding: 2px; text-align: center;float: left;white-space: normal;}

.subblockdivinput5,.subblockdivinput10,.subblockdivinput15,.subblockdivinput25,
.subblockdivinput30,.subblockdivinput35,.subblockdivinput40,.subblockdivinput45,
.subblockdivinput50,.subblockdivinput55,.subblockdivinput60,.subblockdivinput65,
.subblockdivinput70,.subblockdivinput75,.subblockdivinput85,.subblockdivinput100,
.subblockdivinput5v,.subblockdivinput10v,.subblockdivinput15v,.subblockdivinput25v,
.subblockdivinput30v,.subblockdivinput35v,.subblockdivinput40v,.subblockdivinput45v,
.subblockdivinput50v,.subblockdivinput55v,.subblockdivinput60v,.subblockdivinput65v,
.subblockdivinput70v,.subblockdivinput75v,.subblockdivinput85v,.subblockdivinput100v {margin: 2px; padding: 2px; text-align: left;float: left;overflow: hidden;white-space: normal;}

.subblockdivlabel5,.subblockdivlabel10,.subblockdivlabel15,.subblockdivlabel23,
.subblockdivlabel25,.subblockdivlabel30,.subblockdivlabel35,.subblockdivlabel40,
.subblockdivlabel45,.subblockdivlabel50,.subblockdivlabel55,.subblockdivlabel60,
.subblockdivlabel65,.subblockdivlabel70,.subblockdivlabel75,.subblockdivlabel85,
.subblockdivlabel100,.subblockdivlabel15v,.subblockdivlabel25v,.subblockdivlabel30v,
.subblockdivlabel35v,.subblockdivlabel40v,.subblockdivlabel45v,.subblockdivlabel50v,
.subblockdivlabel55v,.subblockdivlabel60v,.subblockdivlabel65v,.subblockdivlabel70v,
.subblockdivlabel75v,.subblockdivlabel100v {margin: 2px; padding: 2px; text-align: left;float: left;overflow: hidden;white-space: normal;}

.subblockdiv5,.subblockdivlabel5,.subblockdivinput5,.subblockdivinput5v {width: 4%;}
.subblockdiv10,.subblockdivlabel10,.subblockdivinput10,.subblockdivinput10v {width: 9%;}
.subblockdiv15,.subblockdiv15v,.subblockdivinput15,.subblockdivinput15v,.subblockdivlabel15,.subblockdivlabel15v {width: 14%;}
.subblockdivlabel23 {width: 23.5%;}
.subblockdiv25,.subblockdiv25v,.subblockdivinput25,.subblockdivlabel25,.subblockdivinput25v,.subblockdivlabel25v {width: 24%;}
.subblockdiv30,.subblockdiv30v,.subblockdivinput30,.subblockdivlabel30,.subblockdivinput30v,.subblockdivlabel30v {width: 28%;}
.subblockdiv35,.subblockdiv35v,.subblockdivinput35,.subblockdivlabel35,.subblockdivinput35v,.subblockdivlabel35v {width: 34%;}
.subblockdiv40,.subblockdiv40v,.subblockdivinput40,.subblockdivlabel40,.subblockdivinput40v,.subblockdivlabel40v {width: 38%;}
.subblockdiv45,.subblockdiv45v,.subblockdivinput45,.subblockdivlabel45,.subblockdivinput45v,.subblockdivlabel45v {width: 43%;}
.subblockdiv50,.subblockdiv50v,.subblockdivinput50,.subblockdivlabel50,.subblockdivinput50v,.subblockdivlabel50v {width: 48%;}
.subblockdiv55,.subblockdiv55v,.subblockdivinput55,.subblockdivlabel55,.subblockdivinput55v,.subblockdivlabel55v {width: 54%;}
.subblockdiv60,.subblockdiv60v,.subblockdivinput60,.subblockdivlabel60,.subblockdivinput60v,.subblockdivlabel60v {width: 59%;}
.subblockdiv65,.subblockdiv65v,.subblockdivinput65,.subblockdivlabel65,.subblockdivinput65v,.subblockdivlabel65v {width: 64%;}
.subblockdiv70,.subblockdiv70v,.subblockdivinput70,.subblockdivlabel70,.subblockdivinput70v,.subblockdivlabel70v {width: 69%;}
.subblockdiv75,.subblockdiv75v,.subblockdivinput75,.subblockdivlabel75,.subblockdivinput75v,.subblockdivlabel75v {width: 74%;}
.subblockdiv85,.subblockdiv85v,.subblockdivinput85,.subblockdivlabel85,.subblockdivinput85v,.subblockdivlabel85v {width: 84%;}
.subblockdiv100,.subblockdiv100v,.subblockdivinput100,.subblockdivlabel100,.subblockdivinput100v,.subblockdivlabel100v {width: 100%;}

.bold,.boldcenter,.error {width: 100%;padding: 8px 2px 2px 2px; margin: 2px;clear: both;}
.boldcenter,.error {text-align: center;}
.belege,.bold,.boldcenter,.error,.boldtext,.boldunderline {font-weight: bold;}
.underline,.boldunderline {text-decoration: underline;}

.belege {
  width: 100%;
  height: 400px;
  border-width: 1px;
  border-style: solid;
  text-align: left;
  padding: 3px;
  float: none;
  clear: both;
  white-space: normal
}

/* Datentabellen */
table {
  border-width: 0px;
};

tr,td,th {font-family: verdana, arial, "adobe helvetica", helvetica, sans-serif;vertical-align: middle;margin: 1px;padding-left: 8px;padding-right: 8px;overflow: visible;}
* html td,th {font-size: 80%;}
/* IE Übernimmt nicht die Schriftgrösse von Body */
.spaltenueberschrift,.spaltenueberschriftleft,.spaltenueberschriftleftnowrap,.spaltenueberschriftright {font-size: 100%;}
* html .spaltenueberschrift,* html .spaltenueberschriftleft,* html .spaltenueberschriftleftnowrap,* html .spaltenueberschriftright {font-size: 80%;}
/* IE Übernimmt nicht die Schriftgrösse von Body */
.spaltenueberschriftduenn,.spaltenueberschriftduennleft {font-weight: normal;}
.spaltenueberschrift,.spaltenueberschriftleft,.spaltenueberschriftleftnowrap,.spaltenueberschriftright,.tabellenbetragfett {font-weight: bold;}
.spaltenueberschriftduennleft,.spaltenueberschriftleft,.spaltenueberschriftleftnowrap,.tabellenpositionleft,.tabellenpositionleftnowrap,.tabelleninhaltborderleft,.tabelleninhaltborderleftnowrap,.tabelleninhaltleft {text-align: left;}
.tabelleninhaltborderleftnowrap,.tabelleninhaltbordernowrap,.spaltenueberschriftleftnowrap,.tabellenpositionleftnowrap {white-space: nowrap;}
.spaltenueberschrift,.spaltenueberschriftduenn,.tabelleninhalt,.tabelleninhaltborder,.tabelleninhaltbordernowrap {text-align: center;}
.spaltenueberschriftright,.tabellenbetrag,.tabellenbetragrot,.tabellenbetragfett {text-align: right;}
.tabelleninhaltborder,.tabelleninhaltbordernowrap {border-width: 1px;border-style: solid;}
.tabelleninhaltborderleft, .tabelleninhaltborderleftnowrap {border-width: 1px;border-style: solid;vertical-align: top;}


/* input types */

input[type="submit"].submit,
input[type="submit"].submitmain,
input[type="submit"].submitpage,
input[type="submit"].submitused {
  position: relative;
  /*display: table-cell !important;    @mod PVB 2020-01-21: Commented out and tested*/
  line-height: 16px !important;
  /*//margin:  4px 0 4px 0 !important;*/
  padding: 10px 8px 10px 8px !important;
} 

.submitpage:hover,.submitpage:focus {
  outline: 2px solid red;outline-offset:2px
}
.submit,.submitmain,.submitpage,.submitused {
  font-size: 16px !important;
  border-radius: 4px !important;
  line-height: 23px !important;
  transition: all .05s;
}        
.submit:hover,.submitmain:hover,.submitpage:hover {
  box-shadow:0 1px 2px #005283 !important;
}
input[type="submit"].submit, input[type="submit"].submitmain, input[type="submit"].submitused {
  line-height: 28px !important;
  margin: 6px 0 !important
}
input[type="submit"].submit,
input[type="submit"].submitused {
  font-weight: 700;
  width: 95% !important;
}

input[type="submit"].submitpage {
  line-height: 16px !important;
}             

input[type="text"],input[type="password"] {
  padding: 4px !important;
  margin: 2px;
  -webkit-border-radius: 2px 0 2px 0;
          border-radius: 2px 0 2px 0;
  width: 130px;
}

input[disabled],
input[type="submit"]:disabled,
input[type="submit"].disabled,
input[type="submit"][disabled="disabled"] {      /*toDo? display checked checkboxes more visibly*/
  opacity: 0.5                                   
}

input[type="submit"][value="Zurück"],
input[type="submit"][value="zurück"],
input[type="submit"][value="Zur�ck"],   
input[type="submit"][value="zur�ck"],           /*PVB: "zur�ck" missing? --Added 27.11.2019*/
input[type="submit"][value="Rechteauswahl"] {
  padding: 8px 0 8ox 0 !important;
}
textarea {
  margin-top: 5px
}

/* selects */              
select {
  padding: 5px;
  -webkit-border-radius: 3px;
          border-radius: 3px
}

section.abschnitt h2 {
  margin-top: 50px !important;
}   

/* fehleranzeige */
div.error h4, span.error h4 {
  text-align: left;
  margin: 0;
  margin-top: 20px;
  padding: 10px;
  -webkit-border-top-left-radius: 5px;
          border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
          border-top-right-radius: 5px; 
}

div.error ul, span.error ul {
  margin: 0;
  top: 0;
  text-align: left;
  list-style: circle;
  padding: 20px;
  -webkit-border-bottom-left-radius: 5px;
          border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
          border-bottom-right-radius: 5px;
}
div.error ul li, span.error ul li {
  margin-left: 15px;
  padding-top: 6px;
}


.logo {display: none;}  /* workaround: html markup must be reviewed */
.head {display:none;}   /* workaround: html markup must be reviewed */

/* Component: Select */

select {
  border: 1px solid grey;
  border-radius: 0;
  padding: 0.25em 0.4em;
  padding-right: 1.5em;
}
select:focus, select:hover {
  border-color: black;
  outline: none;
}
select:active {
  border-color: #900;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  select::-ms-expand {
    display: none;
  }

  select:focus::-ms-value {
    background: transparent;
    color: grey;
  }
}

label {
  cursor: pointer;
  display: inline-block;
}

#header {
 visibility: hidden;
 height:0 !important;
 margin: 20px 0 0 0 !important;
}



/* To realign the radiobutton on error ID 34

input[type="radio"] {
  vertical-align: top;
  margin-top: 1px;
}

.blockdiv input[type="radio"] + label{
  max-width: 97%;
}

*/
