@charset "utf-8";
/* CSS Document */

#orderwrapper {
    width:372px;
    padding: 0 0 0px 0;
}
#bestelbox {
	padding:10px 10px;

	font-size:12px;
    border-bottom: 1px solid #666;

}
#bestelbox ul {
    margin:0;
}
#ordersteps {
    background:url('/images/bg-orderbox-header.png') top left no-repeat;
	height:90px;
	display:block;
}
#ordersteps ul { margin:0; padding:30px 0 0 0;list-style:none; }
#ordersteps li {
	display:block;

	font-weight:bold;
	font-size:11px;
	float:left;

    height:37px;

	padding:16px 2px 0 11px;
	color:#000;
}
#ordersteps .active {
	color:#000;
 background:url('/images/bg-ordersteps-active.png') top left no-repeat;
}

#order_content {
    background:url('/images/bg-orderbox.png') top left repeat-y;
    border-bottom: 1px solid #666;
    padding: 5px  0 5px 10px;
	color:#000;
    overflow:auto;
    clear:both;
}

#order_content table {

}

#order_content table tr td {
	color:#000;
	margin: 0 5px 0 0;
}
#order_content table tr td.al_right {
	margin:0;
	text-align:right;
	padding-right:10px;
}
#order_content table tr td.first {
	width:310px;
}
#order_content table {
	margin: 0px 0 10px 0 ;
}

#order_content h5 {
	color:#000;
	font-weight:bold;
	font-size:18px;
	margin-bottom:20px;
	margin-top:0px;
}
#order_content h5  span {
	color:#000;
	font-weight:normal;
	font-size:12px;
}

#order_content ul {
	list-style:none;
	display:block;
	width:350px;
	overflow:auto;
}
 #order_content li {
    overflow:auto;
	display:block;
	height:30px;
	width:345px;
}
#order_content .last {
	margin-bottom:10px;
}
#order_content .radio {
	height:65px;
}
div.radio {
    float:left;
    width:50%;
    height:50px;
}
#order_content li div.radio input {
    float:none;
    display:inline;
    width:10px;
}

#order_content li input {
	float:left;
	width:50%;
}
#order_content li .short { width:14%; margin-right:12px; }
#order_content li .long { width:32%; }
#order_content li .ultrashort { width:10%; }
#order_content li .ultralong { width:36%; margin-right:12px; }
#order_content li .megashort { width:6%; }
#order_content li .megalong { width:90%; margin-left:5px; }


#order_content li select {
	width:51%;
	float:left;
}

#order_content li label {
	display:block;
	width:45%;
	line-height:20px;
	float:left;
	text-align:left;
	color:#000;
}
#order_content li label.small {
	display:inline;
	width:35%;
	line-height:20px;
	float:none;
	text-align:left;
	color:#000;
}
#order_content .button {
}


#order_content p {
	color:#000;
	font-size:13px;
	letter-spacing:0px;
	margin: 5px 0 10px 0;
}

.clear {
	clear:both;
	display:block;
	height:15px;
	line-height:15px;
}

#order_content table {
    line-height:22px;
}