body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
background-image: url(fond.gif);
background-repeat: repeat-x;
}
a {
color: #333333;
}
h1 {
display:none;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
ul,
li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*-----------------------------------------------------------------------------------------------*/
#centerhead {
margin: auto;
width: 775px;
height: 101px;
}
/*-----------------------------------------------------------------------------------------------*/
#header {
float: left;
width: 134px;
height: 101px;
}
/*-----------------------------------------------------------------------------------------------*/
#menu {
float: left;
width: 626px;
padding: 0px 0px 0px 15px;
}
#menu ul.menu01 {
font-size: x-small;
width: 626px;
margin-top: 1px;
}
#menu ul.menu01 li {
float: left;
}
#menu ul.menu01 li a {
float: left;
color: #FFFFFF;
text-decoration: none;
display: block;
height: 16px;
background-repeat: no-repeat;
}
#menu ul.menu01 li a:hover,
body.bodyhome #menu ul.menu01 li.lienhome a,
body.bodycontact #menu ul.menu01 li.liencontact a {
color: #993300;
background-position: 0px -29px;
}
#menu ul.menu01 li.lienhome a {
padding: 5px 7px 0px 6px;
width: 23px;
background-image: url(fond_bouton_home.gif);
}
#menu ul.menu01 li.liencontact a {
padding: 5px 7px 0px 6px;
width: 32px;
background-image: url(fond_bouton_contact.gif);
}
#menu ul.menu01 li.lienenglish a {
padding: 5px 20px 0px 6px;
width: 65px;
background-image: url(fond_bouton_english.gif);
}
#menu ul.menu01 li.liennederlands a {
padding: 5px 20px 0px 6px;
width: 95px;
background-image: url(fond_bouton_nederlands.gif);
}
#menu ul.menu02 {
float: left;
width: 626px; 
}
#menu ul.menu02 li {
float: left;
margin-right: 9px;
}
#menu ul.menu02 li a {
float: left;
color: #333333;
text-decoration: none;
display: block;
height: 37px;
padding: 16px 5px 0px 5px;
background-image: url(fond_boutons_menu.gif);
background-repeat: no-repeat;
background-position: center top;
}
#menu ul.menu02 li a:hover,
body.bodyprofile #menu ul.menu02 li.lienprofile a,
body.bodydiensten #menu ul.menu02 li.liendiensten a,
body.bodyproducten #menu ul.menu02 li.lienproducten a,
body.bodypartner #menu ul.menu02 li.lienpartner a,
body.bodynieuws #menu ul.menu02 li.liennieuws a,
body.bodyrally #menu ul.menu02 li.lienrally a,
body.bodyvoorwaarden #menu ul.menu02 li.lienvoorwaarden a,
body.bodyformnet #menu ul.menu02 li.lienformnet a,
body.bodyverkoopunten #menu ul.menu02 li.lienverkoopunten a,
body.bodymyavl #menu ul.menu02 li.lienmyavl a,
body.bodyfaq_nl #menu ul.menu02 li.lienfaq a,
body.bodyfaq_en #menu ul.menu02 li.lienfaq a {
color: #FFFFFF;
background-position: center bottom;
}
#menu ul.menu02 li.lienrally a {
background-image: url(fond_boutons_menu_rally.gif);
}
/*-----------------------------------------------------------------------------------------------*/
#recherche {
float: left;
width: 641px;
height: 25px;
font-size: x-small;
}
#recherche form {
margin: 4px 0 0 480px;
}
#recherche form label {
display: block;
float: left;
/*width: 32px*/;
height: 10px;
padding: 2px 0px 0px 0px;
}
#recherche form input.saisie {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: x-small;
color: #333333;
width: 100px;
border: 1px solid #EC8907;
background-color: #ECECEC;
vertical-align: middle;
height: 12px;
}
#recherche form input.bouton {
margin-left: 3px;
vertical-align: middle;
}
/*-----------------------------------------------------------------------------------------------*/
#centercontent {
float: left;
background-color: #FEF1E8;
background-image: url(fond_content.gif);
background-repeat: no-repeat;
background-position: bottom;
width: 100%;
}
/*-----------------------------------------------------------------------------------------------*/
#content {
background-image: url(visu_top_content.jpg);
background-repeat: no-repeat;
margin: auto;
padding-top: 56px;
width: 775px;
}
body.bodyhome #content {
background-image: none;
padding-top: 0px;
}
/*-----------------------------------------------------------------------------------------------*/
#totem {
float: left;
width: 134px;
color: #330000;
}
body.bodyhome #totem {
display: none;
}
#totem p.titretotem {
display: block;
margin: 0;
padding: 0;
width: 134px;
height: 22px;
background-repeat: no-repeat;
}
#totem p {
margin: 0;
padding: 0;
}
#totem a {
text-decoration: none;
}
#totem ul li,
#totem ul li ul li {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
/*border-top: 1px solid black;
border-bottom: 1px solid black;*/
}
#totem ul li a {
display: block;
width: 114px;
overflow:hidden;
padding: 0px 0px 2px 20px;
background-color: #F06F16;
background-image: url(puce_menu_gauche.gif);
background-repeat: no-repeat;
border-bottom: 1px solid #FEF1E8;
color: #330000;
}
#totem ul li a:hover,
#totem ul li.on a {
color: #FFFFFF;
}
#totem ul li ul {
display: none;
font-size: x-small;
background-color: #F8BD94;
padding: 0px 0px 3px 0px;
border-bottom: 1px solid #FEF1E8;
}
#totem ul li.on ul, 
body.rallyblog #totem ul li ul.rally {
display: block;
}
#totem ul li.on ul li a, 
body.rallyblog #totem ul li ul.rally li a{
display: block;
width: 99px;
height: auto;
line-height: 14px;
color: #330000;
margin: 0px 0px 0px 27px;
padding: 0px 0px 0px 8px;
background-color: #F8BD94;
border: none;
background-image: none;
overflow: hidden;
/*border-top: 1px solid red;
border-bottom: 1px solid red;*/
}
#totem ul li ul li a:hover,
#totem ul li ul li a.on {
color: #CC0000;
background-image: url(puce_menu_gauche_nivo2.gif);
}
#totem p.titretotem {
background-image: url(titre_menu_generique.gif);
background-repeat: repeat-x;
}
body.bodycontact #totem p.titretotem {
background-image: url(titre_menu_contact.gif);
}
body.bodyprofile #totem p.titretotem {
background-image: url(titre_menu_avl_profile.gif);
}
body.bodydiensten #totem p.titretotem {
background-image: url(titre_menu_diensten.gif);
}
body.bodyproducten #totem p.titretotem {
background-image: url(titre_menu_producten.gif);
}
body.bodypartner #totem p.titretotem {
background-image: url(titre_menu_partner.gif);
}
body.bodynieuws #totem p.titretotem {
background-image: url(titre_menu_nieuws.gif);
}
body.bodyrally #totem p.titretotem {
background-image: url(titre_menu_rally.gif);
}
body.bodyvoorwaarden #totem p.titretotem {
background-image: url(titre_menu_voorwaarden.gif);
}
body.bodyformnet #totem p.titretotem {
background-image: url(titre_menu_formnet.gif);
}
body.bodyverkoopunten #totem p.titretotem {
background-image: url(titre_menu_verkoopunten.gif);
}
body.bodymyavl #totem p.titretotem {
background-image: url(titre_menu_my_avl.gif);
}
/*-----------------------------------------------------------------------------------------------*/
#inter {
float: left;
width: 616px;
padding: 0px 10px 50px 15px;
}
body.bodyhome #inter {
width: 715px;
padding: 0;
}
body.bodyhome #inter img,
body.bodyhome #inter object {
float: left
}
#inter h2,
#inter h2 a {
margin: 0;
padding: 0;
color: #330000;
font-size: large;
}
#inter h3,
#inter h3 a {
margin: 15px 0px 0px 0px;
padding: 0;
color: #CC0000;
font-size: medium;
}
#inter h4,
#inter h4 a {
margin: 0;
padding: 0;
color: #F06F15;
font-size: medium;
font-weight: normal;
border-bottom: 1px solid #F06F15;
}
#inter p {
margin: 8px 0px 8px 0px;
padding: 0;
}
#inter ul {
margin: 8px 0px 8px 30px;
padding: 0;
list-style: none;
}
#inter ul li {
margin: 0;
padding: 0px 0px 0px 17px;
background-image: url(fleche_suivante.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
line-height: 16px;
}
#inter ul li ul li {
margin: 0;
padding: 0px 0px 0px 10px;
background-image: url(liste_nivo2.gif);
background-repeat: no-repeat;
background-position: 0px 8px;
}
/*-----------------------------------------------------------------------------------------------*/
/*ACTUS*/
#inter div.actuLigne {
margin: 8px 0px 8px 0px;
}
#inter div.actuLigne strong a {
color: #CC0000;
}
/*-----------------------------------------------------------------------------------------------*/
/*PLAN DU SITE*/
#inter #plandusite {
margin: 0px 0px 0px 10px;
}
#inter #plandusite h3 {
margin: 10px 0px 0px 0px;
font-weight: normal;
}
#inter #plandusite ul {
margin: 0px 0px 0px 15px;
}
#inter #plandusite ul a {
text-decoration: none;
}
#inter #plandusite ul a:hover {
text-decoration: underline;
}
#inter #plandusite ul ul {
margin: 0px 0px 0px 25px;
}
#inter #plandusite ul ul a {
font-size: x-small;
}
/*-----------------------------------------------------------------------------------------------*/
#centerfooter {
float: left;
width: 100%;
background-image: url(fond_center_footer.gif);
background-repeat: repeat-x;
}
/*-----------------------------------------------------------------------------------------------*/
#footer {
margin: auto;
position: relative;
width: 775px;
height: 30px;
font-size: x-small;
background-image: url(fond_footer.gif);
background-repeat: no-repeat;
background-position: 10px 4px;
text-align: right;
padding: 5px 0px 0px 0px;
}
#footer div#keurmerk_footer {
float: left;
text-align: center;
width: 505px;
padding: 5px 0 15px 0;
}

