/** 
 * Form Style
 * 
 * @section global-css
 * @lastmod 2012-01-03
 * @author:Katharina Heyne / Maik H
 * GLOBAL FORM ELEMENTS
----------------------------------------------------------------------*/
form,
fieldset{
  border:0;
  margin:0;
  padding:0;
}
legend{
  color:#444444;
  font-size:15px;
  font-weight:700;
  margin:0 0 18px 0;
}
label { font-weight:bold; }
label em{
  font-weight:bold;
  color:#851E23;
}

label.disabled { color:rgb(156,156,156) !important; }
input.text,
input.password,
input.submit,
input.reset,
input.image,
button,
textarea, 
select{ 
  color:#444444;
  font-family:Arial, Helvetica, sans-serif;
  margin:0; 
}
input.text, 
input.password{
  padding:1px 3px 2px 3px;
  width:185px;
}
textarea{
  padding:3px 3px 3px 3px;
  width:349px;
}
select { padding:1px 0 0 1px; }


/** =FORM ELEMENTS FOR GOOD BROWSERS
----------------------------------------------------------------------*/

/* @note:Borders for Elements */
input[type="text"],
input[type="password"],
div[id="Page"] textarea, 
div[id="Page"] select{
  border:1px solid rgb(193,193,193);
  font-size:12px;
}
select[disabled="disabled"]{
  color:rgb(156,156,156);
  background-color:#ffffff;
}

.placeholder { color:rgb(153, 153, 153); }

/** =STATES FOR GOOD BROWSERS
----------------------------------------------------------------------*/

input.disabled { color:rgb(156,156,156); }

/** =FORM ELEMENTS FOR IE6
----------------------------------------------------------------------*/
* html fieldset legend{
  left:-8px; 
  position:relative;
}

/** =GROUPINGS
----------------------------------------------------------------------*/
.field { padding:0 0 7px 0; }
.rightaligned { text-align:right; }

ol.group{
  margin:18px 0 18px 0;
  padding:0;
  width:439px;
}
  ol.group li{
    cursor:pointer;
    list-style:none;
    padding:5px 9px 4px 9px;
    position:relative;
  }
  ol.group li:hover { background-color:rgb(229,229,229); }
  ol.group li label{
    cursor:pointer;
    font-weight:400;
    padding:0;
  }

/** =GRIDS
----------------------------------------------------------------------*/
input.col1, textarea.col1 { width:21px }
input.col2, textarea.col2 { width:62px }
input.col3, textarea.col3 { width:103px }
input.col4, textarea.col4 { width:144px }
input.col5, textarea.col5 { width:185px }
input.col6, textarea.col6 { width:226px }
input.col7, textarea.col7 { width:267px }
input.col8, textarea.col8 { width:308px }
input.col9, textarea.col9 { width:349px }

select.col1 { width:40px }
select.col2 { width:60px }
select.col5 { width:187px }
select.col8 { width:311px }

/* Override inputs in shipment */
input#Email { width:354px; }
button::-moz-focus-inner { border:0; padding:0; }

.controls{
  margin:18px 0 0 0;
  padding:0;
}
.ctrlright { float:right; }

.ctrlright li.button,
.ctrlright button{
  margin:0 0 0 4px;
}

li.button{
  float:left;
  list-style:none outside none;
  margin:0 4px 0 0;
}

li.button a{
  background-color:#851e23;
  border:0 none transparent !important;
  color:#ffffff !important;
  cursor:pointer;
  font-weight:bold;
  outline:0;
  padding:0;
}

li.button a,
li.button span,
button strong,
button span{
  background-repeat:no-repeat;
  display:block;
}
  li.button span,
  button strong,
  button span { line-height:18px; }
  li.button a { text-decoration:none !important; }

* html li.button a, 
* html button,
*+html li.button a, 
*+html button { background-color:transparent !important; }

button{
  background:transparent;
  border:0 none transparent;
  color:#ffffff;
  cursor:pointer;
  display:block;
  float:left;
  font-family:Arial, sans-serif;
  font-size:13px;
  font-weight:bold;
  margin:0;
  padding:0;
  text-align:left;
}

* html button{
  width:auto;
  overflow:visible;
}

/** =BUTTON - Callback zzgl Partnerprogramm
----------------------------------------------------------------------*/
#CallbackForm input{
  margin-bottom:7px;
  width:200px;
}
#CallbackForm select{
  color:#999999;
  margin-bottom:7px;
  width:208px;
}

#PartnerprogramForm input { width:300px; }
 input#PartnerprogramAddressZIP,
 input#PartnerprogramAddressCity { width:144px; }
 
#PartnerprogramForm textarea { width:400px; }

#PartnerprogramForm p#Kennzeichnung{
  color:#444444;
  font-size:11px;
}
  #PartnerprogramForm .controls.ctrlright p.text{
    float:left;
    padding-top:8px;
  }

/** =BUTTON 
----------------------------------------------------------------------*/
.CategoryID2 .button50er span,
.CategoryID17 .button50er span{ font-weight:normal; }

button:disabled{ cursor:default; }

#PartnerprogramSubmit{
  float:right;
  width:135px;
}

#AftersaleSubmit,
#AftersaleDisabled{ width:200px; }

/* Not Available */
#PurchaseNotAvailable{
  color:#666666;
  cursor:default;
  font-size:20px;
  font-weight:400 !important;
}
  #PurchaseNotAvailable strong,
  #PurchaseNotAvailable span{
    font-weight:400;
    line-height:20px;
  }


/* Document Relationship */
#DocRel{
  display:block;
  float:left;
  padding:2px 8px 2px 8px;
  width:622px;
}

#DocRel a{
  background:none;
  color:#444444 !important;
  font-weight:normal;
  text-decoration:underline !important;
}
#DocRel li.prev,
#DocRel li.next{
  float:right;
  margin:0;
}

#DocRel li.prev a,
#DocRel li.next a{
  background:url('../img/ms-nav-sub.png') no-repeat scroll 5px -193px transparent;
  float:right;
  padding:0 0 0 20px;
  white-space:nowrap;
}
  #DocRel li.next a { padding:0 20px 0 0; }
  #DocRel li.prev span{
    color:rgb(190,190,190);
    float:right;
    padding:0 15px;
  }

#DocRel li.up a { background-position:100% 0; }
#DocRel li.up span { background-position:0 0; }
#DocRel li.up a:active { background-position:100% -38px; }
#DocRel li.up a:active span { background-position:0 -38px; }
#DocRel li.prev a { background-position:0 -191px; }
#DocRel li.prev a:active { background-position:0 -191px; }
#DocRel li.next a { background-position:100% -215px; }
#DocRel li.next a:active { background-position:100% -215px; }

/* Generischer-Link-Button (Paypal Confirmation)
----------------------------------------------------------------------*/
button#Link strong,
button#Link span { background-image:url('../img/button-link.png'); }
button#Link strong { padding:0 20px 0 0; }
button#Link span { padding:8px 0 12px 18px; }
button#Link strong { background-position:100% 0; }