/************************************************
POGGENPOHL
http://www.comspace.de
Author: franz@comspace.de
Create Date: 07.07.08
FORMS Template
Tested in: 
PC -> IE 6, IE 7, FF 2.0.0.15, FF 3, Opera 9.27
MAC -> FF 2.0.0.15, FF 3, Safari 3.1, Opera 9.27
EM's
************************************************
 BASIC 
  
************************************************/
input {
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em; /*10px;*/
    color:#999;
    border:1px solid #e9e9e9;
    }
    
select {
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em; /*10px;*/
    color:#999;
    border:1px solid #e9e9e9;
    }
/************************************************
  FORM CONTXT
  
************************************************/
.contxt form {padding-top: 4px;}
.contxt form fieldset {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    }
.contxt form input {
    margin-bottom:10px;
    }
    
.contxt form select {
    width: 190px; /*17.091em;  188px;*/
    margin-bottom:10px;
    }
    
* html .contxt form select {
    width: 188px;
    }        
    
*+html .contxt form select {
    width: 188px;
    }    
.contxt form input.input {
    width:188px; /*16.909em; 186px;*/
    }    
    
* html .contxt form input.input {
    width:184px; /*16.909em; 186px;*/
    }        
    
*+html .contxt form input.input {
    width:184px; /*16.909em; 186px;*/
    }  

.contxt form input.inputText {
    width:188px; /*16.909em; 186px;*/
    }    
    
* html .contxt form input.inputText {
    width:184px; /*16.909em; 186px;*/
    }        
    
*+html .contxt form input.inputText {
    width:184px; /*16.909em; 186px;*/
    }  
    
.contxt form input.btn {
    width:120px;
    color: #fff;
    background:#000 url(/img/layout/bg_btn.gif) repeat-x;
    border: none;
    padding: 1px 4px 1px 4px;
    float: right;
    }
    
/************************************************
  BASIS Formular
  
************************************************/
    
.error_form {
    color: #ff0000;
    font-size:11px;
    padding: 3px 0 3px 0;
    }
.box_form_wrapper {
    padding:11px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    }
    
.box_form_wrapper h3 {
    font-weight: normal;
    margin: 0 0 8px 0;
    }
    
.box_form_wrapper input {
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    border: 1px solid #e9e9e9;
    color:#999;
    padding: 2px;
    display: block;
    margin-top: 3px;
    }
    
.box_form_wrapper select {
    float: left;
    display: block;
    }
    
.box_form_wrapper textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    border: 1px solid #e9e9e9;
    color:#999;
    padding: 2px;
    display: block;
    margin-top: 3px;
    }
    
.box_form_wrapper form {
    text-align: left;
    }
.box_form_wrapper fieldset {
    margin: 0;
    border: 0;
    padding: 0;
    }
.box_form_wrapper legend {
    display: none;
    }
.box_form_wrapper label {
    display: block;
    font-size: 11px;
    line-height: 11px;
    padding: 0 0 8px 0;
    }
    
.box_form_wrapper input.btn {
    width:60px;
    color: #fff;
    background:#000 url(/img/layout/bg_btn.gif) repeat-x;
    border: none;
    padding: 1px 4px 1px 4px;
    float: right;
    }
    
.box_form_wrapper label.field-first,
.box_form_wrapper label.field-phone {
    float: left;
    margin: 0 10px 0 0;
    width: 178px;
    }
.box_form_wrapper label.field-first input,
.box_form_wrapper label.field-phone input{
    float: left;
    width: 178px;
    /*padding: 0px;*/
    }
.box_form_wrapper label.field-last,
.box_form_wrapper label.field-title,
.box_form_wrapper label.field-email {
    float: left;
    margin: 0 0 0 0;
    width: 178px; 
    }
.box_form_wrapper label.field-last input,
.box_form_wrapper label.field-title input,
.box_form_wrapper label.field-email input {
    float: left;
    width: 178px;
    /*padding: 0px;*/
    }
/*.box_form_wrapper label.field-email,
.box_form_wrapper label.field-phone,
.box_form_wrapper label.field-mobil,
.box_form_wrapper label.field-fax,
.box_form_wrapper label.field-address,
.box_form_wrapper label.field-country,
.box_form_wrapper label.field-additional,
.box_form_wrapper label.field-file  {
    float: left;
    width: 300px;
    margin: 0;
    }
.box_form_wrapper label.field-email input,
.box_form_wrapper label.field-phone input,
.box_form_wrapper label.field-mobil input,
.box_form_wrapper label.field-fax input,
.box_form_wrapper label.field-address input,
.box_form_wrapper label.field-country input,
.box_form_wrapper label.field-additional input {
    float: left;
    width: 286px;
    margin-right:5px;
    }*/
