HTML, BODY
{
    FONT-SIZE: 11px;
    MARGIN: 0px;
    FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, 'MS Sans Serif';
	padding: 0px;
	height: 100%;
	width: 100%;
}

div.Intro
{
	position: relative;
	width: 80%;
	left: 10%;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
	text-align: center;
}

.Intro A
{
    COLOR: gray;
    TEXT-DECORATION: none
}

.Intro A:hover
{
    COLOR: green;
    TEXT-DECORATION: underline overline
}

.TabelRegel
{
    FONT-SIZE: 10px;
    COLOR: black
}

.KolomHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: black;
    HEIGHT: 16pt
}

A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: gray;
    TEXT-DECORATION: none
}

A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: black;
    TEXT-DECORATION: none
}

.Cata
{
    FONT-WEIGHT: 600;
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Arial
}

.Green
{
}

.Green LI
{
    COLOR: #82ae27
}

.Green TD
{
    BACKGROUND-COLOR: #e8ffe4
}

.Red
{
    BORDER-RIGHT: 1px;
    BORDER-TOP: 1px;
    BORDER-LEFT: 1px;
    BORDER-BOTTOM: 1px
}

.Blue
{
}

.Blue LI
{
    COLOR: #3499df
}

.Blue TD
{
    BACKGROUND-COLOR: #e4f5ff
}

.Red LI
{
    COLOR: #ce7a3c
}

.Red TD
{
    BACKGROUND-COLOR: #ffece4
}

.BlueBG
{
    BACKGROUND-COLOR: #ecf5ff
}

.GreenBG
{
    BACKGROUND-COLOR: #f9fff2
}

.RedBG
{
    BACKGROUND-COLOR: #fff8f0
}

.RedBG TABLE
{
    BACKGROUND-COLOR: #fff8f0
}
H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: black
}

.PageHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13pt;
    COLOR: black
}

.PageHeader A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13pt;
    COLOR: black;
    TEXT-DECORATION: none
}

.PageHeader A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13pt;
    COLOR: gray;
    TEXT-DECORATION: none
}

.Green TH
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    BORDER-LEFT: medium none;
    COLOR: white;
    BORDER-BOTTOM: medium none;
    HEIGHT: 25px;
    BACKGROUND-COLOR: #59ad41;
    TEXT-DECORATION: none
}

.Red TH
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    COLOR: white;
    HEIGHT: 25px;
    BACKGROUND-COLOR: #cc0000
}

.Blue TH
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    COLOR: white;
    HEIGHT: 25px;
    BACKGROUND-COLOR: #0099d8
}

.FooterBody_green
{
	background: url("footerbg_green.gif");
}

.FooterTable_green
{
	background: url("footer_green.gif");
	background-repeat: no-repeat;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff
}

.FooterBody_red
{
	background: url("footerbg_red.gif");
}

.FooterTable_red
{
	background: url("footer_red.gif");
	background-repeat: no-repeat;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff
}

.FooterBody_blue
{
	background: url("footerbg_blue.gif");
}

.FooterTable_blue
{
	background: url("footer_blue.gif");
	background-repeat: no-repeat;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff
}


.Footer
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff
}

.Footer A
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}

.Footer A:hover
{
    COLOR: #ffffff;
    TEXT-DECORATION: underline overline
}

.Zoeken
{
    FONT-SIZE: 10px
}

.homeheader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: #ffffff
}

.homeheader_right
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: #53971A;
}

.homeheader A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: #ffffff;
    TEXT-DECORATION: none
}

.homeheader A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    COLOR: #ffffff
}

.hometext
{
    FONT-SIZE: 12px;
    COLOR: #ffffff
}

.hometext A
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}

.hometext A:hover
{
    COLOR: #ffffff;
    TEXT-DECORATION: underline overline
}

table.container
{
	border: 0px solid black;
	width: 99%;
	left: 100px;
	padding: 0px;
}

.catalogus
{
	/*border: 1px solid black;*/
}

.catalogus td
{
	width: 16%;
	text-align: center;
}

.productCell_Red
{
	width: 150px;
	background-color: #DD2026;
}

.productCell_Blue
{
	width: 150px;
	background-color: #0084d6;
}

