a {
    padding: 0;
    margin: 0;
    text-decoration: none;
}

input[type=image] {
     padding: 0;
    margin: 0;
    text-decoration: none;
}

html,
body {
    margin:0;
    padding:0;
    height:100%;
    min-height:100%;
    font-family: tahoma,arial;
    font-size: 100%;
    background: #7a7a70;
}
#neuespasswort {
	font-family: tahoma,arial;
    font-size: 80%;
}

#container {
    min-height:100%;
	
    height: 100%;
    position:relative;
	
    overflow: auto;


}
#header {
    background:#ff0;
    height:70px;
    background-image: url("../img/thf.png");
    background-repeat:repeat-x;
    
}



#headerleft { float:left;   height: 70px; width: 50%;               background-image: url("../img/logorechts.png");background-repeat: no-repeat; background-position: left;}
#headercenter {  float: left; width: 25%; font-size: 10pt; font-family: arial; color: #000000; }
#headerright {  float: right; height: 70px;width: 24%;};
//#headerright {  float: right; height: 70px;width: 24%;background-image: url("../img/logorechts.png");
//                background-repeat: no-repeat; background-position: right;}

#bdy {



    /* Height of the footer */
}
#footer {
    float:left;
    clear:left;
    
    width:100%;
    height:30px;			/* Height of the footer */
    background:#fff;

    background-image: url("../img/prodlogo.jpg");  background-repeat: no-repeat; background-position: right;
}

#footer2 {
    float:left;
    clear:left;
    
    width:100%;
    height:30px;			/* Height of the footer */
    background:#fff;

    
}

#left {
    width: 100%;
   // height: 84%;
   height: calc(100% - 55px);
    min-height: 84%;
}

#right {
    float: left;
  
     width: 30%;
    height: 98%;
    min-height: 98%;
    overflow: hidden;
    z-index: 10;
   
    
}

#left_sub {
    float: left;
    clear:left;
   
    width: 19%;
    height: 97%;
    min-height: 98%;
    overflow: hidden;
   
    z-index: 10;

}

#mid_sub {
    float: left;
    margin-left: 0.25%;
    margin-top: 0.2%;
    width: 69%;
    height: 98%;
    min-height: 98%;
    overflow: hidden;
    background: #48f;
}

#mittelinks {
    float: left;
    width: 30%;
    height: 100%;
    min-height: 100%;
}

#mitterechts {
    float: left;
    width: 70%;
    height: 100%;
    min-height: 100%;

}



#menu-bar {
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  height: 35px;
  line-height: 100%;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  box-shadow: 0px 0px 0px #666666;
  -webkit-box-shadow: 0px 0px 0px #666666;
  -moz-box-shadow: 0px 0px 0px #666666;
  background: #333333;
  background-repeat: no-repeat; background-position: right;
  background-image: url('../img/logo.jpg');
  background-size: 155px;
  border: solid 0px #6D6D6D;
  position:relative;
  z-index:999;
}
#menu-bar li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
   
  position: relative;
  list-style: none;
}
#menu-bar a {
  font-weight: normal;
  font-family: verdana;
  font-style: normal;
  font-size: 14px;
  color: #E6E6D7;
  text-decoration: none;
  display: block;
  //padding: 11px 25px 10px 25px;
  padding: 9px 25px 10px 25px;
  margin: 0;
  opacity: 1;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-shadow: 0px 0px 0px #000000;

}
#menu-bar li ul li a {
  margin: 0;
}
#menu-bar .active a,  #menu-bar li:hover > a{
  background: #FF3333;
  color: #333333;
   height: 16px;

 
}




#menu-bar ul li:hover a, #menu-bar li:hover li a {
  background: none;
  border: none;
  color: #666;
  height: 19px;
}
#menu-bar ul a:hover {
  background: #333333 !important;
  color: #ffffff !important;
height: 19px;
}
#menu-bar li:hover > ul {
  display: block;
  
}
#menu-bar ul {
 background: #333333;
 
  display: none;
  margin: 0;
  
  padding: 0;
  width: 200px;
  position: absolute;
  top: 35px;
  left: 0;
  border: solid 0px #B4B4B4;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-box-shadow: 0px 0px 0px #222222;
  -moz-box-shadow: 0px 0px 0px #222222;
  box-shadow: 0px 0px 0px #222222;
}
#menu-bar ul li {
  float: none;
  margin: 0;
  padding: 0;
}
#menu-bar ul a {
  padding:10px 0px 10px 25px;
  color:#E6E6D7 !important;
  font-size:12px;
  font-style:normal;
  font-family:verdana;
  font-weight: normal;
  text-shadow: 0px 0px 0px #FFFFFF;
   
}
#menu-bar ul li:first-child > a {
  border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
}
#menu-bar ul li:last-child > a {
  border-bottom-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
}

#menu-bar  .active a:hover {
     color: #333333;    
}



#menu-bar:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#menu-bar {
  display: inline-block;
}


  html[xmlns] #menu-bar {
  display: block;
}
* html #menu-bar {
  height: 1%;
}


#raumbuch {
 /*   float: left;
    height: 47%;
    width: 99%;
   
    overflow: auto;*/
/*webkit-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;

webkit-box-shadow:inset 0 0 3px 1px #6e6e5a;
box-shadow:inset 0 0 3px 1px #6e6e5a;

background-color: rgba(240, 240, 230, 100);



outline: 3px solid #e6e6d7;
outline-offset: 0px;*/

}

#raumbuchlang {
    float: left;
    height: 96%;
    width: 99%;
    background: #DDDDDD;
    border: solid 1pt #48f;
    overflow: auto;
}

#rubriken {
overflow: hidden;
z-index: 0;

}


.login {
    margin: 0px auto;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
}

.logintable {
  
    margin: 0px auto;
   width: 50%;
    background: #FFFFFF;
}

.logintable td {
    background: #FFFFFF;
}

table {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5px;
     margin-right: 5px;
     
     background: #f6f6e7;
     border-box: 1px solid   #f0f0e6;
     width: calc(100% - 10px);

}
th {
   font-family: tahoma;
    vertical-align: middle;
    margin-right: 1px;
  height: 20px;
  line-height: 100%;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  box-shadow: 0px 0px 0px #666666;
  -webkit-box-shadow: 0px 0px 0px #666666;
  -moz-box-shadow: 0px 0px 0px #666666;
  /*background: #333333;
  border: solid 0px #6D6D6D;
  background: #8B8B8B;*/
  background: linear-gradient(top,  #C3C3A5,  #E6E6D7);
  background: -ms-linear-gradient(top,  #C3C3A5,  #E6E6D7);
  background: -webkit-gradient(linear, left top, left bottom, from(#C3C3A5), to(#E6E6D7));
  background: -moz-linear-gradient(top,  #C3C3A5,  #E6E6D7);
  
  
}

td {
    text-align: center;
    background: #e6e6d7;
    margin-right:1px;
    
}

textarea {
    width: 100%;
    height: 50px;
    overflow: auto;
    background-color: #EEEEEE;
}

input[type=text], input[type=file] {
    width: 50%;
    background-color: #FFFFFF;
}



input[type=button] {
    width: 210px;

}
input[type=submit] {
    width: 210px;

}

.tbcolor {
    background-color: #AAAAAA;
}



/*#right { margin-left: 0.25%;
         margin-top: 0.2%;float: left;   width: 29%; height:98%;  overflow:auto;  background:#ffffff;  }
#right_sub { width: 99%;height: 96%;overflow:hidden; border: solid 1px; border-color:#48f; background:#FFFFFF;   }*/


.data {display: inline; width: 100%; height: 100%;  overflow:auto}

#object_tree li{
    list-style-type:none;
    font-family: arial;
    font-size:11px;
}
#object_topNodes{
    margin-left:0px;
    padding-left:0px;
}
#object_topNodes ul{
    margin-left:10px;
    padding-left:0px;
    display:none;
}
#object_tree .tree_link{
    line-height:13px;
    padding-left:2px;

}
#object_tree img{
    padding-top:2px;
}
#object_tree a{
    color: #000000;
    text-decoration:none;
}
.activeNodeLink{
    background-color: #316AC5;
    color: #FFFFFF;
    font-weight:bold;
}

