html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

/*	
body {
	margin:0px;
	padding:0px;
	line-height: 1;
	color: #000;
	font-family: Arial;
	font-size:12px;	
}
*/
body#body-konfigurator {
	font-family: OpenSans-Regular, Arial;
	margin:0px;
	padding:0px;
	line-height: 1;
	color: #000;
	font-size:12px!important;	
}
	

.clear {
	float:none;
	clear:both;
}

b, strong {
	font-weight:bold;
}
/*
h1 {
	font-weight:bold;
	font-size:16px;
	margin-bottom:16px;
}	
*/
h2 {
	font-weight:bold;
	margin:0px;
	font-size:14px;
}
h3 {
	text-decoration:underline;
	margin:0px;
	display:inline;
}	

.clear {
	clear:both;
}



.light{
	font-size:11px;
	color:#b8b8b8;
}





.anfragen-btn, #clear-filter, .buttonlink {
	background-color:#007cc1;
	padding: 10px;
	padding-left:10px;
	padding-right:10px;
	color:#fff;
	display:block;
	margin-top: 20px;
	cursor:pointer;
	text-align:center;
}
.anfragen-btn:hover, #clear-filter:hover, .buttonlink:hover {
	background-color:#004994!important
}

.buttonlink-active {
	background-color:#007cc1!important;
}


.buttonlink {
	background-color:#bbbbbb;
}


#experten-modus, #einsteiger-modus {
	display:inline-block;
	float:none;
	clear:right;
	margin-bottom:20px;
}


#clear-filter {
	display:inline-block;
	float:none;
	clear:right;
	margin-bottom:20px;
	background-color:#fff;
	margin-left:20px;
	border: 1px solid #007cc1;
	padding: 9px;
	color: #007cc1;
}
#clear-filter:hover {
	color:#fff;
	background-color:#bbbbbb!important;
	border: 1px solid #bbbbbb;
}




#geraetekonfigurator-wrapper {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	/*max-width:1200px;*/
	line-height:18px;

}
	



#filter-container {
	float:left;
	width:100%;
	margin-bottom:20px;
	line-height:18px;
	padding:20px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
}

#filter-container .content {
}

#filter-container {
	display:table;
	table-layout:fixed;
	border-collapse: separate;
	border-spacing: 1px;	
}


.tooltip {
	display:inline-block;
	margin-left:7px!important;
	margin-top:-2px!important;
	position:absolute;
}

.tooltip .tooltip-icon {
	width:16px!important;
	height:16px!important;
	line-height:16px!important;
	display:inline-block;
	text-align:center;
	font-size:10px!important;
	padding:0px!important;
	background-color:#007cc1;
	color:#fff;
	cursor:pointer;
	font-weight:normal;
}

.tooltip .tooltip-content {
	font-size:12px;
	font-weight:normal;
	position:absolute;
	width:400px!important;
	padding:20px!important;
	background-color:#007cc1;
	color:#fff;
	margin-top:3px;
	z-index:99999;
	display:none;
	-webkit-box-shadow: 3px 6px 9px 0px rgba(0,0,0,0.37);
	-moz-box-shadow: 3px 6px 9px 0px rgba(0,0,0,0.37);
	box-shadow: 3px 6px 9px 0px rgba(0,0,0,0.37);
}

.tooltip .tooltip-content .tooltip-description {
	float:left;
	width: 65%;
}

.tooltip .tooltip-content .image {
	float:left;
	width:35%;
	padding-right:18px;
	padding-bottom:18px;
	cursor:pointer;
}
.tooltip .tooltip-content .image img {
	width:100%;
	height:auto;
	max-height:100%;
}
#filter-container {
	font-size:12px!important;
}

#filter-container .filter-row h2 {
	display:inline-block;

}


#filter-container .filter-row {
	/*display:table-row;*/
	width:100%;
	float:left;
}

#filter-container .filter-element {
	/*display:table-cell;*/
	width: calc(100%/5);
	display:inline-block;
	vertical-align:top;	
	padding:10px;
	margin-bottom:10px;
	display:none;
}

#filter-container .filter-element .single-filter-element {
	float:left;
	width:100%;
	margin-top:6px;
}
#filter-container .filter-element .single-filter-element input {
	float:left;
}
#filter-container.filter-element .single-filter-element label {
	float:left;
	width:auto;
	display:inline-block;
	padding-left:5px;
}


#filter-container .filter-element-einsteiger {
	display:block;
	width:100%;
}

#filter-container .filter-element-einsteiger .single-filter-element {
	float:left;
	width:auto; 
	margin-right:30px;
}





#table-container {
	position:relative;
	width:100%;
	overflow-x:scroll;
	bottom:0px;
}



table#grundgeraete-container {
	width:auto;
	bottom:0px;
	margin-left:-2px;
	border-collapse: separate;
	border-spacing: 1px;
}

table#grundgeraete-container tr th.left-head {
	background-color:#004994;
	color:#fff;
	position: -webkit-sticky;
	position: sticky;
	text-align:left;
	vertical-align:top;
	padding:10px;		
	font-weight:bold;
	left:0px;
	z-index:1;
	min-width:180px;
	max-width:180px!important;
	width:200px!important;
	font-size:12px;	
}


