@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Amatic+SC:700,400);
@import url(http://fonts.googleapis.com/css?family=Gudea:400,700,400italic);
.no-mobile {
	display: block;
}
.no-desktop {
	display: none;
}
body {
	background:url(bg-semmtech.png) repeat center top;
	background-color:#fbfbf9;
}

H1, H2, H3, H4, H5, p, td, a, body {
	line-height:1.5em;
	color:#555;
	font-size:14px;
}

.eerste_alinea, h1 + p {
	font-size: 120% !important;
}
a {
	font-size:inherit;
	text-decoration:none;
	color:#00b0e6;
	transition: all 0.3s;
-moz-transition: all 0.3s; /* Firefox 4 */
-webkit-transition: all 0.3s; /* Safari and Chrome */
-o-transition: all 0.3s; /* Opera */

}
a:hover {
	text-decoration:underline;
	color: #6cd1ff;
}
h1 a:hover, h2 a:hover, h3 a:hover {
	text-decoration:none;
}
a.lees-verder {
	display:inline-block;
	padding-top:5px;
}
H1 {
	font-size:60px;
	color:#333;
	margin-bottom: 20px;
	font-family: 'Amatic SC','Gudea', sans-serif;
	line-height:1.2em;
}
H2, H2 a {
	font-family: 'Amatic SC','Gudea', sans-serif;
/*	font-weight:bold;*/
	font-size:32px;
	line-height:1.2em;
	color:#333;
	margin-bottom: 6px;
	margin-top: 40px;
}

div H2:first-child, div H2:first-child a {
	margin-top: 0px;
}

H2 span.ondertitel, H2 a span.ondertitel {
	font-size:14px;
	color:#999;
	margin: 0px;
	margin-top:-12px;
	margin-bottom:-3px;
	display:block;
	font-weight: normal;
}
H2 span.ondertitel:hover, H2 a span.ondertitel:hover {
	text-decoration:none;
	color:#999;
}
footer h2 {
	color:#6c7376;
	font-family: 'Gudea', sans-serif;
	font-size:22px;
	font-weight:bold;
}
h2.h1 {
	font-size:60px;
	color:#333;
	margin-top: 100px;
	margin-bottom: 20px;
	font-family: 'Amatic SC','Gudea', sans-serif;
	line-height:1.2em;
}
H3, H3 a {
	font-size: 140%;
	line-height:1.2em;
	margin-bottom: 4px;
}
H4, H4 a {
	font-size: 120%;
	line-height:1.2em;
	margin-bottom:2px;
}
label {
	display:block;
}
input[type=text] {
	padding-left:5px;
	position:relative;
padding-right:5px;
	height:25px;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom:10px;
width:93%;
font-size: 14px;
behavior: url(/wp-content/themes/semmtech/css/PIE.htc);
}
#searchform label {
	display:none;
}
header {
	height:110px;
	clear:both;
	position:relative;
}
#header {
	margin-bottom: 25px;
}
#main {
	clear:both;
	background:url(stroke.png) no-repeat top center;
	padding-top: 50px;
}
hgroup {
	width: auto;
	display:inline-block;
	float:left;
	margin-top:5px;
}
nav {
	float:right;
	margin-top: 35px;
}
nav div.menu-hoofdnavigatie-container ul li {
	display: inline;
	margin-left:20px;
}
nav div.menu-hoofdnavigatie-container ul li a {
	font-size:30px;
	font-family: 'Amatic SC','Gudea', sans-serif;
	font-weight:normal;
	color:#333;
	padding:0px 8px;
	display:inline-block;
	white-space:nowrap;
	margin-bottom:15px;
	transition: all 0.3s;
-moz-transition: all 0.3s; /* Firefox 4 */
-webkit-transition: all 0.3s; /* Safari and Chrome */
-o-transition: all 0.3s; /* Opera */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: transparent;
behavior: url(/wp-content/themes/semmtech/css/PIE.htc);

}
nav div.menu-hoofdnavigatie-container ul li a:hover, nav div.menu-hoofdnavigatie-container ul li.current_page_item a {
	color: #333;
	background-color:#c8e6f4;
text-decoration:none !important;
/*border: 1px solid #696;padding: 60px 0;text-align: center; width: 200px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;background: #EEFF99;behavior: url(/wp-content/themes/semmtech/css/PIE.htc);
*/
}
nav .dropdownmenu, nav .menu-label {
	display: none;
}
#kernactiviteiten, #map {
	background-color:#fff;/*#eef5f8;*/
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
#kernactiviteiten .kernactiviteit {
	margin-top: 30px;
	margin-bottom: 30px;
}
/*#klanten {
	padding-bottom:80px;
}*/
div.visuele-uitleg {
	padding-bottom:35px;
	background: url(../images/schaduw.png) no-repeat bottom center;
	background-size: 100% 74px;
	
}

div.visuele-uitleg img {
	border: 1px solid #eee;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

background-color:#c8e6f4;

}
div.meteor-slides {
	margin-left: auto !important;
	margin-right: auto !important;
	
}
#meteor-slideshow {
	max-width: 100% !important;
}
div.home-intro {
	padding-bottom:40px;
}
#content {
	padding-bottom: 60px;
}
div.main-collumn ul {
	list-style:disc !important;
	margin:25px;
	margin-top:15px;
	margin-bottom:15px;
}
div.main-collumn ul li {

}
footer {
	width:100%;
	height:250px;
	background-color:#c8e6f4;
	padding-top:40px;
}

