.noprint {
display: none;
}

#notities_prio {
	display:none;
}
#orders_nog_bestellen_of_overboeken{
	display:none;
}


body {
	font: 80%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	background-image: url(/layout/images/design/bg2.png);
	background-repeat: repeat-x;
	background-color: #FFF;
	//background-attachment: fixed;

}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding:0px;
	margin-bottom: 10px;
	padding-right: 15px;
	 /* padding-left: 15px;adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color:#414958;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #4E5869;

}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
	color:#C00;
}

/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
	width: 960px;
	margin: 0 auto 0 auto;
}

.container_100p {
	width: 100%;
	margin: 0 auto;
}


/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */


	.stafffelprijs {
		cursor: pointer;
		text-decoration: underline;
	}


.header_fixed {
/*	position: fixed;
	top: 0;
	left: 0;*/
	height:90px;
	width:100%;
	background-image:url(/layout/images/design/bg_header.png);
	background-repeat: repeat-x;
	z-index: 99999999;

	border: 0px solid #000;
}


.header {
	position: relative;
	height:92px;
	width: 960px;
	border: 0px solid #00C;
	margin: 0 auto;
	display:none;
}

.footer {
	display:none;
}

.admin_panel {
	display:none;
}

#orders_nog_bestellen_of_overboeken {
	display:none;
}


.header_logo {
	float:left;
	margin-left:0px;
	width: 215px;
	height: 92px;
	background-image:url(/layout/images/design/logo2.png);
	/*background-image:url(/layout/images/design/logo2_kerst.png);*/
	background-repeat:no-repeat;
}

.header_menu {
	float:left;
	width: 300px;
}
.header_sub_menu {

}
.header_right {
	float:right;
	width: 200px;
	height: 92px;
	text-align: right;
	background-image:url(/layout/images/design/menu_rechts2.png);
	background-repeat:no-repeat;
}

.ingelogd_als {
	text-align: right;
	margin-right: 40px;
}


.springnaarartikel{
    display: block;
    position: relative;
    top: 0px;
    visibility: hidden;
}

.autogegevens_padding{
	padding:75px 0 0 0;
	border:0px solid #C00;
}

.autogegevens {
	z-index:999;
	position: fixed;
	top:90px;
	padding: 5px 5px 2px 5px;
	left:0;
	right:0;
	border: 3px solid #666;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	background-color:#FFF;
	width: 960px;
	height: 90px;
	margin:0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";       /* IE 8 */
	filter: alpha(opacity=95);  /* IE 5-7 */
	-moz-opacity: 0.95;          /* Netscape */
	-khtml-opacity: 0.95;        /* Safari 1.x */
	opacity: 0.95;               /* Good browsers */
}

.onderdelenmenu1{
	z-index:999;
	position: fixed;
	top:80px;
	padding: 20px 5px 2px 5px;
	left:0;
	right:0;
	border-top: 3px solid #FFF;
	border-left: 3px solid #666;
	border-right: 3px solid #666;
	border-bottom: 3px solid #666;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	background-color:#FFF;
	width: 960px;
	height: 550px;
	margin:100px auto 0 auto;
	display:none;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";       /* IE 8 */
	filter: alpha(opacity=95);  /* IE 5-7 */
	-moz-opacity: 0.95;          /* Netscape */
	-khtml-opacity: 0.95;        /* Safari 1.x */
	opacity: 0.95;               /* Good browsers */
}

.filter_label {
  display: block;
  padding-left: 15px;
  text-indent: -15px;
  font-size: 11px;
  padding-top: 5px;
}

.filter_check {
  width: 13px;
  height: 13px;
  padding: 0;
  margin:0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
}

.belangrijk {
	color:#C00;
}

.beste {
	color:#00F;
}


