body {
background: #d5dadb url(afbeeldingen/bg.jpg) left top repeat;
margin-top: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
letter-spacing:0.1em;
line-height:1.5em;
}

#container {
postition:absolute;
top:0px;
margin-left:160px;
width: 640px;
}

#header {
position:absolute;
top:0px;
left:240px;
width:320px;
height:160px;
background: #d5dadb url(afbeeldingen/header.jpg) no-repeat;
}

.h {
visibility:hidden;
}

img {
border:none;
}

.small{
font-size: 10px;
}

.tf{
position:absolute;
background: #d5dadb;
width:400px;
min-height:400px;
left:240px;
top:160px;
padding: 40px;
}

.tf h1 {
font-size:16px;
color:#ffffff;
margin-bottom:24px;
letter-spacing:0.1em;
}

.tf h2 {
font-size:12px;
color:#ffffff;
line-height: 0em;
margin-bottom: 0px;
margin-top: 16px;
letter-spacing:0.1em;
}

.tf p {
letter-spacing:0.1em;
margin-top:8px;
}

.tf ul {
margin-left:16px;
}

.portfolio_item{
float:left;
clear:left;
margin: 8px 0px 16px 0px; 
width:400px;

}

.portfolio_item img{
float:left;
margin-right: 40px;
}
/************************homeNav a ****************************************/

#homeNavContainer{
}

#homeNavContainer a {
display:block;
text-decoration:none}

#homeNavContainer #a_mog{
position:absolute;
width:240px;
height:80px;
left:400px;
top:160px;
background:#d5dadb url(afbeeldingen/mogelijkheden_i.jpg) no-repeat;
}


#homeNavContainer #a_wer{
position:absolute;
width:240px;
height:80px;
left:560px;
top:240px;
background:#d5dadb url(afbeeldingen/werkwijze_i.jpg) no-repeat;
}

#homeNavContainer #a_con{
position:absolute;
width:240px;
height:80px;
left:240px;
top:240px;
background:#d5dadb url(afbeeldingen/contact_i.jpg) no-repeat;
}

#homeNavContainer #a_prij{
position:absolute;
width:160px;
height:80px;
left:160px;
top:320px;
background:#d5dadb url(afbeeldingen/prijzen_i.jpg) no-repeat;
}

#homeNavContainer #a_port{
position:absolute;
width:320px;
height:80px;
left:400px;
top:400px;
background:#d5dadb url(afbeeldingen/portfolio_i.jpg) no-repeat;
}

#homeNavContainer #a_web{
position:absolute;
width:80px;
height:80px;
left:480px;
top:480px;
background:#d5dadb url(afbeeldingen/www_i.jpg) no-repeat;
}

#homeNavContainer #a_fla{
position:absolute;
width:80px;
height:80px;
left:560px;
top:480px;
background:#d5dadb url(afbeeldingen/flash_i.jpg) no-repeat;
}

#homeNavContainer #a_grf{
position:absolute;
width:80px;
height:80px;
left:640px;
top:560px;
background:#d5dadb url(afbeeldingen/grfv_i.jpg) no-repeat;
}


#homeNavContainer a#a_mog:hover{
background:#d5dadb url(afbeeldingen/mogelijkheden_a.jpg) no-repeat;
}

#homeNavContainer a#a_mog_a{
background:#d5dadb url(afbeeldingen/mogelijkheden_a.jpg) no-repeat;
}

#homeNavContainer a#a_wer:hover{
background:#d5dadb url(afbeeldingen/werkwijze_a.jpg) no-repeat;
}

#homeNavContainer a#a_con:hover{
background:#d5dadb url(afbeeldingen/contact_a.jpg) no-repeat;
}

#homeNavContainer a#a_prij:hover{
background:#d5dadb url(afbeeldingen/prijzen_a.jpg) no-repeat;
}

#homeNavContainer a#a_port:hover{
background:#d5dadb url(afbeeldingen/portfolio_a.jpg) no-repeat;
}

#homeNavContainer a#a_web:hover{
background:#d5dadb url(afbeeldingen/www_a.jpg) no-repeat;
}

#homeNavContainer a#a_fla:hover{
background:#d5dadb url(afbeeldingen/flash_a.jpg) no-repeat;
}

#homeNavContainer a#a_grf:hover{
background:#d5dadb url(afbeeldingen/grfv_a.jpg) no-repeat;
}



/***********************txtpageNav a*********************************/

#txtpageNavContainer{
}

#txtpageNavContainer a {
display:block;
text-decoration:none}

#txtpageNavContainer #a_mog{
position:absolute;
width:160px;
height:80px;
left:80px;
top:160px;
background:#d5dadb url(afbeeldingen/txt_mog_i.jpg) no-repeat;
}


#txtpageNavContainer #a_mog_a{
position:absolute;
width:160px;
height:80px;
left:80px;
top:160px;
background:#d5dadb url(afbeeldingen/txt_mog_a.jpg) no-repeat;
}


#txtpageNavContainer #a_wer{
position:absolute;
width:160px;
height:80px;
left:80px;
top:320px;
background:#d5dadb  url(afbeeldingen/txt_wer_i.jpg) no-repeat;
}

#txtpageNavContainer #a_wer_a{
position:absolute;
width:160px;
height:80px;
left:80px;
top:320px;
background:#d5dadb  url(afbeeldingen/txt_wer_a.jpg) no-repeat;
}

