table {float:left;  min-width:60%; max-height:200px; 
	border:none; border-collapse: collapse; 
	background-color:#005aa1; color:white; 
	font-size:13px;
	font-family:sans-serif;  
}

thead {

        text-align: left; background-color:#005aa1;color:white;
}

tbody { text-align: left;
}

th, td {padding-left:10px;}

th {text-align: left; height:10px; font-weight:normal; border:none; font-size:10px; 	background-color:#005aa1; color:white;  opacity:0.7;

}

tr {height:10px; border:none;}



td {text-align: left; border:none;}

.ccaption {font-size:13px; color:#ffffff; background-color:#005aa1;opacity:0.7;}
.ccaptionret {font-size:13px; font-weight:bold; color:black; background-color:#f2f2f2;}


/*
 font-family:Segoe Script;
tr :nth-child(even) {  background-color: lightgrey;}
tr :nth-child(odd) {  background-color: darkgrey;}
*/

.trcbildimp {color:white; background-color:#005aa1;}

.filterbild  {float:right; height:1.0em; width:1.0em; display:block; border-radius:50px;cursor:pointer; border: 1px solid black;}
.filterbild:hover {transform:scale(1.5,1.5);}

.filterloe  {float:left; height:1.5em; width:1.5em; display:block; border-radius:50px; cursor:pointer; margin-right:10px; }
.filterloe:hover {transform:scale(1.5,1.5);}

.filterloedat  {height:1em; width:1em; display:block; border-radius:50px; cursor:pointer; margin-left:10px; }
.filterloedat:hover {transform:scale(1.2,1.2);}

.retckey {background-color:lightgrey; color:black; cursor:pointer;}

.ckey:active {background-color:#002b4d; color:white;}
.ckey:focus {background-color:#002b4d; color:white;}
.cpol		{background-color:#005aa1; color:white;}
.chelp		{cursor: help}
.cgrab		{cursor: grab}
.ckreuz		{cursor: crosshair}
.retcbetr		{text-align: right; background-color:#e6e6e6; color:black;}
.cbetr		{text-align: right;}
.cfilter	{left:70px; width:80%; background-color:lightgrey;}



.taktpol {height:100%; width:4em; float:left; margin-left:30%; display:block; cursor:pointer; background-color: #e6f2ff; color: black; border-radius:15px;}



/*
background-image: radial-gradient(shape size at position, start-color, ..., last-color);
shape=ellipse(default),circle
background-image: radial-gradient(red, green, blue);
background-image: radial-gradient(circle, #cce5ff, #80bdff, #cce5ff, #80bdff);

background-image: linear-gradient(direction, color-stop1, color-stop2, ...);
direction= to right, to bottom right, 0deg, 90deg, 180deg, -90deg,...
background-image: linear-gradient(red, yellow, blue);
*/


.ciframes {background-color:white; color:black; height:100%; width:100%; overflow:auto; float:left; border:none;}
.cbereich {position:relative; float:left; overflow:auto;  min-width:500px; border:0.5px dotted black;}
.retbereich {border: 1px solid #3983ab; resize:both; }

.kucontent 	{float: left; padding: 0px; overflow: auto; display:block; 
				min-height:10px; 
				max-height:400px;
				min-width:100px; 
				background-color:#ffffff;
				color:black;
				margin-right:20px;
				border: 0.5px dotted black;
				min-width:51%;
				margin-bottom:10px;
				}
.polcontent 	{float: left; padding: 0px; overflow: auto; display:block; 
				min-height:10px; 
				max-height:300px;
				min-width:100px; 
				background-color:#FFFFFF;
				color:black;
				margin-left:5px;
		}

.caegrtd 	{overflow: auto; display:block; width:10%;}
.cvor		{display:block; width:20px; height:20px;border-radius:50px; cursor:pointer; }
.caegrth 	{width:30%; overflow: auto; display:block; }

.cbkunde {width: 100%; border:none; text-align:center; font-weight:normal; font-size:17px; padding:10px 0 10px;  margin:0px 0px 0px; 
	background-color:#33a7ff;  color:white;
	background-image: linear-gradient(to right, #005aa1,#33a7ff,#005aa1,#33a7ff);
}
.cbkunderet {width: 100%; border:none; text-align:center; font-weight:normal; font-size:17px; background-color:white;  color:black; padding:10px 0 10px;  margin:0px 0px 0px; 
	background-image: linear-gradient(to bottom right, #cce9ff, #e6e4ff, #cce9ff, #e6e4ff, #cce9ff, #e6e4ff);  
}

.cbbkunde {width: 70%; background-color:#003a66; color:white;  border:none; text-align:center;}
.cbbkunde1 {float:right; width: 30%;}


.cbeg 		{width:100%; 			background-color:#005aa1; color:white; margin-top:5px;}
.cbeginn 	{float:left; width: 100%; 	background-color:#003a66; color:white; margin-top:15px;}
.csbeginnk 	{float:left; width:100%;  border: 1px solid #3983ab; max-height:500px; min-width:500px; resize:both; overflow:auto;}
.csbeginnpolx 	{float:left; width:100%; 	background-color:#d9d9d9; border:none; resize:both;  overflow:auto;  min-width:500px; }
.csbeginnar 	{float:left; width:100%; border: 1px solid #3983ab; resize:both;  overflow:auto;  min-width:500px;}
.csureklam 	{float:left; width: 100%; 	background-color:#3e8e41; color:white; margin-top:5px; max-height:3em;  overflow:auto;}
.csuche 	{float:left; width: 100%; margin:10px 0 10px 3%; color:black;}
.csuchep 	{float:left; margin-top:5px; width:100%; color:black;}
.caegr 		{margin:10px 0 5px 40%; background-color:#4caf50; float:left;}
.cweiter 	{display:block; float:left; width:15px; height:15px;border-radius:50px; border:0.5px solid black; cursor:pointer; margin-left:50%; }


.btncontainer 	{float: left; padding: 0px; display:block; width:100%; background-color:white; margin-top:0.5px; border: 0.5px dotted black,
}
.cbutton 	{float:left; height:3em; margin:10px 20px 10px 0;  cursor:pointer; border-radius:10px; background-color:#003a66; color:white;}
.retcbuttonret 	{float:left; height:2em; margin:10px 20px 10px 0;  cursor:pointer; border: 1px solid white; border-radius:10px; background-color:#003a66; color:white;}


.retceingabe {background-color:white; color:black; border:none; border: 1px solid black; margin-right:100px;}
.ceingabe {float:left; margin:0 0 5px 5px; background-color:white; color:black; border:none; border: 1px solid black;}

.cbbsba {width:100%; float:left; border: 1px solid white; overflow:auto; background-color:#005aa1; color:white;}



/* 	background-color:#3e8e41; 	border: 0.2px solid green; 	font-weight:bold; 
	
	background-image: linear-gradient(to bottom right, #cce5ff, #80bdff, #cce5ff, #80bdff); 
	color:#ffffff; background-image: linear-gradient(to bottom right, #00004d, #0000b3, #000033, #000099); 
	color:#ffffff; background-image: linear-gradient(to bottom right, #00004d, #0000b3, #000033, #000099); 	border: 2px solid white; box-shadow:2px 1px blue; 
*/

/*
.ueber {float:left;  height:2.5em; width:4em; overflow: hidden; margin:2px; cursor:pointer; border-radius:5px;
	 background-color: white; color:black; 
}

.taktbildm {float:left;  height:60%; width:60%; margin-left:20%; cursor:pointer; border-radius:50px; text-align:center;}
.taktbildm:hover{filter:sepia(50%);}	

.takttext  {float:left;  height:40%; width:100%; overflow:hidden; font-size:12px; text-align:center;
}
*/


.ueber {float:left; height:1.5em; margin:15px;  cursor:pointer;
	transform: translateX(calc(-0.15em * 3 - 0.08em * 2));		
	border: 0.5px solid black;
	border-radius:10px;
}
.taktbildm { float:right;  height:1.3em; width:1.3em; border-radius:50px; margin-right:5px;}
.taktbildm:hover{filter:sepia(50%);}	

.takttext  {float:left; overflow:hidden; font-size:16px;  text-align:center; 
		 margin-left:5px; margin-right:5px;
}



.aktbild  {height:2.3em; width:2.3em; bottom: 1px; float:left; margin-left:5px; display:block; border-radius:50px;cursor:pointer;}
.tltext  { height:40%;  width:100%; color: white; overflow:hidden; font-size:11px;}
.bild 	 { height:60%;  width:90%;}
.bild:hover{filter:sepia(50%);}	
.aktbildr  {height:2.3em; width:2.3em;float:right; margin-left:5px; display:block; cursor:pointer; border: 1px solid #3983ab; border-radius:50px;}


.cchatbild  {height:1em; width:1em; float:left; display:block; border-radius:50px;cursor:pointer;
		border-radius:15px; border: 2px solid #ffa500;
}
.cchatbild:hover {filter:sepia(50%);}



.sortbild  {height:1.5em; width:1.5em; float:left; display:block; border-radius:50px;cursor:pointer;
		border-radius:15px; border: 1px solid #4caf50; 
}
.sortbild:hover {filter:sepia(50%);}


.sortbildr  {height:1.5em; width:1.5em; float:right; display:block; border-radius:50px;cursor:pointer; margin-left:5px;
		border-radius:15px; border: 1px solid #4caf50; 

}
.sortbildr:hover {filter:sepia(50%);}


.sortbildth  {height:1.5em; width:1.5em; float:right; display:block; border-radius:50px;cursor:pointer; margin-left:5px;
		border-radius:15px; border: 1px solid #4caf50; 

}
.sortbildth:hover {filter:sepia(50%);}


.retsortbild {box-shadow:2px 1px #4caf50;}


.cblaettern  {float:right; height:1em; width:1em; display:block; border-radius:50px;cursor:pointer;}
.cblaettern:hover {filter:sepia(50%);}


.dtrbild  {height:1.5em; width:1.5em; float:left; display:block; border-radius:50px;cursor:pointer; margin-left:5px;}
.dtrbild:hover {filter:sepia(50%);}

.dtrbildr  {height:1.5em; width:1.5em; float:right; display:block; border-radius:50px;cursor:pointer; margin-left:5px;}
.dtrbildr:hover {filter:sepia(50%);}

.persbild  {height:3em; width:3em; float:left; display:block; border-radius:50px;cursor:pointer; top:0px;}
.persbild:hover {transform:scale(1.3,1.3);}	

.persbildr  {height:3em; width:3em; float:right; display:block; border-radius:50px;cursor:pointer; margin-left:5px;  top:0px;}
.persbildr:hover {transform:scale(1.3,1.3);}	

.probild  {height:2.3em; width:2.3em; margin-left:50px; display:block; border-radius:50px;cursor:pointer; float:left;}

.tabbtn 	{float: left;  width: 95%; display:block;
				margin-right:auto; margin-left:auto; 
				background-color:#e6f2ff;
				}
.zeilbtn 	{float: left; display:none;
				background-color:#e6f2ff;
				}