/* $Id: style.css,v 1.0 2010/01/11 17:05 szabozee(http://webprogramozok.hu) Exp $ */


.ajanlatkeres {
  background-color: #AAA;
}

.ajanlatkero-form {
  width: 530px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

#ajanlatkeres {
  position: relative;
  float: left;
  width: 100%;
  background-color: #FFF;
}

#ajanlatkeres .content {
  position: relative;
  float: left;
  width: 90%;
  margin: 0;
  margin-left: 5%;
  font-size: 12px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

#ajanlatkeres .content h2 {
  color: red;
  font-size: 18px;
}

#ajanlatkeres .content h3 {
  margin: 0;
  margin-top: 20px;
  font-size: 18px;
}

#ajanlatkeres .content .form-text {
  font-size: 12px;
  border-color: #777;
}

#ajanlatkeres .content .field {
  margin: 0;
  margin-top: 5px;
  margin-bottom: 5px;
}

#ajanlatkeres .content .description {
  margin: 0;
  margin-top: 5px;
  margin-bottom: 5px;
}

#ajanlatkeres .content .section-elerhetosegek {
  position: relative;
  float: left;
  width: 100%;
}

#ajanlatkeres .content .section-elerhetosegek .field {
  position: relative;
  float: left;
  width: 100%;
}

#ajanlatkeres .content .section-elerhetosegek .fieldname {
  position: relative;
  float: left;
  text-align: right;
  width: 30%;
}

#ajanlatkeres .content .section-elerhetosegek .fieldfield {
  position: relative;
  float: left;
  margin-left: 10px;
  width: 60%;
}

#ajanlatkeres .content .section-elerhetosegek .description {
  position: relative;
  float: left;
  width: 100%;
}

#ajanlatkeres .content .section-meret {
  position: relative;
  float: left;
  width: 100%;
}

#ajanlatkeres .content .section-meret .meret-fieldwrapper {
  position: relative;
  float: left;
  width: 220px;
}

#ajanlatkeres .content .section-meret .meret-fieldwrapper p {
  width: 210px;
}

#ajanlatkeres .content .section-meret .meret-imagewrapper {
  position: relative;
  float: left;
  margin-top: 15px;
  width: 250px;
}

#ajanlatkeres .content .section-meret .field {
  position: relative;
  float: left;
  width: 100%;
}

#ajanlatkeres .content .section-meret .fieldname {
  position: relative;
  float: left;
  text-align: right;
  width: 60%;
}

#ajanlatkeres .content .section-meret .fieldfield {
  position: relative;
  float: left;
  margin-left: 10px;
  width: 30%;
}

#ajanlatkeres .content .section-szigeteles {
  position: relative;
  float: left;
  width: 100%;
}

#ajanlatkeres .content .section-szigeteles .field {
  position: relative;
  float: left;
  width: 100%;
}

#ajanlatkeres .content .section-szigeteles .fieldfield {
  position: relative;
  float: left;
  margin: 0;
  width: 15px;
}


#ajanlatkeres .content .section-szigeteles .fieldname {
  position: relative;
  float: left;
  text-align: center;
  width: 200px;
}

#ajanlatkeres .content .section-szigeteles .fielddescription {
  position: relative;
  float: left;
  text-align: left;
  margin-left: 5px;
  width: 247px;
}

#ajanlatkeres .content .section-szigeteles .fielddescription p {
  margin: 0;
}

#ajanlatkeres .content .section-motivum {
  position: relative;
  float: left;
  width: 100%;
}

#ajanlatkeres .content .section-motivum .field {
  position: relative;
  float: left;
  width: 33%;
}

#ajanlatkeres .content .section-motivum .fieldfield {
  position: relative;
  float: left;
  margin: 0;
  width: 15px;
}

#ajanlatkeres .content .section-motivum .fieldname {
  position: relative;
  float: left;
  margin: 0;
  margin-left: 5px;
  width: 136px;
}

#ajanlatkeres .content .section-motivum .hspacer {
  position: relative;
  float: left;
  margin: 0;
  height: 10px;
  width: 100%;
}

#ajanlatkeres .content .section-szinek {
  position: relative;
  float: left;
  width: 100%;
}

#ajanlatkeres .content .section-szinek .field {
  position: relative;
  float: left;
  width: 33%;
}

#ajanlatkeres .content .section-szinek .fieldfield {
  position: relative;
  float: left;
  margin: 0;
  width: 15px;
}

#ajanlatkeres .content .section-szinek .fieldname {
  position: relative;
  float: left;
  margin: 0;
  margin-left: 5px;
  width: 136px;
}

#ajanlatkeres .content .section-szinek .hspacer {
  position: relative;
  float: left;
  margin: 0;
  height: 10px;
  width: 100%;
}

#ajanlatkeres .content .section-motorizalas {
  position: relative;
  float: left;
  width: 100%;
}

#ajanlatkeres .content .section-motorizalas .field {
  position: relative;
  float: left;
  width: 100%;
}

#ajanlatkeres .content .section-motorizalas .fieldfield {
  position: relative;
  float: left;
  margin: 0;
  width: 15px;
}

#ajanlatkeres .content .section-motorizalas .fieldname {
  position: relative;
  float: left;
  margin: 0;
  margin-left: 10px;
  width: 400px;
}

#ajanlatkeres .content .section-kiegeszitesek {
  position: relative;
  float: left;
  width: 100%;
}

#ajanlatkeres .content .section-kiegeszitesek .field {
  position: relative;
  float: left;
  width: 100%;
}

#ajanlatkeres .content .section-kiegeszitesek .fieldfield {
  position: relative;
  float: left;
  margin: 0;
  width: 15px;
}

#ajanlatkeres .content .section-kiegeszitesek .fieldname {
  position: relative;
  float: left;
  margin: 0;
  margin-left: 10px;
  width: 400px;
}

#ajanlatkeres #ajanlat-form-submit {
  position: center;
  display: block;
  float: center;
  width: 282px;
  height: 97px;
  margin: 0;
  margin-top: 15px;
  margin-left: 15px;
  background: transparent url(images/submit-ajanlat.jpg) no-repeat center top;
  text-indent: -1000px;
  cursor: pointer;
}

#ajanlatkeres .messages {
  position: relative;
  float: left;
  width: 100%;
  background: red;
  color: white;
}

#ajanlatkeres .messages p {
  width: 90%;
  margin-left: 5%;
}