﻿/*----------------------------------------
                  FIREFOX            
----------------------------------------*/

/*----------------------------------------
Only add changes for FireFox specific only
----------------------------------------*/


/*--[ Inhoudsopgave ]---------------------

1 Resets
2 Defaults
	2.1 SharePoint
	2.2 Overall
	2.3 Lists
	2.4 Tables
	2.5 Forms
3 Headings
4 Layout
	4.1 Masterpage
	4.2 Page layout
	4.2.1 Columns
	4.2.1.1 Portal
	4.2.1.2 Web
	4.2.2 Common
	4.2.3 Navigation
	4.2.4 Sub navigation
	4.2.5 Breadcrumb
	4.2.6 Search
	4.2.7 Searchresults
5 Partials ( Hier komen classes gegroepeerd op onderwerp bij elkaar te staan, bv: )	
	5.1 News
	5.2 Sitemap
	5.3 FAQ
	5.4 WebParts
	5.5 ETTU SharePoint Portfolio
	5.6	ETTU Contact
	5.7	ETTU DetailsPagina
	5.8 ETTU Mededeling Hoofdpagina
	5.9 ETTU Various 
	5.10 ETTU Nieuwsbrief

/*--[ 1 Resets ]--------------------------*/

/*--[ 2 Defaults ]------------------------*/
/*----[ 2.1 SharePoint ]------------------*/
.ms-globallinks {/* If you are working with SharePoint in Firefox, the top toolbar (Welcome menu, My Site, My Links) may not display correctly. */
	white-space:nowrap
}
.ms-PartSpacingVertical {/* Vertical spacing between web parts; default values are entered */
	font-size:1pt;
	margin-top:12px;
}
.ms-PartSpacingHorizontal {/* Horizontal spacing between web parts; default values are entered */
	font-size:1pt;
	width:8px;
}
#cbqwp { /* Define the width of a Content Query Web Part */
}
.ms-propertysheet {
	font-family: "Trebuchet MS";
	font-size: 12px;
}
#Body {
	background-image: url('Style%20Library/Images/gradient.png');
	background-repeat: repeat-x;
	background-position: left top;
	height: 100%;
	background-color: #ababab;
}
/*----[ 2.2 Overall ]---------------------*/
html {
	overflow-y: scroll;
}
.padding-top50
{
	margin-top:50px;
}
#container {
	background:#ababab url('/Style%20Library/Images/gradient.png') repeat-x top left;
	width:100%;
	height:100%;
	position:relative;
	padding: 14 0 14 0;
}
#containerPortfolio {
	background:#ababab url('/Style%20Library/Images/gradient.png') repeat-x top left;
	width:100%;
	height:100%;
	position:relative;
	padding: 14 0 14 0;

}

#canvas, .canvas {
	color: #333333;
	font-family: "Trebuchet MS";
	font-size: 12px;
	line-height: 1.4;
	height: 100%;
	width:988px;	
	left:50%;
	margin-left:-494px; 
	position:relative;
}
#canvas a {
	color: #333333;
	text-decoration: none;
}
#canvas a:focus, a:hover, a:active {
	outline: none;
}
#canvas a:hover {
	text-decoration: none;
	color: #333333;
}
#canvas img {
	border:none;
}
#editmodepanel {
	background-color:#f1f1f1;
}
.strong {
	font-weight: bold;
}
.hidden {
	display: none;
}
.left {
	float: left;
}
.right {
	float: right;
}
#header{
	background: transparent url('/Style%20Library/Images/banner.png') no-repeat left top; 
}
#headerleft{
	background: transparent url('/Style%20Library/Images/bannerleft.png') no-repeat left top; 

}
#headerright{
	background: transparent url('/Style%20Library/Images/bannerright1.png') no-repeat left top;
 
}

.ms-titleimagearea{
	height: 115px;
	vertical-align: bottom;
	text-align: left;
}
.ms-standardheader {
	color: #000000;
}
/*----[ 2.3 Lists ]---------------------*/
#canvas ul {
}
#canvas li {
}

/*----[ 2.4 Tables ]--------------------*/
#canvas table {
}
#canvas tr {
}
#canvas td {
}
#canvas th {
}

/*----[ 2.5 Forms ]---------------------*/
#canvas input {
}
#canvas textarea {
}
#canvas select {
}
#canvas button {
}
#canvas choice {
}

