@media screen, projection {
  /* RENTAL ============================================================ */  
  form.rental {
  padding:0;
  margin:0;
  line-height:1.2em;
  clear:both;
  }
  form.rental input {
  border:1px solid #99c;
  }
  form.rental fieldset {
  border-style:none;
  margin:0;
  padding:1em 2em 1em 1em;

  color:#787878;
  background-color:#e8e8e8;  
  }
  form.rental strong {
  font-style:italic;
  background-color:transparent;
  }
  form.rental input.datepicker {
  width:5em;
  }
  input.datepicker,
  input.datepicker-rent,
  input.datepicker-dob {
  background-color:#fff;
  border:1px solid #999;
  }
  
  form.rental p.text {
  float:left;
  margin:0.5em 0 0.5em 0;
  padding:0;
  }
  form.rental p.control {
  float:left;
  margin:0 0 0.5em 0;
  padding:0;
  }
  form.rental p.control input {
  width:100%;
  }
  form.rental .full {
  clear:both;
  width:100%;
  }
  form.rental .half {
  float:left;
  width:47%;
  }
  form.rental .half.left {
  margin-right:6%;
  }
  form.rental div.errorDisplay {
  clear:both;
  background-image:url('../../images/layout/rent/warning.gif');
  background-position:left 1px;
  background-repeat:no-repeat;
  padding-left:16px;
  }
  form.rental .errorDisplay p {
  color:#c00;
  font-weight:bold;
  
  margin:15px;
  }
  form.rental .rentControl {
  }
  form.rental input.submit {
  color:#fff;
  background-color:#c00;
  text-align:center;
  font-weight:bold;
  padding:4px 10px 4px 10px;
  /*background-image:url('../../images/layout/rent/bg-submit.gif');*/
  background-position:left top;
  background-repeat:no-repeat;
  }
  form.rental input.submit {
  color:#fff;
  background-color:#c00;
  text-align:center;
  font-weight:bold;
  padding:4px 10px 4px 10px;
  /*background-image:url('../../images/layout/rent/bg-submit.gif');*/
  background-position:left top;
  background-repeat:no-repeat;
  }
  #content a.button_verleihpreis, a.button_verleihpreis:hover  {
  color:#fff;
  background-color:#c00;
  text-align:center;
  font-weight:bold;
  padding:4px 10px 4px 10px;
  /*background-image:url('../../images/layout/rent/bg-submit.gif');*/
  background-position:left top;
  background-repeat:no-repeat;
  text-decoration: none;
  font-size: 12px;
  border: 1px solid #9999CC;
  }
  

/* STEPS-LEGENDE  -------------------------------------------------- */
ul.rentalsteps {
width:98%;
list-style-type:none;
margin-top:0;
margin-left:auto;
margin-right:auto;
}
ul.rentalsteps li {
padding:.25em 0 .5em 0;
float:left;
width:14%;
height:3.5em;
margin-bottom:1em;
white-space:nowrap;
color:#b8b8b8;
border:1px solid #fcfcfc;
}
ul.rentalsteps li.over {
background-color:#f0f0f0;
border:1px solid #e8e8e8;
}
ul.rentalsteps li.active {
color:#000;
background-color:transparent;
border:1px solid #ccc;
}
ul.rentalsteps li.locked{
color:#b8b8b8;
background-color:#fcfcfc;
border:1px solid #fcfcfc;
}
ul.rentalsteps li p {
margin:0;
text-align:center;
}
ul.rentalsteps li p.nr {
font-size:30px;
line-height:30px;
}
ul.rentalsteps li p.label {
font-size:11px;
line-height:1em;
}
#content ul.rentalsteps li a,
#content ul.rentalsteps li a:link,
#content ul.rentalsteps li a:visited,
#content ul.rentalsteps li a:hover,
#content ul.rentalsteps li a:focus,
#content ul.rentalsteps li a:active {
display:block;
color:#000;
background-color:transparent;
text-decoration:none;
}
/* STEP 1 -------------------------------------------------- */
  form.rental.step1 {
  /*background-image:url('../../images/layout/rent/bg-step1.jpg');*/
  background-position:left top;
  background-repeat:no-repeat;
  }
  form.rental.step1 fieldset {
  padding-top:0;
  padding-bottom:0;
  margin-left:50px;
  margin-right:0;
  width:300px;
  /*background-image:url('../../images/layout/rent/bg-step1-blur.jpg');*/
  background-position:-50px top;
  background-repeat:no-repeat;
  }

