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

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

#wrapper
{
   margin               : 0 auto;
   width                : 900px;
   padding              : 0 15px;
   min-height           : 553px;
   background           : transparent url('../_images/background.png') no-repeat top left;
}

#header
{
   float                : left;
   width                : 100%;
   height               : 196px;
   background           : transparent url('../_images/header.jpg') no-repeat top left;
}

#header #logo
{
   float                : left;
   width                : 410px;
   height               : 60px;
   margin               : 33px 0 0 34px;
   cursor               : pointer;
}

#header #logo img
{
   width                : 410px;
   height               : 60px;
}

#menu
{
   float                : left;
   width                : 100%;
   height               : 50px;
}

#main
{
   float                : left;
   width                : 100%;
   min-height           : 100%;
   background-color     : #fff;
   padding              : 20px 0 30px 0;
}

#left
{
   width                : 520px;
   float                : left;
   height               : auto;
   padding              : 0px 30px 0 30px;
   margin-top           : -0px;
   border               : 0px solid black;
}

#mainpanel-groot li
{
   background           : transparent url("../_images/listitem.gif") no-repeat left 2px;
   /*width                : 530px;*/
}

#mainpanel-groot ul
{
   margin-top           : 10px;
}

#mainpanel ul
{
   margin-top           : 10px;
}

#mainpanel li
{
   background           : transparent url("../_images/listitem.gif") no-repeat left 2px;
   width                : 530px;
}

#mainpanel
{
   float                : left;
   width                : 530px;
   height               : auto;
   padding              : 0 30px 0 30px;
   border               : 0px solid black;
   line-height          : 18px;
}

#mainpanel-groot
{
   float                : left;
   width                : 530px;
   height               : auto;
   padding              : 0 30px 0 30px !important!;
   padding              : 0px 0px 0px 30px;
   border               : 0px solid black;
   line-height          : 18px;
}

#main #mainpanel-groot ul li a
{
   list-style           : none;
   text-decoration      : none;
   background           : none;
   padding              : 0 0 0 0px;
}

#left #services
{
   width                : 100%;
   padding              : 5px 0 0 0;
}

#left a
{
   margin-top           : -17px;
   display              : block;
   font-weight          : bold;
   background           : transparent url('../_images/item.gif') no-repeat top left;
   padding              : 0 0 0 20px;
   color                : #888;
   text-decoration      : none;
}

#left a:hover
{
   background-position  : 0 -35px;
   color                : #415968;
}

#left .submenu
{
   margin-top           : -0px;
   text-decoration      : none;
   list-style           : none;
}

#left #image
{
   position             : relative;
   float                : left;
   width                : 149px;
   height               : 149px;
   margin               : 0px 15px 0 0;
   background           : transparent url('../_images/image_background.gif') no-repeat top left;
   border               : 1px solid black;
}

#left #submenu
{
   border               : 1px solid black;
}

#left #services #image
{
   position             : relative;
   float                : left;
   width                : 149px;
   height               : 149px;
   margin               : 15px 15px 0 0;
   background           : transparent url('../_images/image_background.gif') no-repeat top left;
}

#left #image #overlay
{
   display              : none;
   position             : absolute;
   top                  : 0;
   left                 : 0;
   width                : 149px;
   height               : 149px;
   background           : transparent url('../_images/image_overlay.png') no-repeat top left;
}

#right
{
   border               : 0px solid black;
   width                : 310px;
   float                : right;
   height               : 100%;
   margin-top           : 30px;
}

#right .banner-holder-large
{
   float                : left;
   position             : relative;
   width                : 288px;
   z-index              : 2;
   border               : 1px solid #363F45;
   background           : transparent url('../_images/banner_background_large.gif') no-repeat top left;
}

#right .banner-holder-large .banner
{
   height               : auto;
   background           : none;
   padding              : 12px 0 10px 11px;
   color                : #FFFFFF;
}

#right .banner-holder-large ul
{
   margin               : 10px 12px 0px 0;
}

#right .banner-holder-large li
{
   padding-left         : 0;
}

#right .banner-holder-large li a
{
   background           : none;
   color                : #ffffff;
   padding              : 0px;
}

#right .banner-holder-large li a:hover
{
   color                : #AEB801;
}

