.required { 
  font-size: 0.75em; 
  color:#3ba52b; 
} 

fieldset {
  border: 1px solid #3ba52b;
  margin-bottom: 1em;
  padding: 0 1em 1em;
  position: relative;
}

legend {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border:none !important;
  border-image: none;
  border-style: none none solid;
  border-width: 0 0 0px;
  display: inline;
  font-size: 18px;
  line-height: inherit;
  padding: 0 10px;
	margin-bottom:0;
	width:auto;
}

form.short label { /*Label und input untereinander*/
  display: block; 
  cursor: pointer; /*show user that he can interact*/
} 
form.long label { /*Label und input nebeneinander*/
  float: left; 
  width: 10em; 
  cursor: pointer; 
}
label.no-display{/*if mehrere in a row wie bei Tag Monat Jahr, but present for screen readers*/
  text-indent: -1000em; 
  width: 0; 
} 
form.long div { /*gegen Probleme mit Labels über mehrere Zeilen*/
  clear: left; 
} 
/*input { 
  width: 20em; /*override browser defaults*/
} */
input[type="text"] { /*IE6 ignoriert das Attribut, daher Klassen wie .radio... nötig*/
  width: 20em; 
} 
input.radio, input.checkbox, input.submit { /*für IE6 sind Klassen nötig, er ignoriert den Attributselektor [type="text"]*/
  width: auto;
	margin-right:1em;
} 
textarea { /*override browser defaults*/
  width: 100%; 
  height: 10em; 
} 

Input[type="text"]:focus, input[type="password"]:focus, textarea:focus { /*Fokussierhilfe bei modernen Browsern*/
  background: #ffc; 
} 

input[type="text"], textarea { /*deutliche Grenzen in Firefox*/
  border-top: 2px solid #999; 
  border-left: 2px solid #999; 
  border-bottom: 1px solid #ccc; 
  border-right: 1px solid #ccc; 
} 

/*columnar layout of radio buttons, checkboxes,*/
fieldset.columnar-boxes { 
  margin: 0; 
  padding: 0; 
  border: none; 
  background: transparent; 
}


.columnar-boxes h2 { /*make appear like a label*/
  width: 10em; 
  float: left; 
  font-size: 1em; 
  font-weight: normal; 
}

.columnar-boxes .col { 
  width: 8em; 
  float: left; 
clear: none; 
}

.columnar-boxes label { 
float: none; 
} 

/*feedback*/
form div{position:relative;}

form .feedback { 
  position: absolute; 
	left: 30em; 
  right :0; 
  top: 0.5em;
	color:#760000;
	padding-left: 32px; 
  background: url(images/error.png) no-repeat left top; 
}