/**********************************************************************
 * order
 *********************************************************************/

/* top */
#order_top                  	{ }
#order_top ul.first         	{ margin-top: 0px; }
#order_top ul.first li.left 	{ float: left; padding-left: 10px; width: 241px; }
#order_top ul.first .middle 	{ float: left; width: 400px; height: 60px; }
#order_top ul.first li.p_one 	{ background: url(../img/order_step1.gif) no-repeat 40px 10px; }
#order_top ul.first li.p_two 	{ background: url(../img/order_step2.gif) no-repeat 40px 10px; }
#order_top ul.first li.p_three 	{ background: url(../img/order_step3.gif) no-repeat 40px 10px; }
#order_top ul.first .middle li 	{ float: left; padding-top: 45px; font-size: 0.8em; font-weight: bold; text-align: center; }
#order_top ul.first .middle li.one { width: 115px; }
#order_top ul.first .middle li.two { width: 160px; margin-left: 10px; }
#order_top ul.first .middle li.three { width: 110px; margin-left: 5px; }
#order_top ul.first li.right 	{ float: left; width: 259px; height: 60px; text-align: right; }
#order_top ul.first li.right input { margin: 14px 6px 0 0; float: right; }

#order_top ul.second        	{ clear: left; margin-top: 10px; width: 920px; }
#order_top ul.second li     	{ float: left; padding: 0 10px 0 10px; font-weight: bold; color: #F27801; }
#order_top ul.second .middle 	{ clear: left; float: left; padding-left: 180px; padding-top: 10px; width: 480px; text-align: center; padding-bottom: 20px; }
#order_top .second .right   	{ float: left; padding-top: 10px; width: 216px; text-align: right; }

.order_error              		{ margin-left: 160px; color: #FF0000; font-weight: bold; margin-top: 15px; }

/* calendar */
#calendar                 { float: left; width: 150px; }
#calendar ul.date         { margin: 8px 0 6px 0; text-align: center; border: #003399 solid 3px; }
#calendar .datetext       { font-size: 1.4em; }
#calendar .date li        { margin-top: 10px; line-height: 1em; color: #003399; }
#calendar .date li.month  { padding-bottom: 20px; }
#calendar .weekday        { font-size: 1.2em; }
#calendar li.today        { font-size: 5em; margin-top: 5px; }
#calendar .month          { font-size: 1.4em; font-weight: bold; }
#calendar input.reset     { width: 150px; }
#calendar .hint           { margin-top: 20px; font-weight: bold; color: #F27801; }


/* menu products */
.groupnav           { float: left; margin-top: 4px; }
.groupnav li        { float: left; }
.groupnav a, .groupnav a:visited {
	margin: 6px 0 0 0;
	padding: 4px 8px;
	border-top: #CCCCCC solid 1px;
	border-right: #CCCCCC solid 1px;
	background-color: #FFF;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
	display: block;
	color: #000000;
}
.groupnav a.first	 { border-left: #CCCCCC solid 1px; }
.groupnav a:hover	 { text-decoration: underline; }
.groupnav a.active, .groupnav a.active:visited	{ margin: 4px 0 0 0; padding: 5px 10px; background: #F27801; color: #FFF; }

#bottom_groupnav .groupnav 		{ margin-top: 0; }
#bottom_groupnav .groupnav a 	{ border-top: 0; border-bottom: #CCCCCC solid 1px; margin: 0; }

/* buttons */
input.confirm_order1	{ float: right; position: relative; top: -10px }
input.confirm_order2	{ float: right; margin-top: 10px; }

/* products */
#order_main	{ float: left; padding-left: 10px; width: 746px; }
#order_main .products {
	float: left;
	width: 746px;
	border: #CCCCCC solid 1px;
	border-top: 0;
	padding: 14px 0px 14px 10px;
}
#order_main .first { border-top: #CCCCCC solid 1px; }
#order_main .product_group_description { clear: both; border: #CCCCCC solid 1px; padding: 10px; width: 736px; }
#order_main .products li {
	float: left;
	width: 168px;
	padding: 5px 5px 5px 15px;
	background-color: #FFF;
	border-left: #CCCCCC solid 1px;
}
#order_main h3				{ margin-bottom: 5px; }
#order_main li.noborder		{ border-left: 0; padding-left: 0; }
#order_main .leftcol		{ clear: right; float: left; margin-top: 10px; }
#order_main .rightcol		{ float: right; margin: 10px 22px 0 0; }
#order_main input.amount	{ width: 2em; }
#order_main .price			{ font-weight: bold; }
#order_main .rabatt1		{ font-weight: normal; text-decoration: line-through; color: #666666; }
#order_main .rabatt2		{ color: #F27801; font-weight: bold; }
#order_main .available		{ font-weight: bold; color: #F27801; padding-top: 10px; }
#order_main a.info_btn		{ vertical-align: middle; margin-left: 5px; } 

#order_confirm				{ padding-left: 10px; width: 890px; }
#order_confirm div.content 	{ width: 560px; margin: 0 auto; }
#order_confirm p.date		{ width: 560px; padding-bottom: 4px; margin: 20px 0 10px 0; border-bottom: 4px solid #CCCCCC; }
#order_confirm table.day	{ width: 540px; margin: 0 0 10px 20px; }
#order_confirm table td,
#order_confirm table th	 	{ padding: 2px; }
#order_confirm table td.right, #order_confirm table th.right { text-align: right; }
#order_confirm table.sum	{ width: 560px; margin-bottom: 20px; border-top: 4px solid #CCCCCC; }
#order_confirm table th.red { color: #FF0000; }
#order_confirm input.amount { width: 40px; }

/**********************************************************************
 * Calendar 
 *********************************************************************/
.calendar { 
	border: 2px solid #CCCCCC; 
	padding: 1px; 
	margin-top: 9px; 
	font-size: 0.9em; 
	font-family: Arial, Helvetica, sans-serif; 
}
.calendar .title			{ background: #C0C0C0; width: 100%; text-align: center; font-weight: bold;	}
.caltable					{ }
.caltable th				{ text-align: right; }
.caltable td				{ padding: 1px 2px; text-align: right; }
.caltable td.current		{ border: 1px solid #800000; padding: 0 1px; background: #C0C0C0; }
.caltable td.disabled 		{ color: #D0D0D0; }
.caltable td.disabled a,
.caltable td.disabled a:visited { color: #D0D0D0; }
.caltable td.marked	 		{ color: #F27801; }
.caltable a,
.caltable a:visited	 		{ text-decoration: none; color: #000000; font-weight: normal; }
.caltable a.disabled		{ color: #D0D0D0; }
.caltable a.marked,
.caltable a.marked:visited 	{ color: #F27801; }