#right .banner-holder
{
   float                : left;
   position             : relative;
   width                : 290px;
   cursor               : pointer;
   z-index              : 2;
}

#right .banner-holder-top
{
   float                : left;
   position             : relative;
   width                : 290px;
   height               : 100%;
   cursor               : pointer;
   z-index              : 2;
}

#right .banner
{
   float                : left;
   width                : 279px;
   height               : 60px;
   background           : transparent url('../_images/banner_background.gif') no-repeat top left;
   padding              : 12px 0 0 11px;
   color                : #FFFFFF;
}

#right .block
{
   position             : relative;
   float                : left;
   width                : 264px;
   min-height           : 90px;
   background           : transparent url('../_images/block_background.gif') no-repeat top left;
   margin               : 0 0 15px -8px;
   padding              : 24px 18px 0 26px;
}

#right a.banner_url
{
   color                : #FFFFFF;
   text-decoration      : none;
}

#right #banner-info
{
   position             : relative;
   float                : left;
   width                : 279px;
   height               : 31px;
   padding              : 88px 0 0 11px;
   background           : transparent url('../_images/banner_info.gif') no-repeat top left;
}

#right #banner-info-cursor
{
   z-index              : 2;
   position             : absolute;
   top                  : 0px;
   right                : 0px;
   width                : 290px;
   height               : 119px;
   cursor               : pointer;
}

#right #banner-info #can
{
   z-index              : 1;
   position             : absolute;
   top                  : -51px;
   right                : -56px;
   width                : 273px;
   height               : 199px;
   cursor               : auto;
   background           : transparent url('../_images/can.png') no-repeat top left; 
}

#footer
{
   float                : left;
   width                : 900px;
   border-top           : 1px solid #e5e5e5;
   padding              : 11px 0 20px 0;
}

#footer #address
{
   float                : left;
   height               : 39px;
   padding              : 3px 0 0 55px;
   line-height          : 18px;
   background           : transparent url('../_images/mail.gif') no-repeat top left;
}

#footer #contact
{
   float                : left;
   padding              : 3px 0 0 30px;
   line-height          : 18px;
}

#footer #address2
{
   float                : left;
   height               : 39px;
   padding              : 3px 0 0 55px;
   line-height          : 18px;
}

#footer #contact2
{
   float                : left;
   padding              : 3px 0 0 30px;
   line-height          : 18px;
}

#footer #copyright
{
   float                : right;
   padding              : 3px 10px 0 0;
}

.hr
{
   height               : 21px;
   background           : transparent url('../_images/hr.gif') repeat-x center;
}

/* Headings H1-H6 */
h1
{
   font-size            : 22px;
   line-height          : 26px;
   color                : #AEB801;
}

h2
{
   font-size            : 18px;
   line-height          : 22px;  
   margin               : 15px 0 5px 0;
   color                : #AEB801;
}

h3
{ 
   font-size            : 18px;
   line-height          : 22px;
   margin               : 0px 12px 5px 0px;
   color                : #ffffff;
}

h3.blockTitel
{  
   background           : url("../_images/hr.gif") repeat-x scroll left bottom transparent;
}

h4
{ 
   font-size            : 16px;
   line-height          : 26px;
   color                : #ffffff;
}

h5
{
   font-size            : 14px;
   line-height          : 18px;
   color                : #425968;
   margin               : 20px 0 5px 0;
}

h6
{
   font-size            : 12px;
   line-height          : 16px;
   color                : #888888;
   margin               : 20px 0 5px 0;
   font-weight          : bold;
}

/* Paragraph and Link Styles */
p { }

#left p
{
   line-height          : 20px;
   padding              : 10px 0 5px 0;
}

#right p
{
   line-height          : 20px;
   padding              : 5px 0 0 0;
}

a
{
   color                : #aeb801;
   text-decoration      : none;
}

#menu ul.main li a
{
   color                : #fff;
   font-weight          : bold;
   text-decoration      : none;
}

#menu ul.main li a:hover
{
   color                : #b0bd22;
}

#menu ul.main li a:active
{
   color                : #b0bd22;
}

#submenu ul.main li.active
{
   padding              : 0;
   background           : none;
}

