/*styles screen desktop normal*/
@charset "UTF-8";
/*Kontaktformulare Einstellungen*/
/* */
/*-----------------------------*/
/*allg. Kontaktformular*/
/*-----------------------------*/

#object {
   position: relative;
   margin: 50px auto;
   width: 740px  ;
   height: 590px;
   }

#product {
   position: relavive;
   top: 0;
   float: left;
   width: 50%;
   background: #bbb;
   }

#product h1 {
   width: 100%;
   padding: 5px 0px;
   text-align: center;
   font-size: 18px;
   line-height: 30px;
   text-transform: uppercase;
   color: #FFF;
   background: #000;
   }

.image#hero {
   position: relative;
   display: block;
   width: 100%; /*Bereich ist 370px breit*/
   height: 270px;
   overflow: hidden;
   }

.detail {
   position: realtive;
   float: left;
   width: 100%;
   height: 280px;
   }

.detail h3 {
   position: realtive;
   text-align: left;
   line-height: 20px;
   width: 100%;
   padding: 5px 10px;
   }

.detail p {
   position: realtive;
   text-align: left;
   color: #444;
   line-height: 15px;
   width: 100%;
   padding: 5px 10px;
   }

.detail h4 {
   position: realtive;
   text-align: left;
   color: #444;
   line-height: 17px;
   text-transform: uppercase;
   width: 100%;
   padding: 5px 10px;
   }

#enquiry {
   position: relavive;
   top: 0;
   float: right;
   width: 50%;
   height: 590px;
   }

form#enq {
   display: block;
   position: relavive;
   float: left;
   width: 100%;
   height: 100%;
   margin: 0px auto;
   padding: 0%;
   }

fieldset#enquire {
   display: block;
   position: relative;
   padding: 5px 10px;
   float: left;
   background: #EEE;
   }
legend {
   display: block;
   width: 98%;
   padding: 1px;
   }

legend h4 {
   line-height: 16px;
   }

legend {
   margin: 2px 1px;
   }

.field {
   display: block;
   position: relative;
   float: left;
   width: 100%;
   height: 40px;
   margin: 5px;
   }

.field label {
   display: block;
   padding: 2px;
   top: 0;
   float: left;
   }

.field input, .field textarea {
   display: block;
   width: 95%;
   float: left;
   padding: 1%;
   background: #DDD;
   }

.options {
   display: block;
   position: relative;
   float: left;
   width: 100%;
   margin-top: 5px;
   }

#box {
  display: inline-block;
  width: 23%;
  float: right;
  text-align: center;
  padding: 1%;
  }

#p_daten {
   display: block;
   position: relative;
   float: left;
   width: 100%;
   padding-top: 14px;
   }

.field#advice {

   height: 20px;

   }

.resetbutton {
   display: block;
   margin: 0px 95% 0px 5px;
   float: left;
   width: 40%;
   height: 25px;
   }

.submitbutton {
   display: block;
   margin: 0px 5px 0px 55%;
   float: right;
   width: 40%;
   height: 25px;
   }

input#send {
   color: #606;
   font-size: 14px;
   }