#txtpageNavContainer #a_con{
position:absolute;
width:160px;
height:80px;
left:80px;
top:400px;
background:#d5dadb  url(afbeeldingen/txt_con_i.jpg) no-repeat;
}

#txtpageNavContainer #a_con_a{
position:absolute;
width:160px;
height:80px;
left:80px;
top:400px;
background:#d5dadb  url(afbeeldingen/txt_con_a.jpg) no-repeat;
}

/*
#txtpageNavContainer #a_prij{
position:absolute;
width:160px;
height:80px;
left:80px;
top:400px;
background:#d5dadb  url(afbeeldingen/txt_prij_i.jpg) no-repeat;
}

#txtpageNavContainer #a_prij_a{
position:absolute;
width:160px;
height:80px;
left:80px;
top:400px;
background:#d5dadb  url(afbeeldingen/txt_prij_a.jpg) no-repeat;
}
*/

#txtpageNavContainer #a_port{
position:absolute;
width:160px;
height:80px;
left:76px;
top:240px;
background:url(afbeeldingen/txt_port_i.jpg) no-repeat;
}

#txtpageNavContainer #a_port_a{
position:absolute;
width:160px;
height:80px;
left:76px;
top:240px;
background:url(afbeeldingen/txt_port_a.jpg) no-repeat;
}

#txtpageNavContainer #a_web{
position:absolute;
width:160px;
height:40px;
left:76px;
top:280px;
background: url(afbeeldingen/txt_port_www_i.jpg) no-repeat;
}

#txtpageNavContainer #a_web_a{
position:absolute;
width:160px;
height:40px;
left:76px;
top:280px;
background:url(afbeeldingen/txt_port_www_a.jpg) no-repeat;
}

#txtpageNavContainer #a_fla{
position:absolute;
width:160px;
height:40px;
left:76px;
top:320px;
background: url(afbeeldingen/txt_port_flash_i.jpg) no-repeat;
}

#txtpageNavContainer #a_fla_a{
position:absolute;
width:160px;
height:40px;
left:76px;
top:320px;
background:url(afbeeldingen/txt_port_flash_a.jpg) no-repeat;
}

#txtpageNavContainer #a_grf{
position:absolute;
width:160px;
height:40px;
left:76px;
top:360px;
background: url(afbeeldingen/txt_port_grfv_i.jpg) no-repeat;
}

#txtpageNavContainer #a_grf_a{
position:absolute;
width:160px;
height:40px;
left:76px;
top:360px;
background: url(afbeeldingen/txt_port_grfv_a.jpg) no-repeat;
}


#txtpageNavContainer a#a_mog:hover{
background:#d5dadb url(afbeeldingen/txt_mog_a.jpg) no-repeat;
}

#txtpageNavContainer a#a_wer:hover{
background:#d5dadb url(afbeeldingen/txt_wer_a.jpg) no-repeat;
}

#txtpageNavContainer a#a_con:hover{
background:#d5dadb url(afbeeldingen/txt_con_a.jpg) no-repeat;
}

#txtpageNavContainer a#a_prij:hover{
background:#d5dadb url(afbeeldingen/txt_prij_a.jpg) no-repeat;
}

#txtpageNavContainer a#a_port:hover{
background: url(afbeeldingen/txt_port_a.jpg) no-repeat;
}

#txtpageNavContainer a#a_web:hover{
background:url(afbeeldingen/txt_port_www_a.jpg) no-repeat;
}

#txtpageNavContainer a#a_fla:hover{
background:url(afbeeldingen/txt_port_flash_a.jpg) no-repeat;
}

#txtpageNavContainer a#a_grf:hover{
background: url(afbeeldingen/txt_port_grfv_a.jpg) no-repeat;
}

/***********************subnav******************************/

#subnav{
}

#subnav a{
text-decoration:none;
display:block;
}


#subnav #a_web{
position:absolute;
width:80px;
height:80px;
left:322px;
top:159px;
background: url(afbeeldingen/bg_www.jpg) no-repeat;
}

#subnav #a_fla{
position:absolute;
width:80px;
height:80px;
left:402px;
top:159px;
background: url(afbeeldingen/bg_flash.jpg) no-repeat;
}

#subnav #a_grf{
position:absolute;
width:80px;
height:80px;
left:480px;
top:159px;
background: url(afbeeldingen/bg_grfv.jpg) no-repeat;
}

#subnav #a_web_a{
position:absolute;
width:80px;
height:80px;
left:322px;
top:159px;
background:url(afbeeldingen/www_a.jpg) no-repeat;
}

#subnav #a_fla_a{
position:absolute;
width:80px;
height:80px;
left:402px;
top:159px;
background:url(afbeeldingen/flash_a.jpg) no-repeat;
}

#subnav #a_grf_a{
position:absolute;
width:80px;
height:80px;
left:480px;
top:159px;
background: url(afbeeldingen/grfv_a.jpg) no-repeat;
}


#subnav a#a_web:hover{
background: url(afbeeldingen/www_a.jpg) no-repeat;
}

#subnav a#a_fla:hover{
background:url(afbeeldingen/flash_a.jpg) no-repeat;
}

#subnav a#a_grf:hover{
background:url(afbeeldingen/grfv_a.jpg) no-repeat;
}