/* markiert alle Filter gelb, die einen Wert beinhalten */
/* class="<?php echo $originalWerkId !== '' ? 'has-value' : ''; ?>" */
        .filter-group input,select {
            padding: 5px 8px;
            border: 1px solid #ccc;
            border-radius: 6px;
            transition: all 0.2s ease;
        }

        /* Wenn das Feld einen Wert hat */
        .filter-group input.has-value, select.has-value {
            background-color: #fff4b3;    /* helles Gelb */
            border-color: #e6a000;
        }

/* Table Liste gross */
        .headlist td, headlist th {
            
            padding: 2px 10px;
        }
         /* Kopfzeilen: hellblau */
        .headlist thead td, .headlist thead th {
            background-color: #ABB2B9; 
            color: #0033A4;
            border-bottom-left-radius: 8px;
            border-bottom-right-radius:8px;
            vertical-align: middle;
            text-align: center;
            font-weight: bold;
            font-size: 12px;
        }

        /* Normale Zeilen: dunkelgrau */
        .headlist tbody tr{
            background-color: #DFDFDF;
            color: #000;
        }

        /* Jede zweite Zeile: hellgrau */
        .headlist tbody tr:nth-child(2n) {
            background-color: #EFEFEF;
            color: #000;
        }
        /* hover Effekt: wei� */
        .headlist tbody tr:hover {
            background-color: #FFFFFF;
            color: #000;
        }
        /* Fu�zeilen: grau */
        .headlist tfoot tr {
            background-color: grey;
            color: white;
            text-align: center;
            font-weight: bold;
            font-size: 12px;
        }	

                        
