/* DIT IS ONDERDEEL VAN 3DTRANSITION */
/* Vakken: */

div#menu {
position: absolute;
top: 100px;
left: 10px;
width: 160px;
margin-left: 10px;
padding-top: 20px;
}

div#header {
position: absolute;
top: 0px;
left: 10px;
width: 811px;
}

div#content {
position: absolute;
top: 120px;
left: 170px;
width: 650px;
height: 500px; 
}

div.scroll {
 position: absolute;
height: 230px;
width: 650px;
overflow: auto;
background-color: #fff;
margin-left: 140px;
padding-top: 120px;	
}

div#aanpakvak {
position: absolute;
margin-left: 70%;
padding-top: 20px;	
}

div#contact {
position: absolute;
margin-left:90%;
padding-top: 20px;	
}

/* Menu buttons: */

div#aanpak {
width: 100px;
height: 83px;
background-image: url(images/aanpak.png);
background-repeat: no-repeat;
}

div#producten {
width: 110px;
height: 128px;
background-image: url(images/producten_diensten.png);
background-repeat: no-repeat;
}

div#overons {
width: 131px;
height: 112px;
background-image: url(images/over_3d_transition.png);
background-repeat: no-repeat;
}

div#contactbutton {
width: 91px;
height: 85px;
background-image: url(images/contact.png);
background-repeat: no-repeat;	
}

div#home {
width: 88px;
height: 83px;
background-image: url(images/home.png);
background-repeat: no-repeat;	
}

/* Plaatjes */

.logo {
width: 811px;
height: 120px;
background-image: url(images/logo.bmp);
background-color: #FFF;
}

/* Menu teksten: */

.over {
  font-family: Tahoma;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 12px 0 0 29px;
}

.pr {
  font-family: Tahoma;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 30px 0 0 12px;
}

.di {
  font-family: Tahoma;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 9px 0 0 40px;
}

.en {
  font-family: Tahoma;
  font-size: 24px;
  color: #FFFFFF;
  padding: 1px 0 0 43px;
}

.d {
  font-family: Tahoma;
  font-size: 30px;
  font-weight: bold;
  color: #FFF;
  padding: 2px 0 0 10px;
}

.tr {
  font-family: Tahoma;
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  padding: 0px 0 0 54px;


}

.contacttekst {
  font-family: Tahoma;
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 31px 0 0 16px; 
}

.aanpaktekst {
  font-family: Tahoma;
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 28px 0 0 20px; 
  width: 88px; 
  height: 83px;
}

.menutekst {
  font-family: Tahoma;
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 28px 0 0 21px; 
  width: 88px; 
  height: 83px;
}

/* Font: (content) */

h1 {
font-size: 22px; 
font-family: Tahoma;
color: #2D6BB5;
}

h2 {
font-size: 9px;
font-family: Verdana, Tahoma;
}

BODY {
font size: 12px;
font-family: Verdana;
}

/* Buttons */

a.sub:link, a.sub:visited {
border:4px solid #ffb45b;
display: block;
text-align: left ; 
text-decoration: none;
color: #000;
float: left;
padding-top: 2px;
padding-left: 4px;
font-size: 12px;
font-weight: bold;
width: 450px;
height: 20px;
border-style:outset;

}

a.sub:hover { background-color:#E46C0A ; color: #E46C0A; 
color: #FFFFFF;}

a.sub1:link, a.sub1:visited {
border:0px solid #2D6BB5;
display: block;
text-align: left ; 
text-decoration: none;
color: #000;
float: left;
padding-top: 2px;
font-size: 12px;
font-weight: bold;
width: 500px;
height: 20px;
}

a.sub1:hover { background-color:#2D6BB5 ; color: #2D6BB5; 
color: #FFFFFF;}

/* Links */

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: none}