/* geeft het SiteActies menu kleur */
.ms-siteactionsmenu a {
	color: blue !important;
}
/* wvgennip 6-3-08*/
/* siteacties knop duwt menu naar beneden. absolute haalt knop uit de document-flow */
.ms-siteaction {
}
/* zorgt ervoor dat er links en rechts van de pagina geen balken komen te staan. */
/*border left and right for container */
#aspnetform {
	border-left: none!important;
	border-right: none!important;
}
/* aanmelden balk de juiste kleur geven */
.ms-globalbreadcrumb {
	background-color: #ebefea!important;
	width:254px!important;
	height:15px!important;
}
/* zorgt ervoor dat de siteacties zodanig geplaatst wordt 
dat het logo (linksboven) geheel weergegeven wordt */
.ms-banner {
	/*background: #15668F url("../images/lay4_blue_nav_bg.gif") repeat-x top left;*/
/*position:absolute!important;*/
/*width:200px;*/
/*background-color:aqua;*/
top: 130px!important; /*lijkt erop dat deze geen effect heeft?!*/
/*background-color:aqua;  aqua is een mooie kleur om te testen....*/
}
.ms-globallinks-left {
	display: none;
}
/*dit stukje code zorgt ervoor dat de combobox in van het search control niet weergegeven wordt*/
.ms-sbscopes {
	display: none;
}
/*dit stukje code zorgt ervoor dat geavanceerd zoeken van het search control niet weergegeven wordt*/
.ms-sblink {
	display: none;
}
.searchLayout input {
	background: transparent url('/images/gosearch.gif') left no-repeat;
	padding-left: 25px;
}
.searchLayout .ms-sbcell {
	border-color: #BD9BBD;
}
/*
Er zit een balk achter siteactions. Onderstaande zorgt dat 
de achtergrondkleur(!) niet zichtbaar is, inclusief alle 'in'liggende elementen
*/
#nav-wrapper * {
	background-color: transparent!important;
}
#nav-wrapper {
	background-color: transparent!important;
}
#nav-wrapper {
	position: absolute!important;
	top: 0px!important;
	left: 0px;
	width: 100%;
	height: 20px;
}
/*
.customSearchLabel {
	Width: 80px;
	position: absolute;
	top: 30px;
	left: 715px;
	font-family: Verdana;
}
.customSearchControl {
	position: absolute!important;
	top: 25px!important;
	left: 800px!important;
}
*/
/****************************/
/* CUSTOM STP HUISSTIJL CSS */
/****************************/
/* GENERAL CSS */
.myAbstractCSSClass a {
	display: block;
	width: 168px;
	text-decoration: none;
	text-align: center; /*background-color:white;*/;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: black; /* bepalen van de locatie van het 'menu woord' (bijv Home, Actueel...)*/;
	padding-top: 5px;
}
.myAbstractCSSClass a:hover {
	height: 50px; /* bepalen van de locatie van het 'menu woord' (bijv Home, Actueel...) bij een hover*/;
	padding-top: 16px;
}
body {
	text-align: center;
	min-width: 500px;
	background-color: #51626f;
	background-image: url('../images/backgroundCanvas.jpg');
	background-repeat: repeat-x;
	
	margin:5px 0px 0px 0px!important;
}
#customSTPCanvas {
	background: url("../images/logodragerincllogo.jpg") no-repeat;
	background-color: white;
	width: 1024px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
#CanvasInfoBarFooter {
	color: #51626f;
	background-color: #ebefea;
	text-align: right;
	font-size: 12px;
	font-family: Verdana;
	float: left;
/*	border-top: 15px solid white!important;*/

	width:750px!important;
	float:left;	
}
#CanvasInfoBarFooter a {
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana;
	color: #51626f;
}
#customSTPLogo {
	font-family: Verdana;
	font-size: 16px;
	font-style: italic;
	
	position: relative;
	top: -40px;
	left: 510px;
	
	width:520px;
}
#CanvasInfoBarFooterPlaceHolder
{
	/*Zorgt ervoor dat er boven de footer een white border komt.*/
	border-top:15px white solid!important;
	width:100%!important; /*kip*/
}
/*Zorgt dat de Disclaimer link dun grijs weergegeven wordt.*/
#Disclaimer {
	text-decoration: none !important;
	font-size: small !important;
	font-family: Verdana !important;
	font-weight: normal !important;
	color: #51626f !important;
}


