/* Design & Code (c) ABOVO Media */
html, body { 
   height         : 100%;
   padding        : 0; 
   margin         : 0; 
}

body {
   font        : normal 11px "Verdana", "Arial", sans-serif;
   background     : #f7f7f7 url('../_images/background.gif') repeat-x top left;
   color       : #4c4a4b; 
}  

#wrapper {
   margin         : 0 auto;
   width       : 100%;
   min-height     : 100%;
}

   * html #wrapper {
      height         : 100%;
   }

#top {
   float       : left;
   width       : 100%;
   height         : 225px;
   background     : transparent;
}

   #top #header {
      margin            : 0 auto;
      width          : 920px;
      height            : 225px;
      background-position  : bottom right;
      background-repeat : no-repeat;
      padding           : 0 15px;
      position       : relative;
   }

      #top #header #breadcrums {
         float       : left;
         height         : 26px;
         padding        : 10px 0 0 0;
      }

      #top #header #search {
         float       : right;
         height         : 28px;
         padding        : 8px 0 0 75px;
         background     : transparent url('../_images/search_background.gif') no-repeat left;
      }

         #top #header #search img {
            cursor         : pointer;
            vertical-align : middle;
         }

      #top #header #logo {
         float       : left;
         width       : 100%;
         height         : 115px;
         padding        : 39px 0 0 0;  
      }

      #top #header #menu {
         float       : left;
         margin         : 0 auto;
         height         : 35px;
         text-align     : center;
         padding        : 0 0 0 143px;
      }

         #top #header #menu #menu_left, #top #header #menu #menu_right {
            float       : left;
            width       : 10px;
            height         : 35px;
            background     : transparent url('../_images/menu_left.png') no-repeat top left;
         }

         #top #header #menu #menu_right {
            background-image: url('../_images/menu_right.png');
         }

         #top #header #menu #menu_middle {
            float       : left;
            height         : 35px;
            background-color: #143f91;
         }
      
      #top #header #date {
         position    : absolute;
         right       : 0px;
         bottom         : 0px;
         height         : 35px;
         width       : 93px;
         text-align     : center;
         background     : transparent url('../_images/date_bg.png') no-repeat top left;
         margin-right   : 15px;
         color       : #FFFFFF;
      }
      
         #top #header #date div {
            padding-top : 6px;
         }
      
         #top #header #date .day {
            font-size   : 19px;
            font-weight : bold;
         }
         
         #top #header #date .month {
            font-size   : 17px;
         }

#submenu {
   float       : left;
   width       : 100%;
   height         : 32px;
   background-color: #f68b1e;
   text-align     : center;
   margin         : 5px 0 0 0;
}

#vlaggen {
   position:absolute;
   right:0;
   top:241px;
}

   #vlaggen .vlag {
   
   }

