@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic,700italic,300,300italic,600italic,600);


/* Base page styling: */



html, body {height: 100%;}


.page {
    {% if site.background_image %}
     	background: ;
    {% endif %}
    font-family: 'PT Serif', serif;
    font-size: 15px;
    line-height: 1.5;
    color: #111111;
    min-height: 100%;
}

.page .page-back {
 	background: #ffffff;
}

.page .wrapper {
	/*background: #fff;*/
	max-width: 100%;
	margin: 0 auto;
	min-height: 700px;
	overflow: auto;
	padding-bottom: 125px;
}


.page .clear	{
	clear: both;
}


/* Navigation */
.page ul.nav-menu {
    background: none;
}

/* main */
.page ul.nav-menu > li {
    margin-right: 10px;
}

.page ul.nav-menu > li:last-child {
    margin-right: 0px;
}

.page ul.nav-menu > li a {
    background: none;
    color: #ffffff !important;
    padding: 10px;
    font-weight: bold;
}

.page ul.nav-menu > li:hover {
    background: #f6f6f6;
}

.page ul.nav-menu > li:hover > a {
    color: #555 !important;
}

/* sub */
.page ul.nav-menu > li > ul {
    background: #f6f6f6;
    color: #555 !important;
}

.page ul.nav-menu > li > ul > li > a {
    color: #555 !important;
}


/* mobile */
@media (max-width: 767px) {

    .page ul.nav-menu > li a {
        background: #f6f6f6;
        color: #555 !important;
        padding: 10px;
    }

    .page ul.nav-menu > li > ul > li > a:hover {
        color: #555 !important;
    }
}


/*.page ul.nav-menu li.active a {*/
    /*font-weight: bold;*/
/*}*/
/*.page ul.nav-menu li:hover a {*/
    /*background: #eee;*/
/*}*/



/* Typography */
.page h1 {  
    font-family: 'Italiana', serif;
    font-size: 40px;
    margin-bottom: 20px;
    font-weight: normal;
    margin-top: 0px;
    color: ;
}

.page h1 a, .page h1 a:visited{
	color: #000;
	text-decoration: none;
}

.page h1 a:hover{
	color: #0a527a;
	text-decoration: none;
}

.page h2{
	font-family: 'Italiana', serif;
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: normal;
    text-transform: uppercase;
    color: ;
}

.page .contact-content h2{
	margin-top: 20px;
	margin-bottom: 10px;
}

.page .text-photo-content h2{
	margin-top: 0px;
	margin-bottom: 10px;
}

.page a, .page a:visited {
    color: #0a527a;
}

.page a:hover {
    color: #c8cc54;
}


/* Sidebar */
.page .sidebar-content {
	margin-left: 3%;
}


/* Header */
.page .header {
    background-color: transparent;
    color:#111111;
    text-align: left;
    padding: 0px 0 20px;
}

.page .header img {
    margin-right: 10px;
    margin-bottom: 10px;
}

.page .main-title {
    line-height: 1;
    margin-bottom: 15px;
}

.page .main-title span {
    font-weight: 700;
}

.page .sub-title {
    font-size: 24px;
    letter-spacing: 3px;
    margin-bottom: 5px;
}




/* Menu */
.page .top-menu {

}

.page .menu-mobile{
	display: none;
}

.navheader {
		display: none;
}


/* Nieuw menu  */

.navbar-inner {
	background: none;
	border: none;
	box-shadow: none;
	padding-left: 0px;
}
	
.page .navbar .nav > li {
	/*float: none;	*/
}

.navbar .nav > li > a, .navbar .nav > li > a:visited {
	padding: 10px 15px 10px 0px;
	color: #111111;

}

.navbar .nav > li > a:hover {
	color: #0a527a;
}


.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
	/*color: #0a527a;*/
	background: none;
	box-shadow: none;
	font-weight: bold;
}


