﻿body												{height: 100%; padding:0; margin:0; text-align: justify; font-family: arial; font-size: 12px; background: white; overflow-x: hidden; color: black;}

h1													{font-size: 20px!important; color: #DC1624; margin: 0px; font-weight: normal!important; font-family: Gill Sans MT;}
h2													{font-size: 18px!important; color: #DC1624; margin: 0px; font-weight: normal; font-family: Gill Sans MT;}
h3													{font-size: 16px!important; color: #DC1624; margin: 0px; font-weight: normal; font-family: Gill Sans MT;} 
h4													{font-size: 14px!important; color: black; margin: 0px; font-weight: bold; font-family: Gill Sans MT;} 
h5													{font-size: 13px!important; color: #DC1624; margin: 0px; font-weight: normal; font-family: Gill Sans MT;} 

h1.title							{color: white!important; background: #DC1624; padding: 0 0 0 5px; height: 30px;}

.content a									{color: #DC1624; text-decoration: underline;}
.content a:hover								{color: #DC1624; text-decoration: none;}
.content a:active							{color: #DC1624; text-decoration: underline;}

.content p 														{color: black; margin-top: 5px; line-height: 18px;}
/*.content em													{font-style:normal; font-weight:bold;}*/
.content ul														{ list-style: bullet; color: #DC1624; line-height:22px;}  



	
}
/* .content ul { list-style: square; list-style-image: url(images/bulletpoint.jpg)!important; line-height:22px; */
}
/*.article ul { list-style: square; list-style-image: url(images/bulletpoint.jpg)!important; line-height:22px;*/
}
												
/*												
.content ul li {list-style: bullet; color:#808084; }
.content ul li a {color:#DC1624;}
*/
/*.content ul li:first-line {
	color:#DC1624;
}*/
.container													{border: 0px solid lime; height: 100%; width: 100%; margin: auto; text-align: left; }
.total																	{width: 940px; padding: 10px; margin: auto;}

.top																			{height: 100px; width: 940px; padding: 10px; margin: auto;}
	.logo																	{width: 640px;}
	.controls													{float: right; font-size: 11px; color: #808084; height: 20px; margin: -8px -10px 0 0;}
	.controls img										{margin-bottom: -12px;}
	.controls a												{font-size: 11px; color: #808084; padding: 0 3px 0 3px; text-decoration: none;}
	.controls a:hover						{font-size: 11px; color: #DC1624; text-decoration: underline;}

	
	.search															{float: right; margin-top: -30px; text-align:right;}
	/*
	.search .button							{background: #DC1624; border: 0px; padding: 4px; color: white; font-size: 12px; margin-left: 3px;}
*/
	/*Search Box Styles*/
	.article input.ms-sbplain,
	.s4-search input.ms-sbplain     { height:14px; padding:4px 2px 2px 9px; width: 175px !important; border: 1px #DC1624 solid!important; font-family:Arial!important; font-size:12px!important; color:black!important;}
	.article .ms-sbgo,
	.s4-search .ms-sbgo             { cursor: pointer; float: right; }
	.article table,
	.s4-search table                { margin-right: -3px !important; }
	.article .ms-sbgo a,
	.s4-search .ms-sbgo a           { margin-left: 5px; background:url("images/search-norm.gif") no-repeat top left; width:50px; height:22px; display:block;cursor: pointer; float: right; }
	.article .ms-sbgo a:hover,
	.article .ms-sbgo a:hover,
	.s4-search .ms-sbgo a:hover 	{ margin-left: 5px; background:url("images/search-over.gif") no-repeat top left; width:50px; height:22px; display:block;cursor: pointer; float: right; }
	.article .srch-gosearchimg, 
	.s4-search .srch-gosearchimg, 
	.article .ms-sbgo span,
	.s4-search .ms-sbgo span        { display:none; }
	
.header			{height: 340px; width: 100%; margin: auto; }
.header	.total	{padding: 0 0 0 18px;}
	
	.backgroundstory						{height: 80px; width: 540px; background: url("images/black-pixel.png"); padding: 10px; float: left; margin-top: 215px;}
		.backgroundstory h1			{color: white; font-size: 30px; text-transform:uppercase;}
		.backgroundstory h1 a	{color: white; font-size: 30px; text-transform:uppercase; text-decoration: none;}
		.backgroundstory p				{color: #DC1624; font-family: Gill Sans MT; font-size: 16px; font-weight: bold;}
		
	.calltoaction									{float: right; height: 180px; width: 220px; background: white; margin-top: 30px;}
		h2.calltoactiontitle 	{color: white; background: #DC1624; height: 30px; padding: 0 0 0 5px;}
	.calltoaction p								{padding: 5px; margin: 0px; color: #808084;}
	.calltoactionsummary		{height: 110px; font-family: Garamond; font-style: italic; font-size: 40px; line-height: 32px; color: #808084;}
	.calltoactionsummary a {text-decoration: none; color: #808084;}
	.calltoactionlink 					{width: 200px;}
	.calltoactionlink a				{text-decoration: none; color: #808084;}
	.calltoactionlink .link			{padding: 0 0 0 5px;}
	.backgroundmask					{position: absolute; display:none; height: 340px; width: 100%; background: url("images/red-pixel.png") top center !important;}

	.background											{height: 340px; width: 100%; background: url("images/background.jpg") no-repeat top center;}
	.header img												{}

.content															{width: 940px; padding: 10px; margin: auto; float: left;}
	.content .left									{width: 220px; float: left;}	
	.content .center							{width: 460px; float: left; margin: 0 20px 0 20px;}
	.content .right								{width: 220px; float: left;}	

.item																		{margin: 0 0 30px 0!important; padding: 0 0 0 0!important;}

.item h1			{color: white; }
.item h1	a		{color: white!important; text-decoration: none; }
.item h1	a:hover	{color: white; text-decoration: underline;}

/* News */	
.newsitem														{margin: 10px 0 10px 0;}
	.newsitempicture						{height: 90px; width: 220px; background: black;}
	.newsitemtitle h3						{color: white; background: #DC1624; height: 25px; padding: 3px 0 0 5px;}
	.newsitemtitle h3	a				{color: white!important; text-decoration: none; font-weight:normal;}
	.newsitemtitle h3	a:hover{color: white; text-decoration: underline;}
	.newsitemsummary						{margin: 5px 0 0 0;}

/* Events */		
.eventitem													{margin: 10px 0 10px 0;}
	.eventitempicture					{height: 55px; width: 220px; background: black;}
	.eventitemtitle							{position: absolute; width: 220px; text-align: right;}
	.eventitemtitle h2					{color: white; height: 30px; padding: 0 10px 0 5px;}
	.eventitemtitle a						{text-decoration: none;}
	.eventitemtitle a:hover			{text-decoration: underline; color: white;}
	.eventitemdate h3						{color: white; background: #DC1624; height: 20px; line-height: 18px; padding: 0 0 0 5px;}
	.eventitemdate h3	a			{color: white!important; text-decoration: none; font-weight:normal;}
	.eventitemdate h3	a:hover	{color: white; text-decoration: underline;}
	
/* Quicklinks */	
.quicklinks												{margin: 10px 0 10px 0;}
	ul.quicklinktitems 				{margin: 0; padding: 0px;}
 ul.quicklinktitems li 								{background: #818085;	border-bottom: 1px solid #ffffff;	padding: 10px; list-style-type: none; color: white;}
 ul.quicklinktitems li:hover  		{background: #DC1624;}
 ul.quicklinktitems a 							{color: white; text-decoration: none;}
 ul.quicklinktitems a li:hover 	{text-decoration: none;}	
		ul.quicklinktitems a li h3						{color: white;}

/* Socialbox */		
.socialbox													{height: 225px; width: 940px; background: #DC1624; padding: 10px; margin: 10px 0 20px; float: left;}
	.socialbox .icon							{float: left;}
	.socialbox .left							{width: 295px; float: left;}	
	.socialbox .center					{width: 310px; height: 220px; float: left; border-left: 1px solid white; border-right: 1px solid white; padding: 0 10px 0 10px;}
 .socialbox .right						{width: 295px; float: right;}	

/* Twitter */
.twitter  														{height: 220px; float: left;}
.twtr-hd															{display: none;}
.twtr-ft 															{display: none;}
.twitter .twtr-bd							{width: 250px;}
.twtr-tweet-text							{margin-left:0px!important; line-height: 100px!important;}
.twtr-widget p					 					{line-height: 26px!important;}
.twtr-tweet-text p a				{text-decoration: underline!important;}
.twtr-avatar											{display: none!important;}
.twtr-tweet												{border-bottom: 0px!important;}
.twtr-widget .twtr-tweet-wrap 							{padding-top: 0px!important; padding-bottom: 15px!important;}

/* Facebook */
#rssincl-box-580553				{width: 260px!important; padding: 0 0 0 10px!important;}
#rssincl-box-580553 div.rssincl-content table tr td {background: none!important;}
.rssincl-righttd 							{background-color: none!important;}
.rssincl-itemtitle a				{color: white!important; font-size: 12px!important; font-weight: normal!important; text-decoration: underline!important;}
.rssincl-itemdate						{color: white!important;}
.rssincl-itemdesc						{display: none;}
.rssincl-last										{display: none;}

/* YouTube */
.youtube															{margin: 0 0 0 10px; width: 250px; height: 220px; float: left;}
.youtube h3													{color: white; margin: 0 0 10px 0;}
.youtube h3	a												{color: white; margin: 0 0 10px 0;  text-decoration:none;}
.youtube h3 a:hover											{color: white; margin: 0 0 10px 0;  text-decoration:underline;}



/* Footer */
.footer																{height: auto; min-height: 250px; width: 100%; padding: 10px 10px 25px 10px; background: #818085; float: left;}
.footer h2														{color: white;}
.footer p															{color: white;}
.footer a															{color: white;}
.footer	.left .navigatieFooter								{width: 460px; float: left; height: auto; min-height: 220px;}	
.footer	.left .navigatieFooter ul	li	{color: white; background: none; font-size: 20px; font-family: Gill Sans MT; line-height: 24px; border-bottom: 0px; list-style:none; margin: 0px; padding:0px;}
.footer	.left .navigatieFooter ul li a {text-decoration: none;}
.footer	.left .navigatieFooter ul li a:hover {text-decoration: underline;}
.footer	.center							{width: 220px; float: left;margin: 0 20px 0 20px;}
.footer	.right									{width: 220px; float: left;}	


.copyright				{float: left; width: 940px; border-top: 1px solid white; height: 10px; color: white;}
.copyright .left		{color: white; font-size: 11px; width: 45%!important; margin-top: 5px; line-height: 18px;}
.copyright a			{color: white; font-size: 11px;}
.copyright .right		{float: right; color: black; width: 45%; margin-top: -65px!important; text-align: right; }
.copyright img			{padding-left: 5px;}

/* Footer */
.breadcrumb												{float: left; text-align: left;}
	.breadcrumb p										{color: #808084;}
	.breadcrumb a										{color: #808084; text-decoration: none; padding: 0 5px 0 5px;}
	.breadcrumb a:hover				{color: #DC1624; text-decoration: underline;}

/* Sub */
.right2																{float: left; width: 700px; padding: 0 0 0 20px;}
.article															{float: left; border-bottom: 1px solid #DC1624; margin: 0 0 50px 0; padding-bottom:20px;}

.article img												{margin: 10px;}
.articletitle										{position:relative; left:-7px; float : left; width: 460px; margin: 0 0 15px 0;}
.center h1,
.articletitle h1								{font-size: 24px; color:#808084}
.right2 .articletitle			{float: left; width: 700px; margin: 0 0 15px 0;}

.subheader						{height: 150px; width: 100%; margin: auto;}

.overview														{width: 700px; float: left; margin: 0 0 30px 0;}
	.overviewimage								{width: 220px; float: left;}
		.overviewimage	img			{margin: 0px; max-width: 220px; padding: 0px;}
	.overviewtitle								{width: 460px; float: right;}
		.overviewtitle h2					{padding: 0px; margin: 0px; line-height: 18px;}
		.overviewtitle a:hover					{text-decoration: underline;}
	.overviewdate									{width: 460px; float: right;}
		.overviewdate p							{color: #808084;}
	.overviewtext									{width: 460px; float: right;}

	.pages																{width: 700px; text-align: center;}
	.pages a .previous					{width: 5px; height: 9px; background: url("images/arrow_grey_prev.png") no-repeat; padding-top: 2px;}
	.pages a .previous:hover	{background: url("images/arrow_red_prev.png") no-repeat; cursor: pointer;}
	.pages a .next									{width: 5px; height: 9px; background: url("images/arrow_grey_next.png") no-repeat; padding-top: 2px;}
	.pages a .next:hover			{background: url("images/arrow_red_next.png") no-repeat; cursor: pointer;}	
	.pages a.selected						{color: #DC1624;}
	.pages a 														{color: #808084; text-decoration: none; padding: 0px 5px 0 5px; display: inline-block;}
	.pages a:hover									{color: #DC1624; text-decoration: underline;}

.articledate p										{position:relative; left:-3px; font-size: 11px; color: #808084; margin: -15px 0 15px 0; padding: 0px; width: 460px; float: left;}	


.article ul {clear:both; list-style: url(images/bulletpoint.jpg); line-height: 22px; }

.article ul	a													{ color:#808084; line-height: 22px;}  
.article ul li { list-style-image: url(images/bulletpoint.jpg);}

.addthis 						{float: right; text-align:right; margin: -45px 0 30px 0;}
.addthis a						{
	color: #DC1624;
}

/* Top Navigation*/
.menu-container								{height: 40px; background: #DC1624; border-bottom: 1px solid white;}
.navigatie 									{width: 940px; margin: auto; }
.navigatie ul								{list-style: none; color: white; padding: 0px;}
.navigatie ul li							{float: left; font-size: 16px; color: white; font-family: Gill Sans MT;}
.navigatie ul li a							{text-decoration: none;}
.navigatie ul li a span.menu-item-text		{color: white; text-decoration: none; height: 24px; padding: 8px 10px 8px 10px; display: block;}
.navigatie ul li a span.menu-item-text:hover{background: #aa0f1a; color: white; height: 24px; padding: 8px 10px 8px 10px;  display: block;}

/* dropdown */
div.navigatie ul.root > li > ul {
	position: absolute;
	z-index: 1000; 
	top: 41px;
	left: -9999em;
	width: 540px!important;
}

/* niv 2 */
div.navigatie ul.root li ul li {
	float: left;
	position: static;
	width: 260px;
	font-size: 14px!important;
	line-height: 26px!important;
	display:inline!important;
	padding: 0 0 0 10px!important;
}

div.navigatie ul.root li ul li a,
div.navigatie ul.root li.selected ul li a {
	color: white;
	font-weight:bolder;
}

div.navigatie ul.root li ul li a span.menu-item-text {
	text-decoration:none;
	background:transparent;
	padding: 0 0 0 0;
}

div.navigatie ul.root li ul li a:hover,
div.navigatie ul.root li.selected ul li a span.menu-item-text:hover {
	text-decoration:underline!important;
}

/* niv 3 */
div.navigatie ul.root > li > ul > li > ul {
	float: left;
	position: static;
	width: 240px;
	padding: 0 0 0 20px;
}

div.navigatie ul.root > li > ul > li > ul > li a span.menu-item-text,
div.navigatie ul.root > li > ul > li > ul > li {
	float: left;
	position: static;
	width: 240px;
	font-size: 14px!important;
	font-weight:normal;
	line-height: 16px!important;
	height: 16px!important;
	display:inline!important;
	padding: 0 0 0 0!important;
}

div.navigatie ul.root li ul li ul li a:hover,
div.navigatie ul.root li ul li ul li a span.menu-item-text:hover {
	text-decoration:underline!important;
}


/* Quicklaunch */
.submenu-container	{
	width: 220px; 
	float: left; 
	text-align: left; 
	margin: 30px 0 0 0;
}

.submenu-container span.additional-background {
	background-image:none!important;
}

.submenu-container .hidden {
	display: none;
}

.submenu-container ul.root ul {
	margin: 0; 
	padding: 0px; 
	list-style: none;
}

.submenu-container ul.root a {
	text-decoration: none; 
	color: #808084;  
	line-height: 30px; 
	cursor: hand;
	display: block;
}

.submenu-container ul.root li.has_subnav > a {
	background: url('images/arrow_grey_next.png') no-repeat 200px 13px;
}

.submenu-container ul.root li.has_subnav.selected > a {
	background: url('images/arrow_grey_down.png') no-repeat 200px 13px;
	font-weight:bold;
}

.submenu-container ul.root > li.selected {
	border-top: 0;
}

.submenu-container ul.root > li.selected > a {
	font-weight:normal!important;
}

.submenu-container ul.root > li.selected > a.selected {
	font-weight:bold!important;
}

.submenu-container ul.root > li > a {
	font-size: 18px!important; 
	color: #808084;
	margin: 0px; 
	font-weight: normal; 
	font-family: Gill Sans MT;
	background:none!important;
}

.submenu-container ul.root li {
	background: white; 
	border-top: 1px solid #dbdbdb;
}

.submenu-container ul.root li a:hover {
	text-decoration: underline;
}

.submenu-container ul.root li a {
	padding: 0 0 0 0;
}

.submenu-container ul.root a.selected {
	font-weight:bold;
}

.submenu-container ul.root li li a			{padding: 0 0 0 15px;}
.submenu-container ul.root li li li			{background: #f2f2f2;}
.submenu-container ul.root li li li a		{padding: 0 0 0 30px;}


/* Forms */

.form, .form table				{width: 700px; color:black;}
.form .left						{width: 200px;}
.form td.form 						{height: 25px;}
.form td.left 						{padding-top: 8px;}
.form textarea 					{margin: 5px 0 5px 0;}
.form textarea, 
.form input, 
.form select	{border: 1px solid #DC1624;}
.form input[type="submit"]		{background: #DC1624; color: white; border: 0px; padding: 5px;}
.form input[type="radio"], 
input[type="checkbox"] 			{border:0px;}


/* Richt Text Editor */
H1.editorElement-H1	{-ms-name:"Roosevelt Header 1";}
.editorElement-H1 {font-size: 20px!important; color: #DC1624; margin: 0px; font-weight: normal!important; font-family: Gill Sans MT;}

H2.editorElement-H2	{-ms-name:"Roosevelt Header 2";}
.editorElement-H2 {font-size: 18px!important; color: #DC1624; margin: 0px; font-weight: normal; font-family: Gill Sans MT;}

H3.editorElement-H3	{-ms-name:"Roosevelt Header 3";}
.editorElement-H3 {font-size: 16px!important; color: #DC1624; margin: 0px; font-weight: normal; font-family: Gill Sans MT;} 

H3.editorElement-H4	{-ms-name:"Roosevelt Header 4";}
.editorElement-H4 {font-size: 14px!important; color: black; margin: 0px; font-weight: bold; font-family: Gill Sans MT;} 

H3.editorElement-H5	{-ms-name:"Roosevelt Header 5";}
.editorElement-H5 {font-size: 13px!important; color: #DC1624; margin: 0px; font-weight: normal; font-family: Gill Sans MT;} 

P.editorElement-P	{-ms-name:"Roosevelt Alinea";}
.editorElement-P {color: black!important; margin-top: 5px; line-height: 18px; text-align: justify;}


/* Search Result Fixes */
.content div.srch-WPBody {
	color:black;
	font-family:Arial!important;
	font-size:12px!important;
}

.content span.ms-searchref-msg,
.content a.ms-searchref-filterlink:link,
.content a.ms-searchref-filterlink:visited,
.content a.ms-searchref-filterlink {
	color:#DC1624!important;
}
.content a.ms-searchref-filterlink:hover{
	color:#DC1624!important;
	text-decoration:underline!important;
}
.content div.srch-results {
	padding-left: 0px;
	max-width:1020px;
}
.content div.srch-Title2 a {
	color:#DC1624!important;
}
.content p.srch-Metadata1 {
	margin-top: 0px;
	margin-left: 36px;
}
.content div.srch-Metadata2 {
	margin-left: 24px;
}
.content span.srch-URL2 {
	color:black!important;
}