#main {
   margin         : 0 auto;
   width       : 920px;
   height         : auto;
   position:relative;
}

   #main #left {
      float       : left;
      width       : 433px;
      padding        : 20px 0 30px 0;
      margin         : 0 0 116px 0;
   }

      #wide #main #left {
         width       : 593px;
      }

      #main #left #news {
            float          : left;
            margin         : 0px 0 0 0;
      }

         #main #left #news .item {
            float       : left;
            border-bottom  : 1px solid #dedede;
            padding        : 5px 0;
            margin         : 0 0 5px 0;
         } 

      #main #left #details table {
         margin         : 10px 0 15px 0;
      }

         #main #left #details table td {
            padding        : 4px 0;
         }

   #main #right {
      float       : left;
      width       : 462px;
      padding        : 20px 0 30px 0;
      margin         : 0 0 116px 25px;
   }

      #wide #main #right {
         width       : 302px;
      }

      #main #right #producten { }

         #main #right #producten .product, 
         #main #right #producten .product-first, 
         #main #right #producten .product-last {
            position    : relative;
            width       : 462px;
            height         : 123px;
            margin         : 0 0 5px 0;
            background-color: #143f91;
            cursor         : pointer;
         }

         #main #right #producten .product-first {
            background     : #143f91 url('../_images/product_first.gif') no-repeat top right;
         }

         #main #right #producten .product-last {
            background     : #143f91 url('../_images/product_last.gif') no-repeat bottom right;
         }     

      #main #right #producten img {
         width       : 295px;
         height         : 123px;
         float       : left;
         margin         : 0 9px 0 0;
      }

      #main #right #producten .hover {
         display        : none;
         position    : absolute;
         width       : 36px;
         height         : 32px;
         top            : 46px;
         left        : 25px;
         background     : transparent url('../_images/product_hover.png') no-repeat top left;
      }

      #main #right #producten div:hover .hover {
         display        : block;
      }

      #main #right #product {
         width       : 462px;
         height         : 151px;
         margin         : 0 0 20px 0;
         background     : #143f91 url('../_images/product_background.gif') no-repeat top right;
      }

         #main #right #product img {
            width       : 295px;
            height         : 151px;
            float       : left;
            margin         : 0 9px 0 0;
         }

      #main #right #projecten {
         position    : relative;
      }

      #main #right #vtrack {
         position    : relative;
         float       : left;
         width       : 11px;
         height         : 291px;
         margin         : 5px 10px 0 3px;
         background     : transparent url('../_images/vtrack.gif') repeat-y top left;
      }

         #main #right #vtrack #vhandler {
            position    : absolute;
            width       : 11px;
            height         : 35px;
            cursor         : move;
            background     : transparent url('../_images/vhandler.png') no-repeat top left;
         }

      #main #right #project {
         float       : left;
         height         : 291px;
         overflow    : hidden;
         margin         : 5px 0 0 0;
      }

         #main #right #project .project {
            width       : 438px;
            padding        : 0 0 11px 0;
            margin         : 0 0 10px 0;
            cursor         : pointer;
            border-bottom  : 1px solid #dedede;
         }

         #main #right #project .project img {
            margin         : 0 12px 0 0;
            float       : left;
            width       : 118px;
            height         : 88px;
            border         : 1px solid #a0a0a0;
         }

         #main #right #project .project td {
            padding        : 4px 0;
         }

      #main #right #image {
         position    : relative;
         width       : 100%;        
      }

         #main #right #image img {
            border         : 5px solid #d7d5d6;
            width       : 452px;
            height         : 340px;
         }

         #main #right #image #previmg {
            display        : none;
            position    : absolute;
            top            : 0;
            left        : 5px;
            width       : 60px;
            height         : 350px;
            cursor         : pointer;
            background     : transparent url('_images/spacer.gif') repeat top left;
         }

         #main #right #image #nextimg {
            display        : none;
            position    : absolute;
            top            : 0;
            right       : 5px;
            width       : 60px;
            height         : 350px;
            cursor         : pointer;
            background     : transparent url('_images/spacer.gif') repeat top left;
         }

         #main #right #image #prevhover, #main #right #image #nexthover {
            margin         : 140px 0 0 0;
            display        : none;
            width       : 60px;
            height         : 60px;
            background     : transparent url('../_images/previmg.png') no-repeat left;
         }

         #main #right #image #nexthover {
            background     : transparent url('../_images/nextimg.png') no-repeat right;
         }

      #main #right #images {
         width       : 462px;
         height         : 78px;
         overflow    : hidden;
         white-space    : nowrap;
         margin         : 10px 0;
      }

         #main #right #images img {
            border         : 3px solid #d7d5d6;
            margin         : 0 10px 0 0;
            width       : 99px;
            height         : 72px;
         }

            #main #right #images img.last {
               margin         : 0;
            }

      #main #right #htrack {
         width       : 100%;
         height         : 11px;
         background     : transparent url('../_images/htrack.gif') repeat-x top left;
      }

         #main #right #htrack #hhandler {
            width       : 35px;  
            height         : 11px;
            cursor         : move;
            background     : transparent url('../_images/hhandler.gif') no-repeat top right;
         }

      #main #right .block {
         padding        : 15px;
         border         : 1px solid #e4e2e3;
         background-color: #ededed;
         margin-bottom:20px;
      }

   #main #aanbod, #main #portfolio {
      float       : left;
      width       : 100%;
      margin         : -116px 0 116px 0;
      padding        : 0 0 40px 0;
   }

      #main #aanbod .aanbod-left, #main #aanbod .aanbod-right {
         cursor         : pointer;
         float       : left;
         width       : 440px;
         border-bottom  : 1px solid #dedede;
         padding        : 0 0 20px 0;
         margin         : 0 40px 13px 0;
      }

      #main #aanbod .aanbod-right {
         margin-right   : 0;
      }

      #main #aanbod .object img {
         width       : 118px;
         height         : 88px;
         border         : 1px solid #a5a5a5;
         float       : left;
         margin         : 0 16px 0 0;
      }

      #main #aanbod .aanbod-left table, #main #aanbod .aanbod-right table {
         margin         : 2px 0 0 0;
      }

      #main #aanbod .object td {
         padding        : 4px 0;
      }

   #main #portfolio { 
      width       : 920px;
      position    : relative;
   }

      #main #portfolio #prev {
         top            : 0;
         left        : 0;
         position    : absolute;
         width       : 30px;
         height         : 278px;
         cursor         : pointer;
         background     : transparent url('../_images/prev.gif') no-repeat left;
      }

      #main #portfolio #next {
         top            : 0;
         right       : 0;
         position    : absolute;
         width       : 30px;
         height         : 278px;
         cursor         : pointer;
         background     : transparent url('../_images/next.gif') no-repeat right;
      }

      #main #portfolio #cases {
         margin         : 0 0 0 50px;
         width       : 825px;
         position    : relative;
         overflow    : hidden;
      }

         #main #portfolio #cases #case {  
            overflow    : hidden;
            margin         : 0px auto;
            position    : relative; 
         }

            #main #portfolio #cases #case ul {
               width       : 10000000px;
               position    : relative;
               z-index        : 1;
            }

            #main #portfolio #cases #case ul li {
               float       : left;
               list-style     : none;
               overflow    : hidden;
               border         : 1px solid #e2e2e2;
               background-color: #ededed;
               padding        : 8px;
               cursor         : pointer;
               margin         : 0 30px 0 0;
               width       : 230px;
               height         : 295px;       
            }

            #main #portfolio #cases #case ul li img {
               width       : 229px;
               height         : 171px;
               margin         : 0 0 10px 0;
            }

            #main #portfolio #cases #case ul li td {
               padding        : 4px 0;
               line-height    : 15px; 
            }

