@charset "UTF-8";
/* ################################################################
** # "YAML for TYPO3" (c) by You if you put something in here :) ##
** ################################################################
**
**  Date     : 23.8.07
**  File     : myOwnStyles.css
**  Function : This file is not part of the YAML-CSS-Framework.
**             It was included to give the user the possibility to quickly apply tests, changes or
**             whatever with no need to change the YAML-files and mess up anything.
**             Hmmm. Does this make sense? Anyway, use it or just leave it empty. It will do no harm.
**             This is the last stylesheet beeing imported. So, everything can be overwritten here.
**             Be careful what you put in here and don't hold us responsible for anything that goes wrong...
*/
@media all
{
/* Your styles here */

/* FORM */
form br { 
  clear: left;
  padding-top: 1px;
  margin: 5px;
}

.mailHeader {
  margin:3px 3px 10px 3px;
  padding:5px;
  border:1px solid  #413819;
}

label {
  text-align: right; 
  padding-right: 1em; 
  display: block;
  float: left;
  width: 200px;
  margin:2px 0;
}

label.login {
  text-align: left; 
  display: block;
  margin:2px 0;
}

legend {
  background: #948C6F;
  border: 1px solid #413819;
  color: #FFF;
  padding:2px 15px;
  margin-left:15px;
}

/* Fields */
.formInput, .formInputLarge {
  margin:2px 0;
  padding-left:3px;
  width:200px;
  border:1px solid #413819;
  background:#fff;
}

.formInputLarge {
  width:200px;
}

.formText {
  margin:2px 0 2px 110px;
  padding:5px;
  background:#fff;
}



/* Button */
.formButton {
  margin-left: 20px;
  margin-top: 5px;
  padding:0 10px;
  background: #948C6F;
  border: 1px solid #413819;
}

input:focus, input:hover, input:active,
select:focus, select:hover, select:active,
textarea:focus, textarea:hover, textarea:active {
  background-color: #fff;
  color: #333;
}
.tx-lumogooglemaps-pi1 input[type=text]:focus, textarea:focus {background:#FFF; color:#000; border-color:#413819;}

.hoch {
  font-size:9px;
  color:red;
}

/* Validation */
.tx-thmailformplus-pi1 input.required {
  background-image: url(img/pilcrow.png);
}

.tx-thmailformplus-pi1 input.required, .tx-thmailformplus-pi1 input.validation-failed, textarea.validation-failed, .tx-thmailformplus-pi1 input.validation-passed, textarea.validation-passed {
  background-position:98% 50%;
  background-repeat:no-repeat;
}

.tx-thmailformplus-pi1 input.validation-failed, textarea.validation-failed {
  background-image:  url(img/cross.png) ;	
}

.tx-thmailformplus-pi1 input.validation-passed, textarea.validation-passed {
  background-image:  url(img/tick.png) ; 
}

.tx-thmailformplus-pi1 .validation-advice,.validation-advice {
  width: 266px; 
  margin: 5px 0 5px 100px;  
  padding: 2px 3px; 
  color: #d14000;
}

.tx-thmailformplus-pi1 .custom-advice {
  margin: 5px 0; 
  padding: 2px 3px; 
  color: red;
}

.tx-thmailformplus-pi1 input.noIcon, .tx-thmailformplus-pi1 textarea.noIcon  {
  background-image:none ; 
}

#logo_bueschl {
     padding: 1em 0 0 1em;
     }
     
fieldset.tx-powermail-pi1_fieldset {

/* Disable border */

border: 1px solid #413819;
padding: 10px 30px;

}
legend {
border: 1px solid #413819;
background: #948C6F;
color: #FFF;
padding: 2px 15px;

}
fieldset.tx-powermail-pi1_fieldset label {

/* Style labels */

display: block;

width: 150px;

float: left;

clear: both;

}

fieldset.tx-powermail-pi1_fieldset input,

fieldset.tx-powermail-pi1_fieldset select {

/* Style input fields */

width: 200px;

border: none;

border-bottom: 1px solid #413819;

margin-left: 10px;

}



div.tx_powermail_pi1_fieldwrap_html {

/* Increase margin between every field */

margin: 10px 0;

}     
}
