/* CSS Document */
.preload{display:none;}

body {
  margin: 0px;
  padding:0px;
  position:relative;
  min-height:100%;
  background: #f5f5f5;
  background-repeat: repeat; 
}
html
{
	color: #545454;
	font-size: 11px;
	font-family: Verdana, sans-serif;
    
}

a {
  color: #004a65;
}

a:hover {
  color: #004a65;
  text-decoration: underline;
}


a.menuTop {
  color:white;
  text-decoration: none;
  font-weight:bold;
}
a.menuTop:hover {
  color:white;
  text-decoration: underline;
  font-weight:bold;
}

a.menuSide {
  color:#00baff;
  text-decoration: none;
  font-weight:bold;
}
a.menuSide:hover {
  color:#004a65;
  text-decoration: none;
  font-weight:bold;
}

#main {
 	width:960px;
	position:relative;
	margin:0 auto;  
	overflow:hidden;  
}

#centerbox {
	width:960px;
	overflow: auto;
	margin:0;
	padding:0.2em 10px 00px;
	background-image: url(http://www.nboorsma.nl/img/sprite-canvas-1.1.png);
	background-repeat: repeat-y;
	background-position: -964px 0;

}

#bottom {
  background-image: url(http://www.nboorsma.nl/img/sprite-canvas-1.1.png);
  background-repeat: no-repeat;
  height:10px;
	padding:0.2em 10px 20px;
	width:940px;
	background-position: -4px -30px;
	margin:0 auto;  
	overflow:hidden;
	padding-top:20px;
}

#topWebsite {
  background-image: url(http://www.eventsbureau.nl/images/sprite-canvas-payoff-1.1.png);
  background-repeat: no-repeat;
  height:20px;
	margin:0.2em 10px 40px;
	width:940px;
	background-position: 0px 30px;
	margin:0 auto;  
	overflow:hidden;
}

#bluebeam {
   background: #00baff;
   height:3px;
   width:940px;
   float: left;
   margin-left:-4px; 
   margin-top:5px;

   
}
 .left {
  width: 23%;
  padding-left: 40px;
  float: left;
}

.centerPort {
  margin-top:10px;

  padding-left: 20px;
  float: left;

}

.scroll-pane
{
  width: 670px;  
  height:550px;
	overflow: hidden;

}

.header2 {
  margin-top:20px;
  width:941px;
  height:80px;
  margin-left:-4px;
  background: #00baff url('../img/header.png') no-repeat;
}

.menu1 a{
 display:block;
  width: 212px;
  height: 34px;
  background: url('../img/menu/home_off.png');
}
.menu1 a:hover {
 display:block;
   width: 212px;
  height: 34px;
  background: url('../img/menu/home_on.png');   
}
.menu2 a{
 display:block;
  width: 212px;
  height: 34px;
  background: url('../img/menu/webdesign_off.png');
}
.menu2 a:hover {
 display:block;
   width: 212px;
  height: 34px;
  background: url('../img/menu/webdesign_on.png');   
}

.menu3 a{
 display:block;
  width: 212px;
  height: 34px;
  background: url('../img/menu/digi_off.png');
}
.menu3 a:hover {
 display:block;
   width: 212px;
  height: 34px;
  background: url('../img/menu/digi_on.png');   
}

.menu4 a{
   display:block;
  width: 212px;
  height: 34px;
  background: url('../img/menu/grafisch_off.png');
}
.menu4 a:hover {
 display:block;
   width: 212px;
  height: 34px;
  background: url('../img/menu/grafisch_on.png');   
}

.menu5 a{
   display:block;
  width: 212px;
  height: 34px;
  background: url('../img/menu/portfolio_off.png');
}
.menu5 a:hover {
 display:block;
   width: 212px;
  height: 34px;
  background: url('../img/menu/portfolio_on.png');   
}

.menu6 a{
   display:block;
  width: 212px;
  height: 34px;
  background: url('../img/menu/contact_off.png');
}
.menu6 a:hover {
 display:block;
   width: 212px;
  height: 34px;
  background: url('../img/menu/contact_on.png');   
}

.menu {
  float: right;
  right: 20px;
  top:120px;
  width:514px;
  height:30px;
  text-align:right;
  font-weight:bold;
  color:white;
  font-size: 12px;
  position: absolute;
}

.darkBlue {
  width: 180px;
  height: 31px;
  background-color: #545454;
  font-weight: bold;
  font-family: 'Franklin Gothic Demi', sans-serif;
  padding-top: 4px;
  font-size: 20px;
  color: white;
  padding-left: 15px;
}
.darkYellow {
  
  height: 31px;
  background-color: #004a65;
  font-weight: bold;
  font-family: 'Franklin Gothic Demi', sans-serif;
  padding-top: 4px;
  font-size: 20px;
  color: white;
  padding-left: 15px;
}

.portFolio {
  padding-top: 5px;
  display:block;
  min-height: 188px;
  border-bottom: 2px solid #004a65;
  padding-bottom: 5px;
  float: left;
}

.portFolioHome {
  padding-top: 5px;
  display:block;
  height: 175px;
  width: 242px;
  border-bottom: 4px solid #004a65;
  padding-bottom: 5px;
}



.contactGegevens {
 width: 242px;
 height: 80px;
 background: url('../img/contact.png'); 

}

.welkom {
  font-size: 12px;
  font-weight:bold;
  color: #004a65;
}

.overOnsTitel {
  font-size: 12px;
  font-weight:bold;
  color: #004a65;
  border-bottom: 1px solid #004a65;
}

.dienstenTitel {
  font-size: 16px;
  font-weight:bold;
  color: #004a65;
  border-bottom: 1px solid #004a65;
}
.darkBlueText{
  font-size: 11px;
  font-weight:bold;
  color: #004a65;
}

#container
{
  margin: 50px auto;
  width: 600px;
  height: 400px;
  overflow: auto;
  background-color: #f00;
}