/*----->>> IMPORT RESET.CSS <<<-----*/ 
@import url("reset.css"); 
@import url("scratch.css");
 
/*----->>> GLOBAL SETTINGS <<<-----*/ 
html {
	/*height: 101%;*/
	/* only if you want vertical scrollbar in all browsers */
}
body {
	font-size: 62.5%; /*1.0em --> 10px*/
	line-height: 1.6em;
	background: url(../images2010/bg_container.jpg) no-repeat center top;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
/*----->>> HEADINGS <<<-----*/ 
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
h1 {
	margin: 0px 0px 25px 0px;
	font-size: 1.5em;/*child pixels / parent pixels = child ems --> 18px/12px*/
}
h2, h2 a {
	margin: 0px 0px 5px 0px;
	font-size: 1.1em;/*16px/12px*/
	color: #ed1c24;
	font-weight: bold;
}
	h2 a:hover, h3 a:hover {
		color: #4b4b4b;
	}
h3, h3 a {
	margin: 0px 0px 8px 0px;
	font-size: 0.9em;/*13px/12*/
	font-weight: bold;
	color: #ed1c24;
	text-transform: uppercase;
}
h4, h5, h6 {
	font-size: 1em;
	font-weight: bold;
}
/*----->>> LINKS <<<-----*/ 
a {
	color: #4b4b4b;
}
a:hover {
	text-decoration: underline;
	color: #ed1c24;
}
	a.more {
		color: #e30615;
		background: url(../images2010/arrow.gif) no-repeat left 5px;
		padding: 0px 0px 0px 8px;
	}
.links1 {
	margin: 4px 0px 0px 0px;
}
	.links1 a {
		line-height: 16px;
		padding: 0px 10px 0px 22px;
		color: #b1b1b1;
		text-transform: uppercase;
		display: inline-block;
	}
		.links1 a.rss {
			background: url(../images2010/icon_rss.jpg) no-repeat left center;
		}
		.links1 a.flickr {
			background: url(../images2010/icon_flickr.jpg) no-repeat left center;
		}
		.links1 a.facebook {
			background: url(../images2010/icon_facebook.jpg) no-repeat left center;
		}
		.links1 a.twitter {
			background: url(../images2010/icon_twitter.jpg) no-repeat left center;
		}
/*----->>> COMMON FORMATTING <<<-----*/ 
p {
	margin: 0px 0px 8px 0px;
}
/*----->>> GLOBAL CLASSES <<<-----*/
.hidden {
	font-size: 0px;
	color: #ffffff;
	line-height: 0px;
	text-indent: -9999px;
	display: inline-block;
	position: absolute;
	left: -9999px;
	top: 0px;
}
.float-left {
	float: left; 
}
.float-right {
	float: right; 
} 
.text-left { 
	text-align: left; 
}
.text-right { 
	text-align: right;
}
.text-center { 
	text-align: center; 
}
.text-justify  { 
	text-align: justify; 
}
.underline { 
	border-bottom: 1px solid; 
}
.img-left { 
	float: left;
	margin: 4px 10px 4px 0px; 
}
.img-right { 
	float: right;
	margin: 4px 0px 4px 10px; 
}
.nopadding { 
	padding: 0px; 
}
.nomargin {
	margin: 0px;
}

/**>> boxen <<**/
.box150 {
	width: 150px;
}
.box310 {
	width: 310px;
}
.box591 {
	width: 591px;
}
	.box-grey {
		padding: 10px 11px;
		background: url(../images2010/bg_boxgrey.png) repeat-y left top;
	}
.youtube-box {
	background: url(../images2010/bg_youtube_box.jpg) no-repeat left bottom;
	padding: 0px 0px 14px 0px;
}
/**>> gallery-view <<**/
.gallery-view {
	margin: 10px 0px 0px 0px;
	position: relative;
}
	.gallery-header {
		height: 53px;
		overflow: hidden;
	}
		ul#gallery-pager {
			float: left;
			width: 325px;
			overflow: hidden;
		}
			ul#gallery-pager li {
				float: left;
				margin-right: 1px;
			}
				ul#gallery-pager li a {
					display: inline-block;
					width: 33px;
					height: 33px;
					padding: 10px;
					overflow: hidden;
					background: url(../images2010/bg_boxgrey.png) no-repeat left top;
				}
				ul#gallery-pager li a:hover, ul#gallery-pager li a.activeSlide {
					background: url(../images2010/bg_mainnav_li.jpg) no-repeat left top;
				}
		.gallery-links {
			float: right;
			padding: 16px 0px 0px 5px;
		}
			.gallery-links a {
				display: inline-block;
				line-height: 37px;
				padding: 0px 13px;
				background: url(../images2010/bg_mainnav_li.jpg) no-repeat left top;
			}
			.gallery-links a:hover {
				background: url(../images2010/bg_mainnav_li.jpg) no-repeat left bottom;
				text-decoration: none;
			}
	.gallery {
		height: 519px;
		position: relative;
	}
		.gallery-text {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 561px;
			height: 120px;
			background: url(../images2010/gallery_overlay.png) no-repeat left bottom;
			padding: 15px 15px 72px 15px;
			z-index: 999;
			color: #000000;
		}
		#gallery-img {
			height: 680px;
			overflow: hidden;
		}