.erfassung, .teilelement, .gebaeude, .ebene, .raum {
    float: left;
    width: 250px;
}



.erfassung label {
    display: block;
    margin-left: 10px;
    font-weight: bold;
}

.gebaeude label, .gebaeudeteil label, .ebene label, .foto label, .dokument label, .raum label {
    display: block;
    float: left;
    margin-left: 10px;
    margin-right: 3px;
    font-weight: bold;
}


.teilelement label {
    display: block;
    margin-left: 10px;
    font-weight: bold;
    width: 200px;
}


.break {
    clear: left;
}

.text {
    float: left;
    display:inline-table;
    overflow: auto;
   
  padding-left: 2em;
   padding-right: 2em;

}

.erfassung input, .gebaeude input, .gebaeudeteil input, .foto input, .raum input {
    margin-left: 10px;
    width: 300px;

}

.gebaeude textarea, .ebene textarea, .foto textarea, .foro textarea, .raum textarea {
    margin-left: 10px;
    width: 400px;
    height: 100px;
    background-color: #FFFFFF;
}

.gebaeudeteil textarea {
    margin-left: 10px;
    width: 400px;
    height: 100px;
    background-color: #FFFFFF;
}

.teilelement input {
    margin-left: 10px;
    width: 400px;
}

.submit {
    float: right;
    background-color: transparent;

}

.delete {
    clear: left;
    float: left;
    background-color: transparent;
    height: 32px;
}

.gebaeude select, .ebene select, .foto select {
    margin-left: 10px;
    width: 60px;
}
.dokument select {
    margin-left: 10px;
    width: 150px;
}

.erfassung select,  .raum select {
    margin-left: 10px;
    width: 100px;
}


.erfassung textarea, .traeger textarea, .fassung textarea {
    margin-left: 10px;
    width: 500px;
    height: 100px;
    background-color: #FFFFFF;
}
.teilelement select {
    margin-left: 10px;
    width: 200px;
}


#teil {
    float: left;
    clear: left;
    font-size: 11pt;
    font-weight: bold;
}

#werteliste input {
    width: 120px;
}

#werteliste select {
    width: 120px;
}


#werteliste input[type=submit] {
    width: 120px;
}

#lageplan {
  display: inline;  
  height: calc(100% - 32px);
  width: 100%;
  width: calc(100% - 10px);


}

#lageplanbreit {
  display: inline-block;  
  height: calc(100% - 32px);
  width: calc(100% - 10px);
  overflow-x: hidden;
  overflow-y: hidden;
}

#lageplanbreitnav {
padding-top: 3px;

width: 99%;

height: 95%;

min-height: 95%;

overflow: auto;

border: solid 1px;

    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;

border-color:
#48f;

background:
#F2F2E5;

z-index: 100;
}

input[type=file] {

    width: 400px;
    background: #D0DDD0;
}



#foto {
    float: left;
    height: 50%;
    width: 50%;
    background: #DDDDDD;
}

#dokument {
    float: left;
    height: 50%;
    width: 50%;
    background: #D0DDD0;
}


#vorschau {
overflow: hidden;

}

#titel {
    float: left;
    width:  99%;
    height: 3%;
     font-size:10pt;
    text-align: center;
    vertical-align:middle;
webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;

background-color: rgba(230, 230, 215, 100);



outline: 3px solid #e6e6d7;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c3c3a5+0,e6e6d7+100 */
background: rgb(195,195,165); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(195,195,165,1) 0%, rgba(230,230,215,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(195,195,165,1) 0%,rgba(230,230,215,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(195,195,165,1) 0%,rgba(230,230,215,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c3a5', endColorstr='#e6e6d7',GradientType=0 ); /* IE6-9 */
}

#titel2 {
    float: left;
    width:  100%;
    height: 3%;
   
    text-align: center;
    vertical-align:middle;
font-size:10pt;
    text-align: center;
    vertical-align:middle;
webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;

background-color: rgba(230, 230, 215, 100);



outline: 3px solid #e6e6d7;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c3c3a5+0,e6e6d7+100 */
background: rgb(195,195,165); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(195,195,165,1) 0%, rgba(230,230,215,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(195,195,165,1) 0%,rgba(230,230,215,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(195,195,165,1) 0%,rgba(230,230,215,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c3a5', endColorstr='#e6e6d7',GradientType=0 ); /* IE6-9 */

}

#editpen  {
    
    float: right;    
 
}

.editpen  {
    
    float: right;    
 
}

.opleiste {
    float: left;
    clear:left;
    width: calc(100% - 5px);
   
    margin-right: 2px;
    height: 25px;
}

.panelcenterbreit {
    float: left;
    clear:left;
     margin-top: 3px; 
    margin-right: 3px; 
    margin-bottom: 5px;
     width: calc(100% - 5px);
    height: calc(100% - 10px);
    overflow:auto;
}

.panelmitte {
    float: left;
    clear:left;
   
    margin-right: 3px; 
    margin-bottom: 5px;
     width: calc(100% - 5px);
    height: calc(100% - 30px);
    overflow:auto;
}


.panelrubrik {
     float: left;
    clear:left;
    display: inline-block;
width: calc(100% - 5px);
height: calc(100% - 35px);
display:block;
overflow-x: hidden;
   

}

.panelvorschau {
     float: left;
    clear:left;
     width: calc(100% - 5px);
height: calc(100% - 35px);


   

}

.panelvorschau > img {
    
   vertical-align: middle;
  
}

.panelvorschau > iframe {
 margin-top: 3px;   
 width: calc(100% - 12px);
 height:100%

  
}

.opleisterubrik {
    float: left;
    clear:left;
    width: calc(100% - 5px);
    margin-top: 6px;
    margin-right: 2px;
    height: 25px;
}


.AccordionTitle, .AccordionContent, .AccordionContainer
{
  font-size:12px;
  font-style:normal;
  font-family:tahoma;
    position:relative;
    width:100%;
}

.AccordionTitle
{
     font-size:12px;
  font-style:normal;
  font-family:tahoma;
    height:20px;
    cursor:pointer;
    overflow:hidden;
    color: #000;
    background: #c3c3a5;

   
}

.AccordionTitle2
{
    font-size:12px;
  font-style:normal;
  font-family:tahoma;
    height:20px;
    cursor:pointer;
    overflow:hidden;
    color: #000;
    background: #c3c3a5;

    
}

.AccordionTitle3,
.AccordionTitle4,
.AccordionTitle5,
.AccordionTitle6,
.AccordionTitle7
{
    font-size:12px;
  font-style:normal;
  font-family:tahoma;
    height:20px;
    cursor:pointer;
    overflow:hidden;
    color: #000;
    background: #c3c3a5;

}




.AccordionTitle:hover
{
    color:#ffffff;
    background: #dddddd;

    /* CSS3 Gradient Effect */
    background: -moz-linear-gradient( top, #333333, #888888); /* FF, Flock */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc)); /* Safari, Chrome */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000); /* IE 5.5 - IE 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000)";   /* IE 8 */
}

.AccordionContent
{
    overflow:auto;
    display:none;
    height:0px;

}


.AccordionContainer
{


}



.traeger {
    float: left;

}
#object_tree li{
    list-style-type:none;
    font-family: arial;
    font-size:11px;
}
#object_topNodes{
    margin-left:0px;
    padding-left:0px;
}
#object_topNodes ul{
    margin-left:10px;
    padding-left:0px;
    display:none;
}
#object_tree .tree_link{
    line-height:13px;
    padding-left:2px;

}
#object_tree img{
    padding-top:2px;
}
#object_tree a{
    color: #000000;
    text-decoration:none;
}
.activeNodeLink{
    background-color: #316AC5;
    color: #FFFFFF;
    font-weight:bold;
}

