@charset "UTF-8";
/* ///////////////////////////////////////////////////// 

Bestandsnaam: style.css
Versie: 1.0.0 (11-03-2009)

Om hover acties toe te passen gebruik je de volgende regel op het juiste element:
behavior:url("/htc/csshover.htc");
		
Om .png bestanden als achtergrond te gebruiken in CSS en ze in IE 6 goed weer te geven je de volgende regel op het juiste element:
behavior:url("/htc/iepngfix.htc");

///////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////// */
     
	/* ALGEMEEN */
	 
.clr {
	clear: both;
}

img, .previous_button, .previous_button_over, .previous_button_disabled, .next_button, .next_button_over, .next_button_disabled {
	_behavior: url('/htc/iepngfix.htc');
}

.flt_rgt {
	float: right;
}

.home_animatie_li img {
	border: 3px solid #FFFFFF;
}

.home_animatie_titel {
	background-image: url('/img/white_opacity.png');	
	background-repeat: repeat;
	width: 991px;
	position: absolute;
	color: #FFFFFF;
	text-align: center;
	top: 277px;
	border-top: 3px solid #FFFFFF;
	padding: 3px 0 6px 10px;
	margin: 0 0 0 10px;
	*top: 280px;
	_top: 282px;
	*margin: 0 0 0 -1006px;
}

.flt_lft {
	float: left;
}

a {
	color: #cc0033;
	text-decoration: none;
}

a:hover {
	color: #cc0033;
	text-decoration: underline;
}

.datum {
	font-style: italic;
	color: #999999;	
	font-size: 10px;
}

.paging {
	letter-spacing: 5px;	
	background-color: #fafafa;
	border: 1px solid #f0f0f0;
	padding: 5px 5px 5px 5px;
	margin: 0 0 0 0;
	text-align: right;
}

.pagina {
	letter-spacing: 1px;
}

.paging a {
	text-decoration: none;
	font-weight: bold;
	color: #cc0033;
}

.paging a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #333333;
}

/* ////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////// */
     
	 /* GLOBALE PAGINA OPMAAK */	 

body {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	height: 100%;
	_behavior: url('/htc/csshover.htc');
	background-image: url('/img/back_img_content.jpg');
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 11px;
	line-height: 18px;
	letter-spacing: 1px;
	color: #666666;
}

html {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	height: 100%;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
}

#header {
	height: 79px;
	width: 1000px;	
}

.ruler {
	background-color: #dddddd;
	border: 0px solid #dddddd;
	color: #dddddd;
	height: 1px;
	clear: both;
}

.ruler_home {
	background-color: #dddddd;
	border: 0px solid #dddddd;
	color: #dddddd;
	height: 1px;
	clear: both;
	margin: -9px 0 10px 0;
	_margin: -9px 0 0 0;
}

.foto_rechts img {
	float: right !important;	
	margin: 0 0 20px 0 !important;
}

#content_left {
	float: left;
	width: 650px;
}

#content_left_breed {
	float: left;
	width: 100%;
}

#content_right {
	float: right;
	width: 320px;
}

#content_right_dealer {
	float: right;
	width: 320px;
	margin: 0 62px 0 0;
	_margin: 0 30px 0 0;
}

#content_left_product {
	float: left;
	width: 510px;
}

#content_right_product {
	float: right;
	width: 460px;
}

#nieuwsblok {
	border-right: 1px solid #dddddd;
	float: left;
	width: 304px;
	padding: 0 10px 0 0;
	height: 140px;
}

#dealerblok {
	float: right;
	width: 304px;
	padding: 0 0 0 10px;
	height: 140px;
}

.text {
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;	
}

.text img, .text_right_home img, .nieuwsoverzicht_text img, .even img, .oneven img {
	border: 4px solid #676767;
	margin: 0 10px 0 0;	
}

#dealerblok {
	padding: 0 0 20px 0;	
}

.dealeroverzicht_text img {
	border: 4px solid #676767;
	margin: 0 0 0 10px;	
}

