@charset "UTF-8";


main {
	position: relative;
}
#inner {
	clear: both;
	/* [disabled]background: #FFC; */
	/* [disabled]padding-top: 0px; */
	text-align: center;
}
h1  {
	line-height: 50px;
	font-size: 44px;
}
h1 span {
	font-size: 0.90em;
}

.contentbox {
	text-align: center;
}

.meishinavi, .cbox, form, form .group, 
.ghead, #total, .bline, .getoffer {
	width: 500px;
}

/* Meishi-Navi */

.meishinavi {
	margin: 20px 0 40px 0;
	margin: 0 0 30px 0;
	max-width: 860px;
	/* [disabled]float: left; */
	/* [disabled]background: #CFF; */
	text-align: center;
}
.meishinavi a, .meishinavi span {
	font-size: 18px;
	display: inline-block;
	padding: 8px;
	background: #EEE;
	border-radius: 8px;
	text-align: center;
	margin: 0 20px 0 0;
	width: 160px;
}
.meishinavi a {
	color: #FFF;
	background: #CCC;
	/* [disabled]float: left; */
}
.meishinavi span {
	color: #FFF;
	background: #606060;
	/* [disabled]float: right; */
}
.meishinavi a:hover {
	background: #999;
	color: #FFF;
}



/* ORDERFORM */
.cbox {
	/* [disabled]float: left; */
	font-size: 18px;
	line-height: 21px;
	/* [disabled]color: #4D4D4D; */
	/* [disabled]background: #CFF; */
	/* [disabled]margin-bottom: 120px; */
	height: 660px;
	/* [disabled]margin-right: 60px; */
	text-align: left;
	margin-top: 40px;
	display: inline-block;
}
.cbox h3 {
	font-size: 18px;
	margin: 0px 0px 30px;
	display: block;
}
.getoffer {
	font-size: 24px;
	color: #FFF;
	background: #C03;
	padding: 16px 0;
	margin-top: 30px;
	border-radius: 4px;
	text-align: center;
	margin-bottom: 20px;
	display: block;
}
form .group {
	margin-bottom: 4px;
	margin-top: 4px;
	float: left;
	/* [disabled]background: #FC9; */
}
.ghead, #total {
	/* [disabled]font-weight: bold; */
	color: #FFF;
	float: left;
	padding: 4px 0 4px 8px;
	margin: 4px 0;
	display: block;
	width: calc(100% - 8px);
	border-radius: 4px;
	/* [disabled]text-indent: 8px; */
}
.ghead {
	background: #666;
}
#total {
	background: #069;
}
#kacnt {
	/* [disabled]background: #9C0; */
	/* [disabled]width: 60px; */
	margin-left: 80px;
	/* [disabled]color: #CCC; */
	margin-right: 12px;
}
#summe, #basis, #more, #anzahl, #shipp {
	float: right;
	margin-right: 15px;
	font-weight: normal;
	/* [disabled]background: #C6C; */
}
.price {
	color: #C03;
	width: 100px;
	/* [disabled]background: #9C3; */
	text-align: right;
	float: right;
}
.bline, #menge {
	float: left;
	margin: 4px 0;
}
.bline input {
	margin-right: 10px;
	float: left;
}
.bline:hover {
	color: #C03;
}
.bline #mp {
	/* [disabled]background: #9C0; */
	width: 100px;
	float: right;
	text-align: right;
	vertical-align: middle;
}
.bline .feld {
	float: left;
	width: 30px;
	text-align: center;
}
.bline #seitendruck {
	float: left;
	margin-right: 10px;
	color: #999;
	margin-left: 5px;
}
#menge .check {
	/* [disabled]background: #9C0; */
	display: inline-block;
	margin-right: 20px;
}
#menge .check:hover {
	color: #C03;
}
#menge input {
	margin-right: 6px;
}
#menge .check label {
	display: inline-block;
}


/* TEXTBOX */
.tbox, .tbox p, .tbox h3 {
	max-width: 400px;
	float: left;
}
.tbox {
	font: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	float: left;
	font-size: 18px;
	line-height: 21px;
	/* [disabled]margin: 0 0 0 60px; */
	/* [disabled]color: #4D4D4D; */
	/* [disabled]background: #CFF; */
	/* [disabled]margin-bottom: 120px; */
}
.tbox p {
	color: #666666;
	font-size: 16px;
	font-weight: normal;
	line-height: 23px;
	margin: 0px 0px 6px 0;
	/* [disabled]background: #E2F2FF; */
}
.tbox h3 {
	color: #333;
	margin: 16px 0 8px 0;
	/* [disabled]padding: 5px 0 0 0; */
	/* [disabled]background: #9C0; */
	font-size: 18px;
}



@media only screen and (max-width: 600px) {

#inner {
	padding-bottom: 250px;
}

}

@media only screen and (max-width: 540px) {

.meishinavi, .cbox, form, form .group, 
.ghead, #total, .bline, .getoffer {
	width: 100%;
}
.getoffer {
	padding-left: 4px;
	padding-right: 4px;
}
#menge .check {
	margin-right: 10px;
}
}

@media only screen and (max-width: 450px) {
	
.onoff {
	display: none;
}
#menge .check {
	margin-right: 3px;
	margin-bottom: 5px;
}
}