/* MENU MASTER PAGE */
/*LeftNavMenu*/
.ms-quicklaunch {
	/* CUSTOM STP */
	border: 1px white solid!important;
	width: 100%;
}
.ms-quicklaunch a {
	/*custom stp override in custom_stp.css
	border-bottom:1px solid #98c2d9 !important;*/
	border-bottom: 1px #51626f dotted !important;
	/*
	Deze border zorgt ervoor dat de bovenkant van elk menuitem ook een
	dotted line border heeft. De margin zorgt ervoor dat borders elkaar overlappen.
	Helaas werkt dit alleen in FF. In IE heeft de bovenste menuoptie geen dotted border :-(

	border-top:80px #51626f dotted !important;
	border:1px red solid!important;
	
	margin-top:-1px;
	*/
}
.ms-navheader td {
	border-bottom: 1px #51626f dotted !important;
	position: relative;
	display: block;
	top: -1px!important;
	margin-top: -1px!important;
	width: 255px!important;
	color: white!important;
}
.ms-navheader td a {
	width: 400px!important;
}
table.ms-navSubMenu1 .ms-navheader td a {
	/*CUSTOM STP TODO ADDED SIZE*/
	font-family: Verdana!important;
	font-size: 14px !important;
	font-weight: bold!important;
	color: #51626f!important; /*KLEUR VAN (left) NAVIGATIE MENU ITEMS*/;
	width: 255px!important;
}
table.ms-navSubMenu1 .ms-navSelected td a {
	/*CUSTOM STP TODO ADDED SIZE*/
	color: white!important; /*KLEUR VAN (left) NAVIGATIE MENU ITEMS*/;
}
#zz2_QuickLaunchMenun0 a{
	font-style:italic!important; /*eerste lefnav item italic*/
}

#WebPartWPQ2 th{
/*zorgt ervoor dat er geen irritant lijntje boven de faq staat in IE EN FF!!*/
	display:none!important;
}

/*
dit is de complete td van een leftnavigation menu item.
dus niet het stuk waarin de text staat!!
*/
.ms-navheader td:hover {
	border-bottom: 1px #51626f dotted !important;
	width: 255px!important;
	color: white!important;

/*bug	background-color:#15668F!important;*/
}
table.ms-navSubMenu1 .ms-navheader td:hover {
	color: white!important;
}
table.ms-navSubMenu1 .ms-navheader td:hover a {
	/* CUSTOM STP*/
	color: white!important;
	width: 255px!important;
/*	background-color:#15668F!important;*/
}
table.ms-navSubMenu1 .ms-navheader td a {
	/* CUSTOM STP*/	
	width: 255px!important;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}
/* DEZE ACHTERGROND ZORGT ERVOOR DAT HET GRIJZE RANDJE NIET MEER ZICHTBAAR IS!!*/
.ms-nav {
	/*	position: absolute;
	left: 0;
	width: 138px;
	background: #FFFFFF;
	margin-left: 2px;
	*/
	/*deze regel plaats de linker navigatie (left navigation) op de juiste locatie.*/ 
	top: 40px!important;
	background: none;
	/* deze is ook mogelijk maar bij een andere achtergrondkleur dan wit gaat het denk ik mis: background: white;*/
}
.ms-navframe {
	border-top: 1px dotted #51626f;
	width: 255px!important;
}
.ms-quicklaunchouter {
	/*left nav top dotted line*/
	width: 255px!important;
	border-top: 1px #51626f dotted;
}
.ms-quicklaunchheader {
	/*
	door deze uit te zetten lijkt het erop dat de bovenste border overal goed staat.
	op de STICHTING site stond deze nog als block ingesteld. Geen idee waarom.
	*/
	display: none;
}
/*
navheader zijn zeg maar de 'nivo 1 navigatie items'
het is dus niet 1 control maar alle onafhankelijke 'nivo 1 navigatie items'
*/
.ms-navheader {
	/*	height:25px;*/
	width: 255px!important;
}
.ms-quickLaunch {
	border: none!important;
}
#GlobalTitleAreaImage {
	border-right: none !important; /*1px solid #6A1413;*/
}
div.ms-sitetitle {
	/* CUSTOM STP 
OVERRIDE IN CUSTOM_STP.css
*/
position: absolute !important;
	top: 160px;
	left: 0px;
	z-index: 1000;
}
#company-logo {
	display: none;
}
.body-wrapper {
	top: 0px!important;
	left: 0px; /*
	margin:0px!important;
	margin-top:25px;
	margin-bottom:20px!important;
*/;
	background-color: white;
	position: relative;
}
/* zorg ervoor dat de 'body' op een bepaalde positie staat.*/
.ms-bodyareacell {
	margin: 0px!important;
	padding: 0px!important;
/*	top:-30px;*/	left: 270px;
	width: 730px!important;
}

