/*
rood #ED1A2C
hover#ef3949;
text-kleur: #666;

*/


/*==================================== typografie*/
html{
	background-color:#000000;
	/*overflow-y:hidden;*/
}
body, p{
	font-family:verdana, lucida console, trebuchet ms;
	font-size:11px;
	line-height:18px;
	color:#666;
	/*SCROLLBAR-FACE-COLOR: #B9B9B9;
SCROLLBAR-HIGHLIGHT-COLOR: #000000;
SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #B9B9B9;
SCROLLBAR-DARKSHADOW-COLOR: #000000; */
}
p{
	margin:18px 0px;
}

h1{
	font-size:18px;
	line-height:22px;
	margin:13px 0px;
	font-weight:normal;
	color:#000;
}
h1.home{
	font-size:14px;
	line-height:20px;
	margin:20px 0px 20px 0px;
	font-weight:normal;
	color:#ED1A2C;
}
h2{
	font-size:15px;
	color:#000;
	margin:0px;
	font-weight:normal;
}
h3, h4{
	font-size:11px;
	color:#000;
	margin:0px;
	font-weight:bold;
}

/*==================================== GRID*/

#page{
	width:1000px;
	border:1px solid red;
	margin:20px auto;
	margin-bottom:0px;
	height:600px;
	}
#holder_logo{
	background-color:#232323;
	width:300px;
	height:95px;
	float:left;
	
	}
#holder_tabmenu{
	background-color:#464847;
	width:700px;
	height:95px;
	float:left;
	/*padding-top:20px;*/
	}
#holder_plaatjes{
	width:300px;
	height:465px;
	float:left;
	}
#holder_content{
	background-color:#f0f0f0;
	width:700px;
	height:465px;
	float:left;
	background: #f0f0f0 url(images/bg_content.gif);
	background-position:left top;
	background-repeat:repeat-y;
	overflow-y:hidden;
	overflow-x:hidden;
	}

	
#holder_content_map{
	background-color:#f0f0f0;
	width:700px;
	height:465px;
	float:left;
}
	
#holder_content .contentmarge{
	width:650px;
	margin:10px auto;
}
.contentmarge a,
.contentmarge_vervolg a {
	white-space: nowrap;
	color:#ED1A2C;
	}

#holder_content .contentmarge_vervolg{
	width:370px;
	margin:10px 0px 0px 20px;
}
.content_scroll{
	height:455px;
	overflow-y:auto;
	}




#holder_ncom{
	background-color:#c11c2a;
	width:300px;
	height:40px;
	float:left;
	}
#holder_footer{
	background-color:#464847;
	width:700px;
	height:40px;
	float:left;
	color:#939393;
	}
#holder_footer .footer_content{
	float:left;
	width:100%;
	padding-top:10px;
	text-align:right;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	}
#holder_footer .footer_content img{
	vertical-align:top;
	margin:0px 0px;
	}
#holder_footer a{
	color:#939393;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;
	line-height:22px;
	}
#holder_footer a:hover{
	color:#ED1A2C;
	text-decoration:underline;
	}
	
#merken{/*houder van de logoos onderin*/
	width:1000px;
	margin:10px auto;
	margin-bottom:0px;
	text-align:center;
	}
	
/*hover van de logo onderin de pagina*/

.infobox {
	position:relative;
	padding:0px;
	float:left;
	cursor:pointer;
	}

.infobox .logo {
	display:none;
    }
.infobox:hover .logo {
	display:block;
	position:absolute;
	z-index:1;
	top:0px;
	cursor:pointer;
}
.infobox .merknaam{
	color:#3b3b3c;
	font-size:8px;
	font-weight:bold;
	text-transform:uppercase;
	width:85px;

	}
.infobox .merknaam:hover{
	color:red;
	}
	
	
	
/*----------------------------------------dropdown menu*/

#container {
	margin: 61px 0px 0px 3px;
		}
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:999;
}

#nav .Subpagina {
	visibility:hidden;
}

#nav {
	margin-right:5px;
}

.navLi{
	float:left;
	margin-right:5px;
}

#nav .navLi:hover .Subpagina {
	visibility:visible;
}

#nav a.hoofdmenuLink {
	/*width:98px;*/
	font-size:13px;
	text-decoration:none;
	color :#f2f2f2;
	/*letter-spacing:-0.05em;*/
	display:block;
	padding:8px;
	padding-right:22px;
	text-indent:15px;
	background-image: url(images/li_hoofdtab.gif);
	background-position:0% 50%;
	background-repeat:no-repeat;
} 

.navLi:hover .hoofdmenuLink{
	background:#6c6c6c;
}

.Subpagina {
	background-color:#6c6c6c;
	position:absolute;
}

.SubpaginaLi a{
	color :#f2f2f2;
	line-height:22px;
	text-decoration:none;
	display:block;
	}
