@import "text-edit.css";

body
{
	font-family: Arial, Tahoma, Arial, Helvetica;
	font-size: 12px;
	color: #666666;
}

/* text	style used for most	text rendered by modules */
td.contentpane,
.Normal
{
	font-family: Arial, Tahoma, Arial, Helvetica;
	font-size: 12px;
	color: #666666;
	line-height: 17px;
}

a.toprightnavbuttonlink
{
	border-left:solid 1px white;
	text-decoration:none;
	font-family: Arial;
	font-size:4px;
}
a.toprightnavbuttonlink:link
{ text-decoration:none;	}
a.toprightnavbuttonlink:hover
{ text-decoration:none;	}
a.toprightnavbuttonlink:visited
{ text-decoration:none;	}

.topbar
{
	font-family: Arial;
	font-size:11px;
	background-image:url(/Portals/beeldschermtachograaf/Skins/BstDnn4skin/UI/search-background.png);
	background-repeat:no-repeat;
	background-position:right;
}

.menubar
{
	/*
	background-color:rgb(74, 189, 240);
	*/
	border-bottom:solid	1px	white;
	background: rgb(74, 189, 240) url(/Portals/beeldschermtachograaf/Skins/BstDnn4skin/UI/menubar_leftround.gif) top left no-repeat;	
}

.bannerbar
{
	background-color:rgb(26, 180, 227);
}

.breadcrumbbar
{
	background-color:rgb(190,231,250);
	background: rgb(190,231,250) url(/Portals/beeldschermtachograaf/Skins/BstDnn4skin/UI/breadcrumb_leftround.gif) bottom left no-repeat;
}


/* Search */
input#q
{
	border: solid 1px #ccc;
	height: 17px;
	line-height: 17px;
	width: 140px;
	color: #555;
	font-size: 0.9em;
	margin: 0;
}
body.IE input#q { position: relative; top: -1px; }
input#search-btn { vertical-align: -20%; }
body.IE input#search-btn { vertical-align: 0%; }

/* SearchResult */
div#search-result { font-size: 12px; line-height: 17px; }
div#search-result div.search-titel { margin-top: 1em; }
div#search-result div.search-titel a { font-weight: bold; text-decoration: none; }
div#search-result div.search-abstract { font-size: 0.9em; font-family: Verdana, Arial, Helvetica; color: #666; }
div#search-result div.search-parentlinks { font-size: 0.8em; }
div#search-result div.search-parentlinks a
{
	color: #999;
	text-decoration: none;
	margin-right: 1em;
	padding-left: 12px;
	background: url("UI/arrow-right.png") no-repeat scroll left 50% transparent;
}


.SkinObject
{
	font-size:xx-small;
	font-weight: normal;
	font-size: 11px;
}

.breadcrumb_rightround
{
	background: rgb(190,231,250) url(/Portals/beeldschermtachograaf/Skins/BstDnn4skin/UI/breadcrumb_rightround.gif) bottom right no-repeat;
}

.TitlePane
{
	color:rgb(43, 150, 217);
	font-family: Arial;
	font-weight:bold;
	font-size:18px;
}

.contentpane
{
	padding-top:24px;
	padding-bottom:8px;
}

.contentpanedivider
{
	padding-left:15px;
	background-image:url(/Portals/beeldschermtachograaf/Skins/BstDnn4skin/UI/contentpanedivider.png);
	background-repeat:repeat-y;
}

.lijn_horiz
{
	padding-top:16px;
	background-image:url(/Portals/beeldschermtachograaf/Skins/BstDnn4skin/UI/lijn_horiz.png);
	background-repeat:repeat-x;
	background-position: center; 
}

.contentbottombar
{
	border-bottom:solid	10px rgb(74, 189, 240);
}

.footerbarcorner
{
	font-size:xx-small;
	background-color:#E6E6E6;
	border-bottom:solid	10px white;
}

.footerbarside
{
	color:#999999;
	background-color:#E6E6E6;
	border-top:solid 1px white;
	border-bottom:solid	10px white;
	font-family: Arial;
	font-weight:normal;
	font-size:9px;
}

.footerbarmiddle
{
	color:rgb(34,84,178);
	background-color:#E6E6E6;
	border-top:solid 1px white;
	border-left:solid 1px white;
	border-right:solid 1px white;
	border-bottom:solid	10px white;
	font-family: Arial;
	font-weight:normal;
	font-size:9px;
}

.bluebutton
{
	color: #ffffff;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	background-color: rgb(43,147,215);
	border: outset 1px rgb(20,242,228);
	height: 21px;
	margin: 4px 4px;
}

.BlueCommandButton
{
	color:#FFFFFF;
	font-family: Arial;
	font-weight:bold;
	font-size:11px;
	background-color:rgb(43,147,215);
	border:outset 1px rgb(20,242,228);
	height:21px;
}

