/****************************************************/
/*     CSS-Datei für die Farben des Projekt         */
/*                 TMS-Workflow                     */
/****************************************************/


::-moz-selection {
  background-color: #121619 !important;
  color:            #fff !important;
}
::selection {
  background-color: #121619 !important;
  color:            #fff !important;
}

/* Textfarbe für die gesamte Seite */
body {
  background: #595964 ;
  color:      #111;
}

/* Fixed Topmenu */
.topmenu {
  background: linear-gradient(to bottom,#F9F9F9,#F9F9F9);
  box-shadow: 0 3px 6px #888;
}
/* wrapper: content bereich */
.pg-content {
  background: #F7F7F7;
  box-shadow: 4px 0 12px -4px #acacac, -4px 0 12px -4px #acacac;
  color:      #000;
}
/* Hintergrundfarbe der gesamten Seite, von Radiobuttons und Checkboxen */
#content, #contentmenu, .checkbox, .head, .headmenu, .headmenubold, .radio {
  background-color: #F7F7F7
}

#header {
  background: #005283;
  border: 1px solid #ccc;
  box-shadow:       0 5px 16px #ddd;
}
#header .tms-header {
  border: 1px solid #a6a6a6;
	box-shadow: 0 4px 12px #ccc;
}

/* Textfarbe für das Menü oben rechts (Schaltflächen Kontakt,Hilfe) */
.headmenu, a:link, a:visited, a:active, a:hover {
  color: #005283
}   
/* Farbe des Bereichs (Trennbalken) zwischen den Links/Schaltflächen oben rechts */
.headmenu{
  border-right-color: #005283
}
/* Textfarbe für das Menü oben rechts (Schaltfläche Abmelden) */
.headmenubold {
  color: #A51B19
}   

.headmenu:hover,.headmenu:hover a,.headmenu:focus {
  background: #005283 !important;
  color:      #fff;
}
.headmenubold:hover,.headmenubold:focus {
  background: #A51B19;
  color:      #fff;
}

a.help:focus {
  background: #005283 !important;
  color:      #fff;
}

/* Textfarbe für Fehlermeldungen, Plausibilitäten und Beträge in Tabellen */
.red, .error, .tabellenbetragrot {
  color: #A51B19; 
  font-weight: 700;
  font-size:1.05rem
}

/* Textfarbe für angezeigte Werte auf Übersichtsseiten z.B. Antragsübersicht */
.value, .subblockdiv15v, .subblockdiv25v, .subblockdiv30v, .subblockdiv35v, .subblockdiv40v, .subblockdiv45v, 
.subblockdiv50v, .subblockdiv55v, .subblockdiv60v, .subblockdiv65v, .subblockdiv70v, .subblockdiv75v, .subblockdiv100v,
.subblockdivinput5v, .subblockdivinput10v, .subblockdivinput15v, .subblockdivinput25v, .subblockdivinput30v, .subblockdivinput35v,
.subblockdivinput40v, .subblockdivinput45v,.subblockdivinput50v, .subblockdivinput55v, .subblockdivinput60v, .subblockdivinput65v, 
.subblockdivinput70v, .subblockdivinput75v, .subblockdivinput100v, .subblockdivlabel15v, .subblockdivlabel25v, .subblockdivlabel30v, 
.subblockdivlabel35v, .subblockdivlabel40v, .subblockdivlabel45v, .subblockdivlabel50v, .subblockdivlabel55v, .subblockdivlabel60v, 
.subblockdivlabel65v, .subblockdivlabel70v, .subblockdivlabel75v, .subblockdivlabel100v, .tabelleninhalt, .tabelleninhaltborder, .tabelleninhaltbordernowrap, 
.tabelleninhaltborderleft, .tabelleninhaltborderleftnowrap, .tabellenpositionleft, .tabellenpositionleftnowrap, .tabellenbetrag, .tabellenbetragfett  {
  color: #00487C
}       
                            
/* Farbe einer Trennlinie */
hr.line{
  color: #006fb4
}
/* Farbe einer Trennlinie im Menü */
hr.menue,.menuline{ 
  color: #fff
}
hr.menu {
  background: #005283;
}

/* Hintergrundfarbe des Menüs */
#menu {
  background:         linear-gradient(to bottom,#F9F9F9,#F9F9F9);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
          box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
  border:             1px solid #ddd;
}        

#menutext { /*#contentmain #menu:before*/
  background: #005283;  
  box-shadow: 0 2px 4px #ccc;
  color:      #f8f9fa;
}     
#contentmain #menu ~ input[type="submit"] { 
  color: yellow !important;
}

a.mlink:hover, a.mlink:active, a.mlink:link, a.mlink:visited {
  background: #818181;
  color:      #005283;
}
/* Farbe des oberen Bereichs der Fußzeile */
#footer{
  background: 			linear-gradient(to bottom,#F3F3F3,#F0F0F0);
  border-top-color: #005283
}    
.auswahlliste {
  -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2);
          box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2);
} 
/* Farbe der Tabellen, welche z.B. bei der Historie von Anträgen eingesetzt wird */
.belege, .tabelleninhaltborder, .tabelleninhaltbordernowrap, .tabelleninhaltborderleft .tabelleninhaltborderleftnowrap {
  border-color: #006fb4
}    

