html {
	overflow-y: scroll;
}



body {	
	margin: 0;	
	padding: 0;	
	font-family: verdana, sans-serif;	
	text-align: left;	
	line-height: 1.3em;	
	color: #808080;	
	background: #E9E9E9 url(img/bg_body.gif) repeat-y center top;
	font-size: 12px;
	}



a img { border: 0px; }

a.skip { display: none; }



/* ---( text )------------------------------- */



a:link {	color: #808080;	}

a:visited {	color: #808080;	}

a:hover {	color: #808080;	}





p {	margin: 1em 0 1em;	padding: 0;	}



h1 {	

font-family: "lucida grande", verdana, sans-serif;	

font-size: 120%;	

font-weight: bold;	

color: #000000;	padding: 0;	

margin: 4px 8px;

}



h1 span, h2 span, h3 span {	color: #000000;	}



em {	font-style: italic;	}

strong {	font-weight: bold;	}



hr { height: 1px; border:0px; color: #efefef; background: #efefef; }





table { border: 0; border-spacing: 0; padding: 0px; margin: 0px; table-layout: fixed; }

#col1 { float: left; width: 160px; }
#col2 { float: left; width: 470px; }
#col3 { float: left; width: 160px; }

/* ---( top )------------------------------- */





#wrapper        { 

position: absolute; 
text-align: left;

position: absolute;

margin-right: auto;
margin-left: auto;

top: 129px;
left: 0px;
width: 100%;

margin: 0;
padding: 0;

z-index: 10;

}

body.home #wrapper { top: 132px; }


#contentWrapper        { 

position: relative; 
text-align: left;
width: 800px; 
margin: 0 auto;
padding: 0;


}



#header { 

width: 100%; 
height: 113px;
padding: 0;
margin: 0;

position: absolute;
top: 0;
left: 0;

}





#interstate { 

width: 800px;
height: 129px;
margin-left: auto;
margin-right: auto;
margin-top: 0; margin-bottom: 0;
padding: 0;
position: relative;

background: #F0F0F0 url('/img/bg_interstate.gif') repeat-y center 0;
}



#staffelpad { height: 14px; padding-left: 11px; font-size: 10px; color: #666666; padding-top: 2px; padding-bottom: 2px; }
#staffelpad a, #staffelpad a:visited, #staffelpad a:hover { color: #666666; text-decoration: none; }





/* navigation */



ul#menu	{ 
	width: 100%; 
	margin: 0;
	padding: 0;
	text-align: left;
	color: #919293;
	font-size: 13px;
	}


#menu a       { text-decoration: none; font-weight: bold;color: #979797; padding: 0 9px; }
#menu a:hover, #nav a.active {	color: #E73E43;	}	
#menu a.sel {	color: #E73E43;	}
#menu a strong { color: #ff0000; }

#menu li { list-style: none; float: left; padding: 4px 0; }





/* ---( main column )----------------------------- */





#contentframe {	

position: relative; 	

width: 779px; 	

text-align: left;

/* background: #ffffff url('/img/bg_content.gif') repeat-y 0 0;	*/

}






#content .left { float: left; width: 420px; margin-left: 4px; }

#content .article { 

float: left; 

width: 395px; 

margin-left: 4px; 

margin-top: 5px; 

background: #ffffff url('/img/bgarticle.gif') no-repeat right bottom;

}


	#content .articlepage { 
	float: left; 
	width: 745px; 
	margin-left: 4px; 
	margin-top: 5px; 
	background: #ffffff url('/img/bg_tekst.gif') no-repeat right bottom;
	}




h5 { background: #808080; color: #ffffff;  margin-top:0px; margin-bottom: 15px; padding-left: 2px;}



	.article h1 {

	font-family: "lucida grande", verdana, sans-serif;	

	font-size: 120%;	

	font-weight: bold;	

	color: #000000;	padding: 0;	

	margin: 0px 0px 10px 0px;

	}









#content .left .top { margin-top: 5px; }

#content .right { 

float: right; 

margin-top: 5px; 

width: 316px; 

background: #ffffff url('/img/bg_tekst.gif') no-repeat right bottom; font-size: 10px;

} 





#content .right .randje { padding: 10px; }

	

.clear { clear: both; }



.product { float:left; width: 140px; height: 135px; position: relative; }



ul { list-style-type: square; padding-left: 14px; margin-left:0px; }








table.small { font-size: 10px; }








#producten { 

width: 316px;

height: 23px;

background: #ffffff url('/img/bg-eco.gif') repeat-x 0 0;

}





#footer {
	font-size: 10px;
	padding-left: 11px;
	padding-top: 24px;
	text-align: center;
}

