/*
-------------------RESET---------------------------------
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: top;
	font-size: 100%;
	line-height: 145%;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

strong{
	font-weight:bold;
}

u{
	text-decoration:underline;
}

b{
	font-weight: bold;
}

i{
	font-style:italic:
}

em{font-style:italic;}

/*
-------------------END RESET---------------------------------
*/

/*-------------------ALGEMEEN---------------------------------*/
body {
	background-color:#D1E2EA;
	background-image:url(img/background_small.jpg);
	background-repeat:repeat-x;
	color:#000000;
	font-size: 13px;
	font-family:Verdana;
}

div.langlinks
{
	position:relative;
	top: 152px;
	left: 888px;
	font-size:10px;
}

div.langlinks span
{
	background-color:#FFFFFF;
	padding: 4px 8px 4px 8px;
	border: 1px solid #BBBBBB;
}

div.header
{
	height: 40px;
	width: 152px;
	overflow:hidden;
	background-image: url(img/header.jpg);
	padding-top: 100px;
	padding-left: 888px;
	margin-left: auto ;
  	margin-right: auto ;
	font-size: 12px;
	color:#666666;
}

div.header span
{
	font-weight:bold;
	color:#666666;
}

div.banner
{
	height: 200px;
	width: 1040px;
	margin-left: auto ;
  	margin-right: auto ;
}

div.content
{
	width: 888px;
	background-image: url(img/content_background.jpg);
	padding-right: 76px;
	padding-left: 76px;
	padding-top: 20px;
	margin-left: auto ;
  	margin-right: auto ;
}

div.footer
{
	width: 908px;
	height: 28px;
	background-image: url(img/footer.jpg);
	padding-top: 12px;
	padding-left: 66px;
	padding-right: 66px;
	margin-left: auto ;
  	margin-right: auto ;
}

div.footer div
{
	color: #999999;
	font-size: 10px;
}

sup {font-size: 0.75em; line-height: 0.5em;} 

/*-------------------MENU---------------------------------*/
div.menu
{
	background-image: url(img/menu.jpg);
	height:35px;
	padding-top: 10px;
	text-align: justify;
	color:#FFFFFF;
	margin-left: auto ;
  	margin-right: auto ;
	padding-left: auto ;
  	padding-right: auto ;
	width: 1040px;
}

/*--------------------------PAGINERING--------------------------------------------------*/
.paging_container
{
	border-bottom: 1px solid #CCCCCC;
	color:#666666;
}

.paging_pagenum a:link, .paging_pagenum a:active, .paging_pagenum a:visited, .paging_pagenum a:hover
{
	padding: 0px 4px 0px 4px;
	margin: 2px;
}
.paging_pagenum span
{
	margin: 2px;
	padding: 0px 4px 0px 4px;
	background-color:#CCCCCC;
}

/*----------------------------CONTENT STRUCTURE-------------------------------------------*/

div.content_withsidebar
{
	float: left;
	width: 670px;
}

div.content_sidebar
{
	width: 200px;
	float: right;
}

div.content_sidebar div.sidebar_header_blue
{
	background-color:#00B2DB;
	color:#FFFFFF;
	font-weight: bold;
	text-align:center;
	height: 24px;
	line-height: 24px;
	margin-top: 4px;
}

div.content_sidebar div.sidebar_header_blue a:link, div.content_sidebar div.sidebar_header_blue a:active, div.content_sidebar div.sidebar_header_blue a:visited, div.content_sidebar div.sidebar_header_blue a:hover
{
	color:#FFFFFF;
	line-height: 24px;
	text-decoration: none;
}

div.content_sidebar div.sidebar_header_gray
{
	background-color:#a7a9ac;
	color:#000000;
	font-weight: bold;
	text-align:center;
	height: 24px;
	line-height: 24px;
}

div.content_sidebar div.sidebar_content
{
	background-color:#E7E7E8;
	margin-bottom: 20px;
	padding: 16px;
	text-align:left;
}

/*--------------------------------PRODUCTSTUK-------------------------------------*/

div.prodcontainer
{
	background-image:url(img/prodcadermiddle.jpg);
	width:670px;
	margin-top: 8px;
	margin-bottom: 8px;
}

div.prodcontent
{
	background-image:url(img/prodcadertop.jpg);
	background-repeat:no-repeat;
	width:646px;
	padding: 12px;
}

div.prodfooter
{
	background-image:url(img/prodcaderbottom.jpg);
	width:670px;
	height: 10px;
}

