/* Start of CMSMS style sheet '2MARK-IT' */
body {
   font-family: "Verdana", Tahoma, Verdana, sans-serif;
   font-size: 76%; 
   margin: 0; 
   padding: 0;
   color: #666;
   text-align: left;
   }
a { text-decoration: none; border-bottom: 1px solid #ccc; color: #007AC9; margin: 0; padding: 0; }
a:hover { border-bottom: 1px solid #E98300; }
a img {border-style:none;}
h2 {
   color: #333;
   font-size: 16px;
   font-weight: bold;
   clear: both;
   background-image: url(images/dots.gif);
   background-repeat: repeat-x;
   background-position: 0 25px;
   padding-bottom: 10px;
   margin-bottom: -6px;
   }
   
h3 {
   font-size: 14px;
   font-weight: bold;
   text-decoration: none;
}

#container {
   height: auto ;
   height: 100%;
   min-height: 100%;
   position: relative;
   }
   

#header { border-top: 5px solid #636466; }
#header div {
   margin: 0 auto;
   width: 950px;
   text-align: left;
   padding-left: 20px;
   }
#header h1 { 
   font-family: Century Gothic, Tahoma, Verdana, sans-serif;
   float: left;   
   font-size: 1.9em;
   padding: 30px 0;
   margin: 0;
   }
#header img {
   padding: 19px 0 24px 0;
   float: left;
   }
#header h1 span { color: #999; }
#header h1 a {
   border: none;
   color: #000;   
   font-weight: normal; 
   }     

#nav {
   float: right;
   margin: 0;
   padding: 0;
   font-size: 120%;
   }
#nav li {
   list-style-type: none;
   display: inline;     
   float: left;
   }  
#nav li a {
   text-decoration: none;
   border: none;
   color: #000;
   padding-top: 5px;
   display: block;
   margin: 0 16px;
   }     
#nav li.on a { 
   background: url(images/nav_hover.gif) no-repeat 50%;
   background-position: 0px -2px;
   padding: 1px 0px 6px 0px;
   margin: 0;
   color: #fff;
   font-weight: bold;
   text-align: center;
   width: 143px;
   }
#nav li a:hover { color: #007AC9; }

#strike {
   background-image:url(images/site-strike.jpg);
   text-align: center;
   clear: both;
   margin-bottom: 20px;
   padding-left: 10px;
   height: 161px;
   }
#strikecontainer {
   width: 950px;
   margin: 0 auto;
   text-align: left;
   }
#strikel {
   width: 695px;
   float: left;
   }
#striker {
   width: 255px;
   float: right;
   }

#strikel p {
   color: #fff;
   margin: 0;
   padding: 47px 40px 47px 0px;
   font-size: 18px;
   line-height: 22px;
   }
#strikel a { text-decoration: none; border-bottom: 1px solid #ccc; color: #fff; font-weight: bold; }
#strikel a:hover { border-bottom: 1px solid #E98300; }
   

#body {
   width: 950px;
   margin: 0 auto;
   text-align: left;
   background: url(images/line_bg.gif) repeat-y 690px 40px;
   padding-left: 20px;
   padding-bottom: 61px;
   }

#bodysub {
   width: 950px;
   margin: 0 auto;
   text-align: left;
   background: url(images/line_bg.gif) repeat-y 280px 40px;
   padding-left: 20px;
   padding-bottom: 61px;
   }

#body:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   height: 0;
   }

#bodysub:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   height: 0;
   }

* html #body #bodysub { height: 1%; }

#l,
#l {
   width: 650px;
   padding-right: 20px;
   float: left;
   margin-right: 20px;
   }
#l p,
#r p {
   margin-top: 10px;
   text-align: left;
   line-height: 20px;
   }
#l hr {
   border-top: 1px solid #eee;
   height: 1px;
   border-left: 0;
   border-right: 0;
   border-bottom: 0;
   margin: 0;
   }
#r {
   width: 240px;
   float: right;
   margin-right:15px;
   }
#r p span {
   color: #009900;
   font-weight: bold;
   }
#r p {
   margin: 1em 0;
   padding: 0;
}
#r hr {
   border-top: 1px solid #eee;
   height: 1px;
   border-left: 0;
   border-right: 0;
   border-bottom: 0;
   margin: 0;
   }

