/* reset eric meyer */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

/* typography */

body {font-size: 80%;color: #222;background: #fff;font-family: Arial, sans-serif;line-height: 1.3em;}


/* Headings */

h1,h2,h3,h4,h5,h6 {font-family: arial;letter-spacing:1px; font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

h1.noscreen {
  text-indent: -999em;
  height: 0px;
  margin:0px;
}

/* Text elements */

p           { margin: 0 0 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

/* Lists- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

.clear {
  clear:both;
}

/* self-clear floats */
.group:after {
	content: ".";
	display:block;
	height: 0;
	clear:both;
	visibility: hidden;
}

/* ie6 */
* html .group {
	height: 1%;
}
/* ie7 */
*:first-child+html .group {
	min-height: 1px;
}

/* general elements */

html, body {
	height: 100%;
}
body {
  background: top left repeat url(wood_pattern.jpg);
}
  #container {
    width: 974px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto -50px;
	}
   
/* skiplinks */
 
#skip a, 
#skip a:hover, 
#skip a:visited {
  height:1px;
  left:0;
  overflow:hidden;
  position:absolute;
  top:-500px;
  width:1px;
  color:#FFF;
}
#skip a:active, 
#skip a:focus {
  height:auto;
  position:static;
  width:auto;
}

/* header */

#header {
	background: 0px 20px no-repeat url(header.png);
	height: 140px;
	width: 100%;
	padding: 20px 0 0 0; 
}
  #logo {
    display: block;
    float:left;
    width: 204px;
    height: 90px;
    margin: 24px 0 0 67px;
  }
  #header ul {
    margin: 98px 0 0 24px;
    float: left;
    width: 580px;
  }
    #header ul li {
      display: inline;
      padding-right: 12px;
    }
      #header ul a {
        text-decoration: none;
        text-transform: uppercase;
        color: #FFF;
      }
        #header ul a:hover {
          text-decoration: underline;
        }
  #bovag {
    float: right;
    margin: 40px 37px 0 0;
  }
  
/* content */
#content-top{
  height: 30px;
  background: top left no-repeat url(content-top.png);
}
#content {
  background: top left repeat-y url(content-bg.png);
  padding: 0 17px 0 0;
  display:block;
}
  #content #innercontent {
    background: bottom right no-repeat url(4x4car.jpg);
    padding: 18px 255px 50px 48px;
  }
#content-bottom {
  height: 20px;
  background: top left no-repeat url(content-bottom.png);
}

#occasions #content #innercontent {
  padding: 0 80px 0 25px;
}
  #occasions iframe {
    width: 837px;
    height: 525px;
	background-color:#FFF;
  }
#merchandise #content #innercontent {
  padding-right: 80px;
}
  #merchandise iframe {
    width: 660px;
    height: 1720px;
  }
#photos {
  float: left;
  width: 310px; 
  overflow: hidden;
  text-decoration: none;
  margin: 0px;
}
	#photos li {
		display: none;
	}
	#photos .active  {
		display: block; 
		float: left;
		padding-bottom: 10px;
	}
	#photos span {
		display:block;
		width: 310px;
		float: left;
		text-align: center;
		color: #000;
	}
  #werkplaats p {
    padding-left: 330px;
  }
#contact #innercontent {
	padding-right:48px;
}
	#mapholder {
		float:left;
		width:570px;
	}
	#contactgegevens {
		float: left;
		width: 250px;
		padding: 0 0 200px 30px;
	}
		#contactgegevens ul {
			margin-left: 0px;
		}
		#contactgegevens li {
			list-style-type: none;
		}

/* brands */
#brands {
  position: relative;
  height: 130px;
  width: 100%;
} 
  #volvo {
    position: absolute;
    top: 37px;
    left: 29px;
  }
  #jeep {
    position: absolute;
    top: 20px;
    left: 264px;
  }

/* footer */
.push {
	height: 50px; 
}
#footer {
  clear: both;
  text-align: center;
  width: 100%;
  background: top left repeat-x url(footer.png);
  color:#c4503b;
  height:50px;
}
  #footer #footercontent {
  	height: 22px;
  	padding: 9px 0 19px 0;
  	margin: 0 auto;
  	width:940px;
  }
  #footer p {
    margin: 0px;
    font-size:0.9em;
    padding: 0px;
  }