@charset "UTF-8";
/*
CSS zu zeitbankplus
Okt.2019/se

Farben:
  gruen: 			rgb(99, 162, 55)
  hellgruen: 		rgb(124, 175, 34)
  zb-gruen			rgb(116,162,63)
  gelb				rgb(254,220,99)
  petrol: 			rgb(17,89,92)
  schriftgrau:		rgb(105, 105, 105)
*/

/* grosse Bildschirme: */
@media screen 
	and (min-width: 1281px) {	
	#navigation-main-small-btn-area	{display:none;}
	#navigation-main-small			{display:none;}
	#head-inner-middlesize 			{display:none;}
	#page-wrapper 			{max-width: 1024px;}		
}
/* mittlere Bildschirme: */
@media screen 
	and (min-width: 1025px)  
	and (max-width: 1280px) {	
		#navigation-main-small-btn-area	{display:none;}
		#navigation-main-small			{display:none;}
		#head-inner-fullsize 			{display:none;}
		#page-wrapper 			{max-width: 1024px;}			
}
/* kleine Bildschirme */
@media screen 
	and (max-width:1024px) {
	/*#screen-wrapper { max-width:1024px;}*/
  	#head-inner-fullsize 	{display:none;}
	#head-inner-middlesize 	{display:none;}  	
	#mtop 					{display:none;} 
  	#druckbutton 			{display:none;}
	#page-wrapper 			{max-width: 1024px;}	  	
}
/* -------------------------------- */
body {		
  margin:0;
  padding:0;
  font-family: arimo,trebuchet ms,verdana;
  font-size: 1em;
  color: rgb(105, 105, 105) ;/* grau */   
 }
h1 {
	font-weight:normal;
	font-size: 1.8rem;
	color: rgb(104, 106, 105) /* grau */
	}
h2 {font-size: 1.4rem;color: #5ba127;}
h3 {font-size: 1.1rem;color: #5ba127;}
h4 {font-size: 1.0rem;}
h5 {font-size: 0.9rem;}
h6 {font-size: 0.8rem;}
p  {
  font-size: 1.0rem;
  line-height: 1.5; 
  color: rgb(104, 106, 105); /* grau */
}
ul{
  list-style-type: none; 	
}
a  {
	/*
  font-size: 1.1rem;
  padding-left:0.5em;
  padding-right:0.5em;
    */
  text-decoration:none;
  font-style: italic;
  font-size: 1rem;
  color: #339; 
}
a:hover {color:red;}
li a{
  font-size: 1.0rem;
  line-height: 1.5; 	
}
img {
  max-width: 100%;
  height: auto;
}
figcaption {
  border-left: 1px solid rgb(104, 106, 105);
  border-bottom: 1px solid rgb(104, 106, 105);
  text-align:center;
  font-size:0.7rem;
  color:rgb(104, 106, 105); /* grau */
}
/*
input{	
	font-style:italic;
	font-size:1rem;
	margin:0.2em;
	padding:0.4em;
}
*/
/* Formular-Karte */
.login-form {
  padding: 2em;
  border-radius: 1rem;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
  width: 100%;
  max-width: 400px;
  box-sizing: border-box;
  /*background: #ffffff;*/
  background: #f3f4f6;
}
.login-form p {
  color: #6b7280;
  font-size: 0.875rem;
}
/* Anmelde-Button */
.btn-login {
  width: 100%;
  padding: 0.75rem 1rem;
  border: none;
  border-radius: 0.5rem;
  background-color: rgb(99, 162, 55);
  color: white;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
  margin-top: 0.5rem;
}
.btn-login:hover{
  background: rgb(17,89,92);
}
.input-group {
  margin-bottom: 1.25rem;
  display: flex;
  flex-direction: column;
}
label {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
}
input {
  padding: 0.75rem 1rem;
  border: 1px solid #d1d5db;
  border-radius: 0.5rem;
  font-size: 1rem;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;	
}
input:focus {
  border-color: green;
  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15);
}
select{
	font-size:0.9em;
	padding:0.3em;
}
.box_tabelle {
	clear:both;
	padding:1em;
	background: #fff;
	}
	
.box_tabelle th {
	margin:0;
	padding-left:3px;
	padding-right:3px;	
	font-size:12px;
	}	
.box_tabelle td {
	margin:0;
	padding:0;
	font-size:12px;
	}
.box_tabelle td p{font-size:11px;}	
table {
	border-collapse: collapse;	
	}	
th	{
	margin: 0;
	border: 0;
	padding-left: 3px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 3px;	
	}	
td	{
	margin: 0;
	border: 0;
	padding: 0;
	padding-left: 3px;
	padding-right: 3px;		
	padding-top: 3px;
	vertical-align: top;	
	text-align: left;
	font-size: 1em;letter-spacing: normal; line-height: 1.5;
	}
th.layout_1 {
	margin: 0;
	border-bottom: 1px solid black;
	padding-top: 	0.5em;
	padding-right: 	0.5em;
	padding-bottom: 0.5em;
	text-align:left;
	vertical-align: text-top;
	font-size: 1.1em;
	letter-spacing: 0.1em; 
	line-height: 1.2em;	
	font-weight:normal;
}
th.layout_1:last-child	{border-right: 0;}
th.layout_1:first-child	{border-right: 0;}
td.layout_1 {
	margin: 0;
	padding-left: 	0.2em;
	padding-top: 	0;
	padding-right: 	0.2em;
	padding-bottom: 0;
	vertical-align: top;	
	text-align: left;
	font-size: 0.9rem;letter-spacing: normal; line-height: 1.3rem;	
}
#screen-wrapper {
	max-width:1850px; /* auf Kopfbildbreite begrenzen */
    margin: 0 auto;
}
#page-wrapper {	
	clear:both;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	margin-bottom:0;	
}
#head-inner-fullsize {
	max-width:100%;
	height:340px;
    z-index: 0; 	
	background-image: url(../img/kopfbild-zb-d_3.jpg);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-size: contain;					
}
#head-inner-middlesize {
	max-width:100%;
	height:235px;	
    z-index: 0; 	
	background-image: url(../img/kopfbild-zb-d_3_1280.jpg);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-size: contain;					
}
.mandanttitel {
	display:inline-block;	
	text-align:left;
	position:relative;	
	top:65%;
	left:0px;
	max-width:800px;	
	margin:0;
	padding-left:1em;
	padding-right:1em;	
	font-size:1.8em;
	font-weight:normal;
	color: rgb(99, 162, 55);
	background: rgba(255, 255, 255, 0.7)	
}
.mailform label{
  font-size: 1.0rem;
  color: #262626;
}
.mailform label em {
  font-size: 0.6rem;
  color: black;
  text-transform: none;
}
/*--- Hauptinhalt -----------------------------------------------*/ 
#co-all {  
  display:inline-block;
  width:98%;
  padding-left:1%;
  padding-right:1%;
  padding-bottom:1em;
  opacity: 1.0;	  
}
#co-einspaltig {
  max-width: 780px;
  margin: 0 auto;
  padding:1em;
}
#co-einspaltig-inner {
  display:inline-block;
  width:100%;  
}
/* bei zweispaltiger Variante: erste Spalte */
#co-zweispaltig {
  display:inline-block;
  width:100%;
}
#co-zweispaltig-normal {  
  max-width:600px;
  float:left;  
  min-height:330px;
  margin-bottom:10px;  
  padding-left:5px;
  }
