*,*:after,*:before{-moz-box-sizing:border-box;box-sizing:border-box;outline:none;margin:0;padding:0;}

.clearfix {
	clear: both;
}

/* Prevent tinyMCE bug: it creates empty <p> after <table>
------------------------------------------------------------ */
table + p {
	height: 0px;
}

/*
@font-face {
	font-family: 'Conv_SCALS___';
	src: url('fonts/SCALS___.eot');
	src: url('fonts/SCALS___.woff') format('woff'), url('fonts/SCALS___.ttf') format('truetype'), url('fonts/SCALS___.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

/*
rood #E60023
oranje #F59215
groen #92BF1C
blauw #0071B3
paars #652180
-------------------------------- */
/* custom tinyMCE styles */

.bptc-link {
	text-decoration: underline;
	color: #FFF;
	}

.bptc-link:link, .bptc-link:visited {
	text-decoration: underline;
	color: #FFF;
	}

.bptc-link:hover {
	text-decoration: underline;
	color: #FFF;
	}

.bptc-link:active{
	text-decoration: underline;
	color: #FFF;
	}
/*---------------------------------------------------*/


html,
body { /* Moz */
	border: 0;
	height: 100%;
	min-height:100%;
}

img {
	border: 0;
}

a:active, a:focus {
	border: none;
}


/* Main Layout
------------------------------ */
body {
	margin: 0 2%;
	font-family: "Trebuchet MS", Trebuchet, "Lucida Grande", Helvetica, Arial, sans-serif;
	/*font-family:'Conv_SCALS___',Sans-Serif;*/
	letter-spacing: 0.015em;
	overflow-y: scroll;
}

#main {
	position: relative;
	width: 1020px;
	min-height:100%;
	margin: 0 auto;
	padding-bottom: 40px; /* Height of the footer */
}

#header {
	padding-top: 20px;
	padding-bottom: 35px;
}

#header #logo img {
	width: 245px;
	}


#header #info {
	float: right;
	font-size: 12px;
}

#header #info table {

}

#header #info td {
	padding-left: 30px;
	vertical-align: top;
	line-height: 1.4em;
}

.gradient img,
.gradient-bottom img,
.gradient-bottom-home img {
	display: block;
}

#header .gradient {
	margin: 0;
	padding: 0;
	clear: both;
	padding-top: 10px;
}

.gradient-bottom {
	padding-top: 35px;
}

.gradient-bottom-home {
	margin-top: -20px; /* Afhankelijk van het plaatje. Teveel wit aan het Caldera logo. */
}

.gradient-bottom-404 {
	position: absolute;
	bottom: 40px;
}

/*
Menu
------------------------------------------------------- */


#nav {
	clear: both;
}


#nav ul {
	list-style: none;
	width: 100%;
	height: 35px;
	background-image: url("images/menu_background.png");
	background-repeat: repeat-y;
}

#nav ul li {
	display: block;
	width: 20%;
	float: left;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 1em;
	font-weight: bold;
	/*letter-spacing: 0.04em;*/
}

#nav ul li a {
	display: block;
	width: 100%;
	height: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: -3px;
	color: #FFF;
}

/* Prepare for responsive version
---------------------------------------------------
#nav {
	clear: both;
}


#nav ul {
	list-style: none;
	width: 100%;
}

#nav ul li {
	display: block;
	width: 20%;
	float: left;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	background-color: gray;
}

#nav ul li a {
	display: block;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #FFF;
}
--------------------------------------------------- */

#nav li.menu-active-1 > a,
#nav li.menu-active,
#nav li.menu-active a,
#nav li a.menu-active {
	color: #FFF;
}


/*
#nav li.menu-active {
	text-decoration: underline;
}
*/

/* Link Styles
------------------------------ */
a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active, a:focus {
	text-decoration: none;
}

#content-left a:link {
	text-decoration: underline;
	color: #FFF;
}

#content-left a:visited {
	text-decoration: underline;
	color: #FFF;
}

#content-left a:hover {
	text-decoration: underline;
	color: #FFF;
}

#content-left a:active,
#content-left a:focus {
	text-decoration: underline;
	color: #FFF;
}
/*------------------------------------------------- */

#content {
	width: 100%;
	display: inline-block;
	padding-bottom: 30px;
}

#content-home {
	padding-top: 40px;
	text-align: center;
	margin-bottom: -30px;
}

#content-home table {
	margin: 0 auto;
}

#content-color {
	padding: 40px 45px 0;
	font-size: 0.9em;
	line-height: 1.6em;
	color: #FFF;
	clear: both;
}

#content-color h3,
#content-color h2 {
	font-size: 1.5em;
	line-height: 1.1em;
	margin-bottom: 0.3em;
	font-weight: normal;
}


/* "Show more results" link for search */
#content-color h3 small {
	font-size: 1em;
	font-weight: normal;
	}


#content-color h4 {
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 1.2em;
}

.imageRight {
	float: right;
	margin: 0 -45px 10px 20px;
}


#footer {
	position: absolute;
	bottom: 0;
	height: 20px;   /* Height of the footer */
	width: 100%;
	text-align: center;
	font-size: 12px;
	color: #888;
}

#copyright {
	position: relative;
	top: -2px;
	padding-right: 3px;
}


/* Admin Toolbox
------------------------------ */
#admin_data  ul a,
#admin_data  ul a:visited,
#admin_data  ul a:active {
	color: #888;
}

#admin_data  ul a:hover {
	color: #333;
}

#admin,
#admin_data {
	position: fixed;
	right: 0px;
	top: 0px;
	width: 175px;
	border-bottom: 1px solid #E6E6DF;
	border-left: 1px solid #E6E6DF;
	background: #fff;
	z-index: 1001;
	text-align: left;
	font-size: 14px;
}

#admin_data {
	top: 0px;
	padding-top: 20px;
	z-index: 1000;
	line-height: 1.6em;
}

#admin h3 {
	font-weight: normal;
	color: #333;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 1.1em;
}

#admin h3 a {
	color: #888;
}
#admin h3 a:hover {
	color: #333;
}

/* 404 error
------------------------------------------- */

#content-error {
	display: block;
	margin: 10% auto;
	height: 100%;
	min-height: 30%;
	font-size: 1.6em;
	color: #888;
	text-align: center;
}
.errorbox {
	display: block;
	width: 100%;
	padding: 20px;
	background-color: #FDD;
	border-top: 1px solid #FAA;
	border-left: 1px solid #FAA;
	border-right: 1px solid #FAA;
	border-bottom: 5px solid #FAA;
	margin: 0 auto 10px auto;
	font-size: 13px;
	color: #DD6666;
}