/* --------------------------------------------------
   CSS: Wrapper
   --------------------------------------------------
   Martijn Daniëls
   Copyright 2014 | TROEBEL Design
   http://www.troebeldesign.nl/
   -------------------------------------------------- */

/* HTML */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	margin-top: 0;
}
h1 {
	border-bottom: #E3DAD8 1px solid;
	padding-bottom: 15px;
}
ul {
	padding-left: 20px;
}
hr {
	border-top: 1px solid #E3DAD8;
	clear: both;
	margin: 30px 0;
}
blockquote {
	border-left: #E3DAD8 5px solid;
	margin: 0 0 15px 15px;
	padding: 10px 20px;	
}
form {
	margin-bottom: 15px;
}
select {
	border-radius: 0;
	-webkit-border-radius: 0;
}

/* Table */
#content table,
#content tr,
#content td {
	background-color: transparent !important;
	border: none !important;
	color: #002328 !important;
	vertical-align: top;
}
#content .contenttable {
	border-top: #E3DAD8 1px solid !important;
}
#content .contenttable tr {
	border-bottom: #E3DAD8 1px solid !important;
}
#content td {
	padding: 3px 5px;
}
#content table p,
#content table span {
	color: #002328 !important;
	margin-bottom: 0;
}
#content table a {
	color: #002328 !important;
	text-decoration: underline;
}
#content table h1,
#content table h2,
#content table h3,
#content table h4,
#content table h5,
#content table h6 {
	margin-bottom: 0;
}
#content > table {
	margin-bottom: 15px;
}
#content .tabel-rij-1 {
	background-color: #00B969 !important;
	color: #FFF !important;
}
#content .tabel-rij-1 p,
#content .tabel-rij-1 a,
#content .tabel-rij-1 span,
#content .tabel-rij-1 h1,
#content .tabel-rij-1 h2,
#content .tabel-rij-1 h3,
#content .tabel-rij-1 h4,
#content .tabel-rij-1 h5,
#content .tabel-rij-1 h6,
#content .tabel-rij-1 td {
	color: #FFF !important;
}
#content .tabel-rij-oneven {
	background-color: #EEE !important;
}

/* List */
#fab-main p > a, 
#fab-main em > a,
#fab-main strong > a,
#fab-sidebar p > a,
#fab-sidebar em > a,
#fab-sidebar strong > a,
#content > ol li a,
#content > ul li a,
.csc-menu a,
.csc-menu-1 a,
.sitemap a {
	text-decoration: underline;
}
#fab-menu ul,
#fab-sidebar ul,
.content-block ul {
	list-style: none;
	padding-left: 5px;
}
#fab-menu li,
#fab-sidebar li,
.content-block li {
	font-size: 14px;
	margin-bottom: 5px;
	padding-left: 8px;
	position: relative;
}
#fab-menu li:before,
#fab-sidebar li:before,
.content-block li:before {
	content:"\E224";
	font-family: 'Glyphicons Regular';
	font-size: 7px;
	left: -5px;
	position: absolute;
	top: 6px;
}

/* Visuals */
#fab-framework-image {
	left: -15px;
	min-height: 250px;
	position: absolute;
	z-index: -250;
}
#fab-content #fab-framework-image,
#fab-content-wide #fab-framework-image {
	top: 0 !important;
}

/* Templates */
#fab-main {
	background-color: #FFF;
	padding: 15px 15px 0 15px;
	position: relative;
	z-index: 25;
}
#fab-homepage,
#fab-content,
#fab-content-wide {
	position: relative;
}
#fab-homepage #fab-main {
	clear: left;
	float: left;
	width: 585px;
}
#fab-content #fab-main {
	clear: right;
	float: right;
	width: 775px;
}
#fab-content-wide #fab-main {
	float: left;
	width: 965px;
}