#fotomenu {
    width: 99%;
    
    min-height: 20px;
   
    float: left;
  
}

#fotomenu ul {
    list-style: none;
    height: 20px;
    margin: 0;
    padding: 0;
    width: 12em;
    float: left;
}

.fotomenu ul {
    list-style: none;
    height: 20px;
    margin: 0;
    padding: 0;
    width: 12em;
    float: left;
    backgroound: #FFFFFF;
}

#fotomenu a, #fotomenu h2 {

    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    margin: 0;
    padding: 2px 3px;
    height: 14px;
}

.fotomenu a, .fotomenu h2 {

    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    margin: 0;
    padding: 2px 3px;
    height: 14px;
}


#fotomenu h2 {
    color: #111111;
    background: #B2CCE5;

}

#fotomenu a {
    color: #000;
    background: #efefef;
    text-decoration: none;
}

#fotomenu a:hover {
    color: #a00;
    background: #fff;
}

#fotomenu li {position: relative;}

#fotomenu ul ul {
    position: absolute;
    z-index: 500;
}

#fotomenu ul ul ul {
    position: absolute;
    top: 0;
    left: 100%;
}

div#fotomenu ul ul,
div#fotomenu ul li:hover ul ul,
div#fotomenu ul ul li:hover ul ul
{display: none;}

div#fotomenu ul li:hover ul,
div#fotomenu ul ul li:hover ul,
div#fotomenu ul ul ul li:hover ul
{display: block;}



.Spalte1 {
    clear: left;
    float: left;
    width: 20%;


}

.Spalte1 input {
    display: inline;
    width: 99%;


}


.Spalte2 {
    float: left;
    width: 32%;


}

.Spalte2 input {
    display: inline;
    width: 99%;


}

.DSpalte1 {
    clear: left;
    float: left;
    width: 30%;


}

.DSpalte1 input {
    display: inline;
    width: 98%;
    height:15px;


}

.DSpalte2 {
    float: left;
    width: 15%;


}

.DSpalte2 .filterbox {
    display: inline;

    width: 98%;


}


.DSpalte3 {
    float: left;
    width: 15%;


}

.DSpalte3 .filterbox {
    display: inline;

    width: 98%;


}
.DSpalte3 input{

    width: 98%;
    height:15px;


}

.DSpalte4 {
    float: left;
    width: 31%;


}

.DSpalte4 input{

    width: 98%;
    height:15px;


}

.DSpalte5 {
    float: left;
    width: 8%;


}


.Spalte3 {
    float: left;
    width: 34%;


}

.Spalte3 input {

    width: 99%;


}

.Spalte4 {
    float: left;
    margin-left: 3px;
    width: 8%;


}

.Wert1 {
    clear: left;
    float: left;
    width: 20%;
    height: 40px;
    background-color: #EEEEEE;
    border-right: 1px solid;
    border-right-color: #FFFFFF;
    border-bottom: 1px solid;
    border-bottom-color: #FFFFFF;
}

.DWert1 {
    clear: left;
    float: left;
    width: 30%;
    height: 40px;
    background-color: #EEEEEE;
    border-right: 1px solid;
    border-right-color: #FFFFFF;
    border-bottom: 1px solid;
    border-bottom-color: #FFFFFF;
}

.DWert1r {
    clear: left;
    float: left;
    width: 30%;
    height: 40px;
    background-color: #EE3333;
    border-right: 1px solid;
    border-right-color: #FFFFFF;
    border-bottom: 1px solid;
    border-bottom-color: #FFFFFF;
}
.DWert1 a, .DWert2 a, .Wert1 a, .Wert2 a,.Wert3 a,.Wert4 a {
    text-decoration: none;
    color: #111111;
}

.Wert2 {
    float: left;
    width: 33%;
    height: 40px;
    background-color: #DDDDDD;
    border-right: 1px solid;
    border-right-color: #FFFFFF;
    border-bottom: 1px solid;
    border-bottom-color: #FFFFFF;

}

.DWert2 {
    float: left;
    width: 15%;
    height: 40px;
    background-color: #DDDDDD;
    border-right: 1px solid;
    border-right-color: #FFFFFF;
    border-bottom: 1px solid;
    border-bottom-color: #FFFFFF;

}

.DWert2r {
    float: left;
    width: 15%;
    height: 40px;
    background-color: #DD3333;
    border-right: 1px solid;
    border-right-color: #FFFFFF;
    border-bottom: 1px solid;
    border-bottom-color: #FFFFFF;

}

.DWert3 {
    float: left;
    width: 15%;
    height: 40px;
    background-color: #DDDDDD;
    border-right: 1px solid;
    border-right-color: #FFFFFF;
    border-bottom: 1px solid;
    border-bottom-color: #FFFFFF;

}

.DWert3r {
    float: left;
    width: 15%;
    height: 40px;
    background-color: #DD3333;
    border-right: 1px solid;
    border-right-color: #FFFFFF;
    border-bottom: 1px solid;
    border-bottom-color: #FFFFFF;

}

.DWert4 {
    float: left;
    width: 30%;
    height: 40px;
    background-color: #DDDDDD;
    border-right: 1px solid;
    border-right-color: #FFFFFF;
    border-bottom: 1px solid;
    border-bottom-color: #FFFFFF;

}

.DWert4r {
    float: left;
    width: 30%;
    height: 40px;
    background-color: #DD3333;
    border-right: 1px solid;
    border-right-color: #FFFFFF;
    border-bottom: 1px solid;
    border-bottom-color: #FFFFFF;

}




.Wert3 {
    float: left;
    width: 35%;
    height: 40px;
    background-color: #EEEEEE;
    border-right: 1px solid;
    border-right-color: #FFFFFF;
    border-bottom: 1px solid;
    border-bottom-color: #FFFFFF;
}


.Wert3r {
    float: left;
    width: 35%;
    height: 40px;
    background-color: #EE3333;
    border-right: 1px solid;
    border-right-color: #FFFFFF;
    border-bottom: 1px solid;
    border-bottom-color: #FFFFFF;
}




.Wert4 {
    float: left;
    width: 9%;
    height: 40px;
    background-color: #DDDDDD;
    border-right: 1px solid;
    border-right-color: #FFFFFF;
    border-bottom: 1px solid;
    border-bottom-color: #FFFFFF;
    text-align: center;
    overflow: hidden;
}


.Wert4 img {
    border: 0;

    height: 32px;

}
#fotone, #dokumentneu {
    float: left;
    height: 5%;
    width: 99%;
    overflow: hidden;

    margin-left: 0.25%
}

