﻿td, p, li {font-family: Arial;font-size: 12px;color: #000000}
a:link       { text-decoration: none; color: #990000}
a:visited    { text-decoration: none; color: #990000}
a:active     { text-decoration: none; color: #990000}
a:hover      { text-decoration: underline; color: #990000}


.nav:link       { text-decoration: none; color: #000000}
.nav:visited    { text-decoration: none; color: #000000}
.nav:active     { text-decoration: none; color: #000000}
.nav:hover      { text-decoration: none; color: #000000}

.sm:link       { text-decoration: none; color: #000000}
.sm:visited    { text-decoration: none; color: #000000}
.sm:active     { text-decoration: none; color: #000000}
.sm:hover      { text-decoration: none; color: #FF0000}
.HeadText
{
    color: #990000;
}
.force-scrollbar { position: absolute; top: 0; bottom: -1px; width: 1em; z-index: -1; }
BODY { 
    margin:                     0;
    font-family:                Arial, Sans-Serif;
    font-size:                  12px; 
}
.BarIndicator_TextBox2
{
    color:Blue;
    background-color:Blue;
}

.BarBorder_TextBox2
{
    border-style:solid;
    border-width:1px;
    width:200px;
    vertical-align:middle;
    color: #990000;
}
.unwatermarked 
{
    border:1px solid #990000;
	background-color:white;
	width: 100px;
}

.watermarked {
	padding:2px 0 0 2px;
	border:1px solid #990000;
	background-color:#990000;
	color:white;
 width: 100px;
}	
.InlogButtonCancel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	background-color: #272727;
	border: 1px solid #990000;
	text-align:center;
	width: 65px;
}
.Belangrijk
{
     font-weight:bold;
     color: #990000;
     text-align: justify;
 
}
input,textarea, select, button
{
color: #000000;
background-color: #FFFFFF;
/* border: 1px solid #999999;*/
font-size: 8pt;
}
html, body, #wrapper {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
}
#wrapper {
	margin: 0 auto;
	text-align: left;
}
.FrameWork {
	background-position: center;
	text-align: left;
	vertical-align: top;
}
.DRP10px {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: none;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: circle;
}
.DRP9px {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: none;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: circle;
}
.FormBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border: 1px solid #666666;
	width: 200px;
}
.TextBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border: 1px solid #999999;	
}
.DRP11px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: none;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: circle;
}
.DRP12px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: none;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: circle;
}
.background {
	background-image: url(images/system/bg_left_schaduw_end.gif);
	background-repeat: repeat-y;
}
.BGLeft {
	background-image: url(images/system/links_achtergrond.gif);
	background-repeat: repeat-x;
	background-color: #EAEAEA;
}
.Button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border: 1px solid #cccccc;
}
.ButtonBlue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	background-color: #990000;
	border: 1px solid #990000;
	text-align:center;
	width: 200px;
}
.ButtonRed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	background-color: #990000;
	border: 1px solid #990000;
	text-align:center;
	width: 130px;
}
.ButtonAntraciet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	background-color: #272727;
	border: 1px solid #272727;
	text-align:center;
	width: 130px;
}
.ButtonProduct {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	background-color: #990000;
	border: 1px solid #990000;
	text-align:center;
	width: 210px;
}
.ButtonAntracietKlein {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	background-color: #272727;
	border: 1px solid #272727;
	text-align:center;
	
}
.ButtonAntracietFront {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	background-color: #272727;
	border: 1px solid #272727;
	text-align:center;
	width: 100px;
}
.ButtonBlueFront {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	background-color: #990000;
	border: 1px solid #990000;
	text-align:center;
	width: 100px;
}
.ButtonGray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	background-color: #272727;
	border: 1px solid #272727;
	text-align:center;
	width: 130px;
}
.ButtonLightGray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	background-color: #686868;
	border: 1px solid #686868;
	text-align:center;
	width: 130px;
}
.TableBorder {
	border: 1px solid #626262;
	border-left-width : 1px;
	border-right-width : 1px;
	border-top-width : 1px;
	border-bottom-width : 1px;
}
.SitemapBorder1 {
	border: 1px solid #000000;
	border-left-width : 1px;
	border-right-width : 1px;
	border-top-width : 1px;
	border-bottom-width : 1px;
}
.TableBorderKantoor {
	border: 1px solid #303030;
	border-left-width : 1px;
	border-right-width : 1px;
	border-top-width : 1px;
	border-bottom-width : 1px;
}
.TableBorderIndustrie {
	border: 1px solid #303030;
	border-left-width : 1px;
	border-right-width : 1px;
	border-top-width : 1px;
	border-bottom-width : 1px;
}
.TableBorderMedisch {
	border: 1px solid #303030;
	border-left-width : 1px;
	border-right-width : 1px;
	border-top-width : 1px;
	border-bottom-width : 1px;
}
h1, .h1									
    {   font-family:                Arial, Sans-Serif; 
        font-size:                  12px; 
        color:                      #272727;
         font-weight:bold;
    }
