/* Global Styles */

* 	{
	margin:0; 
	padding:0;
	border:0;
	border-spacing:0;

	}


body {
	margin:0px 0px 0px 0px;
	padding: 10px 10px 10px 10px ; 
	width:1000px;
	height:3200px;
	border:0px solid green;
	background: #ffffff; /* achtergrond wit */
	}
	
h1 { /*opmaak titel producten */
	font:30px Verdana, Arial, Helvetica, sans-serif;
	font-style:oblique;
	/*font-variant:small-caps;*/
	padding: 5px 0 5px 5px; 
	color:#006834; /* donkergroen */
	/*background-color:#336600;*/
	border-width:thin;
	border-color:#336600;
	border-style:solid;
	text-align:left;
	margin: 0 0 0 0;
	width:736px;
	font-weight: bolder;
	/*background-image:url(/oostropack/images/lrqa-iso9001-ukas_logo.jpg);*/
	background:#ffffff url("images/lrqa-iso9001-ukas_logo-klein.jpg") 670px 50% no-repeat;
	}	

h2 { /*opmaak titel subproducten */
	font:20px Verdana, Arial, Helvetica, sans-serif;
	font-style:oblique;
	/*font-variant:small-caps;*/
	padding: 5px 0 5px 5px; 
	color:#006633; /* donkergroen */
	background-color:#006633;
	text-align:left;
	margin: 10px 0 0 0; 
	width:740px;
	font-weight: bolder;
	}	
	
h3 { /* opmaak voor link naar artikelen onder de product titel*/
	font:15px Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 0 15px 0; 
	text-align:left;
	word-spacing:25px;
	margin: 0 0 0 0; 
	font-weight: bolder;
	}	
	
h3 a:hover {
	color:#006834;
	}
	
h4 { /* opmaak voor link terug */
	font:9px Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 0 15px 0;
	text-align:left;
	word-spacing:25px;
	margin: 0 0 0 0; 
	font-weight:bolder;
	}	
	
h4 a {
	color:#006834;
	}
	
h5 { /*opmaak titel subproducten */
	font:20px Verdana, Arial, Helvetica, sans-serif;
	font-style:oblique;
	/*font-variant:small-caps;*/
	padding: 5px 0 5px 5px; 
	color:#006633; /* donkergroen */
	background-color:#006633;
	text-align:left;
	margin: 10px 0 0 0; 
	width:740px;
	font-weight: bolder;
	}	
			

p  {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0 10px 0  ; 
	margin:0 35px 0 0 ;
	text-align:justify;
	} 	
	
td {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366; /* Blauw */
	}
	
a {
	color: #7fb399; /* lichtgroen */
	font-weight:bold;
	}
	
a:hover {
	color: #7fb399;
	}

/* ID Styles */

#navigatiemenu { /* volledige menubalk*/
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width:201px; /*max breedte van navigatiemenuigatie balk */
		height:3000px;
		background: #006834; /* achtergrond donkergroen */ 
		
	}
	
#navigatiemenu ul { /* submenu 1ste niveau */
		list-style:none;

	}
	
#navigatiemenu ul ul { /* submenu 2de niveau */
		background:none;
	}
	
#navigatiemenu li { /* all list items */
		position : relative;
		float : left;
		display:inline; /* enkel nodig op te werken met ie 6 */
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 180px;
		margin-left:-40px;
	
	}
	

#navigatiemenu li ul { /* second-level lists */
		/*position:relative; */ /* werk niet met ie6 */
		margin-left : 60px;
		margin-top : -2px;
		
	}
	
#navigatiemenu li ul ul { /* third-and-above-level lists */
		position : absolute;
		left: -999em;
		margin-left : 242px;
		margin-top : -1.75em;
	}
	
#navigatiemenu li a {
		width: 180px;
		height:2em;
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		list-style:none;
		text-align:left;
		display : block;
		color:#7fb399;
		font-weight : bold;
		text-decoration : none;
		background-color: #006834; /* achtergrond donkergroen */ 
		border : solid;
		border-width:1px;		
		padding : 10px 0 0 20px;
		margin-left:40px;
		
	}
	
#navigatiemenu li li a {
		width: 160px;
		height:1.75em;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		list-style:none;
		text-align:left;
		display : block;
		color:#7fb399;
		font-weight:normal;
		text-decoration : none;
		background-color: #006834; /* achtergrond donkergroen */ 
		padding : 5px 0 0 40px;
		margin-left:20px;
	}
