html {
overflow-y:scroll !important; /*------------ zorgt voor een verticale scroll  in ff, zodat de pagina niet springt------*/
}



.tekst, td          {color: #FFFFFF;font-family:arial; font-size:10pt;  font-weight:regular}

.kop                {color: #FFFFFF;font-family:arial; font-size: 10pt;  font-weight: bold}



.hiddenlayer		{ display: none; }


#floatcontact {
	position: absolute;
	top: 388px;
	left: 65px;
}

#floatcontact a, #floatcontact a:link, #floatcontact a:visited, #floatcontact a:active, #floatcontact a:hover  {
	text-decoration: underline;
	font-weight: bold;
	font-size: 14px;
	color: #ff8100;
}
.fout {
color:red;
font-weight:bold;
}
/* Floating layer with extra info (positioned right) */
#floatlayer {
	width: 247px;
	height: 524px;
	position: absolute;
	top: 200px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../grafix/floatbg.png);
	background-repeat: no-repeat;

	}

/* Inside floating layer: top */
#floattop {
	position: absolute;
	top: 18px;
	left: 10px;
	width: 225px;
	color: #f88228;
	height: 50px;
	font-weight: bold;
	overflow: hidden;
}

#floattop a {
	display: block;
	width: 225px;
	height: 50px;
	color: #f88228;
	text-decoration: none;
	}



/* Inside floating layer: mid */
#floatmid {
	position: absolute;
	top: 75px;
	left: 8px;
	width: 230px;
	height: 310px;
	color: #ffffff;
	overflow: hidden;
}

#floatmid a, #floatmid a:link, #floatmid a:visited, #floatmid a:active, #floatmid a:hover  {
	text-decoration: none;
}

#floatmid p {
	padding: 0px;
	margin: 0px;
	}


/* Inside floating layer: bottom */
#floatbottom {
	position: absolute;
	top: 408px;
	left: 20px;
	font-size: 9px;
	color: #ffffff;
	z-index: 65500;

}

#floatbottom a {
	color: #ffffff;
	font-size: 9px;
}


/* hidden div, used for putting float content in */
#floatcontent {
	display: none;
}

/* Floating layer with pagetitle (positioned right above the main menu) */
#pagetitle {
	position: absolute;
	display: block;
	width: 580px;
	padding-left: 20px;
	border-bottom: 1px solid #ffffff;
	top: 122px;
	}




/* Productimage scroller */

#productimagebig_wrap {
	height: 238px;
	max-width: 587px;
	overflow: hidden;
	margin-top: auto;
	margin-bottom: auto;
	}

#productimagebig_wrap_inner {
	height: 238px;
}
#productimagebig {
	max-height: 238px;
	max-width: 587px;

	}


#productimages_table {
	width: 585px;
	border-top: 1px solid #ffffff;
	padding-top: 20px;
	}

#productimages_wrap {
	overflow-x: hidden;
	overflow-y: hidden;
	width: 540px;
	border-right: 3px solid #ffffff;
	border-left: 3px solid #ffffff;

}

#productimages_left {
	padding-right: 10px;

}

#productimages_right {
	padding-left: 10px;

}

.productimage {
	margin-left: 5px;
	margin-right: 5px;
	border: 0px;
	height: 75px;
}


/* Heading */
h1 {
	padding: 0px;
	margin: 0px;
	}



/* Groups (merken) */

/* Main wrap */
#groupwrap {

}

/* Single wrapper.. containing image and link (with h2 tag) */
.group {
	float: left;
	display: block;
	width: 138px;
	height: 200px;
	text-align: center;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 0px;
	margin-bottom: 5px;
}

.group h2 {
	padding: 0px;
	margin: 0px;
}

.group img {
	border: 0px;
	}

.group a:link, .group a:visited, .group a:active, .group a:visited {
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	}



.left
{
	background-image        : url(grafix/left.jpg);
	background-repeat       : no-repeat;
	background-color	: #000000;
		background-position: left top;
	height: 750px;
}