.list {
   float       : left;
   width       : 196px;
   margin         : 15px 0 0 0;
}

   #toepassingen {
      margin-right   : 41px;
   }

#footer {
   position    : relative;
   margin         : -116px 0 0 0 !important;
   width       : 100%;
   min-width      : 920px;
   background     : transparent url('../_images/footer_background.gif') repeat-x top left;
   height         : 100px;
   padding        : 16px 0 0 0;
}

   #footer #container {
      position    : absolute;
      width       : 100%;
   }

      #footer #container #center {
         width       : 920px;
         margin         : 0 auto;
         position    : relative;
      }

   #footer #tekoop, #footer #vacatures,
   #footer #nieuwsbrief, #footer #contact {
      float       : left;
   }

   #footer #vacatures {
      /*margin       : 0 20px 0 0;*/
   }

   #footer #nieuwsbrief {
      /*margin       : 0 20px 0 0;*/
   }

      #footer #nieuwsbrief img {
         vertical-align : middle;
      }
   

   #footer .bar {
      float       : left;
      width       : 11px;
      height         : 82px;
      margin         : 0 18px;
      background     : transparent url('../_images/footer_bar.gif') repeat-y center;
   }
   
/* Headings H1-H6 */
h1 { }

   #main h1, #main h2.blue {
      color       : #153f91;
      font-size      : 19px;
      border-bottom  : 1px solid #dedede;
      padding        : 0 0 5px 0;
      margin         : 0 0 5px 0;
   }
   
   #main h2.banner {
      width: 463px;
      font-size      : 2px;
      border-bottom  : 1px solid #dedede;
      padding        : 0 0 5px 0;
      margin         : 0 0 5px 0;
      margin-bottom  :20px;
   }
   
   #main h2 {
      color       : #153f91;
      font-size      : 10px;
      border-bottom  : 1px solid #dedede;
      padding        : 0 0 5px 0;
      margin         : 0 0 5px 0;
   }

h2 { }

   #producten h2, #product h2 {
      float       : left;
      color       : #fff;
      font-size      : 14px;
      border-bottom  : 1px solid #375ca1;
      padding        : 10px 0 6px 0;
      margin         : 0 10px 7px 0;
      width       : 145px;
   }

   #product h2 {
      padding        : 9px 0 10px 0;
      margin         : 0 10px 0 0;
   }
   
   #product h2.last {
      margin-bottom  : 0;
      padding-bottom : 0;
      border         : 0;
      width       : 146px;
   }

   .block h2 {
      color       : #153f91;
      border-bottom  : 1px solid #e2e2e2;
      padding        : 0 0 7px 0;
      margin         : 0 0 10px 0;
      font-size      : 17px;
   }