#navigatiemenu li li li a {
		width: 180px;
		height:1em;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		list-style:none;
		text-align:left;
		display : block;
		color:#7fb399;
		font-weight:normal;
		text-decoration : none;
		background-color: #006834; /* achtergrond donkergroen */ 
		padding : 5px 0 5px 20px;
		margin-left:20px;
	}
	
#navigatiemenu li a:hover {
		color:#7fb399;
		background-color : black;
		background:#ffffff url("mm_arrow.gif") 1px 50% no-repeat;
	}
	
#navigatiemenu li:hover ul ul, #navigatiemenu li:hover ul ul ul, #navigatiemenu li.sfhover ul ul, #navigatiemenu li.sfhover ul ul ul {
		left: -999em;
	}
	
#navigatiemenu li:hover ul, #navigatiemenu li li:hover ul, #navigatiemenu li li li:hover ul, #navigatiemenu li.sfhover ul, #navigatiemenu li li.sfhover ul, #navigatiemenu li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}


#navigatiemenu #andereopmaak a{
		width: 180px;
		height:2em;
		font: 16px Verdana, Arial, Helvetica, sans-serif;
		list-style:none;
		text-align:left;
		display : block;
		color:#7fb399;
		font-weight : bold;
		text-decoration : none;
		background-color: #006834; /* achtergrond donkergroen */ 
		border : solid;
		border-width:1px;		
		padding : 10px 0 0 20px;
		margin-left:20px;
	}
#navigatiemenu #andereopmaak a:hover{
		color:#7fb399;
		background-color : black;
		background:#ffffff url("mm_arrow.gif") 1px 50% no-repeat;
	}
	
#navigatiemenu #andereopmaak li a { /* second-level lists */
		width: 160px;
		height:1em;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		list-style:none;
		text-align:left;
		display : block;
		color:#7fb399;
		font-weight:normal;
		text-decoration : none;
		background-color: #006834; /* achtergrond donkergroen */ 
		padding : 5px 0 5px 20px;
		margin-left:20px;
	}
#navigatiemenu #andereopmaak li  { /* second-level lists */
		/*margin-top : -1em;*/
	}

#navigatiemenu #andereopmaak    ul { /* third-and-above-level lists */
		position : absolute;
		/*left: -999em;*/
		margin-left : 242px;
		margin-top : -2.75em;
	}

div.titel { /*mini titelbalk info oorstropack */
	font:11px Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:normal;
	text-decoration : none;
	padding: 5px 0 5px 0 ; 
	color:#006834; /* donkergroen */
	background-color:#FFFFFF;
	text-align:center;
	width:950px;
	margin: 0 0 0 0; 
	}	

#logo {
	background:#ffffff ;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	list-style:none;
	text-align:center;
	float:none;
	margin:3px 0px 0px 50px;
	padding: 0px 0px 0px 0px ; 
	/*width:20em; /*max breedte van navigatiemenuigatie balk */
	/*height:20em;*/

	}
	

#produktfoto {
	background:#ffffff ;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	list-style:none;
	text-align:left;
	float:right;
	padding:10px 35px 10px 10px;
	/*width:20em;*/ /*max breedte van navigatiemenuigatie balk */
	/*height:20em;*/

	}

img.transparant  {	
	width:100px;
	height:100px;
	/*filter:alpha(opacity=50);
	-moz-opacity: 0.5; 
	opacity: 0.5;
	-khtml-opacity: 0.5;*/

	float:left; 
	display:inline;
	margin-right: 5px; 
	margin-top:5px;
	z-index:1000;
	}
	
	
a:hover img.transparant {
	width:150px;
	height:150px;
	filter:alpha(opacity=100);
	-moz-opacity: 1; 
	opacity: 1;
	-khtml-opacity: 1;
	position:relative;
	padding:0;
	margin:-25px -22px -60px -25px; 
	border:1px;
	border-style:solid;
	border-color:#000000;
	}	
	
img.transparant_laatste  {
	width:100px;
	height:100px;
	filter:alpha(opacity=100);
	-moz-opacity: 1; 
	opacity: 1;
	-khtml-opacity: 1;
	float:left; 
	display:inline;
	margin-right: 5px; 
	margin-top:5px;
	z-index:1000;

	
	}
	
a:hover img.transparant_laatste {
	width:150px;
	height:150px;
	filter:alpha(opacity=100);
	-moz-opacity: 1; 
	opacity: 1;
	-khtml-opacity: 1;

	position:relative;
	margin:-27px -55px -20px -25px; 
	padding:0;
	border:1px;
	border-style:solid;
	border-color:#000000;
	}		