div.prodcontainer_print
{
	background-image:url(img/prodkadermiddle_print.jpg);
	width:890px;
	margin-top: 8px;
	margin-bottom: 8px;
}

div.prodcontent_print
{
	background-image:url(img/prodkadertop_print.jpg);
	background-repeat:no-repeat;
	width: 866px;
	padding: 12px;
}

div.prodfooter_print
{
	background-image:url(img/prodkaderbottom_print.jpg);
	width:890px;
	height: 10px;
}

div.prodtitle
{
	font-size:18px;
	color: #666666;
	line-height: 32px;
}

div.prodomsch
{

}

div.prod_ifimg_left
{
	float: left;
	width: 480px;
}

div.prod_ifimg_left_print
{
	float: left;
	width: 700px;
}
	
div.prodimg
{
	float: right;
	width: 166px;
	text-align:center;
}

img.prodsmallimg
{
	margin-top: 6px;
	cursor:pointer;
	/*margin-bottom: 12px;*/
}

img.prodsmallimg_arrow
{
	margin: 6px;
	cursor:pointer;
	margin-bottom: 4px;
	display:
}

td.prodtabel_topleft
{
	border-bottom: 1px solid #00B2DB;
	border-right: 1px solid #00B2DB;
	padding: 0px 12px 2px 0px;
	font-style:italic;
}

td.prodtabel_topmiddle
{
	border-bottom: 1px solid #00B2DB;
	border-right: 1px solid #00B2DB;
	padding: 0px 12px 2px 12px;
	font-style:italic;
}

td.prodtabel_topright
{
	border-bottom: 1px solid #00B2DB;
	border-right: 0px none #00B2DB;
	padding: 0px 12px 2px 12px;
	font-style:italic;
}
td.prodtabel_topright
{
	border-bottom: 1px solid #00B2DB;
	border-right: 0px none #00B2DB;
	padding: 0px 12px 2px 12px;
	font-style:italic;
}

td.prodtabel_dataleft
{
	border-right: 1px solid #00B2DB;
	padding: 4px 12px 4px 0px;
}

td.prodtabel_datamiddle
{
	border-right: 1px solid #00B2DB;
	padding: 4px 12px 4px 12px;
}

td.prodtabel_dataright
{
	border-right: 0px none #00B2DB;
	padding: 4px 12px 4px 12px;
}

/*-------------------------------------CONTACT PAGINA-------------------------------------*/

div.contact_fieldcont
{
	width: 335px;
	float: left;
	height: 50px;
}

input.contact_field, select.contact_field
{
	width: 300px;
	
}

textarea.contact_commment
{
	width:635px;
	height: 200px;
}

div.contact_label
{
	font-size: 14px;
	color:#00B2DB;
}

/*----------------------------------------RUNNING TEXT-----------------------------------*/
h1
{
	color:#666666;
	font-size: 28px;
	margin-bottom: 20px;
	line-height: 115%;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}

h2
{
	color:#00B2DB;
	font-size: 28px;
	margin-bottom: 10px;
	line-height: 115%;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}

h2 span
{
	color:#666666;
	line-height: 115%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
}

h3
{
	color:#00B2DB;
	font-size: 20px;
	margin-bottom: 10px;
	font-weight:bold;
	line-height: 115%;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}

a:link, a:active, a:visited
{
	color: #00B2DB;
	text-decoration:underline;
}

a:hover
{
	text-decoration:none;
	color:#666666;
}

a.readmore:link, a.readmore:active, a.readmore:visited
{
	color:#000000;
	border-bottom: 1px solid #00B2DB;
}

a.readmore:hover
{
	color:#00B2DB;
	border-bottom: 1px solid #00B2DB;
	text-decoration: none;
}  

a.bluelink:link, a.bluelink:active, a.bluelink:visited
{
	color:#00B2DB;
	text-decoration: none;
	font-size:14px;
}

a.bluelink:hover
{
	color:#00B2DB;
	text-decoration:underline;
	font-size:14px;
}  

a.bluelink_small:link, a.bluelink_small:active, a.bluelink_small:visited
{
	color:#00B2DB;
	font-size:12px;
	text-decoration: none;
}

a.bluelink_small:hover
{
	color: #00B2DB;
	font-size:12px;
} 

a.link_breadcrump:link, a.link_breadcrump:active, a.link_breadcrump:visited
{
	color: #00B2DB;
	text-decoration:none;
}

a.link_breadcrump:hover
{
	color: #00B2DB;
	text-decoration:underline;
} 

