label
    {
    display: block;
    cursor: pointer;
    }
    
input,
textarea
    {
    border: #aaa 0px solid;
    background-color: #eee;
    font-size:130%;
    
    }
    
input.smallinput {font-size:100%;} 


input[type=text], input[type=number], input[type=email], input[type=file], textarea  {width:100%;}

.required:after
    {
    color: #ccc;
    content: "*";
    }
    
    
.chinaform .required:after
    {
    color: #ff0000;
    content: "*";
    }
    
.required-note:before
    {
    content: "(*";
    }
    
.required-note:after
    {
    content: ")";
    }
    


#modalpopup form.marketingform {
	width:100% !important;
	margin-left:0% !important;
	margin-right:0% !important;
}

form.marketingform h1 {
	border-bottom:1px solid #8f8f8f;
	background-image:url(/images/layout/form_pencil.png);
	background-repeat:no-repeat;
	background-position:100% 10px;
}
form.marketingform p#formintro {
	padding-bottom:15px;
	border-bottom:1px solid #8f8f8f;
}


form.marketingform .china {display:none;}   
form.marketingform .schritt2 {display:none;}   
form.marketingform .schritt3 {display:none;}   
form.marketingform .schritt4 {display:none;}   
form.marketingform .schritt4iserlohn {display:none;}   
form.marketingform .schritt5 {display:none;}   

form.marketingform .schritt6 {display:none;}   
form.marketingform .schritt7 {display:none;}
form.marketingform .schritt8 {display:none;} 
form.marketingform .schritt5master {display:none;}   

form.marketingform .schritt6master {display:none;}   
form.marketingform .schritt7master {display:none;}
form.marketingform .schritt8master {display:none;} 
form.marketingform .schritt5bachelor {display:none;}   

form.marketingform .schritt6bachelor {display:none;}   
form.marketingform .schritt7bachelor {display:none;}
form.marketingform .schritt8bachelor {display:none;} 
form.marketingform .error {
	color:red;
	font-weight:bold;
}
form.marketingform ol {
	position:relative;
	display:inline-block;
	width:100%;
}
form.marketingform ol li {
	float:left;
	clear:left;
	margin-bottom:10px;
}

form.marketingform ul {float:none;}
form.marketingform ul li {
	float:none;
	list-style-type:square;
	margin:0 0 0 20px;
	
}

form.marketingform ol li.firstcolumn {
	width:47%;
	margin-right:6%;
}
form.marketingform ol li.secondcolumn {
	width:47%;
	clear:none;
}


form.marketingform ol li.checkboxgroup input, form ol li.radiobuttongroup input, form ol li.dropdowngroup select {
	float:left;
	clear:left;
	margin-right:5px;


}

form ol li.checkboxgroup label, form ol li.radiobuttongroup label, form ol li.dropdowngroup label {
	float:left;
	height:auto !important;
	display:block;
}

form.marketingform ol li.checkboxgroup span, form ol li.radiobuttongroup span, form ol li.dropdowngroup span {
	float:left;
	clear:left;
	margin-top:5px;
	margin-bottom:5px;

}
form.marketingform ol li.formspacer {height:10px;}   


form.marketingform #aufmerksamfreitext {display:none;}

/** modalpopup

*/
#modalpopup{display:none;position:fixed;z-index:10000;top:0;right:0;bottom:0;left:0;background-color:#fff;overflow-y:scroll;-webkit-perspective:1000;background-color:rgba(255,255,255,0.9);}
#modalpopup:hover{cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out;}

#modalpopup2{display:none;position:fixed;z-index:10001;top:0;right:0;bottom:0;left:0;background-color:#fff;overflow-y:scroll;-webkit-perspective:1000;background-color:rgba(255,255,255,0.6);}
#modalpopup2:hover{cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out;}

/* Common modal styles*/
#modalpopup #modalcontent{position:static;display:none;margin:0 auto;width:740px;min-height:100%;box-shadow:0 3px 8px rgba(34,25,25,0.4);-moz-box-shadow:0 3px 8px rgba(34,25,25,0.4);-webkit-box-shadow:0 3px 8px rgba(34,25,25,0.4);background-color: white;}
#modalpopup #modalcontent:hover{cursor:default;}

#modalpopup #modalcontent #modalform {padding:30px;}

#modalpopup #modalloader{position:static;display:none;margin:0 auto;width:740px;text-align:center; box-shadow:0 3px 8px rgba(34,25,25,0.4);-moz-box-shadow:0 3px 8px rgba(34,25,25,0.4);-webkit-box-shadow:0 3px 8px rgba(34,25,25,0.4);background-color: white;padding:150px 0;}
#modalpopup #modalloader:hover{cursor:default;}