h2, .h2									
    { 
        font-family:                Arial, Sans-Serif;
        font-size:                  12px; 
        color:                      #000000;
    }
h3, .h3
    {   
        font-family:                Arial, Sans-Serif;
        font-size:                  12px; 
        color:                      #993333;
    }
h4, .h4								
    { 
        font-family:                Arial, Sans-Serif;
        font-size:                  12px; 
        color:                      #000000;
    }
/*    .ablack 
    {
        color:                      #000000;
        font-size:                  12px;  
        
        text-decoration: none;
    }
.ablack:visited
    {
        color:                      #000000;
        font-size:                  12px;  
        
        text-decoration: none;
    }
.ablack:active
    {
        color:                      #000000;
        font-size:                  12px;  
        
        text-decoration: none;
    }    
.ablack:hover
    {
        color:                      #000000;
        font-size:                  12px;  
        
        text-decoration: underline;
    } */
.highlight 
    {
        color:                      #990000; 
        font-size:                  12px;  
        font-weight:                bold;
        text-decoration: underline;
    }
.highlight:visited
    {
        color:                      #990000; 
        font-size:                  12px;  
        font-weight:                bold;
        text-decoration: underline;
    }
.highlight:active
    {
        color:                      #990000; 
        font-size:                  12px;  
        font-weight:                bold;
        text-decoration: underline;
    }    
.highlight:hover
    {
        color:                      #990000; 
        font-size:                  12px;  
        font-weight:                bold;
        text-decoration: underline;
    } 
    
.blacklink 
    {
        color:                      #000000; 
        font-size:                  12px;  
        font-weight:                bold
    }
    .whitelinksmall
    {   
        color:                      #FFFFFF; 
        font-size:                  smaller;        
        text-decoration: none;
    }
.whitelinksmall:active
    {   
        color:                      #FFFFFF; 
        font-size:                  smaller;        
        text-decoration: none;
    }
.whitelinksmall:visited
    {   
        color:                      #FFFFFF; 
        font-size:                  smaller; 
        text-decoration: none;
    }
.whitelinksmall:active
    {   
        color:                      #FFFFFF; 
        font-size:                  smaller;      
        text-decoration: none;
    }
.whitelinksmall:hover
    {   
        color:                      #FFFFFF; 
        font-size:                  smaller;   
        text-decoration: underline;
    }
    .whitelink 
    {   
        color:                      #FFFFFF; 
        font-size:                  12px;          
        text-decoration: none;
    }
.whitelink:visited
    {   
        color:                      #FFFFFF; 
        font-size:                  12px;  
        text-decoration: none;
    }
.whitelink:active
    {   
        color:                      #FFFFFF; 
        font-size:                  12px;        
        text-decoration: none;
    }
.whitelink:hover
    {   
        color:                      #FFFFFF; 
        font-size:                  12px;        
        text-decoration: underline;
    }
