.formular {
	overflow:hidden;
  }

  .formular fieldset {
  	overflow:hidden; 
    border:1px #ddd solid;
    background-color: transparent;
    margin: 0 0 1.5em 0;
    padding: 1.5em 1em 1.5em 1em;
  }
  
  .formular legend {
    font-size: 1.16em;
	line-height: 1.28em;
	margin: 0;
	padding: 0;
	color: #326E8C;
	text-transform: none;
	font-weight:  bold;
  }

  .formular label {
  	display:block; 
	cursor:pointer;
  }

  .formular input,
  .formular textarea,
  .formular select, 
  .formular optgroup {
	color: #5a5a5a;		
	font-family: arial, verdana, sans-serif;
	font-size:  1em;
	line-height: 1.5em;
  }

  .formular .type-text input,
  .formular .type-text textarea,
  .formular .type-select select {
    border: 1px solid #818181;
    background-color: #fff;
  }

  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
  .formular div.type-text input:focus,
  .formular div select:focus,
  .formular div textarea:focus,
  .formular div.type-text input:hover,
  .formular div select:hover,
  .formular div textarea:hover,
  .formular div.type-text input:active,
  .formular div select:active,
  .formular div textarea:active {
    border:1px #008fcb solid;
    background-color: #F2F2F2;
	color: #000;	
  }

  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
  .formular sup, .mandatory { color:#800; font-weight:bold; }
  .mandatory {float: right; margin-top: 20px;}

  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  .formular div.type-text,
  .formular div.type-select,
  .formular div.type-button,
  .formular div.info-text {
    margin: 0;
    padding: 1.5em 0 0em 0em;
    position:relative;
    overflow:hidden;
  }
  
    .formular div.info-text {
    	font-weight:  bold;
    }
  
  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  .formular .type-text input,
  .formular .type-text textarea {
    display:block;
    position:relative;
    padding:0.3em;
    margin-top:  -0.6em;
    width:58.5%;
  }

  .formular .type-select select {
    display:block;
    position:relative;
    padding:0.3em 2px 0.26em 1px;
    margin-top:  -0.6em;
    width:60%;
    cursor:pointer;
  }
  .formular .type-select select optgroup {
    font-style:normal;
    font-weight:bold;
  }
  
 .formular div.type-check {
   margin: 1.5em 0 0 0;
  }
  .formular .type-check input { margin-top: 0; cursor:pointer; }
  .formular .type-check label { display:inline; }
 


  /* Styling of error-messages | Fehlermeldungen */
  .formular div.error input,
  .formular div.error textarea,
  .formular div.error select {
    border:1px #a00 solid;
    background:#FFFFCC;
  }

  .formular div.error label { color:#a00; font-weight:bold; }

  /* avoid jumping checkboxes & radiobuttons in IE8 */
  .formular div.type-check input:focus,
  .formular div.type-check input:hover,
  .formular div.type-check input:active { border:0 none; }

  /* Columnar display | Spalten-Darstellung */
  .formular .type-text label,
  .formular .type-select label {
    float:left;
    width:30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
  }

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  .formular div.type-check input { margin-left:30%; }

  .formular fieldset div.type-button,
  fieldset.formular div.type-button { padding-left:30%; }

  .formular div.type-text input,
  .formular div.type-text textarea { float:left; width:67.8%; margin-right: -3px; }
  .formular div.type-select select { float:left; width:69.4%; margin-right: -3px; }
  
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .formular div.type-text input,
  * html .formular div.type-text textarea { width:67.2%; }
  * html .formular div.type-select select { width:68.8%; }
  
  
  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
  .formular input[type=hidden] { display:none !important; }
  
  
    /* BUTTONS */
    /* Styling of buttons | Gestaltung von Buttons */
  .formular .type-button input {
    cursor:pointer;
    overflow:visible;  /* Fixes IE7 auto-padding bug */
    width:auto;
  }
  
  .formular div.type-button {
    padding:3px 0em;  
  }
  
  /* Styling of custom styled buttons | Gestaltung von individuell gestalteten Buttons */
  .formular .type-button input {
    color:#fff;
    border: 0;
  }

  .formular .type-button input[type=reset] {  }
  .formular .type-button input[type=submit] { }

  /* optional button styling for IE6 using classes */
  .formular .type-button input.reset { 
    background-color:#FE6C00;
    border-top:  1px solid #feaa6c;
    border-bottom:  1px solid #6b2d00;
    border-left:  1px solid #fe8b36;
    border-right:  1px solid #a04400;
    font-style:  italic;
    padding:3px 5px 3px 5px;
  	
  }
  .formular .type-button input.submit {
    background-color:#008fcb;
    border-top:  1px solid #6cbee1;
    border-bottom:  1px solid #003c55;
    border-left:  1px solid #36a7d6;
    border-right:  1px solid #005a80;
    text-transform:  uppercase;
	font-weight: bold;
	font-size:  1.33em;
    padding:3px 10px 2px 10px;
    letter-spacing:  1px;
    margin:  0px 0 0 10px;
    float: right;
  }

  /* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
  .formular div.type-button input:focus,
  .formular div.type-button input:hover,
  .formular div.type-button input:active {
  	background-color:  #005a80;
  border:  1px solid #005a80;
  }

  .formular div.type-button input.reset:focus,
  .formular div.type-button input.reset:hover,
  .formular div.type-button input.reset:active {
  	background-color:  #a04400;
  border:  1px solid #a04400;
  }

  .formular div.type-button input.submit:focus,
  .formular div.type-button input.submit:hover,
  .formular div.type-button input.submit:active {
  }
  
  
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Global fixes for YAML's form construction set
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7
  * @css-for IE 5.x/Win, IE6, IE7
  * @valid no
  */

  .formular, 
  .formular div,
  .formular div * { 
  	zoom:1;
    background-color: transparent; 
	}

 /**
  * Forms Fieldset/Legend-Bug in IE
  * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7, IE8
  * @css-for IE 5.x/Win, IE6, IE7, IE8
  * @valid no
  */
  
  /* all IE */
  .formular { padding-top:0\9; }
  .formular fieldset { padding:0 5px\9; padding-top:1em\9; 
    background-color: transparent;}
  .formular legend { position:absolute\9; top:-.5em\9; *left:0\9; }
  .formular fieldset { position:relative\9; overflow:visible\9;  margin-top:1.5em\9; zoom:1; }

  /* IE5.x, IE6 & IE7 */
  .formular legend { *padding:0 5px; }
  .formular fieldset { *padding-top:1.5em;
    background-color: transparent; }
  
  /* IE5.x & IE6 */
  * html .formular { padding-top:0px; }
  
  .x_mandatory {display: none;}

.login_alert {
	padding: 10px;
	display: block;
	width: 90%;
	background-color: #f00;
	color: #fff;
	font-weight: bold;
	font-size: 1.33em;
}