/* ------------ Reset ------------ */
/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%; }
body {
	margin: 0; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block; }
audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline; }
audio:not([controls]) {
	display: none;
	height: 0; }
[hidden],
template {
	display: none; }
a {
	background-color: transparent; }
a:active,
a:hover {
	outline: 0; }
abbr[title] {
	border-bottom: 1px dotted; }
b,
strong {
	font-weight: bold; }
dfn {
	font-style: italic; }
mark {
	background: #ff0;
	color: #000; }
small {
	font-size: 80%; }
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline; }
sup {
	top: -0.5em; }
sub {
	bottom: -0.25em; }
img {
	border: 0; }
svg:not(:root) {
	overflow: hidden; }
figure {
	margin: 1em 2.5em; }
hr {
	box-sizing: border-box;
	height: 0; }
pre {
	overflow: auto; }
code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em; }
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0; }
button {
	overflow: visible; }
button,
select {
	text-transform: none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer; }
button[disabled],
html input[disabled] {
	cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0; }
input {
	line-height: normal; }
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto; }
input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: border-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none; }
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 0.25em;
	padding: 0.35em 0.625em 0.75em; }
legend {
	border: 0;
	padding: 0; }
textarea {
	overflow: auto; }
optgroup {
	font-weight: bold; }
table {
	border-collapse: collapse;
	border-spacing: 0; }
td,
th {
	padding: 0; }

/* ------------ extra reset ------------ */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box; }
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box; }
img {
	height: auto;
	max-width: 100%;
	vertical-align: middle; }

/* ------------ basic styling ------------ */
body {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: #000;
	line-height: 1.5;}

/* ------------ Typography ------------ */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Varela Round', Helvetica, Arial, sans-serif;
}
h1, h2, h3 {
	font-weight: 400;
	line-height: 1;
	margin-bottom: 0.5em; }
h1 { font-size:  1.8em; margin-top: 0;     }
h2 { font-size:  1.5em; margin-top: 1em; }
h3 { font-size: 1.25em; margin-top: 1em;   }
h4, h5, h6 {
	font-weight: 700;
	line-height: 1;
	font-size: 1em;
	margin-top: 1em;
	margin-bottom: 0.5em; }
a {
	color: #B20000;
	text-decoration: none; }
