/**********************************************************************
 * 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(../images/order_step1.gif) no-repeat 40px 10px; }
#order_top ul.first li.p_two { background: url(../images/order_step2.gif) no-repeat 40px 10px; }
#order_top ul.first li.p_three { background: url(../images/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 { 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        { 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 .today          { font-size: 5em; }
#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 35px 4px 10px;
  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 35px 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 .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_confirm            { padding-left: 10px; width: 890px; }
#order_confirm div        { 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; }