.whitelinkbold
    {   
        color:                      #FFFFFF; 
        font-size:                  12px;  
        font-weight:                bold;
        text-decoration: none;
    }
.whitelinkbold:visited
    {   
        color:                      #FFFFFF; 
        font-size:                  12px;  
        font-weight:                bold;
        text-decoration: none;
    }
.whitelinkbold:active
    {   
        color:                      #FFFFFF; 
        font-size:                  12px;  
        font-weight:                bold;
        text-decoration: none;
    }
.whitelinkbold:hover
    {   
        color:                      #FFFFFF; 
        font-size:                  12px;  
        font-weight:                bold;
        text-decoration: underline;
    }
    
/* Hier komt het design van de hoofdpagina */
.tableLogin
{
    width: 100px; 
    border: 0;
    vertical-align:top;  
}
.LoginSpacer
{
   height: 37px;
}

.tableOuter
{
    width: 100%; border: 0;
}
.cellNavigation
{
    width: 215px; 
    vertical-align: top; 
    text-align: right;
    
}
.tableMyAccount
{
    width: 100%;     
    vertical-align: top; 
    text-align: right;
    background-color: #ffffff; /*#272727;*/
    /*
    border-right: #272727 2px; 
    border-top: #272727 2px; 
    border-left: #272727 2px; 
    border-bottom: #272727  2px;
    */
}
.cellMyAccountTop
{
    color: #ffffff;
    text-align: center;
    vertical-align:top;
    background-color: #272727; 
    color: #ffffff;
}
.cellMyAccount1
{
    color: #990000;
    text-align: left;
    vertical-align:top;
    
    background-color: White; /*#990000; #3F9F3F;*/
}
.cellMyAccount2
{
    background-color: White;/* #BC0000;#7FB77F;*/
    color: #000000;
    text-align: center;
    vertical-align:top;
}
.rowMainContent
{
    height: 430px;
}
.rowTop1
{
    height: 30px;
}
.rowTop2
{
    height: 80px;
}
.cellTopMenu
{
    width: 410px; 
    vertical-align: bottom; 
    text-align: left;
   
}

.LanguageBar2
{
    width: 141px; 
    vertical-align: bottom; 
    text-align: center;

}
.HideTopRightImage1
{
    width: 215px; 
    vertical-align: bottom; 
    text-align: left;
}
.HideTopRightImage2
{
    height: 26px;
}
.HideMiddleImage
{
    height: 135px;
}
.TableMainContent
{
    width: 766px;
}
.FullTopLeftCell
{
    width: 100%; 
    vertical-align: top; 
    text-align: left;
}
.TopLeftCell
{
    vertical-align: top; 
    text-align: left;
}
.TopRightCell
{
    vertical-align: top; 
    text-align: right;
}
.cellMainContent
{
    width: 495px; 
    text-align: left; 
    vertical-align: top;
}
.divMainContent
{
    width: 495px; 
    vertical-align: top; 
    text-align: left; 
    height: 429px; 
    padding-right: 5px;
    overflow: auto;
}
.divLogos
{
    width: 495px; 
    vertical-align: top; 
    text-align: left; 
    height: 50px; 
}
.rowRightTop
{
    height: 221px;
}
.cellRightTop
{
   width: 223px; 
   text-align: left; 
   vertical-align: top;
}
.rowRightMiddle
{
    height: 108px;
}
.cellRightMiddle
{
    width: 223px; 
    text-align: left; 
    vertical-align: top;
}
.rowRightBottom
{
    height: 100px;
}
.cellRightBottom
{
    width: 223px; 
    text-align: left; 
    vertical-align: middle;
}
.AlignAddress
{
    vertical-align: middle; 
    width: 4px; 
    height: 40px; 
    text-align: right
}
.TopLeftWhite
{
    vertical-align: top; 
    text-align: left; 
    color: White;
}
.MiddleLeftWhite
{
    vertical-align:middle; 
    text-align: left; 
    color: White;
}
.cellLoginHeader
{
    background-image: url('http://portals.wylance.com/siteLayout/IACTGroup/shade.png');
    background-repeat: repeat-x;
    vertical-align:top;
    height: 30px;
}
.LoginHeaderText
     {   font-family:                Arial, Sans-Serif; 
        font-size:                  18px; 
        color:                      #272727;
        text-align:center; vertical-align: middle;
         font-weight:bold;
    }