.main
{
	 background-image	: 	url(grafix/main.jpg);
	 background-repeat	: 	no-repeat;
	width				: 	704px;
		background-position: left top;
	margin-left: 25px;
	margin-right: 10px;
	vertical-align:  top;

}

.right
{

	background-image        : url(grafix/right.jpg);
	background-repeat       : no-repeat;
	background-position: right top;
	background-color	: #C3C1CD;
	width: 297px;
vertical-align: top;
}

.bottom
{

	background-image        : url(grafix/bottom.jpg);
	background-repeat       : no-repeat;
	background-color	: #000000;
	background-position: left top;
	height: 135px;
}
.top
{

	background-image        : url(grafix/top.jpg);
	background-repeat       : no-repeat;
	background-color	: #000000;
	height: 147px;
}

.knop
{
	background-color: #000000;
	border: 1px solid #ffffff;
	color: #ffffff;
	font: bold 10px arial,arial;
	cursor: pointer;
	width: 95px;
	height: 20px;
	text-align: center;
	vertical-align: top;
}

.knop2
{
	background-color: #2F93C7;
	border: 1px solid #ffffff;
	color: #ffffff;
	font: bold 10px arial,arial;
	cursor: pointer;
	width: 95px;
	height: 20px;
	text-align: center;
	vertical-align: top;
}


a:link
{
	color			: #ffffff;
	font-size		: 9pt;
	border			: 0px transparent;
	text-decoration	: underline;
	font-weight		: regular;
	font-family		: arial;
	cursor			: pointer;
}

a:active
{
	color			: #ffffff;
	font-size		: 9pt;
	border			: 0px transparent;
	text-decoration	: underline;
	font-weight		: regular;
	font-family		: arial;
	cursor			: pointer;
}

a:visited
{
 	color			: #ffffff;
	font-size		: 9pt;
	border			: 0px transparent;
	text-decoration	: underline;
	font-weight		: regular;
	font-family		: arial;
	cursor			: pointer;
}

a:hover
{
	 color			: #ffffff;
	font-size		: 9pt;
	border			: 0px transparent;
	text-decoration	: underline;
	font-weight		: regular;
	font-family		: arial;
	cursor			: pointer;
}




body
{
	color			: #ffffff;
	font-size		: 9pt;
	font-family		: arial;
	margin with		: 0px;
    margin height	: 0px;
    SCROLLBAR-FACE-COLOR		: #000000;
    SCROLLBAR-HIGHLIGHT-COLOR	: #013366;
    SCROLLBAR-SHADOW-COLOR		: #013366;
    SCROLLBAR-3DLIGHT-COLOR		: #013366;
    SCROLLBAR-ARROW-COLOR		: #ffffff;
    SCROLLBAR-TRACK-COLOR		: #ffffff;
    background-color: #1d1b26;
}


.table
{
    border-style: solid;
    border-color: #000000;
    border-width: 0px;
    color: #000000;
    font-size: 9pt;
    font-family: Arial;
	vertical-align: top;
}




.clCMAbs {
	LEFT 		: 0px;
	VISIBILITY	: hidden;
	POSITION	: absolute;
	TOP  		: 0px;
}

/*begin level0  */
.clLevel0 {

	PADDING-RIGHT	: 2px;
	PADDING-LEFT 	: 2px;
	PADDING-BOTTOM	: 2px;
	PADDING-TOP		: 4px;
	FONT-FAMILY		: arial;
	FONT-SIZE		: 11pt;
	FONT-WEIGHT		: bold;
	POSITION		: absolute;
	text-align		: center;
	COLOR			: #ffffff;
	background-image: url(grafix/knop.jpg);
}

.clLevel0over
{
	PADDING-RIGHT	: 2px;
	PADDING-LEFT	: 2px;
	PADDING-BOTTOM	: 2px;
	PADDING-TOP		: 4px;
	FONT-FAMILY		: arial;
	FONT-SIZE		: 11pt;
	FONT-WEIGHT		: bold;
	POSITION		: absolute;
	text-align		: center;
	CURSOR			: pointer;
	COLOR			: #ffffff;

		background-image: url(grafix/knop_over.jpg);
}

