body {
margin: 0px 0px 0px 0px;
padding: 0;
background-color: #ffffff;
background-image:url(background_header.jpg);
background-repeat:repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 15px;
color: #333333;
}
#menu a {
color: #FFFFFF;
}
h1 {
display:none;
}

h3 {
 line-height:10px;
 font-size:10px;
 font-weight:bold;
}

h4 {
line-height:10px;
 font-size:10px;
 font-weight:bold;
}

/***Total***/
#total{
float:left;
width:770px;
}

/*******TOTEM*******/
#totem{
float:left;
margin-left:5px;
font-size:14px;
color:#FF8000;
width:465px;
height:60px;
cursor:crosshair;
}
#animtotem{
display:block;
position:absolute; 
top:200px;
left:265px;
right:0px;
width: 865px;
clip:rect(0 470px 80px 0);
height: 60px;
padding-top: 10px;
}

#totem ul li.on a,
#totem ul li a:hover {
float:left;
font-size:14px;
color:#000000;
}
#totem ul li a {
float:left;
margin-top:1px;
margin-left:1px;
padding-top:5px;
padding-bottom:5px;
font-size:14px;
color:#C0C0C0;
text-decoration:none;
background-color:#FFFFFF;
}
#totem ul{
height:60px;
width:990px;
list-style:none;
}
#totem ul li{
float:left;
height:60px;
width:auto;
}
/***Header***/
#header{
margin:0px;
padding:0px;
float:left;
height:200px;
width:480px;
background-image:url(aangenaam_head.gif);
background-repeat:no-repeat;
}
/**--Menu--**/
#menu{
float:left;
margin:0px;
padding:0px;
width:260px;
line-height:10px;
}
#pavegauche{
background-color:#003505;
width:260px;
height:260px;
}
#pavegauche ul{
float:left;
width:260px;
}
#pavegauche li{
float:left;
width:260px;
}
#pavegauche a{
padding-left:35px;
width:180px;
display:block;
/*font-family:RittswoodOffice_Lg_08;*/
font-family:Arial;
font-weight: bold;
color:white;
font-size: 10px;
line-height: 16px;
text-decoration: none;
text-align:right;
}
#pavegauche a:link {
font-family:Arial;
font-weight: bold;
font-size: 10px;
line-height: 16px;
color: white;
}
#pavegauche a:visited {
font-family:Arial;
font-weight: bold;
font-size: 10px;
line-height: 16px;
color: white;
}
#pavegauche a:hover {
background-color:#FF8000;
font-weight: bold;
font-size: 10px;
line-height: 16px;
color: white;
text-decoration: none;
}
#pavegauche a:active {
font-family:Arial;
font-weight: bold;
font-size: 10px;
line-height: 16px;
color: white;
text-decoration:none;
}
#ptitle a,
#ptitle a:link,
#ptitle a:visited,
#ptitle a:active{
color:#FF8000;
margin-top:10px;
margin-bottom:10px;
}
#ptitle a:hover{
color:#FFFFFF;
background-color:#FF8000;
}

#pcontact a,
 #pcontact a:link,
 #pcontact a:visited,
 #pcontact a:active{
color:#FF8000;
margin-top:10px;
}
#pcontact a:hover{
color:#FFFFFF;
}
#logo{
margin-top:40px;
margin-left:30px;
}


/***Internal***/
#inter{
float:left;
width:478px;
}