#lsub,
#lsub {
   width: 650px;
   float: right;
   margin-right: 15px;
   }
#lsub p,
#rsub p {
   margin-top: 10px;
   text-align: left;
   line-height: 20px;
   }
#lsub hr {
   border-top: 1px solid #eee;
   height: 1px;
   border-left: 0;
   border-right: 0;
   border-bottom: 0;
   margin: 0;
   }
#rsub {
   width: 240px;
   float: left;
   margin-right:20px;
   padding-right:20px;
   }
#rsub p span {
   color: #009900;
   font-weight: bold;
   }
#rsub p {
   margin: 1em 0;
   padding: 0;
}
#rsub hr {
   border-top: 1px solid #eee;
   height: 1px;
   border-left: 0;
   border-right: 0;
   border-bottom: 0;
   margin: 0;
   }

#lsub p ul li,
#rsub p ul li,
#l p ul li,
#r p ul li {
  line-height:20px;
  }

div.block {
   background-color: #F8F8F8;
   border: 1px solid #ddd;
   padding: 20px;
   text-align: center;
   color: #999;
   margin-top: 10px;
   }  
   
#footer {
   margin-top: -61px;
   color: #fff;
   padding-top: 10px;
   width: 100%;
   z-index: 500;
   position: fixed;
   top: auto;
   right: 0;
   bottom: 0;
   left: 0;
   border-bottom: 7px solid #636466;
   background: #fff;
   }
#footer div {
   width: 950px;
   background-color:#636466;
   margin: 0 auto;
   }  
#footer div div { 
   padding-top: 10px;   
   padding-bottom: 2px;
   font-size: 10px;
   text-align: center;
   }
#footer a { color: #fff; font-weight: bold; }

.productpitch {
   width: 200px;
   float: left;
   margin-right: 25px;
   }
.productpitch img, .productpitchr img {
   margin: 1em 0;
   padding: 0;
   border: none;
   }

.productpitchr {
   width: 200px;
   float: left;
   }

/* SUBMENU */
#rsub ul{
   list-style-type: none;
   margin: 0;
   padding: 0;
   width: 240px;
   vertical-align: middle;
}

#rsub ul li a{
   display: block;
   height: 30px;
   background: #007AC9;
   text-decoration: none;
   border-bottom: 1px solid #eee;
   border-top: 1px solid #eee;
   color: #fff;
   font-weight: bold;
   font-size: 130%;
   line-height: 30px;
   padding: 0 0 0 10px;
}

#rsub ul li ul li a{
   display: block;
   height: 25px;
   background: #fff;
   text-decoration: none;
   border-top: none;
   border-bottom: 1px solid #eee;
   color: #666;
   font-weight: normal;
   font-size: 100%;
   line-height: 25px;
   padding: 0 0 0 25px;
}

#rsub ul li ul li ul li a{
   display: block;
   height: 25px;
   background: #fff;
   text-decoration: none;
   border-top: none;
   border-bottom: 1px solid #eee;
   color: #666;
   font-weight: normal;
   font-size: 100%;
   line-height: 25px;
   padding: 0 0 0 40px;
}

#rsub ul li ul li a:hover{
   background: #eee;
}

#rsub ul li ul li a.active{
   background: #eeeeee url(images/bullet.png) no-repeat 6px 6px;
}

.news {
   display: block;
}

.news img {
   top: -2px;
   background: url('images/a47.gif') no-repeat;
   width: 76px;
   height: 74px;
   padding: 8px;
   margin: 0 5px 5px 0;
   float: left;
   border: none;
}

img.iets {
   width: auto;
   height: auto;
   display: block;
   background: none;
}

legend {
   display: none;
}

fieldset {
   border: none;
   margin: 0;
   padding: 0;
}

div.contactform div {
   margin-bottom: 10px;
}

#r a h2{
   margin-top: 0;
   padding-top: 0;
}

#lsub ol {
   line-height: 20px;
}

#lsub ul {
   line-height: 20px;
}

.contactgegevens td {
   line-height: 20px;
   vertical-align: top;
}
/* End of '2MARK-IT' */