ul.vorteile {
width:40em;
margin-left:0;
margin-left:auto;
margin-right:auto;
line-height:2em;
list-style-type:none;
}
ul.vorteile li {
color:#666;
background-color:transparent;
line-height:18px;
padding-left:25px;
margin-top:5px;
margin-bottom:5px;
background-position:left middle;
background-repeat:no-repeat;
}
/* STEP 2 -------------------------------------------------- */
  #content ul.tabs {
  clear:both;
  list-style-type:none;
  margin:0;
  padding:0 0 0 20px;
  width:auto;
  height:35px;
  
  background-image:url('../../images/layout/tabs/tabs-bg.gif');
  background-position:left 34px;
  background-repeat:repeat-x;
  }
  #content ul.tabs li {
  float:left;
  height:35px;
  line-height:35px;

  background-image:url('../../images/layout/tabs/tabs-bg-li.gif');
  background-position:left top;
  background-repeat:no-repeat;
  }
  #content ul.tabs li a,
  #content ul.tabs li a:link,
  #content ul.tabs li a:visited {
  white-space:nowrap;
  float:left;
  display:block;
  height:35px;
  line-height:35px;
  padding-top:0;
  padding-bottom:0;
  padding-left:10px;
  padding-right:10px;
  margin:0;
  color:#808080;
  font-weight:bold;
  background-color:transparent;
  text-decoration:none;

  background-image:url('../../images/layout/tabs/tabs-bg-re.gif');
  background-position:right top;
  background-repeat:no-repeat;
  }
  #content ul.tabs li.active a,
  #content ul.tabs li a:hover {
  color:#000;
  background-color:transparent;
  }
  #content ul.tabs li a:focus,
  form.rental.step2 ul.tabs li a:active {
  }

  #content ul.tabs li.active {
  background-image:url('../../images/layout/tabs/tabs-bg-li-active.gif');
  }
  #content ul.tabs li.active a,
  #content ul.tabs li.active a:link,
  #content ul.tabs li.active a:visited {
  background-image:url('../../images/layout/tabs/tabs-bg-re-active.gif');
  }
  #content ul.tabs li a .number {
  font-weight:normal;
  }
  .tabBody {
  color:#000;
  background-color:#fff;
  border-top:1px solid #f2f2f2;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  border-left:1px solid #ccc;
  padding:1em;
  padding-top: 50px;

  background-image:url('../../images/layout/tabs/tabs-bg-body.gif');
  background-position:left top;
  background-repeat:repeat-x;
  }
  .tabBody h2 {
  font-weight:normal;
  text-align:left;
  color:#808080;
  background-color:transparent;
  margin-bottom:0;
  line-height:1em;
  }
  .tabBody .textCol {
  vertical-align:top;
  padding-right:15px;
  }
  .tabBody .mapCol {
  vertical-align:top;
  width:310px;
  padding-left:15px;
  border-left:1px solid #ccc;
  }

/* STEP 3 -------------------------------------------------- */
.cartpos {
padding:2px;
border:1px solid #f2f2f2;
}
.cartpos.selected {
color:#333;
background-color:#fff;
border:1px solid #ccc;
background-image:url('../../images/layout/rent/bg-cartpos-selected.gif');
background-position:left top;
background-repeat:repeat-x;
}
ul.personTabs {
z-index:1000;
float:left;
margin:35px 0 0 0;
padding:0;
list-style-type:none;
}
ul.personTabs li {
width:140px;
margin:0 0 1px 0;
padding:0 0 8px 0;
background-image:url('../../images/layout/rent/bg-persontab-bot.gif');
background-position:left bottom;
background-repeat:no-repeat;
}
ul.personTabs li div.content {
padding:8px 0 0 15px;
background-image:url('../../images/layout/rent/bg-persontab-top.gif');
background-position:left top;
background-repeat:no-repeat;
}

