/* =============== Basic =============== */

body
{ 
   margin: 0;
   background-color: #8a2a2b;
   font-family: Arial;
   font-size: 12px;
   text-align: center;
   color: #585858;
}

table
{
   font-family: Arial;
   font-size: 12px;
   text-align: justify;
}

#outercontainer
{
   background: transparent url(../images/background.jpg) repeat-y;
   display: block;
   position: relative;
   width:1000px; 
   height: 790px;
   margin-left:auto; 
   margin-right:auto;
}

#gradientleft
{
   display: block;
   width: 20px;
   height: 100%;
   float: left;
}

#gradientright
{
   position: relative;
   display: block;
   width: 20px;
   height: 100%;
   float: left;
}

#container
{
   background-color: #ffffff;
   width:960px;
   height: 790px;
   text-align:justify;  
   float: left;
}

#header
{
   background: #ffffff url(../images/top.jpg) no-repeat;
   width: 960px;
   height: 128px;
}

#menu
{
   width: 960px;
   height: 42px;
}

#home
{
   float: left;
}

#home a
{
   display: block;
   background: #fff url(../images/home.jpg) no-repeat;
   width: 192px;
   height: 42px;
}

#home a:hover
{
   display: block;
   background: #fff url(../images/home-hover.jpg) no-repeat;
   width: 192px;
   height: 42px;
}

#werkzaamheden
{
   float: left;
}

#werkzaamheden a
{
   display: block;
   background: #fff url(../images/werkzaamheden.jpg) no-repeat;
   width: 192px;
   height: 42px;
}

#werkzaamheden a:hover
{
   display: block;
   background: #fff url(../images/werkzaamheden-hover.jpg) no-repeat;
   width: 192px;
   height: 42px;
}

#projecten
{
   float: left;
}

#projecten a
{
   display: block;
   background: #fff url(../images/projecten.jpg) no-repeat;
   width: 192px;
   height: 42px;
}

#projecten a:hover
{
   background: #fff url(../images/projecten-hover.jpg) no-repeat;
   width: 192px;
   height: 42px;
}

#materialen a
{
   float: left;
   display: block;
   background: #fff url(../images/materialen.jpg) no-repeat;
   width: 192px;
   height: 42px;
}

#materialen a:hover
{
   float: left;
   display: block;
   background: #fff url(../images/materialen-hover.jpg) no-repeat;
   width: 192px;
   height: 42px;
}

#contact a
{
   float: left;
   display: block;
   background: #fff url(../images/contact.jpg) no-repeat;
   width: 192px;
   height: 42px;
}

#contact a:hover
{
   float: left;
   display: block;
   background: #fff url(../images/contact-hover.jpg) no-repeat;
   width: 192px;
   height: 42px;
}

#bar
{
   background: #fff url(../images/bar.jpg) no-repeat;
   width: 960px;
   height: 31px;
}

#image
{
   background: #fff url(../images/header.jpg) no-repeat;
   width: 960px;
   height: 249px;
}

#icons
{
   width: 960px;
   height: 80px;
   z-index: 99;
}

#bar2
{
   background: #fff url(../images/bar2.jpg) no-repeat;
   width: 960px;
   height: 31px;
}

#content
{
   background-color: #ffffff;
   width: 884px;
   margin: 38px;
}


#footer
{
   position: relative;
   display: block;
   width: 1000px;
   height: 40px;
   background: transparent url(../images/footer.jpg) no-repeat;
   color: #ffffff;
   margin-left:auto; 
   margin-right:auto;   
}

#footer table
{
   margin-top: 4px;
   text-align: center;
   color: #ffffff;
}

#footer table a
{
   color: #ffffff;
}

#bar3
{
   background: #fff url(../images/bar3.jpg) no-repeat;
   width: 960px;
   height: 31px;
}

#raab-sikkens
{
   background: #ffffff url(../images/logo-raab-karcher-sikkens.jpg) no-repeat;
   width: 275px;
   height: 55px;
   float: left;
   margin-top: 40px;
   margin-bottom: 10px;      
}

#vos-sika
{
   background: #ffffff url(../images/logo-vos-sika.jpg) no-repeat;
   width: 275px;
   height: 55px;
   float: left;
   margin-top: 10px;
   margin-bottom: 10px;   
}


#sikkens
{
   background: #ffffff url(../images/logo-sikkens.jpg) no-repeat;
   width: 275px;
   height: 55px;
   float: left;
   margin-left: 10px;
   margin-right: 10px;
}

#sika
{
   background: #ffffff url(../images/logo-sika.jpg) no-repeat;
   width: 275px;
   height: 55px;
   float: left;
   margin-left: 10px;
   margin-right: 10px;   
}

#karcher
{
   background: #ffffff url(../images/logo-raab-karcher.jpg) no-repeat;
   width: 275px;
   height: 55px;
   float: left;
   margin-left: 10px;
   margin-right: 10px;   
}

#vos
{
   background: #ffffff url(../images/logo-vos.jpg) no-repeat;
   width: 275px;
   height: 55px;
   float: left;
   margin-left: 10px;
   margin-right: 10px;   
}