body {}

#outer{
	margin: auto;
	width: 900px;
}

#outer hr {
	width: 100%;
}	

.input{
	width: 410px;
	float: left;
	background:#eee;
	padding:20px;
}

.input input {
	font-family:Courier;
	padding:3px;
	border: 1px solid #ccc;
	margin:5px;
	
	clear:both;
}
label {
	font-family:arial;
	font-size:12px;
	width:120px;
	padding:5px;
	margin:10px 0 10px 0;
	display:inline;
	}

.form-check {background-image:url('http://csscheckbox.com/checkboxes/web-two-style.png');}

#output{
	width: 410px;
	float: left;
	padding:20px;
}

.clear {
	clear: both;
}

#output #etikett_bg {
	display:block;
	z-index:1;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	font-family:Courier;
	text-align:center;
	position:relative;
	margin:auto;
}

#output #etikett_bg #nummer {
	background-color: #FFFFFF;
}

#output .color_red {
	background-color: #FF0000;
}

#output .color_blue {
	background-color: #FFFF00;
}

#output .color_green {
	background-color: #00FF00;
}

#output .size_small {
	width:200px;
	height:100px;
}

#output .size_middle {
	width:250px;
	height:150px;
}

#output .size_large {
	width:300px;
	height:200px;
}

#output .size_large #nummer {
	position:absolute;
	top:100px;
	width:100%;
	height:50px;
	font-size:30px;
	padding-top:20px;
}

#output .size_large .code_1 {
	padding-top:30px !Important;
	height:40px !Important;
	background: url('gfx/code_1.png') 50% 5px no-repeat;
}
#output .size_large .code_2 {
	background: url('gfx/code_2.png') 50% 5px no-repeat;
}
#output .size_large .code_3 {
	background: url('gfx/code_3.png') 50% 5px no-repeat;
}

#output #barcodebsp {
	display: none;
	font-family:arial;
	font-size:11px;
	text-align:center;
	margin-top:20px;
	
}