/**
 * @version   v1.0 - 18.01.11, 00.00.00
 * @package   phpContact - Template: postcard
 * @author    Günther Hörandl <info@phpcontact.net>
 * @copyright Copyright (c) 2009 - 2011 by Günther Hörandl
 * @license   http://www.phpcontact.net/license.html, see LICENSE.txt
 * @link      http://www.phpcontact.net/
 */



/* Grundeinstellung */
#phpContact {
  padding: 0;
  margin: 0;
  width: 100%;
  font-size: 1em;
  font-family: verdana, arial;
  background-color: #CCC;
  color: #4F1C00;
}

/* Rahmen */
#phpContact .b4yf_rahmen {
  width: 690px;
  height: 390px;
  overflow: hidden;
  margin: 0;
  padding: 30px;
  background-image: url('../images/worldsfair.png');
}

/* Fieldset */
#phpContact .b4yf_fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

/* Fieldset - "persoenliches" */
#phpContact #b4yf_persoenliches {
}

/* Fieldset - "captcha" */
#phpContact #b4yf_captcha {
  clear: both;
  float: left;
  position: relative;
  top: 9px;
  left: -40px
  }

/* Fieldset - "thx" */
#phpContact #b4yf_thx .b4yf_fieldset {
  padding: 210px 50px;
}

/* Legends - unsichtbar machen */
#phpContact  legend {
  position: absolute;
  top: -1000em;
  left: -1000em;
}

/* Label */
#phpContact label {
  margin-top: 2px;
  line-height: 20px;
  width: 140px;
  float: left;
  font-weight: bold;
  text-align: right;
  margin-right: 10px;
}

/* Absatz */
#phpContact  p {
  padding: 0;
  margin: 0;
}


/* einzeilige Texteingabefelder */
#phpContact .b4yf_inputfeld {
  float: left;
  font-family: "Comic Sans MS", cursive;
  font-size: 14px;
  font-weight: bold;
  background-color: #FFF;
  color: #DF4E00;
}

/* einzeilige Texteingabefelder - selectiert */
#phpContact #b4yf_persoenliches input {
  width: 220px;
  padding: 1px;
  margin: 5px 2px;
  border: 0;
  border-bottom: 2px solid #AAA;
}

p.inputs {
  width: 400px;
  height: 150px;
  position:relative;
  top: 140px; 
  left: 200px;

}

p.textfeld {
  position: relative;
  height: 170px;
  top:  100px;
  left: 200px;
}

/* mehrzeilige Texteingabefelder */
#phpContact .b4yf_textarea {
  width: 320px;
  float: left;
  padding: 2px;
  margin: 2px;
  border: 2px solid #AAA;
  height: 120px;
}

/* Eingabefeld für das Captcha */
#phpContact #b4yf_captcha input  {
  width: 50px;
  padding: 1px;
  margin: 2px 5px;
  border: 0;
  border-bottom: 2px solid #AAA;
  position: relative;
  top:  -10px;
}

/* Captcha */
#phpContact .b4yf_captcha {
  line-height: 20px;
  height: 38px;
  padding: 6px;
  position: relative;
  
}

/* Captcha Info */
#phpContact .b4yf_captcha_info {

}

#phpContact #b4yf_captcha label {
}

/* Captcha Image */
#phpContact #b4yf_captcha img {
  padding: 5px;
  margin: 0;
  border: 2px solid #AAA;
  float: left;
  position: relative;
 }

/* Errormessage */
#phpContact #b4yf_error,
#phpContact .b4yf_error {
  font-weight: bold;
  margin: 10px auto;
  color: #C00;
}

/* Noticemessage */
#phpContact #b4yf_notice {
  font-weight: bold;
  margin: 10px auto;
  color: #F90;
  background-color: #333;
  padding: 5px 20px;
}

/* Errormessage and Noticemessage Liste */
#phpContact #b4yf_error ul,
#phpContact #b4yf_notice ul {
  margin: 0 20px;
  padding: 0;
}
#phpContact #b4yf_error li,
#phpContact #b4yf_notice li {
  margin: 0;
}

/* Infoanzeige "TESTMODUS" */
#phpContact .b4yf_testmodus {
  padding: 8px;
  padding-left: 40px;
  font-weight: bold;
  margin: 0 0 20px 0;
}

/* Copyright - MUSS SO GEWÄHLT WERDEN DAS DER TEXT GUT SICHTBAR IST !!! */
#phpContact .b4yf_copyright {
  display: block;
  margin: 0;
  padding: 0 20px 20px 20px;
  font-size: 0.8em;
  clear: both;
  color: #4F1C00;
  position: relative;
  top: -5px;
  text-align: right;
  margin-right: 0px;
  height: 0;
}
#phpContact .b4yf_cr {
  height: 20px;
}

/* Buttons */
#phpContact input.b4yf_button {
  padding: 3px;
  font-weight: bold;
  font-size: 1em;
  background-color: #990033;
  color: #FFF;
  border: 1px solid #4F1C00;
  display: block;
  float: right;
}
#phpContact .buttonfeld {
  float: right;
  width: 250px;
  text-align: right;
  margin-right: 24px;
  position: relative;
  top:  -144px;
  left: 196px;
}

/* Positionierungen */
#phpContact .b4yf_align_right {
  text-align: right;
}
#phpContact .b4yf_align_center {
  text-align: center;
}
#phpContact .b4yf_align_left {
  text-align: left;
}

/* clear */
#phpContact .clear {
  clear: both;
}

/* Eingabefelder als Errorfeld markieren */
#phpContact .b4yf_errorfeld {
  background-color: #F88;
}

/* Links */
#phpContact a:link,
#phpContact a:visited {
  color: #DF4E00;
  background-color: #F7F7F7;
  text-decoration: none;
}
#phpContact a:active,
#phpContact a:hover  {
  color: #4F1C00;
  background-color: #F7F7F7;
  text-decoration: none;
}

/* Label vom Captcha unsichtbar machen */
#phpContact div.captachimage label {
  display: none;
}

/* Reloadcounter unsichtbar machen */
#phpContact #b4yf_reloadblock {
  display: none;
}

/* small */
#phpContact small {
font-size: 0.7em;
}