@charset "UTF-8";
/**
 * @version         3.1
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
*/

@media all
{
  /**
   *
   *  (en) visual form styling area
   *  (de) Festlegung des optischen Erscheinungsbildes
   */

  form.kontaktform {margin: 0;padding: 0;}
  form.kontaktform fieldset {margin: 0;padding: 0;}
  form.kontaktform legend {font-size: 20px; font-weight: normal; color: white; margin-bottom: 20px;}
  form.kontaktform label { }
  form .kontaktform td.csc-form-fieldcell input,
  form .kontaktform td.csc-form-fieldcell textarea,
  form .kontaktform td.csc-form-fieldcell select,
  form.kontaktform .type-text input,
  form.kontaktform .type-text textarea,
  form.kontaktform .type-select select,
  form.kontaktform .tx_powermail_pi1_fieldwrap_html_date input,
 .tx-odsajaxmailsubscription-pi1 .type-text input{
    font-family:  Helvetica, Arial, sans-serif;
	font-size: 20px;
	padding: 10px;
	height: 25px;
  }

  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
  form .kontaktform td input:focus,
  form .kontaktform td select:focus,
  form .kontaktform td textarea:focus,
  form .kontaktform td input:hover,
  form .kontaktform td select:hover,
  form .kontaktform td textarea:hover,
  form .kontaktform td input:active,
  form .kontaktform td select:active,
  form .kontaktform td textarea:active,
  form.kontaktform div input:focus,
  form.kontaktform div select:focus,
  form.kontaktform div textarea:focus,
  form.kontaktform div input:hover,
  form.kontaktform div select:hover,
  form.kontaktform div textarea:hover,
  form.kontaktform div input:active,
  form.kontaktform div select:active,
  form.kontaktform div textarea:active {}

  /* Styling of buttons | Gestaltung von Buttons */
  form .kontaktform input.type-button,
  form.kontaktform .type-button input {
    padding: .5em 1.2em;
  }

  form .kontaktform input.type-button#reset,
  form.kontaktform .type-button input#reset {float: left; }

  form .kontaktform input.type-button#submit,
  form.kontaktform .type-button input#submit { }

  /* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
  form .kontaktform input.type-button:focus,
  form .kontaktform input.type-button:hover,
  form .kontaktform input.type-button:active,  
  form.kontaktform div.type-button input:focus,
  form.kontaktform div.type-button input:hover,
  form.kontaktform div.type-button input:active {}

  form .kontaktform input.type-button#reset:focus,
  form .kontaktform input.type-button#reset:hover,
  form .kontaktform input.type-button#reset:active,
  form.kontaktform div.type-button input#reset:focus,
  form.kontaktform div.type-button input#reset:hover,
  form.kontaktform div.type-button input#reset:active {}

  form .kontaktform input.type-button#submit:focus,
  form .kontaktform input.type-button#submit:hover,
  form .kontaktform input.type-button#submit:active,
  form.kontaktform div.type-button input#submit:focus,
  form.kontaktform div.type-button input#submit:hover,
  form.kontaktform div.type-button input#submit:active {}

  /* error */
  form.kontaktform div.powermail_mandatory_js {background: red;position: absolute; font-size: 12px;margin-top: 1px;color: white; padding: 0 5px;}
  
  /* confirmation */
  .tx-powermail-pi1_confirmation form.kontaktform  {float: left;width: 50%;}

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Vertical-Forms - technical base (standard)
  *
  * |-------------------------------|
  * | fieldset                      |
  * |-------------------------------|
  * |   label                       |
  * |   input / select / textarea   |
  * |-------------------------------|
  * | /fieldset                     |
  * |-------------------------------|
  *
  * (en) Styling of forms where both label and input/select/textarea are styled with display: block;
  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display: block; gestaltet werden
  *
  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* General form styling  | Allgemeine Formatierung des Formulars */
  form.kontaktform { overflow: hidden; }
  form.kontaktform fieldset { overflow: hidden; }
  form.kontaktform legend { background: transparent; border: 0; }
  form.kontaktform label, p.tx_powermail_pi1_fieldwrap_html_radio_title, p.tx_powermail_pi1_fieldwrap_html_checkbox_title { display:block; }
  form.kontaktform .message { display: block; margin-bottom: 0.5em; }

  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken */
  form.kontaktform input[type=hidden] { display: none !important; }

  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
  form.kontaktform sup { font-weight: bold; }

  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  form .kontaktform td .csc-form-labelcell,  
  form .kontaktform td .csc-form-fieldcell,   
  form.kontaktform div.type-text,
  form.kontaktform div.type-select,
  form.kontaktform div.type-check,
  form.kontaktform div.type-button,
  form.kontaktform div.tx_powermail_pi1_fieldwrap_html_date{
    /*position: relative;
    overflow: hidden;*/
	margin-bottom: 40px;
  }
  form select {padding-bottom:8px !important; height: 45px !important;}
  /*.even {width: 275px; float: left; clear: left;}
  .odd {width: 275px; float: right; clear: right;}*/
  
  
  form.kontaktform div.type-button {
  text-align: right;
  padding: 20px 0 20px 0;
  margin-bottom: 0 !important;
  }
  
  .tx-powermail-pi1_confirmation form.kontaktform div.type-button {
  text-align: left;
  }
  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  
  form .kontaktform td input,
  form .kontaktform td textarea,
  form.kontaktform .type-text input,
  form.kontaktform .type-text textarea,
   .tx-odsajaxmailsubscription-pi1 .type-button input{
    display: block;
    position: relative;
   
  }

form .kontaktform td select
  form.kontaktform .type-select select {
    display: block;
    position: relative;
    padding: 0.3em 2px 0.3em 1px;
    width: 60%;
    cursor: pointer;
  }
  
  form .kontaktform td select optgroup,
  form.kontaktform .type-select select optgroup {
    font-style: normal;
    font-weight: bold;
  }

  form.kontaktform .type-check input { cursor: pointer; }
  form.kontaktform .type-check label { display: inline; }

  /* Styling of buttons | Gestaltung von Buttons */
  form .kontaktform td input.type-button#submit,
  form.kontaktform .type-button input {
    width: auto;
    cursor: pointer;
  }

  /* Styling of error-messages | Fehlermeldungen */
  form.kontaktform div.error {
    padding: 0.5em;
  }

  form.kontaktform div.error label { font-weight:bold; }
  form.kontaktform div.error .message {}

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Columnar forms display - technical base (optional)
  *
  * |-------------------------------------------|
  * | fieldset                                  |
  * |-------------------------------------------|
  * |                                           |
  * |   label   |   input / select / textarea   |
  * |                                           |
  * |-------------------------------------------|
  * | /fieldset                                 |
  * |-------------------------------------------|
  *
  * (en) Styling of forms where label floats left of form-elements
  * (de) Formulargestaltung, bei der die label-Elemente nach links floaten
  *
  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* Columnar display | Spalten-Darstellung */
  .columnar .type-text label,
  .columnar .type-select label {
  }

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einruecken, wie die Breite der labels */
  .columnar div.type-check {  }
  .columnar div.type-check div.powermail_radio_inner {}
  .columnar div.error .message { margin-left: 30%; }

  .columnar div.type-text input,
  .columnar div.type-text textarea { width: 95%; }
  .columnar div.type-select select { width: 100%; }
  
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung fuer Internet Explorer 5.x und 6.0 */
  * html .columnar div.type-text input,
  * html .columnar div.type-text textarea { width: 67.2%; }
  * html .columnar div.type-select select { width: 68.8%; }
  
  /* error */
   .columnar div.powermail_mandatory_js {}

  
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Forms Fieldset/Legend-Bug in IE
  * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7
  * @css-for IE 5.x/Win, IE6, IE7
  * @valid yes
  */
  
  /* IE5.x & IE6 */
  * html form.kontaktform legend { position:absolute; top: -.5em; left: .5em; }
  * html form.kontaktform fieldset { overflow:visible; height: 1%; margin-top:1.5em; padding-top:1.5em; }

  /* IE7 */
  *+html form.kontaktform legend { position:absolute; top: -.5em; left: .5em; }
  *+html form.kontaktform fieldset { overflow:visible; height:1%; margin-top:1.5em; padding-top:1.5em; }
}