footer .site-info {
	margin: 0 auto;
}

#searchsubmit {
	margin-top: -10px;
}

#klanten div.logo-klant a img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */

}


#klanten div.logo-klant a img:hover {
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
	opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */

}

#snel-contact {
	margin-bottom:35px;
}

#snel-contact div.collega img {
	float:left;
	width:62px;
	height:auto;
	margin-right: 12px;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
behavior: url(/wp-content/themes/semmtech/css/PIE.htc);
}
#snel-contact div.collega div.gegevens-collega {
	float:left;
	display:inline-block;
}
.werknemer, .kolom {
	margin-bottom: 20px;
	margin-top: 20px;
}
.last, .werknemer:nth-child(odd) {
	margin-right: 0px;
	clear:right;
}
.werknemer .foto-werknemer {
	width: 100%;
	padding-bottom:35px;
	background: url(../images/schaduw.png) no-repeat bottom center;
	background-size: 100% 74px;
	margin-bottom: -25px;
}
.werknemer .foto-werknemer img {
	width: 100%;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

}
#map{
	height:300px;
}
#map div.container .secondary-button {
	margin: 15px 10px;
	margin-top: 10px;
}
#map .container {
	text-align:center;	
}
#map iframe, #map .mobile-map {
	height:280px;
	width:100%;
}

.widget {
	margin-bottom: 40px;
}

#linklijst h3 {
	margin-left: -25px;
	margin-top: 25px;
}
.frm-show-form {
	color:#555;
}
form div.frm_error_style, .frm_error {
	margin-bottom: 20px !important;
	color:#C00 !important;
}

div.navpaged, div.navboth {
	margin-bottom:5px !important;
}
/* desktop groter dan 1024 px */
@media only screen and (min-width: 1024px) {
	
}
/* Landscape tablet 769px tot en met 1024 px */
@media only screen and (min-width:654px) and (max-width:1023px) {
	div.visuele-uitleg, div.home-intro {
		display:block;
		float:none;
		clear:both;
		width:100%;
		max-width:100%;
		overflow:hidden;
		margin-bottom: 0px;
	}
	#main {
	background:url(../images/stroke.png) no-repeat top center;
	background-size: 100% 12px;
}
	div.visuele-uitleg {
		text-align:center;
		
	}
	header {
		margin-bottom:15px;
	}
	#header {
		text-align:center;
	}
	.home-intro {
		max-width:530px !important;
		margin:0 auto;
	}
	nav div.menu-hoofdnavigatie-container ul li a {
	font-size:25px;
	margin-top:4px;
	}

}
/* portrait tablet */
@media only screen and (max-width: 653px) {
.no-mobile {
	display: none;
}
.no-desktop {
	display: block;
}
p, td, a, body {
	line-height:1.5em;
	font-size:18px;
}	
	

/*#header p, .eerste_alinea {
	font-size: 100% !important;
}*/
.eerste_alinea, h1 + p {
	margin-bottom: 40px;
}
div.home-intro {
	padding-bottom:0px;
	margin-bottom:0px;
}	
.half, .third, .two-third, .fourth {
	display:block;
	float:none;
	clear:both;
	width:100%;
	max-width:100%;
	overflow:hidden;
	margin: 0px;
}
.row {
	margin-bottom: 10px;
}
.werknemer {
	margin-bottom:40px;
}
.kolom {
	margin-bottom: 0px;
	margin-top: 0px;
}
.main-collumn {
	margin-bottom:40px;
}
#klanten {
	display:none;
}
hgroup {
		width:100% !important;
		text-align:center;
}

H1 {
	font-size:48px;
}
H3 {
	font-size:20px;
}
header {
	background:none;
	position:static;
}
/*#main {
	background:url(../images/stroke.png) no-repeat top center;
	background-size: 100% 12px;
}*/
div.visuele-uitleg {
	margin-bottom:0px;
	padding-bottom:33px;
	/*background-size: 100% 50px;*/
}
div.visuele-uitleg img {
	width:100%;
	max-width:100%;
}
#meteor-slideshow {
	width: 100% !important;
}
/*nav div.menu-hoofdnavigatie-container ul li a {
	
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
padding-top:7px;
padding-bottom:7px;
padding-left:4px;
padding-right:4px;
}*/
#main {
	background:none;
}
nav {
	width:100%;
	margin-top:5px;
}
nav .menu-hoofdnavigatie-container {
	display:none;
}
/*nav div.menu-hoofdnavigatie-container ul li {
	display: inline;
	margin-left:0;
	margin-right:5px;
}*/
nav .dropdownmenu {
	display:block;
	width: 100%;
	height: 20px;
	border: 2px solid #009de0 !important;
	font-size:13px;
}

nav .menu-label{
	display:block;
}
#snel-contact {
	display:none;
}
.mobile-map {
	background:url(../images/map.jpg) no-repeat center center;
	margin-bottom:-5px;
}
/*#map .container {
padding-top:300px;
}
#map iframe {
	display:none;
}*/
.secondary-button {
	font-size:14px;
}
#map {
 margin-bottom: 40px;
}
#map div.container .secondary-button {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 15px;
}
footer .footer2 {
	display:none;
}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (   -moz-min-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
  
  /* Retina-specific stuff here */

}