@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
	}
html {
	height:100%; 
	margin-bottom:1px; 
	}
	
body {
	margin:0px auto;
	padding:0px;
	font: 75%/170% Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	background: #FFF url(/images/frontend/bgr_body.jpg) repeat center top;
	height: 100%;
}
p{
	margin-bottom: 15px;
	}
#global{
	margin:0px auto;
	width: 961px;
	position: relative;
	min-height:97%;
	border-right: 1px solid #dedede;
	border-left: 1px solid #dedede;
	background: #FFF url(/images/frontend/bgr_top.jpg) no-repeat center top;
}
#header_wrap {
	width: 961px;
	height: 159px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#header_data {
	background: url(/images/frontend/header_groen.png) repeat center top;
}
#header_security {
	background: url(/images/frontend/header_paars.png) repeat center top;
}
#header_industrie {
	background: url(/images/frontend/header_roos.png) repeat center top;
}
#header_alg {
	background: url(/images/frontend/header_blauw.png) repeat center top;
}
#logo {
	padding-top:15px;
	padding-left:15px;
	width:400px; 
	height:159px;
	}
	
#nav_wrap{
	width:172px;
	float: left;
}
	
#body_wrap {
	width:749px;
	margin-left: 40px;
	margin-right: 0px;
	padding: 0px;
	float: left;	
}

#breadcrumbs {
	margin-top: 30px;
	height:35px;
	width:520px;
	border-bottom: 1px solid #e2e2e2;
}
#content{
	margin-top:20px;
	margin-right:40px;
	width: 550px;
}
#taalkeuze {
	margin-top:100px;
	width:881px;
	height:276px;
	margin-left:40px;
	margin-right:40px;
	background:url(/images/frontend/bgr_taalpagina.gif) no-repeat center top;
}
#foto_home{
	background: #FFF url(/images/frontend/bgr_foto_home.jpg) no-repeat center top;
}
	
#foto_data{
	background: #FFF url(/images/frontend/bgr_foto_data.jpg) no-repeat center top;
}
	
#foto_security{
	background: #FFF url(/images/frontend/bgr_foto_security.jpg) no-repeat center top;
}
	
#foto_industrie{
	background: #FFF url(/images/frontend/bgr_foto_industrie.jpg) no-repeat center top;
}
#error, .error {
	display:block;
	margin:10px 6px 10px 0;
	padding:0 6px;
	text-align:left;
	background-color:#CC3333;
	color:#fff;
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	border-bottom:medium none;
	font-weight:normal;
	padding:6px;
	text-decoration:none;
}
/*------------------------------------------------------------------fonts---*/
h1 {
	margin: 40px 0px 44px;
	padding: 0px;
	float:right;
	text-decoration: none;
}
h1 a{
	display:block;
	height: 48px;
	width: 212px;
	text-indent: -900em;
	text-decoration: none;
	line-height:100%;
}
h1 a:hover{
	text-decoration: none;
}

h2 {
	color: #0063be;
	padding: 5px 0px 15px 0px;
	letter-spacing:0.5px;
	font-size:2.7em; 
	line-height: 1.1em;
	margin:0.6em 0 .1em;
}
h3 {
	font: 140%, Arial, Helvetica, sans-serif;
	color: #66b6d8;
	padding: 5px 0px 0px 0px;
	letter-spacing:-0,1px;
	font-weight:bold;
	
}

h3 a{
	font: 70%, Arial, Helvetica, sans-serif;
	color: #66b6d8;
	padding: 5px 0px 0px 0px;
	letter-spacing:-0,1px;
	font-weight:normal;
	
}

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

h4 {
	font: 110%, Arial, Helvetica, sans-serif;
	color: #66b6d8;
	padding: 5px 0px 0px 0px;
	letter-spacing:-0,1px;
	margin-bottom:10px;
		font-weight:bold;
}
h5{
	font: 120%, Arial, Tahoma, Helvetica, sans-serif;
	color: #7e7e7e;
	padding: 0px 0px 5px 0px;
	border-bottom:1px solid #e3e3e3;
}
h6{
	margin:0px;
}

table.shopping_cart_overview {
	border: 0px solid #66b6d8;	
	border-collapse: collapse; 
}

table.shopping_cart_overview th {
	font: 110%, Arial, Helvetica, sans-serif;
	color: #66b6d8; 
	padding: 5px 0px 0px 0px;
	letter-spacing:-0,1px;
	font-weight:bold;
	text-align:left;
	
}
table.shopping_cart_overview td {
	padding: 2px;
}

