/* Harm Hoek - Averdijk - Stylesheet */

html {
  margin: 0px;
  padding: 0px;
  background: #000000 url('../images/hh_bg.jpg') repeat 50% 0;
}
  
body {
  margin: 0px;
  padding: 0px;
  background: url('../images/hh_bgtop.jpg') no-repeat 50% 0;
  overflow: -moz-scrollbars-vertical;
}

#container {
  margin: 0px auto 0px auto;
  width: 900px;
  height: auto;
}
  
#logo {
  float: inherit;
  position: absolute;
  margin: 35px 0px 0px 24px;
  width: 239px;
  height: 82px;
  border: 6px solid #ffffff;
}

#topspace {
  width: 900px;
  height: 60px;
  border-bottom: 2px solid #ffffff;
  background: url('../images/hh_topspace.jpg') no-repeat;
}
  
#tabspace {
  padding: 0px 0px 0px 315px;
  width: 581px;
  height: 60px;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  background: #f4f4f4 url('../images/index/hh_navbg.jpg') no-repeat;
}

/* TABS */

#hh_hometab { display: inline-block; width: 77px; height: 60px; background: url('../images/index/tabs/hh_hometab.jpg') no-repeat bottom; }
#hh_hometab:hover { background-position: bottom; }

#hh_autotab { display: inline-block; width: 75px; height: 60px; background: url('../images/index/tabs/hh_autotab.jpg') no-repeat; }
#hh_autotab:hover { background-position: bottom; }

#hh_motortab { display: inline-block; width: 87px; height: 60px; background: url('../images/index/tabs/hh_motortab.jpg') no-repeat; }
#hh_motortab:hover { background-position: bottom; }

#hh_aanhangertab { display: inline-block; width: 115px; height: 60px; background: url('../images/index/tabs/hh_aanhangertab.jpg') no-repeat; }
#hh_aanhangertab:hover { background-position: bottom; }

#hh_bromfietstab { display: inline-block; width: 108px; height: 60px; background: url('../images/index/tabs/hh_bromfietstab.jpg') no-repeat; }
#hh_bromfietstab:hover { background-position: bottom; }

#hh_contacttab { display: inline-block; width: 97px; height: 60px; background: url('../images/index/tabs/hh_contacttab.jpg') no-repeat; }
#hh_contacttab:hover { background-position: bottom; }

/* END TABS */
  
#content {
  width: 896px;
  height: 446px;
  padding-top: 125px;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  background: #f4f4f4 url('../images/index/hh_indexbg.jpg') no-repeat;
}
  
#content_header {
  width: 590px;
  height: 120px;
  margin: 0px 0px 0px 273px;
  padding: 22px 0px 0px 33px;
  background: #770000 url('../images/index/hh_contentheaderbg.jpg') no-repeat;
  font: bold 36px "Trebuchet MS", sans-serif;
  color: #ffffff;
}
  
#content_headertext {
  width: auto;
  height: auto;
  margin: 14px 0px 0px 0px;
  font: 12px Verdana, sans-serif;
  line-height: 20px;
  color: #ffffff;
}
  
#content_main {
  width: 568px;
  height: 244px;
  margin: 0px 0px 0px 273px;
  padding: 26px 22px 0px 33px;
  background-color: #FFFFFF;
  font: 12px Verdana, sans-serif;
  line-height: 20px;
  color: #000000;
}

#content_main a { color: #666666; font-weight: bold; text-decoration: none; }
#content_main a:hover { color: #000000; font-weight: bold; }

#content_main p {
  margin: 0px;
}
  
#content_main_left {
  float: left;
  width: auto;
  height: auto;
  margin: 21px 0px 0px 0px;
}
  
#content_main_right {
  width: auto;
  height: auto;
  margin: 21px 0px 0px 240px;
}
  
.content_link {
  width: 205px;
  height: 20px;
  margin-bottom: 6px;
  padding-bottom: 6px;
  border-bottom: 1px dotted #000000;
}
  
#left_content {
  float: left;
  width: 273px;
  height: auto;
}
  
#left_gezondheidsverklaring {
  display: block;
  width: 237px;
  height: 63px;
  margin: 142px 14px 0px 22px;
  background: #000000 url('../images/index/hh_gezondheidsverklaring.jpg') no-repeat top;
}

#left_gezondheidsverklaring:hover {
  background: #000000 url('../images/index/hh_gezondheidsverklaring.jpg') no-repeat bottom;
}
  
#left_gratistheorieonline {
  display: block;
  width: 237px;
  height: 63px;
  margin: 12px 14px 0px 22px;
  background: #000000 url('../images/index/hh_gratistheorieonline.jpg') no-repeat top;
}

#left_gratistheorieonline:hover {
  background: #000000 url('../images/index/hh_gratistheorieonline.jpg') no-repeat bottom;
}
  
#left_gastenboek {
  display: block;
  width: 237px;
  height: 63px;
  margin: 12px 14px 0px 22px;
  background: #000000 url('../images/index/hh_gastenboek.jpg') no-repeat top;
}

#left_gastenboek:hover {
  background: #000000 url('../images/index/hh_gastenboek.jpg') no-repeat bottom;
}
  
#footer {
  width: 900px;
  height: 60px;
}

#english {
  float: left;
  margin: 0px 0px 0px 22px;
  padding: 14px 0px 0px 0px;
  font: 11px Verdana, sans-serif;
  color: #FFFFFF;
}

#english a { color: #ffffff; }

#copyright {
  clear: left;
  float: left;
  margin: 0px 0px 0px 22px;
  padding: 8px 0px 0px 0px;
  font: 11px Verdana, sans-serif;
  color: #FFFFFF;
}
  
#valid {
  float: right;
  margin: 0px 22px 0px 0px;
  padding: 14px 0px 0px 0px;
  font: 11px Verdana, sans-serif;
  color: #d99171;
}
  
#valid a { color: #d99171; text-decoration: none; }
#valid a:hover { color: #ffffff; }
#valid a:selected { color: #d99171; }

/* STYLES */  

.preload { display: none; }
.img { margin: 5px 0px 4px 0px; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

/* END STYLES */