.nieuwsoverzicht_text, .dealeroverzicht_text {
	padding: 0 0 5px 0;
	border-bottom: 0px solid #dddddd;
	margin: 0 0 10px 0;	
}

.text p, .nieuwsoverzicht_text p, .dealeroverzicht_text p, .text_right_home p, .even img, .oneven img {
	margin: 10px 0 10px 0;
	padding: 0 0 0 0;
}

.even {
	padding: 10px 10px 15px 10px;
	margin: 7px 0 7px 0;	
	border: 1px solid #f0f0f0;
}

.oneven {
	padding: 10px 10px 15px 10px;
	margin: 7px 0 7px 0;	
	background-color: #fafafa;
	border: 1px solid #f0f0f0;
}

.text_right_home {
	padding: 0 0 14px 0;
	*padding: 0 0 22px 0;
	_padding: 0 0 32px 0;
	border-bottom: 1px solid #dddddd;
	margin: 0 0 52px 0;
	*margin: 0 0 60px 0;
	_margin: 0 0 68px 0;	
}

.taalNL, .taalEN, .taalFR, .taalDU {
	padding: 0 20px 0 0;
}

.taal_image {
	border: 0 !important;
	margin: 0 20px 0 0;
	vertical-align: middle;
}

#logo {
	margin: 9px 0 0 0;	
	width: 160px;
	height: 75px;
	float: left;
}

#logo img {
	border: 0;
}

#header_right {
	float: right;
	margin: 9px 0 0 0;	
}

#header_image_home {
	margin: 8px 0 0 0;
	padding: 20px 0 20px 0;
	width: 1000px;
	height: 348px;
	clear: both;
	text-align: center;
}

#header_image {
	margin: 8px 0 0 0;
	padding: 16px 0 20px 0;
	width: 1000px;
	height: 183px;
	clear: both;
	text-align: center;
}

#sitemap ul {
	margin: 0 0 0 30px;
	padding: 0 0 0 0;
	list-style: square;
}

#sitemap ul li a {
	color: #666666;
}

#sitemap ul li a:hover {
	color: #cc0033;
	text-decoration: none;
}

#sitemap ul li ul {
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
	list-style: none;
}

.text ul {
	list-style: square;
}

#small_homeflash {
	float: right;	
}

.fotoalbum {
	text-align: center;
	width: 100%;
}

.fotoalbum img {
	border: 5px solid #666666;	
}

.land_kiezen {
	padding: 5px 5px 5px 5px;
	border: 1px solid #f0f0f0;
	background-color: #fafafa;
	width: 975px;
	margin: 10px 0 10px 0;
}

.land_kiezen strong {
	color: #cc0033;
}

/* ////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////// */
     
	/* HOOFDMENU */ 	 

#hoofdmenu {
	height: 39px;
	float: right;
	position: relative;
	z-index: 900;
}

#hoofdmenu ul {
	list-style: none;
	margin: 8px 0 0 0;
	padding: 0 0 0 0;
}

#hoofdmenu ul li {
	display: inline;
}

#hoofdmenu ul li a {
	color: #333333;
	text-decoration: none;
	display: block;
	padding: 8px 15px 0 15px;
	height: 24px;
	float: left;
	font-size: 13px;
}

#hoofdmenu ul li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	display: inline;
	padding: 8px 15px 0 15px;
	background-image: url('/img/menu_hover.jpg');
	background-repeat: repeat-x;
	height: 24px;
	float: left;
	font-size: 13px;
}

#hoofdmenu ul li ul {
	display: none;
	width: 190px;
}

#hoofdmenu ul li:hover ul {
	display: block;
	position: absolute;
	background-color: #111111;
	top: 32px;
	border-left: 2px solid #222220;
	border-right: 2px solid #222220;
	border-bottom: 2px solid #222220;
	z-index: 950;
}

#hoofdmenu ul li ul li {
	display: block;
	margin: 0 0 0 0 !important;
	background-image: url('/img/submenu_back.jpg');
	height: 32px;
}