.listing tr{background-color: #b8d1f3}
.listing tr:hover{background-color: #ffff99}

.highlight {
    background-color: #fff2ac;
    background-image: linear-gradient(to bottom, #ffe359 0%, #fff2ac 100%);
}
.tableGray th {
background-color: #606f7f; 
color: #fff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
padding: 2px 10px;

}
.tableFilter th { 
background-color: #76B900; 
color: #fff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
padding: 2px 10px;

}
.hoverTable td, hoverTable th {
padding: 2px 10px;
}

.hoverTable th {
    /* gray */
background-color: #606f7f;
color: #fff;
border-radius:5px;
}

.hoverTable tr:nth-child(1n+2) {
background-color: #DFDFDF;
color: #000;
}
.hoverTable tr:nth-child(2n+3) {
background-color: #EFEFEF;
color: #000;
}
.hoverTable tr:hover {
background-color: #FFFFFF;
color: #000;
}
.hoverTable tfoot tr {
    /* gray */
background-color: #606f7f;
color: #fff;
border-radius:5px;
}


table.login {
    margin: auto;
      width: 30%;
    padding:5px 10px 5px;
    background-color:rgba(219,219,219,1);
    border:10px solid #fff;
    box-shadow:0 0 10px;
    border-radius:2px;
    font-size:13px;
    text-align:center;
}
.spanButton {
    border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
    background-color: orange;
    box-shadow: 2px 2px 3px 0px #000000;
     padding: 2px 5px 2px 5px;
    font-size: 12px;
    font-weight: bold;
    height: 18px;
    border:solid 1px blue;
    
}
.spanButton:hover {
    background-color:yellow;
    color:black;
}
.spanButtonOval {
    border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
    background-color: lightblue;
    box-shadow: 2px 2px 3px 0px #000000;
     padding: 2px 5px 2px 5px;
    font-size: 10px;
    font-weight: bold;
    height: 16px;
    border:solid 1px blue;
    
}
.spanButtonOval:hover {
    background-color:yellow;
    color:black;
}

.spanButtonSchmal {
    border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
   box-shadow: 2px 2px 3px 0px #000000;
     padding: 0px 5px 0px 5px;
    font-size: 12px;
    font-weight: bold;
    height: 18px;
    border:solid 1px blue;
    text-decoration: none;
    
}

.anzeigeButton {
    height:20px;
    width: 100px;
    background-color:#2E9AFE;
    color:white;
    font-weight: bolder;
    border: solid 1px white;
}
.anzeigeButton:hover {
    background-color:orange;
    color:black;
}

.speichernButton{
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    height:20px;width: 100px;
    background-color:green;
    color:white;
    font-weight: bold;
}
.speichernButton:hover {
    background-color:greenyellow;
    color:black;
    
}
.suchenButton {
     height:20px;
    width: 100px;
    background-color: SpringGreen;
    font-weight: bold;
   
}
.suchenButton:hover {
    background-color:orange;
    
}
.zurListeButton {
     height:20px;
    width: 100px;
    background-color: coral;
    color: blue;
    font-weight: bold;
}
.zurListeButton:hover {
    background-color:orange;
    
}

.trWechselFarbe:nth-child(odd){
     background-color: #EFEFEF}
.trWechselFarbe:nth-child(even){
     background-color: #DFDFDF}
/* Define the hover highlight color for the table row */
.trWechselFarbe:hover {
background-color: white;
}

.thKalk {color: #FFF; font-weight: bold; font-size: 12px; background-color: #6495ed; text-align: center; border-bottom: 2px solid orange}

.toolBar {
    background-color:lightsteelblue; 
    border: solid 1px #B22222;
    margin:0px auto;
    box-shadow: 2px 2px 3px 0px #000000;
}

.searchBox{
  background-image: url('../Images/lupeNeu.png');
  background-repeat:no-repeat;
  padding-left:20px;
}
.search{background-color: greenyellow;border:2px solid orange}

.ergebnis {font-size:11px;text-align: center; color:blue;border-bottom: 1px solid gray }

select,textarea,input {
      font-size:10px;
      color:#000000;
      background-color:#DAEAFE; 
     border-left : 1px solid #000000;
     border-right : 1px solid #000000;
     border-top : 1px solid #000000;
     border-bottom : 1px solid #000000;
      font-family:Tahoma,Verdana,Helvetica,Arial;
      box-shadow: 2px 2px 3px 0px #000000;
    
    }
    
select.noShadow,textarea.noShadow,input.noShadow {
      font-size:10px;
      color:#000000;
      

     
      box-shadow: 0px 0px 0px 0px #000000;
      
    
    }
input:hover,select:hover{border:1px solid orangered;}

    
a:link   { color: black }  
		
a:visited       {color: black }   


a:hover     { color: blue; text-decoration: underline;}

a.f5f5f5:hover    { color: #000; text-decoration: underline;   background-color: #f5f5f5 }

a.d3d3d3:hover    { color: #000; text-decoration: underline;   background-color: #d3d3d3 }
a.stealblue:hover    { color: #000; text-decoration: underline;   background-color: #B0C4DE }
		

a.menulink { color: #00f; font-weight: bold; font-size: 10pt; text-decoration: underline }
		
		
body     { color: rgb(0,0,0); font-size: x-small; font-family: Arial; margin-top: 5px; margin-left: 5px; border: #fff; scrollbar-3d-light-color: #d6e0eb; scrollbar-arrow-color: #85a3c2; scrollbar-base-color: #ffffff; scrollbar-dark-shadow-color: #d6e0eb; scrollbar-face-color: #d6e0eb; scrollbar-highlight-color: #d6e0eb; scrollbar-shadow-color: #d6e0eb  }

h1 {
	font-size:large;
	}
	
	
h2 {
	font-size:small;
	}
table   { font-size: 8pt; line-height: 20px; border: none 0px }

table.hovered     { 
		font-size: 8pt; 
		background-color: #F5F5F5; 
		border: solid 1px gray;
                margin:0px auto;
                 box-shadow: 2px 2px 3px 0px #000000;
              
}
               
.farbFlussBlau {
                       
                        background:-moz-linear-gradient(top,lightsteelblue,#ffffff); /* Firefox */
                        background:-webkit-gradient(linear,left top,left bottom,from(lightsteelblue),to(#f1f1f1)); /* Chrome 10, Safari */
                        background-image: -webkit-linear-gradient(top, lightsteelblue 0%, #FFFFFF 100%); /* Webkit (Chrome 11+) */ 
                        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='lightsteelblue', endColorstr='#ffffff'); /*  Internet Explorer 6-8 */                        
                        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lightsteelblue',endColorstr='#f1f1f1');  /*Internet Explorer */
                        background: -ms-linear-gradient(top, lightsteelblue, #FFFFFF); /*  Internet Explorer 10 */
                        box-shadow: 2px 2px 3px 0px #000000;
                         
                    }
                    
 
table.farbFlussBlau {
                       
                        background:-moz-linear-gradient(top,#9FBFD2,#ffffff); /* Firefox */
                        background:-webkit-gradient(linear,left top,left bottom,from(#9FBFD2),to(#f1f1f1)); /* Chrome 10, Safari */
                        background-image: -webkit-linear-gradient(top, #9FBFD2 0%, #FFFFFF 100%); /* Webkit (Chrome 11+) */ 
                        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#9FBFD2', endColorstr='#ffffff'); /*  Internet Explorer 6-8 */                        
                        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9FBFD2',endColorstr='#f1f1f1');  /*Internet Explorer */
                        background: -ms-linear-gradient(top, #9FBFD2, #FFFFFF); /*  Internet Explorer 10 */
                         box-shadow: 2px 2px 3px 0px #000000;
                        
                    }


table.farbFlussOrange {
                         background:-moz-linear-gradient(top,#FFCC66,#ffffff); /* Firefox */
                        background:-webkit-gradient(linear,left top,left bottom,from(#FFCC66),to(#f1f1f1)); /* Chrome 10, Safari */
                        background-image: -webkit-linear-gradient(top, #FFCC66 0%, #FFFFFF 100%); /* Webkit (Chrome 11+) */ 
                        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFCC66', endColorstr='#ffffff'); /*  Internet Explorer 6-8 */                        
                        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCC66',endColorstr='#f1f1f1');  /*Internet Explorer */
                        background: -ms-linear-gradient(top, #FFCC66, #FFFFFF); /*  Internet Explorer 10 */
                        box-shadow: 2px 2px 3px 0px #000000;
}

table.farbFlussGruen {
    
                         background:-moz-linear-gradient(top,#C0C0C0,#ffffff); /* Firefox */
                        background:-webkit-gradient(linear,left top,left bottom,from(#C0C0C0),to(#f1f1f1)); /* Chrome 10, Safari */
                        background-image: -webkit-linear-gradient(top, #C0C0C0 0%, #FFFFFF 100%); /* Webkit (Chrome 11+) */ 
                        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#C0C0C0', endColorstr='#ffffff'); /*  Internet Explorer 6-8 */                        
                        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C0C0C0',endColorstr='#f1f1f1');  /*Internet Explorer */
                        background: -ms-linear-gradient(top, #C0C0C0, #FFFFFF); /*  Internet Explorer 10 */
                        box-shadow: 2px 2px 3px 0px #000000;
                        
}

table.farbFlussGrau {
    
                         background:-moz-linear-gradient(top,#C3C3C3,#ffffff); /* Firefox */
                        background:-webkit-gradient(linear,left top,left bottom,from(#C3C3C3),to(#f1f1f1)); /* Chrome, Safari */
                        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#C3C3C3', endColorstr='#ffffff'); /*  Internet Explorer 6-8 */                        
                        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C3C3C3',endColorstr='#f1f1f1');  /*Internet Explorer */
                        background: -ms-linear-gradient(top, #C3C3C3, #FFFFFF); /*  Internet Explorer 10 */
                         box-shadow: 2px 2px 3px 0px #000000;
}

table.listing     {
		font-size: 10px; 
		background-color: #F5F5F5;
		border: solid 1px gray }

table.main  { font-size: 8pt; background-color: #d3d3d3; border: 1 }

table.innerhovered    { color: #000; font-size: 8pt; background-color: #d3d3d3; border-top: 1 none; border-right: 1px solid rgb(240,240,240); border-bottom: 1 none; border-left: 1 none; width: 100%; height: 100% }
		
table.innertable{
		border-style:none;
		}

	
.report_table
{
    border:solid 1px gray;
    
    font-size:12px;
    font-weight:normal;
    background-color: #F5F5F5;
    background:#F0F0F0;  
    
}


.report_table tbody td
{
    
    font-size:12px;
    font-weight:normal;
    
    padding: 0px 2px 0px 2px;
   
}



.report_table thead td
{  
    font-size:12px;
    font-weight:bold;
    text-align: center;
    color:#0033A4;
    
    background:#B9C9FE;
    padding: 0px 2px 0px 2px;
    border-bottom: 2px solid orange;

}

td.kontrolle  { color: #b22222; font-style: normal; font-variant: normal; font-weight: bold; padding: 1px }

th.linelist   { color: blue; font-style: normal; font-variant: normal; font-weight: bold; background-color: #dcdcdc; padding: 1px }
td.nospacing {
	padding:0px;
	spacing:0px;
}
th.tablesorter {background-color:red} 

th        { color: #0033A4; font-weight: bold; font-size: 11px; text-align: center; border-bottom: 2px solid gray }
 

th.menu 
{
    font-weight: bold; font-size: 14px;color:black; 
    border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: aliceblue url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAIAAADEwMXAAAAAA3NCSVQICAjb4U/gAAAAMklEQVQImWP49PYV0////6GYAcFm+I9d/P9/JgZkcRR12NVDzMMihlMtRJyBkHpMNwIA6ZmLp7k56KwAAAAASUVORK5CYII=) 100% 100%;

  background: -moz-linear-gradient(top, aliceblue 0%, gray 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, aliceblue), color-stop(100%, gray));
  background: -webkit-linear-gradient(top, aliceblue 0%, gray 100%);
  background: -o-linear-gradient(top, aliceblue 0%, gray 100%);
  background: -ms-linear-gradient(top, aliceblue 0%, gray 100%);
  background: linear-gradient(to bottom, aliceblue 0%, gray 100%);
  font-weight: 600;
  height: auto;
  width: auto;}
th.junior     { color: black; font-weight: bold; text-align: center }

th.link  { color: rgb(0,0,0); font-weight: bold; background-image: url(../Images/th_bg_25px.gif); text-align: center }

td.warn, input.warn   {  background-color: yellow; border-top: 2px solid red; border-bottom: 2px solid red; font-weigth: bold }
	
td.head  { color: rgb(0,0,0); background-color: #c0c0c0; font-weigth: bold }

td.borders    { border-top: 1px solid black; border-right: 1px solid black; border-bottom: 1px #000 }
		
input   { font-size: 8pt; font-family: Arial; padding-right: 5px; padding-left: 5px; border: ridge 1px #1e90ff }
select  { font-size: 8pt; z-index: 1001 }

input.info{background-color:yellow}
input.info_lt{background-color:FFFF99}

textarea {
	border : thin;
}

hr{
}

div.smalldescription{
		font-size:xx-small;
		color:rgb(50,50,50);
}

p.notice	{
	align: center;
	color: red;
	font-size: 13pt;
	padding-left : 5px;
	padding-right : 2px;
}

p.warnung	{
	align: center;
	color: red;
	font-size: 12pt;
        font-weight:bold;
	padding-left : 5px;
	padding-right : 2px;
        background-color:#F2DEDE;
        border-top: 1px solid red;
        border-bottom: 1px solid red;
        
}

td.warnung	{
	text-align: center;
	color: red;
	font-size: 12pt;
	padding-left : 5px;
	padding-right : 2px;
        background-color:#F2DEDE;
        border-top: 1px solid red;
        border-bottom: 1px solid red;
}
		
.mainTitle 	{
	width: 100%;
	height: 110px;
	vertical-align: middle;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	font-size:20px;
	font-family:Volkswagen headline, Arial, helvetica, sans-serif;
	text-align: center;
}
.DocumentTitle		{
	font-size: 12pt;
	font-weight: bold;
	padding-bottom : 2px;
	padding-left : 5px;
	padding-right : 2px;
	padding-top : 2px;
}

.ParagraphContent	{
	font-size: 10pt;
	padding-left : 5px;
	padding-right : 2px;
}


.button {
 color :#000000;
 font-size : 12px;
 font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
}

.input {
 font-size : 12px;
 font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 color: #000000;
 background-color: #FFFFFF;
 border: 1px solid #000000;
 border-top-width : 1px;
 border-right-width : 1px;
 border-bottom-width : 1px;
 border-left-width : 1px;
 text-indent : 1px;
 font-weight: bold;
}


.select {
 font-size: 10px;
 font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 color: #000000;
 background-color: #ffffff;
 border: 1px solid #000000;
 border-top-width : 1px;
 border-right-width : 1px;
 border-bottom-width : 1px;
 border-left-width : 1px;
 text-indent : 1px;
 
}

.grossschrift {
 font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 color: #000000;
 font-size: 12px;
}

.kleinschrift {
 font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
 color: #000000;
 font-size: 10px;
}

td.readonly { 
	background-color: #a9a9a9  
}


tr.list_normal    { background-color: #dcdcdc }


td.list  { background-color: #c0c0c0; border-bottom: 1pt solid black }
input.noborder { border: white;box-shadow: 0px 0px 0px 0px #000000; background-color: transparent;}

input.ohneBackground {border-style: hidden;background: transparent;box-shadow: 0px 0px 0px 0px #000000; }

td,th {font-size: 14px; }


fieldset 
  { padding: 5px; border: solid 1px #808080 }
  
.bootstrap-fieldset {
    border: 1px solid #d1d5db;
    padding: 1.2rem;
    border-radius: 8px;
    background: #f9fafb;
    margin-bottom: 1.2rem;
}

.bootstrap-fieldset > legend {
    padding: 0 10px;
    font-size: 0.95rem;
    font-weight: 600;
    color: #374151;
}

.big  { color: black }