* {
  font-family:'Questrial',Arial;
  font-size:14px;
  color:#333;
}
body {
  background-color: #f0f0f0;
  margin:0px;
  text-align:center;
  overflow:scroll;
}
#topHeader{
  background-color:white;
  width:100%;
}
#header {
  margin:0px auto;
  clear:both;
  width:800px;
  padding-top:35px;
}
#logo {
 float:left;
 background-image:url('../img/logo_small.jpg');
 width:260px;
 height:67px;
 cursor:pointer;
}
#header *, #footer, #footer * {
    font-family:Arial;
}
#address1 {
 float:right;
 padding:15px 17px 4px 17px;
 height:50px;
 text-align:right;
}
#address2 {
 padding:15px 0px 4px 17px;
 float:right;
 text-align:right;
}
#address3 {
 
    float:right;
    padding:41px 0px 4px 17px;
    text-align:right;
}

#menuContainer {
  margin:0px auto;
  clear:both;
  width:800px;
}
#menuContainer .center{
 width:800px;
 float:left; 
 height:60px;
 border:1px solid #CCC;
 border-bottom:none;
}
#menuContainer #menu{
  margin:22px 5px 0px 25px;
  height:20px;
  line-height:20px;
  vertical-align:middle;
  text-align:left;
}
#menuContainer #submenu{
  margin:0px 5px 0px 25px;
  height:20px;
  line-height:20px;
  vertical-align:middle;
}
#menuContainer #menu a, #menuContainer #submenu a{
  margin-right:31px;
  text-decoration:none;
  color:black;
}
#menuContainer #submenu a{
  font-size:12px;
}
#menuContainer #menu a.sel, #menuContainer #submenu a.sel{
 color: #5eab11;
}
#main {
  margin:0px auto;
  clear:both;
  width:800px;
}
#main .center{
 float:left;
 width:800px;
 background-color:#ffffff;
  border:1px solid #CCC;
  border-width:0px 1px 1px 1px;
}
#main .padding{
    padding:0px 25px;
}
.block {
    background-image:url('../img/block.png');
    background-position: top left;
    background-repeat: no-repeat;
    min-height:150px;
}
.block .h {
    background-color:#0E56BA;
    padding-left:15px;
    line-height:26px;
    height:26px;
    margin-bottom:10px;
    color: #FFF;
}
.block .c{
 margin-left:13px;
 margin-right:13px;
 padding-left:10px;
 color:#3d3d3d;
}
.block .c{
 line-height:18px;
}
#menuContainer #menu a:hover {
    color:#0E56BA;
}
#subImgMagento
{
 background-image:url('../img/sub_magento.jpg');
}
#subImgRms
{
 background-image:url('../img/sub_rms.jpg');
}
#subImgRms, #subImgMagento
{
 cursor:pointer;
 width:270px;
 height:110px;
 margin:10px auto;
 border:1px solid black;
 background-repeat:no-repeat;
 background-position: center center;
}
#imgHome {
 background-image:url('../img/home.jpg');
}
#contactHome {
 background-image:url('../img/contact.jpg');
}
#productHome {
 background-image:url('../img/rms.jpg');
}
#magentoHome {
 background-image:url('../img/magento.jpg');
}
#bedrijfHome {
 background-image:url('../img/bedrijf.jpg');
}
#nieuwsHome {
 background-image:url('../img/nieuws.jpg');
}
#vacatureHome {
 background-image:url('../img/vacature.jpg');
}
#engineHome {
 background-image:url('../img/e-ngine.jpg');
}
#refHome {
 background-image:url('../img/referenties.jpg');
}
#imgHome, #contactHome, #productHome, #engineHome, #magentoHome, #bedrijfHome, #nieuwsHome, #vacatureHome, #refHome, .company {
 width:748px;
 height:241px;
 margin:0px auto;
 border:1px solid black;
 background-repeat:no-repeat;
 background-position: center center;
}
.company {
    border:1px solid #CCC;
    float:left;
    width:138px;
    height:138px;
    margin-right:10px;
    margin-bottom:10px;
}
.allReferences a.company img {
    margin:19px;
    filter:alpha(opacity=75);
    -moz-opacity:0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
    border:none;
}
.allReferences a.company:hover {
    border:1px solid #666;
}
.allReferences a.company:hover img {
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
}
.companyTxt {
  float:left;
  width:600px;
  margin-bottom:10px;
  text-align:justify;
}
.newsTxt {
  width:510px;
  text-align:justify;
  padding-top:20px;
  border-top: 1px solid #CCCCCC;
}
.keywords {
  margin-top:8px;
  line-height:15px;
  font-style:italic;
}
#col1, .col1, #col2 {
    margin: 20px 0px 35px 0px;
    text-align:left;
    float:left;
}
#col1.nm, .col1.nm, #col2.nm {
    margin-top:0px;
}
#col1, .col1 {
    width:435px;
    line-height:21px;
}
#col2 {
    width:300px;
    padding-left:15px;
}
.headerMain {
 text-align:left;
  margin-bottom:20px;
}
#footer {
 color:#808080;
 padding:10px 0px;
 text-align:left;
 border-top: 1px solid #d6d6d6;
}
#footer a, #footer a:link, #footer a:focus, #footer a:hover, #footer a:active, #footer a:visited{
 color:#808080;
}
#rmsItemListL, #rmsItemListR{
 line-height:20px;
}
#rmsItemListL
{
 float:left
}
#rmsItemListR
{
 margin-left:5px;
 float:right
}
#contactForm input, #contactForm textarea {
  color: #868686;
  margin-top:2px;
  padding:2px;
  height:20px;
  width:266px;
  border:1px solid #3d3d3d;
}
#contactForm textarea {
  height:110px;
}
#contactForm a {
  margin-left:210px;
}
#tarifs{
  width:270px;
}
#tarifs th{
  font-weight:normal;
  font-style:italic;
  border-bottom:1px solid black;
}
#tarifs td, #tarifs th{
  text-align:right;
  width:25%;
}