a.small_link:link, a.small_link:active, a.small_link:visited
{
	font-size:12px;
	color:#666666;
	text-decoration: none;
}

a.small_link:hover
{
	font-size:12px;
	color:#666666;
	text-decoration: none;
} 

a.bluebackground:link, a.bluebackground:active, a.bluebackground:visited
{
	color: #FFFFFF;
	background-color: #00B2DB;
	text-decoration: none;
	font-weight:bold;
	padding: 4px 16px 4px 16px;
}

a.bluebackground:hover
{
	color: #FFFFFF;
	background-color: #00B2DB;
	text-decoration: none;
	font-weight:bold;
	padding: 4px 16px 4px 16px;
} 

div.locationlink
{
	font-size:12px;
	color: #00B2DB;
	margin: -5px 0px 12px 0px;
}

ul
{
	list-style-image: none;
	margin: 0px 0px 0px 12px;
	list-style-position:outside;
	
}

li{
	background-image: url(img/dot.gif);
	background-repeat: no-repeat;
	background-position: 0px 16px;
	
	padding-top: 8px;
	padding-left: 10px;
}
/*
li
{
	padding-top: 8px;
	margin-left: 5px;
}*/
li.gray
{
	background-image: url(img/dot.gif);
	background-repeat: no-repeat;
	background-position: 0px 16px;
	
	padding-top: 8px;
	padding-left: 10px;
	color:#666666;
}

hr{
/*
border: 0;
color: #00B2DB;
background-color: #00B2DB;
background-image:url(img/hrback.gif);
height: 1px;
margin-top: 12px;
margin-bottom: 8px;
padding:0px;
line-height: 1px;
font-size:1px;*/
border: none 0;
border-top: 1px dashed #00B2DB;/*the border*/
width: 100%;
height: 1px;
}

.blue
{
	color: #00B2DB;
}

.gray
{
	color: #666666;
}

.wiezijnwijdiv
{
	float:left;
	width:223px;
	text-align:center;
}

.fouronarowdiv
{
	float:left;
	width:167px;
	text-align:center;
}

/*----------------------------------ZOEK PAGINA-----------------------------------------------*/
.searchresult
{
	padding-top: 8px;
	padding-bottom: 8px;
}

.searchresult a:link, .searchresult a:visited, .searchresult a:active 
{
	text-decoration: none;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
}

.searchresult a:hover
{
	text-decoration: underline;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
}

.searchresult span
{
	color:#666666;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	padding-right: 20px;
}

.searchresult_title
{
	color:#666666;
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 20px;
	line-height: 115%;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
}

.searchresult_title span
{
	color:#00B2DB;
}

.linkbox
{
	padding-right: 20px;
	padding-bottom: 20px;
}

/*                  buttonlink             */
a.buttonlink
{
	background: transparent url(img/button/right.jpg) no-repeat scroll top right;
    color: #00B2DB;
    display: block;
    float: left;
    font-size:13px;
    height: 20px;
    margin-right: 6px;
    padding-right: 4px; /* sliding doors padding */
    text-decoration: none;
	margin-bottom: 4px;
}  

a.buttonlink span
{
	background: transparent url(img/button/slide.jpg) no-repeat;
    display: block;
    line-height: 20px;
    padding: 0px 12px 0px 18px;
	vertical-align:middle;
	height: 20px;
}

/*             SITEMAP                  */
a.sitemap_link_1
{
	 font-size:18px;
	 font-weight:bold;
	 color:#666666;
}
a.sitemap_link_2
{
	 font-size:14px;
	 color:#000000;
	 padding-left: 20px;
	 font-weight:bold;
}
a.sitemap_link_3
{
	 font-size:12px;
	 font-weight:bold;
	 color:#00B2DB;
}
a.sitemap_link_4
{
	 font-size:11px;
	 color:#000000;
}
div.sitemap_block
{
	float:left;
	width: 210px;
}
div.sitemap_block_container
{
 	padding-left: 40px;
}

input.minizoekinput
{
	width: 115px;
	border: 1px solid #00B2DB;
	margin: 0px 0px 0px 0px;
	padding: 1px 4px 1px 4px;
	color:#00B2DB;
	font-size:16px;
	/*height: 24px;*/
}

input.minizoekbutton
{
	font-weight:bold;
	width: 70px;
	height:24px;
	color:#FFFFFF;
	background-color:#00B2DB;
	border: solid 0 #00B2DB;
	margin: 0px;
	padding: 0px;
}

.magnifycur{
	cursor: url(magnify.cur),url(http://www.metra.be/css/front/magnify.cur),default;
}
