/* Responsive CSS */

/****** Tablet (portrait) ******/
@media only screen and (min-device-width: 767px) and (max-device-width: 1024px) and (orientation: portrait) {

	body{
		padding-top:145px;
	}
	
	.navbar-header{
		width:190px;
		float:left;
		padding-top:5px;
	}
	
	#navbar{
		width: calc(100% - 220px);
		float:left;
	}

	.navbar-default .navbar-nav > li{
		padding-right:8px;
		padding-left:8px;
	}
	
	.top-bar a{
		color:white !important;
		text-decoration:none;
	}
	
	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a{
		font-size: 17px;
	}

}

/****** Tablet (landscape) ******/
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
	.navbar-header{
		width:260px;
	}

	.top-bar a{
		color:white !important;
		text-decoration:none;
	}

}

/****** Mobiel (portrait) ******/
@media screen and (min-device-width: 320px) and (max-width: 590px) and (orientation: portrait){

	body{
		padding-bottom: 0;
		padding-top: 0;
	}
	
	.navbar-default .container{
		padding-right:15px;
	}

	.container>.navbar-header{
		margin:0;
		padding-top:20px;
		padding-bottom:20px;
	}

	.navbar-brand{
		width: 75%;
		height:69px;
		padding:0;
	}

	.navbar-toggle{
		margin-top: 18px;
		margin-right:0;
		right:0;
	}

	.navbar, #navbar{
		height: auto;
		margin:0;
	}

	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
		max-height:none;
	}

	.navbar-fixed-top{
		position:static;
	}

	.navbar-default .navbar-collapse{
		border-top:0;
	}

	.navbar-nav{
		height:auto;
		margin:0 -15px;
		margin-bottom:10px;
	}

	.navbar-default .navbar-nav > li{
		border:0;
		padding:8px 0;
		height:auto;
	}
    .navbar-default .navbar-nav > li a{
        text-decoration: none;
    }

	.navbar-default .navbar-nav > .active, .navbar-default .navbar-nav > li:hover{
		background:none;
	}
	
	.navbar-default .navbar-nav > li:hover, .navbar-default .navbar-nav > li.active{
		border:0;
	}

	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
		color:#ffeb0b !important;
	}


	.nav>li {
		position:static;
	}

	.navbar-default .navbar-nav li:hover a{
		color: #ffeb0b;
	}

	.dropdown-menu{
        background: #252525;
		position: static;
		display:block !important;
		width:100%;
		border-color:#333333;
		border-top:1px solid;
		margin:8px 0 15px !important;
	}

	.dropdown-menu li{
		border-color:#333333;
	}

	.dropdown-menu > li > a{
		color:#666666;
	}

	.navbar-default .navbar-nav > li.open > a:hover, .navbar-default .navbar-nav > li.open.active > a{
		color:#e6683e;
	}

	.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover{
		color: #f3beb2;
	}

    .navbar-nav .open .dropdown-menu,
    .active .dropdown-menu{
		background:#ffffff;
		border-top:1px solid #333333;
    }

	.navbar-nav .active .dropdown-menu>li>a,
	.navbar-nav .open .dropdown-menu>li>a {
		padding: 7px 10px;
		color: #262626;
	}


	.navbar-default .navbar-nav > li.open{
		padding-bottom:0;
	}

	.navbar-default .navbar-nav > li.open, .navbar-default .navbar-nav > li.open.active, .navbar-default .navbar-nav > .active, .navbar-default .navbar-nav > li:hover{
		background: none;
		border-bottom:0;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{
		background-color:#1a1a1a;
	}

	#body{
		padding:40px 0;
	}
	
	#sendform,
	.contactPage .col-sm-6{
		margin-top:40px;
	}

	.footer{
		position:static;
	}
	
	.footer-top{	
		height:auto;
	}

	#band{
		display:none;
	}
	
	.top-bar a{
		color:white !important;
		text-decoration:none;
	}
	
	img[src$=".gif"], img[src$=".png"] {
   image-rendering: -moz-crisp-edges;         /* Firefox */
   image-rendering:   -o-crisp-edges;         /* Opera */
   image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
   image-rendering: crisp-edges;
   -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
 }

}

/****** Mobiel(landscape) ******/
@media screen and (min-device-width : 320px) and (max-device-width : 736px) and (orientation : landscape){

	body{
		padding-bottom: 0;
		padding-top: 0;
	}
	
	.top-bar a{
		color:white !important;
		text-decoration:none;
	}
	
	.navbar-default .container{
		padding-right:15px;
	}

	.container>.navbar-header{
		margin:0;
		padding-top:20px;
		padding-bottom:20px;
	}

	.navbar-brand{
		width: 75%;
		height:69px;
		padding:0;
	}

	.navbar-toggle{
		margin-top: 18px;
		margin-right:0;
		right:0;
	}

	.navbar, #navbar{
		height: auto;
		margin:0;
	}

	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
		max-height:none;
	}

	.navbar-fixed-top{
		position:static;
	}

	.navbar-default .navbar-collapse{
		border-top:0;
	}

	.navbar-nav{
		height:auto;
		margin:0 -15px;
		margin-bottom:10px;
	}

	.navbar-default .navbar-nav > li{
		border:0;
		padding:8px 0;
		height:auto;
	}
    .navbar-default .navbar-nav > li a{
        text-decoration: none;
    }

	.navbar-default .navbar-nav > .active, .navbar-default .navbar-nav > li:hover{
		background:none;
	}
	
	.navbar-default .navbar-nav > li:hover, .navbar-default .navbar-nav > li.active{
		border:0;
	}

	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
		color:#ffeb0b !important;
	}


	.nav>li {
		position:static;
	}

	.navbar-default .navbar-nav li:hover a{
		color: #ffeb0b;
	}

	.dropdown-menu{
        background: #252525;
		position: static;
		display:block !important;
		width:100%;
		border-color:#333333;
		border-top:1px solid;
		margin:8px 0 15px !important;
	}

	.dropdown-menu li{
		border-color:#333333;
	}

	.dropdown-menu > li > a{
		color:#666666;
	}

	.navbar-default .navbar-nav > li.open > a:hover, .navbar-default .navbar-nav > li.open.active > a{
		color:#e6683e;
	}

	.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover{
		color: #f3beb2;
	}

    .navbar-nav .open .dropdown-menu,
    .active .dropdown-menu{
		background:#ffffff;
		border-top:1px solid #333333;
    }

	.navbar-nav .active .dropdown-menu>li>a,
	.navbar-nav .open .dropdown-menu>li>a {
		padding: 7px 10px;
		color: #262626;
	}


	.navbar-default .navbar-nav > li.open{
		padding-bottom:0;
	}

	.navbar-default .navbar-nav > li.open, .navbar-default .navbar-nav > li.open.active, .navbar-default .navbar-nav > .active, .navbar-default .navbar-nav > li:hover{
		background: none;
		border-bottom:0;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{
		background-color:#1a1a1a;
	}

	#body{
		padding:40px 0;
	}
	
	#sendform,
	.contactPage .col-sm-6{
		margin-top:40px;
	}
	
	div.error{
		border:0 !important;
	}
	
	.footer{
		position:static;
	}
	
	.footer-top{	
		height:auto;
	}

	#band{
		display:none;
	}
	
	img[src$=".gif"], img[src$=".png"] {
   image-rendering: -moz-crisp-edges;         /* Firefox */
   image-rendering:   -o-crisp-edges;         /* Opera */
   image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
   image-rendering: crisp-edges;
   -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
 }

}