.ms-bodyareacell2 {
	margin: 0px!important;
	padding: 0px!important;
	width: 1000px!important;
}

.ms-bodyareaframe {
	left: 0px; /*top:10px;*/;
	height: auto!important;
	margin: 0px!important;
	padding: 0px!important;
}
.ms-bodyareaframe #OuterZoneTable #OuterLeftCell
{
	padding-left:0px!important;
}
#WebPartWPQ4 {

}
#WebPartWPQ4 .item {
/*zorgt ervoor dat de nieuwsflitsen padding krijgen*/
	padding-left:15px!important;
}

.ms-pagebreadcrumb {
	display: none!important;
}
.breadcrumbCurrent {
	display: none!important;
}
.ms-titlearea {
	/* breadcrumb voor o.a. Activiteiten - Algemeen */
	background-color: aqua!important;
	display: none;
}
.ms-vb a {
	font-family: Verdana;
	font-size: 12px;
}
.ms-vb {
/*	font-weight: bold; /*color:aqua;*/
	background-color: #ebefea!important;
}
.ms-vb-tall {
	background-color: #ebefea!important;
}
.ms-pagetitle {
	display: none;
}
/*
.ms-quicklaunch {
border-right: 0px solid #6A1413;
border-top: 1px solid #A67271;
background-color:#fff;
width:100%;
}
*/
/*
.ms-navframe
{
 	background-color:aqua;
}
*/
/* TOON ALLE ELEMENTEN MET EEN BORDER BELANGRIJK! HET STERRETJE LATEN STAAN!!!*/
/*
* {border:1px dotted black;}
*/
/* FAQ */
/* START FAQ CSS */
/* javascript dropdown faq */
#faq li div.answer {
	display: none;
}
/* default == antwoord verbergen */
#faq li.collapsed div.answer {
	display: none!important;
}
#faq li.expanded div.answer {
	display: block!important;
}
/* verdere opmaak faq */
#faq {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-family: Verdana;
	font-size: 12px;