#content ul.personTabs li a,
#content ul.personTabs  li a:link,
#content ul.personTabs  li a:visited {
display:block;
margin:0;
padding:0;
color:#808080;
font-weight:bold;
background-color:transparent;
text-decoration:none;
}
#content ul.personTabs  li a:hover {
color:#000;
background-color:transparent;
}
#content ul.personTabs  li a:focus,
#content ul.personTabs  li a:active {
}
#products a, #person-mandatory a,
#products a:link, #person-mandatory a:link,
#products a:visited, #person-mandatory a:visited,
#products a:hover, #person-mandatory a:hover {
color:#c00;
background-color:transparent;
}


/* active -------------------- */
ul.personTabs li.active {
position:relative;
left:1px;
line-height:1.3em;
background-image:url('../../images/layout/rent/bg-persontab-bot-active.gif');
}
ul.personTabs li.active div.content {
background-image:url('../../images/layout/rent/bg-persontab-top-active.gif');
}
#content ul.personTabs li.active a,
#content ul.personTabs  li.active a:link,
#content ul.personTabs  li.active a:visited {
height:auto;
color:#000;
background-color:transparent;
}

/* add -------------------- */
ul.personTabs li.add {
}
ul.personTabs li.add {
line-height:2em;
background-image:none;

}
ul.personTabs li.add div.content {
background-image:none;
}
#content ul.personTabs li.add a,
#content ul.personTabs  li.add a:link,
#content ul.personTabs  li.add a:visited {
height:auto;
color:#c00;
background-color:transparent;
}
#content ul.personTabs  li.add a:hover {
text-decoration:underline;
}

#content ul.personTabs  li form,
#content ul.personTabs  li form p {
margin:0;
}
#content ul.personTabs  li form {
line-height:2em;
}

input.vista {
border:1px solid #999;
}
input.vista.empty {
color:#999;
background-color:#fff;
}

/* personTabBody -------------------- */
.personTabBody {
float:left;
width:340px;
padding:1em;
border:1px solid #7f7f7f;
color:#000;
background-color:#f2f2f2;
}
.personTabBody dl {
margin:0;
padding:.25em 0 .25em 0;
line-height:2em;
color:#000;
background-color:#e6e6e6;
border:1px solid #fff;
}
.personTabBody dl dt {
padding:0 1em 0 0;
margin:0;
width:8.5em;
float:left;
clear:left;
text-align:right;
}

/* checklist -------------------- */
#sideinfo {
float:left;
margin-left:1em;
width:160px;
}
#checklist {
}
#checklist a:hover {
color:inherit;
background-color:transparent;
}
#checklist table {
width:100%;
}
#checklist table.checklist-step6 {
width:30em;
}
#checklist th {
color:#666;
background-color:transparent;
text-align:left;
padding-top:.5em;
border-bottom:1px solid #ccc;
}
#checklist td {
line-height:1em;
font-size:.9em;
}
#checklist table {
margin-top:.5em;
border-collapse:collapse;
}
#checklist td.icon {
padding-top:.2em;
padding-left:.5em;
padding-right:1em;
}
#checklist td.product {
color:#888888;
background-color:transparent;
width:90%;
}
#checklist td.price {
margin-left:1em;
text-align:right;
vertical-align:bottom;
white-space:nowrap;
color:#000;
background-color:transparent;
}
#checklist tr.sum  td {
font-weight:bold;
line-height:1.2em;
}
#checklist tr.separator td {
line-height:.5em;
height:.5em;
border-bottom:3px double #000;
}
#checklist tr.baseprice td {
padding-top:.5em;
}
#checklist tr.discountprice td {
font-weight:bold;
}
p.product-add-remove {
float:right;
text-align:right;
}

/* attribs -------------------- */
table.attribs {
clear:both;
margin-left:auto;
margin-right:auto;
border-collapse:collapse;
}
table.attribs thead th,
table.attribs tfoot th {
padding:.25em .5em .25em .5em;
text-align:left;
}
table.attribs tbody {
border:1px solid #e8e8e8;
}
table.attribs tbody td {
padding:.5em;
border-right:1px solid #e8e8e8;
text-align:center;
}
table.attribs tbody td.person {
text-align:left;
}
table.attribs tbody tr.odd td {
background-color:#f2f2f2;
}

/* TOOLTIPS  -------------------------------------------------- */
#tooltip-content {
display:none;
position:absolute;
width:155px;
height:auto;
padding:10px;
z-index:9000;