table#grundgeraete-container tr th.left-head-image {
	background-color:#000;
	line-height:16px;
}

table#grundgeraete-container tr td {
	background-color:#f1f1f1;
	min-width:210px;
	padding:10px;	
	vertical-align:top;
	line-height:16px;	
	font-size:12px;		
}



table#grundgeraete-container tr td.disable, table#grundgeraete-container tr td.disable-complete {
	opacity: 0.3!important;
	display:none;
}


#grundgeraete-container .image {
	cursor:pointer;
}


#grundgeraete-container .image img {
	width:100%;
	height:auto;
	max-width:180px;
	
}

#grundgeraete-container .image input {
	position:absolute;
	margin-top:5px;
	margin-left:5px;
	z-index:0;
}



table {

}

table tr th {

}
table tr th, table tr td {


}

.hiddenContent {
	display:none;
}




#grundgeraete-container .checkbox-row {
	float:left;
	width:100%;
	margin-bottom:6px;
	display:none;
	height:38px;
}
#grundgeraete-container .checkbox-row-empty {
	opacity:0.5;
}
#grundgeraete-container .checkbox-row input {
	float:left;
	width:auto;
	margin-left:0px;
	margin-top:1px;
}
#grundgeraete-container .checkbox-row span {
	/*float:left;
	width:auto;
	display:inline-block;
	padding-left:2px;*/
	padding-left:2px;
}

#grundgeraete-container .checkbox-row .tooltip .tooltip-content {
	margin-top:1px!important;
}


.show-options, .show-details {
	padding-bottom:10px;
	cursor:pointer;
	color:#007cc1;	
}
.show-details {
	margin-top:10px;
}
.show-options:hover, .show-details:hover {
	color:#004994;
}



#no-results {
	text-align:center;
	width:100%;
	float:left;
	font-size:20px;
	display:none;
	padding:20px;
	background-color:#007cc1;
	color:#fff;
}





/*Forms*/




#formular-wrapper .submit .btn {
	margin-top:24px;
	font-size:17px;
	display:inline-block;
	background-color:#007cc1;
	height:50px;
	line-height:50px;
	padding-left:18px;
	padding-right:18px;
	color: #fff;
}



#formular-wrapper .submit .btn {
	border:none;
	cursor:pointer;
	transition: all 0.5s ease;	
	background-color:#004994;
}

#formular-wrapper .submit .btn:hover {
	background-color:#007cc1;
}



#formular-wrapper {
	position:absolute;
	height:100%;
	width:100%;
	background-color: rgba(187,187,187, 0.9);
	top:0px;
	left:0px;
	z-index:999999999;
	text-align:center;
	display:none;
}


.frame-type-form_formframework {
	padding-right:0px;
	max-width: 820px;
	background-color:#fff;
	padding:30px;
	display:block;
	float:left;
	text-align:left;
	margin-top:30px;
}
.frame-type-form_formframework .form-group {
	width:100%;
	float:left;
	margin-bottom:18px;

}

.frame-type-form_formframework .row {
	width:100%;
	float:left;
		
}

.frame-type-form_formframework .col-md-4  {
	float:left;
	width:80%;
}
.frame-type-form_formframework .col-md-8 {
	float:left;
	width:20%;
}
.frame-type-form_formframework .col-md-5 {
	width:50%;
	float:left;	
}



.frame-type-form_formframework .col-xs-6 .form-group {
	padding-right:10px;	
	width:100%;	
}

.frame-type-form_formframework .col-xs-6:last-child  .form-group  {
	padding-right:0px;
}




.frame-type-form_formframework .actions {
	width:100%;
	float:left;
}

.frame-type-form_formframework .actions .submit {
	
}

.frame-type-form_formframework .form-group .control-label {
	float:left;
	width:100%;
	margin-bottom:8px;
	color:#767676;
}

.frame-type-form_formframework .form-group .input {
	float:left;
	width:100%;
}


.frame-type-form_formframework .form-group .input input[type=text] {
	border: 1px solid #ccc;
	height:38px;
	line-height:38px;
	padding-left:10px;
	padding-right:10px;
	width:100%;
}
.frame-type-form_formframework .form-group .input select {
	border: 1px solid #ccc;
	padding: 5px;
	width:100%;
	margin-bottom:10px;
}
.frame-type-form_formframework .form-group .input option {
	border-top:1px solid #444;
	padding: 5px;

}

.frame-type-form_formframework .form-group .input .form-check-label {
	float:left;
	margin-right:16px;
}
.frame-type-form_formframework .form-group .input .form-check-label input[type=radio] {
	display:inline-block;
	float:left;
	margin-right:4px;
	margin-top:-2px;
}

.frame-type-form_formframework .form-group .input .form-check-label input[type=checkbox] {
	float:left;
	margin-right:8px;
	margin-top:3px;
}

.frame-type-form_formframework .form-group textarea {
	width:100%;
	padding:10px;
	border: 1px solid #ccc;
	font-family: OpenSans-Regular;
	font-size:14px;
	min-height:120px;
}


.frame-type-form_formframework .form-group .checkbox {
	margin-top:10px;
	line-height:20px;
}