.clLevel0border
{
	VISIBILITY		: hidden;
	POSITION		: absolute;
	BACKGROUND-COLOR: none;
}
/*einde  level0  */

/*begin level1  */
.clLevel1 {
	PADDING-RIGHT	: 2px;
	PADDING-LEFT 	: 2px;
	PADDING-BOTTOM	: 2px;
	PADDING-TOP		: 8px;
	FONT-FAMILY		: arial;
	FONT-SIZE		: 9pt;
	FONT-WEIGHT		: regular;
	POSITION		: absolute;
	text-align		: center;
	COLOR			: #FFFFFF;
	BACKGROUND-COLOR: #020202;
}

.clLevel1over {
	PADDING-RIGHT	: 2px;
	PADDING-LEFT	: 2px;
	PADDING-BOTTOM	: 2px;
	PADDING-TOP		: 8px;
	FONT-FAMILY		: arial;
	FONT-SIZE		: 9pt;
	FONT-WEIGHT		: regular;
	POSITION		: absolute;
	text-align		: center;
	CURSOR			: pointer;
	COLOR			: #000000;
	BACKGROUND-COLOR: #CCCCCC;
}

.clLevel1border {
	VISIBILITY: hidden; POSITION: absolute; BACKGROUND-COLOR: none;
}
/*einde  level1  */


	/*------------  Navigatie  ------------------------------------------------*/


div#siteNavigation {
z-index:100 !important;
height:22px;
width:620px;
top:160px;
left:210px;
position: absolute;
/*background:url(../grafix/bg_navi.jpg) repeat-x;
margin-left:100px;
padding-top:4px;*/
}
div#siteNavigation ul#hoofdmenu {
height:22px;
list-style: none;
margin: 0;
z-index: 100;
padding-left:0;
}
div#siteNavigation ul#hoofdmenu li {
width:118px;
line-height:22px;
height:22px;
text-align:center;
position:relative;
float:left;
list-style:none;
padding:3px 2px 2px;
}
/*div#siteNavigation ul#hoofdmenu li a.active {
	font-weight:bold;
	color: #481763;
	font-weight: bold;
}*/

/*div#siteNavigation ul#hoofdmenu li:hover {
	font-weight:bold;
	color: #481763;
background-color	: #FC5050;
border-right	: 1px solid #D82B23;
border-bottom	: 1px solid #D82B23;
border-top	: 1px solid #F18781;
border-left	: 1px solid #F18781;
font-weight: bold;
}*/
div#siteNavigation ul#hoofdmenu li a {
display:block;
line-height:22px;
height:22px;
font-weight: bold;
font-size:11pt;
text-align:center;
text-decoration: none;
color:#ffffff;
}

div#siteNavigation ul#hoofdmenu li a:hover {
font-weight: bold;
}



/*div#siteNavigation ul#hoofdmenu li ul.submenu1 {
width:160px !important;
position:absolute;
display:none;
left:0px;
margin: 0px;
top:23px;
background-color: #ffffff;
z-index:101;
padding-left: 0;
BACKGROUND-COLOR: #084389;
}
div#siteNavigation ul#hoofdmenu li ul.submenu1 li {
width:156px;
line-height:19px;
border:none !important;
background: none !important;
height: 19px;
padding: 2px;
}
div#siteNavigation ul#hoofdmenu li ul.submenu1 li a {
font-size:9pt !important;
text-align: center;
font-weight:normal !important;
line-height:19px;
height:19px;
text-indent: 5px;
position:relative;
width:156px;
}

div#siteNavigation ul#hoofdmenu li ul.submenu1 li a:hover {
BACKGROUND-COLOR: #E3EFFB;
border-color:#00409B;
height:19px;
color:#084389;
font-weight:normal !important;
}


div#siteNavigation ul#hoofdmenu li:hover ul.submenu1 {
display:block;
}
*/

