form.yform {
	background:#cbe2f4 url('../../image/bg_form_blau.jpg') repeat-y 0 0;margin-bottom:1em;
    border: 2px #fff solid;
    margin: 0 0 1em 0;
    padding: 10px;	
  }
	
  form.xform {
	  margin-bottom:1em;
    margin: 0 0 1em 0;
    padding: 0px;	
  }	
	
  #formrand_blau { border:1px solid #bc3d37;}	
	
  #head_form {	
	background:#cbe2f4 url('../../image/bg_linear_rot.png') repeat-x 0 0;margin-bottom:1em;
    border: 2px #fff solid;
		border-bottom:0px;
    margin: 0 0 0 0;
    padding: 10px;	
	  color:#fff;
	  font-weight:bold;		
	}			
	
  form.yform .type-text, form.xform .type-text {
	  width: 100.01%;
		margin-top:1em;
	}
	
	
  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  form.yform .type-text input,
  form.yform .type-text textarea, 
	form.xform .type-text input,
  form.xform .type-text textarea {
    display: block;
    position: relative;
    padding: 0.3em 0.3em;
    width: 93%;
  }
	
	  form.yform label,
		form.xform label {
    color: #000;
		font-size:90%;
	}	
	
  form.yform .formleft,
	form.xform .formleft {
    width:48%;
		float:left;
		border:0px solid red;
  }	
	
  form.yform .formright,
	form.xform .formright {
    margin-left:50%;
		width:48%;
		border:0px solid blue;
  }		
	
  form.yform .formleft33,
	form.xform .formleft33 {
    width:31%;
		float:left;
		border:0px solid red;
  }	
	
  form.yform .formright66,
	form.xform .formright66 {
    margin-left:33%;
		width:66%;
		border:0px solid blue;
  }				

  form.yform .type-text input.inputleft,
	form.xform .type-text input.inputleft	 {
    width:90%;
	}	
	
  form.yform .type-text input.inputright,
	form.xform .type-text input.inputright	 {
    width:90%;
	}	
		
  form.yform .type-text input,
  form.yform .type-text textarea,
  form.yform .type-select select,
	form.xform .type-text input,
  form.xform .type-text textarea,
  form.xform .type-select select {
    font-family:  Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */
    border: 1px solid #145dbd;
  }	
	

	
  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
  form.yform div input:focus,
  form.yform div select:focus,
  form.yform div textarea:focus,
  form.yform div input:hover,
  form.yform div select:hover,
  form.yform div textarea:hover,
  form.yform div input:active,
  form.yform div select:active,
  form.yform div textarea:active,
	form.xform div input:focus,
  form.xform div select:focus,
  form.xform div textarea:focus,
  form.xform div input:hover,
  form.xform div select:hover,
  form.xform div textarea:hover,
  form.xform div input:active,
  form.xform div select:active,
  form.xform div textarea:active {
    border: 1px #c60505 solid;
    background: #fff;
  }
	
  form.yform .type-button input#reset,
	form.yform .type-button input#reset	{ 
	  color: #300; 
		background: #661717 url(image/button_red.png) top left repeat-x; }
		
  form.yform .type-button input#submit,
	form.xform .type-button input#submit { 
	background-image:none;
	color: #fff; 
	background-color: #dc2727; 
	border:1px solid #333; 
	font-weight:bold;
	font-family:Arial, Verdana, Helvetica, sans-serif; }

  /* :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,
	form.xform div.type-button input:focus,
  form.xform div.type-button input:hover,
  form.xform div.type-button input:active {
    border-top: 1px #444 solid;
    border-left: 1px #444 solid;
    border-right: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    color: #fff;
    background: #555; 
  }
	
  form.yform div.type-button input#submit:focus,
  form.yform div.type-button input#submit:hover,
  form.yform div.type-button input#submit:active,
	form.xform div.type-button input#submit:focus,
  form.xform div.type-button input#submit:hover,
  form.xform div.type-button input#submit:active {
    background: #960404; color: #fff;
  }	
	
  form.yform fieldset,
	form.xform fieldset {
    border: 2px #fff solid;
    background: none;background-color:#cce6ff;
    margin: 0 0 20px 0;
    padding: 0.5em 10px;
  }

	form.xform fieldset.bg_blau {	
	  background:#cbe2f4 url('../../image/bg_form_blau.jpg') repeat-y 0 0;
    border: 2px #fff solid;
    margin: 1em 0 1em 0;
    padding: 10px;}	
	
  #offscreen
  {
    position: absolute;
    left: -99em;
    width: 90em;
    overflow: hidden;
  }	

  form.yform legend,
	form.xform legend {
    font-weight:bold;
    margin: 0 0 0 0;
		margin-top:0px;	
    font-size: 100%; 
		color:#444;
		border:0px solid #000;
		background-color:#cce6ff;
		padding:2px 5px;
  }	

  form.yform h3,
	form.xform h3 {
    font-weight:normal;
    margin: 0 1em 0.5em 0;	
    font-size: 125%; 
		font-weight: normal; 
		color: #000;
}	

  .bemerkung {font-size:90%;width:95%;
	font-family:Arial, Verdana, sans-serif;}
	
  form.yform .checkboxl,
	form.xform .checkboxl 
	  {float:left;width:1.5em;}
		
  form.yform .checkboxr,
	form.xform .checkboxr 
	  {margin-left:1.5em;}	
		
  .cb_trenner {border-bottom:2px dotted #5698da;}