.grey{
	font: 75% Arial, Tahoma, Helvetica, sans-serif;
	color: #7e7e7e;
	letter-spacing: 2px;
}
.grey01{
	font-size: 90%;
	color: #7e7e7e;
	letter-spacing: 0.2px;
	font-weight:bold;
}
.grey02{
	font: 100% Tahoma, Arial, Helvetica, sans-serif;
	color: #7e7e7e;
	letter-spacing: 2px;
	font-weight:bold;
	margin-bottom:15px;
}
.intro {
	font-size:115%; 
	line-height:1.5; 
	color:#666;
	}
	
.copyright {
	width:955px;
	font-size:85%;
	margin:0px 10px 0px 0px;
	color: #006d9b;
}
.copyright a, .copyright a:visited {
	color:#666666;
}
.blauwbold {
	font-weight:bold;
	color: #0063be;
	}
.quoteblauw{
	float:right;
	width:250px;
	font: 110%, Tahoma, Arial, Tahoma, Helvetica, sans-serif;
	color: #0063be;
	line-height:25px;
	margin-left:15px;
	font-weight:bold;
	border-top: 5px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3
	}
	.quotepaars{
	float:right;
	width:250px;
	font: 110%, Tahoma, Arial, Tahoma, Helvetica, sans-serif;
	color: #d3adfa;
	line-height:25px;
	margin-left:15px;
	font-weight:bold;
	border-top: 5px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3
	}
	.quotegroen{
	float:right;
	width:250px;
	font: 110%, Tahoma, Arial, Tahoma, Helvetica, sans-serif;
	color: #93c106;
	line-height:25px;
	margin-left:15px;
	font-weight:bold;
	border-top: 5px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3
	}
	.quoterood{
	float:right;
	width:250px;
	font: 110%, Tahoma, Arial, Tahoma, Helvetica, sans-serif;
	color: #fb6868;
	line-height:25px;
	margin-left:15px;
	font-weight:bold;
	border-top: 5px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3
	}
/*---------------------------------------------------------------------*/
a, strong a {
	color: #0063be;
	text-decoration:underline;
	outline: none;
}
a:visited {
	color: #0063be;
}
a:hover {
	text-decoration:underline;
}
.grijs a {
	color: #ee3224;
	text-decoration:underline;
	outline: none;
}
a.blueback {
	color: #fff;
	background-color: #0063BE;
	text-decoration:none;
	outline: none;
	padding: 3px;
}

a.blueback:hover {
	color: #0063BE;
	background-color: #fff;
	text-decoration:none;
	outline: none;
}
a.greenback {
	color: #fff;
	background-color: #669933;
	text-decoration:none;
	outline: none;
	padding: 3px;
}

a.greenback:hover {
	color: #669933;
	background-color: #fff;
	text-decoration:none;
	outline: none;
}
a.grayback {
	color: #fff;
	background-color: #c3c3c3;
	text-decoration:none;
	outline: none;
	padding: 3px;
}

a.grayback:hover {
	color: #c3c3c3;
	background-color: #fff;
	text-decoration:none;
	outline: none;
}
/*----------------------------------------------------------------------formulier----*/
.fakeinput0 {
	enabled: false;
	border: 0px;
	text-align: right;
	background-color: #f4f4f4;
}
.fakeinput1 {
	enabled: false;
	border: 0px;
	text-align: right;
	background-color: #fafafa;
}
.invulveld { 
	BACKGROUND-COLOR: #fff; 
	BORDER: #c3c1c3 1px solid; 
	padding: 2px;
	LINE-HEIGHT: 25px; 
	font-family: Verdana
	font-size: 10px
	}
# formulier{
	background-color:e7e7e7;
	}
/*----------------------------------------------------------------------list----*/	
ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
.opsomming li{
	background: url(/images/frontend/pijl_blauw_bol.gif) no-repeat left top;
	background-position: 35px 7px;
	padding-left: 55px;
	style-list: none;
}
.opsommingLijst li{
	background: url(/images/frontend/pijl_blauw_bol.gif) no-repeat left top;
	background-position: 15px 7px;
	padding-left: 35px;
	border-bottom: 1px solid #e2e2e2;
	style-list: none;
	margin-left:25px;
	margin-right:25px;
}