#hoofdmenu ul li ul li a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 8px 15px 0 15px;
	height: 24px;
	font-size: 13px;
	width: 160px;
	clear: both;
	
}

#hoofdmenu ul li ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	display: block;
	padding: 8px 15px 0 15px;
	margin: 0 0 0 0;
	background-image: url('/img/submenu_back.jpg');
	height: 24px;
	font-size: 13px;
}

.submenu1, .submenu13, .submenu23, .submenu31 {
	right: 415px !important;
	*right: 402px !important;
	_right: 402px !important;
}

.submenu2, .submenu14, .submenu24, .submenu32 {
	right: 346px !important;
	*right: 335px !important;
	_right: 335px !important;
}

.submenu3, .submenu15, .submenu25, .submenu33 {
	right: 239px !important;
	*right: 232px !important;
	_right: 232px !important;
}

.submenu4, .submenu16, .submenu26, .submenu34 {
	right: 129px !important;
	*right: 122px !important;
	_right: 122px !important;
}

.submenu5, .submenu17, .submenu27, .submenu35 {
	right: 50px !important;
	*right: 45px !important;
	_right: 45px !important;
}

.submenu6, .submenu18, .submenu28, .submenu36 {
	right: -31px !important;
	*right: -35px !important;
	_right: -35px !important;
}

.submenu7, .submenu19, .submenu29, .submenu37 {
	right: -112px !important;
	*right: -113px !important;
	_right: -113px !important;
}

/* ////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////// */
     
	/* TOPMENU */ 	

#topmenu {
	width: 840px;
	height: 39px;
	text-align: right;
}

#topmenu ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#topmenu ul li {
	display: inline;
	padding: 0 10px 0 10px;
	border-right: 1px solid #000000;
}

#topmenu ul li a {
	color: #333333;
	text-decoration: none;
}

#topmenu ul li a:hover {
	color: #333333;
	text-decoration: underline;
}

.fr {
	border: 0 !important;
	padding: 0 0 0 10px !important;
}

/* ////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////// */
     
	/* FOOTER */ 
	
#footer {
	margin: 10px 0 10px 0;
	border-top: 1px solid #dddddd;
}	

#footermenu {
	width: 700px;
	float: left;
	margin: 10px 0 0 0;
}

#footermenu ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#footermenu ul li {
	display: inline;
	border-left: 1px solid #cccccc;
	padding: 0 10px 0 10px;
}

#footermenu ul li a {
	display: inline;
	color: #aaaaaa;
	font-size: 10px;
}

#leveringsvoorwaarden {
	width: 300px;
	float: right;
	margin: 10px 0 0 0;
	text-align: right;color: #aaaaaa;
}

#leveringsvoorwaarden a {
	color: #aaaaaa;
	font-size: 10px;
}

#copyright {
	margin: 20px 0 0 0;
	text-align: right;
}

#copyright a {
	color: #cccccc;
	font-size: 10px;
}

.footermenu_1 {
	border: 0 !important;
	padding: 0 10px 0 0 !important;
}

#adresgegevens {
	font-size: 10px;
	color: #cccccc;
	margin: 10px 0 0 0;
	border-top: 1px solid #dddddd;
	padding: 10px 0 0 0;
}

#adresgegevens a {
	color: #cccccc;
}

#producten_overzicht_footer {
	width: 100%;
	background-color: #fbfbfb;
	margin: 10px 0 0 0;
	padding: 10px 0 10px 0;
}

#producten_overzicht_footer_inside {
	width: 1000px;
	margin: 0 auto;
}

#producten_overzicht_footer_inside a  {
	color: #bbbbbb;
}

#producten_overzicht_footer_inside strong  {
	color: #999999;
	display: block;
	margin: 0 0 -15px 0;
}

.footer_productgroep {
	width: 333px;
	float: left;
	margin: 10px 0 0 0;
}

/* ////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////// */
     
	 /* GOOGLE MAPS */	
	 
#map {
	width: 312px;
	height: 312px;
	border: 5px solid #666666;
	_position: absolute;
	_left: 25px;
	_top: 100px;
}

