*{
	padding:		0px;
	margin:		0px;
	
	font-family:	Arial;
	font-size: 	16pt;
}

#ueberschrift{
	
	margin-top: 	20px;
	
	text-align: center;
	
	font-size: 24pt;
	color:		#006600;
}

#container{
	
	margin:		30px auto;
	
	width:		1200px;
	height:		500px;
	
	border: 1px solid red;
	
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

}

#inputbox{
	
	margin-top: 		20px;
	
	
}

.dezimal{
	
	margin-top: 		40px;	
	margin-left: 	40px;
	
	padding-top:	    10px;
	
	width:		180px;
	height:		80px;
	
	font-size:	48pt;
	
	text-align:	center;
	
	border: 1px solid blue;
	
	background-color: #fff;

	color:		#000000;

	float: 		left;
}

#spacer{
	
	margin-top: 		40px;	
	margin-left: 	40px;
	
	padding-top:	    10px;
	
	width:		180px;
	height:		80px;
	
	font-size:	48pt;
	
	text-align:	center;
	
	float: 	left;
}

.dualzahl{
	
	margin-top:	20px;
	margin-left:	40px;	
	
	padding-top:	40px;
	
	width:		180px;
	height:		60px;
	
	font-size:	48pt;
	
	text-align:	center;
	
	border: 1px solid blue;

	float:		left;
	
	background-color: #fff;
}

.bit{
	
	margin-left:	 12px;	

	width:		10px;
	float:		left;	
}

.one{
	
	margin-top: 0px;
	height:		60px;
	
	background-color: #AA0000;
}

.zero{
	
	margin-top: 40px;
	height:		20px;
	
	background-color: #009966;
	
}



.ausgewaehlt{
	
	background: #a70000; /* Old browsers */
	background: -moz-linear-gradient(top,  #a70000 0%, #85b2d3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a70000), color-stop(100%,#85b2d3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a70000 0%,#85b2d3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a70000 0%,#85b2d3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a70000 0%,#85b2d3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a70000 0%,#85b2d3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7000', endColorstr='#85b2d3',GradientType=0 ); /* IE6-9 */
	
}

.schablone_netzwerkteil{

	width: 		0px;
	height: 	260px;

	opacity: 0.6;
	
	background-color: 	#299a0b;
	
	margin-left: 		28px;
	margin-top: 		140px;
}

.schablone_hostteil{

	width: 		0px;
	height: 	260px;

	opacity: 0.8;
	
	background-color: 	#a7c7dc;
	
	margin-left: 		0px;
	margin-top: 		-260px;
	
	border:				0px solid black;

}

#netz{

	margin-left:	40px;
	font-family:	Arial;
	font-size:		20pt;
	
	color:			#299a0b;
}

#host{

	margin-left:	40px;
	font-family:	Arial;
	font-size:		20pt;
	
	color:			#a7c7dc;
}