h3 { }

   #news h3 {
      float       : left;
      margin         : 2px 0 0 10px;
      font-weight    : bold;
   }

   #aanbod h3, #portfolio h3 {
      color       : #153f91;
      font-size      : 15px;
      margin         : 0 0 10px 0;
   }

h4 { }

   #footer h4 {
      color       : #504d4d;
      font-size      : 17px;
      margin         : 0 0 10px 0;
   }

   h5 {
      font-weight    : bold;
      font-size      : 12px;
      padding        : 2px 0 0 0;
      margin         : 0 0 10px 0;
   }

h6 { }


/* Paragraph and Link Styles */
p { }

   #main p {
      line-height    : 19px;
      padding        : 0 0 12px 0;
   }

   #news p {
      float       : left;
      padding        : 3px 0 5px 69px;
   }

   #news p.date {
      float       : left;
      width       : 55px;
      height         : 19px;
      color       : #fff;
      padding        : 0 0 0 4px;
      margin         : 0;
      font-weight    : bold;
      font-size      : 10px;
      background     : transparent url('../_images/news_date.gif') no-repeat top left;
   }
   #main p.date {
      width       : 55px;
      height         : 19px;
      color       : #fff;
      padding        : 0 0 0 4px;
      margin         : 0px 0px 5px 0px;
      font-weight    : bold;
      font-size      : 10px;
      background     : transparent url('../_images/news_date.gif') no-repeat top left;       
   }
   
   #producten p {
      color       : #fff;
      line-height    : 16px;  
      padding        : 0 2px 0 0;
   }

   #footer p {
      line-height    : 16px;
   }

   #footer #contact p {
      line-height    : 17px;
   }

a { 
   /*color        : #f68b1e;*/
   color       : #153F91;
   text-decoration   : underline;
}

   a.seo
   {
      color             : #4c4a4b; 
      text-decoration   : none;     
   }
   
   a.seo:hover
   {
      text-decoration   : underline;      
   }

   #breadcrums a {
      text-decoration   : none;
   }

   #breadcrums a:hover {
      text-decoration   : underline;
   }

   #menu ul.main li a {
      color       : #fff;
      text-decoration   : none;
   }  
   #menu ul.main li a:hover {
      color       : #f68b1e;
      text-decoration   : none;
   }
   #menu ul.main li a.active {
      color       : #f68b1e;
      text-decoration   : none;
   }  
   ul.submain {
      margin-top:7px;
   }
   ul.submain li.submain, ul.submain li.active{
      display:inline;
      font-size:12px;
      padding:0px 10px;
   }
   #submenu ul.submain li.submain a {
      color       : #fff;
      text-decoration   : none;
   }

   #submenu ul.submain li.submain a:hover,  #submenu ul.submain li.submain a.active {
      color       : #143f91;
      text-decoration   : none;
   }
   ul.submain li.active a.active, ul.submain li.active a.active:visited {
      color: #143f91;
      text-decoration   : none;
   }
   #news h3 a {
      color       : #504d4d;
      text-decoration   : none;
   }

   #news h3 a:hover {
      color       : #f68b1e;
      text-decoration   : none;
   }
   .list ul li, .list ul {
      list-style-type: none;
      margin:0px;
      padding:0px;
   }
   .list ul li a {
      display        : block;
      padding        : 4px 0 0 30px;
      background     : transparent url('../_images/list_arrow.gif') no-repeat left;
      margin         : 0 0 0 8px;
      height         : 19px;
      color       : #504d4d;
      text-decoration   : none;
      font-weight    : bold;
   }

   .list ul li a:hover {
      /*color        : #f68b1e;*/
      color       : #153F91;
   }
   #right h2 {
      font-weight: bold;
   }
   #right h2 a {
      text-decoration   : none;
      color       : #fff;
   }

   #right h2 a:hover {
      color       : #f68b1e;
   }

   #right #producten div:hover h2 a, #right #product h2 a.active {
      color       : #f68b1e;     
   }

   h5 a {
      text-decoration   : none;
   }

   .project h5 a:hover, .project:hover h5 a {
      text-decoration   : underline;
   }

   a.more {
      position    : absolute;
      top            : 8px;
      right       : 5px;
      color       : #4c4a4b;
      text-decoration   : none;
      padding        : 0 8px 0 0;
      background     : transparent url('../_images/arrow.gif') no-repeat right;
   }

   a.more:hover {
      color       : #f68b1e;
   }

   #aanbod h3 a, #portfolio h3 a {
      color       : #153f91;
      text-decoration   : none;
   }
   
   #aanbod .aanbod-left:hover h3 a, #aanbod .aanbod-right:hover h3 a, #aanbod h3 a:hover,
   #portfolio li:hover h3 a, #portfolio h3 a:hover {
      text-decoration   : underline;
   }

   
