/* div.form-container { margin: 0px; padding: 5px; background-color: #FFF; border: #2D4262 1px solid; } */
div.form-container { margin: 0px; padding: 5px; background-color: #FFF;}

#gmap div.form-container {width: 290px; font-size:90%;}

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.error { margin: 0 0 10px 0; padding: 5px 10px; border: #C00 1px solid; background-color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
div.error p { margin: 0; }
div.error p em { color: #C00; font-style: normal; font-weight: bold; }

div.warn { margin: 0 0 10px 0; padding: 5px 10px; border: #FF0 1px solid; background-color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
div.warn p { margin: 0; }
div.warn p em { color: #888531; font-style: normal; font-weight: bold; }

div.info { margin: 0 0 10px 0; padding: 5px 10px; border: #0f0 1px solid; background-color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
div.info p { margin: 0; }
div.info p em { color: #258531; font-style: normal; font-weight: bold; }





div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label,
div.form-container span.label { 
  margin-right: 10px; 
  padding-right: 10px; 
  width: 140px; 
  display: block; 
  float: left; 
  text-align: right; 
  position: relative;
/*  height: 15px; */
  overflow: hidden;
}


#gmap div.form-container label { 
  width: 90px; 
}
div.form-container label.error,
div.form-container span.error { color: #C00; }
div.form-container label em,
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }


div.form-container input { border: #CCC 1px solid; }
div.form-container input.error { border: #C00 1px solid; }
div.form-container select.error { border: #C00 1px solid; }
div.form-container textarea { border: #CCC 1px solid; }
div.form-container textarea.error { border: #C00 1px solid; }

div.modalBody div.form-container input { 
  width: 280px;
}
div.modalBody div.form-container select { 
  width: 280px;
}
div.modalBody div.form-container textarea { 
  width: 280px;
}


div.form-container input { 
  width: 432px;
}

/* 2 elemente in einer reihe */
div.formrow input { 
  width: 203px;
  margin-right:4px;
}

div.form-container textarea { 
  width: 432px;
}
div.form-container select { 
  width: 432px;
}

form.sidebox select { 
  width: 199px;
}


div.rte-toolbar select{ 
  width:160px;
  float:left;
}


div.form-container div.inputcontainer { 
  width: 432px;
  float:left;
}
div.form-container form.fullwidth div.inputcontainer { 
  width: 620px;
  float:left;
}



div.form-container input:focus,
div.form-container textarea:focus {     background-color: #FFC; border-color: #FC6; }

div.form-container input.error:focus,
div.form-container textarea.error:focus {     background-color: #ff0; border-color: #F00; }



div.form-container p { padding-left: 170px; }
div.form-container ul { padding-left: 170px; }
div.form-container ul ul{ padding-left: 0px; }





div.warn p{ 
  padding: 0px;
  text-align:center;
}
div.error p{ 
  padding: 0px;
  text-align:center;
}
div.info p{ 
  padding: 0px;
  text-align:center;
}


#gmap div.form-container p { 
  padding-left: 102px; 
  display:block;
  width: 185px;
}


div.form-container div.controlset label,
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { 
  margin-top: 20px; 
  clear: both;
  margin-left: 120px;
}


div.buttonrow a { 
  float:left;
}




a.button {
  background: transparent url('/app/i/bg_button_a.gif') no-repeat scroll top right;
  color: #444;
  display: block;
  float: left;
  font: normal 12px arial, sans-serif;
  height: 24px;
  margin-right: 6px;
  padding-right: 18px; /* sliding doors padding */
  text-decoration: none;
  cursor:pointer;
}

a.button:hover span { 
  font-weight:bold;
}
a.button:focus span { 
  font-weight:bold;
}

a.button span {
  background: transparent url('/app/i/bg_button_span.gif') no-repeat;
  display: block;
  line-height: 14px;
  padding: 5px 0 5px 18px;
} 


a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 





div.form-container div.inputcontainer label{ 
  margin-right: 10px; 
  display: block; 
  float: left; 
  text-align: left; 
  position: relative;
  height: auto;
  overflow: hidden;
}


/* 1-spaltig formular */
div.form-container div.form1col { 
  width: 375px;
  float:left;
}
div.form-container div.form1col input { 
  float:left;
}
div.form-container div.inputcontainer  div.form1col label{ 
  width: 310px; 
}

/* 2-spaltig formular */
div.form-container div.form2col { 
  width: 215px;
  float:left;
}
div.form-container div.form2col input { 
  float:left;
}
div.form-container div.inputcontainer  div.form2col label{ 
  width: 170px; 
}

/* 3-spaltig formular */
div.form-container div.form3col { 
  width: 143px;
  float:left;
}
div.form-container form.fullwidth div.form3col { 
  width: 200px;
}


div.form-container div.form3col input { 
  float:left;
}
div.form-container div.inputcontainer div.form3col label{ 
  width: 80px; 
}
div.form-container  form.fullwidth div.inputcontainer div.form3col label{ 
  width: 155px; 
}


/* irgendwelche chrome/ie sachen */
div.form-container input.radio{ 
  width: 15px;
  border: none;

}
div.form-container input.checkbox { 
  width: 15px;
  border: none;

}

div.modalBody div.form-container input.radio{ 
  width: 15px;
  border: none;

}
div.modalBody div.form-container input.checkbox { 
  width: 15px;
  border: none;

}

div.form-container .sidebox { 
  width:200px;
}


form.sidebox div.inputcontainer { 
  width:199px;
}

.helpericon { 
  width:18px;
  float:left;
  height:18px; 
  margin-left:-8px;
}

#gmap .helpericon { 
  width:0px;
}

div.modalBody div.inputcontainer { 
  width: 280px;
 }

div.form-container-bubble {
    width: 300px;
}

div.form-container-bubble label {
    float:left;
}
div.form-container-bubble form p { margin: 0; }