/* --- Formularelemente ------------------------------------------ */

/*--------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
 /**
  *no border around focused elements*/
	textarea:focus, input:focus, select:focus,
	textarea:active, input:active, select:active, input[type=submit]:focus {
		outline: 0;
	}

	  
	*:focus {
		outline: 0;
	}
	  
	form {
		margin:0;
		padding:0;
	}

	form select  {	
		width: 100%;
	}
	
	input#datepicker {
		border: 1px solid #636b73;
	}
	
/* --- Datepicker verkleinern: ------------------------------------------ */	
	.ui-datepicker-div,
	#ui-datepicker-div { 
		font-size:14px!important; 
	} 

/* --- Formularelemente ------------------------------------------ */
	.arrow_blink {
		padding: 0 0 0 2.0em;
		background: url("media/images/gfx/arrow_blink_pfeil.gif") no-repeat left center;
	}  
	form {
	  margin:0;
	  padding:0;
	}
	
	#main-content .frame_contentpage {
		width: 100%;
	}
	#main-content .frame_contentpage .tp-box {
		margin: 1.5em auto;
		padding: 0 15px 0 15px!important;
		max-width: 800px;
	}	
	#main-content .frame_contentpage form hr {
		margin: 1em 0 2em 0;
		padding: 0;				
		border: none;
		height: 1px;

		background: #999;

	}

	#main-content .frame_contentpage form label, 
	#main-content .frame_contentpage form input, 
	#main-content .frame_contentpage form select { /* Alle Labels UND Formularelemente auswählen */
	  display: block;
	  float: left;	  
	}
	
	#main-content .frame_contentpage form input, 
	#main-content .frame_contentpage form select { 
	  font-size: 85%;
	}	
	
	#main-content .frame_contentpage form.outerbox {
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;  			
		border: 1px solid #909ca7;
		
		height: 1600px;
	}
	
	
	#main-content .frame_contentpage form .subcolumns  {	
		width: 100%;
		background: #eeeff4;
		
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;  	

		height: 0px;	  
		transition: height 1s ease-in-out;
	   
	}
	
	#main-content .frame_contentpage form.outerbox .subcolumns:hover{
		height: 1600px; 
	}
	
	
	#main-content .frame_contentpage form .subcolumns .inner {
		padding: 1.25em;	
	}	

	#main-content .frame_contentpage .disclaimer-wrap {
	  display: block;
	  margin: 1em 0 0 0; 
	  float: left;
	  border: 1px solid #999;  
	  background: #fde7da;
	  
	  border-radius: 10px;
	  -moz-border-radius: 10px;
	  -webkit-border-radius: 10px;  	
	  
	  width: 100%;
	  line-height: 150%;
	}

	#main-content .frame_contentpage .disclaimer-wrap.green {
		padding: 0.65em 0 0.65em 0;
		background: #e0fcb8;
	}

	/*
	#main-content .frame_contentpage .subcolumns {
		background: rgba(255,255,255,0.2)!important;;
	}
	*/
	#main-content .frame_contentpage form label {
	 margin-top: 1em;
	 border-top: 2px solid #fff;
	 text-align: left; 
	 padding: 1em 0 .5em 0;
	 width: 100%;	 
	 
	}	
	
	#main-content .frame_contentpage form input {
	  color: #000;
	  margin-right: 0.5em;
	  margin-top: -0.2em;
	  background: #eeeff0;
	  border-radius: 10px;
	  -moz-border-radius: 10px;
	  -webkit-border-radius: 10px;  	  
	  padding: 0.50em 0.50em 0.65em 0.50em;
	  clear: both;	  
	  
		-webkit-transition-duration: 0.6s; /* Safari */
		transition-duration: 0.6s;		  
	}	
	
	#main-content .frame_contentpage form input:hover,
		#main-content .frame_contentpage form input:focus {
		background: #fff;		
	}
	
	#main-content .frame_contentpage form select  {
		color: #000;
		margin-bottom: 0.5em;
		padding: 0.50em 0.50em 0.65em 0.50em;
		border: solid 1px #636b73; 	
		background: #eeeff0;
		border-radius: 10px;	
	  	-moz-border-radius: 10px;
		-webkit-border-radius: 10px;  
		
		-webkit-transition-duration: 0.6s; /* Safari */
		transition-duration: 0.6s;			

		max-width: 60%;
	}
	
	#main-content .frame_contentpage form select:hover,
		#main-content .frame_contentpage form select:focus {
		background: #fff;
	}
	
	#main-content .frame_contentpage form select option
	{	   	 
	  padding: 0.1em 20px 0.1em 0;	
	}		

	form br { /* Alle Zeilenumbrüche in Formularen auswählen */
	  clear: left; /* das floating der labels und inputs aufheben */
	}

	input[type=checkbox]
{
	  /* Double-sized Checkboxes */
	  -ms-transform: scale(1.5); /* IE */
	  -moz-transform: scale(1.5); /* FF */
	  -webkit-transform: scale(1.5); /* Safari and Chrome */
	  -o-transform: scale(1.5); /* Opera */
	  padding: 20px;
	}
	
	/*Buttons:*/
	
	figure {
		border: 0!important;
	}
	
	button#f_btn1 { /* den Submit-Button */
	  border-radius: 10px;
	  -moz-border-radius: 10px;
	  -webkit-border-radius: 10px; 
	  margin-top: -7px;
	  padding: 0.50em 0.50em 0.65em 0.50em;
	  clear: both;	
	  
	  color: #fff;
	  cursor: pointer;
	  
	  box-shadow: 0;
	}	
	
	input[type=submit],
	input#Absenden,
	input#submit { /* den Submit-Button */
	  float: none;
	  width: auto;
	  font-size: 0.85em;
	  overflow: visible; /*IE Hack: erzwingt vernünftige Submit-Button-Breite*/
	  padding: 0.1em 0.25em 0.1em 0.25em;  
	  
	  color: #fff;
	  cursor: pointer;
	  border: 0!important;
	  padding: 0.5em;
	  background: #2f3036;	  
	}
	
	button#f_btn1,
	#main-content .frame_contentpage form input[type=submit] {
		color: #fff;
		background: #2f3036;
		-webkit-transition-duration: 0.6s; /* Safari */
		transition-duration: 0.6s;		
	}
	
	button#f_btn1:hover,
	#main-content .frame_contentpage form input[type=submit]:hover {
		background: #1d7000;
	}	

	/*END Buttons*/	
	
	* html input#submit {
	  padding: 0;
	  border: 0!important;
	}
	
	.inputFormFields2{
		font-family:Verdana,Arial,Helvetica,sans-serif;
		border: solid 1px #636b73; padding:0.15em; width:2em;
	}  
	.inputFormFields3{
		font-family:Verdana,Arial,Helvetica,sans-serif;
		border: solid 1px #636b73; padding:0.15em; width:3em;
	}  
	.inputFormFields5{
		font-family:Verdana,Arial,Helvetica,sans-serif;
		border: solid 1px #636b73; padding:0.15em; width:5em;
	}
	.inputFormFields10{
		font-family:Verdana,Arial,Helvetica,sans-serif;
		border: solid 1px #636b73; padding:0.15em; width:10em;
	}
	.inputFormFields20{
		font-family:Verdana,Arial,Helvetica,sans-serif;
		border: solid 1px #636b73; padding:0.15em; width:20em;
	}	
	
	@media screen and (max-width: 500px) {
		#main-content .frame_contentpage form select  {
		  max-width: 100%;
		}	
	}
	
	@media screen and (max-width: 640px) {
		#main-content .frame_contentpage{
		  font-size: 125%;
		}	
	}