/*--[ 3 Headings ]----------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

.ms-propertysheet h1, h1 {
	font-family:"Trebuchet MS";
	font-size: 58px;
	color: #FFFFFF;
	text-transform: uppercase;
	margin: 0 0 0 0;
}
h2 {
	font-size: 14px;
	font-family: "Trebuchet MS";
	color:	#0072c6;
}
h3 {
	font-size: 12px !important;
}
h4 {
}
h5 {
}
h6 {
}
/*--[ 4 Layouts ]-----------------------*/
/*----[ 4.1 Masterpage ]----------------*/
/* header */
.ms-main {
}

/* section with Login Status */
.ms-globalright {
}
.ms-globallinks {
	font: normal 10px "Trebuchet MS";
}

/* section with button Site Actions */
#siteactionsbar,  #siteactionsbar a{
	background-color:#b0b5ba;
	color:black;
	text-decoration:none;  
}
#siteactionsbar div.ms-SPLink, div.ms-SpLinkButtonInActive {
	font-size:12px !important;
	vertical-align:bottom;
}
#siteactionsbar div.ms-SPLink ms-SpLinkButtonInActive a {
	color:black;
}
#siteactionsbar .ms-HoverCellActive, .ms-SpLinkButtonActive, .ms-SpLinkButtonInActive {
	border:none;
	background:none;
	margin:0px;
	padding: 0 0 0 3px;
}

.content td {
	height:100%;
}
#siteactionsbar .siteactions {
	vertical-align:bottom;
	text-align:right;
}
#siteactionsbar .help img {
	margin-right:10px !important;
}
#siteactionsbar .welcome span div a{
	font-family:"Trebuchet MS";
	font-size:12px;
}

.ms-consolemptablerow {
	background-color: #FFFFFF;
}
#zz3_SiteActionsMenu_t a {
	font-size: 9px;
}
.help div, .help div table {
	float: left;
}
/* Content area */
.ms-bodyareacell {
}
#MSO_ContentDiv {
}
#MSO_ContentTable {
	height: 478px;
}
.ms-bodyareaframe {
	padding: 30px 30px 30px 30px;
	border: none;
}
#footerdiv {
	background: transparent url('/Style%20Library/Images/bannerfooter.png') no-repeat scroll left top;
	height: 125px;
	padding-top: 15px;
}
#footerdiv img {
	border: none;
}
.ms-titlearearight {
	background-color: #FFFFFF; 
}
#footerdiv td {
	border-left: #999999 1px solid;
	text-align: center;
	width: 25%;
}
#footerdiv td.firsttd {
	border: none;
	width: 220px;
}
#footerdiv td.lasttd {
}
td.subfooter {	
	padding-top:5px;
}

#subfooter {
	padding:0 0 0 10px;
	text-align:center;
}

#subfooter p {
	font: normal "Trebuchet MS" 12px;
	font-size:12px;
	color:#ffffff;
}
#subfooter a, #subfooter a:hover {
	color: #FFFFFF;
}
/*----[ 4.2 Page layout ]-------------------*/
.HomeContent {
	padding-top: 0px;
}
/*----[ 4.2.1 Columns ]---------------------*/
/*----[ 4.2.1.1 Portal ] -------------------*/
.OuterLeftCell_50
{
	width:50%;
	padding-left:20px;
	vertical-align:top;
}
.OuterLeftCell_75
{
	width:75%;
	padding-left:20px;
	vertical-align:top;
}
.OuterLeftCell_80
{
	width:80%;
	padding-left:20px;
	vertical-align:top;
}
.OuterLeftCell_100
{
	width:100%;
	padding:0px 20px 20px 20px;
	vertical-align:top;
}
.OuterRightCell_20
{
	width:20%;
	height:100%;
	padding:0px 20px 0px 20px;
	vertical-align:top;
}
.OuterRightCell_25
{
	width:25%;
	height:100%;
	padding:0px 20px 0px 20px;
	vertical-align:top;
}
.OuterRightCell_50
{
	width:50%;
	height:100%;
	padding:0px 20px 0px 20px;
	vertical-align:top;
}
.TopCell {
	margin-bottom:20px;
	width:100%;
	vertical-align:top;
}
.MiddleLeftCell, .MiddleRightCell {
	width:50%;
	padding-bottom:20px;
	vertical-align:top;
}
.MiddleLeftCell, {
	padding-right:10px;
}
.BottomCell {
	width:100%;
	vertical-align:top;
}

