/* remove standard-styles */
input, select, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	border-radius: 0;
	font-size: 1em;
	width: 100%
} 

/* Input & Textarea */
input, textarea {
  background-color:#fff;
  border: 1px solid #bbb;
  padding:0.15em;
  /* box-shadow:inset 0 1px 1px 0 rgba(0,0,0,0.2); */
}

input.small,
textarea.small{
	padding:.3em .3em .3em .3em;
}

textarea {
  resize:vertical;
}

input:hover,
input:active,
textarea:hover,
textarea:active {
  border:1px solid #666;
}

/* Select */
select {
	width:100%;
	border: 1px solid #bbb;
	padding:0.15em;
	background-color:white;
	background-image:url(../images/select-arrow.png);
	background-position: right center;
	background-repeat: no-repeat;
}

select.small{
  padding:0.15em;
}

select.small>option:hover:not(:disabled){
	background:#fae7cc ;
}

select.small>option:checked{
	color:#fff;
	background:#ff9900;
}

select:hover:not(:disabled) {
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}

/* Hide browser-styling in IE10 */
select::-ms-expand {
  display:none;
}

/* Hide custom-icons in lower versions of Internet Explorer (< IE10). */
.lt-ie10 select { 
    background-image: none; 
}

/* graceful degradation for ie8 */
input[type='checkbox'],
input[type='radio'] {
	width:auto;
	float:left;
	margin-right: .75em;
	background:transparent;
	border:none;
}

/* better styling only for modern browsers. To identify them, check for pseudoclass (:checked, :not(:checked)) */

/* hide standard inputs */
input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {
	background: transparent;
	position: relative;
	visibility: hidden;
	margin:0;
	padding:0;
}

input[type='checkbox'] + label,
input[type='radio'] + label {
	cursor: pointer;
}

/* add custom inputs with ::before */
input[type='checkbox']:checked + label::before, 
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
	content:' ';
	display:inline-block;
	width: 13px;
	height:13px;
	position: relative;
	top:3px;
	background: white;
	margin-right: 5px;
	border: 1px solid #bbb;
	box-shadow: inset 0 0 0 2px white; 
}

.result input[type='radio']:not(:checked) + label::before, .result input[type='radio']:checked + label::before {
	top:-2px;
}
.SucheHersteller input[type='radio']:not(:checked) + label::before, .SucheHersteller input[type='radio']:checked + label::before, 
.SucheArtNr input[type='radio']:not(:checked) + label::before, .SucheArtNr input[type='radio']:checked + label::before 
{
	top:-4px;
}

.font_big .SucheHersteller input[type='radio']:not(:checked) + label::before, .font_big  .SucheHersteller input[type='radio']:checked + label::before, 
.font_big .SucheArtNr input[type='radio']:not(:checked) + label::before, .font_big  .SucheArtNr input[type='radio']:checked + label::before 
{
	top:-6px;
}

.Ergebnis input[type='radio']:not(:checked) + label::before, .Ergebnis input[type='radio']:checked + label::before {
	float:left;
	top:-1px;
}

.font_big .Ergebnis input[type='radio']:not(:checked) + label::before, .font_big .Ergebnis input[type='radio']:checked + label::before {
	top:1px;
}



.result input[type='radio']{
	position:absolute;
}

input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
	border-radius: 10px;
}

input[type='checkbox']:checked + label::before{
	background-image:url(../images/checked.png);
	background-repeat: no-repeat;
	background-position: center center;
	box-shadow: inset 0 0 0 2px white;
}
  
input[type='radio']:checked  + label::before {
	background-color:#777;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#555+39,ffffff+41 */
	background: #555; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #555 39%, #ffffff 41%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #555 39%,#ffffff 41%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #555 39%,#ffffff 41%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* disabled */
input[type='checkbox']:disabled + label,
input[type='radio']:disabled + label,
select:disabled{
	opacity:0.4;
}