/*CSS-document - copyright by Bureau Blanco, 2008*/
body {
Background-image:url(../pics/webbackgrbasis.jpg);
background-repeat:no-repeat;
background-color:#FFF;
text-decoration:none;
border:none;
margin:0;
padding:0;
}

/* BasisLogo */
#BBlogoBasis{
Background-image:url(../pics/bblogobasis.gif);
background-repeat:no-repeat;
width:200px;
height:40px;
margin:35px 0px 27px 45px;
}
#BBlogoBasis a {
text-decoration:none;
}
#BBlogoBasis a span {
visibility:hidden;
padding:50px;
}

/*placeholders voor bodycontent*/
#BBBodyTekst {
background-repeat:no-repeat;
width:662px;
height:377px;
margin-left:104px;
font-family:arial;
font-size:10px;
}
#BBBodyTekst a{
text-decoration:none;
color:#999;
}
#BBBodyTekst a:hover{
text-decoration:none;
color:#CCC;
}
#arrowUp{
cursor:pointer; 
width:18px; 
height:10px;
margin:-368px 0 0 17px;
z-index:1;
text-decoration:none;
}
#arrowDown{
width:18px; 
margin:0px 0 0 17px;
z-index:1;
text-decoration:none;
}
#arrowDown a{
text-decoration:none;
}
#rev{
margin:10px 0 0 0px;
z-index:0;
}

.bodyButton{
background-color:#CCCCCC;
cursor:pointer;
color:#999;
border:1px solid #999;
font-family:arial;
font-size:10px;
}

.bodyButton .hover{
cursor:pointer;
color:#000;
border:1px solid #999;
}

/*Style parameters voor Blog*/
#BBBlogTekst {
width:661px;
height:377px;
margin-left:104px;
overflow-y:scroll;
}
#BBBlogTekst p{
font-family:arial;
font-size:12px;
color:#999999;
padding-left:10px;
}
.bodyBlogTabel{
font-family:arial;
font-size:11px;
font-weight:100;
list-style:none;
line-height:16px;
color:#000;
}
.bodyBlogTabel p1{
font-family:arial;
font-size:12px;
text-transform:uppercase;
list-style:none;
color:#000;
}
.bodyBlogTabel p2{
font-family:arial;
font-size:9px;
list-style:none;
color:#999;
}
#BBBlogTekst a{
font-family:arial;
font-size:11px;
color:#999999;
text-decoration:none;
}
#BBBlogTekst a:hover{
font-family:arial;
font-size:11px;
color:#000;
text-decoration:underline;
}

/* kale bodytekst voor indexering */
#pageCopy {
visibility:hidden;
}
/* Nav knoppen bovenaan pagina */
#NavTop {
margin-top:-40px;
position:absolute;
}
#NavTop ul {
list-style:none;
}
#NavTop li {
display: inline;
list-style-type: none;
font-family:arial;
font-size:10px;
}
#NavTop li a {
text-decoration:none;
color:#999;
}

/*classes voor home pagina*/
#contact {
padding:0px 0px 0 668px;
/*padding:0px 0px 0 5px;*/
}
#contact a:hover {
color:#666;
font-weight:700;
}
/*classes voor home pagina*/
#missievisie {
padding:0px 0px 0 630px;
}
#missievisie a:hover {
color:#666;
font-weight:700;
}
/*classes voor home pagina*/
#portfolio {
padding: 0px 0px 0 586px;
}
#portfolio a:hover {
color:#666;
font-weight:700;
}

/*classes voor specialisme pagina*/
#identity {
padding:0px 0px 0 498px;
}
#identity a:hover {
color:#CC3333;
font-weight:700;
}
#campaign {
padding:0px 0px 0 5px;
}
#campaign a:hover {
color:#0099FF;
font-weight:700;
}
#design{
padding:0px 0px 0 5px;
}
#design a:hover {
color:#99CC66;
font-weight:700;
}
#multimedia{
padding:0px 0px 0 5px;
}
#multimedia a:hover {
color:#6A5535;
font-weight:700;
}

/*classes voor USP pagina*/
#referenties {
padding:0px 0px 0 480px;
}
#referenties a:hover {
color:#666;
font-weight:700;
}
#werkwijze {
padding:0px 0px 0 5px;
}
#werkwijze a:hover {
color:#666;
font-weight:700;
}
#service{
padding:0px 0px 0 5px;
}
#service a:hover {
color:#666;
font-weight:700;
}
#mensen{
padding:0px 0px 0 5px;
}
#mensen a:hover {
color:#666;
font-weight:700;
}
/*classes voor klanten pagina*/
#algemene_voorwaarden {
padding:0px 0px 0 585px;
}
#algemene_voorwaarden a:hover {
color:#666;
font-weight:700;
}

/* Nav knoppen onderin pagina */
#NavBot {
background-image:url(../pics/pic_icons_BB.png);
background-repeat:no-repeat;
line-height:140px;
margin-left:110px;
}
#NavBot ul {
list-style:none; 
}
#NavBot li {
display: inline;
list-style-type: none;
}
#NavBot li a {
text-decoration:none;
}
#NavBot li span {
font-family:arial;
font-size:10px;
color:#999999;
letter-spacing:1px;
padding-left:8px;
}
#NavBot li span a{
text-decoration:none;
}

#NavBot li span.huidige {
color:#666666;
font-weight:700;
cursor:default;
}
/*classes per icoon*/
#megafoon {
padding:65px 0px 0 0px;
margin-left:-22px;
}
#megafoon:hover {
color:#666666;
font-weight:700;
}
#tube {
padding:65px 0px 0 17px;
}
#tube:hover {
color:#666666;
font-weight:700;
}
#shoe{
padding:65px 0px 0 16px;
}
#shoe:hover {
color:#666666;
font-weight:700;
}
#can{
padding:65px 0px 0 3px;
}
#can:hover {
color:#666666;
font-weight:700;
}
#bottle{
padding:65px 0px 0 2px;
}
#bottle:hover {
color:#666666;
font-weight:700;
}
#paper{
padding:65px 0px 0 12px;
}
#paper:hover {
color:#666666;
font-weight:700;
}
#people{
padding:65px 0px 0 13px;
}
#people:hover {
color:#666666;
font-weight:700;
}
#wagen{
padding:65px 0px 0 10px;
}
#wagen:hover {
color:#666666;
font-weight:700;
}