/**>> <<**/
#container {
	font-size: 1.1em;/*12px*/
	width: 911px; /*set width of global container*/
	margin: 0px auto 30px auto;
}
	#header {
		height: 63px;
		overflow: hidden;
		position: relative;
		margin: 0px 0px 24px 0px;
	}
	#header a, #header {
		color: #757575;
	}
		#header .logo {
			position: absolute;
			bottom: 0px;
			left: 0px;
		}
		#header .header-title {
			position: absolute;
			bottom: 0px;
			left: 349px;
			font-size: 24px;
			line-height: 24px;
			text-transform: uppercase;
			letter-spacing: 4px;
		}
		#header ul.language {
			position: absolute;
			bottom: 0px;
			right: 0px;
			font-size: 1.1em;
		}
			#header ul.language li {
				float: left;
				margin-left: 9px;
			}
				#header ul.language li a.active {
					color: #ea8185;
				}
				#header ul.language li a:hover {
					text-decoration: underline;
				}
	#mainnav {
		height: 54px;
		margin: 0px 0px 10px 0px;
	}
		#mainnav ul.brand-nav {
			float: left;
		}
			#mainnav ul.brand-nav li {
				float: left;
				margin-right: 1px;
			}
				#mainnav ul.brand-nav li a {
					display: inline-block;
					background: url(../images2010/bg_mainnav_li.jpg) no-repeat left top;
					width: 113px;
					height: 54px;
					text-align: center;
				}
				#mainnav ul.brand-nav li a:hover {
					text-decoration: none;
					background: url(../images2010/bg_mainnav_li.jpg) no-repeat left bottom;
				}
		#mainnav ul.login {
			float: right;
		}
			#mainnav ul.login li {
				float: left;
				margin-left: 1px;
			}
				#mainnav ul.login li a {
					display: inline-block;
					background: url(../images2010/bg_mainnav_li.jpg) no-repeat left top;
					width: 113px;
					height: 54px;
					text-align: center;
					font-weight: bold;
				}
				#mainnav ul.login li a:hover {
					text-decoration: none;
					background: url(../images2010/bg_mainnav_li.jpg) no-repeat left bottom;
				}
	.content {
		margin: 0px 0px 10px 0px;
	}

	#footer {
		background: #f3f3f3 url(../images2010/bg_footer.jpg) no-repeat left top;
		padding: 15px;
		line-height: 13px;
	}
		#main-footer {
			float: left;
			text-transform: uppercase;
		}
			#main-footer li {
				float: left;
			}
				#main-footer li a {
					color: #3d3d3d;
				}
				#main-footer li a:hover, #main-footer li a.active {
					color: #ed1c24;
				}
		#info-footer {
			float: right;
		}
			#info-footer li {
				float: left;
			}
				#info-footer a:hover, #info-footer a.active {
					color: #ed1c24;
				}
		#footer li {
			 border-left: 1px solid #bfbfbf;
			 padding: 0px 8px;
		}
		#footer li.first {
			border: none;
		}
	#copyright {
		text-align: center;
		padding: 15px;
	}
		#copyright, #copyright a {
			color: #989898;
		}
		#copyright a:hover, #copyright a.active {
			color: #ed1c24;
		}


/* Extra field voor contact */
input.verberg {
	display:none;
}

/* Dealer filter */
table.dealerfilter {
  
}
  table.dealerfilter td {
    padding: 2px;
  }
    table.dealerfilter td.label{
      width: 80px;
      text-align: right;
    }
    
    table.dealerfilter td select {
      width: 180px;
    }

a.btn-view-dealer {
  float: right;
  color: red;
}

a.merkicon {
  margin-right: 5px;
}

.googlemap {
  margin-bottom: 20px;
}

table.dealertable {
  margin-bottom: 20px;
  width: 100%;
}
  table.dealertable thead{
    
  }
    table.dealertable thead th {
      background-color: #525252;
      color: white;
      font-size: 1.1em;
      font-weight: bold;
      padding: 4px 7px;
    }
      table.dealertable thead th a {
        color: white;
      }
      
  table.dealertable tbody {
    
  }
    table.dealertable tbody tr {
    
    }
      table.dealertable tbody tr.odd {
        background-color: #EEEEEE;
      }      
      table.dealertable tbody tr td {
        padding: 4px 7px;
      }
        table.dealertable tbody tr td.view {
          text-align: right;
          width: 80px;
        }