body {
	margin: 0px;
	padding: 10px;
	font-family: Verdana,Helvetica,Sans-Serif;
	font-size: 10px;
	color: #333;
	background-color:#fff;
	width: 90%;
	max-width: 850px;
}

table { padding:0px; margin:0px; border:none; border-collapse: collapse; }
td {
	font-family: Verdana,Helvetica,Sans-Serif;
	font-size: 10px;
	vertical-align: top;
}

form { display:block; }
textarea, input, select {
	font-family: Verdana,Helvetica,Sans-Serif;
	font-size: 10px;
}

img { border:none; }

.hide { display:none; }
.clear { clear:both; }

fieldset { 
	border:1px dotted #666; 
	margin-bottom:8px; 
	padding:5px; 
	overflow: hidden; /* Clearfix für floated elements */
}
legend { background:#fff; }

fieldset.r { 
	background:#68CAE3; 
	border:1px solid #333; 
	margin-bottom:8px; 
	margin-left: 50%; 
	width: 48%; 
}
#selection { 
	width: 48%; 
	float: left; 
}

fieldset.nav { background:#68CAE3; border:1px solid #333; margin-bottom:8px; }
fieldset.r legend, fieldset.nav legend { padding:1px 10px; background:#68CAE3; color:#fff; font-weight:bold; border:1px solid #000; }

.third { 
	width: 30%; 
	min-width: 120px; 
	float:left; 
	margin-right: 1%; 
}

/* Responsive Design */
@media (max-width: 768px) {
	.third { 
		width: 48%; 
		margin-right: 2%; 
	}
}

@media (max-width: 480px) {
	.third { 
		width: 100%; 
		margin-right: 0; 
		margin-bottom: 10px; 
	}
	
	#selection {
		width: 100%;
		float: none;
	}
	
	fieldset.r {
		width: 100%;
		margin-left: 0;
	}
}

.manual { padding-top:4px; }
.manual input { width:40px; }

.info { padding-top:3px; }

.interncalc { padding:5px 0px; border-bottom:1px solid #fff; margin-bottom:10px; }
.rabatt { padding-top:5px; }

fieldset.even { background:#4AB2D0; border:1px dotted #fff; }
fieldset.odd { background:#96D3E4; border:1px dotted #fff; }
fieldset.even legend { padding:1px 10px; background:#4AB2D0; color:#000; font-weight:bold; border:1px solid #fff; }
fieldset.odd legend { padding:1px 10px; background:#96D3E4; color:#000; font-weight:bold; border:1px solid #fff; }

div#wrapper {
	width: 100%;
}

div#sitecontent {
	width:980px;
	margin:auto;
	text-align:left;
	position:relative;
	background:#fff;
}


div#navigation {

}

A {
	font-family: Verdana,Helvetica,Sans-Serif;
	font-size: 10px;
	text-decoration: none;
}
A:hover {
	font-family: Verdana,Helvetica,Sans-Serif;
	font-size: 10px;
	text-decoration: underline;
}
.nav {
			 display: flex;
			 justify-content: space-between;
			 align-items: center;
	 }

	 .start-button {
	         background-color: green;
	         color: white;
	         border: 1px solid #ccc; /* Ähnlich wie Standard-Button */
	         padding: 3px 10px;
	         border-radius: 4px; /* Oder auf 6px setzen, je nach Browser-Standard */
	         box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); /* Sanfte Schatten wie Standard-Button */
	     }
	 .start-button:hover {
			 background-color: darkgreen;
	 }