/*

 CSS Kontaktform
 BKK HMR Aufnahmeantrag
 
 Author: Johan Prawiro (j.prawiro@profile-media.de)
 Updated for version 0.9b (2009-08-24)
 
 Änderung: g.rohmann@profile-media.de 01.09.2009
 
*/
	
	#formularbereich {
		background-color:	transparent;
		border:				0;
		margin:				20px 0;
		position:			relative;
		width:				518px; /*522*/
		font-size: 			0.9em;
		overflow:			hidden;
    }


	#pmKontaktForm {
		margin:				0 2px 0 0;
		overflow:			visible;
		background-color:	#FFF;
		background-color:	transparent;
    }
	
	span.required {
		color:				#C00;
		font-size:			10px;
		padding-left:		4px;
    }
	
	div.requiredNotice {
		clear:				both;
		font-size:			10px;
    }

	#pmKontaktForm fieldset {
		border:				1px solid #AAA;
		background:			#F3F3F3;
		margin:				0 0 20px 0;
		padding:			8px 0 21px 0;
		width:				100%;
	}

	#pmKontaktForm fieldset .clearing {
		display:			block;
		clear:				both;
		height:				1px;
		visibility:			hidden;
		width:				1px;
	}

	#pmKontaktForm fieldset legend {
		background-color:	#FFD401;
		border:				1px solid #AAA;
		color:				#666;
		font-size:			10px;
		font-weight:		bold;
		line-height:		1;
		margin-left:		10px;
		padding:			4px;
	}
	/* Fieldset in Optik Fließtext */
	#pmKontaktForm fieldset.formFliesstext {
		border:				none;
		background:			#FFF;
		padding:			0;
	}



	#pmKontaktForm fieldset.formControl {
		padding:			20px 0;
	}
	
	#pmKontaktForm .formRow {
		clear:				both;
		padding:			5px 10px 0 10px;
	}
	
	#pmKontaktForm .formRowCaptcha {
		clear:				both;
	}

	#pmKontaktForm label.labelInputText {
		float:				left;
		padding-right:		10px;
		width:				230px;
	}

	#pmKontaktForm label.labelInputTextarea {
		float:				left;
		padding-right:		10px;
		width:				235px;
	}

	#pmKontaktForm label.labelSelect {
		float:				left;
		padding-right:		20px;
		text-align:			right;
		width:				170px;		
	}

	
	#pmKontaktForm label {
		width:				210px;
		padding-right: 		10px;
		text-align:			left;
		float:				left;
	}
	#pmKontaktForm .fieldInputText {
		border:				1px solid #DDDDDD;
		float:				right;
		width:				245px;
	}
	
	#pmKontaktForm .fieldInputTextarea {
		border:				1px solid #DDDDDD;
		float:				right;
		height:				80px;
		width:				245px;
	}

	#pmKontaktForm .fieldSelect {
		border:				1px solid #DDDDDD;
		float:				left;
		width:				292px;
	}

	#pmKontaktForm .fieldInputText:focus,
	#pmKontaktForm .fieldInputText:active,
	#pmKontaktForm .fieldInputTextarea:focus,
	#pmKontaktForm .fieldInputTextarea:active,
	#pmKontaktForm .formRowCaptcha input.captchaInput:focus,
	#pmKontaktForm .formRowCaptcha input.captchaInput:active {
		background-color:	#EEE;
	}
	
	#pmKontaktForm .formRowCaptcha {
		padding:			10px;

	}

	#pmKontaktForm .formRowCaptcha .inputErrorMsg {
	}
	
	#pmKontaktForm .formRowCaptcha .captchaNotice {
		padding-bottom:     10px;
	}

	
	#pmKontaktForm .formRowCaptcha .captchaImage {
		float:				left;
	}

	#pmKontaktForm .formRowCaptcha input.captchaInput {
		border:				1px solid #DDDDDD;
		float:				left;
		margin-bottom:		10px;
		margin-left:		20px;
		width:				290px;
	}

	#pmKontaktForm .formRowCaptcha a.captchaReload {
		border:				1px solid #DDDDDD;
		color:				#333;
		float:				left;
		margin-left:		20px;
		padding:			2px;
		text-align:			center;
		text-decoration:	none;
		width:				286px;
	}

	#pmKontaktForm .formRowCaptcha a.captchaReload:hover {
		background-color:	#CCC;
	}
	
	#pmKontaktForm .formRowControl {
		clear:				both;
	}
	
	#pmKontaktForm .formRowControl .inputSubmit {
		background-color:	#FFF;
		border:				1px solid #DDDDDD;
		color:				#333;
		float:				right;
		margin-right:		8px;
		width:				140px;
	}

	#pmKontaktForm .formRowControl .inputSubmit:hover {
		background-color:	#CCC;
		color:				#000;
	}
	
	#pmKontaktForm .formRowControl .inputReset {
		background-color:	#FFF;
		border:				1px solid #DDDDDD;
		color:				#333;
		float:				left;
		margin-left:		10px;
		width:				140px;
	}
	
	#pmKontaktForm .formRowControl .inputReset:hover {
		background-color:	#CCC;
	}
	
	#pmKontaktForm p.inputErrorMsg {
		color:				#C00;
		font-size:			11px;
		font-weight:		bold;
		padding:			2px 0;
		margin:				0;
	}
	