#modalpopup2 #modalclose{position:static;display:none;margin:150px auto;width:500px;text-align:center;box-shadow:0 3px 8px rgba(34,25,25,0.4);-moz-box-shadow:0 3px 8px rgba(34,25,25,0.4);-webkit-box-shadow:0 3px 8px rgba(34,25,25,0.4);background-color: white;padding:30px;}
#modalpopup2 #modalclose:hover{cursor:default;}
#modalpopup2 #modalclose button							{ display:inline-block; margin:0 10px; }



form.marketingform input[type="radio"] {
	/*display:none !important; */
	opacity: 0; position: absolute; left: 20px;
	clip: rect(0,0,0,0);
	width:22px; height:22px;
}

form.marketingform input[type="radio"] + label {
	clear:left;
  	background: transparent url("/images/layout/radio.png") no-repeat 0 -47px;
  	padding: 5px 0 0 30px;
  	min-height:22px;

}
form.marketingform input[type="radio"] {

  	min-height:22px;
  	max-height:22px;
}
form.marketingform input[type="radio"]:checked + label {
  	background-position: 0 0;
  	
}
form.marketingform input[type="radio"]:disabled + label {
  	background-position:0 -94px;
  	color:#D0D0D0;
}
form.marketingform input[type="checkbox"] {
	opacity: 0; position: absolute; left: 20px;
	clip: rect(0,0,0,0);
	width:23px; height:25px;
}

form.marketingform input[type="checkbox"] + label {
	clear:left;
  	background: transparent url("/images/layout/checkbox.png") no-repeat 0 -48px;
  	padding: 7px 0 0 30px;
  	height:25px;
}
form.marketingform input[type="checkbox"]:checked + label {
  	background-position: 0 0;
  	
}
form.marketingform input[type="checkbox"]:disabled + label {
  	color:#D0D0D0;
  	background-position: 0 -96px;
}	



form.marketingform ol li.streetcolumn {width:31%;margin-right:2%;}
form.marketingform ol li.numbercolumn {width:14%;}


form.asideform  {margin:5px;}


form.asideform input,
form.asideform textarea
    {
    border: #aaa 0px solid;
    background-color: #FFF;
    font-size:130%;
    
    }
form.asideform .error {
	color:red;
	font-weight:bold;
}
form.asideform ol {
	position:relative;
	display:inline-block;
	width:100%;
}
form.asideform ol li {
	float:left;
	clear:left;
	margin-bottom:10px;
}

form.asideform ol li.firstcolumn {
	width:100%;
	margin-right:0%;
}
form.asideform ol li.secondcolumn {
	width:100%;
	clear:none;
}


form.asideform ol li.checkboxgroup input, form ol li.radiobuttongroup input, form ol li.dropdowngroup select {
	float:left;
	clear:left;
	margin-right:5px;

}

form ol li.checkboxgroup label, form ol li.radiobuttongroup label, form ol li.dropdowngroup label {float:left;}

form.asideform ol li.checkboxgroup span, form ol li.radiobuttongroup span, form ol li.dropdowngroup span {
	float:left;
	clear:left;
	margin-top:5px;
	margin-bottom:5px;

}
form.asideform ol li.formspacer {height:10px;}   



form.asideform input[type="radio"] {
	display:none !important;
	clip: rect(0,0,0,0);
	width:22px; height:22px;
}

form.asideform input[type="radio"] + label {
	clear:left;
  	background: transparent url("/images/layout/radio3.png") no-repeat 0 -46px;
  	padding: 5px 0 0 30px;
  	height:22px;
}
form.asideform input[type="radio"]:checked + label {
  	background-position: 0 0;
  	
}

form.asideform input[type="checkbox"] {
	display:none !important;
	clip: rect(0,0,0,0);
	width:23px; height:25px;
}

form.asideform input[type="checkbox"] + label {
	clear:left;
  	background: transparent url("/images/layout/checkbox2.png") no-repeat 0 -48px;
  	padding: 7px 0 0 30px;
  	height:25px;
}
form.asideform input[type="checkbox"]:checked + label {
  	background-position: 0 0;
  	
}





@media screen and (min-width: 240px) and (max-width: 880px) {
 
	form.marketingform {
		width:100% !important;
		margin-left:0% !important;
		margin-right:0% !important;
	} 
 
	 #modalpopup #modalcontent{width:100%;}	
	 form.marketingform ol li.firstcolumn {
		width:100%;
		margin-right:0%;
	}
	form.marketingform ol li.secondcolumn {width:100%;}
	form.marketingform ol li.streetcolumn {width:70%;margin-right:2%;}
	form.marketingform ol li.numbercolumn {width:28%;}	
	body.form header,body.form footer,body.form #container {display:none;}
	
#modalpopup{display:none;position:relative;z-index:10000;background-color:#fff;overflow-y:scroll;-webkit-perspective:1000;background-color:rgba(255,255,255,0.9);}
#modalpopup:hover{cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out;}

#modalpopup2{display:none;position:relative;z-index:10001;left:0;background-color:#fff;overflow-y:scroll;-webkit-perspective:1000;background-color:rgba(255,255,255,0.6);}
#modalpopup2:hover{cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out;}
 
 
}