/*----[ 4.2.1.2 Web ] ---------------------*/
.OneColumn {
	width: 100%;
	padding: 0;
	margin-left: 13px;
	float: right;
}
.TwoColumnsLeft {
	width: 768px;
	padding: 0;
	float: left;
}
.TwoColumnsRight {
	width: 181px;
	padding: 0;
	margin-left: 13px; /* margin between TwoColumnsLeft and TwoColumnsRight */;
	float: right;
}
.ThreeColumnsLeft {
	width: 181px;
	padding: 0;
	margin-right: 13px; /* margin between ThreeColumnsLeft and ThreeColumnsMiddle */;
	float: left;
}
.ThreeColumnsMiddle {
	width: 568px;
	padding: 0px;
	margin: 0px;
}
.ThreeColumnsRight {
	width: 181px;
	padding: 0;
	margin-left: 13px; /* margin between ThreeColumnsMiddle and ThreeColumnsRight */;
	float: right;
}
/* width of canvas should be the same as the sum of TwoColumnsLeft+TwoColumnsRight
OR ThreeColumnsLeft+ThreeColumnsMiddle+ThreeColumnsRight
OR the width of OneColumn */

/*----[ 4.2.2 Common ]--------------------*/
.topspace {
	height:10px;
}

/*----[ 4.2.3 Topnavigation ]-------------*/
.ms-topnav {
	font: 18px "Trebuchet MS";
	color: #FFFFFF !important;
	background-color: transparent;
	background-image: none;
	border: none;
	
}
.ms-topnav a{
	color: #FFFFFF;
	border: none;
	padding-right: 18px;
	padding-left: 18px;
	padding-bottom: 10px;
}
.ms-topnav a:hover {
	text-decoration: underline !important;
}
.ms-topnavselected{ 
	color: #FFFFFF;
	font-weight: bold;
	background-color: transparent;
	background-image: none;
	background: none;
	text-decoration: underline;
}
.ms-topNavContainer {
	background: none;
	border: none;
}
.ms-topNavContainer td {
	vertical-align: top;
}

.ms-topNavFlyOuts {
}
.ms-banner {
}
/*----[ 4.2.4 Subnavigation/Quicklaunch ]-*/
.ms-quicklaunchheader {
}
.ms-quickLaunch {
}
.ms-navheader {
}
.headersub {
	background: transparent url('/Style%20Library/Images/flyout_menu3.png') no-repeat left top;
	position: absolute;
	z-index: 16;
	width:987px;
}
.headersub .ms-titleimagearea {
	vertical-align: top;
	height: 105px;
	width: 200px;
}
.headersub .ms-topnav {
	font: bold 22px "Trebuchet MS";
}
.ms-topNavFlyOuts{
	font: normal 12px "Trebuchet MS";
	color: #333333;
	background-color: Background !important;
	background: none !important;
	border: none;
	
}
.headersub .ms-topNavFlyOuts{
	font: normal 12px "Trebuchet MS";
	color: #333333;
	background-color: Background !important;
	background: none !important;
	border: none;
	
}
.headersub .ms-topNavFlyOutsHover {
	background-color: Background !important;
	background: none;
	border: none;
}
#expandmenu {
	height:10px;
	position:relative;
	background-color:#ffffff;
}

#expandmenu a img {
	border:none;
}

#expandmenu td {
	text-align:center;
}
.collapsemenu {
 	height:10px;
 	position:relative;
}
.collapsemenu_flyout {
	height: 25px;
}
.collapsemenu a img {
	border:none;
}

.collapsemenu td {
	text-align: center;
}
.SitePanel {
	padding-left: 20px;
	padding-top: 30px;
	width: 25px;
}
.Site {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: bold !important;
	color:#3FA6F7 !important;
	position: relative;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	width: 148px; 
	
}
.Page {
	font-family: "Trebuchet MS";
	float: left;
	position: relative;
	padding-top: 5px;
	margin-left: 30px;
	width:148px;
	padding-left: 5px;
	font-size: 10px;
	
}
.Page:hover{
	background-color: #3fa6f7;
	color: #FFFFFF !important;
	font-weight:bold;
	width: 148px;
	padding-left: 5px;

}
.ETTU-SharePoint-Tools-WebSite{
	padding-top: 15px;
	vertical-align: top;
	position: relative;	
}
.ms-titleimageareaPortfolio {
	vertical-align: top;
	height: 105px;
	width: 200px;
}
/*.FlyOutAlign {
	vertical-align:top;
	width: 150px;
	padding-left: 20px; */
}
.RecenteProjecten {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: bold !important;
	color:#3FA6F7 !important;
	position: relative;
	padding-left: 20px;
	padding-top: 30px;
	
}

