/* 
 * -----------------------------------
 * comp4site 3.04
 * C4S FORMULARS CSS
 *
 * Copyright
 * COM.POSiTUM Multimedia-Agentur GmbH
 * -----------------------------------
 */

 

/* ------------------------------------
 *  FORM ELEMENTS
 * ------------------------------------  
 */
.contactform_wrap {padding:40px 0;/*padding:4rem 0;*/}
    
#form_notice {padding-bottom:40px;/*padding-bottom:4rem;*/}    


form label,
form select,
form input[type="checkbox"],
form input[type="radio"],
form input[type="button"],
form input[type="submit"],
form input[type="file"]
{
	cursor: pointer;
    -webkit-appearance: none;
	}


form label {
    float:left;
    display:block;
    width:310px;
    /*width:31rem;*/
    line-height: 40px;
    /*line-height: 4rem;*/
    }
	
form fieldset {
    border:0 none;
    padding-bottom:24px;
    /*padding-bottom:2.4rem;*/
    }

form legend {
    /*font-size:24px;
    font-size:2.4rem;*/
    font-family:"FrutigerLTW02-57Condens", sans-serif;
    font-weight: 700;
    color:#6692b6;
    padding-bottom:10px;
    /*padding-bottom:1rem;*/
    line-height:normal;
    
    font-size:20px;
    font-size:2rem;
    }
body.compositum form legend {
    color:#df7984;
    }


input, select, textarea, option {vertical-align:middle;outline: none;-webkit-appearance:none;}


select {
	background:#fff;
    width:500px;
    /*width:50rem;*/
    height: 40px;
    /*height: 4rem;*/
    padding:0 7px 0 7px;
    /*padding:0 0.7rem 0 0.7rem; */
    color:#6692b6;
    border:1px solid #fff;
    border-radius:7px;
    /*border-radius:0.7rem;*/
	}

input,
textarea { 
    /*font-family:"FrutigerLTW02-57Condens", arial, sans-serif;*/
    font-weight: 400;
    background-color:#fff;
    padding:0 7px 0 7px;
    /*padding:0 0.7rem 0 0.7rem; */
    width:500px;
    /*width:50rem;*/
    /*line-height:40px; 
    line-height:4rem;  
    font-size: 20px;
    font-size: 2rem;*/
    color:#6692b6;
    
    /*border:1px solid #999;*/
    border-radius:10px;
    /*border-radius:1rem;*/
    
    border:1px solid #fff;
    border-radius:7px;
    /*border-radius:0.7rem;*/
    }
body.compositum input,
body.compositum textarea,
body.compositum select {
    color:#df7984;
    }
	
input { 
    /*height:24px; 
    height:2.4rem; */
	overflow:visible; /* Workaround for ie making too much padding in input buttons (Cross-Browser) */ 
	
    line-height: 40px;
    /*line-height: 4rem;*/
    font-size:20px;
    font-size:2rem; 
	}
	
textarea { 
	height:200px; 
	/*height:20rem;*/
    padding:7px;
    padding:0.7rem; 
	line-height:normal; 
	overflow:auto; /* Fix IE: shows only scrollpanel where needed */
	}
	

input:hover,input:focus,
textarea:hover,textarea:focus,
select:hover,select:focus { 
	/*border:1px solid #e0001a; */
    /*background-color:#fefefe;*/
    
    /*border:1px solid #eee;*/
	}


input.formsubmit,
a.button,
body.creart .content-wrap a.button,
body.compositum .content-wrap a.button,
.content-wrap a.button,
#main-slider a.button,
#app_form input.formsubmit,
.uploadifive-button {
    display:inline-block;
    font-family:"FrutigerLTW02-47LightCn", sans-serif;
    width:auto;
    margin:20px 16px 0px 0px;
    /*margin:2rem 1.6rem 0 0;*/
    /*padding:10px 28px;
    padding:1rem 2.8rem;*/
    padding:6px 20px;
    /*padding:0.6rem 2rem;*/
    /*line-height:24px; */
    /*line-height:2.4rem;  */
    /*font-size: 20px;
    font-size: 2rem;*/
    /*height:24px; */
    /*height:2.4rem;*/
    /*border:1px solid #fff;*/
    /*background:#6690b7;*/
    background:#6690b7;
    color:#fff;
    cursor:pointer;
    text-align:center;
    width:auto;
    overflow: visible; /* Workaround for ie making too much padding in input buttons (Cross-Browser) */
    zoom:1;
    
    border:0 none;
    border-radius:7px;
    /*border-radius:0.7rem;*/
    
    transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
        /*-webkit-box-shadow:0 0 3px rgba(0,0,0,0.3), inset 0px 1px 3px rgba(255, 255, 255, 0.5);
        -moz-box-shadow:0 0 3px rgba(0,0,0,0.3), inset 0px 1px 3px rgba(255, 255, 255, 0.5);
        box-shadow:0 0 3px rgba(0,0,0,0.3), inset 0px 1px 3px rgba(255, 255, 255, 0.5);*/
        /*opacity:0.8;*/
    }
