/*
BAKKENIST
GLOBAL LAYOUT CSS

Rood: #730b3a
Donkergrijs: #242b31
Middelgrijs: #a1a8b0 | #949494
Lichtgrijs : #acacae

Platte tekst : 12pt -> website P   9pt
Tussen koppen: 14pt -> website H2 11pt bold
Hoofd koppen : 32pt -> website H1 24pt 

Hoofd menu   : 13pt -> website 10pt
Sub menu     : 12pt -> website 9pt

Sidebox kop  : 14pt
Sitebod tekst: 10pt

Footer		 : 10pt


margin/padding: TOP RIGHT BOTTOM LEFT 
*/

HTML, BODY {
	}

BODY	{
	background-color: #e0e2e4;
	background-image: url(/images/bg_body.png);
	background-repeat: repeat;
	margin: 40px 0px 0px 0px;
}

* {
	font-family: Arial, Helvetica;
	font-size: 9pt;
	color: #242b31;
}

FORM {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

H1	{
	font-size: 24pt;
	color: #730b3a;
	font-weight: normal;
	margin: 0;
	padding: 0;
	letter-spacing: 2pt;
}

H2	{
	font-size: 11pt;
	color: #730b3a;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

A, A:link, A:visited, A:active, A:link *, A:visited *, A:active *  {
	color: #730b3a;
	text-decoration: none;
}

A:hover, A:hover *  {
	color: #242b31;
	text-decoration: none;
}

CENTER div {
	text-align: left;
}

.ColorRed { color: #730b3a!important; }
.ColorRed * { color: #730b3a!important; }


/* LAYOUTS */
#SiteContainer						{ position: relative;  height: auto; width: 940px; background-color: #ffffff; background-image: url(/images/bg_site_middle.png); }
#SiteBgTop							{ }
#SiteBgBottom						{ margin:0px; padding: 0px; text-align: center; }

/* HEADER DIVs total height=160px */
#HeaderContainer					{ position: relative; width: 100%; height: 117px; overflow: hidden; }
	#HeaderContainer *				{ text-decoration: none; }
	#HeaderLogo						{ position: absolute; top: 10px; left: 75px; width: 210px; height: 100px; overflow: hidden; }

	#HeaderMenu						{ position: absolute; top: 90px; left: 395px; width: 500px; height: 20px; overflow: hidden; text-align: right; }
	#HeaderMenu *					{ font-size: 7pt; color: #acacae; text-decoration: none; white-space: nowrap; }
	#HeaderMenu A					{ font-size: 7pt; color: #acacae; text-decoration: none; white-space: nowrap; }
	#HeaderMenu A:hover				{ font-size: 7pt; color: #730b3a; text-decoration: none; }
	#HeaderMenu A.MenuSelected		{ font-size: 7pt; color: #242b31; text-decoration: none; font-weight: bold; }
	#HeaderMenu SPAN				{ margin: 0px 5px 0px 5px; color: #acacae; }


/* MAIN MENU */
#SubHeaderContainer					{ position: relative; width: 100%; height: 40px; background-image: url(/images/bg_subheader.png); background-repeat: no-repeat; background-position: 8px 0; overflow: visible; z-index: 99; }
	#MainMenu						{ margin: 0 0 0 65px; padding: 0; z-index: 100; }
	#MainMenu li					{ float: left; list-style: none; line-height: 25px; }
	#MainMenu li a					{ display: block; padding: 5px 12px; text-decoration: none; white-space: nowrap; color: #ffffff; font-size: 8pt; } 
	#MainMenu li a:hover			{ color: #acacae; }
		
	#MainMenu li ul					{ margin: 0 0 0 6px; padding: 0; position: absolute; visibility: hidden; z-index: 101;  } 		
	#MainMenu li ul li				{ float: none; display: inline; line-height: 100%; }
	#MainMenu li ul li a 			{ width: auto; padding: 3px 6px; background: #949494; color: #ffffff; border-top: 1px solid #9b9b9b; }
	#MainMenu li ul li a:hover		{ background: #730b3a; color: #ffffff; }


/* ContentContainer DIVs total height=auto - IE HACK = display: inline;  */ 
#ContentContainer			{ position: relative; width: 100%; height: auto; background-position: 8px 40px; background-repeat: no-repeat; }
#ContentContainerAlt		{ position: relative; width: 100%; height: auto; background-position: 45px 75px; background-repeat: no-repeat; }

	#Breadcrumbs			{ position: relative; width: 100%; height: 20px; white-space: nowrap; overflow: hidden; }
	#Breadcrumbs div		{ width: 830px; height: 20px; margin-left: 75px; overflow: hidden; color: #acacae; }
	#Breadcrumbs a			{ color: #acacae; text-decoration: none; font-size: 8pt; }
	#Breadcrumbs a:hover	{ color: #730b3a; text-decoration: underline; }
	#Breadcrumbs a:active	{ color: #730b3a; text-decoration: underline; }


	#LayoutATitle			{ position: relative; width: 860px; height: auto; margin-left: 45px; }
	#LayoutAText			{ position: relative; width: 860px; height: auto; margin-left: 45px; margin-top: 35px; }
	#LayoutAFooter			{ position: relative; width: 860px; height: auto; margin-left: 45px;  }

	#LayoutBTitle			{ float: left;  display: inline; width: 685px; height: auto; margin-left:  45px; }
	#LayoutBText			{ float: left;  display: inline; width: 410px; height: auto; margin-left: 320px; margin-top: 35px; }
	#LayoutBSidebox			{ float: right; display: inline; width: 140px; height: auto; margin-right: 35px; }
	#LayoutBFooter			{ position: relative; width: 410px; height: auto; margin-left: 320px; }

	#LayoutCTitle			{ position: relative; width: 630px; height: auto; margin-left: 272px;  }
	#LayoutCText			{ position: relative; width: 585px; height: auto; margin-left: 320px; margin-top: 35px; }
	#LayoutCFooter			{ position: relative; width: 585px; height: auto; margin-left: 320px;  }

	#LayoutDTitle			{ float: left;  display: inline; width: 455px; height: auto; margin-left: 272px; }
	#LayoutDText			{ float: left;  display: inline; width: 410px; height: auto; margin-left: 320px; margin-top: 35px; }
	#LayoutDSidebox			{ float: right; display: inline; width: 140px; height: auto; margin-right: 35px; }
	#LayoutDFooter			{ position: relative; width: 410px; height: auto; margin-left: 320px; }

	#LayoutETitle			{ position: relative; width: 630px; height: auto; margin-left: 45px;  }
	#LayoutEText			{ position: relative; width: 585px; height: auto; margin-left: 320px; margin-top: 35px; }
	#LayoutEFooter			{ position: relative; width: 585px; height: auto; margin-left: 320px; }

	#LayoutFTitle			{ float: left;  display: inline; width: 685px; height: auto; margin-left: 45px; }
	#LayoutFText			{ float: left;  display: inline; width: 410px; height: auto; margin-left: 320px; margin-top: 35px; }
	#LayoutFSidebox			{ float: right; display: inline; width: 140px; height: auto; margin-right: 35px; }
	#LayoutFFooter			{ position: relative; width: 410px; height: auto; margin-left: 320px; }


	/* OLD STUFF */
	IMG.OverviewImagePaper	{ margin-left: 20px; margin-right: 50px; }
	/* END OLF STUFF*/

	.SiteSideBox			{ position: relative; width: 140px; height: auto; border: 1px #242b31 solid; margin-bottom: 10px; }
	.SiteSideBox .SideText	{ margin: 4px; }
	.SiteSideBox H3			{ font-size: 11pt; color: #730b3a; font-weight: bold; margin: 0; padding: 0; }
	.SiteSideBox P			{ font-size: 8pt; margin: 0; padding: 0; }
		.SideLink			{ margin: 0; background-color: #949494; }
		.SideLink A			{ margin-left: 4px; font-size: 8pt; color: #ffffff; }
		.SideLink A:hover	{ margin-left: 4px; font-size: 8pt; color: #242b31; }


	.SiteOverview			{ float: left; width: 400px; height: 80px; overflow: hidden; margin-right: 30px; margin-bottom: 15px; }
	.SiteOverviewImage		{ float: left; width:  70px; height: 70px;}
	.SiteOverviewText		{ float: left; width: 320px; margin-left: 10px; }
	.SiteOverviewTextOnly	{ display: block; margin-bottom: 20px; }	

	/* MEDIA PLAYER EMBEDDED */
	.media div				{ display: none; }

/* Footer DIVS */
#FooterContainer			{ position: relative; height: auto; width: 940px; background-image: url(/images/bg_site_middle.png); }
	#FooterSpacer			{ position: relative; width: 100%; height: 30px; }
	#FooterLinks			{  }
	#FooterLinks *			{ font-size: 7pt; color: #a1a8b0; padding: 0 2px 0 2px; }
	#FooterLinks A			{ color: #a1a8b0; }
	#FooterLinks A:hover	{ color: #242b31; }



/* OTHER MENU */
.MenuSpacerSPAN				{ margin: 0px 10px 0px 10px; color: #b9b9b9; }


/* MENU - DON'T KNOW WHERE IT IS USED */
A.MenuSubSubA, A.MenuSubSubA:link, A.MenuSubSubA:visited	{ text-decoration: none; font-weight: bold; margin-left: 15px; line-height: normal; }
A.MenuSubSubA:hover, A.MenuSubSubA:active					{ }


/* FORMS V9 DEFAULT */
FORM					{ margin: 0px; padding: 0px; }
INPUT.FormText			{ width: 250px; }
INPUT.FormButton		{ text-align: center; }
INPUT.FormMainButton	{ border: 1px solid #C0C0C0; color: #7f7f7f; background-color: #ffffff; font-weight: bold; text-align: center; }
SELECT.FormSelect		{ width: 305px; }
TEXTAREA.FormTextarea	{ width: 350px; height: 100px; }
SPAN.FormError			{ color: #eb1c22!important; font-size: 80%; }

/* FORMS V9 SEARCH BOX */ 
INPUT.SearchText		{ border: 1px solid #C0C0C0; color: #C0C0C0; width: 225px; }
INPUT.SearchButton		{ border: 1px solid #C0C0C0; color: #C0C0C0; width: auto; background-color: #ffffff; font-weight: bold; }


/* SEARCH RESULTS V9 DEFAULT */
#SearchNoResults			{ margin-top: 15px; font-style: italic; }
#SearchHeader				{ display: block; position: relative; width: 100%; height: auto; margin-top: 15px; border-top: 1px solid #404040; border-bottom: 1px solid #404040; padding-top: 3px; padding-bottom: 3px; }
#SearchResults				{ display: block; position: relative; width: 80%; height: auto; }
.SearchResult				{ display: block; position: relative; width: 100%; height: auto; margin: 15px 0 15px 0; }
	.SearchResult A 		{ text-decoration: underline; font-size: 110%; font-weight: normal; }
	.SearchResult A SPAN	{ text-decoration: underline; font-size: 110%; font-weight: bold; color: #730b3a; }
	.SearchResultsURL		{ color: #b1b3b4; }
	.SearchWord				{ font-weight: bold; }
#SearchFooter				{ display: block; position: relative; border-top: 1px solid #404040; border-bottom: 1px solid #404040; padding-top: 3px; padding-bottom: 3px; margin-top: 15px; }


/* SITE MAP V9 BAKKENIST ONLY */
#SiteMap UL				{ padding-left: 15px;  }
#SiteMap LI				{ list-style: disc; }
#SiteMap DIV.Level0		{ margin-top: 10px; font-weight: bold; text-decoration: underline; color: #730b3a; }
#SiteMap DIV.Level0 *	{ font-weight: bold; text-decoration: underline; }
#SiteMap LI.Level1		{ margin-left: 0px; }
#SiteMap LI.Level1		{ text-decoration: none; }
#SiteMap LI.Level2		{ margin-left: 20px; }
#SiteMap LI.Level2 *	{ font-weight: normal; }
#SiteMap LI.Level3		{ margin-left: 20px; }
#SiteMap LI.Level3 *	{ font-weight: normal; }
#SiteMap LI.Level4		{ margin-left: 20px; }
#SiteMap LI.Level4 *	{ font-weight: normal; }
#SiteMap LI.Level5		{ margin-left: 20px; }
#SiteMap LI.Level5 *	{ font-weight: normal; }