#map span {
	display: none;
}

#directions {
	_position: absolute;
	_top: 430px;	
	_left: 25px;
}

.adres {
	letter-spacing: 0;
}

.route {
	letter-spacing: 0;
}

.route img {
	border: 0 !important;
}

#maps {
	width: 975px;
	border: 5px solid #666666;
	height: 400px;
	float: left;
}

#maps span {
	display: none;
}

#landen {
	margin: 10px 0 0 0;
}

#landen a {
	width: 120px;
	height: 20px;	
	display: block;
	color: #666;
	padding: 1px 0 0 10px;
}

#landen a:hover {
	width: 120px;
	height: 20px;	
	display: block;
	background: #e2e2e2 url('/img/country-hover.jpg') no-repeat center right;
	padding: 1px 0 0 10px;
	text-decoration: none;
}

#maps_canvas {
	width: 600px;
	height: 590px;
	margin: 0 0 0 25px;
	position: absolute;
	top: 25px;
	left: 130px;
}

#maps_canvas span {
	display: none;
}

.gm_dealers {
	padding: 5px 5px 5px 5px;
	border: 1px solid #f0f0f0;
	background-color: #fafafa;
	width: 975px;
	height: 610px;
	margin: 10px 0 10px 0;
}

#legenda {
	position: absolute;
	top: 0;
	left: 155px;
}

#side_bar {
	position: absolute;
	right: 15px;
	top: 25px;	
	width: 215px;
	height: 590px;
	overflow-y: scroll;
}

#side_bar div {
	margin: 7px 10px 7px 0;
	padding: 5px;
	cursor: pointer;
	border: 1px solid #fafafa;
}

#side_bar div img {
	float: left;
	margin: 0 5px -10px 0;
}

#side_bar div strong {
	color: #CC0000;
	font-weight: normal;	
}

/* ////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////// */
     
	/* PRODUCTEN */ 
	
.breadcrumbs {
	position: absolute;	
	top: -38px;
	_top: -40px;
	*top: -32px;
	color: #FFFFFF;
	font-style: italic;
	width: 500px;
	right: 500px;
}

#content {
	position: relative;
}

.breadcrumbs a {
	color: #FFFFFF;
	font-style: italic;
}

.group {
	border-bottom: 1px solid #dddddd;
	margin: 10px 0 10px 0;
	padding: 10px 0 10px 0;
	_padding: 10px 0 0px 0;
	*padding: 10px 0 0px 0;
	cursor: pointer !important;
}

.group img {
	border: 5px solid #666666;
	float: left;
	margin: 0 20px 0 0;
	cursor: pointer !important;
}

.group .meer_info {
	float: right;
	text-transform: lowercase;	
}

.foto img {
	border: 5px solid #666666 !important;
	margin: 10px 0 0 0;
}

.productblok {
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;	
}
	
/* ////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////// */

	/* FORMULIER */	
	
form {
	margin: 10px 0 0 0;	
}

label {
	display: block;
	float: left;
	width: 250px;
}

textarea {
	font-family: Arial;
	font-size: 11px;
	line-height: 18px;
	letter-spacing: 1px;
	color: #666666;
	padding: 2px 2px 2px 2px;
	background-color: #fdfdfd;
	border: 1px solid #dddddd;
}

input, select {
	font-family: Arial;
	font-size: 11px;
	line-height: 18px;
	letter-spacing: 1px;
	color: #666666;
	padding: 2px 2px 2px 2px;
	background-color: #fdfdfd;
	border: 1px solid #dddddd;
}

select {
	vertical-align: middle;
}

option {
	font-family: Arial;
	font-size: 11px;
	line-height: 18px;
	letter-spacing: 1px;
	color: #666666;
	padding: 2px 2px 2px 2px;
	background-color: #fdfdfd;
	border: 0;
}

.send_btn {
	cursor: pointer;
	padding: 4px 4px 4px 4px;
	_padding: 3px 3px 3px 3px;
	_margin: 10px 0 0 0;
	*margin: 10px 0 0 0;
}