.cellBorderRighthandside
{
    background-image: url('http://portals.wylance.com/siteLayout/IACTGroup/right.png');
    background-repeat: repeat-x;
    vertical-align:top;
}
.cellBorderLefthandside
{
    background-image: url('http://portals.wylance.com/siteLayout/IACTGroup/left.png');
    background-repeat: repeat-x;
}
.cellBorderCenter
{
    width: 766px; 
    height: 707px; 
    background-image: url('http://portals.wylance.com/siteLayout/IACTGroup/bg.png');
    vertical-align: top; 
    text-align: left;
}


.tableTopLayout
{
    width: 766px;
}
.cellCopyright 
{
    width: 766px;
    text-align: center; 
    vertical-align: top;
}
.LoginButton {
	font-size:                  10px;
	color:                      #ffffff;
	border:                     1px solid #cccccc;
	background-color:           #272727;
	width:                      80px;
}



.BoxClear
{
}
.BoxHolding
{
    background-color:Blue;
}
.BoxGroup
{
    background-color:Olive;
}
.BoxEnterprise
{
    background-color:Lime;
}
.BoxProjects
{
    background-color:Purple;
}
.tableContact
{
    vertical-align:middle;
}
.AdresGegevens
{
    font-size:xx-small;
    color: Black;
}
/* Einde design van de hoofdpagina */

/* Custom voor de wylance site (begin) */
.ActiveButton
{
    background-color: #007500; color: White; width: 70px; text-align:center;
}
.InactiveButton
{
    background-color: #000000; color: White; width: 70px; text-align:center;
}
.ProductKader
{
    border-right: #272727 2px solid; 
    border-top: #272727 2px solid; 
    border-left: #272727 2px solid; 
    border-bottom: #272727 2px solid
}
.ProductTable
{
   /* width: 100%;*/
}
.ProductSpacer
{
    width: 0px;
}
.cellBorderRighthandsideFullHD
{
    background-image: url('http://www.wylance.com/sitelayout/FullHD/right.png');
    background-repeat: repeat-x
}
.cellBorderLefthandsideFullHD
{
    background-image: url('http://www.wylance.com/sitelayout/FullHD/left.png');
    background-repeat: repeat-x
}
/* Custom voor de wylance site (einde) */

.helptext
{
    width: 250px;
    background-color: White;
    color: Black;
           border-right: #990000 2px solid; 
    border-top: #990000 2px solid; 
    border-left: #990000 2px solid; 
    border-bottom: #990000 2px solid
}
.WizardOption
{
  border-left: 1px solid #C0C0C0; 
  border-top: 1px solid #C0C0C0; 
  text-align: center;
  width: 95px; 
  color: #000000;  
}
.WizardOptionActive
{
    background-color: #272727; 
    border-left: 1px solid #C0C0C0; 
    border-top: 1px solid #C0C0C0;
    text-align: center; 
    width: 95px; 
    color: #FFFFFF;
}
.WizardResult
{
    border-left: 1px solid #C0C0C0; 
    border-top: 1px solid #C0C0C0; 
    border-right: 1px solid #C0C0C0;
    text-align: center; 
    width: 95px; 
    background-color: #C0C0C0;
}
.WizardDisabled
{
    border-left: 1px solid #C0C0C0; 
    border-top: 1px solid #C0C0C0; 
    text-align: center; 
    background-color: #EFEFEF;
    width: 95px; 
    color: #C0C0C0;  
}