#footer div#keurmerk_footer a {
float: right;
text-decoration: none;
}

#footer div#keurmerk_footer a img {
border: 0;
text-decoration: none;
}

#footer div#keurmerk_footer a:hover {
text-decoration: underline;
}

#footer ul {
padding: 0px 10px 0px 0px;
}
#footer ul li {
display: inline;
background-image: url(separ_liens_footer.gif);
background-repeat: no-repeat;
background-position: 0px 7px;
line-height: 10px;
padding: 0px 0px 0px 8px;
}
#footer ul li a {
text-decoration: none;
}
#footer ul li a:hover {
text-decoration: underline;
}
#footer #hautpage {
position: absolute;
top: -20px;
left: 155px;
}
body.bodyhome #footer #hautpage {
display: none;
}
#footer #hautpage a {
display: block;
padding: 0px 0px 2px 18px;
width: 12px;
background-image: url(puce_haut.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
text-decoration: none;
line-height: 15px;
}
#footer #hautpage a:hover {
color: #D55000;
}
/*-----------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .bruin, .coul01 {
color: #91370A;
}
div.coul02, .rood, .coul02 {
color: #CC0000;
}
div.coul03, .oranje, .coul03 {
color: #D55000;
}
/*-- BORDURE D'IMAGES --*/
img.bord01, .bruineRand {
border: 1px solid #91370A;
}
img.bord02, .rodeRand {
border: 1px solid #CC0000;
}
img.bord03, .oranjeRand {
border: 1px solid #D55000;
}
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 15px 0px 10px 0px;
border: none;
border-collapse: collapse;
}
.result th {
background-color: #FFFFFF;
vertical-align: top;
color: #91370A;
padding: 5px;
text-align: left;
border: none;
}
.result td {
vertical-align: top;
padding: 3px;
border: none;
 }