a:hover {
	color: #800000; }

/* ------------ Buttons ------------ */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	display: inline-block;
	padding: 0 1em;
	color: #555;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	line-height: 3em;
	letter-spacing: .1em;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	background-color: transparent;
	border-radius: 10px;
	border: 1px solid #bbb;
	cursor: pointer; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
	color: #333;
	border-color: #888;
	outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
	color: #FFF;
	background-color: #800000;
	border-color:     #800000; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
	color: #FFF;
	background-color: #B20000;
	border-color:     #B20000; }

/* ------------ Forms ------------ */
form {
	padding: 1em;
	border: 1px solid #CCC; }
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
	padding: 0.5em 0.5em; /* The 6px vertically centers text on FF, ignored by Webkit */
	background-color: #fff;
	border: 1px solid #CCC;
	border-radius: 4px;
	box-shadow:         none; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none; }
textarea {
	min-height: 5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
	border: 1px solid #800000;
	outline: 0; }
label,
legend {
	display: block;
	padding: 0 0.25em; }
fieldset {
	padding: 1em;
	margin: 0; }
input[type="checkbox"],
input[type="radio"] {
	display: inline; }
/* IE also sets placeholder color to 'inherit' */
:-ms-input-placeholder { color: #7F7F7F; }

/* ------------ Lists ------------ */
ul {
	list-style: disc outside; }
ol {
	list-style: decimal outside; }
ol, ul {
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0.5em; }
ul ul,
ul ol,
ol ol,
ol ul {
	margin: 0.5em 0 0.5em 2em; }
li {
	margin-bottom: 0.5em; }
ul li {
	margin-left: 2em; }
ol li {
	margin-left: 2em; }
ul ul li,
ul ol li,
ol ol li,
ol ul li {
	margin-left: 0; }
ol p,
ul p {
	margin: 0; } /* Browsers wrap list element containing only plain text with a <p>-tag */

/* ------------ Code ------------ */
code {
	font-size: 90%;
	padding: 0.0625em 0.25em;
	white-space: pre-wrap; }
code,
pre.code {
	background: #DDD; }
pre > code {
	display: block;
	padding: 1em 1em;
	white-space: pre; }

/* ------------ Tables ------------ */
th,
td {
	padding: 0.75em 1em;
	text-align: left;
	border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
	padding-left: 0; }
th:last-child,
td:last-child {
	padding-right: 0; }

/* Horizontal rule (Thematic break) */
/* -----------  ------------ */
hr {
	border: none;
	border-top: 1px solid #B20000; }
blockquote {
	background: #CCC;
	padding: 0.5em;
	margin: 1em; }

/* ------------ Spacing ------------ */
p {
	margin-top: 0;
	margin-bottom: 0.5em }
p.space-before {
	margin-top: 0.5em; }
hr {
	margin-top: 0.5em;
	margin-bottom: 1.25em; }
blockquote p {
   margin-bottom: 0; }
button,
.button,
.button-primary,
input {
	margin: 0.5em 0; }
form {
	margin: 2em 0 1em; }
legend {
	margin-bottom: 0.5em; }
input,
textarea,
select {
	margin-bottom: 0.5em; }
pre,
blockquote,
dl,
figure,
table {
	margin-bottom: 1em; }

/* ------------------ Grid ------------------------- */
.container {
	padding-right: 1em;
	padding-left: 1em;
	margin-right: auto;
	margin-left: auto;
}
.row {
	margin-right: -1em;
	margin-left: -1em;
}
.column {
	position: relative;
	float: left;
	width: 100%;
	min-height: 1px;
	padding-right: 1em;
	padding-left: 1em;
}

/* -------------------- Content -------------------- */
#site-header, #site-footer {
	padding: 0 1em;
}
.navbar-header {
	position: relative;
	background-color: #800000;
	padding: 0.75em 1em;
}
.navbar-brand {
	width: 47px;
	height: 38px;
	display: inline-block;
	background: url(/images/brand.png);
	background-repeat: no-repeat;
}
button.navbar-toggle {
	position: relative;
	float: right;
	height: 38px;
	padding: 9px 10px;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #FFF;
	background-image: none;
	border: 1px solid #800000;
	border-radius: 4px;
}
span.icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background-color: #000;
	margin-top: 4px;
}
ul#menu-main {
	list-style:none;
	padding:0;
	margin: 0;
	text-align: center;
	display: none;
}
ul#menu-main li {
	margin: 0;
}
ul#menu-main li a {
	display: block;
	color:#000;
	line-height: 3;
	text-decoration: none;
	padding: 0.25em 2em;
	background-color: #DDD;
	border-bottom: 1px solid #800000;
}
ul#menu-main li a:hover, ul#menu-main li.current a {
	color:#FFF;
	background-color: #BBB;
}
.main-wrapper {
	padding-top: 2em;
}
.column#content {
	padding-bottom: 2em;
}
.item-text {
	padding: 0 .5em .5em;
	margin-bottom: 1em;
	border: 1px solid #CCC;
}
.item-text-title {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.5;
	margin-top: .5em;
	border-bottom: 5px solid #800000;
}
ul.contact-info {
	list-style: none;
}
ul.contact-info li {
	margin-left: 0;
}
.phone-number {
	letter-spacing: .1em;
}
#site-footer {
	height: 93px;
	margin-bottom: 1em;
	background: url(/images/logo.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-origin: content-box;
}

