/*!
 * Start Bootstrap - Shop Homepage HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
/* responsive text queries */
.turqoise
{
	color:#388891;
}	
.turqoise:hover, .white:hover, .meer-info:hover
{
	color:#7cccd5;
}
.white
{
	color:#fff;
}	
.turqoise-bg
{
	background:#388891;
}
.dhl-rood
{
	color:#d71635;
}
.container-fluid
{
	max-width:1200px;
	
}
h4, h3, h5, h2, h1
{
	color:#388891;
}
.radio
{
	width:60px;
	float:left;
	margin:right:12px;
	display:inherit;
}
.radiolabel
{
	float:left;
}
.nav960
{
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	height:60px;
}
.navbar-toggle
{
	background:#222222;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form
{
	border:0px;
}
label
{
	color:#388891;
}	
html
{
	/*font-family: 'Istok Web', sans-serif;*/
}
body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	background:#ffffff;
	/*font-family: 'Istok Web', sans-serif;*/
}
.navbar-nav
{
	margin-left:100px;
	margin-top:12px;
}
.nav>li
{
	background:#388891;
	border-radius: 4px;
	margin-left:12px;
	color:#ffffff;
}
.nav>li>a
{
	color:#ffffff;
	padding:0px;
}
.navbar-inverse .navbar-nav>li>a {
    color: #ffffff;
}
.navbar-inverse .navbar-nav>li>a:hover {
    color:#7cccd5;
}

.row-groen h2, .row-groen p
{
	color:#fff;
}
.row-groen h2
{
	margin:10px 0px 10px 0px;
}
.vacature-home h2
{
	margin:-10px 0px 10px 0px;
}
.row-groen p
{
	font-size:12px;
}
.vacatures
{
	 width:70%;
	float:left; 
	display:block; 
	padding-left:20px;
	padding-top:10px;
}
.vacatures-img
{
	float:left; 
	display:block; 
	margin-top:30px;
}
.container-vacatures
{ 
	padding-top:30px; 
	margin-top:-10px;
}
#rij3-links
{
	background:url("img/driehoek.png");
	background-repeat:no-repeat;
	/*background-position:right;*/
	height:120px;
	margin-top:0px;
	float:right;
}
.vacature-home
{
	width:70%; 
	float:left; 
	display:block; 
	padding-left:20px;
}
.info-home
{
	width:90%; 
	float:left; 
	display:block; 
	padding-left:20px;
	background:#388891;;
}
.info-home h2, .vacature-home h3
{
	color:#fff;
}
.info-home h3
{
	color:#fff;
	margin:-10px 0px 10px 0px;
}
.info-home p
{
	color:#fff;
}
.vacature-home h2, .vacature-home h3
{
	color:#388891;
}
.vacature-home h3
{
	color:#388891;
	margin:-10px 0px 10px 0px;
}
.vacature-home p
{
	color:#333333;
}
.meer-info
{
	background:url("img/vacature-pijl.png");
	width:94px;
	height:32px;
	display:block;
	margin-left:40px;
	margin-top:50px;
	padding:8px;
	color:#fff;
}

