/* === full height off device === */
html, body {
    height:100%;
}
/* === gradient toevoegen === */
body {
	background-image: -webkit-linear-gradient(top, #000000 30%, #ffffff 100%);
	background-image: linear-gradient(to bottom, #000000 30%, #ffffff 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff', GradientType=0);
}
a {
	outline:none !important;
}
/* === max breedte === */
.container {
	max-width: 1000px;
}
/* === Navigatie === */
.navbar {
	height: 80px;
}
.navbar-inverse {
	background-image: -webkit-linear-gradient(top, #9E0000 20%, #ffffff 100%);
	background-image: linear-gradient(to bottom, #9E0000 20%, #ffffff 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9E0000', endColorstr='#ffffff', GradientType=0);
}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #D00000}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #080808}
.dropdown-menu { background-color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #0B17E3}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #000000}
.navbar-inverse .navbar-brand { color: #999999}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a { color: #999999}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}
.dropdown-menu>li>a { color: #333333}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}

p {
color: white;
}
.data-block {
  position: relative;
  margin-bottom: 20px;
  background: #ececed;
  border-radius: 6px;
}
.data-block header {
  background: #9E0000;
  padding: 0 5px 0 5px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  height: 10px !important;
}
.data-block header h4 {
	color: #FFF;
	padding: 1px 5px 0 5px;
}
.data-block section {
	background: #9E0000;
	padding: 1px 5px 1px 10px;
	overflow: hidden;
}
.data-block footer {
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
    height: 16px !important;
	background: #9E0000;
}
ul {
	color: white;
}
a {
text-decoration:none !important;
}
	.linkFormat {
		text-decoration:none !important;
	}
	.klinkFormat:hover > h4, .klinkFormat:hover > p  {
		background-color: #F2F2F2;
	}
	a.klinkFormat:hover > img {
		opacity: 0.6;
	}
	div.col-sm-3:hover {
		cbackground-color: #F2F2F2 !important;
		opacity: 0.9;
	}
	h3, h4, h5, h6 {
		color: #ffffff;
		font-weight: bold;
	}
	.ondertekst {
		margin-top: 10px;
		font-size: 12px;
	}
	.footer {
		height: 80px;
		background-color: #9E0000;
	}