/* ------------------ Contact form ----------------- */
#formcontact {
	width: 100%;
	box-shadow: 2px 2px 2px #9B9B9B;
}
#formcontact label {
	padding: 0;
}
#formcontact input,
#formcontact textarea,
#formcontact select {
	display: block;
	margin-bottom: 0.5em;
	width: 100%;
}
#formcontact input[type="submit"] {
    width: auto;
    margin: 1em auto 0;
}
#formcontact .error {
	color: red
}
#formcontact ul {
	list-style-type: disc;
	margin-bottom: 0;
}
#formcontact ul li {
	margin-bottom: 0;
}
#formcontact header {
	font-size: 90%;
	padding-bottom: 1em;
}
#formcontact header p {
	margin: 0
}

/* ------------------ Media queries ---------------- */
@media (min-width: 25em) {
	#site-header, #site-footer {
		background-size: auto;
	}
}
@media (min-width: 40em) {
	#site-header {
		height: 8em;
		background: url(/images/logo.png);
		background-position: center;
		background-repeat: no-repeat;
		background-origin: content-box;
	}
	nav {
		border-bottom: 6px solid #800000;
	}
	.navbar-header {
		display: none;
	}
	ul#menu-main {
		display: block;
	}
	ul#menu-main li {
		display: inline-block;
	}
	ul#menu-main li a {
		line-height: normal;
		margin-left: .1em;
		border: 1px solid #800000;
		border-bottom: none;
		border-radius:.5em .5em 0 0;
	}
	ul#menu-main li a:hover, ul#menu-main li.current a {
		background-color: #800000;
	}
	.column#content {
		padding: 0 3em 2em;
	}
	.column#sidebar {
		padding: 0 3em;
	}
	.column.item {
		width: 50%;
	}
	#site-footer {
		height: auto;
		background-image: none;
	}
}
@media (min-width: 62em) {
	body {
		background: #FFF url(/images/gradient-grey.png) repeat-x scroll;
	}
	#site-header {
		height: 8em;
		background: url(/images/banner.png);
		background-position: center;
		background-repeat: no-repeat;
		background-origin: content-box;
	}
	#page {
		width: 60em;
		background-color: #FFF;
		margin: 2em auto;
		box-shadow: 0.5em 0.5em 1.3em #888;
		border-radius:1em 1em 0 0;
	}
	.column#content {
		width: 60%;
		padding: 0 2em 2em 4em ;
	}
	.column#sidebar {
		width: 40%;
		padding: 3em 4em 2em 2em;
	}
	.column.item {
		width: 100%;
	}
	.item-image {
		box-sizing: content-box;
		margin-bottom: 1em;
		border: 1px solid #CCC;
		border-radius: 1em;
	}
	#image-11 {
		height: 181px;
		background: url(/uploads/schilder-11.jpg);
	}
	#image-12 {
		height: 191px;
		background: url(/uploads/schilder-12.jpg);
	}
	#image-13 {
		border: none;
	}
	#image-21 {
		height: 191px;
		background: url(/uploads/schilder-21.jpg);
	}
	#image-22 {
		border: none;
	}
	#image-23 {
		border: none;
	}
	#image-31 {
		height: 215px;
		background: url(/uploads/schilder-31.jpg);
	}
	#image-32 {
		height: 284px;
		background: url(/uploads/schilder-32.jpg);
	}
	#image-33 {
		height: 215px;
		background: url(/uploads/schilder-41.jpg);
	}
	#image-41 {
		height: 215px;
		background: url(/uploads/schilder-41.jpg);
	}
	#image-42 {
		height: 213px;
		background: url(/uploads/schilder-42.jpg);
	}
	#image-43 {
		height: 191px;
		background: url(/uploads/schilder-43.jpg);
	}
}

/* -------------------- Viewport ------------------- */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

/* -------------------- Clearing ------------------- */
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after,
.navbar-header:before,
.navbar-header:after {
	display: table;
	content: " ";
}
.clearfix:after,
.container:after,
.row:after,
.navbar-header:after {
	clear: both;
}

/* -------------------- Display -------------------- */
.hide {
	display: none !important;}
.show {
	display: block !important;}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0px, 0px, 0px, 0px);
	border: 0;
}

/* ----------------- Helper classes ---------------- */
.center {
	text-align: center;
}