/* ////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////// */

	/* SIFR */	

/* NIET AANPASSEN */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* WEL AANPASSEN */
.sIFR-hasFlash h1 {
	visibility: hidden;
}

h1 {
	font-size: 30px;
	height: 30px;
	line-height: 30px;	
	margin: 5px 0 0 -2px;
	_font-size: 28px;
	_height: 28px;
	_line-height: 28px;	
	padding: 0 0 0 0;
}

h2 {
	font-size: 22px;
	height: 22px;
	line-height: 22px;	
	margin: 5px 0 0 0;
	_font-size: 20px;
	_height: 20px;
	_line-height: 20px;	
	padding: 0 0 0 0;
}

h3, h6 {
	font-size: 18px;
	height: 18px;
	line-height: 18px;	
	margin: 13px 0 10px 0;
	*margin: 10px 0 7px 0;
	_margin: 12px 0 5px 0;
	_font-size: 13px;
	_height: 13px;
	_line-height: 16px;	
}

h5 {
	font-size: 30px;
	height: 30px;
	line-height: 30px;	
	margin: 5px 0 0 -2px;
	_font-size: 28px;
	_height: 28px;
	_line-height: 28px;	
	padding: 0 0 0 0;
}

.team_teaser {
	 text-align: center; 
	 float: left !important; 
	 margin: 0 14px 10px 14px;
	 _margin: 0 12px 10px 11px;
	 width: 200px;
}

.groepsnaam {
	width: 470px !important;
	float: left;	
	margin: 0 0 5px 0;
	cursor: pointer !important;
}

.productnaam {
	width: 470px !important;
	float: left;	
	margin: 0 0 5px 0;
	cursor: pointer !important;
}

#nieuwskop {
	width: 290px;
	margin: 5px 0 10px -2px;
}

#dealerkop {
	width: 290px;
	margin: 5px 0 10px -2px;
}

/* ////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////// */

	/* LIGHTBOX */	

/*    Lightbox    */
#lightbox	{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox img	{
	width: auto;
	height: auto;
}

#lightbox a img	{
	border: none;
}

#outerImageContainer	{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer	{
	padding: 10px;
}

#loading	{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav	{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav	{
	left: 0;
}

#hoverNav a	{
	outline: none;
}

#prevLink, #nextLink	{
	width: 49%;
	height: 100%;
	background-image: url('data:image/gif;base64,AAAA'); /* Trick IE into showing hover */
	display: block;
}

#prevLink	{
	left: 0;
	float: left;
}

#nextLink	{
	right: 0;
	float: right;
}

#prevLink:hover, #prevLink:visited:hover	{
	background: url('/img/prevlabel.gif') left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover	{
	background: url('/img/nextlabel.gif') right 15% no-repeat;
}

#imageDataContainer	{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	;
}

#imageData	{
	padding:0 10px;
	color: #666;
}

#imageData #imageDetails	{
	width: 70%;
	float: left;
	text-align: left;
}
	
#imageData #caption	{
	font-weight: bold;
}

#imageData #numberDisplay	{
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
			
#imageData #bottomNavClose	{
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
	outline: none;
}	 	

#overlay	{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}

/* ////////////////////////////////////////////////// */

/* Horizontal Carousel */


#header_image_home .container {
  width: 1020px;
  height: 371px;
  position: relative;    
  overflow: hidden;
  float: left;
  margin: 0 0 0 -13px;
  _margin: -7px 0 0 -13px;
}

#header_image_home ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 371px;
}                      

#header_image_home ul li {
  width: 1020px;
  text-align: center; 
  list-style: none;   
  float: left;
}

#header_image_home .previous_button {
  display: none;
}

#header_image_home .previous_button_over {
  display: none;
}

#header_image_home .previous_button_disabled {
  display: none;
}

#header_image_home .next_button {
   display: none;
}

#header_image_home .next_button_over {
  display: none;
}

#header_image_home .next_button_disabled {
  display: none;
}