.scrollup{
    width:50px;
    height:50px;
    opacity:0.8;
    position:fixed;
    bottom:20px;
    right:50px;
	display:none;
    text-indent:-9999px;
    background: url('/layout/images/system/icon_top.png') no-repeat;
}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}

			/* ==========================================================================================
												PRIMARY NAVIGATION STYLES
			   ========================================================================================== */

				#primary_navigation {
					 list-style: none;
					 width: 550px;
					 overflow: hidden;
					 clear: both;

					 padding-left: 0;
					 position: relative;
					 top: 14px;
					 left: 0px;
					 z-index: 1;

				}



				#primary_navigation li, #primary_navigation a {
					display: block;
					float: left;

					webkit-border-top-right-radius:0.50em;
    -webkit-border-top-left-radius:0.50em;
    -moz-border-radius-topright:0.50em;
    -moz-border-radius-topleft:0.50em;
    border-top-right-radius:0.50em;
    border-top-left-radius:0.50em;


				}



				#primary_navigation a {
					margin-right: 6px;
					padding: 5px 8px 3px 8px;

					font-family: Arial, Times;
					font-size: 13px;
					text-decoration: none;
					text-transform: normal;
					text-align: left;
				}



				#primary_navigation a:link {
					text-decoration: none;
					background-color: #dedede;
					color:#ed1c24;
				}

				#primary_navigation a:visited {
					background-color: #dedede;
					color:#ed1c24;
				}



				#primary_navigation a:hover {
					text-decoration: none;
					background-color: #fff;
					color:#ed1c24;


				}



				#primary_navigation a:active {
					text-decoration: none;
					background-color: #f00;
				}



				#primary_navigation .url_title {
					font-family: Arial, Times;
					font-size: 14px;
					text-decoration: none;
					text-transform: normal;
					font-weight: bold;
					letter-spacing: 1px;

					float: none;
					display: block;
					padding-bottom: 0px;
				}


				#primary_navigation #selected {	/* Create the selected state styles */
					border: none;
					background-color: #ffffff;
					color: #ed1c24;
				}


				#primary_navigation #selected .url_title {
					border: none;
					background-color: #ffffff;
					color: #ed1c24;
				}



				#primary_navigation #selected .url_description {
					border: none;
					background-color: #ffffff;
					color: #ed1c24;
				}




/* SUB NAVIGATIE */

				 #sub_navigation {
					width: 540px;
					height: 37px;
					list-style: none;
					display: block;
					margin: 0px 0 0px 0px;
					padding: 0;
					background-color: #FFF;
					overflow: hidden;
					clear: both;
					position: relative;
					top:20px;
					z-index: 2;
                    border: 1px solid #f00;
				}



				 #sub_navigation li,  #sub_navigation a {
					display: block;
					float: left;

				}



				 #sub_navigation a {
					margin-right: 0px;
					padding: 0px 0px 0px 3px;

					text-align: center;
					font-family: arial, sans-serif, times;
					font-weight:bold;
					font-size: 14px;
					text-decoration: none;
					color: #70706f;
					position:relative;
					left:0px;

				}



				 #sub_navigation a:link,  #sub_navigation a:visited  {
					color: #70706f;
				}


				 #sub_navigation a:hover {
					color: #ed1c24;
				}



				 #sub_navigation a:active {
					color: #70706f;
				}



				 #sub_navigation #selected {
					color: #ed1c24;
				}

