/*

Bosman Nisse
Reach Strategische Communicatie & Vormgeving

*/

body{
  font-family: verdana,sans-serif;
  font-size: 11px;
}

#preloader{
position: absolute;
top:0px;
left:0px;
width: 1px;
height: 1px;
overflow: hidden;
}

a{

  font-size: 10px;
  text-decoration: none;
  
}

a.tekst{

color:#000000;
  text-decoration: none;
  
}

a.tekst:hover{
  text-decoration: underline;
  
}


a.vacatures{

color:#000000;
  text-decoration: none;
  font-weight: bold;
  
}

a.vacatures:hover{
  text-decoration: underline;
  
}


#main{
  background-color: #ffed00;
}

#wrapper{
  background-color: #ffffff;
  width: 951px;
  margin: 0 auto;
  margin-bottom: 30px;
  padding: 0 0 17px 0;
}


#header{
  background-repeat: no-repeat;
  text-align: left;
  width: 951px;
  height: 281px; 
  position: relative;

}

.header_home{
 background-image: url(../img/visual_home.jpg);
}

.header_trekkers{
 background-image: url(../img/visual_trekkers_en_trailers.jpg);
}


.header_bedrijfsprofiel{
 background-image: url(../img/visual_bedrijfsprofiel.jpg);
}

.header_werken_bij_bosman{
 background-image: url(../img/visual_werken_bij_bosman.jpg);
}

.header_contact{
 background-image: url(../img/visual_contact.jpg);
}

.header_links{
 background-image: url(../img/visual_links.jpg);
}

#content{
  background-repeat: no-repeat;
  text-align: left;
  width: 951px;
  height: 248px;
  margin: 15px 0 0 0;
  position: relative;
}

#contentTekst{
width:500px ;
color:#0063a9;
position: relative;
top: 20px;
left: 430px;
line-height: 18px;
display: block;
}

.content_home{
  background-image: url(../img/bg_content_home.jpg);
}

.content_track{
  background-image: url(../img/bg_content_track_en_trace.jpg);
}

.content_contact{
  background-image: url(../img/bg_content_contact.jpg);
}

.content_vacatures{
  background-image: url(../img/bg_content_vacatures.jpg);
}


#logo{
  position: absolute;
  top: 208px;
}

.nav{
  display: block;
  margin: 10px 5px 0 0 ;
  position: relative;
  z-index: 3;
}

.navLong{
  display: block;
  margin: 7px 5px 0 0 ;
  position: relative;
  z-index: 3;
}






#nav1{
  background-image: url(../img/bg_nav.png);
  width:133px;
  height: 33px;
  position: absolute;
  top: 211px;
  left: 270px;
  text-align: center;
  color:white;
  cursor: pointer;
 
}

#nav1on{
  background-image: url(../img/bg_navOn.png);
  width:133px;
  height: 33px;
  position: absolute;
  top: 211px;
  left: 270px;
  text-align: center;
  color:#0063a9;
  font-weight: bold;
  cursor: pointer;
}

#imgnav1on{
  width:1px;
  height: 1px;
  position: absolute;
  top:0px;
  left:0px;
  z-index: 2;
}

#nav2{
  background-image: url(../img/bg_nav.png);
  width:133px;
  height: 33px;
  position: absolute;
  top: 211px;
  left: 402px;
  text-align: center;
  color:white;
  cursor: pointer;
}

#nav2on{
  background-image: url(../img/bg_navOn.png);
  width:133px;
  height: 33px;
  position: absolute;
  top: 211px;
  left: 402px;
  text-align: center;
  color:#0063a9;
  font-weight: bold;
  cursor: pointer;
}

#imgnav2on{
  width:1px;
  height: 1px;
  position: absolute;
  top:0px;
  left:0px;
  z-index: 2;
}

#nav3{
  background-image: url(../img/bg_nav.png);
  width:133px;
  height: 33px;
  position: absolute;
  top: 211px;
  left: 534px;
  text-align: center;
  color:white;
  cursor: pointer;
}

#nav3on{
  background-image: url(../img/bg_navOn.png);
  width:133px;
  height: 33px;
  position: absolute;
  top: 211px;
  left: 534px;
  text-align: center;
  color:#0063a9;
  font-weight: bold;
  cursor: pointer;
}

#imgnav3on{
  width:1px;
  height: 1px;
  position: absolute;
  top:0px;
  left:0px;
  z-index: 2;
}

#nav4{
  background-image: url(../img/bg_nav.png);
  width:133px;
  height: 33px;
  position: absolute;
  top: 211px;
  left: 666px;
  text-align: center;
  color:white;
  cursor: pointer;
}

#nav4on{
  background-image: url(../img/bg_navOn.png);
  width:133px;
  height: 33px;
  position: absolute;
  top: 211px;
  left: 666px;
  text-align: center;
  color:#0063a9;
  font-weight: bold;
  cursor: pointer;
}