.verloop
{
	background:url(/Portals/beeldschermtachograaf/Skins/BstDnn4skin/UI/verloop.png) repeat-x;
}

.randL
{
	background:url(/Portals/beeldschermtachograaf/Skins/BstDnn4skin/UI/randL.png) repeat-x;
}

.randR
{
	background:url(/Portals/beeldschermtachograaf/Skins/BstDnn4skin/UI/randR.png) repeat-x;
}

.heading1
{
	color:rgb(26, 180, 227);
	font-size:large;
	margin-bottom:12px;
}

.greyTextModule
{
	border-top:solid 1px white;
	padding-bottom:4px;
	padding-top:8px;
	background-color:rgb(239,239,239);
	color:#000000;
}

.greyTextModule2
{
	padding-bottom:4px;
	background-color:rgb(239,239,239);
	color:#000000;
}

.greyTextBottom
{ background-color:rgb(239,239,239); }

.greenHead
{
	background-color:rgb(222,241,209);
}

.greenHeadTextCell
{
	background-color:rgb(222,241,209);
	padding-top:4px;
	padding-bottom:8px;
}

.greenHeadText
{
	color:rgb(31,114,31);
	font-family: Arial;
	font-weight:bold;
	font-size:12px;
}

.greenHeadLeft
{
	background-image:url(/Portals/beeldschermtachograaf/Containers/grijsblok/greenheadleft.png);
	background-repeat:no-repeat;
	background-color:rgb(222,241,209);
}

.greenHeadRight
{
	background-image:url(/Portals/beeldschermtachograaf/Containers/grijsblok/green_toprightcorner.png);
	background-repeat:no-repeat;
	background-color:rgb(222,241,209);
}


.lilaHead
{
	background-color:rgb(239,227,239);
}

.lilaHeadTextCell
{
	background-color:rgb(239,227,239);
	padding-top:4px;
	padding-bottom:8px;
}

.lilaHeadText
{
	color:rgb(119,22,119); 
	font-family: Arial;
	font-weight:bold;
	font-size:12px;
}

.lilaHeadLeft
{
	background-image:url(/Portals/beeldschermtachograaf/Containers/grijsblok/lilaheadleft.png);
	background-repeat:no-repeat;
	background-color:rgb(239,227,239);
}

.lilaHeadRight
{
	background-image:url(/Portals/beeldschermtachograaf/Containers/grijsblok/lila_toprightcorner.png);
	background-repeat:no-repeat;
	background-color:rgb(239,227,239);
}


.blueHead
{
	background-color:#358AD5;
}
.blueHeadTextCell
{
	background-color:#358AD5;
	padding-top:4px;
	padding-bottom:8px;
}
.blueHeadText
{
	color:#FFFFFF; 
	font-family: Arial;
	font-weight:bold;
	font-size:12px;
	padding-left:4px;
}
.blueTextModule
{
	padding-bottom:4px;
	padding-top:8px;
	background-color:rgb(190,231,250);
	color:#000000;
}
.blueTextBottom
{ background-color:rgb(190,231,250); }


/* bestelformulier stijlen */

div.pnlfillout
{
	margin-right: 12px;
}

.BstOrderFormPart
{
	background-color: rgb(239,239,239);
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 22px;
	padding-right: 16px;
}

.BstOrderFormLine
{
	border-bottom: solid	1px	white;
}


div#BstOrderFormHead
{
	font-family: Arial, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	padding: 6px 16px;
	background: #efefef url(UI/grey_toprightcorner.png) right top no-repeat;
	border-bottom: solid 1px white;
	position: relative;
}
div#BstOrderFormHead div.roundcorner
{
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(UI/grey_topleftcorner.png) left top no-repeat;
	width: 6px;
	height: 6px;
}
body.IE div#BstOrderFormHead div.roundcorner { left: -16px; }

div#BstOrderFormBottom
{
	background: #efefef url(UI/grey_bottomrightcorner.png) right bottom no-repeat;
	position: relative;
	padding-left: 10px;
}
body.IE div#BstOrderFormBottom { width: 100%; }

div#BstOrderFormBottom div.roundcorner
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: url(UI/grey_bottomleftcorner.png) left bottom no-repeat;
	width: 6px;
	height: 6px;
}
body.IE div#BstOrderFormBottom div.roundcorner
{
	bottom: -1px;
}

input.breedTekstVeld
{
	margin-left: 1em;
	width: 225px;
}

.ValidationMessage
{
	font-family: Arial, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color:Red;
}

.QuestionInput
{
	height:120px;
	font-family: Arial, Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
}

.calcSidebarCell
{
	font-family: Arial, Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	padding-right:16px;
}

