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


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
	font-family:Arial !important;
	font-size:8.3pt !important;
	line-Height:16px;
	color: #000000;
	background-attachment: fixed;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:active   {
}

A.SelectedTab:hover    {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:active   {
}

A.OtherTabs:hover    {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal, .NormalText
{
	font-family:Arial !important;
	font-size:8.3pt !important;
	line-Height:16px;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:active   {
}

A.CommandButton:hover    {
}
    
/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:active    {
}

A:hover {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

.BufferHome
{
	/* background-image:url('http://lucom.global-e.nl/Portals/lucom/Skins/lucom/images/background.jpg'); */
	background-repeat:no-repeat;
	height:100%;
	}

.LeftBufferHome 
{
	}
	
.RightBufferHome
{
	}

.CenterBufferHome
{
	width:900px;
	background-color:White;
	}

.TopPane 
{
	text-align:center;
	margin:0px;
	padding:0px;
	height:0px !important;
	}
	
.TopPane img
{	
	border:0px;
	padding:0px;
	margin:0px;
	}
.ContentHomePane
{
	padding-left:0px;
	padding-right:0px;
	background:url("Skins/lucom/images/home_background.jpg") repeat-x center top;
	font-family:Arial !important;
	font-size:8.3pt !important;
	line-height:16px !important;
	}
.normal
{
	line-height:16px !important;
	}
.RightHomePane
{
	}

.LeftPane
{
	width:175px !important;

	}

.ContentPane
{
	width:625px;
	font-family:Arial !important;
	font-size:8.3pt !important;
	line-height:16px !important;
	}

.FooterPane
{
	color:#999999;
	font-family:Arial;
	font-size:8.3pt;
	text-align:center;
	border-top:1px solid #CCCCCC;
	padding-top:10px;
	padding-bottom:10px;
	}
.FooterPane a
{
	text-decoration:none;
	color:#999999 !important;
	}
	
.FooterPane a:hover
{
	color:#014BAE !important;
	}

/****** Menu ******/

.MenuSelectedLevel1
{
}

.MenuLevel1
{
	vertical-align:middle;
	
	padding:0px !important;
	margin:0px !important;
	}

.MenuSelectedLevel1 a
{
	color:White !important;
	text-transform:uppercase;
	text-decoration:none !important;
	font-size:12px !important;
	margin-right:18px;
	font-family:Arial Black;
	}
.MenuSelectedLevel1 a:hover
{
	color:#014BAE !important;
	text-decoration:none;
	}

.MenuSelectedLevel1 a:active
{
	color:#014BAE !important;
	text-decoration:none;
	}
	
.MenuActive1 a
{
	color:#336600 !important;
	}
/*	
.dnn_Menu01_DNNGlobaleMenu_2
{
	display:inline;
	vertical-align:middle;
	}
*/	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.dnn_Menu02_DNNGlobaleMenu_1
{
	padding-left:10px;
	margin-left:0px !important;
	}	

.MenuSelectedLevel2
{
	text-decoration:none !important;
}

.dnn_Menu02_DNNGlobaleMenu_2
{
	width:100%} 
.dnn_Menu02_DNNGlobaleMenu_4, .dnn_Menu02_DNNGlobaleMenu_4 a:hover
{
	color:#004aad !important;
	font-size:8.3pt !important;
	font-weight:700;
	margin-top:20px;
	margin-bottom:5px;
	font-family:Arial;
	}
	
.dnn_Menu02_DNNGlobaleMenu_6
{
	border-bottom:1px solid #cccccc;
	}
	
	
.dnn_Menu02_DNNGlobaleMenu_6 a:link {
	display: block;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
	clear: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	color: #000000 !important;
	text-decoration: none;
	background-color: #FFFFFF;
}
.dnn_Menu02_DNNGlobaleMenu_6 a:visited {
	display: block;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
	clear: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	color: #000000 !important;
	text-decoration: none;
	background-color: #FFFFFF;
}
.dnn_Menu02_DNNGlobaleMenu_6 a:hover {
	display: block;
/*
	padding-left: 10px;
*/
	padding-top: 2px;
	padding-bottom: 2px;
	clear: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	color: #000000 !important;
	text-decoration: none;
	background-color: #DBDBDB;
}
/*
.dnn_Menu02_DNNGlobaleMenu_6 a
{
	width:100%;
	color:Black !important;
	line-height:16px;
	border-bottom:1px solid #cccccc;
	height:20px;
	padding-top:7px;
	margin-left:0px !important;
	padding-left:10px;
	margin-top:-4px;
	}
.dnn_Menu02_DNNGlobaleMenu_6 a:hover
{
	background-color:#dbdbdb;
	text-decoration:none;
	color:Black !important;
	width:100%;
	}
*/
.MenuActive2
{
	background-color:#66cc00;
	}
.bufferMenu
{
	background:url("Skins/lucom/images/menu_background.gif") repeat-y left top; 
	height:30px;	
	}
	
.breadcrumb, .SkinObject
{
	color:#999999 !important;
	font-family:Arial;
	font-size:8.3pt;
	text-transform:uppercase;
	font-weight:normal;
	}
.breadcrumb
{
	height:45px;
	vertical-align:middle;
	}
.breadcrumb a
{
	color:#999999 !important;
	text-transform:uppercase;
	text-decoration:underline !important;
	font-weight:normal;
	}
	
.selectProduct 
{
	background-color:#66cc00 !important;
	}	
.breadcrumb a:hover
{
	color:#004bad !important;
	text-transform:uppercase;
	text-decoration:underline;
	font-weight:normal;
	}
	
/****** tekst Style ******/
h1 
{
	color:#004aae;
	font-size:20px;
	font-weight:700;
	margin:0px;
	padding:0px;
	font-family:Arial;
	}
h2
{
	color:#004aae;
	font-size:16px;
	font-weight:700;
	margin:0px;
	padding:0px;
	font-family:Arial;
	}
h3
{
	color:#004aae;
	font-size:13px;
	font-weight:700;
	margin:0px;
	padding:0px;
	font-family:Arial;
	}
h5
{
	width:100%;
	background:url("Skins/lucom/images/panel_home.gif") no-repeat left top;
	color:White;
	font-weight:700;
	padding-top:10px;
	padding-bottom:12px;
	padding-left:10px;
	font-family:Arial;
	}
h5 a
{
	color:White !important;
	font-weight:700;
	text-decoration:underline !important;
	}
h5 a:hover
{
	color:#66cc00 !important;
	}
h6
{
	width:100%;
	background:url("Skins/lucom/images/button_home.gif") no-repeat left top;
	color:White;
	font-weight:700;
	padding-top:8px;
	padding-bottom:12px;
	}
h6 a
{
	color:White !important;
	font-weight:700;
	}
h6 a:hover
{
	color:#66cc00 !important;
	}	
	
td
{
	font-family:Arial !important;
	font-size:8.3pt !important;
	}

table
{
	padding:0px;
	margin:0px;
	}
/******* Login *******/

A.Login:link {
color:white !important;
font-size: 11px; 
}

A.Login:visited {
color:white !important;
font-size: 11px;
}

A.Login:hover {
color:white !important;
font-size: 11px;
}

A.Login:active {
color:white !important;
font-size: 11px;
}

/****** Nieuws *******/
.newsHomeTitel
{
	height:35px !important;
	color:#004aae !important;
	font-size:13px !important;
	font-weight:700 !important;
	margin:0px;
	padding:0px;
	font-family:Arial;
	padding-left:10px !important;
	border-bottom: 1px solid #Cccccc;
	width:315px !important;
	}
	
.newsHome
{
	cursor:pointer;
	}
.newsHome
{
	text-decoration:none !important;
	color:black !important;	
	width:315px !important;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px !important;
	border-bottom: 1px solid #Cccccc;
	}
.mssHomeLink 
{
	text-decoration:none !important;
	color:black !important;
	}
.newsHome:hover, .mssHomeLink:hover, .mssHomeLink div:hover
{
	background-color:#dbdbdb !important;
	}
.NewsLine 
{	
	width:315px;
	background:url("Skins/lucom/images/newsline.gif") repeat-x left top;
	}
	
.mssHomeDate
{
	color:black !important;
	text-decoration:none !important;
	line-height:16px;
	font-size:8.3pt;	
	}
.mssHomeTitle
{
	color:#004aae !important;
	font-weight:bold;
	text-decoration:none !important;
	line-height:16px;
	font-size:8.3pt;
	}
.mssTitle
{	
	color:#004aae;
	font-size:8.3pt;
	font-weight:700;
	margin:0px;
	padding:0px;
	font-family:Arial;
	padding-left:10px;
	}

	
.messageListAll {
}

.cssOnclick {	
}
.templateHistory {
}



.ContentTemplateTekstNieuws a
{
	cursor:pointer;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom: 1px solid #Cccccc;
	text-decoration:none !important;
	
	width:100% !important;
	color:Black !important;
	line-height:16px;
	height:20px;
	margin-left:0px !important;
	padding-left:10px;
	}
.ContentTemplateTekstNieuws a:hover
{
	background-color:#dbdbdb !important;
	text-decoration:none;
	color:Black !important;
	}

/***** Mailinglist *****/
.OptInAchternaam, .OptInAchternaamTxtBoxContainer, .OptInAchternaamFault, .OptInVoornaam, .OptInVoornaamTxtBoxContainer, 
.OptInVoornaamFault, .OptInEmail, .rowListSelect, .rowMultiSelect, .rowListSelect, .OptInDropDownTxtBoxContainer
{
	display:none !important;
	}

.OptInLucom
{
	display:block !important;
	padding-top:10px;
	padding-left:10px;
	color:Black !important;
	}
	
.OptInButton, .OptInEmailTxtBoxContainer
{
	display:inline !important;	
	}
.OptInButton 
{
	text-align:left;
	padding-top:3px;
	width: 83px;
	height:24px;
	float:left;
	background-image:url(Images/meldaan1.gif);
	background-repeat:no-repeat;
	background-position:top left;
	color:Black !important;
	text-decoration:none !important;
	font-family:Arial;
	font-size:13px;
	margin-left:10px;
}


.OptInButton:hover
{
	padding-top:3px;
	width: 83px;
	height:24px;
	background-image:url(Images/meldaan2.gif);
	background-repeat:no-repeat;
	background-position: center bottom;
	color:Black !important;
	text-decoration:none !important;
	font-family:Arial;
	font-size:13px;
}
.OptInButton p
{
	display:none;
	}
.OptInEmailTxtBox
{
	padding-left:10px;
	font-family: arial; 
	font-size: 11px; 
	width: 180px;
	background-repeat:no-repeat;
	background-image:url(Images/zoekentrans.gif);
	}
.OptInEmailTxtBoxContainer, .OptInButton, .OptInEmailFault
{
	padding-left:10px;
	}
.OptInTableMaster
{
	background-color:#B4C9E8;
	width:100%;
	/*padding:10px !important;*/
	color:black !important;
	}
.OptInTableMaster td, .OptInTableMaster tr
{
	padding:0px;
	margin:0px;
	}
.OptInTdClass
{
	text-align:left;
	}

.OptInEmailTxtBoxLeeg {
	font-family: arial; 
	font-size: 11px; 
	width: 180px;
}


.nieuwsbrief
{
	background-color:#B4C9E8;
	width:100%;
	color:black !important;
	}
	
.nieuwsbrief td
{
	padding-left:10px;
	}
	
.nieuwsbrief .normal{
	display:none;
}

/****** Product ******/
.productHeader 
{
	width:100%;
	height:62px;
	/*background-color:#b2c8e7;*/
	background-color:#ccdbef;
	border:1px sold #ccdbef;
	cursor:pointer;
	font-size:14px;
	font-weight:700;
	color:#004aae;
	text-decoration:underline;
	vertical-align:middle;
	border:1px solid #ece9db;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	}
.productHeader td
{
	font-size:16px !important;
	font-weight:700 !important;
	color:#004aae;
	text-decoration:underline;
	}
.productHeader img
{
	float:right;
	height:50px;
	}
.productSub 
{
	border:1px solid #ece9db;
	}	
.productSubFoto
{
	background-color:White;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	}
.productSubText
{
	background-color:#dbe6f4;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	}
	
	
/****** panels ******/
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
}
.CollapsiblePanelTab {
	background-color: #CCDBEF;
	margin: 0px;
	cursor: pointer;

	-moz-user-select: none;
	-khtml-user-select: none;
	font-family: sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #004AAE;
	/*
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 10px;
	border: 1px solid #CCDBEF;
*/
	text-decoration: underline;
}

.CollapsiblePanelContent 
{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	background-color: #FFFFFF;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #CCDBEF;
	border-bottom-color: #CCDBEF;
	border-left-color: #CCDBEF;
}
.CollapsiblePanelTab a {
	color: #FFFFFF;
	text-decoration: none;
}
.CollapsiblePanelTab td 
{
	padding-left:10px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	font-size:16px !important;
	font-weight:700;
	text-decoration:underline;
	color:#004aae !important;
}
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #B2C8E7;
}
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #B2C8E7;
}
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #999999;
}

a 
{
	text-decoration:underline !important;
	color: #004aad !important;
	}
a:hover
{
	color: #66cc00 !important;
	}

hr 
{
	color:#cccccc;
	}

.blauw {

	color: #004AAE !important;
}
.subTitel {

	font-size: 13px !important;
	font-weight: bold !important;
	color: #004AAE !important;
	line-height: normal;
	display: inline;
}

.newsHistoryBackground {
	background-image:url(images/newsline.gif);
}

.titel {
	font-size: 16px !important;
	font-weight: bold !important;
	color: #004AAE !important;
	line-height: normal !important;
	display: inline !important;
}
.newsHistorySelected 
{
	background-color:#66cc00 !important;
	}
	
.emptyLeftpane td {
}

ul {
	padding-left:0px;
	margin-left:0px;
}

li {
	list-style-type:disc !important;
	list-style-position:inside;
	font-size:8.3pt;
	vertical-align: baseline;
	line-height: 16px;
	margin-left:0px;
	padding-left:0px;
 }
 
.paneltable, .paneltable td{
	text-align:left;
}


#submenu a:link, .MenuSelectedLevelX a:link, .MenuSelectedLevelX:link  {
	text-transform: capitalize;
	display: block;
	width: 176px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	clear: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	color: #000000 !important;
	text-decoration: none !important;
}
#submenu a:visited, .MenuSelectedLevelX a:visited, .MenuSelectedLevelX:visited {
	text-transform: capitalize;
	display: block;
	width: 176px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	clear: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	color: #000000 !important;
	text-decoration: none !important;
}
#submenu a:hover, .MenuSelectedLevelX a:hover, .MenuSelectedLevelX:hover {
	text-transform: capitalize;
	display: block;
	width: 176px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	clear: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	color: #000000 !important;
	text-decoration: none !important;
	background-color: #DBDBDB !important;
}



    .box{text-align:right; padding-right:5px;}
    .label{text-align:right !important; padding-right:5px; padding-top:3px; font-size:13px; font-weight:bold;}
    .gecko .label{text-align:right; padding-right:5px; padding-top:3px; font-size:13px; font-weight:bold; height:14px !important; width:72px !important; }

.codebox
{
    font-family: 'courier new',courier,monospace;
    color: #000;
    background:#E0E0E0;
    border: 1px dotted #999;
    padding: 10px;
    margin: 10px;
    overflow: auto;
    height: 100px;
}