#imgnav4on{
  width:1px;
  height: 1px;
  position: absolute;
  top:0px;
  left:0px;
  z-index: 2;
}

#nav5{
  background-image: url(../img/bg_nav.png);
  width:133px;
  height: 33px;
  position: absolute;
  top: 211px;
  left: 798px;
  text-align: center;
  color:white;
  cursor: pointer;
}

#nav5on{
  background-image: url(../img/bg_navOn.png);
  width:133px;
  height: 33px;
  position: absolute;
  top: 211px;
  left: 798px;
  text-align: center;
  color:#0063a9;
  font-weight: bold;
  cursor: pointer;
}

#imgnav5on{
  width:1px;
  height: 1px;
  position: absolute;
  top:0px;
  left:0px;
  z-index: 2;
}

#navEnd{
  background-image: url(../img/navEnd.png);
  width: 21px;
  height: 33px;
  position: absolute;
  top: 211px;
  left: 930px;
}

#subnav1{
  background-image: url(../img/bg_subnav.png);
  width:133px;
  height: 33px;
  position: absolute;
  top: 246px;
  left: 265px;
  text-align: center;
  color:#0063a9;
  cursor: pointer;
}

#subnav1on{
  background-image: url(../img/bg_navOn.png);
  width:133px;
  height: 33px;
  position: absolute;
  top: 246px;
  left: 265px;
  text-align: center;
  color:#0063a9;
  font-weight: bold;
  cursor: pointer;
}

#imgsubnav1on{
  width:1px;
  height: 1px;
  position: absolute;
  top:0px;
  left:0px;
  z-index: 2;
}

#subnav2{
  background-image: url(../img/bg_subnav.png);
  width:133px;
  height: 33px;
  position: absolute;
  top: 246px;
  left: 397px;
  text-align: center;
  color:#0063a9;
  cursor: pointer;
}

#subnav2on{
  background-image: url(../img/bg_navOn.png);
  width:133px;
  height: 33px;
  position: absolute;
  top: 246px;
  left: 397px;
  text-align: center;
  color:#0063a9;
  font-weight: bold;
  cursor: pointer;
}

#imgsubnav2on{
  width:1px;
  height: 1px;
  position: absolute;
  top:0px;
  left:0px;
  z-index: 2;
}

#subnav3{
  background-image: url(../img/bg_subnav.png);
  width:133px;
  height: 33px;
  position: absolute;
  top: 246px;
  left: 529px;
  text-align: center;
  color:#0063a9;
  cursor: pointer;
}

#subnav3on{
  background-image: url(../img/bg_navOn.png);
  width:133px;
  height: 33px;
  position: absolute;
  top: 246px;
  left: 529px;
  text-align: center;
  color:#0063a9;
  font-weight: bold;
  cursor: pointer;
}

#imgsubnav3on{
  width:1px;
  height: 1px;
  position: absolute;
  top:0px;
  left:0px;
  z-index: 2;
}

#subnav4{
  background-image: url(../img/bg_subnav.png);
  width:133px;
  height: 33px;
  position: absolute;
  top: 246px;
  left: 661px;
 text-align: center;
  color:#0063a9;
  cursor: pointer;
}

#subnav4on{
  background-image: url(../img/bg_navOn.png);
  width:133px;
  height: 33px;
  position: absolute;
  top: 246px;
  left: 661px;
  text-align: center;
  color:#0063a9;
  font-weight: bold;
  cursor: pointer;
}

#imgsubnav4on{
  width:1px;
  height: 1px;
  position: absolute;
  top:0px;
  left:0px;
  z-index: 2;
}

#subnav5{
  background-image: url(../img/bg_subnav.png);
  width:133px;
  height: 33px;
  position: absolute;
  top: 246px;
  left: 793px;
  text-align: center;
  color:#0063a9;
  cursor: pointer;
}

#subnav5on{
  background-image: url(../img/bg_navOn.png);
  width:133px;
  height: 33px;
  position: absolute;
  top: 246px;
  left: 793px;
  text-align: center;
  color:#0063a9;
  font-weight: bold;
  cursor: pointer;
}

#imgsubnav5on{
  width:1px;
  height: 1px;
  position: absolute;
  top:0px;
  left:0px;
  z-index: 2;
}

#subnavEnd{
  background-image: url(../img/subnavEnd.png);
  width: 26px;
  height: 33px;
  position: absolute;
  top: 246px;
  left: 925px;
}

h2{
 display:block;
 margin-bottom: 18px;
 font-size: 16px;
}

#text{

	font-family: Verdana;
	font-size:11px;
	color:#3171AB;
	font-weight: normal;
	line-height:16px;

}