/*----[ 4.2.5 Breadcrumb ]----------------*/
.ms-pagebreadcrumb {
	padding-top: 12px;
	padding-left: 0px;
	padding-bottom: 10px;
	
}
.ms-pagebreadcrumb,.ms-pagebreadcrumb a{
	font-size:12px;
	background-color:transparent ;
	color:#000000;
	text-decoration:none;
}
.ms-sitemapdirectional {
	text-transform:uppercase;
}
.ms-sitemapdirectionalCurrent {
	font-weight: bold;
	text-transform:uppercase;
}
/*----[ 4.2.6 Search ]--------------------*/
.ms-sbscopes {
}
td.ms-sbcell {
	border:none;
	background-color:transparent;
}
td.ms-sbgo {
	border:none;
	background-color:transparent;
}
.ms-sblink {
}
.ms-sbLastcell {
}
.ms-sbrow {
}
.ms-input {
}
.ms-rightbodysectionsearchbox {
}
.ms-sbLastcell {
}
.ms-globalTitleArea {
	background-image: none !important;
	padding: 0px;
}
.ms-sbplain {
}
.ms-sbtable {
}
.ms-sbtablealt {
}
.ms-sbtable-ex {
}
.ms-sbtable-border {
}
#search {
	height: 48px;
	width:212px;
	background: transparent url('/Style%20Library/Images/gra_search.png') no-repeat;
	position: absolute;
	top: 155px;
	left: 740px;
	z-index: 11;
	opacity: 0.7;
	filter: alpha(opacity=70) !important;
}
#searchbox {
	z-index: 12;
	left: 751px;
	top: 167px;
	position: absolute;
	width: 164px;
}
tr.ms-sbrow td.ms-sbcell input {
	border: 1px #41A8F7 solid;
}
/*----[ 4.2.7 Searchresults ]-------------*/
.srch-Description {
}
.srch-Title {
}
.srch-WPBody {
}
.srch-stats {
}
.srch-Page {
}
.srch-Page-bg {
}
.ms-sctabrx {
}
.ms-relatedtext {
}
.ms-srchresultstop {
}

/*--[ 5 Partials ]----------------------*/
/*----[ 5.1 News ]----------------------*/
.Nieuws {
	font-family: "Trebuchet MS";
	font-size:14px !important;
	font-weight: bold;
	color: #FFFFFF;
}

.NieuwsBody {
	font-family: "Trebuchet MS";
	color: #333333;
	font-size:14px !important;
	padding-left:5px;
	}
.Introbox
{
	font-family: "Trebuchet MS";
	font-size:12px !important;
	font-style:italic;
	
	padding-left:5px;
	padding-bottom:20px;
}
.ms-newsbreadcrumb
{
	
}
.ms-newsbreadcrumb,.ms-newsbreadcrumb a{
	font-size:12px;
	background-color:transparent ;
	color:#000000;
	padding-left:2px;
	text-decoration:none;
}

#NewsTitle {
	height: 20px;
	width:928px;
	position: absolute;
	top: 188px;
	left: 30px;
	z-index: 13;
	opacity: 0.7;
	filter: alpha(opacity=70) !important;
	color:#000000;
				
}
table.Nieuwsbody
{
margin-left:10px;
margin-right:10px;
}
div.nieuwsdiv{
	margin-top:20px;
	background-image:url('/Style%20Library/Images/newsgrad.png'); 
	background-color:#D4d4d4;
	background-repeat:repeat-x;
	padding-bottom:10px;
}
.Nieuwsheader, #Nieuwsheader
{
	font-family: "Trebuchet MS";
	font-size:24px !important;
	font-weight: bold;
	color: #333333;
	padding-bottom:10px;


}
.NieuwsByLine
{
	font-family: "Trebuchet MS";
	font-size:14px !important;
	font-weight: bold;
	color: #9a9a9a;
	padding-bottom:0px;
	padding-top:0px;

}

/*----[ 5.2 Sitemap ]-------------------*/
/*----[ 5.3 FAQ ]-----------------------*/
/*----[ 5.4 WebParts ]-----------------------*/

.ETTUHomePage{
	font-size: 14px;
	font-weight: bold;
	font-family: "Trebuchet MS";
	color: blue;
}.WPZoneHR {
	padding-left: 10px;
	width: 460px;
	vertical-align: top;
}

.WPZoneHR1 {
	padding-left: 7px;
	width: 230px !important;
	vertical-align: top;
	padding-top:20px;
}


.WPZoneHR2 {
	padding-left: 10px;
	width: 25%;
	vertical-align: top;
}
.WPZoneHR3 {
	padding-left: 10px;
	width: 30%;
	vertical-align: top;
}