/* Radio Buttons */

	#pmKontaktForm label.labelRadioGroup {
		float:				none;
		padding-right:		20px;
		text-align:			left;
		width:				auto;
		height:				20px;
	}

	#pmKontaktForm ul.radioList {
		float:				left;
		list-style:			none;
		margin:				0;
		padding:			0;
	/*	width:				490px;	*/
		position:			relative;
	}

	#pmKontaktForm ul.radioList li {
		display:			inline-block;
		float:				left;
		float:				none;
		padding:			0 0 5px 0;
		width:				100%;
	/*	width:				490px;	*/
		position:			relative;
	}

	#pmKontaktForm ul.radioList label {
		display:			inline-block;
		text-align:			left;
		padding:			0;
		margin-left:		25px;
		width:				auto;
	}

	#pmKontaktForm ul.radioList input.fieldRadio {
		position:			absolute;
		left:				0;
		/* left:				190px;*/
		margin:				0;
	}

	#pmKontaktForm ul.radioList li.radioOptionOther {
		clear:				both;
		padding:			0;
		/* width:				490px;*/
	}

	#pmKontaktForm ul.radioList li.radioOptionOther label.labelRadio {
		margin-left:		0;
		padding-right:		10px;
		/*text-align:			right;*/
		width:				230px;
	}
	
	#pmKontaktForm ul.radioList li.radioOptionOther input.fieldRadio {
		border:				1px solid #DDD;
		float:				right; /*left*/
		width:				245px;
		position:			relative;
		left:				0;
	}
	

	#pmKontaktForm ul.radioList li.radioOptionOther input.fieldRadio:focus,
	#pmKontaktForm ul.radioList li.radioOptionOther input.fieldRadio:active {
		background-color:	#EEE;
	}

	
/* Checkboxes */


	#pmKontaktForm label.labelCheckboxGroup {
		float:				none;
		padding-right:		20px;
		text-align:			left;
		width:				auto;
		height:				20px;
	}

	#pmKontaktForm ul.checkboxList {
		float:				left;
		list-style:			none;
		margin:				0;
		padding:			0;
		/*width:				310px;*/
	}

	#pmKontaktForm ul.checkboxList li {
		display:			inline-block;
		float:				none;
		padding:			0 0 5px 0;
		width:				100%;
		position:			relative;
	}

	#pmKontaktForm ul.checkboxList label {
		display:			inline-block;
		text-align:			left;
		padding:			0;
		margin-left:		25px;
		width:				auto;
	}

	#pmKontaktForm ul.checkboxList input.fieldCheckbox {
		position:			absolute;
		left:				0px;
		margin:				0;
	}

	#pmKontaktForm ul.checkboxList li.checkboxOptionOther {
		clear:				both;
		padding:			0;
		width:				100%;
	}

	#pmKontaktForm ul.checkboxList li.checkboxOptionOther label.labelCheckbox {
		float:				left;
		padding:			2px 0 0 0;
		margin-left:		0;
		width:				245px;
	}
	
	#pmKontaktForm ul.checkboxList li.checkboxOptionOther input.fieldCheckbox {
		border:				1px solid #DDDDDD;
		float:				right; /*left */
		width:				245px; /*190*/
		position:			relative;
		left:				0;
	}

	#pmKontaktForm ul.checkboxList li.checkboxOptionOther input.fieldCheckbox:focus,
	#pmKontaktForm ul.checkboxList li.checkboxOptionOther input.fieldCheckbox:active {
		background-color:	#EEE;
	}

	#radiogrund3 {
		margin-bottom:		30px;
	}