/* bei zweispaltiger Variante: zweite Spalte */  
#co-zweispaltig-rechts {  
  width:360px;  
  float:left; 
  min-height:300px;
  margin-left:50px;  
  margin-bottom:10px;  
  padding:0;
  }
/*--- Ende Hauptinhalt -----------------------------------------------*/   
#crumb-path {
  border:1px solid #ddd;
  }
#crumb-path-inner {
  display:inline-block;
  width:100%;
  padding-left:3%;
  }
#crumb-path-inner p {
  margin:0;padding:0;
  vertical-align:top;
  font-size: 0.9rem;  
}
#crumb-path-inner a {
  display: inline-block;
  padding: 0.5em 6px;
  padding:5px;
  border-bottom: 1px solid #fff; 
  text-align:left;  
  font-size: 0.9rem;       
}
#seitenanfang {
    padding-left:5%;
  }  
#foot {
  width:100%;
  min-height:300px;
  overflow: hidden;	
  background: rgb(99,162,55);   
}
#foot-inner {
	max-width:1280px;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	margin-bottom:0;
}
#foot ul {
	list-style-type:none;
}
#foot a {
  font-style: italic;
  color: #fff;    
}
#foot a:hover {color: rgb(17, 89, 92);}
#foot .links {
	width:25%;
	min-width:200px;
	min-height:300px;
	float:left;
}
#foot .normal {
	width:25%;
	min-width:200px;	
	min-height:300px;
	float:left;
}
#foot .rechts {
	width:25%;
	min-width:200px;	
	min-height:300px;
	float:left;
}
#foot .rand {
	width:23%;
	min-width:200px;	
	min-height:300px;
	float:left;
	padding-left:1em;
}
 /*--- crumb-Pfad über Content -----------------------------------------------*/  
