html, body{
height:100%;
margin: 0px;
padding: 0px;
}

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


td, div, a, textarea, input, select, span, h1, h2{
font-family: arial;
font-size: 11px;
color: #564D45;
line-height: 15px;
}
span.SPAN-industrial{
color: #0194CB;
}
span.SPAN-carpets{
color: #FA0800;
}

a{
text-decoration: underline;
}
a:hover{
text-decoration: none;
}


/* uitlijning product/project afbeelding op detailpagina/related lijstjes */
div.DIV-product-afbeelding-klein{float:left;border:1px solid #888;margin: 0px 0px 0px 2px;}
div.DIV-product-afbeelding-normaal{float:left;border:2px solid #888;margin: 0px 3px 3px 0px;}
div.DIV-productdetail-omschrijving{position:relative;}

div.DIV-project-afbeelding-klein{float:left;border:1px solid #888;margin: 0px 0px 0px 2px;}
div.DIV-project-afbeelding-normaal{float:left;border:2px solid #888;margin: 0px 3px 3px 0px;}
div.DIV-projectdetail-omschrijving{position:relative;}
/* //uitlijning product/project afbeelding op detailpagina/related lijstjes  */

/* uitlijning productgroep/projectcategorie afbeelding op detailpagina/related lijstjes */
div.DIV-productgroepen-afbeelding-klein{float:left;border:1px solid #888;margin: 0px 0px 0px 2px;}
div.DIV-productgroepen-afbeelding-normaal{float:left;border:2px solid #888;margin: 0px 3px 3px 0px;}
div.DIV-productgroepen-omschrijving{position:relative;}

div.DIV-projectcategorie-afbeelding-klein{float:left;border:1px solid #888;margin: 0px 0px 0px 2px;}
div.DIV-projectcategorie-afbeelding-normaal{float:left;border:2px solid #888;margin: 0px 3px 3px 0px;}
div.DIV-projectcategorie-omschrijving{position:relative;}
/* // uitlijning productgroep/projectcategorie afbeelding op detailpagina/related lijstjes  */


/* nieuws lees meer link*/
td.TD-nieuws-datum{font-weight:bolder;}
td.TD-nieuws-titel{font-weight:bolder;}

a.A-nieuws-lees-meer, span{color:#0194CB;text-decoration:none;font-weight:bolder;}
a.A-nieuws-lees-meer:hover, span {color:#0194CB;font-weight:bolder;}   /* mouse over link */

/* // nieuws lees meer link*/

/* melding bij contactformulier*/
div.DIV-melding{border:1px solid #ff0000;padding:3px;background-color:#ffffff;color:#ff0000;}
/* // melding bij contact formulier*/

/* intro */
table.TABLE-intro, table.TABLE-contentpagina{
text-align: left;
}
table.TABLE-contentpagina{
background-image: url(img/template/content-bg.gif);
background-repeat: repeat-x; 
}
table.TABLE-introcontent{
border-collapse: collapse;
border: solid 1px #000000;
}
table.TABLE-introcontent td{
border-collapse: collapse;
border: solid 1px #000000;
}
td.TD-introcontent{
padding: 40px 38px 40px 38px;
}
div.DIV-intro-balk{
position: absolute; 
top: 211px; 
left: 0px; 
height: 78px; 
width: 792px; 
background-color: #ffffff; 
z-index: 2; 
Filter: Alpha(Opacity=28);
-moz-opacity:0.28;
}
div.DIV-intro-logo{
position: absolute; 
top: 210px; 
left: 296px; 
height: 80px; 
width: 198px; 
background-color: #ffffff; 
z-index: 2;
}
/* /intro */

/* titel onderdeel blauwe vlak rechts*/
div.DIV-onderdeel-titel{
padding-top:10px;
padding-bottom:15px;
padding-left:15px;
padding-right:15px;
text-align:center;
font-weight:bolder;
font-size:20px;
line-height:100%;
color:#ffffff;
}
/* //titel onderdeel blauwe vlak rechts*/

/* menu */

/*** NEW menu styles ***/
#nav, #nav ul { /* all lists */
	padding: 0px;
	margin: 0px;
	list-style: none;
	z-index: 10;
}

/* top menu met subs*/
#nav li a.top-menu-subs {
	display: block;
	width: 117px;
	max-height:18px; /*opera + ff*/
	height:22px; /*ie*/
	font-weight:bolder;
	background-color: #DFDDDC;
	text-decoration:none;
	text-transform:uppercase;
	text-align: center;
	margin-right:1px;
	border-top: solid 2px #ffffff;
	border-bottom: solid 2px #ffffff;
	line-height: 18px;

}

#nav li a.top-menu-subs:hover {
	text-decoration:none;
	background-color: #FFFFFF;
	color:#0295c9;
}
#nav li a.top-menu-subs:active {
	text-decoration:none;
	background-color: #FFFFFF;
	color:#0295c9;
	font-weight: bold;
}
#nav li a.top-menu-subs-OV {
	text-decoration:none;
	background-color: #FFFFFF;
	color:#0295c9;
}
/* // top menu met subs*/


/* top menu zonder subs*/
#nav li a.top-menu {
	display: block;
	width: 117px;
	max-height:18px; /*opera + ff*/
	height:22px; /*ie*/
	font-weight:bolder;
	background-color: #DFDDDC;
	text-align: center;
	text-decoration:none;
	text-transform:uppercase;
	margin-right:1px;
	border-top: solid 2px #ffffff;
	border-bottom: solid 2px #ffffff;
	line-height: 18px;
	
}

#nav li a.top-menu:hover {
	text-decoration:none;
	background-color: #FFFFFF;
	color:#0295c9;
}
#nav li a.top-menu:active {
	text-decoration:none;
	background-color: #FFFFFF;
	color:#0295c9;
	font-weight: bold;
}
/* // top menu zonder subs*/

/* submenus */
#nav li a.sub-menu {
	display: block;
	width: 234px;
	text-align:left;
	font-size:11px;
	background-color: #ffffff;
	margin:1px;
	padding-left:15px;
	line-height: 20px;
	text-decoration:none;
	background-color:#F5F5F5;
	background-image: url(/img/template/bullet-sub.gif);
	background-repeat: no-repeat;
	background-position: 5px 9px;
}


#nav li a.sub-menu:hover{
background-color:#0194CB; 
color: #ffffff;	
background-image: url(/img/template/bullet-sub-ov.gif);
background-repeat: no-repeat;
background-position: 5px 9px;
}
#nav li a.sub-menu:active {text-decoration:none;}
/* // submenus */


#nav li { /* all list items */
	float: left;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 250;
	background-color:#ffffff;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border:1px solid #000000;
	border-top: 0px;
}
* html  #nav li ul {
	width: 238;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin-left:-1px;
}
/*** NEW menu styles ***/