body.bodygroenvoorziening #header{
background-image:url(groenvoorziening_head.gif);
background-repeat:no-repeat;
}
body.bodybedrijfsterreinen #header{
background-image:url(bedrijfsterrein_head.gif);
background-repeat:no-repeat;
}
body.bodybuitenruimte #header{
background-image:url(buitenruimte-management_head.gif);
background-repeat:no-repeat;
}
body.bodyciviele_utiliteitsbouw #header{
background-image:url(civiele--en-utiliteitsbouw_head.gif);
background-repeat:no-repeat;
}
body.bodyfunderingsherstel #header{
background-image:url(funderingsherstel_head.gif);
background-repeat:no-repeat;
}
body.bodygrond_waterbouw #header{
background-image:url(grond_weg_en_waterbouw_head.gif);
background-repeat:no-repeat;
}
body.bodylichtfundderingstechnieken #header{
background-image:url(lichtfunderingstechnieken_head.gif);
background-repeat:no-repeat;
}
body.coprestatieladder div#total div#header{
background-image:url(CO2_head.jpg);
background-repeat:no-repeat;
}
body.bodymilieutechniek #header{
background-image:url(milieutechniek_head.gif);
background-repeat:no-repeat;
}
body.bodyschuimbeton #header{
background-image:url(schuimbeton_head.gif);
background-repeat:no-repeat;
}
body.bodywijnkelders #header{
background-image:url(wijnkelders_head.gif);
background-repeat:no-repeat;
}
body.bodynieuws #header{
background-image:url(header_nieuws.jpg);
background-repeat:no-repeat;
}
body.bodydownloads #header{
background-image:url(header_Downloads.jpg);
background-repeat:no-repeat;
}
body.bodycontact #header{
background-image:url(contact_head.gif);
background-repeat:no-repeat;
}
/***Special Images***/
#imgclash{
padding-right:30px;
padding-bottom:20px;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
ul{
margin: 0;
padding: 0;
}
li{
margin: 0;
padding: 0;
}
img {
border: none;
}
/*--- TEXTE ---*/
div.coul01, .bleuFonce, .coul01 {
color: #015858;
}
div.coul02, .bleu, .coul02 {
color: #0099CC;
}
div.coul03, .bleuVert, .coul03 {
color: #058B90;
}
div.coul04, .violet, .coul04 {
color: #9966CC;
}
div.coul05, .violetFonce, .coul05 {
color: #8F0463;
}
div.coul06, .rose, .coul06 {
color: #E832AE;
}
div.coul07, .orange, .coul07 {
color: #FF9900;
}
div.coul08, .vert, .coul08 {
color: #669900;
}
div.coul09, .rouge, .coul09 {
color: #CC0000;
}
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureBleueFoncee {
border: 1px solid #015858;
}
img.bord02, .bordureBleue {
border: 1px solid #0099CC;
}
img.bord03, .bordureBleueVerte {
border: 1px solid #058B90;
}
img.bord04, .bordureViolete {
border: 1px solid #9966CC;
}
img.bord05, .bordureVioleteFoncee {
border: 1px solid #8F0463;
}
img.bord06, .bordureRose {
border: 1px solid #E832AE;
}
img.bord07, .bordureOrange {
border: 1px solid #FF9900;
}
img.bord08, .bordureVerte {
border: 1px solid #669900;
}
img.bord09, .bordureRouge {
border: 1px solid #CC0000;
}
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 15px 0px 10px 0px;
}
.result th {
background-color: #016D70;
vertical-align: top;
color: #FFFFFF;
padding: 5px;
text-align: left;
}
.result td {
vertical-align: top;
padding: 3px;
 }
.result td.title {
text-align: left;
}
.result td.title a {
font-weight: bold;
color: #016D70;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #48C7CA;
padding-bottom: 10px;
background-color: #EBF6F6;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 15px;
background-image: url(fleche_precedente.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
color: #003333;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 16px 0px 0px;
background-image: url(fleche_suivante.gif);
background-repeat: no-repeat;
background-position: 39px 3px;
color: #003333;
text-decoration: none;
}
html div.prec a:hover,
html div.suiv a:hover {
text-decoration: underline;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
padding: 10px;
vertical-align: top;
}
th {
background-color:#FFFFFF;
color: #000000;
font-size:x-small;
font-weight: normal;
}



/**** CONTACT FORM ****/
/*
#form01{
float:left;
text-align:left;
}

#id0102{
text-align:left;
width:150px;
}
#id0103,
#id0104,
#id0105,
#id0106,
#id0107,
#id0108,
#id0109{
width:150px;
}
*/
/************/
/**Disposition Page**/
div.float01, .links {
  float:left;
  padding:15px;
  width:290px;
}
div.float01img img{
  float:left;
  width:110px;
  padding-left:15px;
  padding-top:50px;
}
div.float02, .rechts {
  float:right;
  width:280px;
  padding:16px;
  padding-top:20px;
}
div.float02img, .rechts {
  width:110px;
  padding-top:50px;
  float:right;
}
div.float03{
  padding-top:25px;
  padding-left:20px;
  float:left;
  width:230px;
}
#inter div p{
float:left;
width:290px;
}
#inter div.float03 p{
float:left;
width:255px;
}
#inter div ul{
list-style:url(tiret.gif);
float:left;
margin-left:15px;
}
#inter div li{
margin-left:5px;
padding:0;
}
div.paveadr{
width:auto;
}
div.floatleftimg{
float:left;
width:240px;
padding:15px;
}
#inter div.floatleftimg p{
float:left;
width:210px;
padding-bottom:10px;
}
div.floatrightimg{
float:right;
width:120px;
}
#inter div.floatrightimg p{
float:right;
width:120px;
}
.pijltje{
clear:both;
display:block;
margin-top:25px;
}