.box_form_wrapper label.field-zip {
    float: left;
    margin: 0 10px 0 0;
    width: 84px;
    }
.box_form_wrapper label.field-number,
.box_form_wrapper label.field-country {
    float: left;
    width: 84px;
    }

.box_form_wrapper label.field44 {
    width: 215px;
}

.box_form_wrapper label.field-number input,
.box_form_wrapper label.field-zip input,
.box_form_wrapper label.field-country input{
    float: left;
    width: 84px;
    }
    
.box_form_wrapper label.field-street {
    float: left;
    margin: 0 10px 0 0;
    width: 272px;
    }
.box_form_wrapper label.field-street input {
    float: left;
    width: 272px;
    }    
.box_form_wrapper label.field-city {
    float: left;
    margin: 0 10px 0 0;
    width: 178px;
    }
.box_form_wrapper label.field-city input {
    float: left;
    width: 178px;
    /*padding: 0px;*/
    }
    
.box_form_wrapper label.field-describe textarea {
    width: 366px;
    margin-bottom:15px;
    /*padding: 0px;*/
    }
/*.box_form_wrapper label.field-area {
    float: left;
    padding-top: 8px;
    width: 368px;
    }
    
.box_form_wrapper label.field-area span {
    height:16px;
    padding: 6px 0 0 0;
    display:block;
    }
.box_form_wrapper label.field-area input {
    float: left;
    width: 48px;
    margin-right:10px;
    }*/
    
/***** RADIOBUTTONS *****/    
.box_form_wrapper input#radiobutton_1,
.box_form_wrapper input#radiobutton_2,
.box_form_wrapper input#radiobutton_3,
.box_form_wrapper input#radiobutton_4,
.box_form_wrapper input#radiobutton_5,
.box_form_wrapper input#radiobutton_6,
.box_form_wrapper input#radiobutton_7,
.box_form_wrapper input#radiobutton_8,
.box_form_wrapper input#radiobutton_9,
.box_form_wrapper input#radiobutton_10,
.box_form_wrapper input#radiobutton_11,
.box_form_wrapper input#radiobutton_12,
.box_form_wrapper input#radiobutton_13 {
    /*clear: left;*/
    float: left;
    padding: 0;
    margin: 0;
    border:none;
    }
.box_form_wrapper label.radioitem {
    /*clear: none;*/
    float:left;
    width: 128px;
    /*margin: 0 0 0 25px;*/
    margin: 0 0 0 5px;
    /*padding: 0 0 15px 0;*/
    padding: 0 0 5px 0;
    display: block;
    }
.box_form_wrapper input#radiobutton_sir,
.box_form_wrapper input#radiobutton_madame {
    float: left;
    padding: 0;
    margin: 2px 0 0 0;
    border:none;
    }
* html .box_form_wrapper input#radiobutton_sir,
* html .box_form_wrapper input#radiobutton_madame {
    margin: -3px 0 0 0;
    }
*+html .box_form_wrapper input#radiobutton_sir,
*+html .box_form_wrapper input#radiobutton_madame {
    margin: -2px 0 0 0;
    }
.box_form_wrapper label.field-sir,
.box_form_wrapper label.field-madame {
    float: left;
    padding: 3px 0 2px 0;
    margin: 0 0 8px 5px;
    width: 70px;
    }
    
    
input.inputHidden {display:none !important;}   

fieldset.radioGroup {
    bordeR:0;
    padding:0;
    margin:0;    
}
.box_form_wrapper fieldset.radioGroup input.inputRadio {float:left;width:auto; border:none;}
* html .box_form_wrapper fieldset.radioGroup input.inputRadio{width:22px !important;}
*+html .box_form_wrapper fieldset.radioGroup input.inputRadio{width:22px !important;}
input.inputCheckbox {float:left;}
label.radioLabel {
    float:left;
    padding: 3px 0 2px 0;
    margin: 0 0 8px 5px;
    width: 70px;
}

.radioLabelBig {float: left; width: 200px; margin: 0 0 8px 5px; position: relative; top: 3px;}
*+html .radioLabelBig {top: 8px;}
* html .radioLabelBig {top: 8px;}
.inputText {width: 250px;}

.error {border:1px solid red !important;}