div.tekstblok  {
	background:#ffffff; /* achtergrond wit */
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color : #000000; /* tekstkleur donkergroen */
	width:780px;
	float:right;
	border:0px solid gray; 
    /*float:clear; */
	padding: 0 0 0 0;
    }
	

div.googlemap  {
	background:#ffffff; /* achtergrond wit */
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color : #006834; /* achtergrond donkergroen */
	width:720px;
	padding: 15px 15px 15x -25px;
	border:5px solid #006834; 
	margin-top : 50px;
	margin-left: -730px;
	position:absolute;
  }
  
.banner  {
	background:#ffffff; /* achtergrond wit */
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color : #000000; /* tekstkleur donkergroen */
	width:750px;
	/* border:1px solid gray; */
	float:left; 
    padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 20px; 
	padding-right: 5px;
	filter:alpha(opacity=100);
	-moz-opacity: 1; 
	opacity: 1;
	-khtml-opacity: 1;
	}
	
.input {
	font:9px Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #006;
    background: #EEEEEE;
	padding-bottom:1px;
	margin-top:1px;
	}
.input:hover {
    border: 1px solid #f00;
    background: #ff6;
	}

div.contactform  {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	width:720px;
	float:right;
	padding-top:50px;
    }

.contactlabel {
	font:12px Verdana, Arial, Helvetica, sans-serif;
    border: 0px solid #006;
    background:none;
	color:#006834;
	}

.contact {
	font:12px Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #006;
    background: #EEEEEE;
	color:#000000;
	border-color:#006834;
	}
.contact:hover {
    border: 1px solid #f00;
    background: #ff6;
	background-color:#EEEEEE;
	}

#titelroute {
	font:20px Verdana, Arial, Helvetica, sans-serif;
	font-style:oblique;
	padding: 5px 0 5px 5px; 
	color:#7fb399; /* lichtgroen */
	background-color:#006633;
	text-align:left;
	margin: 0 0 0 20px;
	width:725px;
	float:left;
	font-weight: bolder;

	}

.textarea {
	font:9px Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #006;
    background: #EEEEEE;
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
	}
	
.textarea:hover {
    border: 1px solid #f00;
    background: #ff6;
	}
	
.textareaboven {
	font:9px Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #006;
    background: #EEEEEE;
	width:95%;
	margin-top:5px;
	margin-bottom:2px;
	margin-right:5px;
	}

.textareaboven:hover {
    border: 1px solid #f00;
    background: #ff6;
	}



.banner:hover {	
 	filter:alpha(opacity=50);
	-moz-opacity: 0.5; 
	opacity: 0.5;
	-khtml-opacity: 0.5;
	}
 
div.taalkeuze  {
	background:#006834; /* achtergrond wit */
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color : #000000; /* tekstkleur donkergroen */
	text-align:center;
	padding-top:0px;
	margin-bottom:5px;
	}
  
  
#layer-standaardmaten {
	/* position:relative;*/
	width:744px;
	max-height:250px;
	/*float:inherit;*/
	z-index:1;
	/*left: 436px;
	top: 372px;*/
	visibility:inherit;
	border: thin groove #CCFF99;
	padding: 0 0 0 0;
	margin: 15px 0 0 0;
	overflow-x:hidden;
	overflow-y:scroll;
	clip: rect(auto,auto,auto,10);
}
  
#layer_banner_transparant {
	position:absolute;
	width:740px;
	height:215px;
	padding:0px;
	marging:0px;
	left:225px;
	top:38px;
	visibility: hidden;
	z-index:4;
	background:#FFFFFF;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5; 
	opacity: 0.5;
	-khtml-opacity: 0.5;

	}
  
#layer_boneguard {
	position:absolute;
	width:150px;
	height:150px;
	padding:0px;
	marging:-5px;
	left:205px;
	top:10px;
	visibility: hidden;
	border:1px;
	border-style:solid;
	border-color:#000000;
	border-spacing:0;
	z-index:5;
	background:#FFFFFF;
}  
  
#layer_krimpzakken {
	position:absolute;
	width:150px;
	height:150px;
	padding:-5px;
	left: 310px;
	top: 10px;
	visibility: hidden;
	border:1px;
	border-style:solid;
	border-color:#000000;
	z-index:5;
	background:#FFFFFF;
	
}  
  
#layer_netten {
	position:absolute;
	width:150px;
	height:150px;
	padding:0;
	left: 415px;
	top: 10px;
	visibility: hidden;
	border:1px;
	border-style:solid;
	border-color:#000000;
	z-index:5;
	background:#FFFFFF;
}  

