/* orbitron-regular - latin 
@font-face {
	font-family: 'Orbitron';
	font-style: normal;
	font-weight: 400;
	src: url('/speakerphone/fonts/orbitron-v9-latin-regular.eot');
	src: local('Orbitron Regular'), local('Orbitron-Regular'),
		 url('/speakerphone/fonts/orbitron-v9-latin-regular.eot?#iefix') format('embedded-opentype'), 
		 url('/speakerphone/fonts/orbitron-v9-latin-regular.woff2') format('woff2'), 
		 url('/speakerphone/fonts/orbitron-v9-latin-regular.woff') format('woff'), 
		 url('/speakerphone/fonts/orbitron-v9-latin-regular.ttf') format('truetype'), 
		 url('/speakerphone/fonts/orbitron-v9-latin-regular.svg#Orbitron') format('svg'); 
  }
 @font-face {
	font-family: 'Orbitron';
	font-style: normal;
	font-weight: 500;
	src: url('/speakerphone/fonts/orbitron-v9-latin-500.eot');
	src: local('Orbitron Medium'), local('Orbitron-Medium'),
		 url('/speakerphone/fonts/orbitron-v9-latin-500.eot?#iefix') format('embedded-opentype'),
		 url('/speakerphone/fonts/orbitron-v9-latin-500.woff2') format('woff2'), 
		 url('/speakerphone/fonts/orbitron-v9-latin-500.woff') format('woff'), 
		 url('/speakerphone/fonts/orbitron-v9-latin-500.ttf') format('truetype'),
		 url('/speakerphone/fonts/orbitron-v9-latin-500.svg#Orbitron') format('svg'); 
  }
  @font-face {
	font-family: 'Orbitron';
	font-style: normal;
	font-weight: 700;
	src: url('/speakerphone/fonts/orbitron-v9-latin-700.eot');
	src: local('Orbitron Bold'), local('Orbitron-Bold'),
		 url('/speakerphone/fonts/orbitron-v9-latin-700.eot?#iefix') format('embedded-opentype'),
		 url('/speakerphone/fonts/orbitron-v9-latin-700.woff2') format('woff2'),
		 url('/speakerphone/fonts/orbitron-v9-latin-700.woff') format('woff'), 
		 url('/speakerphone/fonts/orbitron-v9-latin-700.ttf') format('truetype'), 
		 url('/speakerphone/fonts/orbitron-v9-latin-700.svg#Orbitron') format('svg'); 
  }
  */

  /* libre-franklin-regular - latin */
@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  src: url('/speakerphone/fonts/libre-franklin-v2-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Libre Franklin'), local('LibreFranklin-Regular'),
       url('/speakerphone/fonts/libre-franklin-v2-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/speakerphone/fonts/libre-franklin-v2-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/speakerphone/fonts/libre-franklin-v2-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/speakerphone/fonts/libre-franklin-v2-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/speakerphone/fonts/libre-franklin-v2-latin-regular.svg#LibreFranklin') format('svg'); /* Legacy iOS */
}

  

  /* sp GUI colors:
  interface background: #ecedeb
  	meter dark: #6b6b6b
  	meter green: #bfff43
	led green: #73fd42
	module topbar background: #a3a39f
	module background: #c1c2c0
	main console background dark: #7e7e7e

  */

.bg-backplate {
	width:100%;
	margin:0;
	top:0;
	z-index:1;
	background: url('/Media/images/frontpage/header/speakerphone-roadside-aram.jpg') no-repeat center center / cover;
	padding-top:20px;
	padding-bottom:60px;
}

.panel-trans {
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	filter:alpha(opacity=90);
	margin-top:40px;
}
.ontop {
	position:relative;
	padding:14px 20px 8px;
	float:left;
	z-index:2;
	color:#ddd;
}

#vakje {
	margin-top:60px;
}

@media (min-width: 768px){
	.bg-backplate {
		padding-top:60px;
		padding-bottom:100px;
	}
	#prodNav .navbar-nav > .active > a, #prodNav .navbar-nav > .active > a:focus, #prodNav .navbar-nav > .active > a:hover {
		border-bottom: 4px solid #99ff00;
	}

}

@media (min-width: 992px){
	.panel-trans {
		margin-top:0px;
	}
}

.sptitle {
	font-family: 'Libre Franklin';
	font-style: normal;
	font-weight: 500;
	text-transform: uppercase;
	color:white;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Libre Franklin';
	font-style: normal;
	font-weight: 500;
	text-transform: uppercase;
}

section {
	background-color:rgb(212, 212, 212);
}

#paneel {
	background-color:#3f3f3f;
	color:#c2c2c2;
}

.zwart {
	color:black;
}

.licht {
	color:#aaa;
}

.panel-header {
	background-color:#7c7c7c;
	color:#e6e6e6;
}

.bg-dark .panel-default > .panel-heading {
    color: #333;
    background-color: rgb(212, 212, 212);
    border-color: rgb(201, 201, 201);
}

.text-muted {
    color: #efefef;
}

.primary {
	background-color:#99ff00;
}

.text-danger {
	color:#99ff00;
}

#linkje {
	color:#c2c2c2;
}

#linkje:hover{
	color:#99ff00;
}

a {
	color:#3f3f3f;
}

a:hover{
	color:#99ff00;
}



.btn-danger, .btn-primary:hover {
	background-color:#7c7c7c;
	color: #eee;
}

.btn-primary, .btn-danger:hover {
	background-color:#8ae600;
	color: #333;
}	

.bg-primary {
    background-color: #f7ffeb;  /* heel licht groen */
}

.bg-footer {
    background-color: #888888;
}

.bg-dark {
	background-color: #7e7e7e;
}

.bg-dark h6 small, .bg-dark h4 small, .bg-dark h1 small {
	color:#fff;
}

.bg-white {
	background-color: white;
}

#features .row{
	margin-bottom:100px;
}

img.feature {
	width:150px;
	float:left;
	margin:65px 40px 20px 0;
}

img.feature-right
{
	float:right;
	margin:65px 0 20px 40px;
}

img.feature-width {
	margin:20px;
}

.img-speaker {
	background-size:cover;
	background-position: center center;
	height:100px;
}

.label-danger {
	background-color:#99ff00;
	color:#000;
}

.audiospelert a.label-default {
	color:#484848;
	background-color: #d4d4d4;
}

.audiospelert a.label-primary {
	color:#99ff00;
	background-color: #7c7c7c;
}

.audiospelert a.label {
	line-height:2.5;
	font-size:14px;
}