/*===============================================================================================
	Onderdelen menu
================================================================================================*/

  	.onderdelen_menu_item 		{ border:1px solid #FFF; width:23px; height:24px; }
  	.onderdelen_menu_item:hover { 	border:1px solid #C00; }
    .onderdelen_menu_item_selected { 	border:1px solid #C00; }


.sidebar1 {
	float: left;
	padding: 20px 0;
	margin-right: 20px;
	width: 180px;
}

.content {
	text-align: justify;
	padding: 20px 0;
	width: 550px;
	float: left;
	min-height:500px;
}
.content_large {
	text-align: justify;
	padding: 20px 0;
	width: 750px;
	float: left;
	min-height:500px;
}

.sidebar2 {
	float: left;
	padding: 20px 0;
	width: 180px;
	margin-left: 20px;
}

.block {
    padding: 0;
    margin: 0 0 10px 0;
    border: 1px solid #CDD8E7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	background-color:#FFF;
}


.block_width_sidebar {
    width: 180px;
}

.block_width_content {
    width: 548px;
}

.block_width_content_large {
    width: 748px;
}

.block_width_full {
    width: 950px;
}

.block .title {
    padding: 8px 10px 0 10px;
    overflow: hidden;
}

.block .title h2 {
    font-size: 20px;
    color: #DF2624;
}

.block .body {
   padding: 0 10px 10px 10px;
    overflow: hidden;
}


.block .table {
   /* padding: 0 10px 10px 10px;*/
    overflow: hidden;
}

.block .body_left {
    padding: 0 10px 10px 10px;
    overflow: hidden;
}


.block .body p {
    margin: 0;
}

.block .toolbar {
    padding: 11px 10px 10px 10px;
    background: #E6EBF3 url(./layout/images/system/flipcountdown/block-toolbar-bg2.png) no-repeat 0 0;
}

.block .toolbar .button {
    padding: 0 30px 0 0;
    line-height: 20px;
    font-size: 17px;
    font-weight: bold;
    font-style: italic;
    background-position: 100% -360px;
}

.block .toolbar .button:hover {
    background-position: 100% -400px;
}



/* ~~ This grouped selector gives the lists in the .content area space ~~
.content ul, .content ol {
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}*/

/* ~~The footer ~~ */
.footer {
	padding: 10px 0;
	background: #6F7D94;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}

/* ~~miscellaneous float/clear classes~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* ==============================================================================================
	Forms styles
============================================================================================== */

	input, textarea, select	{ border:1px solid #ccc; padding: 4px;}

	input.failed, textarea.failed, select.failed, checkbox.failed{ border:1px solid #FBC2C4; background: #FBE3E4;}
	input.passed, textarea.passed, select.passed, checkbox.passed{ border:1px solid #C6D880; background: #E6EFC2;}


	/* multi checkbox in select, gebruik dit bij onderdelen/soort filter */
	.multiselect {
        width: 100px;
    }
    .selectBox {
        position: relative;
    }
    .selectBox select {
        width: 100%;
    }
    .overSelect {
        position: absolute;
        left: 0; right: 0; top: 0; bottom: 0;
    }
    .multiselectlist {
        display: none;
        border: 1px #666 solid;
		background-color: #FFF;
		padding-left:5px;
    }
    .multiselectlist label {
        display: block;
		font-size:11px;
		font-weight:normal;
		text-align:left;

    }
    .multiselectlist label:hover {
        background-color: #1e90ff;
    }



/* ==============================================================================================
	Tabel styles
============================================================================================== */

	td.streeponder { border-bottom: 1px solid #666; }
	td { padding: 4px 8px; }
	th { padding:5px; }

	/*sorting*/
	th.header {
				height:30px;
				background-image: url(/layout/images/system/bg.gif);
				cursor: pointer;
				background-repeat: no-repeat;
				background-position: center left;
				padding-left: 15px;
				margin-left: -1px;
	}
	th.headerSortUp {     background-image: url(/layout/images/system/asc.gif);      background-color: #CCC; }
	th.headerSortDown {   background-image: url(/layout/images/system/desc.gif);     background-color: #CCC; }

/* ==============================================================================================
	Buttons
============================================================================================== */


	.button_small {
		cursor:pointer;
		height:23px;
		width:25px;
		color:#fff;
		border: 1px solid #999;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;
	}
	.button_large {
		cursor:pointer;
		padding:0px 0 0 10px;
		height:28px;
		width: 120px !important;
		color:#fff;
		border: 1px solid #999;
		-moz-border-radius-topleft: 6px;
		-moz-border-radius-topright: 6px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		-webkit-border-radius: 6px 6px 6px 6px;
		border-radius: 6px 6px 6px 6px;
	}
	.rood {
		background:url(/layout/images/content/button-rood.png) repeat-x 0 0;
	}
	.grijs {
		background:url(/layout/images/content/button-grijs.png) repeat-x 0 0;
	}
	.grijs:hover {
		background:url(/layout/images/content/button-rood.png) repeat-x 0 0;
	}


	/*TEST  button_large1 grijs1 */
	.buttons a, button{
		display:block;
		cursor:pointer;
		padding:0px 0 0 10px;
		margin: 5px 0;
		height:28px;
		width: 130px;
		color:#fff;
		text-align:left;
		font-weight:bold;
		border: 1px solid #999;
		-moz-border-radius-topleft: 6px;
		-moz-border-radius-topright: 6px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		-webkit-border-radius: 6px 6px 6px 6px;
		border-radius: 6px 6px 6px 6px;
	}


	button img, .buttons a img{
		margin:0 5px 0 5px !important;
		padding:0;
		border:none;
		width:20px;
		height:20px;
		float:right;
	}







/* ==============================================================================================
	Shopping items
============================================================================================== */

	.item {
		width:100%;
		padding:5px 0;
		float:left;
	}
	.add-to-basket div {
		float:left;
	}
	.left,.middle,.right {
		height:22px;
	}
	.left,.left div {
		width:20px;
	}
	.middle,.middle div {
		width:27px;
	}
	.right,.right div {
		width:30px;
	}
	.add,.subtract {
		height:11px;
		cursor:pointer;
	}
	.add {
		background:url(/layout/images/content/button/button.png) no-repeat 0 -22px;
	}
	.add:hover {
		background:url(/layout/images/content/button/button.png) no-repeat 0 -44px;
	}
	.subtract {
		background:url(/layout/images/content/button/button.png) no-repeat 0 -33px;
	}
	.subtract:hover {
		background:url(/layout/images/content/button/button.png) no-repeat 0 -55px;
	}
	.basketQty {
		padding: 0px;
		width:25px;
		height:20px;
		text-align:center;
		font-size:10px;
		border:solid 1px #aaa;
		text-align: center;
	}
	.add2Basket {
		color:#fff;
		height:18px;
		padding:4px 0 0 10px;
		width:25px;
		background:url(/layout/images/content/button/button.png) repeat-x 0 0;
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 13px;
		-moz-border-radius-bottomright: 13px;
		-moz-border-radius-bottomleft: 0px;
		-webkit-border-radius: 0px 13px 13px 0px;
		border-radius: 0px 13px 13px 0px;
	}

	.add2Basketa {
		background:url(/layout/images/content/button/button_a.png) repeat-x 0 0;
	}
	.add2Basketb {
		background:url(/layout/images/content/button/button_b.png) repeat-x 0 0;
	}
	.add2Basketc {
		background:url(/layout/images/content/button/button_c.png) repeat-x 0 0;
	}
	.add2Basketonbekend {
		background:url(/layout/images/content/button/button_onbekend.png) repeat-x 0 0;
	}
	.add2Basket0 {
		background:url(/layout/images/content/button/button.png) repeat-x 0 0;
	}

   	.add2Basketa1 {
		background:url(/layout/images/content/button/button_a1.png) repeat-x 0 0;
	}
	.add2Basketa2 {
		background:url(/layout/images/content/button/button_a2.png) repeat-x 0 0;
	}
	.add2Basketb1 {
		background:url(/layout/images/content/button/button_b1.png) repeat-x 0 0;
	}
	.add2Basketc1 {
		background:url(/layout/images/content/button/button_c1.png) repeat-x 0 0;
	}





	.imgbox a {
		position: relative;/* nodig om doorklik icoontjes absoluut te kunnen positioneren */
	}
	.imgbox a.img .targeticon {
		/* voor specificity moeten we een id in de selector hebben (anders pakt hij breedte van #projectdetail .imgbox div); #main is altijd aanwezig */
		/* links voor vergroting en website(vergrootglas) */
		position: absolute;
		border:1px solid #666;
		height: 20px;
		width: 20px;
		bottom: 0px;
		right: 0px;
		background:#fff url('/layout/images/content/vergrootglas.png') no-repeat top;
	}

    .imgbox a.img3 .targeticon {
		/* voor specificity moeten we een id in de selector hebben (anders pakt hij breedte van #projectdetail .imgbox div); #main is altijd aanwezig */
		/* links voor vergroting en website(vergrootglas) */
		position: absolute;
		border:1px solid #666;
		height: 20px;
		width: 20px;
		bottom: 0px;
		right: 0px;
		background:#fff url('/layout/images/content/vergrootglas.png') no-repeat top;
	}

	#voertuighistorie { cursor:pointer; }
	#voertuighistorie:hover { background-color:#DFDFDF; }


/* ==============================================================================================
									PLUGIN WEBSHOP
   ============================================================================================== */

        .webshop_menu_onderdelen{
            background:url('/layout/images/content/shop/Onderdelen.png') no-repeat 0 0; width:176px; height:121px; float:left; margin-left:3px;
        }
        .webshop_menu_onderdelen:hover{
            background:url('/layout/images/content/shop/Onderdelen.png') no-repeat 0 -124px; width:176px; height:121px; float:left;
        }

        .webshop_menu_autobanden{
            background:url('/layout/images/content/shop/Autobanden.png') no-repeat 0 0; width:135px; height:102px; float:left; margin-left:2px;
        }
        .webshop_menu_autobanden:hover{
            background:url('/layout/images/content/shop/Autobanden.png') no-repeat 0 -102px; width:135px; height:102px; float:left;
        }

        .webshop_menu_velgen{
            background:url('/layout/images/content/shop/Velgen.png') no-repeat 0 0; width:135px; height:102px; float:left; margin-left:2px;
        }
        .webshop_menu_velgen:hover{
            background:url('/layout/images/content/shop/Velgen.png') no-repeat 0 -102px; width:135px; height:102px; float:left;
        }

        .webshop_menu_mpm{
            background:url('/layout/images/content/shop/mpm.png') no-repeat 0 0; width:135px; height:102px; float:left; margin-left:2px;
        }
        .webshop_menu_mpm:hover{
            background:url('/layout/images/content/shop/mpm.png') no-repeat 0 -102px; width:135px; height:102px; float:left;
        }

        .webshop_menu_universele_artikelen{
            background:url('/layout/images/content/shop/Universele_artikelen.png') no-repeat 0 0; width:135px; height:102px; float:left; margin-left:2px;
        }
        .webshop_menu_universele_artikelen:hover{
            background:url('/layout/images/content/shop/Universele_artikelen.png') no-repeat 0 -102px; width:135px; height:102px; float:left;
        }

        .webshop_menu_kadoshop{
            background:url('/layout/images/content/shop/kadoshop.png') no-repeat 0 0; width:135px; height:102px; float:left; margin-left:2px;
        }
        .webshop_menu_kadoshop:hover{
            background:url('/layout/images/content/shop/kadoshop.png') no-repeat 0 -102px; width:135px; height:102px; float:left;
        }

        .webshop_menu_kentekenplaten{
            background:url('/layout/images/content/shop/Kentekenplaten.png') no-repeat 0 0; width:135px; height:102px; float:left; margin-left:2px;
        }
        .webshop_menu_kentekenplaten:hover{
            background:url('/layout/images/content/shop/Kentekenplaten.png') no-repeat 0 -102px; width:135px; height:102px; float:left;
        }

        .webshop_menu_equipment{
            background:url('/layout/images/content/shop/Equipment.png') no-repeat 0 0; width:176px; height:121px; float:left; margin-left:3px;
        }
        .webshop_menu_equipment:hover{
            background:url('/layout/images/content/shop/Equipment.png') no-repeat 0 -124px; width:176px; height:121px; float:left;
        }

        .webshop_menu_olie{
            background:url('/layout/images/content/shop/Olie.png') no-repeat 0 0; width:176px; height:121px; float:left; margin-left:3px;
        }
        .webshop_menu_olie:hover{
            background:url('/layout/images/content/shop/Olie.png') no-repeat 0 -124px; width:176px; height:121px; float:left;
        }


/* ==============================================================================================
									PLUGIN VELGEN
   ============================================================================================== */

        .webshop_velgen_lichtmetaal{
            background:url('/layout/images/content/velgen/velgen_lichtmetaal.png') no-repeat 0 0; width:230px; height:255px; float:left; margin-left:3px;
        }
        .webshop_velgen_lichtmetaal:hover{
            background:url('/layout/images/content/velgen/velgen_lichtmetaal.png') no-repeat 0 -255px; width:230px; height:255px; float:left;
        }
        .webshop_velgen_staal{
            background:url('/layout/images/content/velgen/velgen_staal.png') no-repeat 0 0; width:230px; height:255px; float:left; margin-left:3px;
        }
        .webshop_velgen_staal:hover{
            background:url('/layout/images/content/velgen/velgen_staal.png') no-repeat 0 -255px; width:230px; height:255px; float:left;
        }


/* ==============================================================================================
									PLUGIN ARTIKELEN
   ============================================================================================== */

        .artikelen_groepen{	border:1px solid #ccc; }
        .artikelen_groepen:hover{	border:1px solid #C00; }

/* ==============================================================================================
									PLUGIN ARTIKELEN
   ============================================================================================== */

        .kado_artikelen_groepen{	border:1px solid #ccc; }
        .kado_artikelen_groepen:hover{	border:1px solid #C00; }


/* ==============================================================================================
									PLUGIN ONDERDELEN
   ============================================================================================== */

    .select_merk_model_type{ width: 270px; }
    .select_merk_model_type:focus {
        width: auto;
        position: relative;
    }

    .accordionButton	  		{	border:1px solid #333; background-color:#CCC; padding: 6px 10px 6px 6px; margin: 0 2px 5px 2px;	color:#000; cursor:pointer; font-size:12px; font-weight: bold; }
	.accordionButton:hover		{	border:1px solid #C00;	color:#C00; }


/* ==============================================================================================
									PLUGIN LINKS
   ============================================================================================== */

    .link_menu_turbopartner{
        background:url('/layout/images/content/links/link_turbopartner.png') no-repeat 0 0; width:135px; height:102px;
    }
    .link_menu_turbopartner:hover{
        background:url('/layout/images/content/links/link_turbopartner.png') no-repeat 0 -102px;
    }


	.link_menu_mpm{
        background:url('/layout/images/content/links/link_mpm.png') no-repeat 0 0; width:135px; height:102px;
    }
    .link_menu_mpm:hover{
        background:url('/layout/images/content/links/link_mpm.png') no-repeat 0 -102px;
    }


	 .link_menu_motip{
        background:url('/layout/images/content/links/link_motip.png') no-repeat 0 0; width:135px; height:102px;
    }
    .link_menu_motip:hover{
        background:url('/layout/images/content/links/link_motip.png') no-repeat 0 -102px;
    }

    .link_menu_vwevoertuiginfo{
        background:url('/layout/images/content/links/link_vwevoertuiginfo.png') no-repeat 0 0; width:135px; height:102px;
    }
    .link_menu_vwevoertuiginfo:hover{
        background:url('/layout/images/content/links/link_vwevoertuiginfo.png') no-repeat 0 -102px;
    }

    .link_menu_boschextranet{
        background:url('/layout/images/content/links/link_bosch_extranet.png') no-repeat 0 0; width:135px; height:102px;
    }
    .link_menu_boschextranet:hover{
        background:url('/layout/images/content/links/link_bosch_extranet.png') no-repeat 0 -102px;
    }

    .link_menu_skf_technischeliteratuur{
        background:url('/layout/images/content/links/link_menu_skf_technischeliteratuur.png') no-repeat 0 0; width:135px; height:102px;
    }
    .link_menu_skf_technischeliteratuur:hover{
        background:url('/layout/images/content/links/link_menu_skf_technischeliteratuur.png') no-repeat 0 -102px;
    }

    .link_menu_luk_technischeliteratuur{
        background:url('/layout/images/content/links/link_menu_luk_technischeliteratuur.png') no-repeat 0 0; width:135px; height:102px;
    }
    .link_menu_luk_technischeliteratuur:hover{
        background:url('/layout/images/content/links/link_menu_luk_technischeliteratuur.png') no-repeat 0 -102px;
    }

    .link_menu_gates_technischeliteratuur{
        background:url('/layout/images/content/links/link_menu_gates_technischeliteratuur.png') no-repeat 0 0; width:135px; height:102px;
    }
    .link_menu_gates_technischeliteratuur:hover{
        background:url('/layout/images/content/links/link_menu_gates_technischeliteratuur.png') no-repeat 0 -102px;
    }



    .link_menu_rdwafmelden{
        background:url('/layout/images/content/links/link_rdwafmelden.png') no-repeat 0 0; width:135px; height:102px;
    }
    .link_menu_rdwafmelden:hover{
        background:url('/layout/images/content/links/link_rdwafmelden.png') no-repeat 0 -102px;
    }

    .link_menu_rdcafmelden{
        background:url('/layout/images/content/links/link_rdcafmelden.png') no-repeat 0 0; width:135px; height:102px;
    }
    .link_menu_rdcafmelden:hover{
        background:url('/layout/images/content/links/link_rdcafmelden.png') no-repeat 0 -102px;
    }

    .link_menu_vweafmelden{
        background:url('/layout/images/content/links/link_vweafmelden.png') no-repeat 0 0; width:135px; height:102px;
    }
    .link_menu_vweafmelden:hover{
        background:url('/layout/images/content/links/link_vweafmelden.png') no-repeat 0 -102px;
    }

    .link_menu_a2spafmelden{
        background:url('/layout/images/content/links/link_a2spafmelden.png') no-repeat 0 0; width:135px; height:102px;
    }
    .link_menu_a2spafmelden:hover{
        background:url('/layout/images/content/links/link_a2spafmelden.png') no-repeat 0 -102px;
    }

    .link_menu_apk_keurmeester{
        background:url('/layout/images/content/links/link_menu_apk_keurmeester.png') no-repeat 0 0; width:135px; height:102px;
    }
    .link_menu_apk_keurmeester:hover{
        background:url('/layout/images/content/links/link_menu_apk_keurmeester.png') no-repeat 0 -102px;
    }


	.link_menu_toolspecial_folder{
        background:url('/layout/images/content/links/link_toolspecial_folder.png') no-repeat 0 0; width:135px; height:102px;
    }
    .link_menu_toolspecial_folder:hover{
        background:url('/layout/images/content/links/link_toolspecial_folder.png') no-repeat 0 -102px;
    }

	.link_menu_aftersalesmagazine{
        background:url('/layout/images/content/links/link_menu_aftersalesmagazine.png') no-repeat 0 0; width:135px; height:102px;
    }
    .link_menu_aftersalesmagazine:hover{
        background:url('/layout/images/content/links/link_menu_aftersalesmagazine.png') no-repeat 0 -102px;
    }


/* ==============================================================================================
									PLUGIN BEHEER
   ============================================================================================== */
	.tekstgroen {
    	color:#390;
    }
	.tekstoranje {
    	color:#F80;
    }
	.tekstblauw {
    	color:#39F;
    }




/* ==============================================================================================
									START THE NOTIFICATION CLASSES
   ============================================================================================== */

		.message {
			margin-top: 10px;
			width: 530px;
			padding: 10px;
			margin-left: auto;
            margin-right: auto;
			border-style: solid;
			border-width: 1px;
			-moz-border-radius-topleft: 6px;
			-moz-border-radius-topright: 6px;
			-moz-border-radius-bottomright: 6px;
			-moz-border-radius-bottomleft: 6px;
			-webkit-border-radius: 6px 6px 6px 6px;
			border-radius: 6px 6px 6px 6px;

		}

		.message strong {
			font-weight: bold;
			line-height: 18px;
		}


		.error {
			padding-left: 65px;
			border-color: #FBC2C4;
			background: #FBE3E4 url("/layout/images/system/msg_failed.gif") no-repeat 0px top;
			color: #8A1F11;
		}



		.success {
			padding-left: 65px;
			border-color: #C6D880;
			background: #E6EFC2 url("/layout/images/system/msg_success.gif") no-repeat 10px top;
			color: #264409;
		}



		.notice {
			border-color: #FFD324;
			background-color: #FFF6BF;
			color: #514721;
		}



/* ==============================================================================================
	COLORBOX
============================================================================================== */
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(/layout/scripts/desktop/jquery/colorbox/images/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(/layout/scripts/desktop/jquery/colorbox/images/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(/layout/scripts/desktop/jquery/colorbox/images/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(/layout/scripts/desktop/jquery/colorbox/images/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(/layout/scripts/desktop/jquery/colorbox/images/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(/layout/scripts/desktop/jquery/colorbox/images/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(/layout/scripts/desktop/jquery/colorbox/images/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(/layout/scripts/desktop/jquery/colorbox/images/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(/layout/scripts/desktop/jquery/colorbox/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/layout/scripts/desktop/jquery/colorbox/images/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(/layout/scripts/desktop/jquery/colorbox/images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}


		#cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose:hover{background-position:-100px 0px;}
        */
		/*
        #cboxClose{position:absolute; top:-5px; right:3px; display:block; background:url(../example3//layout/scripts/desktop/jquery/colorbox/images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}
		*/
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}

/* END COLORBOX */


		/* ==============================================================================================
								START THE CSS3 BORDER-RADIUS PROPERTY
		   ============================================================================================== */

		   		.tmpSlideshowControl, .tmpSlide img, .tmpSlideshowControl span, #tmpSlideshow {
			   		border-radius: 4px;
					-moz-border-radius: 4px;
					-webkit-border-radius: 4px;
		   		}

		   		.contact_imagery {
			   		border-radius: 3px;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
		   		}


		   		/* Main page elements */




				.page_heading, .page_vacancies, #loginbox h2 {
					border-top-left-radius: 4px;
					-moz-border-radius-topleft: 4px;
					-webkit-border-top-left-radius: 4px;

					border-top-right-radius: 4px;
					-moz-border-radius-topright: 4px;
					-webkit-border-top-right-radius: 4px;
				}






		/* ==============================================================================================
								START THE CSS3 GRADIENT-BACKGROUND PROPERTY
		   ============================================================================================== */

		   		.tabular_data table tbody tr:hover {
		   			background: -moz-linear-gradient(bottom, #e7e7e7, #c0c0c0); /* voor firefox 3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#c0c0c0));
					/* If the Useragent doesn't support it fallback onto the background-color property */
				}



/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}

.nivoSlider img {
	position:absolute;
	top:0px;
	max-width: 160px;
	width: 160px !important;
}

.nivo-main-image {
	display: block !important;
	position: relative !important;
	width: 160px !important;
}


.cookiemelding{
  position: fixed;
  bottom: 20px;
  padding: 10px;
  z-index:999;
  width:100%;
  text-align:center;
  background-color:#0c0;
  border:1px solid #060;
  color:#000;
  opacity: 0.8;
  //margin:0 0 0 0;
}


.admin_panel{
  position: fixed;
  bottom: 0px;

  z-index:99;
  width:100%;
  text-align:center;
  background-color:#999;
  border:1px solid #000;
  color:#FFF;
  //margin:0 0 0 0;
}


/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white;
	filter:alpha(opacity=0);
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}



/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/

.theme-default .nivoSlider {
	position:relative;
    margin-bottom:10px;
    /*-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;*/
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	text-align: center;
	padding: 0px 0;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(/layout/images/design/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(/layout/images/design/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}



/* ----------------------------------------------------------------------------------------------------------------------------

	Countdown clock

------------------------------------------------------------------------------------------------------------------------------- */

.xdsoft_flipcountdown{display:inline-block;}

.xdsoft_flipcountdown .xdsoft_digit{float:left;background-repeat:no-repeat;}
.xdsoft_flipcountdown .xdsoft_clearex{clear:both;float:none;}


.xdsoft_flipcountdown >.xdsoft_digit{
	background-position:0px 0px;
}
.xdsoft_flipcountdown >.xdsoft_digit.xdsoft_separator,.xdsoft_flipcountdown >.xdsoft_digit.xdsoft_dot{
	opacity:0.9;
}
.xdsoft_flipcountdown.xdsoft_size_lg >.xdsoft_digit{
	width:53px;
	height:76px;
	background-image:url(/layout/images/system/flipcountdown/digit-lg.png);
}
.xdsoft_flipcountdown.xdsoft_size_lg >.xdsoft_digit.xdsoft_space,
.xdsoft_flipcountdown.xdsoft_size_lg >.xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown.xdsoft_size_lg >.xdsoft_digit.xdsoft_dot{
	width:14px;
	background-position:-19px -4620px;
}
.xdsoft_flipcountdown.xdsoft_size_lg >.xdsoft_digit.xdsoft_dot{
	background-position:-41px -4620px;
}
.xdsoft_flipcountdown.xdsoft_size_lg >.xdsoft_digit.xdsoft_space{
	background-position:-100px -4620px;
}

.xdsoft_flipcountdown.xdsoft_size_md >.xdsoft_digit{
	width:36px;
	height:51px;
	background-image:url(/layout/images/system/flipcountdown/digit-md.png);
}
.xdsoft_flipcountdown.xdsoft_size_md >.xdsoft_digit.xdsoft_space,
.xdsoft_flipcountdown.xdsoft_size_md >.xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown.xdsoft_size_md >.xdsoft_digit.xdsoft_dot{
	width:10px;
	background-position:-13px -3120px;
}
.xdsoft_flipcountdown.xdsoft_size_sm >.xdsoft_digit{
	width:24px;
	height:34px;
	background-image:url(/layout/images/system/flipcountdown/digit-sm.png);
}
.xdsoft_flipcountdown.xdsoft_size_sm >.xdsoft_digit.xdsoft_space,
.xdsoft_flipcountdown.xdsoft_size_sm >.xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown.xdsoft_size_sm >.xdsoft_digit.xdsoft_dot{
	width:10px;
	background-position:-6px -2100px;
}
.xdsoft_flipcountdown.xdsoft_size_xs >.xdsoft_digit{
	width:16px;
	height:23px;
	background-image:url(/layout/images/system/flipcountdown/digit-xs.png);
}
.xdsoft_flipcountdown.xdsoft_size_xs >.xdsoft_digit.xdsoft_space,
.xdsoft_flipcountdown.xdsoft_size_xs >.xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown.xdsoft_size_xs >.xdsoft_digit.xdsoft_dot{
	width:5px;
	background-position:-5px -1440px;
}


.link {
	cursor:pointer;
	cursor:hand;
}
.stafffelprijs {
		cursor: pointer;
		text-decoration: underline;
}

.bar-main-container {
  margin: 10px auto;
  width: 300px;
  height: 50px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: sans-serif;
  font-weight: normal;
  font-size: 0.8em;
  color: #FFF;
}

.wrap { padding: 8px; }

.bar-percentage {
  font-size:18px;
  float: left;
  background: rgba(0,0,0,0.13);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 9px 0px;
  width: 18%;
  height: 18px;
}

.bar-container {
  float: right;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  height: 10px;
  background: rgba(0,0,0,0.13);
  width: 78%;
  margin: 12px 0px;
  overflow: hidden;
}

.bar {
  float: left;
  background: #FFF;
  height: 100%;
  -webkit-border-radius: 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px;
  border-radius: 10px 0px 0px 10px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

/* COLORS */
.red123     { background: #E44C41; }