font-family:'arial', sans-serif;
font-weight:bold;
font-size:.9em;
line-height:1.3em;
color:#000;
background-color:#ffc;
border:1px solid #ff0;
}

  /* BOOKING ============================================================ */
  hr {
    color:#CCC;
    background-color:transparent;
    border-style:none;
    border-top:1px dashed #CCC;
  }
  table.booking {
    width:600px;
    border-collapse:collapse;
    margin-left:auto;
    margin-right:auto;
  }
  table.booking td.shopselect {
    width:80%;
  }
  table.booking thead tr.turn,
  table.booking tfoot tr.turn {
    color:#333;
    background-color:#F0F0F0;
  }
  table.booking thead tr.turn th,
  table.booking tfoot tr.turn th {
    color:#333;
    background-color:transparent;
  }
  table.booking thead tr.turn th table,
  table.booking tfoot tr.turn th table {
    border:1px dashed #C00;
  }
  table.booking thead tr.turn th table,
  table.booking tfoot tr.turn th table,
  table.booking thead tr.turn th table tbody,
  table.booking tfoot tr.turn th table tbody,
  table.booking thead tr.turn th table td,
  table.booking tfoot tr.turn th table td {
    color:#333;
    background-color:#FFF;
  }
  table.booking thead tr.turn th table td.prev,
  table.booking tfoot tr.turn th table td.prev {
    text-align:left;
    width:5%;
  }
  table.booking thead tr.turn th table td.text,
  table.booking tfoot tr.turn th table td.text {
    text-align:center;
    width:90%;
    font-weight:normal;
  }
  table.booking thead tr.turn th table td.next,
  table.booking tfoot tr.turn th table td.next {
    text-align:right;
    width:5%;
  }
  table.booking tbody {
    color:#333;
    background-color:#E8E8E8;
  }
  table.booking td,
  table.booking th {
  }
  table.booking td {
    padding:0.25em 0.5em 0.25em 0.5em;
  }
  table.booking td td {
    padding:0;
  }
  table.booking thead ol {
    margin:0;
    padding:0;
    list-style-type:none;
  }
  table.booking thead ol li {
    float:left;
    width:24%;
    text-align:center;
    border-style:none;
    margin:1px;
  }
  table.booking option.disabled {
    color:#CCC;
    background-color:#FFF;
  }
  table.booking table.cart {
    width:100%;
  }
  table.booking table.cart td {
    padding:0.2em;
    border-top:1px solid #FFF;
  }
  table.booking table.cart .product {
    text-align:left;
  }
  table.booking table.cart .person {
    text-align:left;
  }
  table.booking table.cart .price {
    text-align:right;
  }
  table.booking table.cart .pricetotal {
    text-align:right;
    font-weight:normal;
    border-top:0.3em double #666;
    padding:0.2em;
    font-weight:bold;
  }
  table.booking table.cart tr.modifier td {
  }
  table.booking table.cart tr.modifier td.name {
    text-align:right;
  }
  table.booking table.cart tr.modifier td.amount {
    text-align:right;
  }
  table.booking ul.shops {
    list-style-type:none;
  }
  table.booking ul.shops li {
  }
  .startdate,
  .enddate {
    white-space:nowrap;
  }
  .floatleft {
    float:left;
    margin-right:1em;
  }
  .floatright {
    float:right;
    margin-left:1em;
  }

  table.attributes {
    margin-left:auto;
    margin-right:auto;
  }
  table.attributes td.key {
    text-align:right;
    padding-right:1em;
  }


  table.produkte {
    border-collapse:collapse;
    width:100%;
    margin-left:auto;
    margin-right:auto;
  }
  table.produkte td {
    border:1px solid #CCC;
    padding:0 0.5em 0 0.5em;
    border-bottom:1px solid #CCC;
  }
  table.produkte td.preis {
    text-align:right;
    padding-right:0.5em;
  }
  table.produkte td.days {
    width:7%;
    color:#000;
    background-color:#CCC;
    border:1px solid #FFF;
    font-weight:bold;
    text-align:center;
  }
  table.produkte td.pkat {
    color:#C00;
    background-color:#D0D0D0;
    padding:3px;
    border-top:1px solid #FFF;
    border-bottom:1px solid #666;
  }
  table.produkte td.pname {
    color:#000;
    background-color:#F0F0F0;
  }
  table.produkte form,
  table.produkte form p {
    margin:0;
    padding:0;
  }
  #errormessage {
    width:40em;
    margin-left:auto;
    margin-right:auto;
    color:#FFF;
    background-color:#C00;
    border:2px dashed #000;
    text-align:center;
    padding:1em;
  }
  #errormessage a,
  #errormessage a:link,
  #errormessage a:visited {
    color:#FFF;
    background-color:transparent;
  }
  #errormessage a:hover {
    color:#000;
    background-color:#FFF;
  }
  #errormessage strong {
    font-weight:normal;
    font-size:1.4em;
  }
  p.errorbacklink {
    text-align:center;
  }
  div.decisionmessage {
    width:40em;
    margin-left:auto;
    margin-right:auto;
    color:#333;
    background-color:#FF6;
    border:2px dashed #CC6;
    text-align:center;
    padding:1em;
  }
  div.decisionmessage form,
  div.decisionmessage form p {
    margin:0;
    padding:0;
  }

  input.yes, input.no {
    width:25%;
  }
  input.yes {
    float:left;
    color:#FFF;
    background-color:#090;
  }
  input.no {
    float:right;
    color:#FFF;
    background-color:#C00;
  }

  ul.cols {
    list-style-type:none;
  }
  ul.cols li {
    float:left;
    width:22em;
  }
  ul.cols ul {
    list-style-type:none;
    margin:0;
    padding:0 0 1em 1em;
  }
  ul.cols ul li {
    width:auto;
    border-style:none;
    float:none;
  }
  ul.flat {
    list-style-type:none;
    margin:0;
    padding:0;
  }
  ul.flat li {
    padding-right:1em;
  }
  table.resorts {
    margin-left:auto;
    margin-right:auto;
    border-collapse:collapse;
  }
  table.resorts th {
    text-align:left;
  }
  table.resorts td {
    padding:0.3em;
    vertical-align:top;
  }
  table.resorts td.resort,
  table.resorts th.resort {
    text-align:right;
    padding-right:1em;
    border-right:1px solid #999;
  }
  table.resorts td.city,
  table.resorts th.city {
    padding-left:1em;
  }
  table.resorts tr.resortstart td {
    border-top:1px dashed #CCC;
  }
  option.allproducts {
    color:#C00;
    background-color:transparent;
  }
  td img.symbol,
  th img.symbol {
    padding-top:1em;
  }

  p.downloadvoucher {
    text-align:center;
    font-size:1.5em;
    margin-left:auto;
    margin-right:auto;
    width:20em;
    border:0.2em solid #C00;
  }
  p.downloadvoucher a,
  p.downloadvoucher a:link,
  p.downloadvoucher a:visited {
    display:block;
    padding:0.3em;
    text-decoration:none;
  }
  p.left {
    float:left;
    clear:both;
    margin-top:0;
    margin-right:1em;
    margin-bottom:1em;
    margin-left:0;
  }
  p.right {
    float:right;
    clear:both;
    margin-top:0;
    margin-right:0;
    margin-bottom:1em;
    margin-left:1em;
  }
  
  div.right {
    float:right;
    clear:both;
    margin-top:10px;
    margin-right:0;
    margin-bottom:1em;
    margin-left:1em;
  }
  img.unscaled {
    border:1px solid #C00;
  }
  #acdisplay {
    top:42px;
    right:0;
    width:15em;
    overflow:hide;
    list-style-type:none;
    color:inherit;
    background-color:#f8f8f8;
    border:1px solid #999;
    padding:0;
    margin:0;
  }
  #acdisplay li {
    text-align:left;
    border-bottom:1px dotted #CCC;
  }
  #acdisplay a,
  #acdisplay a:link,
  #acdisplay a:visited {
    display:block;
    text-decoration:none;
    color:#666;
    background-color:transparent;
    padding:0.2em 1em 0.2em 1em;
  }
  #acdisplay a:hover {
    color:#FFF;
    background-color:#C00;
  }
  #acdisplay a span.primary,
  .matchmark {
    color:#000;
    background-color:#FF0;
  }
  #acdisplay a span.secondary {
    color:#000;
    background-color:transparent;
    text-decoration:underline;
  }
  #acdisplay a:hover span,
  a:hover .matchmark {
    color:#FFF;
    background-color:#000;
  }
  tr.altcurrency td {
  text-align:right;
  color:#999;
  background-color:transparent;
  }
}