/* Global styles */
body,html{
  margin: 0;
  padding: 0;
  font-family: 'Trebuchet MS', Verdana, Arial;
  background-color: #13222E;
  font-size: 12px;
  color: #13222E;
  line-height: 15px;
}

img{
  border: none;
  }

a{
  text-decoration: underline;
  color: #13222E;
}

a:hover{
  text-decoration: none;
}

#container{
  position: relative;
  margin: auto;
  margin-top: 60px;
  width: 804px;
  min-height: 505px;
}

h1 a{
  position: absolute;
  top: 0;
  left: 38px;
  display: block;
  width: 166px;
  height: 97px;
  background: url('../pictures/structure/logo.png') no-repeat;
  text-indent: -1982px;
  overflow: hidden;
}

h2{
  display: block;
  margin: 0;
  text-indent: -1982px;
  overflow: hidden;
}

.inactive{
  color: #AAA;
}

#navigation{
  position: absolute;
  right: 0;
  top: 75px;
}

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

#navigation li{
  float: left;
}

#navigation li a{
  display: block;
  height: 38px;
  text-indent: -1982px;
  overflow: hidden;
}

#navigation li a{
  background-position: top left !important;
}

#navigation li a:hover, #navigation li a.active{
  background-position: 0 38px !important;
}

#navigation li a#nav-home{
  width: 60px;
  background: url('../pictures/content/nav-home.png');
}

#navigation li a#nav-showroom{
  width: 84px;
  background: url('../pictures/content/nav-showroom.png');
}

#navigation li a#nav-bedrijfsprofiel{
  width: 122px;
  background: url('../pictures/content/nav-bedrijfsprofiel.png');
}

#navigation li a#nav-contact{
  width: 79px;
  background: url('../pictures/content/nav-contact.png');
}

#footer{
  margin: auto;
  width: 804px;
  margin-top: -5px;
  color: #4B7492;
  font-size: 11px;
}

#footer a{
  color: #4B7492;
  text-decoration: none;
}

#footer a:hover{
  text-decoration: underline;
}

#footer .name{
  color: #FFF;
}

.rnd-padding{
  padding: 0 20px;
}

/* Page-home */
#page-home #container.home-1{
  background: url('../pictures/content/container-home-background-1.jpg') no-repeat;
}

#page-home #container.home-2{
  background: url('../pictures/content/container-home-background-2.jpg') no-repeat;
}

#page-home #container.home-3{
  background: url('../pictures/content/container-home-background-3.jpg') no-repeat;
}

#page-home #container.home-4{
  background: url('../pictures/content/container-home-background-4.jpg') no-repeat;
}

#page-home #container.home-5{
  background: url('../pictures/content/container-home-background-5.jpg') no-repeat;
}

#page-home #container.home-6{
  background: url('../pictures/content/container-home-background-6.jpg') no-repeat;
}

#page-home #container.home-7{
  background: url('../pictures/content/container-home-background-7.jpg') no-repeat;
}

#page-home #main{
  position: absolute;
  top: 150px;
  left: 370px;
  width: 385px;
}

#page-home #main #maincontent{
  background: #FFF;
}

#page-home #main .newsitem{
  margin-top: 20px;
  background: #FFF;
  font-size: 11px;
}

#page-home h2{
  width: 332px;
  height: 19px;
  background: url('../pictures/content/h2-home.gif') no-repeat;
}

#page-home #maincontent p{
  margin-top: 8px;
}

#page-home p{
  margin: 0;
  padding: 0;
}

#page-home h3{
  display: inline;
  color: #FF0099;
  font-weight: bold;
  font-size: 11px;
}

#page-home .nextprevious{
  background: #FFF;
  margin-top: 10px;
  margin-left: 15px;
  width: 145px;
  text-transform: uppercase;
  font-size: 11px;
  text-align: center;
  font-weight: bold;
}

#page-home .nextprevious a{
  text-decoration: none;
}

#page-home .nextprevious a:hover{
  color: #FF0099;
}

/* page-showroom */
#page-showroom #container{
  background: url('../pictures/content/container-showroom-background.jpg') no-repeat;
}

#page-showroom #main{
  position: absolute;
  top: 130px;
  left: 370px;
  width: 385px;
  background: #FFF;
}

#page-showroom h2{
  width: 263px;
  height: 19px;
  background: url('../pictures/content/h2-showroom.gif') no-repeat;
}

.showroom-image-container{
  float: left;
  height:65px;
  width:65px;
  margin-right:10px;
  text-align: center;
}

#showroom-gallery img{
  border: 1px solid #FFF;
}

#showroom-gallery img:hover{
  border: 1px solid #13222E;
}

#page-showroom .nextprevious{
  clear: both;
  background: #FFF;
  margin-left: 15px;
  width: 145px;
  text-transform: uppercase;
  font-size: 11px;
  text-align: center;
  font-weight: bold;
}

#page-showroom .nextprevious a{
  text-decoration: none;
}

#page-showroom .nextprevious a:hover{
  color: #FF0099;
}

/* page-bedrijfsprofiel */
#page-bedrijfsprofiel #container{
  background: url('../pictures/content/container-bedrijfsprofiel-background.jpg') no-repeat;
}

#subnavigation{
  position: absolute;
  right: 15px;
  top: 112px;
}

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

#subnavigation li{
  margin-bottom: 1px;
  display: block;
}

#subnavigation li a{
  display: block;
  height: 21px;
  text-indent: -1982px;
  overflow: hidden;
}

#subnavigation li a{
  background-position: top left !important;
}

#subnavigation li a:hover{
  background-position: 0 21px !important;
}

#subnavigation li a#subnav-aantwoord{
  width: 183px;
  background: url('../pictures/content/subnav-aantwoord.png');
}

#subnavigation li a#subnav-geschiedenis{
  width: 99px;
  background: url('../pictures/content/subnav-geschiedenis.png');
}

#page-bedrijfsprofiel #main{
  position: absolute;
  top: 175px;
  left: 370px;
  width: 385px;
  background: #FFF;
}

#page-bedrijfsprofiel h2{
  width: 300px;
  height: 19px;
  background: url('../pictures/content/h2-bedrijfsprofiel.gif') no-repeat;
}

/* page-bedrijfsprofiel-aan-t-woord */
#page-bedrijfsprofiel-aan-t-woord #container{
  background: url('../pictures/content/container-bedrijfsprofiel-aan-t-woord-background.jpg') no-repeat;
}

#page-bedrijfsprofiel-aan-t-woord  #main{
  position: absolute;
  top: 175px;
  left: 130px;
  width: 635px;
  padding-left: 215px;
  background: url('../pictures/content/portret-toine.png') #FFF top left no-repeat;
}

/* page-bedrijfsprofiel-geschiedenis */
#page-bedrijfsprofiel-geschiedenis #container{
  background: url('../pictures/content/container-bedrijfsprofiel-geschiedenis-background.jpg') no-repeat;
}

#page-bedrijfsprofiel-geschiedenis  #main{
  position: absolute;
  top: 175px;
  left: 175px;
  width: 585px;
  background: #FFF;
}

/* page-contact */
#page-contact #container{
  background: url('../pictures/content/container-contact-background.jpg') no-repeat;
}

#page-contact #main{
  position: absolute;
  top: 285px;
  left: 370px;
  width: 385px;
  background: #FFF;
}

#page-contact h2{
  width: 71px;
  height: 19px;
  background: url('../pictures/content/h2-contact.gif') no-repeat;
}