/* ### FLASH FOLDER CSS ### */


body, html {
	margin				: 0px 0px 0px 0px;
	height				: 100%;
	font-family			: Tahoma, Verdana, Arial;
	font-size			: 8pt;
}


/* ### LAYERS ### */

	.ReportLog
	{
		border			: 1px solid black;
		color				: black;
	}

	div.Report {
		margin-left		: auto;
		margin-right	: auto;
		border-top		: 1px solid #da1617;
		border-left		: 1px solid #da1617;
		border-right	: 1px solid #da1617;
		color				: #da1617;
	}

	div.InfoBox
	{
		position			: 	absolute;
		border			: 	1px solid #BF150D;
		background-color:	white;
		padding			: 	2px;
		visibility		: 	hidden;
		z-index			: 	100;
		font-family		:	verdana;
		font-size		:	10px;
		color				:	#BF150D;
		/*Verwissel de onderste 2 rijen om een schaduw te creeeren. Deze regel moet altijd onderaan.*/
		filter			:	none;
		/*filter: 			progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
	}

	div.RapportageHeader {
		border-top		: 1px solid #d81415;
	}

	div.Container {
		width				: 998px;
		margin-left		: auto;
		margin-right	: auto;
	}

	div.SizeWarning {
		width				: 100%;
		color				: red;
	}

	div.SizeDialog {
		width				: 100%;
		color				: green;
	}

	div.GraphicButton
	{
		cursor			:	pointer;
		width				:	75px;
		height			:	100px;
		border-bottom	:	2px solid white;
	}

	div.DemoRequests {
		border-top			: 1px solid #d81415;
	}

	.ReviewRecipients
	{
		overflow			:	auto;
		scrollbar-arrow-color 		:  WHITE;
		scrollbar-face-color			: 	#BF150D;
		scrollbar-shadow-color		: 	#D25C56;
		scrollbar-highlight-color	: 	#D25C56;
		scrollbar-3dlight-color		: 	#WHITE;
		scrollbar-darkshadow-color	: 	#WHITE;
		scrollbar-track-color		: 	#ECB8B6;
		width				:	380px;
		height			:	525px;
		border			:	1px solid #BF150D;
		padding			:	5px 10px 5px 10px;
		font-family		:	verdana;
		font-size		:	10px;
		color				: 	#BF150D;
		font-weight		:	normal;
	}

	div.ReviewRecipientsFooter {
		border-top			: 1px solid #d81415;
		width					: 100%;
	}

.Login {
	padding-right:10px;
	display:block;
}

.TopMenu {
	margin-top				: 5px;
	margin-right			: 2px;
}

.Menu {
	clear:both;
	padding-left:230px;
	font-family:Arial Narrow, Arial;
}

.LeftTopMenu
{
	background: url(../Images/LeftMenuTop_Empty.gif) no-repeat left top;
}
.LeftTopMenuItem
{
	margin-top:20px;
	border-top: 2px dotted #f68e92;
	margin-right:17px
}


/* ******* How To *********** */

.Stap1
{
 	background: url(../Images/HowTo/Stap1.gif) no-repeat left top;
 	float:left;
 	width:172px;
 	margin-right:8px;
 	text-align:center;
 	padding-top:45px;
 	padding-left:3px;
}

.Stap2
{
	background: url(../Images/HowTo/Stap2.gif) no-repeat left top;
 	float:left;
 	width:172px;
 	margin-right:7px;
 	text-align:center;
 	padding-top:45px;
 	padding-left:3px;
}

.Stap3
{
	background: url(../Images/HowTo/Stap3.gif) no-repeat left top;
 	float:left;
 	width:172px;
 	text-align:center;
 	padding-top:45px;
 	padding-left:3px;
}

.StapInfo
{
	font-size:13px;
	width:554px;
	height:242px;
	margin-top:-110px;
	color:white;
	z-index: 100;
	position:absolute;
}

a.subBasis
{
	background: url(../Images/HowTo/Basis.png) no-repeat left top;
	width:169px;
	height:44px;
	display:block;
	margin-top:5px;
	text-decoration:none;
}

a.subMaatwerk
{
	background: url(../Images/HowTo/Maatwerk.png) no-repeat left top;
	width:169px;
	height:44px;
	display:block;
	text-decoration:none;

}

a.Sitbackandrelax
{
	background: url(../Images/HowTo/Sitbackandrelax.png) no-repeat left top;
	width:169px;
	height:44px;
	display:block;
	margin-top:5px;
	text-decoration:none;
}

a.Finishingtouch
{
	background: url(../Images/HowTo/Finishingtouch.png) no-repeat left top;
	width:169px;
	height:44px;
	display:block;
	text-decoration:none;
}

a.E-mailadressen
{
	background: url(../Images/HowTo/E-mailadressen.png) no-repeat left top;
	width:169px;
	height:44px;
	display:block;
	margin-top:5px;
	text-decoration:none;
}

a.Marketingondersteuning
{
	background: url(../Images/HowTo/Marketingondersteuning.png) no-repeat left top;
	width:169px;
	height:44px;
	display:block;
	text-decoration:none;
}


/* ### TABLES ### */


table.TextEditor {
	background-color			: #e9e9e9;
	width							: 567px;
	margin-bottom				: 4px;
	margin-left					: 0px;
	border-top					: 1px solid #b4b4b4;
	border-left					: 1px solid #b4b4b4;
	border-right				: 1px solid #565656;
	border-bottom				: 1px solid #565656;

}


tr.RapportageHeader td {
	font-weight					: bold;
	border-bottom				: 1px solid #ccc;
}

table.ErrorLog tr td {
	border-bottom				: 1px solid #ccc;
}


table.Bottom {
	background-image			: url(../Images/BottomBar.gif);
	background-position		: bottom;
	background-repeat			: no-repeat;
	height						: 20px;
	display:block;
	clear:both;
}

	td.Header {
		background-image			: url(../Images/HeaderBg2.jpg);
		background-position		: top;
		background-repeat			: no-repeat;
	}

	td.Right {
		ssbackground-image			: url(../Images/RightBg.jpg);
		ssbackground-image			: url(../Images/RightBackG.jpg);
		background-position		: center;
		background-repeat			: no-repeat;
		width							: 244px;
		sspadding-top					: 30px;
	}
		td.Right img {
			margin-left				: 30px;
			margin-top				: 15px;
		}

		td.LNHeader {
			border-bottom			: 1px solid #eb1c24;
			color						: white;
			padding-bottom			: 2px;
			margin-top				: 5px;
		}

		td.LNImage {
			border-bottom			: 1px dotted #888888;
			padding-top				: 4px;
			padding-bottom			: 4px;
		}

		td.LNText {
			border-bottom			: 1px dotted #888888;
			padding-top				: 4px;
			padding-bottom			: 4px;
		}

	td.Left {
		width								: 229px;
		height							: 365px;
	}

		table.SubMenuItems {
			background-color				: white;
		}

			td.SubMenuItemsTop {
				height							: 37px;
				background-image				: url(../Images/LeftMenuTop.jpg);
				background-repeat				: no-repeat;
				background-position			: top top;
			}
			td.SubMenuItemsTopEmpty {
				height							: 36px;
				background-image				: url(../Images/SubMenuItemsTop_Empty.gif);
				background-repeat				: no-repeat;
				background-position			: top top;
			}

			td.SubMenuItems {
				background-image				: url(../Images/MMT_BG.jpg);
				height							: 104px;
				background-repeat				: no-repeat;
				background-position			: 1px center;
			}
			td.FlashFolder {
				background-image				: url(../Images/FF_BG.jpg);
				background-repeat				: no-repeat;
				background-position			: 1px center;
			}

		td.ProductsHeader {
			color							: #eb1c24;
		}

			td.ProductsImage {
				padding-top				: 4px;
				padding-bottom			: 4px;
				border-top				: 1px dotted #888888;
			}

			td.ProductsText {
				padding-top				: 4px;
				padding-bottom			: 4px;
				border-top				: 1px dotted #888888;
				font-size				: 9pt;
			}

	td.Content {
		padding-left				: 0px;
		padding-right				: 0px;
		padding-top					: 10px;
		padding-bottom				: 10px;
		line-height					: 18px;
	}

	td.NewsTitle {
		color							: #eb1c24;
		font-size					: 12pt;
	}

	td.NewsDate {
		text-align					: right;
		font-size					: 8pt;
		color							: #888;
		border-bottom				: 1px solid #eb1c24;
	}

	td.NewsIntro {
		padding						: 6px;
		font-weight					: bold;
	}

table.InfoBox {
	width								: 430px;
}

	td.InfoBoxTop {
		background-image			: url(../Images/InfoTop.gif);
		background-repeat			: no-repeat;
		background-position		: bottom;
	}

	td.InfoBoxText {
		padding						: 4px;
		font-size					: 8pt;
		color							: #eb1c24;
		background-image			: url(../Images/InfoBg.gif);
		background-repeat			: repeat-y;
	}

	td.InfoBoxBottom {
		background-image			: url(../Images/InfoBottom.gif);
		background-repeat			: no-repeat;
		background-position		: top;
	}

td.StepSelected {
	font-size					: 8pt;
	text-align					: center;
	color							: #aa2122;
	border						: 1px solid #d91516;
	background-image			: url(../Images/StepBg2.gif);
	background-position		: bottom;
	background-repeat			: repeat-x;
	padding						: 4px;
	background-color			: #ebafaf;
}

td.StepNormal {
	font-size					: 8pt;
	text-align					: center;
	color							: #636463;
	border						: 1px solid #767676;
	background-image			: url(../Images/StepBg.gif);
	background-position		: bottom;
	background-repeat			: repeat-x;
	padding						: 4px;
	background-color			: #d9d9da;
}


/* ### LINKS ### */

.Menu a:Link
{
	background: url(../Images/TopButton.png) no-repeat left bottom;
	display:block;
	width:136px;
	height:25px;
	padding-top:6px;
	margin-right:2px;
	float:left;
	color:white;
	font-weight : bold;
	font-size: 16px;
	text-decoration: none;
}

.Menu a:Visited
{
	background: url(../Images/TopButton.png) no-repeat left bottom;
	display:block;
	width:136px;
	height:25px;
	padding-top:6px;
	margin-right:2px;
	float:left;
	color:white;
	font-weight : bold;
	font-size: 16px;
	text-decoration: none;
}

.Menu a:Hover
{
	background: url(../Images/TopButton-Hover.png) no-repeat left bottom;
	color:red;
	font-weight:normal;
}

.Menu a.selected
{
	background: url(../Images/TopButton-Hover.png) no-repeat left bottom;
	color:red;
	font-weight:normal;
	display:block;
	width:136px;
	height:25px;
	padding-top:6px;
	margin-right:2px;
	float:left;
	text-decoration: none;
}


.LeftTopMenuItem a
{
	background: url(../Images/BtnLeftMenu.gif) no-repeat right top;
	border-bottom:2px dotted #f68e92;
	padding-right:25px;
	text-align:right;
	margin-top:3px;
	font-weight:bold;
	font-size:12px;
	display:block;
	padding-top:3px;
	padding-bottom:5px;
	text-decoration:none;
}

.LeftTopMenuItem a:Hover
{
	background: url(../Images/BtnLeftMenu-Hover.gif) no-repeat right top;
	color: #de912f;
}

.LeftTopMenuItem a.selected
{
	background: url(../Images/BtnLeftMenu-Hover.gif) no-repeat right top;
	color: #de912f;
	border-bottom:2px dotted #f68e92;
	padding-right:25px;
	text-align:right;
	margin-top:3px;
	font-weight:bold;
	font-size:12px;
	display:block;
	padding-top:3px;
	padding-bottom:5px;
	text-decoration:none;
}

a:link {
	text-decoration		: none;
	sscolor						: #727272;
	color						: #c32c2c;
}

a:visited {
	text-decoration		: none;
	color						: #c32c2c;
}

a:hover {
	text-decoration		: underline;
	color						: #c32c2c;
}
a.TopMenu {
	color						: white;
}

.PromotionPanel {
	float:right;
	display:block;
	width:219px;
}

.PromotionPanel a:Link {
	clear:both;
	background: url(../Images/PromotiePaneelButton.gif) no-repeat left top;
	width:219px;
	height:29px;
	display:block;
	text-decoration:none;
}
.PromotionPanel a:Visited {
	clear:both;
	background: url(../Images/PromotiePaneelButton.gif) no-repeat left top;
	width:219px;
	height:29px;
	display:block;
	text-decoration:none;
}


.PromotionPanel a:Hover {
	background: url(../Images/PromotiePaneelButton-Hover.gif) no-repeat left top;
}

a img
{
	border:none;
}

.FloatLeft
{	float:left;
	display:block;
	width:520px;
}

a.BtnDemo
{
	display:block;
	background-image		: url(../Images/btnGratisDemo.gif);
	background-position	: center center;
	background-repeat		: no-repeat;
	width						: 138px;
	height					: 29px;
	text-decoration		: none;
}

a.BtnDemo:Hover
{
	display:block;
	background-image		: url(../Images/btnGratisDemo-Hover.gif);
}


/* ### MISC ### */

h1 {
	font-size				: 12pt;
	color						: #eb1c24;
	width						: 470px;
	display					: block;
	border-bottom			: 2px dotted #f68e92;
	font-weight:normal;
	padding-bottom:10px;
	margin-bottom:0px;
}

FONT.header {
	font-size				: 12pt;
	color						: #eb1c24;
	width						: 470px;
	display					: block;
	border-bottom			: 2px dotted #f68e92;
}

h2 {
	font-size				: 10pt;
	font-weight				: bold;
	color						: #767676;
}

FONT.subheader {
	font-size				: 10pt;
	font-weight				: bold;
	color						: #767676;
}

ul {
	list-style-type		: circle;
	margin-top				: -10px;
	margin-bottom			: 0px;
}

input.Text {
	border					: 1px solid #eb1c24;
	padding					: 2px;
	color						: #eb1c24;
	margin-bottom			: 2px;
}

input.inputBox {
	border					: 1px solid #eb1c24;
	padding					: 2px;
	color						: #eb1c24;
	margin-bottom			: 2px;
}

Select {
	border					: 1px solid #eb1c24;
	padding					: 0px;
	color						: #eb1c24;
	margin-bottom			: 0px;
	font-size					: 8pt;
}

input.Btn {
	background-image		: url(../Images/LoginBtn.png);
	background-position	: center center;
	background-repeat		: no-repeat;
	border					: 0px solid red;
	color						: white;
	font-weight				: bold;
	font-size				: 11px;
	width						: 79px;
	height					: 21px;
	cursor					: pointer;
	background-color		: transparent;

}

input.BtnWide {
	background-image		: url(../Images/WideBtn.png);
	background-position	: center center;
	background-repeat		: no-repeat;
	border					: 0px solid red;
	color						: white;
	font-weight				: bold;
	font-size				: 11px;
	width						: 150px;
	height					: 21px;
	cursor					: pointer;
	background-color		: transparent;

}

input.BtnLogin {
	background-image		: url(../Images/BtnInloggen.gif);
	background-position	: center center;
	background-repeat		: no-repeat;
	border					: 0px solid red;
	width						: 79px;
	height					: 21px;
	cursor					: pointer;
}
input.BtnLogin:Hover {
	background-image		: url(../Images/BtnInloggen-Hover.gif);
}

input.BtnBig {
	background-image		: url(../Images/BTN_groot.jpg);
	background-position	: center center;
	background-repeat		: no-repeat;
	border					: 0px solid red;
	color						: white;
	font-weight				: bold;
	font-size				: 11px;
	width						: 140px;
	height					: 32px;
	cursor					: pointer;
	background-color		: transparent;
}

input.BtnBigger {
	background-image		: url(../Images/BTN_groot2.jpg);
	background-position	: center center;
	background-repeat		: no-repeat;
	border					: 0px solid red;
	color						: white;
	font-weight				: bold;
	font-size				: 11px;
	width						: 160px;
	height					: 32px;
	cursor					: pointer;
	background-color		: transparent;
}

input.CompanyBtn {
	background-image		: url(../Images/Btn.jpg);
	background-position	: center center;
	background-repeat		: no-repeat;
	border					: 0px solid red;
	color						: white;
	font-weight				: bold;
	font-size				: 11px;
	width						: 120px;
	height					: 21px;
	cursor					: pointer;
	background-color		: transparent;
}

textarea {
	border					: 1px solid #eb1c24;
	padding					: 4px;
	color						: #eb1c24;
	font-size				: 10pt;
	font-family				: Tahoma, Arial;
}

ul.checklist {
	list-style				: none;
}

ul.checklist li {
	margin-left				: -21px;
}

ul.checklist li:hover {
	background-color		: #ececec;
	cursor					: pointer;
}
table
{
	empty-cells: show;	
}

span.RedText {
	font-size					: 8pt;
	color							: #eb1c24;
	margin-bottom			: 2px;
	padding						: 1px;
}

input.BtnPrevious {
	background-image		: url(../Images/BtnPrevious.jpg);
	background-position	: center center;
	background-repeat		: no-repeat;
	border							: 0px solid red;
	width								: 18px;
	height							: 18px;
	cursor							: pointer;
	background-color		: transparent;
}

input.BtnNext {
	background-image		: url(../Images/BtnNext.jpg);
	background-position	: center center;
	background-repeat		: no-repeat;
	border							: 0px solid red;
	width								: 18px;
	height							: 18px;
	cursor							: pointer;
	background-color		: transparent;
}

table.FilledTemplate h1{
	font-size: 2em; 
	margin: .67em 0;
	font-weight: bolder;
	border: 0px;
}
