/*
 * Style v1 (http://publiceervoormij.nl)
 * Copyright 2013 Publiceervoormij
 */

/*
 * blauw #009ea5 rgb(0,158,165)
 * groen #a6ce39 rgb(166,206,57)
 *
 */
body {-webkit-font-smoothing: antialiased;color:#000000;font-size:13px;}

a {color:#a6ce39}
a:hover {color:#009ea5; text-decoration: none;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
li.active a {color:#009ea5;}

h1 {font-size:16px;text-transform:uppercase;letter-spacing:1px;font-weight:500;}
h2 {font-size:14px;}
h3 {font-size:13px;margin-bottom:0;}

.navbar {	text-transform:lowercase;font-size:12px;}
.navbar-default {background-color:transparent;border:none;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {background-color:transparent;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border:none;}
.navbar-collapse {max-height:1300px;}
.nav a {color:#818283;}
.navbar-nav {margin-top:10px;}
.navbar-nav>li>a {padding:0 10px 0 0;}
.navbar-nav>li>a:hover {background-color:transparent;text-decoration:underline;}
.naw hr { border-color: white; margin-top: 2px; margin-top: 2px}
.naw, .address {margin-top:10px;}
.naw h3 {font-size:13px; margin-top:0;margin-bottom:5px;}
.naw p, .address {font-size:11px;margin-bottom:0;}
.navbar-toggle {border-color:#009ea5;}
.navbar-toggle .icon-bar {background-color:#009ea5;}
body.contact .col-sm-8.col-md-4 {margin-top:10px;}
body.contact .img-responsive.maps {margin-top:4px;}
.square a {font-size:15px;text-transform: uppercase;letter-spacing: 1px;display:table-cell;vertical-align:middle;font-weight:500;}
.square a.blue {background-color:#009ea5;color:#a6ce39;}
.square a.green {background-color:#a6ce39;color:#009ea5;}
.square a:hover {-moz-opacity: 0.5;opacity: 0.5;text-decoration: none;}
.square a.maps:hover {-moz-opacity: 1;opacity: 1;}

.square.active a.green {background-color:transparent;border:1px solid #a6ce39;}
.square.active a.blue {background-color:transparent;border:1px solid #009ea5;}
.col-sm-12.col-md-6.square {padding-right:20px;}
footer {height:90px;margin-top:55px;color:#009ea5;}

.wrapper-news { height: 100%; }
.wrapper-news .content { padding: 15px; }
.wrapper-news h3 { margin-top: 0; color: #a6ce39; margin-bottom: 10px; font-weight: bold; }
.wrapper-news p { margin-bottom: 0;}
.wrapper-picture { background-image: url('../img/claudia.jpg'); background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; }

.scrollable {margin-top:10px;}
.wrap {min-height: 100%;
height: auto;
margin: 0 auto -60px;
padding: 0 0 60px;}

@media screen and (max-width: 767px) {
	body.home header .row:first-child {background: url('../img/Van-Schaik-en-Noordam.png') 120% 100% no-repeat;background-size:55%}
	body.jaarrekeningen header .row:first-child {background: url('../img/jaarrekeningen.jpg') 130% 70% no-repeat;background-size:60%}
	body.belasting-aangiften header .row:first-child {background: url('../img/jaarrekeningen.jpg') 130% 70% no-repeat;background-size:60%}
	body.administraties header .row:first-child {background: url('../img/administraties.jpg') 130% 70% no-repeat;background-size:60%}
	body.financieel-advies header .row:first-child {background: url('../img/financieel-advies.jpg') 130% 70% no-repeat;background-size:60%}
	body.mkb header .row:first-child {background: url('../img/administraties.jpg') 130% 70% no-repeat;background-size:60%}
	body.fiscaal-advies header .row:first-child {background: url('../img/financieel-advies.jpg') 130% 70% no-repeat;background-size:60%}
	body.salarisadministratie header .row:first-child {background: url('../img/salarisadministratie.jpg') 130% 70% no-repeat;background-size:60%}
	body.contact header .row:first-child {background: url('../img/contact.jpg') 130% 70% no-repeat;background-size:60%}
	.square {display: table;height:35px !important;margin-top:10px;}
	.navbar-collapse {padding:0;}
	body.contact .maps {text-align:center;}

}

@media (min-width:768px) and (max-width:991px) {
	body.home header {background: url('../img/Van-Schaik-en-Noordam.png') 105% bottom no-repeat; background-size: 40%;}
	body.administraties .wrapper {background: url('../img/administraties.jpg') 125% -25% no-repeat;}
	body.jaarrekeningen .wrapper {background: url('../img/jaarrekeningen.jpg') 114% -35% no-repeat;background-size:42%;}
	body.belasting-aangiften .wrapper {background: url('../img/jaarrekeningen.jpg') 114% -35% no-repeat;background-size:42%;}
	body.financieel-advies .wrapper {background: url('../img/financieel-advies.jpg') 125% -25% no-repeat;}
	body.fiscaal-advies .wrapper {background: url('../img/financieel-advies.jpg') 125% -25% no-repeat;}
	body.mkb .wrapper {background: url('../img/administraties.jpg') 125% -25% no-repeat;}
	body.salarisadministratie .wrapper {background: url('../img/salarisadministratie.jpg') 125% -50% no-repeat;}
	body.contact header {background: url('../img/contact.jpg') 100% -15% no-repeat;background-size:40%;}
	.square {display: table;height:115px;margin-top:10px;}
	body.contact .address ul {margin-top:100px;}
	nav h1{margin-top:70px;}
	.wrapper-picture { height: 170px }
}

@media screen and (min-width: 992px) {
	body.home header {background: url('../img/Van-Schaik-en-Noordam.png') 90% 100% no-repeat;background-size:30%}
	body.jaarrekeningen header {background: url('../img/jaarrekeningen.jpg') top right no-repeat;background-size:30%}
	body.belasting-aangiften header {background: url('../img/jaarrekeningen.jpg') top right no-repeat;background-size:30%}
	body.administraties header {background: url('../img/administraties.jpg') top right no-repeat;background-size:30%}
	body.financieel-advies header {background: url('../img/financieel-advies.jpg') top right no-repeat;background-size:30%}
	body.fiscaal-advies header {background: url('../img/financieel-advies.jpg') top right no-repeat;background-size:30%}
	body.mkb header {background: url('../img/administraties.jpg') top right no-repeat;background-size:30%}
	body.salarisadministratie header {background: url('../img/salarisadministratie.jpg') top right no-repeat;background-size:30%}
	body.contact header {background: url('../img/contact.jpg')  80% -220% no-repeat;}
	.square {display: table;height:115px;margin-top:10px;}
	.square a {font-size:13px;}
	.scrollable {height:155px;overflow:auto;margin-top:10px;}
	header .square p { font-size:11px;line-height:17px;}
	nav h1{margin-top:50px;}
	body.contact .address ul {margin-top:50px;}
	}

@media screen and (min-width: 1200px) {
	body.home header {background: url('../img/Van-Schaik-en-Noordam.png') 90% 100% no-repeat; background-size: 30%}
	body.jaarrekeningen header {background: url('../img/jaarrekeningen.jpg') top right no-repeat;}
	body.belasting-aangiften header {background: url('../img/jaarrekeningen.jpg') top right no-repeat;}
	body.administraties header {background: url('../img/administraties.jpg') top right no-repeat;}
	body.financieel-advies header {background: url('../img/financieel-advies.jpg') top right no-repeat;}
	body.fiscaal-advies header {background: url('../img/financieel-advies.jpg') top right no-repeat;}
	body.mkb header {background: url('../img/administraties.jpg') top right no-repeat;}
	body.salarisadministratie header {background: url('../img/salarisadministratie.jpg') top right no-repeat;}
	body.contact header {background: url('../img/contact.jpg') 80% -80% no-repeat;}
	nav h1{margin-top:50px;}
	.square {display: table;height:155px;margin-top:10px;}
	.square a {font-size:15px;}
	.scrollable {height:155px;overflow:auto;margin-top:10px;}
	header .square p { font-size:13px;line-height:inherit;}
	body.contact .address ul {margin-top:50px;}
}