#app_form input.formsubmit {
    padding:0 20px;
    /*padding:0 2rem;*/
}
body.creart .content-wrap .references-wrap.small .reference-single a.button {opacity:0.8;}
    
body.compositum input.formsubmit,
body.compositum a.button,
body.compositum .content-wrap a.button,
body.compositum #main-slider a.button,
body.creart .content-wrap .com-slider li.el_5 a.button {
    background:#df7984;
}

input.formsubmit:hover,
input.formsubmit:focus,
a.button:hover,
a.button:focus,
body.creart .content-wrap a.button:hover,
body.creart .content-wrap a.button:focus,
body.creart .content-wrap a.button.active,
#app_form input.formsubmit:hover,
.uploadifive-button:hover {
    /*top:-4px;
    top:-0.4rem;*/
    background:#004687;
    /*opacity:1;*/
    }
    
body.creart .content-wrap .references-wrap.small .reference-single a.button:hover,
body.creart .content-wrap .references-wrap.small .reference-single a.button:focus {background:#6690b7;opacity:1;}


body.compositum input.formsubmit:hover,
body.compositum input.formsubmit:focus,
body.compositum a.button:hover,
body.compositum a.button:focus,
body.compositum .content-wrap a.button:hover,
body.compositum .content-wrap a.button:focus,
body.compositum .content-wrap a.button.active,
body.creart .content-wrap .com-slider li.el_5 a.button:hover,
body.creart .content-wrap .com-slider li.el_5 a.button:focus {
    background:#e2001a;
    }


#main-slider a.button {opacity:0.8;}
#main-slider a.button:hover,
#main-slider a.button:focus {opacity:1;}


body.creart .content-wrap a.smallBttn,
body.compositum .content-wrap a.smallBttn {
    margin:10px 16px 0px 0px;
    /*margin:1rem 1.6rem 0 0;*/
    font-size:16px;
    font-size:1.6rem;
    } 
body.creart .content-wrap a.bigBttn,
body.compositum .content-wrap a.bigBttn,
#main-slider a.button,
a.bigBttn {
    font-family:"FrutigerLTW02-57Condens", arial, sans-serif;
    font-size:20px;
    font-size:2rem;
    padding:16px 20px;
    /*padding:1.6rem 2rem;*/
    }

/* references */    
body.creart .content-wrap .references-wrap.medium .reference-single a.bigBttn,
body.compositum .content-wrap .references-wrap.medium .reference-single a.bigBttn,
body.creart .content-wrap .references-wrap.small .reference-single a.bigBttn,
body.compositum .content-wrap .references-wrap.small .reference-single a.bigBttn,
#main-slider a.button.smallBttn {
    font-size:14px;
    font-size:1.4rem;
    padding:8px 10px;
    /*padding:0.8rem 1rem;*/
    }
#main-slider a.button.smallBttn {
    margin-top:30px;
    /*margin-top:3rem;*/
    }
    
.button-wrap {list-style:none!important;margin-top:40px;/*margin-top:4rem;*/}
.references-wrap.medium .reference-single .button-wrap {margin-top:30px;/*margin-top:3rem;*/}
.references-wrap.small .reference-single .button-wrap {margin-top:0;position:absolute;bottom:10px;/*bottom:1rem;*/padding-bottom:0!important;} 

.button-wrap li {margin:0!important;padding:0!important;}
.button-wrap li:first-child {margin-top:-36px!important;/*margin-top:-3.6rem!important;*/}
.button-wrap li a.button {}
    


/**/
form .form-row { padding-bottom:10px;/*padding-bottom:1rem;*/ width:100%; }
    
label.chckbx {width:auto;line-height:normal;}
input.chckbx {width:auto;margin-right:5px;/*margin-right:0.5rem;*/}

form .info {font-size:smaller;}



/* ------------------------------------
 *  VALIDATION
 * ------------------------------------  
 */
form .form-row.required_field label,
form .form-row.required_field select,
form .form-row.required_field input,
form .form-row.required_field textarea,
form#app_form .form-row.required_field select,
form#app_form .form-row.required_field input,
form#app_form .form-row.required_field textarea {color:#ff0000;}

form .form-row.required_field select,
form .form-row.required_field input,
form .form-row.required_field textarea,
form#app_form .form-row.required_field select,
form#app_form .form-row.required_field input,
form#app_form .form-row.required_field textarea {
    border-color:#ff0000;
}



/* ------------------------------------
 *  FILTER
 * ------------------------------------  
 */
.filteroptions select,
.filteroptions input {border: 0 none;}


/* placeholder */
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
input:-moz-placeholder {color:#bec6cd;font-family:"FrutigerLTW02-57Condens", sans-serif;font-weight:400;}