.result td.title {
text-align: left;
}
.result td.title a {
font-weight: bold;
color: #D55000;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px dashed #91370A;
padding-bottom: 10px;
background-color: #F1D7C5;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 18px;
background-image: url(fleche_precedente.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
color: #D55000;
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 2px;
color: #D55000;
text-decoration: none;
}
html div.prec a:hover,
html div.suiv a:hover {
text-decoration: underline;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
border-top: 1px solid #91370A;
border-bottom: 3px solid #91370A;
}
th {
background-color: #FFFFFF;
color: #91370A;
border-left: 1px solid #91370A;
border-right: 1px solid #91370A;
border-top: none;
border-bottom: 1px dashed #91370A;
padding: 3px;
vertical-align: top;
}
td {
padding: 3px;
vertical-align: top;
border-left: 1px solid #91370A;
border-right: 1px solid #91370A;
border-top: none;
border-bottom: 1px dashed #91370A;
}
/*--------------------------------------------------------------------------------------*/
.invisible {
display: none;
}
/*--- FORMNET ---*/
html div.para01, .algemeneVoorwaarden {
  border:1px solid black;
  border-top:2px solid black;
  border-left:2px solid black;
  height:200px;
  width:540px;
  margin:auto;
  padding:5px;
  overflow:auto;
  background-color:#fff;
  font-size:small;
}
html div.para02, .handtekening, #inter p.para02 {
  clear:both;
  padding:10px;
  margin:30px 0 0 378px;
  width:216px;
  border:1px solid black;
}
form.formnet legend {
  float:left;
  clear:both;
  display:block;
  color: #F06F15;
  font-size: medium;
  font-weight: normal;
  border-bottom: 1px solid #F06F15;
  width:180px;
  margin-left:0px;
  margin-top:3px;
  margin-bottom:7px;
}
html form.formnet div.entry a {
  text-decoration:none;
}
div#messages div, form.formnet div.entry a div, 
form.formnet div.entry div.popHelp  {
  width:397px;
  height:auto;
  margin:3px;
  padding:3px;
  background-color: #F9EAE3;
  border: 1px solid #F06F15;
  color: #91370A;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
form.formnet div.entry div.popHelp {
  position:absolute;
  margin:auto;
}
body.formnet table {
  clear:right;
  width:300px;
  table-layout:fixed;
  overflow:auto;
  margin:0;
}
body.formnet table tr td {
 word-wrap: break-word;
}
body.formnet table.size100 {
  clear:both;
  width:90%;
  margin:auto;
}
body.formnet #inter table.size100 h4 {
 border-bottom: none;
}
body.formnet table col.col01 {
  font-weight:bold;
}
body.formnet #conditions p,
body.formnet #conditions h2,
body.formnet #conditions h3,
body.formnet #conditions h4 {
  font-size:8pt;
}
body.formnet #conditions {
  page-break-before : always;
}
/*--- BLOG ---*/
ol li {
  list-style-type:decimal;
  border-bottom:1px solid #F06F15;
  padding-bottom:3px;
  margin-bottom:21px;
}
p.posted {
  font-size:x-small;
}

/*** TABLE WIJZIGINGEN ABONNEMENTHOUDER VOOR OVEREENKOMST DIENSTVERLENING EN GSM ***/
body.bodymyavl table.dubble {
 width: 50%;
 float: left;
 clear: left;
 margin-top: 39px;
}
body.bodymyavl table.styleFloatRight {
 float: right;
}