#layer_clippen {
	position:absolute;
	width:150px;
	height:150px;
	padding:0;
	left: 520px;
	top: 10px;
	visibility: hidden;
	border:1px;
	border-style:solid;
	border-color:#000000;
	z-index:5;
	background:#FFFFFF;
}  
  
#layer_hdpeldpe {
	position:absolute;
	width:150px;
	height:150px;
	padding:0;
	left: 625px;
	top: 10px;
	visibility: hidden;
	border:1px;
	border-style:solid;
	border-color:#000000;
	z-index:5;
	background:#FFFFFF;
}  
  
#layer_absorptie {
	position:absolute;
	width:150px;
	height:150px;
	padding:0;
	left: 730px;
	top: 10px;
	visibility: hidden;
	border:1px;
	border-style:solid;
	border-color:#000000;
	z-index:5;
	background:#FFFFFF;
}  
  
#layer_steakpaper {
	position:absolute;
	width:150px;
	height:150px;
	padding:0;
	left: 835px;
	top: 10px;
	visibility: hidden;
	border:1px;
	border-style:solid;
	border-color:#000000;
	z-index:5;
	background:#FFFFFF;
}  
  
#layer_clips_op_rol {
	position:absolute;
	width:150px;
	height:150px;
	padding:0;
	left: 205px;
	top: 115px;
	visibility: hidden;
	border:1px;
	border-style:solid;
	border-color:#000000;
	z-index:5;
	background:#FFFFFF;
}  
  
#layer_goud_zilver {
	position:absolute;
	width:150px;
	height:150px;
	padding:0;
	left: 310px;
	top: 115px;
	visibility: hidden;
	border:1px;
	border-style:solid;
	border-color:#000000;
	z-index:5;
	background:#FFFFFF;
}  
  
#layer_vacuumzakken {
	position:absolute;
	width:150px;
	height:150px;
	padding:0;
	left: 415px;
	top: 115px;
	visibility: hidden;
	border:1px;
	border-style:solid;
	border-color:#000000;
	z-index:5;
	background:#FFFFFF;
}  
  
#layer_drilbinders {
	position:absolute;
	width:150px;
	height:150px;
	padding:0;
	left: 520px;
	top: 115px;
	visibility: hidden;
	border:1px;
	border-style:solid;
	border-color:#000000;
	z-index:5;
	background:#FFFFFF;
}    
#layer_clips_lussen {
	position:absolute;
	width:150px;
	height:150px;
	padding:0;
	left: 625px;
	top: 115px;
	visibility: hidden;
	border:1px;
	border-style:solid;
	border-color:#000000;
	z-index:5;
	background:#FFFFFF;
}    
#layer_foodfilm {
	position:absolute;
	width:150px;
	height:150px;
	padding:0;
	left: 730px;
	top: 115px;
	visibility: hidden;
	border:1px;
	border-style:solid;
	border-color:#000000;
	z-index:5;
	background:#FFFFFF;
}    
#layer_stockinet {
	position:absolute;
	width:150px;
	height:150px;
	padding:0;
	left: 835px;
	top: 115px;
	visibility: hidden;
	border:1px;
	border-style:solid;
	border-color:#000000;
	z-index:5;
	background:#FFFFFF;
}    
 

  
  
  
  
  

#navigatiemenuigation td {
	border-bottom: 2px solid #C0DFFD;
	}
	
#navigatiemenuigation a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 26px;
	background: url("mm_arrow.gif") 14px 45% no-repeat;
	}
	
#navigatiemenuigation a:hover {
	background: #ffffff url("mm_arrow.gif") 14px 45% no-repeat;
	color:#FF6600;
	}
	


#tagline 	{	
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color: #FF9933;
	letter-spacing:.4em;
	line-height:18px;
	}

#monthformat {
	border-bottom: 2px solid #E6F3FF;
		}
		
#dateformat {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight:bold;
	letter-spacing:.1em;
	}
	
#dateformat a:hover {
	color: #FF6600;
	letter-spacing:.1em;
	}
	
/* Class Styles */
	
.bodyText {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	line-height:20px;
	margin-top:0px;
	}
	
.pageName{
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	line-height:24px;
	letter-spacing:.2em;
	}
	
.subHeader {
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	line-height:16px;
	letter-spacing:.2em;
	}

.quote {
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
	}
	
.smallText {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	}
	
.navigatiemenuText {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}
	
	
	
	
