﻿
/* --- FRAMEWORK --- */
HTML, BODY 
{
	height: 100%;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #545454;
	line-height:normal;
}
TD
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
TABLE.containerTable {
	width: 992px;
	height: 100%;
}
TABLE.contentTable 
{
	width: 960px;
	height: 100%;
}
TD.contentContainer {
	width: 960px;
	height: 100%;
}
TD.shadeLeft {
	width: 16px;
	height: 100%;
	background-image: url('/App_Images/Global/shadeLeft.gif');
}
TD.shadeRight {
	width: 16px;
	height: 100%;
	background-image: url('/App_Images/Global/shadeRight.gif');
}
TD.leftMenu 
{
	width: 220px;
	height: 100%;
	background-color: #abb1b6;
	background-image: url('/App_Images/Global/bgLeftMenu.gif');
	background-repeat: repeat-x;
}
TD.rightImage
{
	width: 212px;
	height: 100%;
	background-color: #009dd8;
}
TD.contentArea
{
	width: 528px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
TD.rightImage_Home
{
	width: 422px;
	height: 100%;
	background-color: #009dd8;
}
TD.contentArea_Home
{
	width: 318px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
IMG {
	border: none;
}

A, A.link, A.visited, A.active
{
	color: #000000;
	text-decoration: none;
}
A.white
{
	color: #ffffff;
}
A.boldUpper
{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
}

LI
{
	list-style: square;
}

LI.white
{
	color: #ffffff;
	list-style: square;
}

/* --- /FRAMEWORK --- */


/* --- FONTS AND TITLES --- */
.establishmentTitle
{
	color: #545454;
	text-decoration: none;
	font-size:12px;
	font-weight: bold;
	text-transform:uppercase;
	margin-top: -30px;
	position: absolute;
}
.mainProductGroupTitle
{
	color: #545454;
	text-decoration: none;
	font-size:12px;
	font-weight: bold;
	text-transform:uppercase;
}
A.mainProductGroupTitle
{
	color: #545454;
	text-decoration: none;
	font-size:11px;
	font-weight: bold;
	text-transform:uppercase;
}
.mainProductOverviewHeader
{
	font-size:18px;
	font-family:Arial;
	font-weight: normal;
	text-transform:uppercase;
	color:Black;
}
/* --- MEDEWERKERS --- */
TABLE.empTable
{
	width: 239px;
	height: 100%;
	margin-bottom: 10px;
}
TD.empImg
{
	vertical-align: top;
}
TD.empTitle
{
	color: #ffffff;
	background-color: #009dd8;
	vertical-align: top;
	padding: 4px;
	width: 200px;
	height: 23px;
	font-weight: bold;
}
TD.empData
{
	color: #000000;
	background-color: #e9e9e9;
	vertical-align: text-top;
	padding: 4px;
	height: 100%;
}
/* --- /MEDEWERKERS --- */


/* --- ADRES OP HOME ---*/
TABLE.homeAddress
{
	width: 185px;
	padding-left: 10px;
}
TD.homeAddress
{
	font-size: 10px;
	color: #545454;
}
.homeAddressLblName
{
	font-size: 11px;
	font-weight:bold;
}
TD.homeAddress a
{
	font-size:10px;
	color: #545454;
	font-weight:normal;
}
/* --- /ADRES OP HOME ---*/


/* --- ZOEKEN LINKS ---*/
#searchField
{
	position: relative;
	background-color: #009dd8;
	width: 220px;
	height: 60px;
}
#searchFieldInp
{
	position: absolute;
	top: 10px;
	left: 10px;
}
#searchFieldBtn
{
	position: absolute;
	top: 22px;
	left: 206px;
}
/* --- ZOEKEN LINKS ---*/


/* --- VACANCIES, NEWS AND REFERENCES --- */

DIV.NieuwsItemsContent
{
	float:left;
}
DIV.NieuwsItemsContent a
{
	font-size: 11px;
	color: #545454;
}
TD.HomeNieuwsItemsContent
{
	padding-left:10px;
	vertical-align:top;
}
DIV.HomeNieuwsItemsContent
{
	float:left;
}
H3.NieuwsItemContentHeader
{
	font-family:Arial;
		color: #000000;
		font-size:13px;
		font-weight:bolder;
}
TABLE.NieuwsItems
{
	padding-top:10px;
}
TABLE.grey
{
	width:495px;
	background-color: #e9e9e9;
	margin-top: 15px;
	padding: 2px 2px 2px 2px;
	color: #000000;
}
TABLE.blue
{
	width:495px;
	background-color: #e5f5fb;
	margin-top: 15px;
	padding: 2px 2px 2px 2px;
	color: #000000;
}

/* --- /VACANCIES AND REFERENCES --- */


/* --- PRODUCTENLIJST --- */
TD.productGroupTitle
{
	background-color: #009dd8;
	width: 234px;
	padding: 2px 2px 2px 5px;
	margin: 10px 10px 10px 10px;
}

TD.productGroupList
{
	background-color: #767777;
	width: 234px;
	padding: 2px 2px 2px 5px;
}
productGroupListText
{
	font-weight:bold;
}
A.productGroupTitle
{
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}
TD.productSubGroupImg
{
	padding: 0px 0px 0px 0px;
	width:100px;
	text-align:center;
	vertical-align: middle;
	background-color:#cbced2;
}
TD.productSubGroupTitle
{
	width: 153px;
	color: #ffffff;
	padding: 8px 11px 8px 8px;
	margin: 10px 10px 10px 10px;
}

/* --- /PRODUCTENLIJST --- */


/* --- PRODUCTEN DETAILS --- */

TABLE.productDetails
{
	width: 496px;
	padding: 0px 0px 0px 0px;
}
TD.productDetails
{
	padding: 0px 7px 7px 7px;
	vertical-align:top;
}
TABLE.productDetails .Header
{
	height: 29px;
	background-image: url('/App_Images/Global/productDetailHdr.gif');
	background-color: #009dd8;
	color: #ffffff;
}
TABLE.productDetails .Header h1
{
	margin-left: 7px;
	margin-top: 2px;
}
TABLE.productDetails .Body
{
	padding: 8px;
	color: #000000;
}
TD.productImg
{
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	background-color: #ffffff;
	background-color: #009dd8;
}
TD.spacerRight
{
	width: 6px;
}
TABLE.techSpecs
{
	width: 496px;
	margin-top: 10px;
}
TD.techSpecsHeader
{
	height: 29px;
	background-image: url('/App_Images/Global/productDetailHdr.gif');
	background-color: #009dd8;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
}
TD.techSpecsHeader span
{
	margin: 0 0 0 7px;
}
TD.techSpecsDark
{
	background-color: #7d7e7e;
	font-size: 11px;
	color: #ffffff;
	padding: 1px 1px 1px 10px;
	width: 50%;
}
TD.techSpecsLight
{
	background-color: #9d9e9e;
	font-size: 11px;
	color: #ffffff;
	padding: 1px 1px 1px 10px;
	width: 50%;
}
TD.BenifitsDark
{
	background-color: #7d7e7e;
	font-size: 11px;
	color: #ffffff;
	padding: 5px 1px 1px 10px;
	width: 50%;
}

/* --- /PRODUCTEN DETAILS --- */


/* --- KNOPPEN --- */
A.btn
{
	background-image: url('/App_Images/Global/bgButton.gif');
	padding-top: 8px;
	padding-left: 29px;
	padding-right: 8px;
	padding-bottom:8px;
	height: 29px;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}
A.btnreverse
{
	background-image: url('/App_Images/Global/bgButtonReverse.gif');
	padding-top: 8px;
	padding-left: 29px;
	padding-right: 8px;
	padding-bottom:8px;
	height: 29px;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}
/* --- /KNOPPEN --- */


/* --- FORMULIEREN --- */
INPUT, TEXTAREA, SELECT
{
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
INPUT.inp200 
{
	width: 200px;
	background-image: url('/App_Images/Form/formBg.gif');
	border: 1px solid black;
}
.TwinLabelHeader
{
	
}
.TwinLabelNormal
{
	font-weight: bold;
}
INPUT.TwinInput
{
	background-image: url('/App_Images/Form/formBg.gif');
	border: 1px solid black;
}
INPUT.inp188 
{
	width: 188px;
	background-image: url('/App_Images/Form/formBg.gif');
	border: 1px solid black;
	padding-left: 3px;
}
INPUT.inp188Grey 
{
	width: 188px;
	background-image: url('/App_Images/Form/formBg.gif');
	border: 1px solid black;
	color: #c5c6c6;
	padding-left: 3px;
}
TEXTAREA.inp300x75
{
	width: 300px;
	height: 75px;
	background-image: url('/App_Images/Form/formBg.gif');
	border: 1px solid black;
}
INPUT.clear 
{
	border: 0px;
}
TD.Label
{
	width: 165px;
	font-weight: bold;
	vertical-align: top; 
	padding-top: 6px;
}
TD.Field
{
	width: 305px;
}
TD.Required
{
	width: 15px;
	color: #009dd8;
	font-weight: bold;
	vertical-align: top; 
	padding-top: 6px;
}
/* --- /FORMULIEREN --- */


/* --- ALGEMENE STYLES --- */
p 
{
    margin: 7px 0px 7px 0px;
}

a
{	
	cursor: pointer;
	color: #000000;
	font-size: 12px;
}

a.bigBlack
{	
	cursor: pointer;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6, .ti {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
}

h1, .ti {
	font-size: 15px;
	margin: 10px 0px 2px 0px;
}
h1.white
{
	color: #ffffff;
}
h2 {
	font-size: 14px;
	margin: 5px 0px 2px 0px;
}

h3
{
	font-size: 12px;
	margin: 3px 0px 2px 0px;
}
h4
{
	font-size: 12px;
	margin: 3px 0px 2px 0px;
	color: #545454;
}
h5, h6 {
	margin: 3px 0px 3px 0px;
	font-size: 12px;
}

.tix {
	margin: 3px 0px 2px 0px;
}
.whiteUpperBold
{
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
}
/* --- /ALGEMENE STYLES --- */

/* --- /OFFERTE --- */

.verplichtSter
{
	color:Blue;	
}

/* --- /OFFERTE --- */

/* --- LEFT MENU --- */
TABLE.leftMenu 
{
	width: 220px;
}
TD.leftMenuPageLightLeft
{
	cursor: pointer;
	width: 198px;
	height: 23px;
	background-color: #c5c6c6;
	margin: 0px 0px 10px 0px;
}
TD.leftMenuPageLightRight
{
	cursor: pointer;
	width: 22px;
	height: 23px;
	text-align: center;
	background-color: #c5c6c6;
	margin: 0px 0px 0px 0px;
}
TD.leftMenuPageDarkLeft
{
	cursor: pointer;
	width: 198px;
	height: 23px;
	background-color: #009dd8;
	margin: 0px 0px 10px 0px;
}
TD.leftMenuPageDarkRight
{
	cursor: pointer;
	width: 22px;
	height: 23px;
	text-align: center;
	background-color: #009dd8;
	margin: 0px 0px 0px 0px;
}
TD.leftMenuProductLightLeft
{
	cursor: pointer;
	width: 198px;
	height: 23px;
	background-color: #0065a7;
	margin: 0px 0px 10px 0px;
}
TD.leftMenuProductLightRight
{
	cursor: pointer;
	width: 22px;
	height: 23px;
	text-align: center;
	background-color: #0065a7;
	margin: 0px 0px 0px 0px;
}
TD.leftMenuProductDarkLeft
{
	cursor: pointer;
	width: 198px;
	height: 23px;
	background-color: #014574;
	margin: 0px 0px 10px 0px;
}
TD.leftMenuProductDarkRight
{
	cursor: pointer;
	width: 22px;
	height: 23px;
	text-align: center;
	background-color: #014574;
	margin: 0px 0px 0px 0px;
}
/*--ProductGroupMenu On and OF--*/
TD.leftMenuProductLightLeftOn
{
	cursor: pointer;
	width: 198px;
	height: 23px;
	background-color: #0065a7;
	margin: 0px 0px 10px 0px;
}
TD.leftMenuProductLightRightOn
{
	cursor: pointer;
	width: 22px;
	height: 23px;
	text-align: center;
	background-color: #0065a7;
	margin: 0px 0px 0px 0px;
}
TD.leftMenuProductDarkLeftOn
{
	cursor: pointer;
	width: 198px;
	height: 23px;
	background-color: #014574;
	margin: 0px 0px 10px 0px;
}
TD.leftMenuProductDarkRightOn
{
	cursor: pointer;
	width: 22px;
	height: 23px;
	text-align: center;
	background-color: #014574;
	margin: 0px 0px 0px 0px;
}
TD.leftMenuProductLightLeftOff
{
	cursor: pointer;
	width: 198px;
	height: 23px;
	background-color: #0065a7;
	margin: 0px 0px 10px 0px;
}
TD.leftMenuProductLightRightOff
{
	cursor: pointer;
	width: 22px;
	height: 23px;
	text-align: center;
	background-color: #0065a7;
	margin: 0px 0px 0px 0px;
}
TD.leftMenuProductDarkLeftOff
{
	cursor: pointer;
	width: 198px;
	height: 23px;
	background-color: #014574;
	margin: 0px 0px 10px 0px;
}
TD.leftMenuProductDarkRightOff
{
	cursor: pointer;
	width: 22px;
	height: 23px;
	text-align: center;
	background-color: #014574;
	margin: 0px 0px 0px 0px;
}

TD.leftMenuOn
{
	cursor: pointer;
	width: 220px;
	height: 23px;
	background-color: #000000;
}
TD.leftMenuOnLeft
{
	cursor: pointer;
	width: 198px;
	height: 23px;
	background-color: #000000;
}
TD.leftMenuOnRight
{
	cursor: pointer;
	width: 22px;
	height: 23px;
	text-align: center;
	background-color: #000000;
}
TD.leftSubMenuOff
{
	width: 220px;
	background-color: #ffffff;
}
TD.leftSubMenuOn
{
	width: 220px;
	background-color: #767777;
}
UL.leftSubMenu
{
	background-color: #767777;
	margin-left: 30px;
	margin-bottom: 5px;
}
html>body UL.leftSubMenu
{
	margin-left: 0px;
}
html>body LI.leftSubMenuOn
{
	margin-left: -10px;
}
html>body LI.leftSubMenuOff
{
	margin-left: -10px;
}

A.leftMenu
{
	padding-left: 15px;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}
A.leftMenuLeft
{
	padding-left: 15px;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}
A.leftMenuRight
{
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}
A.leftSubMenuOff, LI.leftSubMenuOff
{
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}
A.leftSubMenuOn, LI.leftSubMenuOn
{
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}
/* --- /LEFT MENU --- */


/* --- MAIN MENU --- */
TABLE.mainMenu 
{
	width: 960px;
	height: 37px;
	background-image: url('/App_Images/Global/Menu/mainMenu_BG.gif');
}
TD.mainMenu 
{
	width: 960px;
	height: 31px;
}
TD.mainMenu_ColorLine
{
	width: 960px;
	height: 6px;
}
TD.mainMenu_1002
{
	width: 92px;
	background-image: url('/App_Images/Global/Menu/mainMenu_BG_1002.gif');
	background-repeat:no-repeat;
	text-align: center;
}
TD.mainMenu_1003
{
	width: 104px;
	background-image: url('/App_Images/Global/Menu/mainMenu_BG_1003.gif');
	background-repeat:no-repeat;
	text-align: center;
}
TD.mainMenu_1004
{
	width: 132px;
	background-image: url('/App_Images/Global/Menu/mainMenu_BG_1004.gif');
	background-repeat:no-repeat;
	text-align: center;
}
TD.mainMenu_1005
{
	width: 121px;
	background-image: url('/App_Images/Global/Menu/mainMenu_BG_1005.gif');
	background-repeat:no-repeat;
	text-align: center;
}
TD.mainMenu_ColorLine 
{
	width: 960px;
	height: 6px;
}
A.mainMenu 
{
	color: #ffffff;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
}
/* --- /MAIN MENU --- */


/* --- VESTIGINGEN --- */
.spanOfficeType
{
	background:url(/App_Images/square.gif) no-repeat center left;
	padding-left:15px;
}
.tdEmpItem1
{
	width:237px;
	background-color: #e9e9e9;
	color: #000000;
	font-size: 16px;
	padding: 7px 0px 7px 2px;
	margin-bottom: 10px;
	padding-left:5px;
}
.tdEmpItem2
{
	width:239px;
	background-color: #e5f5fb;
	color: #000000;
	font-size: 16px;
	padding: 7px 0px 7px 2px;
	margin-bottom: 10px;
	padding-left:5px;
}
.tblEmployee
{
	text-align:left;
	
}
.NewsItemPanel
{
}
.NewsGroupTitle
{
	position: relative;
	margin-top: -50px;
	color: #545454;
	text-decoration: none;
	font-size:12px;
	font-weight: bold;
	text-transform:uppercase;
}
.RelatedProducts
{
	width: 230px;
	height: 105px;
	margin-bottom: 12px; 
	margin-right: 19px; 
	background-image: url('/App_Images/Global/relatedBackGround.gif');
	background-repeat: repeat-x;
}
#divRelatedNext
{
	position: absolute;	
	left: 90px;
	top: 47px;
}

#SubscribeNewsLetter
{
	position: relative;
	background-color: #0065a7;
	width: 220px;
	height: 40px;
}
#SubscribeNewsLetter .InnerContainer
{
	position: absolute;
	margin: 6px 0 0 7px;
}
#SubscribeNewsLetter .InnerContainer a
{
	display: block;
	padding-left: 5px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}
#newsLetterFieldInp
{
	position: absolute;
	top: 5px;
	left: 10px;
}
#newsLetterFieldBtn
{
	position: absolute;
	top: 5px;
	left: 205px;	
}
.tblSubMenu
{
	width: 120px;	
}
.tdSubMenu
{
	height: 20px;
	background-color:#1d2886;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
}
.tdSubMenuAlternate
{
	height: 20px;
	background-color:#0065a7;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
}
.tdSubMenu a,
.tdSubMenuAlternate a
{
	color: #FFFFFF;
	text-transform: uppercase;
}
.EyeCatcher
{
	position: absolute;	
}
/* --- /VESTIGINGEN --- */