#fotoliste, #dokumentliste {
    float: left;
    height: 55%;
    width: 99%;
    overflow: hidden;
    border:  #AAAACC solid 1px;
    margin-left: 0.25%
}

#fotoliste_sub, #dokumentliste_sub { height: 100%;  overflow:auto;  background: #FFFFFF;   }

#fotodetail, #dokumentdetail {
    margin-top: 2%;
    clear: left;
    float: left;
    height: 30%;
    width: 99%;
}

#fotodetail_sub, #dokumentdetail_sub { height: 100%;  overflow:auto;  background: #FFFFFF;    }

#listenkopf {
    position: relative;
    display: inline;
    float: left;
    height: 15%;
    width:100%;
    background: #CCCCCC;
    border-bottom: 1px solid;
}


#listentab {
    margin-left: 0.25%;
    position: relative;
    display: inline;
    float: left;
    height: 3%;
    width:20%;
    background: #AAAACC;
    text-align: center;
    font-weight: bold;

}

#listenrumpf {

    display: inline;
    clear: left;
    float: left;
    height: 85%;
    overflow: auto;
    background: #EEEEEE;
    width:100%;

}


#dokument select  {
    float: left;
}

.dokument input  {
    float: left;
}

.dokument select {
    width: 100px;
}

.dokument label  {
    float: left;
    font-weight: bold;
}


.traeger select  {
    float: left;
}


.traegereintrag {
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
    background: #EAEAEA;

}


.traegereintragkurz {
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 7px;
    background: #EAEAEA;

}

.traegerkopf {
    width: 100%;
    background: #CACACA;
}

.traeger input, .fassung input  {
    float: left;
    margin-left: 10px;
}

.traeger select {
    width: 120px;

}

.traeger label  {
    float: left;
    margin-left: 10px;
}

/*#tab {
    float: left;
    background: #bdf url("../img/tabs.gif");
    color: #008;
    display: block;
    float: left;
    height: 3%;
    margin-left: 3px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    background-color: #48f;
    background-position: 0 -60px;
    color: #fff;
    font-weight: bold;

}

#tab1 {
    float: left;
    background: #ccc url("../img/tabs.gif");
    color: #008;
    display: block;
    float: left;
    height: 3%;

    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    background-color: #ccc;
    background-position: 0 0px;
    color: #fff;
    font-weight: bold;

}

#tab1:hover, #tab2:hover, #tab3:hover, #tab5:hover {
    border-radius:10%;
    box-shadow: 0 10px 6px -6px grey;
    background: #48f;
}

#tab3, #tab2 {
    float: left;
    background: #ccc url("../img/tabs.gif");
    color: #008;
    display: block;
    float: left;
    height: 3%;

    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    background-color: #ccc;
    background-position: 0 0px;
    color: #fff;
    font-weight: bold;

}

#tab5 {
    float: left;
    background: #ffc url("../img/tabs2.gif");
    color: #008;
    display: block;
    float: left;
    height: 3%;

    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    background-color: #ccc;
    background-position: 0 0px;
    color: #fff;
    font-weight: bold;

}*/

.fassung {
    float: left;
}

.fassung select  {
    float: left;
}


.fassungeintrag {
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
    background: #CCCCCC;

}

.fassungeintragkurz {
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 7px;
    background: #CCCCCC;

}


.fassungkopf {
    width: 100%;
    background: #CACACA;
}

.fassung input  {
    float: left;
}

.fassung select {
    width: 120px;

}

.fassung label  {
    float: left;
    margin-left: 10px;
}

#content {
    height: 100%;
    background: #FFFFFF;
    padding-bottom: 30px;
}

#contentraum {

    position: absolute;

    top: 120px;
    width: 100%;
    height: calc(100% - 120px);
    overflow: auto;
}

#erfassung {
    height: 100%;
    top: 150px;
    bottom: 10px;
    background: #FFFFFF;
    overflow: auto;
}

#content_prokoll {
    height: 100%;
    background: #FFFFFF;
    padding-bottom: 60px;
  
}

#links {
    border: solid 1px; border-color:#48f;background:#F2F2E5;
    margin: 3px;
    float: left;
    width: 20%;
    height: 78%;
    background: #DDDDDD;
    overflow: auto;
}

#links50 {
    border: solid 1px; border-color:#48f;background:#F2F2E5;
    margin: 3px;
    float: left;
    width: 49%;
    height: 78%;
    background: #DDDDDD;
    overflow: auto;
}



#mitte {
    margin: 3px;
    float: left;
    width: 50%;
    height: 78%;
    background: #B2B2B2;
    border: solid 1px; border-color:#48f;background:#F2F2E5;

}

#mitte50 {
    margin: 3px;
    float: left;
    width: 50%;
    height: 78%;
    background: #B2B2B2;
    border: solid 1px; border-color:#48f;background:#F2F2E5;

}


#rechts {
    margin: 3px;
    float: left;
    width: 26%;
    height: 78%;
    background: #c1d3e5;
    border: solid 1px; border-color:#48f;
}

form {
    display: inline;
}

#rb, #pb, #werteliste {
    float: left;
    height: 96%;
    width: 99%;
    background: #DDDDDD;
    overflow: auto;
}

#info {
    float: left;
    width: 100%;
    height:96%;
    overflow: auto;
}

#werteliste input {
    width: 120px;
}

#werteliste select {
    width: 120px;
}


#werteliste input[type=submit] {
    width: 120px;
}

.dokmenu {
    float: left;
    width: 15%;
    height: 32px;
    margin-left: 3px;
    border-left: 1px dotted;
    border-right: 1px dotted;
    border-bottom: 1px dotted;
    background: #E0E0E0;
    z-index: 1000;

}

.dokmenu ul {
    list-style: none;
    height: 20px;
    margin: 0;
    padding: 0;
    float: left;
    width: 250%;
}

.dokmenu ul ul {

    height: 200px;
    margin: 0;
    padding: 0;
    float: left;
    overflow: auto;
    background: #efefef;
    border: dotted 1px;

}

.dokmenu a {
    position: relative;
    display: block;
    color: #000;
    background: #efefef;
    text-decoration: none;
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    margin: 0;
    z-index: 700;
}

.dokmenu a:hover {
    position: relative;
    color: #a00;
    background: #fff;
    z-index: 700;
}

.dokmenu li {position: relative;}

.dokmenu ul ul {

    position: absolute;
    z-index:700;
}

div.dokmenu ul ul,
div.dokmenu ul li:hover ul ul,
div.dokmenu ul ul li:hover ul ul
{display: none;}

div.dokmenu ul li:hover ul,
div.dokmenu ul ul li:hover ul
{display: block;}

.s1 {


    float: left;
    width: 80%;
    height: 32px;

    border-left: 1px dotted;
    border-right: 1px dotted;
    border-bottom: 1px dotted;
    background: #E0E0E0;
    overflow: auto;
}

.s2 {
    float: left;
    width: 49%;
    height: 30px;
    border-left: 1px dotted;
    border-right: 1px dotted;
    border-bottom: 1px dotted;
    background: #E0E0E0;
}