.crumb {
	overflow:hidden;
	padding-right:0.5em;
	text-align:right;
	margin:0.3em;
	font-size:0.7rem;
	font-style:italic;
}
/* einspaltig */
.co-einspaltig-normal {
	/*max-width:980px;*/
	max-width:780px;
	min-width:300px;
	margin-left: auto;
	margin-right: auto;	
}
/* zweispaltig */
.co-zweispaltig-normal {
	float:left;
	max-width:780px;
	min-width:300px;	
	min-height:300px;
	padding-right:1em;
	padding-left:1em;				
}
.co-zweispaltig-rechts{
	padding-left:1em;
	float:left;
	min-width:300px;
	min-height:300px;	
}
/* dreispaltig */
.co-dreispaltig-wrapper{
	width:997px;	
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
.co-dreispaltig-normal {
	float:left;	
	width:300px;
	min-height:300px;
	padding-right:1em;
	padding-left:1em;				
}
.co-dreispaltig-rechts{
	float:left;
	width:300px;
	min-height:300px;
	padding-right:1em;	
	padding-left:1em;	
}
.co-dreispaltig-rand{
	float:left;
	width:300px;
	min-height:300px;
	padding-right:1em;	
	padding-left:1em;	
}
.satz_wrap {
	display:inline-block;
	width:100%;
	box-sizing: border-box;
}
.ement_left_of_2 {
	float:left;
	min-width:300px;
	box-sizing: border-box;
}
.ement_right_of_2 {
	float:left;
	min-width:300px;
	width:60%;
	box-sizing: border-box;
}
.element_middle {
	width:300px;	
	margin:0 auto;
}
.linkbuttonliste{
	padding-bottom:0.5em;
}
.clear {clear:both;}

/* Box fuer Navigation; */
.bx-navi {
  overflow:hidden;
  display:inline-block;
  width: 90%;
  margin: 0px;
  border:1px solid #ddd;  
  padding:10px;
  -moz-box-shadow: 5px 5px 5px #333;
  -webkit-box-shadow: 5px 5px 5px #333;
  box-shadow:5px 5px 5px #333; 
  background-color: #fff;
}
.bx-navi ul  {
  margin:0;
  padding:0;      
  }
.bx-navi li {
  list-style-type: none;
  display:block;
  padding:5px;
  border-bottom: 1px solid #fff;
}
.bx-navi li ul li{
    padding-left:10px;
}
.bx-navi li ul li ul li{
    padding-left:20px;
}
.bx-navi  li:hover {
  -moz-box-shadow: 5px 5px 5px #333;
  -webkit-box-shadow: 5px 5px 5px #333;
  box-shadow:5px 5px 5px #333;   
  background-color: #ddd;   
}  
.bx-navi a {
  text-align:left;  
  text-decoration: none;
  font-style:normal;   
  font-size: 1.1rem;        
}
.bx-navi a:hover {
  /* Farben */
  background-color: #ddd;         
  color: #222;     
} 
/* Box Bild mit Text */ 
.bx-300 {
  overflow:hidden;
  display:block;
  float:left;
  width: 300px;
  min-height:600px;
  margin: 10px;
  border:1px solid #ddd;  
  padding:0;
  -moz-box-shadow: 5px 5px 5px #333;
  -webkit-box-shadow: 5px 5px 5px #333;
  box-shadow:5px 5px 5px #333;
  /* Farben */
  background-color: #fff;
}
.bx-300 p {
  margin:10px;
  padding: 10px;  
}
.Rahmen{
  margin: 10px;
  border: 1px solid black;
  padding: 10px;
}
img.bx-img100{
  width:100%;
}
.bx-abstand-m {
  margin-bottom:50px;
}
.fileupload {
	width: 200px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left: 3%;
	padding-right:2%;
	border-left: 2px solid #ccc;	
	border-top: 2px solid #ccc;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	border-radius: 0.5em;	
	text-align:center;
	font-size:1.0em;
	font-style:italic;	
	background: #fff;			
	color:rgb(0, 87, 92);
}
.fileupload  [type=file] {
	font-size:1.0em;	
	color: rgb(99, 162, 55);
}
.buttonSubmit {
	width: 200px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left: 3%;
	padding-right:2%;
	border-left: 2px solid #ccc;	
	border-top: 2px solid #ccc;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	border-radius: 0.5em;	
	text-align:center;
	font-size:1.0em;
	font-style:italic;	
	background: #fff;			
	color:rgb(0, 87, 92);		
}
.buttonSubmit:hover {
	background:rgb(124, 175, 34);
	color:#fff;
}
.buttonSubmitLong {
	width: 100%;
	padding-top:3px;
	padding-bottom:3px;
	padding-left: 3%;
	padding-right:2%;
	border-left: 2px solid #ccc;	
	border-top: 2px solid #ccc;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	border-radius: 0.5em;	
	text-align:center;
	font-size:1.0em;
	font-style:italic;	
	background: #fff;			
	color:rgb(0, 87, 92);		
}
.buttonSubmitLong:hover {
	background:rgb(124, 175, 34);
	color:#fff;
}
.buttonAW {
	width: 30px;
	height: 30px;	
	margin:0;
	border-left: 2px solid #ccc;	
	border-top: 2px solid #ccc;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	padding:0;
	text-align:center;
	font-size:0.8em;
	font-style:italic;	
	background: #fff;			
	color:rgb(0, 87, 92);		
}
.buttonAW:hover {
	background:rgb(124, 175, 34);
	color:#fff;
}
.buttonTabhead {
	display:inline-block;
	width:100%;
	border-left: 2px solid #ccc;	
	border-top: 2px solid #ccc;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	padding:0;
	padding-left:2px;
	padding-right:2px;	
	text-align:center;
	font-size:1.0em;
	font-style:italic;	
	background: #fff;			
	color:rgb(0, 87, 92);		
}
.buttonTabhead:hover {
	background:rgb(124, 175, 34);
	color:#fff;
}
.buttonLink {
	background: rgb(99,162,55);
	color: #fff;			
	border-bottom-left-radius: 13986px;
	border-bottom-right-radius: 13986px;
	border-top-left-radius: 13986px;
	border-top-right-radius: 13986px;
	padding-bottom: 10.5px;
	padding-left: 28px;
	padding-right: 28px;
	padding-top: 10.5px;
}
.buttonAbmelden {	
	width: 10em;
	padding-left:0.5em;
	padding-right:0.5em;	
	text-align:center;
	font-size:1.0em;
	font-style:italic;	
	background: #fff;			
	color:rgb(0, 87, 92);	
}
.buttonAbmelden:hover {
  background:rgb(124, 175, 34);	
  color:#fff;
}
.buttonPrint {
	width: 200px;
	margin:1em;
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 3%;
	padding-right:2%;
	border-left: 2px solid #ccc;	
	border-top: 2px solid #ccc;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	border-radius: 0.5em;	
	text-align:left;
	font-size:1.2em;
	font-style:italic;	
	background: #fff;			
	color:rgb(0, 87, 92);		
}
.buttonPrint:hover {
	background:rgb(124, 175, 34);
	color:#fff;
}
 /*--- fuer website Artikelverwaltung -----------------------------------------------*/  
.buttontyp04 {
	display: block;
	float:left;
	margin:0px;
	padding:2px;
	width:100px;
	height:25px;
	font-size:13px;
	text-align:center;
	color:white;
	background:#444;
}
.buttontyp04:hover {
	color:#444;
	background:white;
}
.buttonWebTop {
    display: block;
    width:10rem;
    float:left;
    padding:3px;
    text-align:center;  
    text-decoration: none;
    font-size: 1.2rem;   
	font-style:italic;
	color: rgb(99,162,55);
	background:white;    	
}.buttonWebTop:hover {
	color: white; 
	background:rgb(99,162,55);   	
}
.box-typ1 {
	display:inline-block;
	width:300px;
	margin:0;
	padding:1em;
	text-align:left;
}
.box-typ1 a {
	display:block;
	width:100%;
	border-bottom-left-radius: 13986px;
	border-bottom-right-radius: 13986px;
	border-top-left-radius: 13986px;
	border-top-right-radius: 13986px;
	padding-bottom: 10.5px;
	padding-left: 28px;
	padding-right: 28px;
	padding-top: 10.5px;
	padding-bottom:10px;
	text-decoration:none;
	text-align:center;
	font-style:normal;  
	background: rgb(99,162,55);
	color: #fff;  
}
.box-typ1 a:hover {
	background: rgb(254,220,99);
	color: red;
}
.fixed-foot{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgb(17,89,92); /*petrol*/
  color: white;
  text-align: center;
}
/*--- Button to top -----------------------------------------------*/  
#btnToTop {
	z-index: 999; 	
	display: none; 
	position: fixed; 
	bottom: 22px; 
	right: 0.5em; 
	outline: none;
	width:80px;
	height:80px;
	padding-bottom:5px;
	border:1px solid white;   
	border-radius: 50%; 
	font-size: 30px; 
	background: rgb(99,162,55);
	color: white;	
}
#btnToTop:hover {background-color: rgb(254,220,99);color: black;border:1px solid white;}
/*--- Cookie Notice -----------------------------------------------*/  
#cookieNotice {
	position: fixed;
	display: block;
	left: 0;
	right: 0;
	bottom: 20px;
	margin: 0;
	border-top:solid 1px #a0a0a0;  
	padding:10px;
	padding-left:1em;
	padding-right:10em; 
	font-size:0.8em;
	background: rgb(99,162,55);
	color: white;		 
}
/*--- fuer cl-base... in Tabellendarstellung -----------------------------------------------*/  
.zeile_farbig {background-color: #eee;}