.WPZoneHL {
	padding-right: 30px;
	width: 50%;
	border-right: 1px #cccccc solid;
	vertical-align: top;
}
.WPZoneHL1 {
	padding-right: 30px;
	width: 30%;
	border-right: 1px #cccccc solid;
	vertical-align: top;
}
.WPZoneHL2 {
	padding-right: 30px;
	width: 20%;
	border: none;
	vertical-align: top;
}

.WPZoneHL3 {
	padding-right: 30px;
	width: 70%;
	border-right: 1px #cccccc solid;
	vertical-align: top;
}

.PaddingTitle {
	padding: 20px 0px 0px 0px;
}
#PageTitle {
	height: 40px;
	width:928px;
	background: transparent url('/Style%20Library/Images/page_name.png') no-repeat;
	position: absolute;
	top: 371px;
	left: 30px;
	z-index: 13;
	opacity: 0.7;
	filter: alpha(opacity=70) !important;	
				
}
#PageTitleText {
	z-index: 14;
	left: 25px;
	top: 332px;
	position: absolute;
	width: 900px;
	line-height: 40px;
	
}
#PageTitleB {
	height: 40px;
	width:928px;
	background: transparent url('/Style%20Library/Images/page_name.png') no-repeat;
	position: absolute;
	top: 280px;
	left: 30px;
	z-index: 13;
	opacity: 0.7;
	filter: alpha(opacity=70) !important;	
				
}

#PageTitleTextB {
	z-index: 14;
	left: 8px;
	top: 280px;
	position: absolute;
	width: 900px;
	line-height: 40px;
	
}
.grayBox1 {
	background: transparent url('/Style%20Library/Images/gra_bottom_menu.png') repeat-x;
	padding-bottom: 10px;
	margin-bottom: 15px;
	width:225px;			
}
.grayBox2 {
	background: transparent url('/Style%20Library/Images/gra_bottom_menu.png') repeat-x;
	width: 225px;
	height: 76px;
}
.grayBox3 {
	height: 40px;
	width:928px;
	background: transparent url('/Style%20Library/Images/page_name.png') no-repeat;
	position: absolute;
	top: 295px;
	left: 30px;
	z-index: 13;
	opacity: 0.7;
	filter: alpha(opacity=70) !important	
				
}
.whitebox2 {
		background-repeat: repeat-x;
	padding-bottom: 10px;
	width:225px;
}

.ms-WPTitle {
	font-size: 16px;
	font-weight: normal;
	font-family: "Trebuchet MS";
	color: #666666 !important;
	padding-left: 10px;
	padding-bottom: 6px;
}
.ms-WPHeader td {
	border: none;
}
.grayBox1 A, .grayBox2 A, .ms-WPTitle A:link {
	font-size: 12px;
	font-weight: bold;
	font-family: "Trebuchet MS";
	color: #3FA6F7;
}
#column #linkitem {
	padding-left:10px;
}

.SolutionLink, .News {
	padding-left: 0px;
	padding-right: 10px;
	color: #0072c6 !important;
}
.ImageDescHolder
{
	height: 164px;
	width:120px;
	background: transparent url('/Style%20Library/Images/page_name.png');
	background-repeat:repeat;
	position: relative;
	z-index: 13;
	float:left;
	opacity: 0.7;
	filter: alpha(opacity=70) !important;
	z-index:9;
}
.ImghomeDesc
{
	z-index:10;
	font-family: "Trebuchet MS";
	font-size:14px !important;
	font-weight: bold;
	color: #FFFFFF;
	position:absolute;
	line-height: 2;
	padding-left:10px;

}
.PubImage
{
	padding-top:-50px;
	position:relative;
}
.WPZoneHL a:link {
	color: #3fa6f7 !important;
	cursor: hand;
}
.WPZoneHL a:visited{
	color: #3fa6f7 !important;
}

/*----[ 5.5 ETTU SharePoint Portfolio ]-----------------------*/
.ms-ProjectTitle {
	text-align: left;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #0072c6;
	border-top: 1px #3a72cf solid;

}
.ms-ProjectTitleBox {
	text-align: left;
	font-family: "Trebuchet MS";
	font-size: 20px;
	font-weight:bold;
	color: #cedbf8;
	padding-left: 10px;
}

.ms-ExpertiseTitle {
	text-align: right;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #0072c6;
	border-top: 1px #3a72cf solid;
	width: 200px;

}
.ms-ExpertiseTitleBox {
	text-align: right;
	font-family: "Trebuchet MS";
	font-size: 20px;
	font-weight: bold;
	color: #cedbf8;
	padding-right:2px;
}
.ms-ProjectOmschrijving {
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #FFFFFF;
	background-color: transparent;
	vertical-align: top;
	padding-left: 10px;
	width: 709px;
	height: 71px;
}
.ms-ProjectOmschrijving DIV a{
	color: #3fa6f7 !important;
	font-size: 10px;
}