.kopfspalte1 {
    clear: left;
    width: calc(20% - 3px);
    float: left;
    margin-left: 3px;
    margin-top: 3px;
    font-family: tahoma;
    vertical-align: middle;
  height: 25px;
  line-height: 100%;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  box-shadow: 0px 0px 0px #666666;
  -webkit-box-shadow: 0px 0px 0px #666666;
  -moz-box-shadow: 0px 0px 0px #666666;
  /*background: #333333;
  border: solid 0px #6D6D6D;
  background: #8B8B8B;*/
  background: linear-gradient(top,  #C3C3A5,  #E6E6D7);
  background: -ms-linear-gradient(top,  #C3C3A5,  #E6E6D7);
  background: -webkit-gradient(linear, left top, left bottom, from(#C3C3A5), to(#E6E6D7));
  background: -moz-linear-gradient(top,  #C3C3A5,  #E6E6D7);
  padding-top: 10px;
 
}

.kopfspalte2 {
    width: calc(80% - 1px);
    float: left;
   margin-left: 1px;
  
    margin-top: 3px;
   
  height: 25px;
  padding-top: 10px;
  line-height: 100%;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  box-shadow: 0px 0px 0px #666666;
  -webkit-box-shadow: 0px 0px 0px #666666;
  -moz-box-shadow: 0px 0px 0px #666666;
  /*background: #333333;
  border: solid 0px #6D6D6D;
  background: #8B8B8B;*/
  background: linear-gradient(top,  #C3C3A5,  #E6E6D7);
  background: -ms-linear-gradient(top,  #C3C3A5,  #E6E6D7);
  background: -webkit-gradient(linear, left top, left bottom, from(#C3C3A5), to(#E6E6D7));
  background: -moz-linear-gradient(top,  #C3C3A5,  #E6E6D7);
  
}


#protokoll {
    width: 99%;
    height: 99%;

    overflow: none;

}

#protokollliste {
    float: left;
    height: 80%;
    width: 100%;
    overflow:auto;

}



.p1 {
    clear: left;
    float: left;
    width: 10%;
    height: 30px;
    border: solid 1px;
}

.p2 {

    float: left;
    height: 30px;
    width: 80%;
    overflow: auto;
    border: solid 1px;
}

.p3 {

    float: left;
    height: 30px;
    width: 9%;
    border: solid 1px;

}

#schadensbild select {
    width: 300px;

}

#bestand select {
    width: 200px;

}

#bemerkung input {
    width: 400px;
}

#traeger label,#fassung label {
    font-weight: 700 ;
}



.delval input, .newval input, .editval input  {
    width: 16px;
   max-width:  16px;
    height: 16px;
}



.editval {
    display: block;

}

.editwindow {
    position: absolute;
    display: block;
    top: 15%;
    left: 15%;
    width: 68%;
    height: 70%;
    padding-left: 1%;
    background:silver;
    border: solid 1pt #000000;
}

.editcolumn {
    clear: left;
    float: left;
    width: 350px;
    height: 25px;
}

.editcolumn input {
    min-width: 250px;
    width: 250px;
    height: 25px;
}

.gruppe {
    display: inline;
}

.tabbutton {
    background: transparent;
    border: 0px;
    height: 16px;
}

/* Layout der Auswahlfunktion */
.tableheader {


    background-color: #cccccc;
    overflow: auto;
}

.legende {
    background-color: #DDDDDD;
    border: 1px dashed #804000;
}

.tableheader th {
    background-color: #cccccc;
}

.tableheader td {
    background-color: #eeeeee;
}

.tablewrapper {
    width: 99%;
    height: 400px;
    overflow: auto;
}

#tableheader {
    width: 99%;
    background-color: #eeeeee;
    border: 0px;
}

#massnahmen select {
    width: 300px;
}

.preview {
    padding: 2px;
    float: left;
    width: 150px;
    height: 150px;

}

/*Define Accordion box*/
.accordion { width:95%; overflow:hidden; margin:0px auto; color:#474747; background:#414141; padding:0px; }

/*General Accordion****************************************************************************/
/*Set style of open slide*/
.accordion section:target { background:#FFF; padding:0px;}
.accordion section:target:hover { background:#FFF; }
.accordion section:target h2 {width:100%;}
.accordion section:target h2 a{ color:#333; padding:0; background: #666;}
.accordion section:target p {display:block;}
.accordion section h2 a{display:block; font-family: tahoma; font-size:12px; font-weight:normal;color:#000; text-decoration:none;}

/*set style of closed slide*/
.accordion section{ float:left;	overflow:hidden; color:#333; cursor:pointer; background: #333;  }
.accordion section:hover {background:#444;}
.accordion section p { display:none; }
.accordion section:after{position:relative;font-size:10px;color:#000;font-weight:bold;}

/*End General Accordion****************************************************************************/


/*Vertical Accordion *************************************************************************/
.vertical section{ width:100%; height:25px;
                   -webkit-transition:height 0.2s ease-out;
                   -moz-transition:height 0.2s ease-out;
                   -o-transition:height 0.2s ease-out;
                   -ms-transition:height 0.2s ease-out;
                   transition:height 0.2s ease-out;
                   background: #e6e6d7;
}
/*Set height of the slide*/
.vertical :target{ height:450px; width:100%; overflow:hidden; }

.vertical section h2 { position:relative; height:26px; left:0; top:-15px; }

.labels { float: left;display: inline; width: 200px; height: 25px;background:lightgray; margin: 1px;}
.labels100 { float: left;display: inline; width: 100px; height: 25px;background:lightgray; margin: 1px;}
.labelsklein { float: left;display: inline; width: 50px; height: 25px;background:lightgray; margin: 1px;}


.element { float: left;display: inline; width: 200px; height: 16px; margin: 1px; background:#DDDDDD;}
.element100 { float: left;display: inline; width: 100px; height: 16px; margin: 1px; background:#DDDDDD;}
.elementklein { float: left;display: inline; width: 50px; height: 16px; margin: 1px; background:#DDDDDD;}
.show { clear: left; float: left;display: inline; width: 50px; height: 16px; valign:center; margin: 1px; background:#CCCCCC; }
.linebreak {clear: left; float:left}
#auswahl {
    position: absolute;
    top: 120px;
    width: 100%;
    height: 60px;
    background-color: #FFFFFF;
}
#content2 {  position:fixed;  top:180px;  left:0;  bottom:30px;  right:0;  overflow:auto;  background:#ffffff;  }





.zeilespalte1 {
    clear: left;
    float: left;
    width: calc(20% - 3px);
    margin-top: 1px;
    margin-left: 3px;
    font-family: tahoma;
    background: #e6e6d7;
    text-align: right;
   
}

.zeilespalte1_table {
    clear: left;
    float: left;
    width: calc(19% - 3px);
    margin-top: 1px;
    margin-left: 3px;
    font-family: tahoma;
    background: #e6e6d7;
    text-align: right;
   
}

.titelzeile {
    clear: left;
    width: calc(100% - 4px); 
    float: left;
    margin-right: 1px;
    margin-left: 3px;
    margin-top: 1px;
    background: #e6e6d7;
    font-family: tahoma;
    font-weight: bold;
}

.titelzeile_table {
    clear: left;
    width: calc(99% - 4px); 
    float: left;
    margin-right: 1px;
    margin-left: 3px;
    margin-top: 1px;
    background: #e6e6d7;
    font-family: tahoma;
    font-weight: bold;
}

.zwischenueberschrift {
    background: #c6c6b7;
    font-family: tahoma;
    font-weight: bold;
}

.zeilespalte2 {
   
    float: left;
    width: calc(79% - 1px);
    margin-top: 1px;
    margin-left: 1px;
    font-family: tahoma;
    background: #e6e6d7;
    text-align: left;
}

.zeilespalte2_table {
   
    float: left;
    width: calc(76% - 1px);
    margin-top: 1px;
    margin-left: 1px;
    font-family: tahoma;
    background: #e6e6d7;
    text-align: left;
}
.re  {
    border: 0px;
    border-bottom: 1px solid #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
}

.rer  {
    border: 0px;
    border-right: 1px solid #000000;
    border-bottom: 0.5px solid #CCCCCC;
}


.rg  {
    border: 0px;
    border-bottom: 1px solid #000000;
}


#quelledetail_header { height: 16px;  overflow:none;  background: #FFFFF; background-image: url("../img/headerback.png"); background-repeat: y repeat-x   }
#quelledetail_button { float: right; height: 16px; width: 50px; overflow:none;  background: #FFFFF; background-image: url("../img/headerbutton.png"); background-repeat: none; background-position: right;   }
#quelledetail_buttonlinks{ float: left; height: 16px; width: 40px; overflow:none;  background: #FFFFF; background-image: url("../img/headerbuttonlinks.png"); background-repeat: none; background-position: left;   }

#globalsearch  {
   
  font-weight: normal;
  font-family: verdana;
  font-style: normal;
  font-size: 14px;
  color: #E6E6D7;
  text-decoration: none;
  display: inline-block;
  padding: 7px 25px 10px 25px;
  
  opacity: 1;
 
}

#gsearch {
     font-weight: normal;
  font-family: tahoma;
  font-style: normal;
  font-size: 14px;
  color: #E6E6D7;
 position: relative;  
 width: 10em;
 margin-left: 20px;
  box-shadow: inset 0px 0px 1px 1px #e6e6d7;
  -webkit-box-shadow:  inset 0px 0px 1px 1px #e6e6d7;
  -moz-box-shadow:  inset 0px 0px 1px 1px #e6e6d7;
  background: #333333;
  border: solid 0px #e6e6d7;
 
}

#gsearch:hover {
     font-weight: normal;
  font-family: tahoma;
  font-style: normal;
  font-size: 14px;
  color: #E6E6E6;
 position: relative;  
 width: 10em;
 
  box-shadow: inset 0px 0px 2px 2px #eeeeee;
  -webkit-box-shadow:  inset 0px 0px 2px 2px #eeeeee;
  -moz-box-shadow:  inset 0px 0px 2px 2px #eeeeee;
  background: #333333;
  border: solid 0px #eeeeee;
 
}
#dsearch {
     font-weight: normal;
  font-family: tahoma;
  font-style: normal;
  font-size: 14px;
  color: #333333;
 position: relative;  
 width: 10em;
 margin-left: 20px;
 margin-top:5px;
  box-shadow: inset 0px 0px 1px 1px #e6e6d7;
  -webkit-box-shadow:  inset 0px 0px 1px 1px #e6e6d7;
  -moz-box-shadow:  inset 0px 0px 1px 1px #e6e6d7;
  background: #FFFFFF;
  border: solid 0px #e6e6d7;
 
}

#dsearch:hover {
     font-weight: normal;
  font-family: tahoma;
  font-style: normal;
  font-size: 14px;
  color: #333333;
 position: relative;  
 width: 10em;
 
  box-shadow: inset 0px 0px 2px 2px #eeeeee;
  -webkit-box-shadow:  inset 0px 0px 2px 2px #eeeeee;
  -moz-box-shadow:  inset 0px 0px 2px 2px #eeeeee;
  background: #FFFFFF;
  border: solid 0px #eeeeee;
 
}


#inline {


    width:80%;
    height: 50%;
    overflow: hidden;


}

#range {
    width: 95%;
    left: 2.5%;

}

#aufgaben {
  z-index: 50;
}

#contentheader {
    position: absolute;
    height:100px;
    top: 90px;
    width: 100%;
}

#contentfassade {  position:fixed;  top:230px;  left:0;  bottom:30px;  right:0;  overflow:auto;  background:#ffffff;  }

#contentfassade {  position:fixed;  top:250px;  left:0;  bottom:5px;  right:0;  overflow:auto;  background:#ffffff;  }


#tab-bar {
  width: calc(100%-32px);
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  height: 35px;
  line-height: 100%;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  box-shadow: 0px 0px 0px #666666;
  -webkit-box-shadow: 0px 0px 0px #666666;
  -moz-box-shadow: 0px 0px 0px #666666;
  /*background: #333333;
  border: solid 0px #6D6D6D;
  background: #8B8B8B;*/
  background: linear-gradient(top,  #C3C3A5,  #E6E6D7);
  background: -ms-linear-gradient(top,  #C3C3A5,  #E6E6D7);
  background: -webkit-gradient(linear, left top, left bottom, from(#C3C3A5), to(#E6E6D7));
  background: -moz-linear-gradient(top,  #C3C3A5,  #E6E6D7);
  border: solid 0px #6D6D6D;
  position:relative;
  z-index:10;
}
#tab-bar li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
   
  position: relative;
  list-style: none;
}
#tab-bar a {
  /*font-weight: normal;
  font-family: tahoma;
  font-style: normal;
 
  color: #E6E6D7;
  text-decoration: none;
  display: block;
  padding: 11px 25px 10px 25px;
  margin: 0;
  opacity: 1;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-shadow: 0px 0px 0px #000000;*/
  font-weight: bold;
  font-family: tahoma;
  font-style: normal;
  font-size: 12x;
  color: #333333;
  text-decoration: none;
  display: block;
  padding: 9px 20px 14px 20px;
  padding: auto;
  margin: 0;
  margin-bottom: 0px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-shadow: 0px 0px 0px #000000;
}
#tab-bar li ul li a {
  margin: 0;
}
#tab-bar .active a,  #tab-bar li:hover > a{
  /*background: #FF0000;
  color: #333333;
   height: 19px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  text-shadow: 0px 0px 0px #FFFFFF;*/
  background: #E6E6D7;
  color: #000000;
  font-size-adjust: 0.6;
  
}

 .stand a{
  /*background: #FF0000;
  color: #333333;
   height: 19px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  text-shadow: 0px 0px 0px #FFFFFF;*/
  background: #969687;
  color: #000000;
  font-size-adjust: 0.6;
  
}



#tab-bar ul li:hover a, #tab-bar li:hover li a {
  background: none;
  border: none;
  color: #666;
  -box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
#tab-bar ul a:hover {
  /*background: #333333 !important;
  color: #ffffff !important;*/
  background: #E6E6D7 !important;
  color: #FF0000 !important;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  text-shadow: 0px 0px 0px #FFFFFF;
}
#tab-bar li:hover > ul {
  display: block;
}
#tab-bar ul {
  /*background: #333333;*/
  background: #E6E6D7;
  display: none;
  margin: 0;
  
  padding: 0;
  width: 185px;
  position: absolute;
  top: 35px;
  left: 0;
  border: solid 0px #B4B4B4;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-box-shadow: 0px 0px 0px #222222;
  -moz-box-shadow: 0px 0px 0px #222222;
  box-shadow: 0px 0px 0px #222222;
}
#tab-bar ul li {
  float: none;
  margin: 0;
  padding: 0;
}
#tab-bar ul a {
  /*padding:10px 0px 10px 25px;
  color:#E6E6D7 !important;
  font-size:12px;
  font-style:normal;
  font-family:tahoma;
  font-weight: normal;
  text-shadow: 0px 0px 0px #FFFFFF;*/
    padding:10px 0px 10px 15px;
  color:#333333 !important;
  font-size:10px;
  font-style:normal;
  font-family:verdana;
  font-weight: normal;
  text-shadow: 0px 0px 0px #FFFFFF;
}
#tab-bar ul li:first-child > a {
  border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
}
#tab-bar ul li:last-child > a {
  border-bottom-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
}

