* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -350px;
}
.footer, .push {
	height: 350px;
}

hr {
	border-top: 1px solid #ddd;
	border-left: none;
	border-right: none;
	height: 1px;
	margin: 20px 0px 40px 0px;
}

/*===============*/
/*=== NAVBAR ====*/
/*===============*/
.navbar {
	background-image: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 10px 15px 20px 15px;
	border-bottom: 2px solid #ddd;
	padding-bottom:0px;
}

.headnav {
	padding-bottom:10px;
}

a.navbar-brand {
	display: block;
	width: 120px;
	height: 90px;
	background: #fff url('../img/logo.jpg') no-repeat top left;
	text-indent: -9999px;
}

.subnav {
	border-top: 1px solid #ddd;
	margin-right:-15px;
	margin-left:-15px;
	background-color:#f1f1f1;
}

.subnav ul {
	float: none;
	text-align: center;
	padding: 12px 0px 10px 0px;
}

.subnav ul li {
	float: none;
	display: inline-block;
}

.subnav ul li a {
	display: inline-block;
}



.a_right {
	text-align: right;
}

/*===============*/
/*=== CONTENT ===*/
/*===============*/
.content {
	margin-top: 40px;
	padding-bottom: 60px;
}

#page-gallery {
	width: 320px;
	height: 213px;
	margin: 0px auto;
}

img.icon {
	padding-bottom: 20px;
	background: #fff url('../img/photo-icon.jpg') no-repeat bottom right;
}

div.image img {
	float: none!important;
	margin: 0px auto;
}

div.image, div.text {
	padding-bottom: 30px;
}

.btn-custom {
	display: block;
	width: 230px;
	padding: 8px 40px 7px 15px;
	margin: 10px 0px 5px 0px;
	background: #1b1b1b url('../img/btn-arrow.jpg') no-repeat 200px 11px;
	border: none;
	text-align: left;
}

.btn-custom.left {
	padding: 8px 15px 7px 40px;
	background: #1b1b1b url('../img/btn-arrow-left.jpg') no-repeat 20px 11px;
	text-align: right;
}

.royalSlider { 
	overflow:hidden;
}

/*===============*/
/*===== NEWS ====*/
/*===============*/

.article .img {
	padding-bottom: 20px;
}

.article .img img {
	margin: 0px auto;
}

.pager-left a.btn-custom, .pager-right a.btn-custom {
	width: 140px;
}
.pager-right a.btn-custom {
	background-position: 110px 11px;
}


/*===============*/
/*== PORTFOLIO ==*/
/*===============*/

.portfolio .teaser {
	padding-top: 20px;
}



/*===============*/
/*=== CONTACT ===*/
/*===============*/
.coordinates {
	text-align: center;
}

.form-control {
	margin-bottom: 30px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #f8b133;
}

input[type=submit].btn-custom, .btn-custom.news {
	width: 160px;
	background-position: 130px 11px;
}

.btn-custom.left {
	background-position: 20px 11px;
}

.gmap {
	margin-top: 70px;
	height: 300px;
	border: 1px dashed #aaa;
}

/*===============*/
/*=== FOOTER ====*/
/*===============*/
.footer {
	padding-top: 20px;
	width: 100%;
	background-color: #161616;
}

.footer .name, .footer .addr, .footer .tel, .footer .hours1, .footer .hours2, .footer .social, .footer .credits, .footer .btw {
	text-align: center;
}

.footer .hours2 {
	padding-bottom: 20px;
}

.footer .hours1 br {
	display: none;
}

.footer ul.social {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

.footer ul.social li {
	display: inline;
}

.footer ul.social li a {
	display: inline-block;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
}

.footer ul.social li.facebook a {
	background: url('../img/facebook.png') no-repeat top left;
}

.footer ul.social li.twitter a {
	background: url('../img/twitter.png') no-repeat top left;
}

.footer ul.social li.linkedin a {
	background: url('../img/linkedin.png') no-repeat top left;
}

.footer ul.social li a:hover {
	background-position: 0px -28px;
}

.footer .credits, .footer .btw {
	padding-top: 11px;
}



@media (min-width: 768px) {
	
.navbar > .container .navbar-brand {
	margin-left: 0px;
}

.headnav ul.nav {
	padding-top: 25px;
}

.headnav .nav > li.last > a {
	padding-right: 0px;
	margin-right: -15px;
}

.headnav .nav > li.active > a {
	background: #fff url('../img/hoek.jpg') no-repeat 5px 9px;
}

.subnav .nav > li.active > a {
	background: #f1f1f1 url('../img/hoek-zwart.jpg') no-repeat 5px 0px;
}

#page-gallery {
	width: 220px;
	height: 147px;
	margin: 0px;
}

div.image img {
	float: none!important;
	margin: 0px;
}

div.image img.pull-right {
	float: right!important;
}

.article .img img {
	margin: 0px 0px;
}

.coordinates {
	text-align: left;
}

.footer .name, .footer .hours1, .footer .social, .footer .credits {
	text-align: left;
}

.footer .hours1 br {
	display: inline;
}

.footer .addr {
	text-align: center;
}

.footer .tel, .footer .hours2, .footer .credits {
	text-align: right;
}

.wrapper {
	margin: 0 auto -180px;
}

.footer, .push {
	height: 180px;
}

	
}

@media (min-width: 992px) {

.headnav .nav > li.active > a {
	background: #fff url('../img/hoek.jpg') no-repeat 10px 9px;
}

.footer .addr, .footer .tel, .footer .hours1 {
	text-align: left;
}

.wrapper {
	margin: 0 auto -140px;
}

.footer, .push {
	height: 140px;
}

.footer .btw {
	text-align: left;
}

#page-gallery {
	width: 390px;
	height: 260px;
}

}



@media (min-width: 1200px) {

.navbar .container {
	max-width: 975px;
}

}


@media (max-width: 767px) {
	
.navbar-collapse {
	background-color: white;
}

.navbar-nav {
	float: none!important;
	width: 100%;
	padding: 0px 15px;
	margin: 15px 0px;
}

.navbar-nav li {
	width: 100%;
	text-align: center;
}

.line {
	padding: 0px 15px 0px 15px;
}
	
}


/* Retina */
@media all and (-webkit-min-device-pixel-ratio: 1.5) {

a.navbar-brand {
    background-image: url('../img/logo@2x.jpg');
    background-size: 120px 91px;
}

}