.opsomming_groen li{
	background: url(/images/frontend/pijl_groen_bol.gif) no-repeat left top;
	background-position: 35px 7px;
	padding-left: 55px;
	style-list: none;
}
.opsomming_paars li{
	background: url(/images/frontend/pijl_paars_bol.gif) no-repeat left top;
	background-position: 35px 7px;
	padding-left: 55px;
	style-list: none;
}
.opsomming_rood li{
	background: url(/images/frontend/pijl_rood_bol.gif) no-repeat left top;
	background-position: 35px 7px;
	padding-left: 55px;
	style-list: none;
}

/*----------------------------------------------------------------------box----*/
#box .opsomming li{
	background: url(/images/frontend/opsomming_box.gif) no-repeat left top;
	background-position: 35px 7px;
	padding-left: 55px;
	style-list: none;
	/*line-height: 25px;*/
}

#box{
	font: 90% Arial, Verdana, Helvetica, sans-serif;
	float:right;
	width:175px;
	background:#f3f3f3 url(/images/frontend/box_bgr02.jpg) repeat center top;;
	padding:5px;
	line-height:15px;
	margin-left:40px;
	margin-bottom:40px;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom:10px;
	}

#box_lijn{
	border-bottom:1px dotted #0063be; 
	margin-top:10px;
	margin-bottom:10px;^
	margin:10px;
	}
/*----------------------------------------------------------------------nav----*/	
.nav li{
	border-bottom: #dae2cc 1px dotted;
	line-height: 130%;
	background-color: #f3f3f3;
}
.nav li a{
	color: #0063be;
	text-decoration: none;
	padding: 4px 6px 4px 14px;
	display:block;
	list-style:none;
}
.nav li a:visited{
	color: #0063be;
	text-decoration: none;
}
.navpaars .nav li a:hover{
	text-decoration: none;
	background-color: #d3adfa;
}
.navgroen .nav li a:hover{
	text-decoration: none;
	background-color: #93c106;
}

#ordernavigation li {
	display:inline;
	line-height:200%;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center;
	white-space:nowrap;
	color: #e3e3e3;
	font-size: 10px;
}

#ordernavigation li.active {
	font-weight: bold;
	color: #a0a0a0;
}

#navrood {
	z-index: 1000;
}

.navrood  .nav li a:hover{
	text-decoration: none;
	background-color: #fb6868;
}

.navpaars .nav .huidigepagina {
	background: #f3f3f3 url(/images/frontend/huidigepagina_paars.gif) no-repeat right center;

}
.navgroen .nav .huidigepagina {
	background: #f3f3f3 url(/images/frontend/huidigepagina_groen.gif) no-repeat right center;
}
.navrood .nav .huidigepagina {
	background: #f3f3f3 url(/images/frontend/huidigepagina_rood.gif) no-repeat right center;
}

/*----------------------------------------------------------------------nav algemeen----*/	
.navalg li{
	border-bottom: #dae2cc 1px dotted;
	line-height: 130%;
	background: url(/images/frontend/navalg_bgr.jpg) repeat right center;
}
.navalg li a{
	color: #0063be;
	text-decoration: none;
	padding: 4px 6px 4px 14px;
	display:block;
	list-style:none;
}
.navalg li a:visited{
	color: #0063be;
	text-decoration: none;
}
.navalg li a:hover{
	text-decoration: none;
	background-color: #f3f3f3;
}

.navalg .huidigepagina {
	background: url(/images/frontend/huidigepagina_blauw.gif) no-repeat right center;
}
/*----------------------------------------------------------------------productfiche----*/	
.fotoproduct  img{
	border: 1px solid #e2e2e2;
	padding:15px;
	float: left;
	margin-right:25px;
	}
	
div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background: url(/images/frontend/huidigepagina_blauw.gif) no-repeat right center; }
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:20px;
  cursor:pointer;
  color: #000;
}

.orderline0 {
	background-color: #f4f4f4;
}
.orderline1 {
	background-color: #fafafa;
}
#info {
	display:block;
	font-size:14px;
	margin:10px 6px 0 0;
	padding:0 6px;
	text-align:left;
	background-color:#FEF2A8;
	color:#3c3c3c;
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	border-bottom:medium none;
	font-weight:normal;
	padding:6px;
	text-decoration:none;
}
/* menu ites*/

			/* reset default styles */
			#menu,
			#menu ul { margin: 0; padding: 0; }
			#menu li { list-style-type: none; }
			
			/* first level */
			#menu { width: 173px; }
			#menu li { float: left; width: 173px }
			#menu a, #menu a:hover { float: left; width: 153px }
			
			/* second level */
			#menu ul { visibility: hidden; position: absolute; width: 100px; }