/*forms*/

#mitglied,
#contactForm,
#suche,
#searchResults {
font-size:1.2vw;
}

#mitglied label,
#contactForm label,
#suche label {
display: block; 
cursor: pointer;
}

#mitglied label span,
#contactForm label span{
display: block; 
}

#mitglied input,
#contactForm input,
#contactForm select,
#suche input {
border:1px solid #09547C;
color:#09547C;	
outline: 0 none;
line-height:130%;
font-size:inherit;	
margin-top: 1%;
width:70%;
border-radius: 0;
-webkit-appearance: none;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
-o-hyphens: none;
hyphens: none;
}

#suche input {
padding-left:8px;	
}

#mitglied textarea{
border:1px solid #09547C;
margin-top: 1%;
/*width:71.5%;*/
width:70%;
color:#09547C;	
font-size:inherit;	
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
}

#mitglied p{
margin:0;		
}

#mitglied .mitglied span,
#mitglied #newsletter span {
display: inline-block;
line-height:150%;
}

#mitglied input[type=radio] {
border-radius:14px;
/*box-sizing: border-box;*/
margin: 0 1.5% 4px 0;
height:1.1vw;
width: 1.1vw;
vertical-align:middle;
}

#mitglied input[type=radio]:checked{
border:1px solid #09547C;
background-color:#09547C;
height:1.1vw;
width:1.1vw;
}


#mitglied input.button{
-webkit-appearance: none;
border:1px solid #09547C;
margin: 0 1% 3px 0;
outline: 0 none;
height:1vw;
width:1vw;
vertical-align:middle;
border-radius: 0;
}

#mitglied input[type=checkbox]:checked {
border:1px solid #09547C;
background-color:#09547C;
height:1vw;
width:1vw;
}

#contactForm select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
border:1px solid #09547C;
outline: 0 none;
/*font-size:100%;	*/
width:70.5%;
/*height:1vw;*/
padding-left:8px;
border-radius: 0;
background-image:url("http://www.postbeijing.ch/cms/upload/design/pb_pfeilSelect.gif");
background-size:7%;
background-position: right top;
background-repeat: no-repeat;
background-color:#fff;
color:#09547C;
/*font-weight:normal;*/
cursor: pointer;
}

select::-ms-expand {
  display:none;
}

.lt-ie10 select {
    background-image: none;
}

#mitglied #email_zusatzMail {
display:none;	
}

#mitglied #submit_mitglied {
margin-top:-2vw;
}

#mitglied #submit_mitglied input,
#contactForm #contactFormSubmit input{
font-size:100%;
width:20%;
border:1px solid #09547C;
outline: 0 none;
background-color:#fff;
border-radius: 0;
-webkit-appearance: none;
padding:0;
line-height:120%;
}

#contactForm #contactFormSubmit input{
width:23%;	
text-align:left;
padding-left:8px;
line-height:130%;
}

#stern {
margin:4% 0;	
}

#mitglied .nachricht {
margin-top:4%;
}

#mitglied .nachricht p {
padding-bottom:2%;
}

p.error,
span.error {
color:#e4147e;
margin:2% 0 -2% 0;
padding-bottom:2%;
}

input.errorField {
background-color: #e582b5;
background: rgba(227,20,126,0.5);
}	

/*Suchausgabe*/
.searchResultItem img {
display:none;	
}

	
	

/*sehr gross*/
@media only screen and (min-width: 1470px)  {
	#mitglied,
	#contactForm,
	#suche,
	#searchResults {
	font-size:19px;
	}	

	#mitglied textarea {
		width:70%;			
	}	

#contactForm select {
	background-size:6%;
}
}

/*standard 22z*/
/*orange*/
@media only screen and (min-width:1280px) and (max-width:1470px){


.content .text #mitglied p,
.content .text #stern p {
		font-size:1.2vw;
}

#mitglied,
#contactForm,
#suche,
#searchResults {
font-size:1.2vw;
}


}
		
/*19 pink*/
	@media only screen and (min-width:1024px) and (max-width:1280px){

.content .text #mitglied p,
.content .text #stern p {
		font-size:1.35vw;

}

#mitglied,
#contactForm,
#suche,
#searchResults {
font-size:1.35vw;
}

#contactForm #contactFormSubmit input{
width:28%;
}
				
}		

/*17 oder iPad quer aqua*/
@media only screen and (min-width:769px) and (max-width:1024px) {



#mitglied,
#contactForm,
#suche,
#searchResults {
font-size:1.35vw;
}

#contactForm select {
background-size:6%;
width:72.5%;
padding: 4px 0 4px 6px;

}

#mitglied textarea {
	width:71.5%;		
}

#mitglied #submit_mitglied input {
padding:4px 0;	
}


#contactForm #contactFormSubmit input{
width:23%;
padding: 4px 0 4px 6px;
}
	
	
}


/*15 oder iPad hoch blue*/
@media only screen and (max-width:768px) {


#mitglied,
#contactForm,
#suche,
#searchResults {
font-size:1.8vw;
}

#mitglied textarea {
	width:71.5%;			
}

#contactForm select {
background-size:6%;
width:72.5%;
padding: 4px 0 4px 6px;
}


#mitglied input[type=radio],
#mitglied input[type=radio]:checked,
#mitglied input[type=checkbox]:checked ,
#mitglied input[type=checkbox],
#mitglied input[type=checkbox]:checked {
	height:1.8vw;
	width: 1.8vw;
}

#mitglied #submit_mitglied input {
padding:4px 0;	
}


#contactForm #contactFormSubmit input{
width:23%;
padding: 4px 0 4px 6px;
}


}


/*smartphone landscape*/
@media only screen and (min-width:480px) and (max-width:812px) and (orientation:landscape){
	
	
	#mitglied,
	#contactForm,
	#suche,
	#searchResults {
	font-size:2.8vw;
	}

	
	#mitglied input,
	#contactForm input,
	#contactForm select,
	#suche input {
		width:90%;
	}
		
	#mitglied input[type=radio],
	#mitglied input[type=radio]:checked,
	#mitglied input[type=checkbox]:checked,
	#mitglied input[type=checkbox],
	#mitglied input[type=checkbox]:checked {
		height:2vw;
		width: 2vw;
	}	
	
	#mitglied textarea {
		width:93%;			
	}	
		

	#contactForm select {
	background-size:8%;
	width:94%;
	padding: 4px 0 4px 6px;
	}
	
/*
	#mitglied #submit_mitglied input {
	padding:4px 0;	
	}
*/

	#contactForm #contactFormSubmit input{
	width:39%;
	/*padding: 4px 0 4px 6px;*/
	}

}	


	
/*iphone 4, 5 hoch blue*/
@media screen and (max-width:380px) {

		#mitglied,
		#contactForm,
		#suche,
		#searchResults {
		font-size:4.5vw;
		}


		#mitglied input,
		#contactForm input,
		#contactForm select,
		#suche input {
			width:90%;
		}

		#mitglied input[type=radio],
		#mitglied input[type=radio]:checked,
		#mitglied input[type=checkbox]:checked ,
		#mitglied input[type=checkbox],
		#mitglied input[type=checkbox]:checked {
			height:3vw;
			width: 3vw;
		}	

		#mitglied textarea {
			width:93%;			
		}	

		#contactForm select {
		background-size:10%;
		width:95%;
		padding: 4px 0 4px 6px;	
		}


		#mitglied #submit_mitglied input {
		width:35%;
		}


		#contactForm #contactFormSubmit input{
		width:47%;
		}
		
		#mitglied #email_zusatzMail {
		display:none;
	
		}		


}