@charset "UTF-8";

.google-map-canvas,
.google-map-canvas * { .box-sizing(content-box); }

	/* BOOTSTRAP SUBMENU FIX */
	.dropdown-submenu {position:relative;}
	.dropdown-submenu > .dropdown-menu {top:-7px;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
	.dropdown-submenu:active > .dropdown-menu {display:block;}
	.dropdown-submenu>a:after {display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
	.dropdown-submenu:active > a:after {border-left-color:#ffffff;}
	.dropdown-submenu.pull-left {float:none;}
	.dropdown-submenu.pull-left > .dropdown-menu {left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


html, body {
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#666;
	font-weight:100;
	background:white url('/img/bg-speurhondenschool.png') left top repeat-x;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
a {
	color: #667A4B;
}

h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
section a {
	color: #AEC591;
	
}

h1, .h1 { font-size: 30px; }
h2, .h2 { font-size: 22px; }
h3, .h3 { font-size: 20px; }

@media (min-width: 992px) {
	.container {
		width: 940px !important;
	}
}

p + h3,
p + h2 {
	margin-top: 44px;
}

img[align="left"] {
	margin: 0 15px 15px 0;
}
img[align="right"] {
	margin: 0 0 15px 15px;
}

.nav > li > a:hover, 
.nav > li > a:focus {
	background: #D9E3CC;
		color: #667A4B;
}
.nav > li.active > a,
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus {
	color: black;
	background: none;
	
}
.navbar-toggle .icon-bar {
	background-color: #AEC591;
}
.nav .dropdown > ul li a {
	color: #667A4B;
	
}

.nav .dropdown > ul li,
.nav .dropdown > ul li a:hover,
.nav .dropdown > ul li a:focus,
{
	background: #D9E3CC;
	color: #667A4B;
	
}
.nav .dropdown > ul li a 		{ padding:8px 17px; }

.container {
	background: white;
}

.breadcrumb				{ font-size:11px; margin:0px 0 40px 0; border-radius:0; }
.breadcrumb a			{ color:#999; }
.breadcrumb a:after		{ content: " / "; }
.breadcrumb a:last-child:after { content: none; }
.breadcrumb > a:first-child {
	display: none;
}

/*
.nav .menu-item.menu-item-73 {
	display: none;
}
*/

header nav {
	border-bottom: 1px solid #667A4B;
}

section {
	padding: 15px 15px 45px;
}

footer {
	background: #D9E3CC;
	margin-left: -15px;
	margin-right: -15px;
	padding: 15px;
	
}


	.form-horizontal .form-group 			{ margin-left:0; margin-right:0; }


	.form-horizontal input[type="checkbox"]	{ width:auto; }
	.form-horizontal input[type="checkbox"] + span	{ float: none; border: 0; background: 0; width: auto; margin: 0; white-space: pre-wrap; text-align: left; }


	@media (min-width: 768px) {
		.form-horizontal .form-group 			{ margin-left:-15px; margin-right:-15px; margin-bottom: 5px; }
		.form-horizontal .form-group > div 		{ width:81.33333333%; float:left; padding-left:15px; padding-right:15px; }
		.form-horizontal .form-group > label 	{ width:18.66666667%; float:left; padding:7px 15px; margin-bottom:3px; text-align:left; }
		.form-control			                { height:30px; }
	
		.form-horizontal fieldset				{ margin:0 0 35px 0; }
		.form-horizontal legend					{ margin:0 0 25px 0; }
	
	
		.form-horizontal [type="submit"]		{ margin-left: 18.66666667%; left:7px; top:15px; }
	
		.form-horizontal .col-md-6 .form-group > label		{ width:29.66666667%; }
		.form-horizontal .col-md-6 .form-group > div 		{ width:69.33333333%; }
		
		.form-horizontal .wide-labels .form-group > label,
		.form-horizontal .wide-labels .form-group > div {
			text-align: left;
			width:100%; 
		}
	}


@media (max-width: 767px) {
	header .nav .dropdown > ul				{ display:block; position:static; border-width:0 0 0 1px; box-shadow:none; width:100%; background:none; }
	header .nav .dropdown > ul ul			{ display:none; }
	header .nav .dropdown > ul li 			{ width:50%;  }
	header .nav .dropdown > ul li a 		{ padding:5px 17px; }
	header .nav .dropdown > ul li a:before	{ content:'►'; color:#667A4B; font-size:8px; margin-right:10px; }

	header .nav li.active > a,
	header .nav .dropdown-menu li.active > a,
	header .nav .dropdown-menu li > a:hover			{ color:#667A4B; background:none; }
}
@media (min-width: 768px) {
	header .navbar-collapse { padding-left: 0; padding-right: 0; }

}