/* DIV-Elemente für Formulare
*
*/

.div_formularmiddle_frame {
	position: relative;
	margin: 0px 22%;
	padding: 30px;
	height: 95%;
	width: 920px;
	background-color: #ffffff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto;
	float: left;
}

.div_formularmiddle_header {
	width: 995px;
	box-shadow: -2px -2px 2px 2px #00923f inset;
    -webkit-box-shadow: -2px -2px 2px 2px #00923f inset;
    -moz-box-shadow: -2px -2px 2px 2px #00923f inset;
    border-radius: 15px 15px 15px 15px;
	background-color: #ffffff;
}

.div_formularmiddle_empty {
	width: 950px;
}
 
.div_formularmiddle_in {
	width: 950px;
	height: 85%;
	padding: 30px 10px 35px 35px;
	overflow-y: auto;
	scroll-padding: 50px 0 10px 50px;
	scrollbar-color: #00923f #da251c;
    scrollbar-width: thin;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: left;
    box-shadow: 2px -2px 2px 2px #da251c inset;
    -webkit-box-shadow: 2px -2px 2px 2px #da251c inset;
    -moz-box-shadow: 2px -2px 2px 2px #da251c inset;
    border-radius: 10px 10px 10px 10px;
    opacity: 1;
    animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 2s;
	background-color: #ffffff;
}

.div_formularmiddle_in:hover {
	scrollbar-color: #f2cd4b #00923f;
}

.div_formularmiddle_in::-webkit-scrollbar {
  	width: 10px;
  	background-color: #da251c;
  	border-radius: 0px 10px 10px 1px;
}

.div_formularmiddle_in::-webkit-scrollbar-track {
  	box-shadow: inset 0 0 5px #f2cd4b; 
  	border-radius: 0px 10px 10px 1px;
}

.div_formularmiddle_in::-webkit-scrollbar-thumb {
	border-radius: 0px 10px 10px 0px;
  	background: #f2cd4b;
}

.div_formularmiddle_in::-webkit-scrollbar-thumb:hover {
  	background: #00923f;
}

.div_formularmiddle_in::-webkit-scrollbar {
  	width: 10px;
}

.div_frmcounterline {
	width: 100%;
	height: 20px;
}

.div_panel_modify {
	width: 100%;
    height: 60px;
    padding: 35px 5px 5px 35px;
}

/* Formularbereich zweiter Paechter */

.div_frmpanel_tenantcount {
	padding: 35px 5px 5px 35px;
	min-height: 5px;
	height: 90px;
	min-width: 100px;
	width: 100%;
}

.div_frmtenant_cbline {
	margin: 2px;
	width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
	vertical-align: center;
}

/* Formular persoenliche Daten */

/* Eingabefelder fuer die Anrede, Titel und Gartennummer des Mitglieds */  

.div_frmpanel_pers1 {
	padding: 35px 5px 5px 35px;
	min-height: 30px;
	height: 160px;
	min-width: 100px;
	width: 100%;
}

.div_frmdata_line {
	width: 100%;
	min-height: 20px;
}