#footer a:link, #footer a:active, #footer a:visited {
	color: #808080;
	text-decoration: none;
}

#footer a:hover {

	color: #FF0000;
	text-decoration: none;
}








	#homec1 { 
	float: left; 
	width: 290px; 
	margin-left: 2px; 
	margin-top: 5px; 
	background: #ffffff url('/img/bg_tekst.gif') no-repeat right bottom;
	}


	#homec2 { 
	float: left; 
	width: 290px; 
	margin-left: 8px; 
	margin-top: 5px; 
	background: #ffffff url('/img/bg_tekst.gif') no-repeat right bottom;
	}


	#homec3 { 
	float: left; 
	width: 140px; 
	margin-left: 8px; 
	margin-top: 5px; 
	}

	.homearticle { padding-left:5px; padding-right: 5px; }


.newshome1 {font-size: 10px; line-height: 1.2em; width: 150px; padding: 5px; background: #dedede; margin-bottom: 10px; }
.newshome2 {font-size: 10px; line-height: 1.2em; width: 150px; padding: 5px; background: #efefef; margin-bottom: 10px; }


.newshome1 a:link, .newshome1 a:visited, .newshome1 a:hover, .newshome2 a { color: #000; }






/* ------ NIEUWE SITE BY OUDENNIEL INTERACTIVE WWW.OUDENNIEL.NL ------------ */


.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display:  inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac  */







#kruimelpad { margin: 0; padding: 0; height: 16px; overflow: hidden; background: #b8bcbf url('img/kruimel.gif') repeat-x 0 0; }
#kruimelpad li { float: left; margin: 0; background: url('img/kruimelRight.gif') no-repeat right top; list-style: none; padding: 0; }
#kruimelpad li a, #kruimelpad li strong {  padding: 2px 8px;  color: #6d6f71; font-size: 10px; text-decoration: none;  line-height: 12px;  }
#kruimelpad li.last { background-image: none;  }
#kruimelpad li.first a, #kruimelpad li.first strong { padding-left: 9px;  }

#kruimelpad li strong { font-weight: normal; }




#productContainer { position: relative; background: #fff url('img/productN.gif') repeat-y 0 0; border-bottom: 1px solid #cfcfcf; }
#product { width: 410px; margin: 0 210px 0 180px; padding: 0; text-align: center; }
#submenu { width: 180px; margin: 0; padding: 0; position: absolute; left: 0; top: 0;  }
#submenu li { list-style: none; margin: 0; padding: 0;  }
#gallery { width: 210px; position: absolute; right: 0; top: 0; background: url('img/title.gif') repeat-x left top;	
height:auto !important; /* real browsers */
	height:26px; /* IE6: treaded as min-height*/
	min-height:26px; /* real browsers */
}


#product img { padding: 10px 0; }

#submenu li strong { color: #fff; margin: 0; padding: 0 0 0 9px; background: #dee0e1 url('img/submenu.gif') no-repeat left top; font-weight: bold; font-size: 14px; height: 26px; line-height: 26px;  display:block;}

#submenu li { border-bottom: 1px solid #d6d6d6; margin: 0 9px; padding: 4px 0; }
#submenu li.merknaam { border-bottom: 0; margin: 0; padding:0; }
#submenu li.prijs { text-align: right; border-bottom: 0; }

#submenu li.prijs a { padding: 2px 20px 2px 0; background: url('img/pdf.gif') no-repeat right top;}

#submenu li a { text-decoration: none; }
#submenu li.active a { color: #ff0000; }
#submenu li a:hover { color: #ff0000; }



#product h1 { color: #808080; margin: 0; padding: 0 0 0 9px; background: #dee0e1 url('img/title.gif') repeat-x left top; font-weight: bold; font-size: 14px; height: 26px; line-height: 26px;  text-align: left; }

#product h1 span { display: block; width: 58px; height: 19px; position: absolute; right: 216px; top: 3px; }
#product h1 span.voorraadR { background: url('img/R.gif') no-repeat 0 0; }
#product h1 span.voorraadG { background: url('img/G.gif') no-repeat 0 0; }
#product h1 span.voorraadY { background: url('img/Y.gif') no-repeat 0 0; }
#product h1 em { display: none; }



#productInformation { width: 590px; float: left; }

ul.tabs { height: 26px; background: #dee0e1 url('img/title.gif') repeat-x left top; margin: 0; padding: 0;  }

#productInformation ul.tabs { width: 590px; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #6a6a6a; }
#gallery  ul.tabs { width: 210px; }

ul.tabs li { list-style: none; margin: 0; padding: 0; float: left; }
#productInformation ul.tabs li { border-right: 1px solid #cfcfcf; }

ul.tabs li a { display: block; line-height: 26px; font-size: 14px; padding: 0 12px; text-decoration: none; }



ul#related { width: 210px; float: right; margin: 0; padding: 0; }
ul#related li {list-style: none; margin: 0; padding: 0; }
ul#related li h5 {list-style: none; margin: 0 0 1em 0; padding: 0 0 0 9px; background: #dee0e1 url('img/title.gif') repeat-x left top; font-weight: bold; font-size: 14px; height: 26px; line-height: 26px; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #6a6a6a; color: #808080; font-weight: normal; }
ul#related li a { padding: 2px 0 2px 10px; }

ul.tabs li.ui-tabs-selected { background: #dee0e1 url('img/submenu.gif') no-repeat left top; font-weight: bold; color: #fff; }
ul.tabs li.ui-tabs-selected a { color: #fff; }
.ui-tabs-hide { display: none; }



#content { position: relative; background: #fff url('img/productinfoN.gif') repeat-y 0 0; border-top: 10px solid #fff;  border-bottom: 1px solid #cfcfcf; }



.tabContent { padding: 0 15px 15px 15px; }

div#tab1 h2 { display: none; }

div#tab3 { padding-top: 15px; }
div#tab3 p { margin-top: 0; }

div#tab3 ul { padding: 0 0 15px 0; margin: 0 0 0 0px; }
div#tab3 li { list-style: none; }
div#tab3 li.kop h3 { padding: 0; margin: 0; font-size: 12px; }

div#tab3 li a { padding: 2px 0 2px 20px; margin: 0; }
div#tab3 li a.pdf { background: url('img/pdf.gif') no-repeat left top;}





div#tab4 li.kop { list-style: none; }
div#tab4 li.kop h4 { padding: 0; margin: 0 0 0 -20px; }

#tab5 ul { margin: 1em 0 1em 20px; padding: 0; }
#tab5 ul li { margin: 0 0 6px 0; padding: 0; }
#tab5 ul li a.active { font-weight: bold; color: #ff0000; }

#tab5 ol { margin: 1em 0 1em 20px; padding: 0; }
#tab5 ol li { margin: 0 0 6px 0; padding: 0; }
#tab5 ol li a.active { font-weight: bold; color: #ff0000; }



#gal1 { padding: 10px 0 0 0; }
#gal1 img { width: 90px; }

#gal1 a { display: block; width: 90px; height: 90px; overflow: hidden; margin: 0 4px 10px 6px; float: left; }



#gal2 { margin: 10px 10px 0 10px; padding: 0; }
#gal2 li { list-style: none; border-bottom:1px solid #D6D6D6; padding: 0 0 6px 0; margin: 0 0 5px 0; }




#main { width: 450px; float: left; padding: 0; margin: 0; }
#main.products { width: 100%; }

#sub { width: 320px; float: right; padding: 0; margin: 5px 0 0 0; background: url('img/catinfo.gif') repeat-y 0 0; border-bottom:1px solid #D6D6D6;}
#sub div { padding: 0 10px 10px 10px; }
#sub h1, #sub h2  { color: #808080; margin: 0; padding: 0 0 0 9px; background: #dee0e1 url('img/title.gif') repeat-x left top; font-weight: bold; font-size: 14px; height: 26px; line-height: 26px;  text-align: left; }


#browse { margin-top: 2px; padding: 0 10px 0 5px; }
body.links #browse, body.nieuws #browse { padding: 0 10px; }



#interstate ul#nav { margin: 0; padding: 0; }
#interstate ul#nav li { list-style: none; }
#interstate ul#nav li a { display: block; text-indent: -99999px; width: 100%; height: 100%; background: url('/img/menu_interstate.gif') no-repeat 0 0; }
#interstate ul#nav li#nav-interstate {  width: 130px; height: 112px; }
#interstate ul#nav li#nav-interstate a { background-position: 0 -192px; }


#interstate ul#nav li#nav-numark { width: 74px; height: 23px; position: absolute; top: 29px; left: 149px; }
#interstate ul#nav li#nav-numark a { background-position: 0 0; }
#interstate ul#nav li#nav-numark.active a, 
#interstate ul#nav li#nav-numark a:hover { background-position: -75px 0; }

#interstate ul#nav li#nav-freefloat { width: 71px; height: 23px; position: absolute; top: 29px; left: 240px; }
#interstate ul#nav li#nav-freefloat a { background-position: 0 -96px;   }
#interstate ul#nav li#nav-freefloat.active a,
#interstate ul#nav li#nav-freefloat a:hover { background-position: -72px -96px;   }

#interstate ul#nav li#nav-ortofon { width: 54px; height: 23px; position: absolute; top: 29px; left: 415px; }
#interstate ul#nav li#nav-ortofon a { background-position: 0 -48px;  }
#interstate ul#nav li#nav-ortofon.active a,
#interstate ul#nav li#nav-ortofon a:hover { background-position: -55px -48px;  }

#interstate ul#nav li#nav-prodjuser { width: 76px; height: 23px; position: absolute; top: 61px; left: 218px; }
#interstate ul#nav li#nav-prodjuser a { background-position: 0 -24px;  }
#interstate ul#nav li#nav-prodjuser.active a,
#interstate ul#nav li#nav-prodjuser a:hover { background-position: -77px -24px;  }

#interstate ul#nav li#nav-xilica { width: 61px; height: 23px; position: absolute; top: 61px; left: 358px; }
#interstate ul#nav li#nav-xilica a { background-position: 0 -120px;  }
#interstate ul#nav li#nav-xilica.active a,
#interstate ul#nav li#nav-xilica a:hover { background-position: -62px -120px;  }

#interstate ul#nav li#nav-slappa { width: 71px; height: 23px; position: absolute; top: 61px; left: 467px; }
#interstate ul#nav li#nav-slappa a { background-position: 0 -72px; }
#interstate ul#nav li#nav-slappa.active a,
#interstate ul#nav li#nav-slappa a:hover { background-position: -72px -72px; }

#interstate ul#nav li#nav-nextbeat { width: 102px; height: 23px; position: absolute; top: 59px; left: 610px; }
#interstate ul#nav li#nav-nextbeat a { background-position: 0 -168px; }
#interstate ul#nav li#nav-nextbeat.active a,
#interstate ul#nav li#nav-nextbeat a:hover { background-position: -103px -168px; }

#interstate ul#nav li#nav-mixvibes { width: 102px; height: 23px; position: absolute; top: 29px; left:438px; }
#interstate ul#nav li#nav-mixvibes a { background-position: 0 -144px;  }
#interstate ul#nav li#nav-mixvibes.active a,
#interstate ul#nav li#nav-mixvibes a:hover { background-position: -103px -144px;  }

#interstate ul#contact { margin: 0; padding: 0; position: absolute; right: 10px; top: 8px; line-height: 10px; }
#interstate ul#contact li { list-style: none; float: left; border-right: 1px solid #666; }
#interstate ul#contact li.last { border-right: 0; }
#interstate ul#contact li a { text-decoration: none; color: #666; font-size: 10px; padding: 0 0 0 4px; margin: 0 4px 0 0; }



#interstate ul#nav li#nav-citronic { width: 97px; height: 21px; position: absolute; top: 29px; left: 331px;   }
#interstate ul#nav li#nav-citronic a { background-image: url(img/m1.gif); }
#interstate ul#nav li#nav-citronic.active a, 
#interstate ul#nav li#nav-citronic a:hover {background-image: url(img/m1-on.gif); }

#interstate ul#nav li#nav-av { width: 115px; height: 22px; position: absolute; top: 29px; left: 558px;   }
#interstate ul#nav li#nav-av a { background-image: url(img/m2.gif); }
#interstate ul#nav li#nav-av.active a, 
#interstate ul#nav li#nav-av a:hover {background-image: url(img/m2-on.gif); }

#interstate ul#nav li#nav-panbeam { width: 32px; height: 23px; position: absolute; top: 29px; left: 690px;   }
#interstate ul#nav li#nav-panbeam a { background-image: url(img/m3.gif); }
#interstate ul#nav li#nav-panbeam.active a, 
#interstate ul#nav li#nav-panbeam a:hover {background-image: url(img/m3-on.gif); }


body #sub div img { margin-left: -8px; }


















#hiddenZelf,
#hiddenRefereer,
#hiddenStuur { display: none; }

#TB_window h1 { padding: 24px 0 6px 19px; }
#TB_window p { padding: 0 19px 8px 19px; margin: 0; }
#TB_window table { margin: 19px 19px 19px 19px; padding: 0; }
#TB_window .attentieblock table td { color: #fff; }

.TB_closeWindow { float: right; color: #f80; padding: 19px 19px 0 0; }

#TB_window input#apply.phone,
#TB_window textarea.textboxborder,
input#cvpfile,
input#cvfile { width: 200px; border: 1px solid #000; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 11px Arial;
	color: #666;
}

#TB_secondLine {
	font: 10px Arial;
	color:#666;
}

#TB_window a:link {color: #f80;}
#TB_window a:visited {color: #f80;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #f80;}
#TB_window a:focus{color: #f80;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(img/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
}

#TB_ajaxContent.TB_modal{
	padding:0px;
}



#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}