/* --- error box --- */
div.error h4{         
  background: #f7f9fc;         
  border: 1px solid #E43A45;
  border-bottom-width: 0px;
  border-radius: 0 !important;
  color:      #333;
}
div.error ul{    
  background: #f7f9fc;
  /*background: rgba(255,0,0,.015);*/   
  border: 1px solid #E43A45;
  border-radius: 0 !important;
  color: #333;
}  

span.error ul {
  background: #f7f9fc;
  border: 1px solid #E43A45;
  border-radius: 0 !important;
  color: #333;
}

ul.error{
  color: #E43A45 !important;
  background: rgba(255,0,0,.015) !important;
}   

h4.error {
  background: rgba(255,0,0,.015) !important;
}

/* --- specials: ... --- */
section.abschnitt h2 {
  background: #A51B19 !important;
  color: #fff !important;
} 

/* --- specials: select disabled --- */
select:disabled,
select.disabled,
select[disabled="disabled"] {
  background: #D3D3D3;
}
select:focus, select:hover {
  background: lightyellow; 
  border:     1px solid #333;
}    

/* Textfarbe, Rahmenfarbe (unterstrichen) und Hintergrundfarbe bei den Titelblöcken */
.title, .blocktitle, .blocktitlegross{  
  /*background:     #fff;*/
  border-bottom-color:  #006fb4;
  color:                #005283;
} 
h1.title {
  background:   #005283 !important; 
  box-shadow:   0 2px 4px #ccc !important;
  color:        #f8f9fa !important; 
  text-align: center;
}       
.blocktitle {                
  border-bottom: none;
  background: 	#595964;
  box-shadow: 	0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}
h2.blocktitle {
	background:   #005283 !important;
 	box-shadow:   0 2px 4px #ccc !important;
 	color: 			  #f8f9fa !important;  
  border-bottom: 1px solid #bbb;
}

/* _________________________ INPUT TYPES ____________________________________ */

/* Eingabefelder und Listen */
input, textarea, select{
  background: #F7F7F7;
  border-color:     #005283;
  box-shadow:       #FFF;
  color:            #010305;
} 

/* Schrift- und Hintergrundfarbe von deaktivierten Eingabefeldern und Listen */
input[disabled="disabled"], select[disabled="disabled"]{
  background:       #D3D3D3;
  color:            #111;
}
input[type="text"]:focus, textarea:focus {
  background:         lightyellow;
  border:             1px solid #333;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .6);
          box-shadow: 0 0 5px rgba(0, 0, 0, .6);         
}                                   