/* Menu */
#fab-menu {
	background-color: #FFF;
	clear: left;
	float: left;
	line-height: 1.5;
	overflow: hidden;
	padding: 15px;
	position: relative;
	top: 15px;
	width: 175px;
	z-index: 25;
}
#fab-menu h3 {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
	margin: 0;
}
#fab-menu > ul {
	margin: 15px 0 -5px 0;
}
#fab-menu li a {
	font-size: 14px;
}
#fab-menu li > ul {
	padding-top: 5px;
}
#fab-menu .active > a {
	font-weight: 700;
}
#fab-menu .fab-menuBack {
	font-weight: 300 !important;
	line-height: 1.5;
	margin: 20px 0 0 0 !important;
}
#fab-menu .fab-menuBack a {
	color: #AAA;
}
#fab-menu .fab-menuBack a:focus,
#fab-menu .fab-menuBack a:hover {
	color: #002328;
}

/* Content */
#content {
	overflow: hidden;
	width: 100%;
}

/* Sidebar */
#fab-sidebar {
	clear: right;
	float: right;
	position: relative;
	top: 15px;
	width: 365px;
	z-index: 100;
}
#fab-sidebar > div {
	background-color: #FFF;
	border: #E3DAD 1px solid;
	margin-bottom: 15px;
	padding: 15px;
	width: 100%;
}
#fab-sidebar-extra {
	background-color: #002328 !important;
	color: #FFF !important;
	padding-bottom: 10px !important;
}
#fab-sidebar-extra h2,
#fab-sidebar-extra h3,
#fab-sidebar-extra h4 {
	font-size: 21px;
	font-weight: 900;
	margin-bottom: 10px;
}
#fab-sidebar-extra a {
	color: #FFF !important;
}
#fab-sidebar-search > form {
	border: 0;
	margin: 0 0 5px 0;
	padding: 0;
	position: relative;
}
#fab-sidebar-search .form-control {
	background-color: #FFF;
	border: none;
	box-shadow: none;
	color: #000;
	font-size: 14px !important;
	height: 30px;
	line-height: 21px;
	padding: 5px 30px 5px 5px;
	transition: none;
	width: 335px;
	-webkit-box-shadow: none;
	-webkit-transition: none;
}
#fab-sidebar-search .placeholder {
	color: #999;
}
#fab-sidebar-search .btn {
	background-color: transparent !important;
	border: 0;
	color: #002328 !important;
	font-size: 17px;
	height: 30px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}
#fab-sidebar-links {
	clear: both;
}
#fab-sidebar-links ul {
	margin-bottom: 0px;
}
#fab-sidebar-links h2,
#fab-sidebar-links h3,
#fab-sidebar-links h4 {
	clear: both;
	padding-top: 20px;
}

/* Sidebar Banners */
#fab-sidebar > #banners > div,
#fab-sidebar > #fab-sidebar-banners > div {
	background-color: #FFF;
	clear: both;
	margin-bottom: 15px;
	padding: 15px 15px 0 15px;
}
#fab-sidebar > #banners > p,
#fab-sidebar > #fab-sidebar-banners > p {
	background-color: #FFF;
	clear: both;
	margin-bottom: 15px;
	padding: 15px;
}
#fab-main > #fab-sidebar-banners {
	width: 100%;
}
#fab-main > #fab-sidebar-banners > div {
	border-top: #E3DAD8 1px solid;
	clear: both;
	float: left;
	padding-top: 15px;
}

/* Text + Image */
.imgtext-table {
	margin-top: -20px;
}

/* Modals */
.modal {
	background-color: rgba(0,35,40,0.5);
}
.modal-dialog {
	margin: 211px auto;
	width: 555px;
}
.modal-content {
	border: none;
	padding: 13px 15px 1px 15px;
}
.modal .close {
	line-height: 0.75;
}
.modal-backdrop {
	display: none !important;
}

/* --------------------------------------------------
   Overrides
   -------------------------------------------------- */
   
.clr-dark {
	background-color: #002328 !important;
	color: #FFF !important;
}
.clr-grey {
	background-color: #E3DAD8 !important;
	color: #002328 !important;
}
.clr-white {
	background-color: #FFF !important;
	color: #002328 !important;
}
#content .clr-white {
	border: #E3DAD8 1px solid !important;
}
.clr-dark a {
	color: #FFF !important;
}
.clr-grey a,
.clr-white a {
	color: #002328 !important;
}