body	{
		font-family:Arial;
		font-size:16px;
		background-color:#ffffff;
		}

th		{
		background-color:#808080;
		border:1px solid #f0f0f0;
		color:#ffffff;
		text-align:left;
		}
datalist {font-size:17px;font-family:Arial;}
tr { }

tr.trn	{
	background-color:#fcfcfc;
	color: #000;
	cursor:pointer;
	}
tr.trn:nth-child(even)
	{
	background-color:#f0f3ff;
	}
tr.trn:hover {
	background-color: #e2e2e2;
	color: #ff0000;
}

td.l	{
	width:250px;
	font-family:Arial;
	font-size:16px;
	text-align:right;
	padding-right:15px;
	}
td	{
		//box-shadow: inset 2px 3px 5px -3px rgba(0,0,0,0.5);
	//border-bottom:0.01em solid #a8a8a8;

	xxxborder:0.01em solid #ffffff;
	font-family:Arial;
	font-size:16px;
	padding-left:5px;
	}
.sub1,
.sub2 {
  display: none;
}

:checked ~ .sub1,
:checked ~ .sub2 {
  display: block;
  margin-left: 40px;
}

div.header
	{
	background-color:#33cc00;
	width:100%;

	}
a {
	text-decoration: none;
	color:#000000;
	font-family:Arial;
	font-size:16px;
	}
a:hoverxxx	{color:red;
	font-weight:bold;
	}
a.hover1:hover	{color:red;
	font-weight:bold;
	}


input  {font-size:16px;}
label::after {
	content: "";
	display: block;
}
.txta:readonly { 
    background: yellow;
}
textarea  {

		font-family:inherit;
		font-size:inherit;
		}
fieldset {
	border: none;
}
div.seite	{
			}

div.links	{
			margin:10px;
			padding:10px;
			margin-top:15px;
			width:365px;
			height:330px;
			float:left;
			background-color:#f2f2f2;
			border:0px solid #000000;
			}


.button
	{
	text-align:center;
	width:344px;
	height:50px;
	cursor:pointer;
	background:#ffffff;
	border: 1px solid #999;
	box-shadow:2px 0px 3px 0px #a0a0a0;
	}
@media only screen and (max-width: 2900px){
.projart
		{
		width:228px;
		padding:3px;
		color:white;
		text-align:center;
		margin-bottom:3px;
		}

	.tech	{
		width:228px;
		padding:3px;
		color:white;
		margin-top:3px;
		margin-bottom:5px;
		border-radius:5px;
		}

	.flex-container {
	  display: flex;
	  flex-wrap: wrap;
	  align-content: stretch;
	  background: #f1f1ef;
	}

	.flex-container > div {
	  background: #fbfdff;
	  min-width: 233px;
	  margin: 10px;
	  padding:10px;
	  box-shadow:3px 1px 10px 1px #a0a0a0;
	  border-radius:5px;
	}
.button
	{
	text-align:left;
	width:444px;
	height:22px;
	margin-top:6px;
	cursor:pointer;
	background:#f1f1f1;
	border: 1px solid #999;
	box-shadow:2px 1px 3px 0px #a0a0a0;
	}
}

@media only screen and (max-width: 800px){
.projart
		{
		width:298px;
		padding:3px;
		color:white;
		text-align:center;
		margin-bottom:3px;

}

.tech	{
		width:293px;
		padding:5px;
		color:white;
		margin-top:3px;
		margin-bottom:5px;
		border-radius:5px;
		}

	.flex-container {
	  display: flex;
	  flex-wrap: wrap;
	  align-content: stretch;
	  background: #f1f1ef;
	}

	.flex-container > div {
	  background: #fbfdff;
	  width: 305px;
	  margin: 10px;
	  padding:10px;
	  box-shadow:3px 1px 10px 1px #a0a0a0;
	  border-radius:10px;
	}
}

@media only screen and (max-width: 600px){
.projart
		{
		width:298px;
		padding:3px;
		color:white;
		text-align:center;
		margin-bottom:3px;

}

.tech	{
		width:293px;
		padding:5px;
		color:white;
		margin-top:3px;
		margin-bottom:5px;
		border-radius:5px;
		}

	.flex-container {
	  display: flex;
	  flex-wrap: wrap;
	  align-content: stretch;
	  background: #f1f1ef;
	}

	.flex-container > div {
	  background: #fbfdff;
	  width: 350px;
	  margin: 10px;
	  padding:10px;
	  box-shadow:3px 1px 10px 1px #a0a0a0;
	  border-radius:10px;
	}
.button
	{
	text-align:center;
	width:344px;
	height:50px;
	cursor:pointer;
	background:#ffffff;
	border: 1px solid #999;
	box-shadow:2px 0px 3px 0px #a0a0a0;
	}
}




@media print {
#element {
  display: none;
} 
}
table.i {
    width: 100%;
    padding: 10px;
	border  : 1px solid gray;
	background-color:#f4f4f4;


}