/*0_vfz_styles_Forms.css*/
* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}

#nlForm {
width:100%;
padding-bottom: 10vh;
}

#nlForm #Mail,
#nlForm #Dropdown,
#nlForm #Submit {
	display:flex;
	justify-content: flex-start; 
	align-items: center;
	margin-bottom:1em;
}



#nlForm #Mail label,
#nlForm #Dropdown label,
#nlForm #Submit label {
width: 50px;
}



#nlForm #Mail input#email {
width:50%;
border:1px solid gray;
border-radius: 8px;
background-color: white;
color: black;	
padding:4px 8px 4px 8px;
font-size:0.9rem;
}


#nlForm select {
color:black;
font-size:.9rem;
margin:0;
background-color: white;	
width:50%;	
padding:4px 8px 4px 8px;
border:1px solid black;
background-image:url("http://www.verein-frauenzentrum.ch/cms/upload/design/vfz_pfeilSelect_black.png");
background-size:20px;
background-position: 98% 90%;
background-repeat: no-repeat;
background-color:#fff;
cursor: pointer;
outline: 0 none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
border:1px solid gray;
border-radius: 8px;
}



#nlForm #Submit input{
font-size:.9rem;
padding:0.4rem 1.5rem;
margin:0.5rem 0 0 0;
border:1px solid #e3e3e3;
background-color: #e3e3e3;
color: black;
border-radius: 8px;
}




@media only screen and (max-width:1280px) {
		#nlForm #Submit input{
		border-radius: 8px;
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		appearance: none;		
	}
}


@media only screen and (max-width:1024px) {
		#nlForm #Submit input{
		border-radius: 8px;
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		appearance: none;		
	}
	#nlForm #Mail input#email,
	#nlForm select {
		width:75%;	
	}	
}


@media only screen and (max-width:1024px) and (orientation:portrait){
		#nlForm #Submit input{
		border-radius: 8px;
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		appearance: none;		
	}
	
	#nlForm #Mail input#email,
	#nlForm select {
		width:75%;	
	}	
}


@media only screen and (max-width:768px){
	#nlForm #Mail input#email,
	#nlForm select {
		width:65%;	
	}
}


@media only screen and (max-width:640px){ 


	#nlForm #Mail input#email,
	#nlForm select {
		width:65%;	
	}
	
}


@media only screen and (max-width:480px) and (orientation:landscape){
		
}


@media only screen and (max-width:480px){ 
	
}



@media only screen and (max-width:320px){
	
}