.productImage_Red
{
	width: 110px;
	height: 110px;
	border: 1px solid #DD2026;
}

.productImage_Blue
{
	width: 110px;
	height: 110px;
	border: 1px solid #0084d6;
}

.productTekst_Red A:link
{
	color: #DD2026;
}

.productTekst_Red A:visited
{
	color: #DD2026;
}

.productTekst_Red A:hover
{
	color: #CCC;
}

.productTekst_Red A:active
{
	color: #DD2026;
}

.productTekst_Blue A:link
{
	color: #0084d6;
}

.productTekst_Blue A:visited
{
	color: #0084d6;
}

.productTekst_Blue A:hover
{
	color: #CCC;
}

.productTekst_Blue A:active
{
	color: #0084d6;
}

.HighLite
{
}

.HighLite TD
{
    BACKGROUND-COLOR: #ffff66
}

/* nieuw toegevoegde stijlen */

td.language
{
	text-align: right;
}

div.welkom
{
	float: both;
	margin-top: 15px;
	text-align: center;
}
td.left
{
	text-align: left;
	vertical-align: top;
	width: 30%;
	height: 370px;
	margin-top: 10px;
	margin-left: 10px;
	color: white;
	padding-left: 10px;
	padding-right: 10px;
	overflow: auto;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	font-size: 11px;
}

td.middle
{
	text-align: left;
	vertical-align: top;
	background-color: #A2BD5D;
	margin-left: 10px;
	color: white;
	padding-left: 10px;
	padding-right: 10px;
	overflow: auto;
	width: 30%;
	height: 370px;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	font-size: 11px;
}

td.right
{
	text-align: left;
	vertical-align: top;
	background-color: #c4d498;
	margin-top: 10px;
	margin-left: 2%;
	color: #53971A;
	overflow: auto;
	padding-left: 10px;
	padding-right: 10px;
	width: 30%;
	height: 370px;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	font-size: 11px;
}
table.contentTable
{
	padding: 0px;
	text-align: center;
	width: 95%;
}

a.tjek:link, a.tjek:visited
{
	color: white;
	
}
a.tjek:hover
{
	color: white;
	text-decoration: underline overline;
	
}
a.tjek:active
{
	color: white;
}

.MepacImage
{
	display: block;
	float: right;
	width: 125px;
	height: 106px;
}

.CanalitImage
{
	display: block;
	top: 11px;
	float: right;
	width: 92px;
	height: 89px;
}

div.container
{
	position: absolute;
	margin: 0px;
	top: 0px; 
	bottom: 0px;
	width: 99.5%; 
	padding: 5px;
	border: 0px solid black;
}

div.left
{
	position: absolute;
	margin: 5px;
	color: white;
	top: 0px;
	/*right: 620px;*/
	width: 300px;
	bottom: 0px;
	left: 0px;
	padding: 5px;
}

div.middle
{
	position: absolute;
	margin: 5px;
	top: 0px;
	bottom: 0px;
	min-width: 300px;

	left: 320px;
	right: 315px;
	color: white;
	text-align: center;
}

div.right
{
	color: white;
	margin: 5px;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	min-width: 310px;
	max-width: 311px;
}

div.logo
{
	position: absolute;
	bottom: 40px;
	left: 40px;
	width: 160px; 
	height: 30px; 
	cursor: pointer;
}

div.nieuws
{
	position: relative;
	border: 1px dashed;
	bottom: 0px;
	height: 300px;
	width: 300px;
	padding: 5px;
	cursor: pointer;
	text-align: left;
}

div.contentContainer
{
	position: relative;
	left: 0px;
	top: 0px;
	width:99.9%;
	height: 99.5%;
	border: 0px solid black;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}

div.catalogusLeft_Red
{
	float: left;
	position: absolute;
	width: 150px;
	background: url(mepacBG.gif);
	background-repeat: repeat-y;
	height: 100%;
}

div.catalogusLeft_Blue
{
	float: left;
	position: absolute;
	width: 150px;
	background-color: #0084d6;
	height: 100%;
}

div.catalogusRight
{
	position: absolute;
	left: 150px;
	right: 0px;
	height: 100%;
	overflow: auto;
	border: 0px solid black
}