.SubpaginaLi{
	width:170px;
	cursor:pointer;
	line-height:22px;
	padding:5px;
	text-indent:5px;
	background-image: url(images/lijn_submenu.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}
.SubpaginaLi:hover {
	background-color:#7c7c7c;
}

.SubpaginaLi:hover .Lidiv{
	visibility:visible;
}

.SubpaginaLi .Lidiv{
	visibility:hidden;
	position:absolute;
	left:160px;
	width:150px;
	margin-top:-27px;
	background-color:#6c6c6c;
}
.SubpaginaLi ul li{
	color :#f2f2f2;
	cursor:pointer;
	line-height:22px;
	padding:5px;
	background: #6c6c6c url(images/lijn_submenu.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}
.SubpaginaLi ul li:hover{
	background-color:#7c7c7c;
}



/*extra knop inloggen in de tabnavigatie*/

.holder_inloggen{
	/*border:1px solid green;*/
	width:100px;
	float:right;
}
.holder_inloggen a.hoofdmenuLink2 {
	color:#ffffff;
	font-size:13px;
	text-decoration:none;
	line-height:35px;
	padding-left:5px;
}
.holder_inloggen a.hoofdmenuLink2:hover {
	color:#ffffff;
	font-size:13px;
	text-decoration:underline;
	line-height:34px;
	padding-left:5px;
}
.holder_inloggen img{
	padding-top:4px;
	}






/*----------------------------------------dropdown menu*/
.nieuwsberichtentabeltd {
	color:#666;
}
.nieuwsheader{
	margin-bottom:5px;
	padding:10px 0px 5px 0px;;
	color:#ED1A2C;
}
.nieuws{}



/*----------------------------------------rechterpaneel*/

body > div.holder_rechterpaneel { position: fixed; }

.holder_rechterpaneel{
	width:300px;
	/*background-color:#b9b9b9;*/
	min-height:465px;
  height:auto !important;
  height:465px;
  float:right;
	overflow-x:hidden;
	}
.holder_banner{
	width:280px;
	margin:10px auto;
	/*border:1px solid #ccc;*/
	
	}
.holder_banner .banner_marge{
	/*width:250px;*/
	margin:10px auto;
	color:#333;
	}
.holder_banner .banner_marge img{
	margin-top:-10px;
	margin-left:-10px;
	margin-right:10px;/*marge voor de vervolgpagina*/
	}
.holder_banner .banner_marge b{
	color:#fff;
	}
.holder_banner .banner_marge a{
	color:#ED1A2C;
	text-decoration:none;
	}
.holder_banner .banner_marge a:hover{
	color:#ED1A2C;
	text-decoration:underline;
	}
.googlemap{
	background-color:#F0F0F0;
	background-color:red;
	background: #F0F0F0 url(images/bg_map.gif);
	background-repeat:no-repeat;
	background-position:left top;
	
	}
.googlemap iframe{
	margin:20px 0px 0px 20px;
	}
	
	
.holder_nieuws{
	width:280px;
	margin:10px auto;
	/*border:1px solid #ccc;*/
	}
.holder_nieuws .nieuws_marge{
	/*width:250px;*/
	margin:10px auto 2px 0px;
	
	}
span.nieuwstitel{
	display:block;
	height:20px;
	}
.holder_nieuws .nieuws_marge b{
	color:#fff;
	font-size:14px;
	padding:3px 0px 5px 5px;
	background-color:#464847;
	display:block;
	font-weight:normal;
	}
.holder_nieuws a{
	color:#333;
	text-decoration:none;
	padding:3px 0px 3px 18px;
	display:block;
	background-image: url(images/li_nieuws_o.gif);
	background-position:left top;
	background-repeat:no-repeat;
	line-height:18px;
	border-bottom:1px dotted #ccc;
}
.holder_nieuws a:hover{
	color:#000;
	padding:3px 0px 3px 18px;
	text-decoration:none;
	background-image: url(images/li_nieuws_o.gif);
	background-position:left top;
	background-repeat:no-repeat;
	border-bottom:1px dotted #ccc;
	background-color:#ccc;
}
	
.holder_events{
	width:280px;
	margin:10px auto;
	/*border:1px solid #ccc;
	background-color:#fff;*/
	background-image: url(slider_images/demo1.gif);
	
	}
.holder_events .events_marge{
	/*width:250px;*/
	margin:10px auto;
}
.holder_events .events_marge b{
	color:#000;
	font-size:14px;
	font-weight:normal;
	}

.holder_events a{
	color:#333;
	text-decoration:none;
	padding-left:12px;
	display:block;
	background-image: url(images/li_nieuws_o.gif);
	background-position:left top;
	background-repeat:no-repeat;
	line-height:18px;
	
}
.holder_events a:hover{
	color:#000;
	text-decoration:none;
	background-image: url(images/li_nieuws_o.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

.clip {
	margin-top:0px;
  position: relative;
  height: 465px;
  width: 300px;
}

.clip object{
	margin-top:-110px;
  position: absolute;
  clip: rect(110px 390px 400px 0px);
}
/*
.clip img {
  position: absolute;
  clip: rect(0px 200px 100px 30px);
}
*/
a.prijs, a:hover.prijs {
	text-decoration:none;
	color:#ED1A2C;
	font-size:14px;
	background-image: url(images/bg_prijs.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	height:50px;
	display:block;
	text-indent:8px;
	line-height:42px;
	font-weight:normal;
	cursor:pointer;
	}
a.popup, a:hover.popup {
	text-decoration:none;
	color:#ED1A2C;
	font-size:11px;
	height:50px;
	display:block;
	text-indent:40px;
	line-height:44px;
	font-weight:normal;
	cursor:pointer;
	}
a.prijslijst {
	text-decoration:none;
	color:#ED1A2C;
	font-size:11px;
	background-image: url(images/bg_prijslijst.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height:50px;
	display:block;
	text-indent:40px;
	line-height:44px;
	font-weight:normal;
	cursor:pointer;
	}
a:hover.prijslijst {
	text-decoration:none;
	color:#666;
	font-size:11px;
	background-image: url(images/bg_prijslijst2.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height:50px;
	display:block;
	text-indent:40px;
	line-height:44px;
	font-weight:normal;
	cursor:pointer;
	}	
	
	a.maattabel {
	text-decoration:none;
	color:#ED1A2C;
	font-size:11px;
	background-image: url(images/bg_prijslijst.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height:50px;
	display:block;
	text-indent:40px;
	line-height:44px;
	font-weight:normal;
	cursor:pointer;
	margin-top:-27px;
	}
a:hover.maattabel {
	text-decoration:none;
	color:#666;
	font-size:11px;
	background-image: url(images/bg_prijslijst2.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height:50px;
	display:block;
	text-indent:40px;
	line-height:44px;
	font-weight:normal;
	cursor:pointer;
	margin-top:-27px
	}	







	
.kop_dealerlocator{
	color:#ED1A2C;
	text-indent:10px;
	padding-top:20px;
}
.infotekst{
	font-size:9px;
	line-height:13px;
	padding-top:25px;
	padding-left:23px;
	color:#00000;
}

#fancy img{
	margin-right:10px;
	border:2px solid #F0F0F0;
	}
#fancy img:hover{
	margin-right:10px;
	border:2px solid #ccc;
	}





.prod_logoholder{
	border:3px solid #F0F0F0;
	width:106px;
	float:left;
	margin:0px;
}
.prod_logoholder:hover{
	border:3px solid #ccc;
	width:106px;
	float:left;
	margin:0px;
}

.prod_logoholder .thumbnail{
	}
	
.prod_logoholder .thumbnail:hover{
	margin-bottom:20px
	visibility:hidden;
	}





.producent_infobox {
	position:relative;
	padding:0px;
	float:left;
	cursor:pointer;
	margin:0px 10px 10px 0px;
	}
.producent_infobox .klik {
	display:none;
}
.producent_infobox:hover .klik {
	display:block;
	position:absolute;
	z-index:1;
	top:0px;
	cursor:pointer;
	/*background-color:#CCCCCC;*/
	color:#ED1A2C;
	width:100px;
	padding-top:3px;
	display:block;
	text-align:center;
	font-size:9px;
	font-weight:bold;
}
.producent_infobox .producent_logo{
	color:#3b3b3c;
	font-size:8px;
	font-weight:bold;
	text-transform:uppercase;
	width:100px;
	border:3px solid #ccc;
	}
.producent_infobox .producent_logo:hover{
	border:3px solid #989898;
	text-decoration:none;
	}
	
li.nolan{
		}
		
/*----------------------------------FANCYBOX STYLES----------------------------------*/
 
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	background: transparent;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('images/fancy_loading.png') no-repeat;
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 32px;
	height: 32px;
	background: url('images/fancy_close.png') top left no-repeat;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background: url('images/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background: transparent url('images/fancy_title_left.png') repeat-x;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background: transparent url('images/fancy_title_main.png') repeat-x;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background: transparent url('images/fancy_title_right.png') repeat-x;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('images/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background: transparent url('images/fancy_nav_left.png') no-repeat;
}

#fancybox-right-ico {
	background: transparent url('images/fancy_nav_right.png') no-repeat;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

div.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 1001;
}

div#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('images/fancy_shadow_n.png') repeat-x;
}

div#fancy-bg-ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancy_shadow_ne.png') no-repeat;
}

div#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('images/fancy_shadow_e.png') repeat-y;
}

div#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancy_shadow_se.png') no-repeat;
}

div#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('images/fancy_shadow_s.png') repeat-x;
}

div#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancy_shadow_sw.png') no-repeat;
}

div#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('images/fancy_shadow_w.png') repeat-y;
}

div#fancy-bg-nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancy_shadow_nw.png') no-repeat;
}