#tab-bar  .active a:hover {
     color: #333333;    
}



#tab-bar:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#tab-bar {
  display: inline-block;
}


  html[xmlns] #tab-bar {
  display: block;
}
* html #tab-bar {
  height: 1%;
}

#center { 
          float: left;   width: 50%; height: calc(97% + 3px); min-height: 97%;  
          margin-top: 6px;
  margin-left: 8px;
   -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;

    font-weight: normal;
  font-family: verdana;
  font-style: normal;
  font-size: 12px;
  overflow: hidden;
  border: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal 14px/23px Tahoma, Geneva, sans-serif;
  color: #333333;
  text-indent: 8px;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: -webkit-linear-gradient(-90deg, #c3c3a5 0, #e6e6d7 25px, #e6e6d7 100%), rgba(230,230,215,1);
  background: -moz-linear-gradient(180deg, #c3c3a5 0, #e6e6d7 25px, #e6e6d7 100%), rgba(230,230,215,1);
  background: linear-gradient(180deg, #c3c3a5 0, #e6e6d7 25px, #e6e6d7 100%), rgba(230,230,215,1);
  background-position: auto auto;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  z-index: 10;


}

#centerbreit { 
          float: left;   width: calc(100% - 15px); height: calc(100% - 20px); min-height: 90%;  
          margin-top: 6px;
  margin-left: 8px;
   -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;

    font-weight: normal;
  font-family: verdana;
  font-style: normal;
  font-size: 12px;
  overflow: hidden;
  border: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal 14px/23px Tahoma, Geneva, sans-serif;
  color: #333333;
  text-indent: 8px;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: -webkit-linear-gradient(-90deg, #c3c3a5 0, #e6e6d7 25px, #e6e6d7 100%), rgba(230,230,215,1);
  background: -moz-linear-gradient(180deg, #c3c3a5 0, #e6e6d7 25px, #e6e6d7 100%), rgba(230,230,215,1);
  background: linear-gradient(180deg, #c3c3a5 0, #e6e6d7 25px, #e6e6d7 100%), rgba(230,230,215,1);
  background-position: auto auto;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  z-index: 10;


}
//#centerbreit { margin-left: 0.25%;
//               margin-top: 0.2%; float: left;  margin-left: 3px; width: 100%; height:99%; min-height:99%;  overflow:auto;  background:#ffffff; z-index:100; }
#center_sub { padding-top: 3px;  width: 99%; height: 95%; min-height:95%;overflow:auto; border: solid 1px; border-color:#48f;background:#F2F2E5;  z-index:100;   }
#center_subk { padding-top: 3px;  width: 99%; height: 95%; min-height:95%;overflow:auto; border: solid 1px; border-color:#48f;background:#E5F2F2;  z-index:100;   }

.centerboxinside {
   
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin-left: 2px;
  margin-right:2px;
  height: calc(100% - 38px);
  width: calc(100% - 4px);
  overflow: auto;
  border: none;
  font: normal 12px/23px Tahoma, Geneva, sans-serif;
  color: rgba(0,0,0,0.9);
  text-indent: 8px;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #f0f0e6;
  -webkit-box-shadow: 0 0 2px 1px #7a7a70 inset;
  box-shadow: 0 0 2px 1px #7a7a70 inset;
}

.breadcrumb {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  clear: left;
  float: left;
  height: 20px;
  width: calc(100% - 16px);
  margin-top: -4px;
 
  margin-bottom:  1px;
  margin-left: 8px;
  overflow: hidden;
  border: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-weight: normal;
  color: #555555;
  text-indent: 8px;
  font-family: verdana;
  font-size: 9pt;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: -webkit-linear-gradient(-90deg, #c3c3a5 0, #e6e6d7 25px, #e6e6d7 100%), rgba(230,230,215,1);
  background: -moz-linear-gradient(180deg, #c3c3a5 0, #e6e6d7 25px, #e6e6d7 100%), rgba(230,230,215,1);
  background: linear-gradient(180deg, #c3c3a5 0, #e6e6d7 25px, #e6e6d7 100%), rgba(230,230,215,1);
  background-position: auto auto;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  z-index: 10;
  
}

#breadcrumb_text {
    vertical-align: middle;
    padding-top: 1px;
}

.basicboxmitte {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  clear: left;
  float: left;
  height: calc(50% - 11px);
  width: calc(100% - 8px);
  margin-top: 6px;
  margin-left: 8px;
  overflow: hidden;
  border: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
   font-weight: normal;
  font-family: tahoma;
  font-style: normal;
  font-size: 12px;
  color: #333333;
  text-indent: 8px;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: -webkit-linear-gradient(-90deg, #c3c3a5 0, #e6e6d7 25px, #e6e6d7 100%), rgba(230,230,215,1);
  background: -moz-linear-gradient(180deg, #c3c3a5 0, #e6e6d7 25px, #e6e6d7 100%), rgba(230,230,215,1);
  background: linear-gradient(180deg, #c3c3a5 0, #e6e6d7 25px, #e6e6d7 100%), rgba(230,230,215,1);
  background-position: auto auto;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  z-index: 10;
}



.basicbox {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  clear: left;
  float: left;
  height: calc(50% - 6px);
  width: calc(100% - 8px);
  margin-top: 6px;
  margin-left: 8px;
  overflow: hidden;
  border: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
   font-weight: normal;
  font-family: tahoma;
  font-style: normal;
  font-size: 12px;
  color: #333333;
  text-indent: 8px;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: -webkit-linear-gradient(-90deg, #c3c3a5 0, #e6e6d7 25px, #e6e6d7 100%), rgba(230,230,215,1);
  background: -moz-linear-gradient(180deg, #c3c3a5 0, #e6e6d7 25px, #e6e6d7 100%), rgba(230,230,215,1);
  background: linear-gradient(180deg, #c3c3a5 0, #e6e6d7 25px, #e6e6d7 100%), rgba(230,230,215,1);
  background-position: auto auto;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  z-index: 100;
}




.basicboxinside {
   
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin-left: 2px;
  margin-right:2px;
  height: calc(100% - 39px);
  width: calc(100% - 4px);
  overflow: auto;
  border: none;
  font: normal 12px/23px Tahoma, Geneva, sans-serif;
  color: rgba(0,0,0,0.9);
  text-indent: 8px;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #f0f0e6;
  -webkit-box-shadow: 0 0 2px 1px #7a7a70 inset;
  box-shadow: 0 0 2px 1px #7a7a70 inset;
  z-index: -10;
}

#knopf {
  float:right;
  display: inline-block;
  margin-top: -4px;
 
}

li:nth-child(1n) .jstree-wholerow  {

}

 li:nth-child(2n)  .jstree-wholerow {

}


div.stylish-button {
 
 font-family: tahoma;
 font-size: 10px;
 background: #eeeeee;

 background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  max-width: 16px;
  max-height: 12px;
   min-width: 16px;
  min-height: 12px;
  color: #000000;
 
  padding: 1px 5px 5px 5px;
  border: solid #333333 0.5px;
  text-decoration: none;
  
	
}



a.stylish-button {
 
 font-family: tahoma;
 font-size: 10px;
 background: #eeeeee;

 background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  max-width: 16px;
  max-height: 14px;
   min-width: 16px;
  min-height: 14px;
  color: #000000;
 
  padding: 1px 5px 5px 5px;
  border: solid #333333 0.5px;
  text-decoration: none;
  
	
}

div.stylish-button:hover {
    
font-family: tahoma;
	font-size: 10px;
 
  background: #eeeeee;
      -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
 
  color: #000000;

padding: 1px 5px 5px 5px;
  border: solid #777777 0.5px;
  text-decoration: none;
  
  
	
}

a.stylish-button:hover {
    
font-family: tahoma;
	font-size: 10px;
 
  background: #eeeeee;
      -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
 
  color: #000000;

padding: 1px 5px 5px 5px;
  border: solid #777777 0.5px;
  text-decoration: none;
  
  
	
}

a.stylish-button > img {

 display: inline-block;
 margin-top: 1px;

 text-indent: 0px;
 vertical-align: middle;
 text-align: center;
 
	
}

div.stylish-button > input[type=image] {
display: inline;
width: 16px;
 text-align: center;
margin-left:  -8px;
	
}

.bbheader {
  clear:left;  
  float:left;
  height: 35px;
  width: 100%;
  font-weight: bold;
  font-family: tahoma;
  font-style: normal;
  font-size: 11px;
  color: #333333;
  text-decoration: none;
  display: block;
 
  
  margin: 0;
  margin-bottom: 0px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-shadow: 0px 0px 0px #000000;
 
  
}

.bbtextmitte {
  clear:left;  
  float:left;
 
  padding-left: 20px;
  font-weight: normal;
  font-family: tahoma;
  font-style: normal;
  font-size: 11px;
  color: #333333;
  text-decoration: none;
  display: block;
 
  
  margin: 0;
  margin-bottom: 0px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-shadow: 0px 0px 0px #000000;
   padding-top: 5px;
     padding-bottom:  7px;
  
}

.bbtext {
  clear:left;  
  float:left;
 
  padding-left: 20px;
  font-weight: bold;
  font-family: tahoma;
  font-style: normal;
  font-size: 11px;
  color: #333333;
  text-decoration: none;
  display: block;
 
  
  margin: 0;
  margin-bottom: 0px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-shadow: 0px 0px 0px #000000;
   padding-top: 9px;
  
}

#bquery {
    float: left;
    margin-left: 3px;
    
   
    padding-top: 7px;
}

#bquery input[type=text] {
   font-family: tahoma;
   font-size: 11px;
   height: 14px; 
   width: 150px;
   
}




.bbbutton  {
  float: right;  
  display: inline-block;
  margin-right: 3px;
  margin-top: 3px;  

 
}

#navimenu select {
    display: inline;
    width: calc(100% - 255px);
    margin-top: 3px;
   height: 23px;
   vertical-align: middle;
}

#raumbuch {
  display: inline-block;
  width: calc(100% - 6px);
  height: calc(100% - 4px);
  z-index: 0;
  margin-top:2px;  
  margin-left: -5px;
  overflow: auto;
  text-indent: 0px;
}

.jstree-container-ul {
    margin-left: 0px;
}

li:nth-child(even) > .jstree-wholerow {
    background: #e6e6d7;
}

li:nth-child(even) > .jstree-wholerow:hover {
    background: #cee2aa;
}

[id|='1']>.jstree-wholerow {
    background: #e6e6d7;
}

 .ui-dialog { z-index: 1000 !important ;}
 
 #formulareingabe {
     margin-top: 5px;
     margin-left: 5px;
 }
 
 .dokrubrik {
     background: #e6e6d7;
     border-box: 1px solid   #f0f0e6;
 }
 
 #infoDialog {
     font-family: tahoma;
     font-size: 12pt;
 }
 
 .version {
     margin-left: 3px;
     color: #333333;
     font-style: italic;
     
 }
 
 .logincontainer {
width: 100%;
padding-top: 50px;
height: calc(100% - 150px);

//background-image: url("../img/flieger.jpg");

//background-size: 100%;
//background-repeat: no-repeat;



 margin: 0px auto;
  

  

}
 
.login {
  width: 30%;
  height: 30%;

  padding: 20px 20px 20px;
 
   background: #f0f0e6;
}

.login td {
     background: #f0f0e6;
    
}

.login table {
     background: #f0f0e6;
     border: none;
     border-collapse: collapse;
}
:-moz-placeholder {
  color: #c9c9c9 !important;
  font-size: 13px;
}
 
::-webkit-input-placeholder {
  color: #ccc;
  font-size: 13px;
}

.login:before {
  content: '';
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  z-index: -1;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
 
.login h1 {
  margin: -20px -20px 21px;
  line-height: 40px;
  font-size: 15px;
  font-weight: bold;
  color: #555;
  text-align: center;
  text-shadow: 0 1px white;
  background: #f3f3f3;
  border-bottom: 1px solid #cfcfcf;
  border-radius: 3px 3px 0 0;
  background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
  background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
  background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
  background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
  -webkit-box-shadow: 0 1px whitesmoke;
  box-shadow: 0 1px whitesmoke;
}
 

 
.login input[type=text], .login input[type=password] {
  width: 278px;
}

.login input {
  font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
  font-size: 14px;
}
 
.login input[type=text], .login input[type=password] {
  margin: 5px;
  padding: 0 10px;
  width: 200px;
  height: 34px;
  color: #404040;
  background: white;
  border: 1px solid;
  border-color: #c4c4c4 #d1d1d1 #d4d4d4;
  border-radius: 2px;
  outline: 5px solid #eff4f7;
  -moz-outline-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
}
 
.login input[type=text]:focus, .login input[type=password]:focus {
  border-color: #7dc9e2;
  outline-color: #dceefc;
  outline-offset: 0;
}
 
.login input[type=submit] {
  padding: 0 18px;
  height: 29px;
  font-size: 12px;
  font-weight: bold;
  color: #333333;
  text-shadow: 0 1px #e3f1f1;
  background: #e6e6d7;
  border: 1px solid;
  border-color: #b4ccce #b3c0c8 #9eb9c2;
  border-radius: 6px;
  outline: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: -webkit-linear-gradient(top, #edf5f8, #e6e6d7);
  background-image: -moz-linear-gradient(top, #edf5f8, #e6e6d7);
  background-image: -o-linear-gradient(top, #edf5f8, #e6e6d7);
  background-image: linear-gradient(to bottom, #edf5f8, #e6e6d7);
  -webkit-box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.15);
}

.werteliste table {
    margin-top: 3px;
    
    margin-left: 3px;
     margin-right: 3px;
     
     background: #f6f6e7;
     border-box: 1px solid   #f0f0e6;
     width: calc(100% - 6px);

}
th {
   font-family: tahoma;
    vertical-align: middle;
    margin-right: 1px;
  height: 20px;
  line-height: 100%;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  box-shadow: 0px 0px 0px #666666;
  -webkit-box-shadow: 0px 0px 0px #666666;
  -moz-box-shadow: 0px 0px 0px #666666;
  /*background: #333333;
  border: solid 0px #6D6D6D;
  background: #8B8B8B;*/
  background: linear-gradient(top,  #C3C3A5,  #E6E6D7);
  background: -ms-linear-gradient(top,  #C3C3A5,  #E6E6D7);
  background: -webkit-gradient(linear, left top, left bottom, from(#C3C3A5), to(#E6E6D7));
  background: -moz-linear-gradient(top,  #C3C3A5,  #E6E6D7);
  
  
}

td {
    text-align: center;
    background: #e6e6d7;
    margin-right:1px;
}

.tdrechts {
     text-align: right;
}

.tdlinks {
     text-align: left;
}

.tdinput input[type=text] {
    width: calc( 100% - 32px);
}

.tdinput select {
    width: calc( 100% - 6px);
}


.btnneu {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btnneu:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}