#Portfolio a:hover{
	background-color: black;
	
}
.PortfolioBG {
	/*background: transparent url('/Style%20Library/Images/bg_portfolio.png') no-repeat;*/
	padding-right: 10px;
	padding-left: 10px;
	
}
.PortfolioDetails {
	background: transparent url('/Style%20Library/Images/bg_portfolio.jpg') no-repeat;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #000000;
}
.PortfolioItem {
	cursor:hand
}
.ms-WPBorder{
	border: none;
}
.Screenshot{
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 0px;
	padding-left: 0px;
}
.goto {
	color: #0072c6 !important;	
}
.linkklant {
	font: normal 12px "Trebuchet MS";
	color: #FFFFFF;
	background-color: transparent;
	vertical-align: top;
	padding-left: 10px;
	font-weight:bold;		
}
.PortfolioFilter {
	background-color: #cccccc; 
	color: #FFFFFF;
	padding-left: 10px;
	cursor: hand;
	width: 150px;
	float: left;
	font-weight:normal;
}
div.PortfolioFilter :hover{
	background-color: #0072c6; 
}

.ms-Filter 
{
	background-color:#0072c6;
	width:150px;
	float:left;
	padding-left:10px;
	color: #FFFFFF;
}
/*----[ 5.6 ETTU Contact ]-----------------------*/

.ms-formbody{
	font-family: "Trebuchet MS";
	font-size: 10px;
	vertical-align:top;
	background:#FFFFFF;
	border: none;
	padding:0;
	vertical-align:top;
}
.ms-formlabel{
	text-align:left;
	font-family: "Trebuchet MS";
	font-size: 10px;
	border: none;
	padding: 0;
	color:#525252;
	font-weight:bold;
	vertical-align:top;
}
.ms-long {
	width: 220px;
}

/*----[ 5.7 ETTU DetailsPagina ]-----------------------*/
.tabholder
{
	padding-top:5px;
}

.tabitem 
{
	font-family:"Trebuchet MS";
	color:#999999 !important;
	font-size:11px;
	font-weight:normal;			
	padding-left:0px;
	padding-right:0px;
	border-bottom:1px #cccccc solid;
	padding-bottom: 0px;
	white-space:nowrap;
}

.tabitemselected {
	border-left:1px #cccccc solid;
	border-top:1px #cccccc solid;
	border-right:1px #cccccc solid;
	border-bottom:2px #FFFFFF solid !important;
	padding-right:7px;
	color:#333333 !important;
	padding-bottom: 0px;
}
.tabitem :hover
{
	background-color:#cccccc;
}
.tabtr
{
	border-bottom:1px #cccccc solid;
}
.tabholder td
{
	width:0px;
	vertical-align: bottom;
}

.tabmenu TD
{
	padding:0;
	margin:0;
	width:0px !important;
}

.width100px;
{
width:100px;
}
.width100
{
width:100%;
}
.leftmenuholder
{
	width:200px;
}
.leftmenuitem
{
	font-family:"Trebuchet MS";
	color:#333333 !important;
	font-size:12px;
	margin-top:1px;
	border-top:1px #fffff solid;
	border-bottom:1px #fffff solid;
	text-align:right;
	padding-right:5px;
	background-color:#cccccc;
}
.leftmenuitemselected
{
	background-color:#999999;
}
.contenttable
{
	border-left:1px #cccccc solid;
	border-right:1px #cccccc solid;
	border-bottom:1px #cccccc solid;
	width:100%;
}

.contenttable2
{
	border:none;
	width:100%;
}

/*----[ 5.8 ETTU Mededeling Hoofdpagina ]-----------------------*/

#training {
	background: url ('/Style%20Library/Images/banner_training.png') no-repeat;
}
#training .header, .date, .description {
	color: #FFFFFF;
	font-family: "Trebuchet MS";
	
}

/*----[ 5.9 ETTU Trainingen ]-----------------------*/


.TrainingSmallBox A,
.TrainingSmallBoxBottom A {
	font-size: 12px;
	font-weight: bold;
	font-family: "Trebuchet MS";
	color: #3FA6F7;
}
.TrainingMainBox {
	Border: 1px #CCCCCC solid;
	width: 297px !important;
	vertical-align:middle;
	padding-bottom: 12px;
	padding-left: 12px;
	padding-right: 12px;
	height:450px;
	
}

