* { padding:0; margin:0; }

/* Text aanpassingen */

body{font-family:Verdana;font-size:14px;background-color:#800000;padding:15px;}

h1 {font-size:20px;color:#ffffff;}
h2 {font-size:16px;color:#000000;background-color:#000000}
h3 {font-size:14px;color:#FFFFFF;font-family:Verdana; font-weight:bold}
h4 {font-size:10px;color:#800000;}

/* Menuscheiding */

.line_Seperator {margin-top:2px;line-height:0px;font-size:0px;height:1px;
                 border-bottom: 1px solid #ffffff;}
                 
p{font-size:12px;color:#ffffff;padding:1px; text-align:left;}

a:link, a:visited, a:active, a:hover
{text-decoration:underline;font-weight:bold;color:#FFFFFF;font-size:12px;border:0;}

a:active, a:hover{color:#ff9200;}

/* De Titel */

#merk {margin:0;padding:0;}

#merk div{float:left;display:inline;}



/* Menu */

#menu{   /* de marges zetten we op nul */
   margin: 0;
   padding: 0;height:34px;width:100%;}

#menu li
{
   /* type van de style zetten we op 'none' */
   list-style-type: none;
   /* Naar links laten floaten */
   float: left;
   /* breedte en hoogte opgeven */
   width: 80px;
   height: 33px;
   /* marges instellen */
   margin: 0px 8px;
   display:inline;      
}
#menu li a
{
   /* van de links een block-element maken voor het :hover effect */
   display: block;
   /* breedte en hoogte op 100% zodat de li wordt opgevuld */
   width:100%;
   height:100%;
   /* een uiteraard een leuk achtergrondkleurtje */
  text-decoration:underline;
  font-weight:bold;
  color:#000000;
 }

#menu li.ww a
{background-image:url('../Tab/Webwinkelbutton1.gif');color:#FF9200; background-repeat:no-repeat;margin-bottom:2px;}
#menu li.rp a
{background-image:url('../Tab/Reparerenbutton1.gif');color:#FF9200; background-repeat:no-repeat;margin-top:8px;}
#menu li.vr a
{background-image:url('../Tab/Veranderenbutton1.gif');color:#FF9200; background-repeat:no-repeat;margin-top:3px;}
#menu li.ow a 
{background-image:url('../Tab/Ontwerpenbutton1.gif');color:#FF9200; background-repeat:no-repeat;margin-top:5px;}
#menu li.ct a 
{background-image:url('../Tab/Contactbutton1.gif');color:#FF9200; background-repeat:no-repeat;margin-top:2px;}

#menu li.ww a:hover
{background-image:url('../Tab/Webwinkelbutton2.gif');color:#FF9200; background-repeat:no-repeat;margin-top:4px;}
#menu li.rp a:hover
{background-image:url('../Tab/Reparerenbutton2.gif');color:#FF9200; background-repeat:no-repeat;margin-top:2px;}
#menu li.vr a:hover
{background-image:url('../Tab/Veranderenbutton2.gif');color:#FF9200; background-repeat:no-repeat;margin-top:1px;}
#menu li.ow a:hover
{background-image:url('../Tab/Ontwerpenbutton2.gif');color:#FF9200; background-repeat:no-repeat;margin-top:2px;}
#menu li.ct a:hover
{background-image:url('../Tab/Contactbutton2.gif');color:#FF9200; background-repeat:no-repeat;margin-top:4px;}


/* De Inhoud */

#content {border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;
 border-top:1px solid #FFFFFF; background-image:url('../images/cert.gif');
color:#FFFFFF;background-color:#000000; background-repeat:repeat-y;
padding-left:5px; padding-right:5px; padding-top:5px; }

#Inhoud{border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;
 border-top:1px solid #FFFFFF; height:300px;padding:15px;
 background-color:#000000;color:#FFFFFF}

.Caption {font-family: Arial;color: #CCFFCC;}

/*onder menu*/

#fo{background-image:url('../images/divfoto.JPG');background-color:#800000;
border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF; }

.menuf
{
   /* de marges zetten we op nul */
   margin: 0;
   padding: 0;
}
.menuf li
{
   /* type van de style zetten we op 'none', zodat we geen opsommingsteken krijgen */
   list-style-type: none;
   /* breedte en hoogte opgeven */
   float:left;
   width: 125px;
   height: 93px;
   /* marges instellen */
   margin: 1px;
   padding: 0;
   /* en eventueel een randje */
   border: none;
}
.menuf li a
{
   /* van de links een block-element maken voor het :hover effect */
    display: block;
   /* breedte en hoogte op 100% zodat de <li> wordt opgevuld */
   width: 100%;
   height: 100%
   }
.menuf li a:hover
{
   /* kleur voor het :hover effect */
   background-color: #ffffff;
}