.checkWrap {padding:4px 2px 0 2px;}
* html .checkWrap {border-color:#ffffff !important;background-color:#ffffff !important;}
*+html .checkWrap {border-color:#ffffff !important;background-color:#ffffff !important;}
.checkWrap.error {background-color:#FF7A7E;}


.box_form_wrapper select#country {
    /* width:90px; */
    width: 215px;
    margin-top:3px;
    padding: 1px 0;
} 
* html .box_form_wrapper select#country {
    width:92px;
}
* html .box_form_wrapper label.field-first, .box_form_wrapper label.field-phone {
    margin: 0pt 2px 0pt 0pt;
}
* html .box_form_wrapper label.field-last, .box_form_wrapper label.field-title, .box_form_wrapper label.field-email {
    margin: 0pt;
}
* html .box_form_wrapper label.field-zip {
    margin: 0pt 2px 0pt 0pt;
}
* html .box_form_wrapper label.field-street {
margin: 0pt 2px 0pt 0pt;
}
* html .box_form_wrapper label.field-city {
margin: 0pt 2px 0pt 0pt;
}
* html .box_form_wrapper label.field-describe textarea { 
    width: 366px;
    margin-bottom: 15px; 
}
 .box_form_wrapper fieldset.products {
width:400px;
}
 
.box_form_wrapper fieldset.products  label {
                width: 190px;
                height: 110px;
                float:left;
                margin-right:10px;
}
.box_form_wrapper fieldset.products  label  input  {
                float:left;
                border: none;
}
.box_form_wrapper fieldset.products  label  img {
                margin-bottom:6px;
}
* html .box_form_wrapper fieldset.products  label  img {
                margin-bottom:0px;
}
.box_form_wrapper fieldset.products  label  span {
                display:block;
                float:right;
                width: 170px;
                margin-top:2px;
                line-height:1.5em;
}
* html .box_form_wrapper fieldset.products  label  span {
                margin-top:4px;
}
* html .box_form_wrapper fieldset.products { margin-right:-25px;}
/* overrrides after the wireframes */
.box_form_wrapper label.field33 {float: left; margin: 0 10px 0 0; width: 115px !important;}
    
.box_form_wrapper label.field33 input, .box_form_wrapper label.field33 textarea  {float: left;width: 115px !important;}
.box_form_wrapper label.field33 select {float: left; width: 121px !important;margin-top:3px;padding:1px 0;}
.box_form_wrapper label.field16 {float: left;margin: 0 10px 0 0; width: 70px !important;}
.box_form_wrapper label.field16 input, .box_form_wrapper label.field16 select, .box_form_wrapper label.field16 textarea {float: left;width: 70px !important;}
.box_form_wrapper label.field100 input, .box_form_wrapper label.field100 select, .box_form_wrapper label.field100 textarea {float: left; width: 365px !important;}
.box_form_wrapper input.inputHidden {display:none;}
.box_form_wrapper input.inputCheckbox {border-width:0px;}
fieldset.radioGroup {border:0;padding:0;margin:0;}
.box_form_wrapper input#newsletter {display:inline;vertical-align: text-top;padding:0;margin:0;}
.box_form_wrapper label.checkboxLabel {display:inline;float:none;margin:0px;padding:0px;}
* html .box_form_wrapper label.field16, *+html .box_form_wrapper label.field16 {width:70px !important;}
* html .box_form_wrapper label.field33 , *+html .box_form_wrapper label.field33 {width:113px !important;}
* html .box_form_wrapper label.field16 input, * html .box_form_wrapper label.field16 select, * html .box_form_wrapper label.field16 textarea {width:60px !important;}
* html .box_form_wrapper label.field33 input, * html .box_form_wrapper label.field33 select, * html .box_form_wrapper label.field33 textarea {width:105px !important;}
* html .box_form_wrapper label.field100 input, .box_form_wrapper label.field100 select, .box_form_wrapper label.field100 textarea {width:350px !important;}
* html .box_form_wrapper label.field16 select 
.box_form_wrapper label.field33 select {width:120px !important;}
.error { background: #ff7a7e; border-color:#cc0000 !important; }
 
.productsmall label {width:185px;float:left;}
.productsmall label  a {color:#666;}
.productsmall label input {float:none;display:inline;margin:0px;padding:0px;}
#frame_cnt  .box_form_wrapper  label.field-newsletter  input {float:none;display:inline;margin:0;padding:0px;width:auto !important;}
*+html #frame_cnt  .box_form_wrapper  label.field-newsletter  input , * html #frame_cnt  .box_form_wrapper  label.field-newsletter  input  {margin-top:-3px;}
.required {color:#F49E00;font-size:14px!important;margin-top:6px!important;}