/*** ---   button: submit / bNav  >> Hintergrundfarbe von Schaltflächen und Links   --- ***/
input.submit,input[type="submit"].submit{
  background: linear-gradient(to bottom, #fff, #F3F3F3); border: 1px solid #ccc; box-shadow: transparent; color: #005283 }
input.submit:active,input[type="submit"].submit:active{
  background: linear-gradient(to bottom, #005283, #fff); border: 1px solid #006fb4; box-shadow: transparent; color: #eee }
input.submit:focus, input[type="submit"].submit:focus, input.submit:hover, input[type="submit"].submit:hover{
  background: linear-gradient(to bottom,#006fb4,#005283); border: 1px solid #005283; box-shadow: transparent; color: #eee }

/*** ---   button: submitmain / bMain   --- ***/      
input.submitmain, input[type="submit"].submitmain{
  background: linear-gradient(to bottom, #fff, #F3F3F3); border: 1px solid #ccc; box-shadow: transparent; color: #005283 }
input.submitmain:active, input[type="submit"].submitmain:active{
  background: linear-gradient(to bottom, #005283, #fff); border: 1px solid #006fb4; box-shadow: transparent; color: #eee }
input.submitmain:focus, input[type="submit"].submitmain:focus, input.submitmain:hover, input[type="submit"].submitmain:hover{
  background: linear-gradient(to bottom,#006fb4,#005283); border: 1px solid #005283; box-shadow: transparent; color: #eee }

/*** ---   button: submitpage / bPage   --- ***/      
input.submitpage, input[type="submit"].submitpage{
  background: #005283; border: 1px solid transparent; box-shadow: transparent; color: #fff }
input.submitpage:active, input[type="submit"].submitpage:active{
  background: #005283; border: 1px solid transparent; box-shadow: transparent; color: #fff }
input.submitpage:focus, input[type="submit"].submitpage:focus, input.submitpage:hover, input[type="submit"].submitpage:hover{
  background: #818181; border: 1px solid transparent; box-shadow: transparent; color: #fff }

/*** --- button gruener Haken z.B. auf der Antragsseite --- ***/
button.submitpage, button[type="submit"].submitpage{
  border-color: #121619; box-shadow: #121619 }
button.submitpage:active, button[type="submit"].submitpage:active{
  background: #005283; border: 1px solid transparent; box-shadow: transparent; color: #fff }
button.submitpage:focus, button[type="submit"].submitpage:focus, button.submitpage:hover, button[type="submit"].submitpage:hover{
  background: #818181; border: 1px solid transparent; box-shadow: transparent; color: #fff }

/*** ---   button: divsubmit / bSubmit   --- ***/     
.divsubmit{
  background: linear-gradient(to bottom, #fff, #F3F3F3); border: 1px solid #ccc; box-shadow: transparent; color: #005283 }
.divsubmit:active{
  background: linear-gradient(to bottom, #005283, #fff); border: 1px solid #006fb4; box-shadow: transparent; color: #eee }
.divsubmit:focus, .divsubmit:hover{
  background: linear-gradient(to bottom,#006fb4,#005283); border: 1px solid #005283; box-shadow: transparent; color: #eee }
 
/*** ---   button: submitused / bUsed  >>> Hintergrundfarbe der Schaltflächen im Hauptmenü bei Bausteinen  --- ***/
input.submitused,input[type="submit"].submitused{
  background: #c3c9d5; border: #444; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); color: #000 }
input.submitused:active,input[type="submit"].submitused:active{
  background: #3E4756; border: #444; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); color: #818181 }
input.submitused:focus, input.submitused:hover,input[type="submit"].submitused:focus,input[type="submit"].submitused:hover{
  background: #3E4756; border: 1px solid rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.45); box-shadow: transparent; color: #fff }

/* --- button: Zurück, Rechteauswahl  / bReturn   --- */       
input[type="submit"][value="Zurück"],input[type="submit"][value="zurück"],input[type="submit"][value="Zur�ck"],input[type="submit"][value="Rechteauswahl"] {
  background: #000 !important;
	color: #fff;
}
input[type="submit"][value="Zurück"]:focus,input[type="submit"][value="zurück"]:focus,input[type="submit"][value="Zur�ck"]:focus,input[type="submit"][value="Rechteauswahl"]:focus {
  background: linear-gradient(to bottom,#444,#888) !important;
}
input[value="Zurück"]:hover,input[value="zurück"]:hover,input[value="Zur�ck"]:hover,input[value="Rechteauswahl"]:hover {
  background: linear-gradient(to bottom, #444, #888) !important;
}           


/*No Pagionation*/
/*div.bold#no_pagination*/
/*div.bold#middle_pagination*/
#no_pagination,
#middle_pagination{  /*CSS-Klasse für keine Pagination*/
   text-align:center;
   border: 1px solid white;
   border-radius: 2.5px;
}

Input#row_count{  /*Für die Anzeige der Anzahl der Einträge mit keine Pagination*/ 
  background-color:white;
  text-align:left;
  border:hidden;
  font-size:9pt;
  width:180px;    
  font-weight:normal;
}
/*---------------------------------------------------------*/

/*Simple Pagionation*/
/*div.bold#simnple_pagination*/
#simple_pagination{
   text-align:center;
   border: 1px solid white;
   border-radius: 2.5px;
}

input.submit_simple_pagination,
input.submit_middle_pagination{  /*@Für die Leiste oberhalb der Paging-Leiste*/
 
  font-size:10pt;
  background-color:white;
  border: hidden;
  width:90px;    
  text-align:left;
  
}

input.submit_simple_pagination#pagesL,
input.submit_middle_pagination#pagesL  {  /*Für die Leiste oberhalb der Paging-Leiste*/ 
  background-color:white;
  text-align:left;
  border:hidden;
  font-size:9pt;
  width:180px;    
  font-weight:normal;
}

div.bold#sub_paging{  /*CSS-Klasse submit_new für Paging*/
   padding-left:0;
   text-align:center;
 }
 
input.submit_sub_paging, input.submit_sub_paging_inactive{  /*CSS-Klasse submit_sub_paging für Paging*/
    background-color: #e8f4e8;
	border-radius: 5px;    
    padding: 4px; 
    width: 30px;
    height: 30px;
    text-align:center;	
} 

input.submit_sub_paging_bold {   /*CSS-Klasse submit_sub_paging für Paging*/
  background-color: #e8f4e8;
	border-radius: 5px;    
  padding: 4px; 
  width: 30px;
  height: 30px;
	border-style:double;
	border-width:2px;
  font-weight:bolder !important;
  text-align:center;
}

input.submit_borderless {  /*Für die Leiste oberhalb der Paging-Leiste*/
  font-size:10pt;
  background-color:white;
  border: hidden;  
  width:90px;    
  text-align:left;
}

#pagesL{  /*Für die Leiste oberhalb der Paging-Leiste*/ 
  background-color:white;
  text-align:left;
  border:hidden;
  font-size:9pt;
  width:180px;    
  font-weight:normal;
}

#vonL, #bisL,#seiteL{ /*Für die Leiste oberhalb der Paging-Leiste*/
  font-size:9pt;
  width:110px; 
  font-weight:normal;
}

#vonL{
  margin-left:5px;
}

#vonl, #bisl{
   text-align:left;
   width:40px;
   color:blue;
}

div.bold#pagingInfo{
  text-align:center;
}