table.TABLE-menu{
height: 211px;
width: 792px;
} 

div.DIV-menuitem-vlag, div.DIV-menuitem-vlag-OV{
	float:left;
	width:29px;
	height:18px;
	margin-top: 2px;
	padding-left: 1px;
	padding-right: 1px;
	margin-bottom: 2px;	
}
div.DIV-vlag{
	float:left;
	text-align:center;
	background-color:#DFDDDC;
	width:29px;
	height:18px;
}

div.DIV-vlag-OV{
	float:left;
	text-align:center;
	background-color:#ffffff;
	width:29px;
	height:18px;
}

div.DIV-vlag_wp{
	float:left;
	width:31px;
	height:22px;
	border-left:1px solid #000000;
}

div.DIV-menu{
	height:22px;
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
	border-right:solid 1px #000000;
}


/* OUD
div.DIV-menuitem, div.DIV-menuitem-OV, div.DIV-menuitem-vlag, div.DIV-menuitem-vlag-OV{
height: 22px;
width: 115px;
background-color: #DFDDDC;
float: left;
text-align: center;
margin-right: 1px;
border-right:1px solid #ffffff;
border-top: solid 2px #ffffff;
border-bottom: solid 2px #ffffff;
}

div.DIV-menuitem-vlag{
width: 32px;
}
div.DIV-menuitem-OV, div.DIV-menuitem-vlag-OV{
background-color: #ffffff;
cursor: pointer;
}
div.DIV-menuitem-vlag, div.DIV-menuitem-vlag-OV{
width: 32px;
}

div.DIV-menu{
height: 22px;
border-top: solid 1px #000000;
border-bottom: solid 1px #000000;
}

div.DIV-menuitem a, div.DIV-menuitem-OV a, div.DIV-menuitem a:hover, div.DIV-menuitem-OV a:hover{
color: #564D45;
font-weight: bold;
text-decoration: none;
}

*/


/* onderstaande geregeld in index.asp */
/*	div.DIV-menuitem a:hover, div.DIV-menuitem-OV a:hover, div.DIV-menuitem-OV a{ */
/* 	color: #0194CB;  /* kleur tekst mouseover */ 
/*}	*/
/* /menu */