/** colors **/
.softCol 
{
 color:#7c7c7c;
}

a, a *, .blueCol
{
 color:#0e57ba;
}
a:hover, a:hover * {
    color:black;
}
.redCol
{
 color: #fa1504;
}
.greenCol
{
 color: #5eab11;
}

.tiny, .tiny * {
 font-size:11px;
}
.small, .small * {
 font-size:12px;
}
.sub2, .sub2 * {
 font-size:12px;
}
.sub, .sub * {
 font-size:13px;
}
.normal, .normal * {
 font-size:14px;
}
.big, .big * {
 font-size:16px;
}
.super, .super * {
 font-size:24px;
}
/** / colors **/
.clear {
clear:both;
}
.blockSep
{
	clear:both;
	padding-top:30px;
}

.accordion_toggle {
    display: block;
    width: 417px;
    cursor: pointer;
    background-color:#666;
    padding: 5px 0px 5px 15px;
    margin:10px 0px;
    color:white;
    font-weight: normal;
}
.accordion_toggle_active {
    background-color:#5EB10B;
}
.accordion_content {
  padding: 0px 20px;
  overflow: hidden;
}


#slider {
    /* You MUST specify the width and height */
    width:750px;
    height:275px;
    position:relative;
    overflow:hidden;
}
#mask-gallery {
    overflow:hidden;
}
#gallery {
    /* Clear the list style */
    list-style:none;
    margin:0;
    padding:0;

    z-index:0;

    /* width = total items multiply with #mask gallery width */
    width:0px;
    overflow:hidden;
}
#gallery li {
    /* float left, so that the items are arrangged horizontally */
    float:left;
}
#gallery li img {
    border: 0px;
    width:750px;
    height:275px;
}
#mask-excerpt {
    
    /* Set the position */
    position:absolute;
    top:19px;
    left:2px;
    bottom: 19px;
    z-index: 500;
    
    /* width should be lesser than #slider width */
    width:180px;
    overflow:hidden;
}
#mask-excerpt-background
{    
    /* Set the position */
    position:absolute;
    top: 6px;
    left:0;
    bottom: 0px;
    background-image: url('../img/witblok.png');
    z-index: 400;    
  
    /* width should be lesser than #slider width */
    width:215px;
    overflow:hidden;
}
#excerpt {
   
    /* Clear the list style */
    list-style:none;
    margin:0;
    padding:0;

    /* Set the position */
    z-index:10;
    position:absolute;
    top:6px;
    left:0;

    /* Set the style */
    /*width:200px;*/
    overflow:hidden;
}
#excerpt li {
    text-align:left;
    padding:5px;
    padding-top: 15px;
    color:#000;
    font-size:16px;
    line-height: 14px;
}
.clear {
    clear:both;
}