@media screen and (min-width: 1200px) {
	#slider
	{
		width:792px;
		height:100%;
		/*/background:url("img/koerier.png");*/
		position:absolute;
		background-size:cover;
	}
	#pijl
	{
		/*background:url("img/pijl-groot-logo.png");*/
		background-repeat:no-repeat;
		width:720px;
		height:100%;
		position:relative;
		float:right;
		background-size:cover;
	}
	.row-content
	{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	.row-groen
	{
		width:80%;
		margin-left:auto;
		margin-right:auto;
		height:120px;
	}
	#rij2-links
	{
		background:url("img/rij-2.png");
		background-repeat:no-repeat;
		background-position:right;
		height:120px;
		margin-top:0px;
		float:right;
	}
	.row-3
	{
		width:80%;
		margin-left:auto;
		margin-right:auto;
		height:120px;
	}
	#rij3-links
	{
		background:url("img/driehoek.png");
		background-repeat:no-repeat;
		/*background-position:right;*/
		height:120px;
		margin-top:0px;
		float:right;
	}
	.vacature-home
	{
		width:70%; 
		float:left; 
		display:block; 
		padding-left:20px;
		padding-top:10px;
	}
	.row-grey
	{
		background:#dddddd;
		min-height:160px;
		padding:20px;
		margin-top:20px;
	}
	p,.btn,input,div,span,h4,a, td {
	font-size: 100%;
	}
	h1 {
	font-size: 36px;  
	}
	h2, .thumb-caption, .thumb-caption-2 {
	font-size: 32px;  
	}
	h3 {
	font-size: 20px;  
	}
    .nav>li>a
	{
		padding:6px 6px;
	}
}
@media screen and (max-width: 1200px) {
  	#slider
	{
		width:792px;
		height:100%;
		/*/background:url("img/koerier.png");*/
		position:absolute;
		background-size:cover;
	}
	#pijl
	{
		/*background:url("img/pijl-groot-logo.png");*/
		background-repeat:no-repeat;
		width:720px;
		height:100%;
		position:relative;
		float:right;
		background-size:cover;
	}
	.row-content
	{
		width:80%;
		left:10%;
		right:10%;
		position:relative;
	}
	.row-groen
	{
		width:80%;
		left:10%;
		right:10%;
		position:relative;
		height:120px;
	}
	#rij2-links
	{
		background:url("img/rij-2.png");
		background-repeat:no-repeat;
		background-position:right;
		height:120px;
		margin-top:0px;
		float:right;
	}
	.row-3
	{
		width:80%;
		left:10%;
		right:10%;
		position:relative;
		height:120px;
	}
	#rij3-links
	{
		background:url("img/driehoek.png");
		background-repeat:no-repeat;
		/*background-position:right;*/
		height:120px;
		margin-top:0px;
		float:right;
	}
	.vacature-home
	{
		width:70%; 
		float:left; 
		display:block; 
		padding-left:20px;
		padding-top:10px;
	}
	.row-grey
	{
		background:#dddddd;
		min-height:160px;
		padding:20px;
		margin-top:20px;
	}
	p,.btn,input,div,span,h4,a,td {
	font-size: 100%;
	}
	h1 {
	font-size: 28px;  
	}
	h2, .thumb-caption, .thumb-caption-2 {
	font-size: 26px;  
	}
	h3 {
	font-size: 18px;  
	}
    .nav>li>a
	{
		padding:6px 6px;
	}
}
@media screen and (max-width: 992px) {
  	#slider
	{
		width:75%;
		height:100%;
		/*/background:url("img/koerier.png");*/
		position:absolute;
	}
	#pijl
	{
		/*background:url("img/pijl-groot-logo.png");*/
		background-repeat:no-repeat;
		width:70%;
		height:100%;
		position:relative;
		float:right;
		background-size:cover;
	}
	.row-content
	{
		width:80%;
		left:10%;
		right:10%;
		position:relative;
	}
	.row-groen
	{
		width:80%;
		left:10%;
		right:10%;
		position:relative;
		height:120px;
	}
	#rij2-links
	{
		background:url("img/rij-2.png");
		background-repeat:no-repeat;
		background-position:right;
		height:120px;
		margin-top:0px;
		float:right;
	}
	.row-3
	{
		width:80%;
		left:10%;
		right:10%;
		position:relative;
		height:120px;
	}
	#rij3-links
	{
		background:url("img/driehoek.png");
		background-repeat:no-repeat;
		/*background-position:right;*/
		height:120px;
		margin-top:0px;
		float:right;
	}
	.vacature-home
	{
		width:70%; 
		float:left; 
		display:block; 
		padding-left:20px;
		padding-top:10px;
	}
	.row-grey
	{
		background:#dddddd;
		min-height:160px;
		padding:20px;
		margin-top:20px;
	}
	p,.btn,input,div,span,h4,a,td {
	font-size: 99%;
	}
	h1 {
	font-size: 24px;  
	}
	h2,.thumb-caption, .thumb-caption-2 {
	font-size: 22px;  
	}
	h3 {
	font-size: 18px;  
	}
    .nav>li>a
	{
		padding:6px 6px;
		font-size:80%!important;
	}
}

@media screen and (max-width: 768px) {
	.negmargin
	{
		margin-top:-40px;
	}
	#slider
	{
		width:70%;
		height:100%;
		/*/background:url("img/koerier.png");*/
	}
	#pijl
	{
		/*background:url("img/pijl-groot-logo.png");*/
		background-repeat:no-repeat;
		width:70%;
		height:100%;
		position:relative;
		float:right;
		background-size:cover;
	}
	.row-content
	{
		width:100%;
		left:0;
		right:0;
	}
	.row-groen
	{
		width:100%;
		height:120px;
		left:0;
		right:0;
	}
	#rij2-links
	{
		background:url("img/rij-2.png");
		background-repeat:no-repeat;
		background-position:right;
		height:120px;
		margin-top:0px;
		float:right;
	}
	.row-3
	{
		width:100%;
			height:120px;
			left:0;
			right:0;
	}
	#rij3-links
	{
		background:url("img/driehoek.png");
		background-repeat:no-repeat;
		/*background-position:right;*/
		height:160px;
		margin-top:0px;
		float:right;
	}
	.vacature-home
	{
		width:50%; 
		float:left; 
		display:block; 
		padding-left:20px;
		padding-top:10px;
	}
	.row-grey
	{
		background:#dddddd;
		min-height:160px;
		padding:20px;
		margin-top:20px;
	}
	p,.btn,input,div,span,h4,a,td {
	font-size: 98%;
	}
	h1 {
	font-size: 20px;  
	}
	h2 {
	font-size: 18px;  
	}
	h3 {
	font-size: 16px;  
	}
	.nav>li>a
	{
		padding:4px 15px;
		font-size:98%!important;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 5px;
	}
	.thumb-caption-2
	{
		margin-top:-50px!important;
		margin-left:10px!important;
		font-size:14px;
	}
	.thumb-caption-sm
	{
		margin-top:-20px!important;
		margin-left:10px!important;
		font-size:10px;
	}
	.row .carousel-holder {
	margin-left: -15px!important;
	margin-right: -15px!important;
	}
}
@media screen and (max-width: 360px) {
	#slider
	{
		width:70%;
		height:100%;
		/*/background:url("img/koerier.png");*/
	}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) 
{ 
    div[class^="col"]{padding-left:10px; padding-right:10px;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) 
{   
    div[class^="col"]{padding-left:10px; padding-right:10px;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) 
{   
    /*default so you don't need this*/
    div[class^="col"]{padding-left:10px; padding-right:10px;}
}

#content
{
	background:#fff;
	padding:2%;
	margin-bottom:12px;
}
a
{
	color:#388891;
}
.datum
{
	font-size:85%;
	float:right;
	text-align:right;
}
.navbar-inverse {
 background: #ffffff; 
 border-color: #ffffff; 
}

.nav>li>a
{
	font-weight:bold;
}

.footer
{
	color:#333333;
}
.row 
{
	margin:0px;
}
#left-col
{
	background:#fff; 
	padding-bottom:36px;
	margin-bottom:12px;
}
#left-col-2
{
	background:#1e1e1e; 
	
}
#left-col-3
{
	background:#1e1e1e; 
	height:3000px;
}

.slide-image {
    max-width: 100%;
}

.row .carousel-holder {
    margin-bottom: 17px;
	margin-left: -10px;
	margin-right: -10px;
	overflow:hidden;
}

.carousel-control,
.item {
    border-radius: 0px;
}
.carousel-indicators {
	bottom:	5px;
	margin-left:24%;
}
.carousel-indicators li {
    background: #fff;
	float:left;
	width: 6px;
	height: 6px;
	margin: 2px;
	text-indent: -999px;
	border: 1px solid #fff;
	border-radius: 0px;
}
.carousel-control.left, .carousel-control.right
{
	background-image:none;
	background-repeat:no-repeat;
}
.carousel-control
{
	bottom:15%;
}
.carousel-indicators .active {
    background:#FF0000;
	width: 6px;
	height: 6px;
	margin: 2px;
	text-indent: -999px;
	border: 1px solid #FF0000;
	border-radius: 0px;
}
.caption {
    height: 130px;
    overflow: hidden;
}

.caption h4 {
    white-space: nowrap;
}

.thumbnail img {
    width: 100%;	
}
.content-padding img {
    max-width: 100%;	
}
.content-padding {
    padding: 0;
	border-radius: 0px;
	background:none;
	border:0px;
	margin-bottom:5%;
	position:relative;
}
#content ul, #left-col ul
{
	padding-left:20px;
}
#content ul li, #left-col ul li
{
	list-style: url(img/red-square.png);
	margin-bottom:12px;
}
.ratings {
    padding-right: 10px;
    padding-left: 10px;
    color: #d17581;
	
}
#left-col h2, #left-col h1
{
	display:inline-block;
	color:#fff;
	background:#d60053;
	padding:2px 4px;
	font-weight:bold;
}
#content h2, #content h1
{
	display:inline-block;
	color:#fff;
	background:#d60053;
	padding:2px 4px;
	font-weight:bold;
}
.thumb-caption
{
	position:absolute;
	margin-top:-60px;
	margin-left:10px;
	color:#fff;
	background:#d60053;
	padding:2px 4px;
	font-weight:bold;
}
.thumb-caption-2
{
	position:absolute;
	margin-top:-90px;
	margin-left:10px;
	color:#fff;
	background:#d60053;
	padding:2px 4px;
	font-weight:bold;
}
.thumb-caption-sm
{
	position:absolute;
	margin-top:-35px;
	margin-left:10px;
	color:#fff;
	background:#d60053;
	padding:2px;
	font-weight:normal;
}
.thumbnail {
    padding: 0;
	border-radius: 0px;
	background:none;
	border:0px;
	margin-bottom:5%;
	position:relative;
}

.thumbnail .caption-full {
    padding: 9px;
    color: #333;
}

footer {
    margin: 0px 0;
}
#footer-col
{
	background:#000;
	padding:12px;
}


#responsive_map div {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

.gm-style-iw {max-width: none !important; min-width: none !important; max-height: none !important; min-height: none !important; overflow-y: hidden !important; overflow-x: hidden !important; line-height: normal !important; padding: 5px !important; }

@media screen and (max-width: 360px) {
	#responsive_map {height: 390px; width: 100%; margin-top:12px;}
}
@media screen and (max-width: 768px) {
	#responsive_map {height: 390px; width: 91%; margin-top:12px; float:right;}
}


/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) 
{   
    #responsive_map {height: 390px; width: 100%; margin-top:12px; }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) 
{   
    /*default so you don't need this*/
    #responsive_map {height: 390px; width: 91%; margin-top:12px; float:right;}
}
@media (max-width: 1200px) 
{   
    /*default so you don't need this*/
    #responsive_map {height: 390px; width: 100%; margin-top:12px; float:right;}
}
#maps
{
	visibility:hidden;
}
#errors
{
	color:#FF6600;
	margin-top:12px;
	margin-bottom:12px;
}