#main ul li a
{
   display              : block;
   font-weight          : bold;
   background           : transparent url('../_images/item.gif') no-repeat top left;
   padding              : 0 0 0 20px;
   color                : #888;
   text-decoration      : none;
}

#main ul li a:hover
{
   background-position  : 0 -35px;
   color                : #415968;
}

#main .social.buttons
{
   border-top           : 1px solid #e5e5e5;
}

#main .socialButton
{
   float                : left;
   padding              : 10px 10px 0 0;
   height               : 28px;
}

#services ul li:hover a
{
   background-position  : 0 -35px;
   color                : #415968;
}

#news a
{
   color                : #425968;
   text-decoration      : none;
   font-weight          : bold;
}

#news a span
{
   padding              : 0 0 0 10px;
}

#news a:hover span
{
   text-decoration      : underline;
}

#newsitem
{
   margin               : 0;
}

#banner-info a
{
   position             : relative;
   display              : block;
   color                : #d9dca3;
   text-decoration      : none;
}

#banner-info a:hover
{
   text-decoration      : underline;
}

.banner a
{
   color                : #fff;
   text-decoration      : none;
}

.banner:hover a
{
   text-decoration      : underline;
}

/* Lists and Navigation */
ul { }

#menu ul.main { }

#menu ul.main li
{
   float                : left;
   display              : block;
   height               : 34px;
   padding              : 16px 22px 0 19px;
   background           : transparent url('../_images/menu_bar.gif') repeat-y top right;
}

#menu ul.submain
{ 
   position             : absolute;
   visibility           : hidden;
   background-color     : #425968;
   padding              : 5px 0;
   margin               : 1px 0 0 0px;
   border               : 1px solid #31393d;
   opacity              : 0.9;
   filter               : alpha(opacity=90);
   z-index              : 9;
}

#menu ul.submain li
{
   float                : none;
   height               : auto;
   padding              : 5px 30px 5px 10px;
   background           : none;
}

#menu ul.submain li:hover
{
   float                : none;
   height               : auto;
   padding              : 5px 30px 5px 10px;
   background           : none;
   position             : static;
   visibility           : visible;
}

#menu .main li .active:hover,
ul.submain
{
   visibility           : visible;
}

#main ul
{
   list-style           : disc;
}

#main #leftmenu ul
{
   float                : left;
}

#main ul li
{
   padding              : 0 0 7px 20px;
   line-height          : 18px;
}

#services ul
{
   float                : left;
   margin               : 15px 0 0 0;
}

#services ul li
{
   line-height          : normal;
}

/* Forms */
input,
select,
textarea
{
   border               : 1px solid #b7b7b7;
   padding              : 5px;
   margin               : 0 0 -50px 0;
   width                : 200px;
   font                 : normal 12px "Arial", "Verdana", sans-serif;
}

#form-3
{
   padding-left         : 20px;
   width                : 400px;
   margin-top           : 0px;
}

.form-tekst
{
   text-align           : right;
}

.forms label
{
   width                : 400px;
}

/* Tables */
table
{
   border-color         : #888888;
   margin               : 15px 0 0 3px;
}

tr
{
}

td
{
   padding              : 2px 0 2px 10px;
}

caption
{
   font-size            : 14px;
   line-height          : 18px;
   color                : #425968;
   margin               : 5px 0 2px 0; 
}

ul .main li:hover
{
   position             : static;
}

.spacer
{
   clear                : both;
   height               : 15px;
}

.country
{
   position             : absolute;
   left                 : 775px;
   top                  : 15px;
}

.menuItemImage
{
   float                : left;
   margin-right         : 15px; 
}

.contentColomn
{
   float                : left;
   width                : 315px;
}

#right .block .referentie
{
   width                : 110px;
   height               : 60px;
   float                : left;
   /*margin-top           : 10px;*/
   position             : relative;
}

#right .block .referentie-alt
{
   width                : 110px;
   height               : 60px;
   float                : left;
   /*margin-top           : 10px;*/
   position             : relative;
   bottom               : 5px;
}

#right .block .referentie
{
   margin-right         : 20px;
}

#right .block .referentie img,
#right .block .referentie-alt img
{
   position             : absolute;
   bottom               : 0px;
}

.clear
{
   clear                : both;
}