﻿/*************************************************/
/*--------------- Algemene opmaak ---------------*/
/*************************************************/
* {
				margin: 0;
				padding: 0;
}
body {
				font-size: 62.5%;
}
div#container {
				width: 1024px;
				margin-left: auto;
				margin-right: auto;
				text-align: left;
				position: relative;
				margin-bottom: 20px;
}
/*************************************************/
/*---------------- Header opmaak ----------------*/
/*************************************************/
#header {
				height: 30px;
				background-color: #39698f;
				text-align: right;
				padding-right: 25px;
}
#headercenter {
				padding-top: 6px;
}
#headercenter table {
				float: right;
}
#header li {
				display: inline;
}
a {
				margin-left: 1.5em;
				font-size: 1.2em;
				font-family: Arial, sans-serif;
				color: #fff;
				text-decoration: none;
}
a img, a:hover img {
				border: 0px;
				text-decoration: none;
}
#header a {
				margin-left: 1.5em;
				font-size: 1.2em;
				font-family: Arial, sans-serif;
				color: #fff;
				text-decoration: none;
}
a {
				margin-left: 0;
}
.videoContainer {
				margin-top: 15px;
}
.video{
				width: 300px;
				height:170px;				
				text-align: center;
				
}
.video .title {
				color: #696969;
				margin-top: 5px;
				font-size: 16px;
				font-weight:bold;
}
videoContainer td{margin-top:10px;}
.video .speaker {
				color: #696969;
}
.video {
				border-bottom: 2px;
				border-bottom-color: #5B95C3;
				border-bottom-style: solid;
				background-color:#CCCCCC;
}

/*************************************************/
/*************************************************/
/*---------------- Banner opmaak ----------------*/
/*************************************************/
#banner {
				height: 358px;
				background: url('images/banner.jpg');
				background-repeat: no-repeat;
}
.lijntje {
				height: 2px;
				background: url("images/lijntje.jpg");
				background-repeat: repeat-x;
				font-size: 0em;
}
/*************************************************/
/*---------------- Content opmaak ---------------*/
/*************************************************/
#contentcontainer1 {
				float: left;
				width: 100%;
				background-color: #e1e1e1;
				position: relative;
				right: 25%;
				text-align: justify;
				padding-bottom: 3em;
}
#contentcontainer2 {
				float: left;
				width: 100%;
				background-color: #fff;
				position: relative;
				right: 25%;
}
#contentcontainer3 {
				float: left;
				width: 100%;
				background-color: #e1e1e1;
				overflow: hidden;
				position: relative;
}
#contentlinks {
				width: 46%;
				float: left;
				position: relative;
				left: 52%;
}
/*Content div die de volledige breedte van de container inneemt */
#contentvolledig {
				width: 100%;
				float: left;
				position: relative;
				left: 52%;
}
#contentmiddel {
				width: 21%;
				float: left;
				position: relative;
				left: 56%;
}
#contentrechts {
				width: 21%;
				float: left;
				position: relative;
				left: 60%;
}
.contentBovenPadding {
				margin-top: 48px;
				text-align: center;
}
.navlinks {
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 12px;
				margin-bottom: 5px;
}
}
h1 {
				font-family: Arial;
				font-size: 1.5em;
				color: #696969;
				padding: 1em 0 1em 0;
}
.contentheader1 {
				font-family: Arial;
				font-size: 1.5em;
				color: #696969;
				padding: 1em 0 1em 0;
}
p {
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #151515;
}
.pWhite {
				font-family: Arial, sans-serif;
				font-size: 10px;
				color: #FFFFFF;
}
#legal {
				padding-left: 350px;
}
.pWhite a {
				font-size: 10px;
}
/*
.ms-vb2 <<	Dit is het vlak waar de titel en datum veld inzitten
.ms-vb-tall << Dit is het tekstvak van een nieuws bericht.
*/
.ms-vb2 {
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 14px;
				padding-left: 5px;
				background-color: #FFFFFF;
}
.ms-vb-tall {
				padding-top: 10px;
				padding-bottom: 20px;
				padding-left: 5px;
}
.ms-vb2 a {
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 14px;
				color: #5B95C3;
}
.ms-vb-tall a {
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 14px;
				color: #5B95C3;
}
.contentpara a {
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #5B95C3;
}
.ms-vb2 a:hover {
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 14px;
				color: #000000;
}
.ms-vb-tall a:hover {
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 14px;
				color: #000000;
}
/*************************************************/
/*---------------- Footer opmaak ----------------*/
/*************************************************/
#footer {
				clear: both;
				background: url("images/footer.jpg");
				background-repeat: repeat-x;
				background-position: top;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 1.2em;
				padding: 1em;
				color: #fff;
}
.left {
				text-align: left;
				float: right;
}
.ms-menutoolbar {
				display: none;
}
.ms-standardheader {
				display: none;
}
.ms-vh2 {
				display: none;
}