/**
* ------------------------------------------------------------------------- #
*
* FORMS.CSS 
*
* -------------------------------------------------------------------------*/

  form.kontaktform {}
  form.kontaktform fieldset {}
    form table.kontaktform {}

  form.kontaktform legend {display: none;}
  form.kontaktform label {}
  form .kontaktform td.csc-form-fieldcell input,
  form .kontaktform td.csc-form-fieldcell textarea,
  form .kontaktform td.csc-form-fieldcell select,
  form.kontaktform .type-text input,
  form.kontaktform .type-text textarea,
  form.kontaktform .type-select select,
  form.kontaktform .tx_powermail_pi1_fieldwrap_html_date input,
  .tx-odsajaxmailsubscription-pi1 .type-text input {background: #CCCCCC url(images/input_bg.png) no-repeat top left; border:none;}

  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
  form .kontaktform td input:focus, 
 form .kontaktform td input:focus,
 form .kontaktform td select:focus,
 form .kontaktform td textarea:focus,
 form .kontaktform td input:hover,
 form .kontaktform td select:hover,
 form .kontaktform td textarea:hover,
 form .kontaktform td input:active,
 form .kontaktform td select:active,
 form .kontaktform td textarea:active,
form.kontaktform div input:focus,
  form.kontaktform div select:focus,
  form.kontaktform div textarea:focus,
  form.kontaktform div input:hover,
  form.kontaktform div select:hover,
  form.kontaktform div textarea:hover,
  form.kontaktform div input:active,
  form.kontaktform div select:active,
  form.kontaktform div textarea:active,
  .tx-odsajaxmailsubscription-pi1 .type-text input:focus,
  .tx-odsajaxmailsubscription-pi1 .type-text input:hover,
  .tx-odsajaxmailsubscription-pi1 .type-text input:active {
	  border:none;
    background: #fff url(images/input_bg.png) no-repeat top left;
  }

  /* Styling of buttons | Gestaltung von Buttons */

   form .kontaktform td input.type-button,
  form.kontaktform .type-button input  {
   border: none;
    color: #fff;
    background: #bc0000; 
 
  }
  form .kontaktform td input.type-button#reset,
  form.kontaktform .type-button input#reset { color: #fff;  
 background:black url(images/formReset_bg.jpg) repeat-x center left;
border:1px solid #242424;
color:#FFFFFF;
margin:0;
padding: 15px 15px 15px 60px;
text-align: left;
width: 50%;  }
  
  form .kontaktform td input.type-button#submit,
  form.kontaktform .type-button input#submit,
  .tx-odsajaxmailsubscription-pi1 .type-button input{ color: #fff;  
 background:black url(images/formSubmit_bg.jpg) repeat-x center left;
border:1px solid #242424;
color:#FFFFFF;
margin:0;
padding: 15px 15px 15px 60px;
text-align: left;
width: 100%;  
  }
    .tx-powermail-pi1_confirmation form.kontaktform div.type-button#submit, 
	   .tx-powermail-pi1_confirmation form.kontaktform .type-button input#submit{
  float: right;
  clear: right;
  }

  /* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
form .kontaktform input.type-button:focus,
form .kontaktform input.type-button:hover,
form .kontaktform input.type-button:active,  
form.kontaktform div.type-button input:focus,
  form.kontaktform div.type-button input:hover,
  form.kontaktform div.type-button input:active {
   	border: none;
    color: #fff;
    background: #bc0000; 
  }
form .kontaktform input.type-button#reset:focus,
form .kontaktform input.type-button#reset:hover,
form .kontaktform input.type-button#reset:active,
  form.kontaktform div.type-button input#reset:focus,
  form.kontaktform div.type-button input#reset:hover,
  form.kontaktform div.type-button input#reset:active {
	      color: #fff; background: #bc0000;
  
 background:black url(images/formReset_bg_hover.jpg) repeat-x center left;
border:1px solid #242424;
color:#017EA8;
    }

form .kontaktform input.type-button#submit:focus,
form .kontaktform input.type-button#submit:hover,
form .kontaktform input.type-button#submit:active,
  form.kontaktform div.type-button input#submit:focus,
  form.kontaktform div.type-button input#submit:hover,
  form.kontaktform div.type-button input#submit:active {
   color: #fff; background: #bc0000;
  
 background:black url(images/formSubmit_bg_hover.jpg) repeat-x center left;
border:1px solid #242424;
color:#017EA8;

   }

  /* error */
  form.kontaktform div.powermail_mandatory_js {}

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Vertical-Forms - technical base (standard)
  *
  * |-------------------------------|
  * | fieldset                      |
  * |-------------------------------|
  * |   label                       |
  * |   input / select / textarea   |
  * |-------------------------------|
  * | /fieldset                     |
  * |-------------------------------|
  *
  * (en) Styling of forms where both label and input/select/textarea are styled with display: block;
  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display: block; gestaltet werden
  *
  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* General form styling  | Allgemeine Formatierung des Formulars */
  form.kontaktform { }
  form.kontaktform fieldset {  }
  form.kontaktform legend { background: transparent; border: 0; }
  form.kontaktform label, p.tx_powermail_pi1_fieldwrap_html_radio_title, p.tx_powermail_pi1_fieldwrap_html_checkbox_title { color: white; }
  form.kontaktform .message { color: #666; }

  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
  form.kontaktform input[type=hidden] {  }

  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
  form.kontaktform sup { color: #800;  }

  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  form.kontaktform div.type-text,
  form.kontaktform div.type-select,
  form.kontaktform div.type-check {
   
  }

  form.kontaktform div.type-button {

  }

  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  form.kontaktform .type-text input,
  form.kontaktform .type-text textarea {
   
  }

  form.kontaktform .type-select select {
   
  }
  form.kontaktform .type-select select optgroup {
   
  }

  form.kontaktform .type-check input { }
  form.kontaktform .type-check label { }

  /* Styling of buttons | Gestaltung von Buttons */
  form.kontaktform .type-button input {
    
  }

  /* Styling of error-messages | Fehlermeldungen */
  form.kontaktform div.error {
    border: 1px #a00 dashed;
    background: #faf4f4;
  }

  form.kontaktform div.error label { color: #000; }
  form.kontaktform div.error .message { color: #800; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Columnar forms display - technical base (optional)
  *
  * |-------------------------------------------|
  * | fieldset                                  |
  * |-------------------------------------------|
  * |                                           |
  * |   label   |   input / select / textarea   |
  * |                                           |
  * |-------------------------------------------|
  * | /fieldset                                 |
  * |-------------------------------------------|
  *
  * (en) Styling of forms where label floats left of form-elements
  * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
  *
  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* Columnar display | Spalten-Darstellung */
  .columnar .type-text label,
  .columnar .type-select label {
   
  }

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  .columnar div.type-check { }
  .columnar div.error .message {  }

  .columnar div.type-text input,
  .columnar div.type-text textarea {  }
  .columnar div.type-select select { }
  
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .columnar div.type-text input,
  * html .columnar div.type-text textarea {  }
  * html .columnar div.type-select select { }
  
  
  /* VALIDATION */
  
  input.validation-failed {background: red url(images/input_bg.png) no-repeat left top !important; }
  
  
  /* Fieldset Definitionen */
  .tx-powermail-pi1_fieldset_left {float: left; width: 50%; clear: left;}
  
  .tx-powermail-pi1_fieldset_right {float: right; width: 50%; clear: right; }
  .tx-powermail-pi1_fieldset_center {float: none; clear: both;}

.tx-powermail-pi1_fieldset_left .bodyWrap {padding-right: 20px;}
.tx-powermail-pi1_fieldset_right .bodyWrap {padding-left: 20px;}

/* Date_Picker */
.jscalendar_cb {display: none;}

.formSeparator {background: url(images/formSeparator_bg.gif) no-repeat top center; height: 30px; margin: 0 0 20px 0;}

form ul, form ol {
font-size:12px;
}
label a dfn {display: none;position: absolute;background: red; color: white;font-size: 12px; padding: 5px; width: 100px; z-index: 100; box-shadow: 2px 2px 5px black;}
label a:hover dfn {display: inline;}

/* ROHLOFF SPEEDHUB SPECIAL */
.powermail_check_inner_uid143_1,
.powermail_check_inner_uid193_1 {
background: url(images/header/madeast_stahlwertung.jpg) no-repeat scroll right top;
border:0px solid #242424;
border-bottom: 0;
margin-top:10px;
padding: 10px 0 40px 0;
}

#powermaildiv_uid302,
#powermaildiv_uid303{
	
border:1px solid #242424;
border-top: 0;
margin-top:-80px;
padding:0 0 10px 27px;
	}
	
#powermaildiv_uid302 label,
#powermaildiv_uid302 label {}

#powermaildiv_uid302 input.speedhub,
#powermaildiv_uid303 input.speedhub {
	
width: 50%;
	}