.calcSidebarCellTotal
{
	font-family: Arial, Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration:underline;
	padding-right:16px;
}

.calcOrderconfirmCell
{
	font-family: Arial, Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	background-color:#EEEEEE;
	padding-left:8px;
	padding-right:16px;
}

.calcOrderconfirmCellTotal
{
	font-family: Arial, Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration:underline;
	background-color:#EEEEEE;
	padding-left:8px;
	padding-right:16px;
}

.bluebullet
{
	background-image:url(/Portals/beeldschermtachograaf/Skins/BstDnn4skin/UI/bluebullet.gif);
	background-repeat:no-repeat;
	padding-left:16px;
}
.redbullet
{
	background-image:url(/Portals/beeldschermtachograaf/Skins/BstDnn4skin/UI/redbullet.gif);
	background-repeat:no-repeat;
	padding-left:16px;
}
.whitebullet
{
	background-image:url(/Portals/beeldschermtachograaf/Skins/BstDnn4skin/UI/whitebullet.png);
	background-repeat:no-repeat;
	padding-left:26px;
	font-family: Arial;
	font-weight:bold;
	font-size:12px;
	color:rgb(23,66,159);
}

.blackbold
{
	color:black;
	font-weight:bold;
	letter-spacing:-0.15mm;
}

.biglink
{
	font-weight:bold;
	font-size:16px;
}

.grijstabel
{
	border-width:0px;
}

.grijstabel th
{
	background-color:rgb(219,219,219);
	border-bottom:solid 1px white;
	border-right:solid 1px white;
	text-align:center;
	font-family: Arial, Tahoma, Arial, Helvetica;
	font-weight:normal;
	font-size:10px;
	color: rgb(81,81,81);
}

.grijstabel td
{
	background-color:rgb(239,239,239);
	border-bottom:solid 1px white;
	border-right:solid 1px white;
	text-align:center;
	font-family: Arial, Tahoma, Arial, Helvetica;
	font-size:10px;
	color: rgb(102,102,102);
}

body img.align-left
{
	margin-right: 1em;
	margin-bottom: 0.4em;
}

body img.align-right
{
	margin-left: 1em;
	margin-bottom: 0.4em;
}


/* ================================
	CSS	STYLES FOR DotNetNuke
   ================================
*/	 

A,
A:link,
A:visited,
A:hover
{
	color: #2253b2;
	text-decoration:underline;
}



/* hyperlink style for the selected	tab	*/
A.SelectedTab:link {
	color:rgb(34,83,178);
	font-family: Arial, Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}

A.SelectedTab:visited  {
	color:rgb(34,83,178);
	font-family: Arial, Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}

A.SelectedTab:active   {
	color:rgb(34,83,178);
	font-family: Arial, Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}

A.SelectedTab:hover	   {
	color:rgb(34,83,178);
	font-family: Arial, Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}

/* text	style for the selected tab */
.SelectedTab 
{
	font-family: Arial, Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	color: black;
	text-decoration: none;
}

/* text	style for the unselected tabs */
.OtherTabs {
	font-weight: normal;
	font-size: 8.5pt;
	color: black;
	font-family: Arial, Tahoma, Arial, Helvetica;
	text-decoration: none;
}

/* hyperlink style for the selected	tab	*/
A.OtherTabs:link {
	color:black;
}

A.OtherTabs:visited	 {
	color:black;
}

A.OtherTabs:active	 {
	color:rgb(26, 180, 227);
}

A.OtherTabs:hover	 {
	color:rgb(26, 180, 227);
}






/* style for module	titles */
.Head
{
	font-family: Arial;
	font-weight:bold;
	font-size:12px;
	color:rgb(228,102,0);
}

/* style of	item titles	on edit	and	admin pages	*/
.SubHead
{
	font-family: Arial;
	font-weight:bold;
	font-size:11px;
	color: rgb(102,102,102);
}

/* module title	style used instead of Head for compact rendering by	QuickLinks and Signin modules */
.SubSubHead	{
	font-family: Arial;
	font-weight:bold;
	font-size:11px;
	color: rgb(102,102,102);
}

/* text	style used for textboxes in	the	admin and edit pages, for Nav compatibility	*/
.NormalTextBox
{
	font-family: Arial, Tahoma, Verdana, Helvetica;
	font-size: 11px;
	font-weight: normal;
}

.NormalRed
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
}

.NormalBold
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

/* text	style for buttons and link buttons used	in the portal admin	pages */
.CommandButton	   {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color:Black;
}

  
/* GENERIC */
H1
{
	font-family: Arial;
	font-size:	14px;
	font-weight: bold;
	color: rgb(43,150,217);
	Margin-bottom:0px;
}

