body {
    padding-bottom: 40px;
}

.zf-green {
    color: #68b604;
}

.btn-success {
  background-color: #57a900;
  background-image: -moz-linear-gradient(top, #70d900, #57a900);
  background-image: -ms-linear-gradient(top, #70d900, #57a900);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
  background-image: -webkit-linear-gradient(top, #70d900, #57a900);
  background-image: -o-linear-gradient(top, #70d900, #57a900);
  background-image: linear-gradient(top, #70d900, #57a900);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #57a900;
}

.btn-success:active, .btn-success.active {
  background-color: #57a900;
}

div.container a.navbar-brand > img {
    display: inline;
    margin-right: 4px;
}

div.app-caption {
    padding: 25px 0px;    
    font-size:3.0em;
    font-weight: bold;
    color:#6aacaf
}

form ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px 5px;
}

form ul li {   
       
}

.alert ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px 5px;
}



.navbar {
           display:none;
        }
		
		.trenner {
		   padding:0px;
		   margin:0px;
		   height:0px;
		   
		}
		
@media (max-width: 768px) {
	   .navbar {
           display:inline;
        }
		#sitebar {
		    display:none;
		}
		.nodisplaymobile {
		display:none;
		}
		
		.trenner {
		  border-top:1px solid grey !important;
		  height: 20px;
		   
		}
}
	  
	  .list-group.panel > .list-group-item {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background: #efefef;
  color: black;
}
.list-group-submenu {
  margin-left:20px;
}
.strong {
 font-weight: bold; 

}

/* Header menue */
.header_menue_wrapper {
   width:100%; 
   border:0px solid white; 
   height:20px;
}





.header_menue_inner_left {
   float:left;
   width:19%;
   padding-top:5px;
   padding-left:1%;
}

.header_menue_inner_right {
   float:right;
  
   padding-top:5px;
}


.header_menue_inner_right ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
	overflow: hidden;
}

.header_menue_inner_right ul li {
    float: left;
	padding-right:20px;
	
}

/*
.header_menue_inner a {
    display: block;
    padding: 8px;
   
}
*/
/* Mobile Navigation */

.mobile_navigation_button {
   position: absolute;  
   background: #dfdfdf;   
   left:5px; 
   top:-25px; 
   border:0px; 
   shadow: 0px;
}

.mobile_navigation_nav {
  
   background:transparent; 
   border:0px;
}

/* content */
.ci_container1 {
   border:1px solid grey;
   background: #efefef;
   padding:20px;
   
   -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

}

.clear {
   clear:both;
}

h1 {
   font-size:20px;
}

.myh1 {
	font-size:20px;
	
}
h2 {
   font-size:20px;
   padding-top:0px;
   margin-top:0px;
}

/* Quicksearch */
.quicksearch {
   margin-bottom: 55px;
    padding-top:3px;
}
.form-group-quicksearch {
   float:left; 
   
   margin-right:2%;
}
.titelholder {
  
 /* height:25px; */
  margin-bottom:10px;
}

.titelholder h1{
  margin:0px;
   padding:0px;
}

/* Liste */

.aktionsbar_left {
  width:40%; 
  float:left; 
  margin-left:5px;
}

.aktionsbar_right {
  width:58%; 
  float:left; 
  text-align: right;
}



.wrapper_top_suche {
   width: 250px;
    float: right;
}

.footer_bar {
   background: #efefef;
   height: 35px;
  
  padding-top: 7px;
  padding-bottom: 10px;
  padding-left:5px;
  
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.top_suche {
	
	width: 250px; 
	float: right;
}

@media (max-width: 500px) {
	.aktionsbar_left {
       width:100%; 
       clear:both;
    }

    .aktionsbar_right {
       width:100%; 
	   clear:both;
	   text-align: left !important;
	  
	  
	   
	   clear:both;
	  
	}
	
	.top_suche {
	
	width: 100%; 
	clear:both;
	padding-bottom:10px;
}


	.wrapper_top_suche {
	   float:left;
	   padding-bottom:8px;
	}
	
	.footer_bar {
	   height: 55px;
	}
	
	.aktionsbar_right_abstand {
	   padding-top:5px;
	}
}

/* */

.zaeler_button {
float:left; 
width:20px; 
}

.zaeler_auswahl {
float:left; 
}

.zaeler_eintraege {
float:left; 
width:200px;
text-align:right;
font-weight: bold;
}

.listarrow {
   font-size: 10px;
  
}

.topselectDD {
	background:white; 
	border:1px solid #cccccc; 
	height:32px;  
	border-radius: 5px;
	margin-bottom:5px;
}

@media (max-width: 500px) {
	.topselectDD {
	width:90%;;
	}
	
	 .mybtn {
	 width:90%;
	 margin-bottom:5px;
     }
}


.statusseite_auftrag_rahmen {
	
	 border:1px solid grey;
   padding:10px;
   width:85%;
   BACKGROUND-COLOR: #fafafa;
   min-width: 200px;  
   margin-bottom: 15px;
   
   
background: #131313;
background-image: -webkit-linear-gradient(top,#3b3b3b 0%,#131313 100%);
background-image: linear-gradient(to bottom,#FAF6F6 0%,#DBDBDB 100%);
background-repeat: repeat-x;
border-radius: 4px;
padding: 12px 17px;
margin: 10px 0;
border: 1px solid #3b3b3b;
color: #000;
}

@media (max-width: 600px) {
	.statusseite_auftrag_rahmen {
		 width:100%;
	}
}


.statusseite_auftrag_links {
float: left;
color: rgb(60, 60, 60);
}

.statusseite_auftrag_rechts {
   float:right;
}

.statusseite_auftrag_gesamt {
font-size: 14px;
}




 .mytable {
  border-spacing: 2px; 
  border-collapse: separate;
 }
 
 .mytable tr {
 background: #d0d7e9;
 }
 
 .mytable td {
	padding:3px;
 }
 
 
  .mytable2 {
  border-spacing: 2px; 
  border-collapse: separate;
 }
 
 .mytable2 tr {
 background: #ffffff;
 }
 
 .mytable2 td {
	padding:3px;
 }
 
 .innertrenner {
	 padding:10px;
 }
 
 
 
 @media (max-width: 500px) {
 .nopaddinglr {
	 padding-left:0px;
	 padding-right:0px;
 }
 
  .innertrenner {
	 padding-left:5px;
	 padding-right:5px;
 }
 
 .titelholder h1{
  font-size:16px;
}


 }
 
 .a_status {
	 
	 color:green;
	 display:inline;
	 
 }
 
 
 .boxheight180 {
	 height:180px;
 } 
 .boxheight200 {
	 height:200px;
 } 
 .boxheight220 {
	 height:220px;
 } 
 .boxheight240 {
	 height:240px;
 } 
 .boxheight260 {
	 height:260px;
 } 
 .boxheight280 {
	 height:280px;
 }
 
 
 @media (max-width: 600px) {
	 .boxheight180, .boxheight200, .boxheight220, .boxheight240, .boxheight260, .boxheight280 {
		 
			height: auto;
	 }
 }