/* Social icons */
@font-face {
    font-family: 'socicon';
    src: url('/resources/fonts/socicon-webfont.eot');
    src: url('/resources/fonts/socicon-webfont.eot?#iefix') format('embedded-opentype'),
         url('/resources/fonts/socicon-webfont.woff') format('woff'),
         url('/resources/fonts/socicon-webfont.ttf') format('truetype'),
         url('/resources/fonts/socicon-webfont.svg#englebertregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.page ul.social {
    margin: 10px;
	width: 100%;
	overflow: hidden;
}

.page ul.social li {
	float: left;
	list-style: none;
}

.page .social-icon {
    font-family: 'socicon' !important;
	display: block;
	margin-right: 5px;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	font-size: 20px;
    border-radius: 50%;
    background: ;
}

.page .social-icon:hover {
    text-decoration: none;
    color: #9b9e3a !important;
    background: ;
}

/* Contact */
.page .contact-list {
    margin-left: 0;
    list-style: none outside;
}

.page .contact-list-item {
    border-left:2px solid #333;
    margin-bottom: 20px;
    padding-left: 20px;
    font-weight: 700;
}

.page .contact-list-item.address{
	border-left: none;
}

.page .contact-list-item.email{
    /*color:#0a527a;*/
}

.page .contact-list-item.address{

}


.page .contact-list-item.phone{
    /*color:#0a527a;*/
}

.contact-label{
	/*color: #333;*/
	
}

.page .contact-list-item:last-child {
    margin-bottom: 0;
}

/* Gallery */
.page .gallery .image {
    float: left;
    max-width: 150px;
    margin: 10px;
}

.page .gallery .image img {
    border: 1px solid #aaa;
    padding: 1px;
}


/* Main Content */

.page .main-content {
	margin-bottom: 40px;
	
}

.page .text-content {
	margin-bottom: 60px;
}

.page .photo-content {
	padding-top: 40px;
}


.page .photo-content-double {
	padding-top: 4px;
	margin-bottom: 20px;
}

.page .photo-content-double img {
	padding-right: 10px;
}


.page .text-photo-content {
	padding-top: 40px;
}

/* Footer */

.footer-wrapper {
	position: relative;
	margin-top: -125px;
	height: 125px;
	clear:both;
	
}


/* Blog / news feed */
.page .news-article-list .news-article {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.page .news-article-list .news-article .news-article-published {
    color: #777;
    margin-top: 10px;
    margin-bottom: 10px;
}

.page .news-article-list .news-article:last-child {
    border-bottom: none;
}


.page .articles-list-navigation {
    margin-top: 10px;
}


@media (max-width: 767px) {
    
    body {
        padding-right: 0;
        padding-left: 0;
    }
    
    .page  .header {
	    padding: 20px 0 0px;
    }
    
    .page .header {
	    text-align: center;
    }

    .page .header img {
        float: none;
        display: inline-block;
        margin: 20px;
    }

    .page .header .description{
	    text-align: center;
    }

    .page  .sidebar-content {
		position:relative;
	}

	.page .navheader {
		text-align: center;
		display: block;
        margin-bottom: 0px;
	}

	
	.page .slide-trigger {
		display: block;
		cursor: pointer;
		margin-bottom: 0px;
		padding-bottom: 5px;
		border-bottom: 1px solid #ccc;
	}
	
	.page .navbar-inner {
		padding-right: 0px;
	}
	
	.page .navbar .nav > li {
		background: #eeeeee;
	}
	
	.page .navbar .nav > li:hover {
		background: #fefefe;
	}
	
	.page .navbar .nav > li > a{
		line-height: 40px;
		color: #000;
		text-decoration: none;
		line-height: 40px;
		border-bottom: 1px solid #bbb;
	}
	
	.navbar .nav > li > a {
		padding: 10px 0px 10px 0px;
	}
	
	
	.navbar .nav > li > a:hover {
		color: #0a527a;
		text-decoration: none;
	}
	
	.page .navbar .nav {
		position: relative;
		left: 0;
		display: block;
		float: none;
		margin: 0;
	}
	
	.page .top-menu {
		display: none;
	}
	
	.page .contact-content {
		text-align: center;
	}
	
	.page .social {
		text-align: center;
		font-size: 80px;
		margin-top: 0px;
	}
	
	.page .sidebar-content {
		margin-left: 0%;
	}
	
	.page .contact-list {
		margin-left: 3%;
		margin-right: 3%;
		text-align: center;
	}
	
	.page .contact-list-item {
		border-left: 0px solid #333;
		margin-bottom: 20px;
		padding-left: 0px;
		font-weight: 700;
	}
	
	.page p{
		margin-left: 3%;
		margin-right: 2%;
	}
	
	.page  h1, h2{
		margin-left: 3%;
		margin-right: 3%;
	}
	
	.page  h2{
		text-align: center;
	}

    .page .menu-mobile {
        display: block;
    }
}

/**
 * THEME BASIC
 * 
 */


.page {
    color: #666666;
    background: #c8cc54;
}

.page .row-fluid [class*="span"] {
    min-height: 0px;
}

.page .theme-color {
    background-color: #9b9e3a;
}

.page .wrapper {
	padding-bottom: 0;
}

.page .footer {
    background-color: #170e04;
    color: #eee
}


/* Seperator */
.page hr {
    border: 0;
    height: 1px;
    margin: 20px 0;
    color: #9b9e3a;
	background-color: #9b9e3a;
}

/* Navigation */

.page .navbar {
    margin-bottom: 0px;
}
.page ul.nav {
	margin-top: 5px;
        margin-bottom: 5px;
        margin-left: -10px;
	overflow: hidden;
	width: 	100%;
	float: none;
}

.page ul.nav li {
	float: left;
}

.page ul.nav li a
{	padding: 10px 15px;
	text-shadow: none;
	color: #ffffff;
    font-size: 120%;
    font-weight: bold;
}

.page ul.nav li.active a
{	padding: 10px 15px;
	text-shadow: none;
	color: #ffffff;
    font-size: 120%;
    font-weight: bold;
    text-decoration: underline;
}

.page ul.nav li a:visited {
    padding: 10px 15px;
	text-shadow: none;
	color: #ffffff;
    font-size: 120%;
    font-weight: bold;
}

.page .menu-mobile ul.nav li.active a {
	text-decoration: underline;
        color: #000;
}

.page .menu-mobile ul.nav li a:visited {
        color: #000;
}

.page ul.nav li a:hover {
	background: #ffffff;
	color: #9b9e3a;
}

.page .text-color-black {
  color: black;
}

.page .text-color-silver {
  color: silver;
}

.page .text-color-gray {
  color: gray;
}

.page .text-color-white {
  color: white;
}

.page .text-color-maroon {
  color: maroon;
}

.page .text-color-red {
  color: red;
}

.page .text-color-purple {
  color: purple;
}

.page .text-color-fuchsia {
  color: fuchsia;
}

.page .text-color-green {
  color: green;
}

.page .text-color-lime {
  color: lime;
}

.page .text-color-olive {
  color: olive;
}

.page .text-color-yellow {
  color: yellow;
}

.page .text-color-navy {
  color: navy;
}

.page .text-color-blue {
  color: blue;
}

.page .text-color-teal {
  color: teal;
}

.page .text-color-aqua {
  color: aqua;
}


.page ul.nav li.active a:hover {
	background: #ffffff;
	color: #9b9e3a;
}


.page a, .page a:visited {
	color: #9b9e3a;
}

.page .bottom a, .page .bottom a:visited, 
.page .copyright a, .page .copyright a:visited {
	color: ;
}

.page a.btn,
.page input.btn {
	border-radius: 0;
	background: transparent;
	border: 1px solid ;
	color: ;
}

.page input.btn {
	padding: 11px 19px;
}

.page .container-fluid {
	max-width: 980px;
	margin: 0 auto;
}




.page .container-main {
	background: #ffffff;
}

.page .theme-color .social-icon {
	background: #fff;
    color: #666666;
}


.page .bottom > .span12 {
	margin: 10px 0 0;
}

.page .copyright > .span12 {
	padding: 10px 0;
}

.page .bottom {
	color: ;
}

.page .copyright {
	color: ;
}

.page .header {
    padding-top: 20px;
}

.page .header .titles {
	position: relative;
}

.page .header .titles > div {
	position: relative;
}

.page .header .titles .description {
	font-family: 'Source Sans Pro',sans-serif;
    font-size: 1.5em;
    font-style: italic;
    font-weight: 300;
    line-height: 2.4em;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
}

.page .columns .content-column {
	padding: 20px 0;
}

.page ul.contact-list {
	
}

.page ul.contact-list li {
	border: 0;
	margin: 0;
	padding: 0;
	font-weight: 300;
	line-height: 1.5em;
}

.page .bottom ul.contact-list li,
.page .bottom ul.contact-list li span.contact-label,
.page .bottom ul.contact-list li.contact-list-item.phone,
.page .bottom ul.contact-list li a {
	color: ;
}

/**
 * TYPOGRAPHY
 */
.page {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: ;
}

.page h1 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: bold;
	font-size: 3em;
	text-transform: uppercase;
	color:  #ffffff;
}

.page h2 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size: 2em;
	text-transform: none;
	color: #706353;
}

.page .theme-color h2 {
    color: #fff;
}

.page .main-content h2 {
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.3em;
	color:  #9b9e3a;
}

.page .bottom h2 {
	font-size: 1.3em;
	font-weight: normal;
	color: ;
}

.page .footer .social-icon {
    background-color: #eee
    color: #170e04;
}


@media (max-width: 767px) {
	.page .header .titles .description {
		position: relative;
		top: auto;
		right: auto;
	}

	.page a.btn,
	.page input.btn { 
		display: block;
		margin: 0 20px;
	}

	.page input.btn {
		display: block;
		margin: 0 auto;
	}

	.page div.menu-normal {
		display: none;
	}

	.page ul.nav li {
		float: none;
	}
}