@charset "UTF-8";
/**
 * "adnord.media GmbH & Co. KG"
 *
 * @copyright       Copyright 2009, Dirk Galinowski
 * @version         1.0
 * @lastmodified    $Date: 2009-05-12 $
 */

@media screen, projection
{
/* ### Kontaktformular ### */
form.yform { padding: 0px; }
form.yform { overflow: hidden; }
form.yform fieldset { overflow: hidden; }
form.yform legend { background: transparent; border: 0; }
form.yform label { display:block; cursor: pointer; }

/* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
  form.yform div.type-text input:focus,
  form.yform div.type-text select:focus,
  form.yform div.type-text textarea:focus,
  form.yform div.type-text input:hover,
  form.yform div.type-text select:hover,
  form.yform div.type-text textarea:hover,
  form.yform div.type-text input:active,
  form.yform div.type-text select:active,
  form.yform div.type-text textarea:active {
    border: 1px #767676 solid;
    background: #fff;
  }
  
/***** Auswahl nach rechts: **************/

div.form.type-text input{
	margin-left: 280px;
}


/********* CAPTCHA *********/
p.captcha-text-wrap {
	font-size:12px;
	margin:20px 0 5px 0;
	color:#242424;
}
p.captcha-text-wrap i.italic {
	font-size:11px;
	margin:0px 0 0px 0;
	color:#81b6de;
}
/* Styling of buttons | Gestaltung von Buttons */
  form.yform .type-button input {
  }
   form.yform .type-button {
  	margin:10px 0 0 0;
  }
/* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
  form.yform div.type-button input:focus,
  form.yform div.type-button input:hover,
  form.yform div.type-button input:active {
  }
  
/* Columnar display | Spalten-Darstellung */
.columnar .type-text label,
.columnar .type-button label,
.columnar .type-select label {
  float: left;
  width: 280px; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
}

/* Indent Checkbox fields to match label-width ... */
.columnar div.type-check { padding-left: 30%; }
.columnar div.error .message { margin-left: 30%; }

.columnar div.type-text input,
.columnar div.type-text textarea { width: 250px; margin: 3px 0; border: 1px solid #999; }
.columnar div.type-select select { width: 250px; }
.columnar div.type-button submit { width:100px border: 3px solid #999;; }

input:focus, textarea:focus {
   color: #000;
   background: #fff;
   outline: 1px solid #767676;
   }
 
/* width adjustments for IE 5.x & IE6 ... */
* html .columnar div.type-text input,
* html .columnar div.type-text textarea { width: 57.2%; }
* html .columnar div.type-select select { width: 58.8%; }

/* ### Formular Fehlermeldung #### */
.fehler { color:#FFF; margin:10px 0; padding:3px 0 3px 10px; font-size:0.9em; line-height:1.5; background: #FF0000; border: 1px solid #FFFFFF; }

/* ### Formular Antispam-Hinweis #### */
.captcha_fehler { color:#FFF; margin:10px 0; padding:3px 0 3px 10px; font-size:0.9em; line-height:1.5; background: #FF0000; border: 1px solid #FFFFFF; }
.hinweis { margin:10px 0; padding:5px 0 5px 10px; font-size:0.9em; line-height:1.5; background: #FF0000; border: 1px solid #FFFFFF; }

}