/*
	position:absolute !important;
	top:80px;
	left:20px;
*/
}
#faq li {
	width: 700px;
	margin: 10px;
}
#faq li div.question {
	cursor: hand;
	color: #008;
}
#faq li div.answer {
	background-color: #ebefea; /*		border: 1px solid #aad; */;
	padding: 10px;
}
/* END FAQ CSS */
/********/
/*PageLayout - Activiteit*/
.ms-WPBody {
	background-color: #ebefea!important;
}
.ms-WPBody p {
	margin-left: 15px;
}
.ms-WPBody table {
	background-color: #ebefea!important; /*zorgt ervoor dat bijvoorbeeld contact/route achtergrond heeft*/
}
/*.ms-bodyareaframe div.float, .ms-bodyareaframe table {*/
.ms-bodyareaframe table {
	
	float:left!important;
}
.ms-bodyareaframe div.float{
	float: left;
	background-color: white;
	/*height:550px!important;*/
}
.float
{
	border-bottom:15px white solid!important;
}
.header {
	background-color: #ebefea;
	font-family: Verdana;
	padding: 15px;
	width: 700px;
}
.title {
	background-color: #ebefea;
	color: #51626f!important;
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
}
.beschrijving {
	background-color: #ebefea;
	color: #51626f!important;
	background-color: #ebefea;
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
}
.quote {
	background-color: #ebefea;
	color: #51626f!important;
	padding-top: 15px;
	font-family: Verdana;
	font-size: 12px;
}
.whitespace {
	background-color: white;
	height: 15px;
	width: 100%!important;
	border: 1px white solid;
	color: white;
	float: left;
}
/*
De details van een activiteit staan in de div details
in de div details staan 2 divs naast elkaar gepositioneerd, te weten
- overzichtblok
- overzichtblokrechts
*/
.details {
	border-top:15px white solid;
	background-color: #ebefea;	
	height:100%!important;

	/*!!!!Deze zorgt ervoor dat details ook 100% hoog is!!!!*/
	overflow:hidden;
}
.overzichtblok {
	background-color: #ebefea;
	float: left;
	width: 335px;
/*	height: 56px;*/
/*	border-top: 15px solid white;*/
/*	border-bottom: 15px solid white;*/
/*	margin-top:15px;*/
/*	margin-bottom:15px;*/
	padding:10px 15px 15px 15px;
}
.overzichtblokrechts {
	background-color: #ebefea;
	float: left;
	width: 335px;
/*	height: 100px;*/
/*	border-top: 15px solid white;*/
/*	border-bottom: 15px solid white;*/
/*	margin-top:15px;*/
/*	margin-bottom:15px;*/
	padding: 15px;
}
.label {
	background-color: #ebefea;
	color: #51626f!important;
	font-family: Verdana;
	font-size: 12px;
	font-weight:bold;
/*float:left => zorgt ervoor dat de regels onder/resp naast elkaar staan*/
	display:block;
	padding-top:5px;
}
.data {
	background-color: #ebefea;
	color: #51626f!important;
	font-family: Verdana;
	font-size: 12px;
}
/****************** PAGE LAYOUT END *******************/
/*zorgt ervoor dat de pagina activiteiten - Algemeen helemaal bovenaan staat*/
#MSOZoneCell_WebPartWPQ2  .ms-standardheader
{	
display:none!important;
}
.bottomwhitespace {
	color: white;
	background-color: white;
	/*width:700px;*/
}
.ms-sitetitle {
	position: relative;
	float: left;
	top: 20px;
/*	background-color:aqua!important;*/
}
.ms-main {
	border-top: 10px solid white!important;
}
#above-main {
	padding-bottom: 0px!important;
/*	border-bottom:10px solid white !important;
	height:10px!important;
	background-color:white!important;
*/
}
.StandaardTekst {
	font-family: Verdana;
	color: #51626F;
	font-size: 12px!important;
}
.ms-rteCustom-StandaardTekst {
	font-family: Verdana;
	color: #51626F;
	font-size: 12px!important;
}
.StandaardTitel {
	/*font-family: Verdana;
	font-size: 16px!important;*/
	color: #51626F;
	font: bold 16px/36px Verdana!important;
}
.ms-rteCustom-StandaardTitel {
	/*font-family: Verdana;
	font-size: 16px!important;*/
	color: #51626F;
	font: bold 16px/36px Verdana!important;
}
#onzichtbaar {
	height: 50px;
	top: 90px;
/*	background-color:aqua;*/
}
/*sitemap layout*/
.toc-layout-main {
	border: 15px #ebefea solid;
	background-color: #ebefea!important;
}

.level-item a {	
color: #51626f!important;
}

.headertitle a {	
color: #51626f!important;
}
/*******************************/
.FaqHolder {
	/*margin-top:15px!important;*/
	border-top:15px #ebefea solid!important;
}
.FaqHolder b {
	padding-left: 15px!important;
}
.FaqHolder * {
	background-color: #ebefea!important;
	border: 0px!important;
	color: #51626f!important;
}
.hidden {
	visibility: hidden;
	display: none;
	color: #51626f!important;
	font-weight: bold!important;
}
.unhidden {
	display: block;
	font-family: Verdana;
	font-size: 12px;
	padding-left: 20px;
margin-top:5px;
}
.editimg {
	vertical-align: top;
	padding-top: -5px;
	color: #51626f!important;
}
.ms-quicklaunch {
	border: display none;
}
.ms-navframe {
	border: 1px white solid!important;
}

.ms-WPBody#WebPartWPQ4 {
	border-bottom:15px white solid!important;
	height:100%!important;
}

/*CSS VOOR PERSBERICHTEN*/
.persberichten {
	width: 700px;
	border: 15px #ebefea solid;
	background-color: #ebefea;
	color: #51626f!important;
	font-family: Verdana;
	font-size: 12px;
}
#titel {
	width: 670px;
	font-size: 20px;
}
#beschrijving {
	width: 670px;
	font-size: 14px;
}
.titleNoBack {
	background-color: #FFFFFF;
	color: #51626f!important;
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
}