.TrainingMainBoxTable,
.TrainingMainTr {
	height:100%;
}


.TrainingMainTop {
	width: 278px;
}
.TrainingSmallBox {
	width: 278px;	
	vertical-align:bottom;
}

.TrainingSmallBox > table {
	background: #dbdbdb url('/Style%20Library/Images/ETTU-Training-Gradient-BG.png') repeat-x;
	height:89px;
}

.TrainingSmallBoxBottom {
	width: 278px;
	padding-bottom: 12px;	
	padding-top:10px;
	vertical-align:top;
}

.TrainingSmallBoxBottom > table {
	background: #dbdbdb url('/Style%20Library/Images/ETTU-Training-Gradient-BG.png') repeat-x;
	height:89px;
}

.TrainingSmallBox .ms-WPBody {

	padding-bottom:10px;
}
.TrainingHeader {
	font-family:"Trebuchet MS";
	font-size: 20px;
	color: #4DB2F8;
	text-align: center;
	margin-bottom: 18px;
}
.spacing1 {
	padding-left: 11px;
	padding-right: 11px;
}
.spacing {
	padding-top: 6px;
	padding-bottom: 6px;
}

/*----[ 5.10 ETTU Various ]-----------------------*/

#copyrightETTU{
	font: normal 10px "Trebuchet MS";
	color: #FFFFFF;
} 

.ms-WPBody {
	font: normal 12px "Trebuchet MS";
	color: #333333;
	background-color: transparent;
	vertical-align: top;
}
.ms-WPBody A:link, .ms-WPBody A:visited {
	color:#555555;
}
#MSO_tblPageBody {
	width:250px;
}
#editdiv {
	left:30px;
	top: 30px;
}

.ms-ToolPaneBorder
{
	height:800px !important;
}
.ms-ToolPaneOuter { 
	position:absolute; 
	height: 100% !important; 
	border: 2px #6f9dd9 solid; 
	top: 0; 
	right: 0;
}
td#MSOTlPn_MainTD {
	width: 0 !important;
}
.LogoPictures {
	padding-left: 34px;
}
/* Nieuwsbrief classes Begin */
/* Nieuwsbrief classes Tabel + TD Begin*/

.NBTabelBullets
{
	width:100%; 
	 border-bottom-width:1px;
	 border-bottom-color:#5a6982;
	
}
.NBTABEL
{
	 border:#b3bcc9 0px solid; 
	 width:100%; 
	 padding-top:5px; 
	 padding-bottom:0px;
}

.NBTABEL2
{
	 width:100%; 
	 padding-top:5px; 
	 padding-bottom:0px;
}



.NBTD
{
	border-right:0px #dbdbdb solid; 
	width: 350px;
}

.NBTD2
{
	width: 350px;
}

.NBTD1
{
	border-right:0px #dbdbdb solid; 
	width: 350px;
}

.NBTDMidden
{
	border-right:0px #dbdbdb solid;
	width: 14px;
}

/* Nieuwsbrief classes Tabel + TD Einde */

/* Nieuwsbrief classe Bullets Begin */
.NBTABELBullets
{
	font-family:Arial;
	font-weight: normal;	
	font-size: 11px;	
	color: #0072c6;
	margin-top:4px;	
	margin-bottom:4px;
	padding-bottom:10px;
	width:530px;
	text-decoration:none
}
/* Nieuwsbrief classe Bullets Einde */

/* Nieuwsbrief classes Header Begin*/
#NBTitelPosition
{
	background-color:#0072c6;
	margin-top:-35px;
	border-bottom-color:#FFFFFF;
	border-bottom-width:1px;
	border-width:1px	
}
#NBOnderwerpPosition
{
	background-color:#0072c6;
	margin-top:1px;	
}
.NBHeaderOnderwerp
{
	 font-family:Arial;
	 text-align:left;
	 background-color:#0072c6;
	 height:15px;
	 width:250px;
	 color:#ffffff;
	 font-size:11px;
	 font-weight:normal;
	 font-family:Arial;	
}
.NBHeaderDatum
{
	 font-family:Arial;
	 text-align:left;
	 background-color:#0072c6;
	 height:15px;
	 width:96px;
	 color:#ffffff;
	 font-size:11px;
	 font-weight:normal;
	 font-family:Arial;	
}
.NBTerug
{
	 text-align:right;
	 font-size:11px;
	 font-weight:normal;
	 font-family:Arial;
	 color:#0072c6 !important;
	 text-decoration:none;
	 padding-top:3px;
	 padding-bottom:10px
}
 .NBTerug A
 {
	  text-align:right;
	 font-size:11px;
	 font-weight:normal;
	 font-family:Arial;
	 color:#0072c6 !important;
	 text-decoration:none;
	 padding-top:3px
}
}
.NBArtikelen
{
	 text-align:left;
	 font-size:13px;
	 font-weight:bold;
	 font-family:Arial;
	 color:#0072c6 !important;
	 text-decoration:none;
	 padding-top:3px
}
 .NBArtikelen A
 {
	  text-align:left;
	 font-size:13px;
	 font-weight:bold;
	 font-family:Arial;
	 color:#0072c6 !important;
	 text-decoration:none;
	 padding-top:3px
}