H2	{
	font-family: Arial;
	font-weight:bold;
	font-size:12px;
	color:rgb(228,102,0);
}

H3	{
	font-family: Arial;
	font-weight:bold;
	font-size:11px;
	color: rgb(102,102,102);
}

H4	{
	font-family: Arial;
	font-weight:bold;
	font-size:12px;
	color: rgb(102,102,102);
}


/* Menu-Styles */
/* Module Title	Menu = popup menu bij potlood-icon */

/* style voor potlood icon */
.ModuleTitle_MenuContainer 
{
	border-width:0px;
	background-color: Transparent;
}

.ModuleTitle_MenuBar 
{
	cursor:	hand;
	background-color: Transparent;
}

/* style voor afzonderlijk item	in het popupmenu */
.ModuleTitle_MenuItem 
{
	cursor:	hand; 
	color: black; 
	font-family: Arial, Tahoma, Arial, Helvetica;
	font-size: 9pt;	
	font-weight: bold; 
	font-style:	normal;	
	background-color:rgb(26, 180, 227);
	border:solid 0px white;
}

/* style voor icon naast item in het popupmenu */
.ModuleTitle_MenuIcon 
{
	cursor:	hand; 
	text-align:	center;	
	background-color:rgb(26, 180, 227);
	border:solid 0px white;
}

/* style voor ruimte rechts	van	item in	het	popupmenu */
.ModuleTitle_MenuArrow 
{
	font-family: webdings; 
	font-size: 10pt; 
	cursor:	hand; 
	background-color: rgb(26, 180, 227);
	border:solid 0px white;
}


/* style van div waar het popupmenu	in zit */
.ModuleTitle_SubMenu 
{
	z-index: 1000; 
	cursor:	auto; 
	cursor:	hand; 
	background-color: rgb(26, 180, 227);
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135,	Strength=3); 
	border:solid 2px rgb(26, 180, 227);
}

/* zit tussen kop van het popupmenu	en de menuitems	in */
.ModuleTitle_MenuBreak 
{
	height:	0px;
	background-color:rgb(26, 180, 227);
	border:solid 2px rgb(38, 200, 255);
}

.ModuleTitle_MenuItemSel 
{
	cursor:	hand; 
	font-family: Arial, Tahoma, Arial, Helvetica;
	font-size: 9pt;	
	font-weight: bold; 
	font-style:	normal;

	color:#000000;
	background-color: #CC5500;
}

.ModuleTitle_RootMenuArrow 
{
	font-family: webdings; 
	font-size: 10pt; 
	cursor:	hand;
	background-color: Transparent;
}

/*___________________________________________________________________________________________*/
/* Main	Menu */


/* style voor de container van de hoofdmenuitems */
.MainMenu_MenuContainer
{
	border:solid 0px white;
	/*
	background-color:rgb(74, 189, 240);
	*/
}

/* style voor hoofdmenu	items, ondersteunt geen	div	attributen */
.MainMenu_MenuBar 
{
	border:solid 10px white;
}

/* style voor alle menu-items */
.MainMenu_MenuItem 
{
	cursor:	hand; 
	font-family: Arial, Tahoma, Arial, Helvetica;
	font-weight: bold;
	font-style:	normal;
	font-size:10px;
	border:solid 0px white;
	color:white;
}

/* style voor submenuitem icon */
.MainMenu_MenuIcon 
{
	background-color:#E6E6E6;
	width:0px;
	border:solid 0px white;
}

/* achtergrond / basis-div van submenu + border	om het gehele submenu */
.MainMenu_SubMenu 
{
	z-index: 1000;
	background-color:rgb(1,172,240);   /*rgb(71,119,198);	/* rgb(30,84,174); */
	color:black;
}

/* ??? wat doet	deze? */
.MainMenu_MenuBreak	
{
	border:solid 0px white;
}

/* style voor mouseover	van	hoofdmenuitems en submenuitems */
.MainMenu_MenuItemSel 
{
	font-family: Arial, Tahoma, Arial, Helvetica;
	font-weight: bold;
	font-style:	normal;	
	font-size:10px;
	cursor:hand;
}


/* style voor het deel rechts van de tekst van een submenuitem */
.MainMenu_MenuArrow	
{
	border:solid 0px white;
}


/* Pijltje naar	beneden	voor items met een submenu */
.MainMenu_RootMenuArrow	
{
}

.RootMenuItemBreadcrumbCssClass
{
	background-color:rgb(34,84,178);
}

.RootMenuItemSelectedCssClass
{
	color:White;
	background-color:rgb(34,84,178);
}

.SubMenuItemSelectedCssClass
{
	color:White;
	background-color:rgb(34,84,178);
}

.RootMenuItemSeparatorCssClass
{
	border:solid 0px white;
}