/*!
 * Start Bootstrap - Small Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
.projectblok{position:relative;float:left;margin-right:2%; width:31.3%; min-height: 600px;height:auto;border:1px solid #999; padding:2%;margin-bottom:25px;}
 
body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
	background-color:#D8D8D8!important;
}

.navbar-fixed-top .nav {
    padding: 15px 0;
	background-color:#FFF;
}

.navbar-fixed-top .navbar-brand {
    padding: 0 15px;
	background-color:#FFF;
}
	.navbar{
	background-color:#FFF;
	color:#000;
	}

footer {
    padding: 30px 0;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
@media(max-width:500px) {
.projectblok{position:relative;float:left; background-color:#FFF;margin-right:2%; width:96%; min-height:0;height:auto;border:1px solid #999; padding:2%;margin-bottom:25px;}
.img-responsive{
	background-color:#FFF;
	max-width:100%;
	max-height:100%;
}
.navbar{
	background-color:#FFF;
	color:#000;
	border-bottom:8px solid #404040;
	}
	.col-md-3 h1{font-size:16px!important;font-weight:bold;text-align:center;}
.col-md-3 p{font-size:12px!important;}

	.col-md-4 h2{font-size:16px!important;font-weight:bold;}
.col-md-4 p{font-size:12px!important;}
.btn{
display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  width:100%;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  font-weight:bold;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-primary {
  color: #fff;
  background-color: #CCC!important;
  border-color: #666;
}
.btn-lg{background-color: #CCC!important;
border-color: #666;}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.afb{display:none;}
.well{background-color:none!important;display:block;height:auto; overflow:hidden; border:1px solid #CCC;}
.blok,
.blok-b{position:relative; float:left; background-color:#FFF; margin-bottom:15px;margin-right:15px;border:1px solid #CCC; padding:0 15px 15px 15px; width:100%;border-radius: 4px;}
.tekst h2{font-size:16px!important;font-weight:bold;}
.tekst {color:#000!important;}
}
@media screen and (min-width:501px) and (max-width:1199px) {
	.projectblok{position:relative;float:left;margin-right:2%; width:31.3%; min-height: 600px;height:auto;border:1px solid #999; padding:2%;margin-bottom:25px;}
	.text-info{color:#FFF!important;}
   /* Tablet styles */
   body {
        padding-top: 100px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
		background-color:#F5F5F5!important;
    }
	hr{border-color:#CCC!important;}
	.well{background-color:#404040!important; display:block;height:auto; overflow:hidden;}
	.blok{background-color:rgba(0,0,0, 0.2)!important;padding:0 5px 0 5px; width:47.7%; position:relative; float:left; margin-bottom:15px;	margin-right:15px;border-radius: 4px;}
	.blok-b{background-color:rgba(0,0,0, 0.2)!important;padding:0 5px 0 5px; width:76%; position:relative; float:left;	margin-right:15px;border-radius: 4px;}
	.blok2{padding:0 5px 0 5px; background-image:url("../img/bouw.jpg"); height:80px; width:140px; position:relative; float:left; border-radius: 4px;}
	.afb{position:relative; float:left; margin-right:15px;}
	.tekst{position:relative; float:left; margin:10px 0 10px 0;text-align:left; color:#FFF!important; font-size:12px;}
	.tekst h2 {padding:0; margin:0 0 5px 0; font-size:17px; font-weight:bold; color:#FFF;}
    .btn-default{background-color: #CCC; font-weight:bold; border-color: #999;}
	.nav li{padding:10px 5px!important;}
	.selected{background-color:#404040!important;}
	.onder{position:relative; width:100%; padding:15px; margin-top:15px; background-color:#FFF; overflow:hidden;}
	.onder-vierkant{position:relative; float:right; width:200px; height:auto; border:1px solid #D8D8D8; background-color:#F9F9F9; padding:15px;}
	.onder-logo{position:relative; float:left; top:65px;	padding:15px;}
	li:hover{background-color:#D8D8D8!important;}
	.selected a{color:#FFF!important; font-weight:bold;}
	li a{color:#000!important;  }
	.ban{ background-image:url("../img/ban.jpg");display: block;
  max-width: 100%;
  height: 150px;
  margin-top:-22px;}
  .row{margin-left:0;}
	.col-md-4{ margin-right:15px; padding: 15px 15px 15px 15px;max-width:370px;background-color:#FFF;border-radius: 4px;}
	.col-md-4 h2{ padding:0;margin:0; font-size:18px;}
	.col-md-5{ margin-right:15px; padding: 15px 15px 15px 15px;width:755px!important;background-color:#FFF;border-radius: 4px;}
	.col-md-5 h1{ padding:0;margin:0 0 10px 0; font-size:24px;}
	.col-md-5 h2{ padding:0;margin:0; font-size:18px;}
	.pagina{background-image:url("../img/afbeelding.jpg");width:100%; height:250px;margin-top:10px; margin-bottom:10px;}
	.pagina2{width:100%; height:300px;margin-top:10px; margin-bottom:10px;}
	 .col-md-3{position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;}

    .navbar-fixed-top .navbar-brand {
        padding: 0;
		background-color:#FFF;
		margin-right:100px;
    }
	.navbar-fixed-top .nav {
    padding:  0;
	background-color:#FFF;
}
	.navbar{
	background-color:#FFF;
	color:#000;
	border-bottom:8px solid #404040;
	}
	.contact-blok{position:relative; float:left; padding:10px; margin-right:15px; width:31.8%; border:1px solid #D8D8D8;}
	.contact-blokb{position:relative; float:left; padding:10px; width:31.8%; border:1px solid #D8D8D8;}
	.contact-blokc{position:relative; float:left; padding:10px;margin-top:15px; width:100%; border:1px solid #D8D8D8;}
	.contact-blok input{width:200px; margin-left:3px; margin-top:3px; padding:5px;font-weight:normal!important;}
	.contact-blokb input{width:200px; margin-left:3px; margin-top:3px; padding:5px; font-weight:normal!important;}
	.contact-blokc textarea{width:700px; margin-left:3px; margin-top:3px; padding:5px; font-weight:normal!important;}
	
	
	ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
}

ul a
{
	display:block;
	color:#333;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	line-height:32px;
	padding:0 15px;
}
.drop a{
color:#000!important;
}
ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	color:#000!important;
}
ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0;
}

ul ul li
{
	float:none;
	width:200px;
	color:#000!important;
}

ul ul a
{
	line-height:120%;
	padding:10px 15px;
	color:#000!important;
}

ul ul ul
{
	top:0;
	left:100%;
}

ul li:hover > ul
{
	display:block;
}
}
@media(min-width:1200px) {
	.projectblok{position:relative;float:left;margin-right:2%; width:31.3%; min-height: 600px;height:auto;border:1px solid #999; padding:2%;margin-bottom:25px;}
	.text-info{color:#FFF!important;}
    body {
        padding-top: 100px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
		background-color:#F5F5F5!important;
    }
	hr{border-color:#CCC!important;}
	.well{background-color:#404040!important; display:block;height:auto; overflow:hidden;}
	.blok{background-color:rgba(0,0,0, 0.2)!important;padding:0 5px 0 5px; width:285px; position:relative; float:left;	margin-right:15px;border-radius: 4px;}
	.blok-b{background-color:rgba(0,0,0, 0.2)!important;padding:0 5px 0 5px; width:330px; position:relative; float:left;	margin-right:15px;border-radius: 4px;}
	.blok2{padding:0 5px 0 5px; background-image:url("../img/bouw.jpg"); height:80px; width:140px; position:relative; float:left; border-radius: 4px;}
	.afb{position:relative; float:left; margin-right:15px;}
	.tekst{position:relative; float:left; margin:10px 0 10px 0;text-align:left; color:#FFF!important;font-size:12px;}
	.tekst h2 {padding:0; margin:0 0 5px 0; font-size:17px; font-weight:bold; color:#FFF;}
    .btn-default{background-color: #CCC; font-weight:bold; border-color: #999;}
	.nav li{padding:10px 5px!important;}
	.selected{background-color:#404040!important;}
	.onder{position:relative; width:100%; padding:15px; margin-top:15px; background-color:#FFF; overflow:hidden;}
	.onder-vierkant{position:relative; float:right; width:200px; height:auto; border:1px solid #D8D8D8; background-color:#F9F9F9; padding:15px;}
	.onder-logo{position:relative; float:left; top:65px;	padding:15px;}
	li:hover{background-color:#D8D8D8!important;}
	.selected a{color:#FFF!important; font-weight:bold;}
	li a{color:#000!important;  }
	.ban{ background-image:url("../img/ban.jpg");display: block;
  max-width: 100%;
  height: 150px;
  margin-top:-22px;}
  .row{margin-left:0;}
	.col-md-4{ margin-right:15px; padding: 15px 15px 15px 15px;max-width:370px;background-color:#FFF;border-radius: 4px;}
	.col-md-4 h2{ padding:0;margin:0; font-size:18px;}
	.col-md-5{ margin-right:15px; padding: 15px 15px 15px 15px;width:755px!important;background-color:#FFF;border-radius: 4px;}
	.col-md-5 h1{ padding:0;margin:0 0 10px 0; font-size:24px;}
	.col-md-5 h2{ padding:0;margin:0; font-size:18px;}
	.pagina{background-image:url("../img/afbeelding.jpg");width:100%; height:250px;margin-top:10px; margin-bottom:10px;}
	.pagina-deur{background-image:url("../img/Reparatie deuren.png");width:100%; height:250px;margin-top:10px; margin-bottom:10px;border:1px solid #666;}
	.pagina2{width:100%; height:300px;margin-top:10px; margin-bottom:10px;}
	 .col-md-3{position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;}

    .navbar-fixed-top .navbar-brand {
        padding: 0;
		background-color:#FFF;
		margin-right:100px;
    }
	.navbar-fixed-top .nav {
    padding:  0;
	background-color:#FFF;
}
	.navbar{
	background-color:#FFF;
	color:#000;
	border-bottom:8px solid #404040;
	}
	.contact-blok{position:relative; float:left; padding:10px; margin-right:15px; width:31.8%; border:1px solid #D8D8D8;}
	.contact-blokb{position:relative; float:left; padding:10px; width:31.8%; border:1px solid #D8D8D8;}
	.contact-blokc{position:relative; float:left; padding:10px;margin-top:15px; width:100%; border:1px solid #D8D8D8;}
	.contact-blok input{width:200px; margin-left:3px; margin-top:3px; padding:5px;font-weight:normal!important;}
	.contact-blokb input{width:200px; margin-left:3px; margin-top:3px; padding:5px; font-weight:normal!important;}
	.contact-blokc textarea{width:700px; margin-left:3px; margin-top:3px; padding:5px; font-weight:normal!important;}
	
	
	ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
}

ul a
{
	display:block;
	color:#333;
	text-decoration:none;
	font-weight:700;
	font-size:12px;
	line-height:32px;
	padding:0 15px;
}
.drop a{
color:#000!important;
}
ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	color:#000!important;
}
ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0;
}

ul ul li
{
	float:none;
	width:200px;
	color:#000!important;
}

ul ul a
{
	line-height:120%;
	padding:10px 15px;
	color:#000!important;
}

ul ul ul
{
	top:0;
	left:100%;
}

ul li:hover > ul
{
	display:block;
}	
	
}