/* Lists and Navigation */
ul, ol
{ 
   line-height: 18px;
   margin-left: 20px;
   margin-bottom: 10px;
}  

ul li 
{ 
   list-style-type: square;
}  

ol li 
{ 
   list-style-type: decimal;
}  

   #menu ul.main { 
   }

   #menu ul.main li { 
      float       : left;
      display        : block;
      font-size      : 12px;
      padding        : 10px 12px 0 12px;
      height         : 25px;
      background-color: #143f91;
   }

   #menu ul.main li.first {
      padding        : 10px 12px 0 22px;
      background     : transparent url('../_images/menu_left.png') no-repeat top left;
   }

   #menu ul.main li.last {
      padding        : 10px 22px 0 12px;
      background     : transparent url('../_images/menu_right.png') no-repeat top right;
   }

   #submenu ul.main { 
      padding        : 7px 0 0 0;
   }

   #submenu ul.main li { 
      display        : inline;
      font-size      : 12px;
      padding        : 0 10px;
   }

   .list ul { 
      margin-top  : -4px;
   }

   .list ul li { 
      padding        : 8px 0 9px 0;
      border-bottom  : 1px solid #dedede;
   }


/* Forms */
form { }

   #nieuwsbrief form {
      margin         : 5px 0 0 0;
   }

input { 
   font        : normal 11px "Verdana", "Arial", sans-serif;
   padding        : 2px;
   color       : #4c4a4b; 
}

   #search input, #nieuwsbrief input {
      border         : 1px solid #c1c1c1;
      padding        : 2px 3px 3px 3px;
      width       : 87px;
      vertical-align : middle;
   }

   #nieuwsbrief input {
      width       : 145px;
   }
   
.createdate {
   display:block;
   font-size:8px;
   margin-top:20px;
   font-weight: bold;
}
.modifydate {
   display:block;
   font-size:10px;
   font-weight: bold;
}  

#contactForm td {
   padding:5px;
}
.clear {
   clear: both;
}
.object {
   cursor         : pointer;
   float       : left;
   width       : 420px;
   border-bottom  : 1px solid #dedede;
   padding        : 0 0 20px 0;
   margin         : 0 40px 13px 0;  
}
.imgLatestNews {
   float:left;
   margin:0px 5px 5px 0px;
}
.pagination {
   text-align:center;
}
.pagination table {
   margin: 0 auto;
}
.pagination table td {
   padding:2px;
}
#view_confirmSubscribeMessage, #view_loading, #view_rejectSubscribeMessage, #view_confirmUnsubscribeMessage, #view_rejectUnsubscribeMessage  {
   width: 145px;
}
#view_confirmSubscribeMessage p, #view_loading p, #view_rejectSubscribeMessage p, #view_confirmUnsubscribeMessage p, #view_rejectUnsubscribeMessage p {
   margin:0px 0px 3px 0px;
   padding:0px;
}
#nieuwsbrief div {
   margin: 0px;
   padding: 0px;
}

.highlight
{
   background-color     : yellow;    
}

.styleswitch{
   position: absolute;
   z-index: 5;
   left: 12px;
   top: 200px;
   color:#FFFFFF;
}
dd, dt{
border:medium none;
clear:none;
display:block;
float:left;
line-height:normal;
margin:0;
padding:1px 0;
width:auto;
}

dd span{
cursor: pointer;
border:1px solid #BDBDBD;
color:#FFFFFF;
display:block;
float:left;
margin-right:-1px;
text-align:center;
text-decoration:none;
width:15px;
}
.styleswitch img{
   cursor: pointer;
}