.div_frmlabel_data {
	margin: 2px;
	width: 80px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.div_frminput_salut {
	width: 232px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

.div_frmlabel_title {
	margin: 2px;
	width: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.div_frminput_title_fbpers {
	width: 140px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

.div_frminput_title_pers {
	width: 210px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

.div_global_input_title {
	width: 220px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

.div_frminput_name {
	width: 320px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

.div_frmlabel_birthday {
	margin: 2px;
	width: 105px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.div_frminput_birthday {
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

/* Formularbereich Kontaktdaten
*
*  persoenliche Daten (Festennetz- / Mobile-Rufnummer, E-Mail) */

.div_frmpanel_contact1 {
	padding: 35px 5px 5px 35px;
	min-height: 5px;
	height: 80px;
	min-width: 100px;
	width: 100%; 
}

.div_frmlabel_phone {
	margin: 2px;
	width: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.div_frminput_phone {
	width: 320px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

.div_frmlabel_mobile {
	margin: 2px;
	width: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.div_frminput_mobile {
	width: 320px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

.div_frmlabel_email {
	margin: 2px;
	width: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.div_frminput_email {
	width: 410px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

/* Formularbereich Erweiterte Personeninfo (Familienstatus, PA-Nummer */

.div_frmpanel_addinfo {
	padding: 35px 5px 5px 35px;
	min-height: 10px;
	height: 30px;
	min-width: 100px;
	width: 100%;
}

.div_frmlabel_famstatus {
	margin: 2px;
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.div_frminput_famstatus {
	width: 280px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

.div_frmlabel_panumber {
	margin: 2px;
	width: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.div_frminput_panumber {
	width: 280px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}


/* Formular Anschrift 
*
*  persoenliche Adressdaten (Strassee, Hausnummer, Postleitzahl, Ort) 
*/

.div_frmpanel_addr1 {
	padding: 35px 5px 5px 35px;
	min-height: 100px;
	height: 160px;
	min-width: 100px;
	width: 100%; 
}

.div_frmlabel_street {
	margin: 2px;
	width: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.div_frminput_street {
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

.div_frmlabel_housenr {
	margin: 2px;
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.div_frminput_housenr {
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

.div_frmlabel_plz {
	margin: 2px;
	width: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.div_frminput_plz {
	width: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

.div_frmlabel_place {
	margin: 2px;
	width: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.div_frminput_place {
	width: 390px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

/* Formularbereich Jobdaten*/

.div_frmpanel_jobdata {
	padding: 35px 5px 5px 35px;
	min-height: 10px;
	height: 80px;
	min-width: 100px;
	width: 100%; 
}

.div_frmlabel_jobdata {
	margin: 2px;
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.div_frminput_jobdata {
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

/* 
* Formularbereich Haustiere
*
*/

.div_frmpanel_petsdata {
	padding: 35px 5px 5px 35px;
	min-height: 5px;
	height: 160px;
	min-width: 100px;
	width: 100%; 
}

.div_frmhadpets_cbline {
	margin: 2px;
	height: 30px;
	width: 450px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.div_frmlabel_petsdata {
	margin: 2px;
	width: 140px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.div_frminput_petsdata {
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

.div_frmlabel_petscount {
	margin: 2px;
	width: 70px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.div_frminput_petscount {
	width: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}


/* 
* Formularbereich Alter Garten 
*
*/

.div_frmpanel_hadgarden {
	padding: 35px 5px 5px 35px;
	min-height: 5px;
	height: 80px;
	min-width: 100px;
	width: 100%;
}

.div_frmhadgarden_cbline {
	margin: 2px;
	height: 30px;
	width: 350px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.div_frmlabel_oldclubname {
	margin: 2px;
	width: 140px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.div_frminput_oldclubname {
	width: 500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

/* 
* Formularbereich freie Gartenauswahl
*
*/

.div_frmpanel_freegardenselect {
	padding: 35px 5px 5px 35px;
	min-height: 5px;
	height: 160px;
	min-width: 100px;
	width: 850px; 
}

.div_frmlabel_freegardenselect {
	margin: 2px;
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.div_frmlabel_gardennr {
	margin: 2px;
	width: 135px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.div_frminput_gardennr {
	width: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}
.div_frmlabel_freegardennr {
	margin: 2px;
	width: 270px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.div_frminput_freegardenselect {
	width: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

/*
* Bereich Panel Einfahrtregelung KFZ-Typ
*
*/

.div_frmpanel_vehicle {
	padding: 35px 5px 5px 35px;
	min-height: 5px;
	height: 230px;
	min-width: 100px;
	width: 100%;
}

.div_frminput_vehicletype, .div_frminput_vehicleorigin, .div_frminput_rentcompany {
	width: 230px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

.div_frmlabel_kfzkz {
	margin: 2px;
	width: 140px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.div_frminput_kfzregistration {
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: left;
}

.div_frmlabel_rentcompany {
	margin: 2px;
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
}


.div_frmpanel_purpose {
	padding: 5px 5px 5px 35px;
	width: 100%;
	min-height: 5px;
	height: 80px;
	float: left;
}

.div_frminput_purpose {
	width: 540px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

.div_frmpanel_period {
	padding: 0 5px 5px 35px;
	min-height: 5px;
	height: 80px;
	min-width: 100px;
	width: 100%;
	float: left;
}

.div_frmlabel_period {
	margin: 2px;
	width: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;	
	
}

.div_frminput_periodstart, .div_frminput_periodend {
	width: 180px;
	font-family: Arial;
	font-size: 13px;
	float: left;
}

/* Formularbereich Bauvorhaben
*
* Art Bauvorhaben, Art Bauwerk, Zweck
*/

.div_frmpanel_buildingtype {
	padding: 35px 5px 5px 35px;
	min-height: 100px;
	height: 160px;
	min-width: 100px;
	width: 100%;
}

.div_frmlabel_buildingtype {
	margin: 2px;
	width: 80px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;	
	
}

.div_frminput_buildingtype {
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

.div_frmlabel_constructionproject {
	margin: 2px;
	width: 80px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;	
}

.div_frminput_constructionproject {
	width: 255px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

.div_frmlabel_constructioncount {
	margin: 2px;
	width: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;	
}

.div_frminput_constructioncount {
	width: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

.div_frmlabel_buildingareacount {
	margin: 2px;
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;	
}

.div_frminput_buildingeareacount {
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

.div_frmlabel_constructionpurpose {
	margin: 2px;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;	
	
}

.div_frminput_constructionpurpose {
	width: 630px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

/* 
* Formularbereich Freizeitgeraete
*
* Art Freizeitgeraet
*/

.div_frmpanel_fundevice, .div_frmpanel_vehicleorigin {
	padding: 35px 5px 5px 35px;
	width: 100%;
	height: 40px;
}

.div_frmlabel_fundevice {
	margin: 2px;
	width: 140px;
	height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;	
}

.div_frminput_fundevice {
	width: 240px;
	height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

.div_frmpanel_vehicleprivate {
	padding: 20px 5px 5px 35px;
	min-height: 5px;
	height: 60px;
	width: 100%;
	float: left;
}

.div_frmpanel_fundevicepool {
	padding: 2px 2px 35px 35px;
	min-height: 5px;
	height: 60px;
	width: 100%;
	float: left;
}

.div_frmlabel_fundevicepool {
	margin: 2px;
	width: 140px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;	
}

.div_frminput_fundevicepool {
	width: 240px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

.div_frmpanel_poolround {
	width: 400px;
	min-height: 20px;
	height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.div_frmlabel_round_diameter, .div_frmlabel_round_waterdepth {
	margin: 2px;
	width: 90px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.div_frminput_poolshape {
	width: 125px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

.div_frmpanel_poolsquare {
	display: none;
	width: 400px;
	min-height: 20px;
	height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	float: left;	
}

.div_frmlabel_square_length, .div_frmlabel_square_width, .div_frmlabel_square_height {
	margin: 2px;
	width: 50px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.div_frminput_square_length, .div_frminput_square_width, .div_frminput_square_height {
	width: 65px;
	float: left;
}

.div_frmpanel_fundevicetrampolin {
	display: none;
	padding: 2px 2px 35px 35px;
	min-height: 5px;
	height: 60px;
	width: 100%;
	float: left;
}

.div_frminput_bulk {
	width: 90px;
	float: left;
}

.div_frmpanel_vehiclerental {
	display: none;
	padding: 20px 2px 35px 35px;
	min-height: 5px;
	height: 60px;
	width: 100%;
	float: left;
}

.div_frmlabel_radioselect {
	width: 120px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

.div_frminput_radioselect {
	min-width: 50px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
}

/* Formularbereich Wasserzaehlerwechsel
*
*  Daten (Seriennummer, Zaehlerstaende */

.div_frmpanel_consumermeter {
	padding: 35px 5px 5px 35px;
	height: 70%;
	width: 100%;
}

.div_frminput_counter {
	width: 290px;
	float: left;
}

.div_frmselect_waterproducer {
	width: 410px;
	float: left;
}

.div_frmselect_electricproducer {
	width: 290px;
	float: left;
}

.div_frmradio_electric_counterart {
	width: 290px;
	float: left;
}

.div_frmlabel_counter_yearlabelling {
	margin: 2px;
	width: 175px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	float: left;
}

.div_frmselect_counter_yearlabelling {
	width: 75px;
	float: left;
}

.div_frminput_counter_yearlabelling {
	width: 85px;
	font-family: Arial;
	font-size: 11px;
	float: left;
}

/* Allgemein */

.div_frmpanel_remark {
	padding: 35px 5px 5px 35px;
	width: 100%;
	height: 80px;
	
}


/* Formularbereich PDF-Create Button*/

.div_frmpanel_pdfcreatebutton {
	padding: 55px 5px 5px 35px;
	min-height: 5px;
	height: 30px;
	min-width: 100px;
	width: 100%;
	float: left;
}

.div_frmemptyspace_pdfcreatebutton {
	
	min-height: 5px;
	min-width: 100px;
	width: 74%;
	float: left;
}

.div_frmspace_pdfcreatebutton {
	
	min-height: 5px;
	min-width: 30px;
	width: 26%;
	float: right;
}