/* Nieuwsbrief classes Header Einde*/


/* Nieuwsbrief classes Controls Begin*/
.NBtitel
{	
	font-family:Arial;
	font-weight: normal;	
	FONT-SIZE: 20px;	
	COLOR: #0072c6;
	margin-top:2px;	
}
.NBtitelIndex
{	
	text-align:left;
	 font-size:11px;
	 font-weight:normal;
	 font-family:Arial;
	 color:#5a6982 !important;
	 text-decoration:none;
	 padding-top:0px;
	 padding-bottom:0px
}


.NBSubtitel
{	
	font-family:Arial;
	font-weight: normal;	
	font-size: 11px;	
	color: #0072c6;
	margin-top:4px;	
	margin-bottom:4px;
	padding-bottom:10px;
	width:700px !Important;
}
.NBTekst
{
	font-family:Arial;
	font-size:11px;
	color:#000000;
	FONT-WEIGHT: normal;
	width:100%;	
	padding-bottom:-3px;
}
.NBFototTitel 
{	
	font-weight: bold;	
	font-size: 11px;	
	COLOR: #0072c6;
	padding-top:9px
}
.NBPlaatje
{
	font-family:Arial;
	FONT-WEIGHT: normal;	
	font-size: 11px;	
	COLOR: #0072c6;
	padding-top:5px
}
.NBHeaderTitel 
{
	 font-family:Arial;
	 text-align:left;
	 background-color:#0072c6;
	 height:30px;
	 width:350px;
	 color:#ffffff;
	 font-size:22px;
	 font-weight:bold;
	 font-family:Arial;		
}
/* Nieuwsbrief classes Controls Einde*/

.Arcadis-SharePoint-News-Container
{
	width:			200px;
	font-family:	Tahoma;
	font-size:		11px;
	Position: relative;
	font-weight: normal;
	float: left;
}

.Arcadis-SharePoint-News-Container select,
.Arcadis-SharePoint-News-Container input,
.Arcadis-SharePoint-News-Title
{
	width:			200px;
	font-family:	Tahoma;
	font-size:		11px;
	margin-top:		5px;
	Position: relative;
	float: left;
}

.Arcadis-SharePoint-News-Title
{
	margin:			5px 0px;
	font-weight:		bold;
	Position: 		relative;
	float: 			left;
}
#WebPartTitleWPQ2
{
				background-color:#ffffff
}

/* Nieuwsbrief classes Einde */


.ExternalClass6884A556935542E8B4290F774A891616 A {
	color: #3fa6f7;
}

.ms-ProjectOmschrijving DIV a, .ms-ProjectOmschrijving DIV a:visited{
	color: #3fa6f7 !important;
	font-size: 10px;
}


/* Portfolio */
.PortfolioNavBox
{
	float:left;
	width:200px;
}
.PortfolioBox
{
	float:right;
	width:700px;
	border:1px #ccc solid;
}
.PortfolioBoxNoBorder
{
	float:right;
	width:700px;
	border:0px;
}

.PortfolioImg
{
	float:left;
	padding:5px;
	padding-top:20px;
	padding-left:10px;				
}
.PortfolioDesc
{
	width:420px;
	float:right;	
	padding:5px;	
		vertical-align:top;	
}
.PortfolioTitle,
{
	float:left;
	height:40px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-top:0px;
	vertical-align:top;
		
}
.PortfolioHR  
{
	border:0;
	border-top: 4px dotted #ccc;
	height:0px;

}
.PortfolioTitle h1
 {
	color:#ccc;
	padding-left:0px;
		vertical-align:top;
}
.PortfolioNavItem, .PortfolioNavItem a:active, .PortfolioNavItem a:link, .PortfolioNavItem a:visited, .PortfolioNavItem a
{
	font-family:"Trebuchet MS";
	font-size:18px;
	color:#0072C5 !important;
	text-transform:uppercase;
}

