@font-face {
    font-family: BenchNine;
    src: url('../fonts/BenchNine/BenchNine-Bold.ttf');
}
@font-face {
    font-family: Ubuntu;
    src: url('../fonts/Ubuntu/Ubuntu-Regular.ttf') format('truetype');
}
@font-face {
    font-family: Roboto;
    src: url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}
@font-face {
    font-family: RobotoLight;
    src: url('../fonts/Roboto/Roboto-Light.ttf') format('truetype');
}

html {
    position: relative;
    min-height: 100%;
}
body {
    padding-top: 80px; /* is nodig voor vervolgpagina's */
    background: #fdfffb;
    color: #636464;
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    /* Margin bottom by footer height */
    margin-bottom: 180px;
}
h1,h2,h3,h4{
	font-family: BenchNine;
}
h2{
	font-size: 36px;
}
.lead{
	font-family: "RobotoLight";
}
a, a:hover{
	color: #98434A;
}
.navbar-hetvolk{
	background-color: #535353;
	border-color: #535353;
	border: none;
	padding: 0; /* changed from 0.2em */
}
.navbar-hetvolk .navbar-nav>li>a {
	color: white;
	padding-top: 14px;
	padding-bottom: 14px;
}
.navbar-hetvolk .navbar-nav>li>a.active {
	background-color: #ae3910;
	color: white;
}
.navbar-hetvolk .navbar-nav>li>a:hover, .navbar-hetvolk .navbar-nav>li>a:focus,.navbar-hetvolk .navbar-nav>.open>a, .navbar-hetvolk .navbar-nav>.open>a:hover, .navbar-hetvolk .navbar-nav>.open>a:focus{
	background-color: #FFBC00;
	color: #000;
}
.dropdown-menu{
	background-color: #FFBC00;
	border: 0;
	box-shadow: 0 6px 12px rgba(0,0,0,0.175);;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
	background-color: #000;
}
.navbar-hetvolk .navbar-toggler {
	border-color: #fff;
}
.navbar-hetvolk .navbar-toggle:hover, .navbar-hetvolk .navbar-toggler:focus{
	background-color: #FFBC00;
}
.navbar-hetvolk .navbar-collapse, .navbar-hetvolk .navbar-form{
	border:none;
}
.navbar-hetvolk .navbar-nav .dropdown-menu>li>a:hover{
	color: #fff;
}
.navbar-hetvolk .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-hetvolk .navbar-nav .open .dropdown-menu>li>a:focus{
	background-color: #000;
}
a.navbar-brand, a.navbar-brand:hover {
	font-family: BenchNine;
	font-size: 22px;
	color: white;
}
.nav-tabs{
	margin-top: 5px;
}
.nav-pdx>li>a.nav-link, .pagerfanta>ul.pagination>li.page-item>a.page-link {
	color: #98434A;
}
.pagerfanta span.sr-only{
	display: none;
}
.pagerfanta>ul.pagination>li.page-item>span.sr-only{
	display:none;
	background: yellow;
}
.nav-pdx>li>a.nav-link:hover {
	color: #98434A;
	background-color: #D8D8D8;
}
.nav-pdx {
	margin-bottom:.6em;
}
.pagerfanta>ul.pagination>li.page-item.active> .page-link {
	background-color: #98434A;
	border-color: #98434A;
}

#homeheader{
	background-color: #FFBC00;
	margin-top: -30px;
	padding-top: 50px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	color: #000;
	text-align: center;
}
#homeheader h1{
	font-size: 80px;
	color: #fff;
	text-align: center;
	margin-top: 0;
}
#homeheader h2{
	font-size: 32px;
	font-style: normal;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
	color: #89592D;
}
#homeheader img{
	width: 250px;
}
fieldset {
	background-color: #D8D8D8;
	padding: 30px;
	margin:20px 0;
}
.btn {
	margin-right: 20px;
	margin-bottom: 20px;
	font-size: 14px;
}
.btn-primary{
	background-color: #FFBC00;
	border: 2px solid #000;
	color: #000;
}
.btn-info{
	background-color: #D8D8D8;
	border: 2px solid #FFBC00;
	color: #000;
}
.btn-info:hover{
	background-color: #fff;
	border: 2px solid #FFBC00;
	color: #000;
}
.btn-primary:hover{
	background-color: #fff;
	border: 2px solid #000;
	color: #000;
}
.btn-default {
	color: #ffffff;
	background-color: #aea79f;
	border-color: #aea79f;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
	color: #ffffff;
	background-color: #978e83;
	border-color: #92897e;
}
.respimg{
	width: 100%;
	margin-bottom: 12px;
}
p.big{
	font-size: 20px;
}
.recordrow{
	border-bottom: 3px solid #FFBC00;
	padding-bottom: 10px;
	padding-top: 10px;
}
.project-summary{
	background-color: #FFBC00;
	margin-bottom: 1em;
}
.newproject{
	background-color: #DEDEDE;
	margin-bottom: 1em;
}
.futureproject{
	background-color: #EAEDED;
	color: #C0C1C3
}
.project-summary h3, .project-summary div, .newproject h3, .newproject div, .futureproject h3, .futureproject div{
	padding: 10px 12px;
}
.project-summary h3, .newproject h3{
	background-color: #535353;
	color: #fff;
}
.futureproject h3{
	background-color: #C0C1C3;
	color: #fff;
}
.project-summary .btn, .newproject .btn, .futureproject .btn{
	margin-bottom: 5px;
}
.futureproject .btn{
	background-color: #C0C1C3;
}
.camera-icon{
	width: 54px;
	float: right;
}
.futureproject .camera-icon{
	opacity: 0.2;
}
.stats{
	margin-bottom: 5px;
	color: #B78908;
	text-align: right;
	font-style: italic;
}
.project-summary .stats-bar{
	width: 100%;
	height: 8px;
	background-color: #ACAEAE;
	padding: 0 0;
	margin: 10px 0 1px 0;
	overflow: hidden;
}
.project-summary .stats-bar-done{
	height: 8px;
	background-color: #fff;
	margin: 0;
	padding: 0;
}
.project-summary .btn-primary{
	background-color: #535353;
	border: 2px solid #000;
	color: #fff;
}
.project-summary .btn-primary:hover{
	background-color: #fff;
	border: 2px solid #000;
	color: #535353;
}

td.optionbuttons{
	white-space: nowrap;
}
.btn-sm{
	margin-right: 5px;
}




/** form spul */
input.pdx-input-small, select.pdx-input-small { width: 100px; }
input.pdx-input-auto, select.pdx-input-auto { width: auto; }
input.pdx-hidden {
    display: none;
}
.form-control{
	margin-bottom: 10px;
}
textarea.pdx-textarea-big { height: 200px; }
textarea.pdx-textarea-cke { height: 600px; }

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 100px;
	background-color: #FFBC00;
    padding: 20px 0;
}

/** update stylies */
.table-striped td {
	color:  #636464;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 18px;
}