div.panel {
	display: table;
	width: 100%;
}
	div.panel div.row {
		display: table-row;
	}
	
	div.panel div.block {
		width: 25%;
		display: table-cell;
		padding: 10px;
		box-sizing: border-box;
	}
		
		div.panel div.block+div.block {
			border-left: 2px solid #b0b0b0;
		}
		
		div.panel div.block h2 {
			margin: 0px 0px 0px 0px;
		}
			div.panel div.block h2 table {
				width: 100%;
			}
			div.panel div.block h2 td.r {
				text-align: right;
			}
			div.panel div.block h2 span.swichcont {
				display: none;
				font-size: 12px;
				background: #f0f0f0;
				border-radius: 10px;
				font-weight: 500;
				padding: 1px 10px 3px 10px;
				color: #404040;
				cursor: pointer;
			}
			div.panel div.block h2 span.swichcont:hover {
				background: #e0e0e0;
			}
		
			div.panel div.block div.conteiner {
				overflow: auto;
				max-height: 80vh;
			}
			
			div.panel div.block div.line {
				padding: 10px 3px 10px 3px;
				border-bottom: 1px dotted #c0c0c0;
			}
			
		div.panel div.block div.noact {
			background: #f3f3f3;
		}
		
			div.panel div.block div.car {
				padding: 2px 5px 2px 5px;
				text-transform: uppercase;
			}
				div.panel div.block div.car a {
					text-decoration: none;
					font-size: 18px;
					color: #aa0000;
				}
				div.panel div.block div.car a:hover {
					color: #ff0000;
				}
				
			div.panel div.block div.action {
				padding: 3px 5px 3px 5px;
				background: #f3f3f3;
				border-radius: 5px;
				margin: 2px 0px 2px 0px;
			}
				div.panel div.block div.action a {
					text-decoration: none;
				}
				
				div.panel div.block div.action p {
					font-weight: 600;
					font-size: 11px;
					padding: 2px 0px 2px 0px;
				}
				div.panel div.block div.action span.status {
					background: #303030;
					color: #ffffff;
					padding: 2px 5px 1px 5px;
					display: inline-block;
					font-size: 9px;
					border-radius: 5px;
					text-transform: uppercase;
				}
				
	
		div.panel div.block button {
			font-size: 16px;
			padding: 3px 10px 3px 10px;
			font-weight: 600;
			margin: 3px 0px 3px 0px;
			color: #606060;
		}
		div.panel div.block button.positiv {
			background: #339944;
			color: #ffffff;
			text-shadow: 0px 1px 0px #115511;
		}
			div.panel div.block button+button {
				margin-left: 2px;
			}
			
		div.panel div.block div.todo div.name a {
			font-size: 18px;
		}
		div.panel div.block div.todo div.car {
			font-size: 10px;
		}
			div.panel div.block div.todo div.car a {
				font-size: 14px;
			}
			
			
		div.panel div.block div.todo div.more {
			display: none;
			padding: 5px;
			border: 1px solid #f0f0f0;
			border-radius: 2px;
			box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
			margin: 3px 0px 3px 0px; 
		}	
		div.panel div.block div.todo div.name p {
			font-weight: 600;
			font-size: 11px;
			padding: 2px 0px 2px 0px;
			
		}

		div.panel div.block div.todo div.action span.status {
			background: #808080;
		}
		
		
	
	div.panel span.about {
		display: inline-block;
		font-size: 16px;
		width: 18px;
		height: 18px;
		background: #f0f0f0;
		border-radius: 20px;
		text-align: center;
		line-height: 10px;
		font-weight: 900;
		padding: 3px;
		box-sizing: border-box;
		cursor: pointer;
	}
	div.panel span.about:hover  {
		background: #a0a0a0;
		color: #ffffff;
		
	}
				
				
@media screen and (max-width: 850px) {
	div.panel div.block h2 span.swichcont {
		display: inline;
	}
	
		
	div.panel {
		display: block;
	}
	div.panel div.row {
		display: block;
	}
	
	div.panel div.block {
		width: 100%;
		display: block;
	}
	div.panel div.block+div.block {
		border-left: 0px solid #b0b0b0;
		border-top: 1px solid #b0b0b0;
	}
	
	div.panel div.conteiner {
		display: none;
	}
}