/* content */
table.TABLE-content{
background-color: #eeeeee;
}
td.TD-kruimelpad{
background-color: #9E9994;
padding-left: 20px;
}
td.TD-kruimelpad, td.TD-kruimelpad a, td.TD-kruimelpad a:hover{
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
td.TD-kruimelpad a:hover{
text-decoration: underline;
}
td.TD-content{
width: 501px;
padding: 20px 57px 30px 19px;
}
td.TD-rechterkolom{
padding: 20px 0px 30px 0px;
}
td.TD-rechterkolom-items table{
background-color: #D4D1D0;
margin-bottom: 5px;
}
td.TD-rechterkolom-items a{
padding-left: 17px;
}
td.TD-rechterkolom-spacer{
background-image: url(/img/template/rechterkolom-spacer.gif);
height: 18px;
}
/* /content */


/* vastgedefinieerde kop-stijlen door Robusta */	
/* stijlen kunnen in backstage toegekend worden aan stukken tekst */	
font.FONT-industrial{
	color: #0194CB;
	font-weight:bold;
}
font.FONT-carpets{
	color: #FA0800;
	font-weight:bold;
}
/* /vastgedefinieerde kop-stijlen door Robusta */	

td.TD-popup-topbar{
	background-color: #DFDDDC;
	height: 25px;
	text-align: right; 
	padding-right: 10px; 
	color: #ffffff;
	width:600px;
}

td.TD-productnaam{
	color:#0194CB;
	padding-left:10px;
	font-weight:bolder;
}

A.A-popup-sluiten{
	color: #564D45;
	text-decoration: none;
	font-weight: bold;
}

/*print info button + send info button*/
a.button, a.button:hover, a.button-intro, a.button-intro:hover{
color: #564D45;
display: block;
padding-left:5px;
padding-right:5px;
line-height: 18px;
border:1px solid #564D45;
text-decoration: none;
font-weight: bold;
}
a.button span, a.button-intro:hover span{
color:#0295c9;
}

a.button:hover, a.button:hover span, a.button-intrp:hover, a.button-intrp:hover span{
background-color: #0194CB;
color: #ffffff;
}

a.carpets-continue:hover{
background-color: #FA0800;
color: #ffffff;
}

div.DIV-btn-print-info span{color:#0295c9;}
div.DIV-btn-send-info span{color:#0295c9;}
/* // print info button + send info button*/

/* send info */
div.DIV-message{
	width:100%;
	border:1px solid #ff0000;
	background-color:#ffffff;
	color:#564D45;
	font-size:1em;
	text-align:center;
}
/* // send info */

a.continue-button, a.continue-button:hover{
color: #0194CB;
text-decoration: none;
}
a.continue-button:hover{
text-decoration: underline;
}
span.SPAN-titel{
font-weight:bolder;
color: #0194CB;
}

/* visual header template */
#container_visual{
position: relative;
width: 792px;
height: 151px;
}
#anigif_windmolens{
position: absolute;
top: 0px;
left: 0px;
width: 577px;
height: 123px;
}
#visual-rechterkant-container{
position: absolute;
top: 0px;
left: 577px;
width: 213px;
height: 123px;
float: left;
margin-left:2px;
overflow: hidden;
background-color: #0194CB;
}
#afbeelding_visual{
position: absolute;
top: 0px;
left: 0px;
width: 215px;
heigth: 123px;
z-index: 1;
}
#visual_rechterkant_IE, #visual_rechterkant_MOZ{
position: absolute;
top: 102px;
left: 0px;
width: 792px;
height: 48px;
z-index: 2;
}
#tekst{
position: absolute;
top: 20px; 
left: 580px;
width: 210px;
height: 123px;

padding-top:10px;
text-align:center;
font-weight:bolder;
font-size:20px;
line-height:100%;
color:#ffffff;
}

#visual_rechterkant_IE{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/template/header2.png', sizingMethod='scale');
-moz-oppacity: 0;
z-index: 4;
}
#visual_rechterkant_MOZ{
background-image: url(/img/template/header2.png);
filter:Alpha(Opacity=0);
}
#kruimelpad{
position: absolute;
top: 130px;
left: 0px;
height: 15px;
width: 700px;
padding-left: 20px;
z-index: 4;
color: #ffffff;
font-weight: bold;
}
#kruimelpad a, #kruimelpad a:hover{
color: #ffffff;
text-decoration: none;
}
#kruimelpad a:hover{
text-decoration: underline;
}
/* /visual header template */