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

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

#wrapper 
{
   margin               : 0 auto;
   width                : 960px;
   height               : auto;
}

#servicemenu 
{
   float                : left;
   width                : 960px;
   height               : 25px;
}

#top 
{
   float                : left;
   width                : 960px;
   height               : 60px;
}

   #top #logo 
   {
      width                : 351px;
      height               : 36px;
      margin               : 0 0 0 23px;
      background           : transparent url('../_images/logo_background.gif') no-repeat top left;
   }

      #top #logo img 
      {
         width                : 351px;
         height               : 36px;
         border               : 0;
      }

#header 
{
   float                : left;
   width                : 960px;
   height               : 147px;
   margin               : 0 0 10px 0;
   background-position  : bottom left;
   background-repeat    : no-repeat;
   background-color     : transparent;
}

   #header #menu 
   {
      float                : left;
      position             : relative;
      width                : 100%;
      background           : transparent url('../_images/menu_background.gif') no-repeat top right;
   }

#main 
{
   float                : left;
   width                : 960px;
   height               : auto;
   margin               : 0 0 5px 0;
}

#left 
{
   float                : left;
   width                : 650px;
   height               : auto;
   margin               : 0 10px 0 0;
   display              : inline;
}

#left ul 
{
   padding-left         : 15px;
}

#left ul li 
{
   list-style           : circle;
}

   #left #banner 
   {
      position             : relative;
      float                : left;
      width                : 650px;
      height               : 324px;
      background-position  : top left;
      background-repeat    : no-repeat;
      background-color     : transparent;
      margin               : 0 0 10px 0;
   }

      #left #banner #border 
      {
         position             : absolute;
         top                  : 0;
         left                 : 0;
         width                : 650px;
         height               : 324px;
         background           : transparent url('../_images/border.png') no-repeat top left;
      }

      #left #banner #overlay 
      {
         float                : left;
         display              : inline;
         margin               : 226px 0 0 0px;
         width                : 620px;
         height               : 100px;
         padding              : 20px 20px 0 20px;
         color                : #FFF;
         background           : transparent url('../_images/overlay.png') no-repeat top left;
      }

         #left #banner #overlay .item 
         {
            width                : 240px;
            height               : 195px;
            display              : none;
            margin               : 0 0 18px 0;
            position             : relative;
         }

         #left #banner #overlay .date 
         {
            font-size            : 11px;
            display              : block;
            margin               : 0 0 5px 0;
         }

   #left .block {
      float          : left;
      width          : 650px;
      height         : auto;
      margin         : 0 0 10px 0;
   }

      #left .block .top {
         float          : left;
         width          : 650px;
         height         : 5px;
         background     : transparent url('../_images/left_block_top.gif') no-repeat top left;
      }

      #left .block .title {
         float          : left;
         width          : 610px;
         height         : 29px;
         padding        : 11px 20px 0 20px;
         background     : transparent url('../_images/left_block_title.gif') no-repeat top left;
      }

      #left .block .middle {
         float          : left;
         width          : 610px;
         min-height     : 430px;
         padding        : 15px 20px 15px 20px;
         background-color: #fff;
      }

         #home #left .block .middle {
            padding        : 13px 20px 2px 20px;
            /* height         : 89px;  */
            min-height  :456px;
         }

      #left .block .bottom {
         float          : left;
         width          : 900px;
         height         : 5px;
         background     : transparent url('../_images/left_block_bottom.gif') no-repeat top left;
      }
      
#footer .block {
      float          : left;
      width          : 650px;
      height         : auto;
      margin         : 0 0 4px 0;
   }

      #footer .block .top {
         float          : left;
         width          : 650px;
         height         : 5px;
         background     : transparent url('../_images/left_block_top.gif') no-repeat top left;
      }

      #footer .block .title {
         float          : left;
         width          : 610px;
         height         : 24px;
         padding        : 11px 20px 0 20px;
         background     : transparent url('../_images/left_block_title.gif') no-repeat top left;
      }

      #footer .block .middle {
         float          : left;
         width          : 610px;
         padding        : 15px 20px 15px 20px;
         background-color: #fff;
      }


      #footer .block .bottom {
         float          : left;
         width          : 650px;
         height         : 5px;
         background     : transparent url('../_images/left_block_bottom.gif') no-repeat top left;
      }
      
   #left #agenda {
      float          : left;
      width          : 290px;
      padding        : 0 15px 8px 0;
      display        : inline;
      border-right   : 1px solid #cccccc;
   }

      #left #agenda span {
         display        : block;
         width          : 285px;
         height         : 20px;
         padding        : 4px 0 0 5px;
      }

      #left #agenda span.alt {
         background-color: #f5f5f5;
      }
      
      #left .block div.alt {
         background-color: #f5f5f5;
         margin-top: 10px;
         margin-bottom: 10px;
         padding: 5px;
      }
      
      #left .block div.alt {
         padding: 5px;
      }

   #right #agenda {
      float          : left;
      width          : 265px;
      padding        : 0 15px 18px 0;
      display        : inline;
      margin-bottom  : 10px;
      border-bottom   : 1px solid #cccccc;
   }

      #right #agenda span {
         display        : block;
         width          : 280px;
         height         : 20px;
         padding        : 4px 0 0 5px;
         
      }

      #right #agenda span.alt {
         background-color  : #f5f5f5;
         margin-top        : 10px;
         margin-bottom     : 10px;
      }
      
      #right span.alt {
         background-color: #f5f5f5;
         padding: 0 5px 0 5px;
         
      }
      
      #right span {
         padding: 0 5px 0 0px;
      }
      
      #right .newsItem {
         padding: 0 5px 0 5px;
      }
      
      #right .block div.alt {
         background-color: #f5f5f5;
         margin-top: 10px;
         margin-bottom: 10px;
         padding: 5px;
      }

   .agendaButton
   {
      margin-left: 5px;
   }
   
   .meerNieuwsButton
   {
      margin-left: 5px;
   }
   
   #left #magazine {
      float          : left;
      width          : 161px;
      height         : 54px;
      padding        : 68px 0 0 143px;
      display        : inline;
      background     : transparent url('../_images/magazine_background.gif') no-repeat top left;
   }

#right #magazine {
      float          : left;
      width          : 140px;
      height         : 54px;
      padding        : 68px 0 0 143px;
      display        : inline;
      background     : transparent url('../_images/magazine_background.gif') no-repeat top left;
      border-top  : 1px solid #cccccc;
      margin-bottom  : 10px;
      border-bottom   : 1px solid #cccccc;
      
   
   }

#right #laatstenieuws {
   padding-bottom: 0px;
   padding-top: 10px;
   border-bottom: 1px solid #cccccc;
}


#right {
   float          : left;
   width          : 300px;
   height         : auto;
}

   #right .block {
      float          : left;
      width          : 300px;
      height         : auto;
      margin         : 0 0 10px 0;
      vertical-align: top;
   }

      #right .block .top {
         float          : left;
         width          : 300px;
         height         : 5px;
         background     : transparent url('../_images/right_block_top.gif') no-repeat top left;
      }

      #right .block .title {
         float          : left;
         width          : 260px;
         height         : 29px;
         padding        : 11px 20px 0 20px;
         background     : transparent url('../_images/right_block_title.gif') no-repeat top left;
      }

      #right .block .middle {
         float          : left;
         width          : 260px;
         padding        : 15px 20px 15px 20px;
         background-color: #fff;
      }
      
      #right .block .middle_agenda{
         float          : left;
         width          : 284px;
         min-height     : 35px !important;
         padding        : 15px 8px 15px 8px;
         background-color: #fff;
      }
      
      #right .block .middle_nieuws {
         width          : 290px;
         padding        : 15px 0px 15px 0px;
         background-color: #fff;
      }

         #home #right .block .middle {
            min-height        : 249px !important;
         }
         
         #home #right .block .middle_nieuws {
            height         : auto;
         }

         #home #right .block .middle_agenda {
            min-height        : 241px !important;
         }
         
      #right .block .bottom {
         float          : left;
         width          : 300px;
         height         : 5px;
         background     : transparent url('../_images/right_block_bottom.gif') no-repeat top left;
      }

   #right #previous, #right #next {
      float          : left;
      width          : 25px;
      height         : 55px;
      cursor         : pointer;
      padding-top    : 35px;
   }

   #right #next {
      padding-left   : 10px;
      width          : 20px;
   }
   
      #right #clubs-wrapper {    
         height               : 90px;    
         width                : 201px;
         overflow             : hidden;
         float                : left;
      }
   
      #right #clubs-content {    
         width                : 2500px;
      }
   
         #right #clubs-content .slide {    
            float                : left;    
            width                : 210px;    
            height               : 90px;
         }

   #right #map {
      float             : left;
      width             : 240px;
      height            : 150px;
      background-position: center;
      background-color: transparent;
      background-repeat: no-repeat;
      margin            : 10px 0 0 10px;
   }

   #right #newsletter {
      float          : left;
      width          : 260px;
      height         : 134px;
      color          : #99cce7;
      padding        : 15px 20px 0 20px;
      margin         : 0 0 10px 0;
      background     : transparent url('../_images/newsletter_background.gif') no-repeat top left;
   }

   #footer #newsletter {
      float          : right;
      width          : 260px;
      height         : 138px;
      color          : #99cce7;
      padding        : 11px 20px 0 20px;
      margin         : 0px 0 5px 0;
      background     : transparent url('../_images/newsletter_background.gif') no-repeat top left;
   }

   #right .banner {
      float          : left;
      width          : 300px;
      margin         : 0 0 10px 0;
   }

   #right #poll {
      float          : left;
      width          : 260px;
      height         : 184px;
      background     : transparent url('../_images/poll_background.gif') no-repeat top left;
      margin         : 0 0 10px 0;
      padding        : 15px 20px 0 20px;
      color          : #c0c0c0;
   }

#footer {
   float          : left;
   width          : 960px;
   padding           : 0 15px 20px 0px;
   color          : #8b8b8b;
   font-size         : 11px;
}
   
   #footer #copyright {
      float          : left;
      margin-left    : 29px;
   }

   #footer #footermenu {
      float          : right;
      
   }

.img {
   float          : right;
   margin         : 0 0 15px 15px;
}

/* Headings H1-H6 */
h1 {
   color          : #fff;
   font-size      : 30px;
}
   
   #left h1 {
   color          : #0080c2;
   }
   
   #header h1 {
      margin         : 90px 0 0 30px;
   }

      #home #header h1 {
         margin         : 83px 0 0 30px;
      }

h2 {
   color            : #000;
   font-size        : 15px;
   margin           : 0 0 10px 0;
   font-weight      : bold;
}
   h2 a
   {
      text-decoration   : none;
   }
   
   #left h2{
      color          : #0080c2;
   }
   
   #left .block .title h2 {
      float          : left;
      margin         : 0;
   }

   #agenda h2 {
      color          : #0080c2;
   }

#right h2 {
   color          : #0080c2;
   margin-left    : 5px;
}

h3 {
   color          : #fff;
   font-size      : 15px;
   margin         : 0 0 10px 0;
}

   #right .block .title h3 {
      float          : left;
      margin         : 0;
   }

   #newsletter h3 {
      margin         : 0 0 5px 0;
   }


h4 { }

   #overlay h4 {
      font-size      : 14px;
      color          : #fff;
      margin         : 0 0 2px 0;
   }

      #overlay h4 a {
         color          : #fff;
         text-decoration: none;
      }

      #overlay h4 a:hover {
         text-decoration: underline;
      }

h5 {
   color          : #000;
   font-size      : 15px;
   margin         : 0 0 10px 0;
    }

h6 { }


/* Paragraph and Link Styles */
p {
   line-height    : 18px;
   margin         : 0 0 15px 0;
}

   #overlay p {
      margin         : 0;
   }

   #newsletter p {
      color          : #99cce7;
      margin         : 0 0 7px 0;
   }

a 
{
   color                : #0080c2;
   text-decoration      : underline;
   outline              : none;
}

a:hover 
{
   text-decoration      : underline;
   outline              : none;
}

a:active,
a:focus
{
   outline              : none;
}

   #overlay a.more {
      margin         : 0 0 0 10px;
      line-height    : 27px;
   }

   #left .block .title a {
      float          : right;
      color          : #616161;
      text-decoration: underline;
      margin         : 1px 0 0 0;
   }

   #right .block .title a {
      float          : right;
      color          : #99c9e2;
      text-decoration: underline;
      margin         : 1px 0 0 0;
   }
   
   #footer #copyright a {
      color                : #8B8B8B;
      text-decoration      : none;
   }
   
      #footer #copyright a:hover {
         text-decoration   : underline;
      }

/* Lists and Navigation */
ul { }

   #menu ul { }

      #menu ul li {
         float          : left;
      }

      #menu ul li.active {
         min-height     : 42px;
         padding        : 0 0 0 4px;
         margin         : 0 0 0 -35px;
         background     : transparent url('../_images/menu_first_active_background.gif') no-repeat top left;
      }
      
      
      #menu ul li.first {
         min-height     : 42px;
         padding        : 0 0 0 4px;
         margin         : 0;
         background     : transparent url('../_images/menu_first_background.gif') no-repeat top left;
      }

      #menu ul li.first.active {
         background-image: url('../_images/menu_first_active_background.gif');
      }

         #menu ul li a {
            float          : left;
            height         : 30px;
            color          : #515151;
            text-decoration: none;
            padding        : 12px 65px 0 0;
            background     : transparent url('../_images/menu_a_background.gif') no-repeat top right;
         }

         #menu ul li.active a {
            padding-left   : 25px;
         }

         #menu ul li.first a {
            padding-left   : 25px;
         }

         #menu ul li.last a {
            padding-right   : 55px;
            background-image: url('../_images/menu_last_a_background.gif');
         }

         #menu ul li.last.active a {
            background-image: url('../_images/menu_last_active_background.gif');
         }

         #menu ul li.active a {
            color           : #fff;
            font-weight     : bold;
            background-image: url('../_images/menu_active_a_background.gif');
         }

   #menu ul.submain {
      position       : absolute;
      top            : 49px;
      left           : 25px;
      width          : 910px;
      border-bottom  : 1px solid #58abd7;
      padding        : 0 0 11px 0;
   }

      #menu ul.submain li {
         background     : none;
         padding        : 0 15px 0 4px;
         margin         : 0 10px 0 0;
         min-height     : 16px;
         background     : transparent url('../_images/menu_bar.gif') no-repeat right;
      }

      #menu ul.submain li.last {
         background     : none;
      }

         #menu ul.submain li a {
            background     : none;
            font-weight    : normal;
            padding        : 0;
            margin         : 0;
            color          : #fff;
            height         : auto;
         }

         #menu ul.submain li a:hover {
            color          : #fff;
            text-decoration: underline;
         }

   #overlay ul, #overlay a { position: relative; }

      #overlay ul li {
         float          : left;
         width          : 27px;
         height         : 27px;
         margin         : 0 2px 0 0;
      }

         #overlay ul li a {
            float          : left;
            width          : 27px;
            height         : 21px;
            padding        : 6px 0 0 0;
            background-color: #3d3c3b;
            color          : #b9b9b9;
            text-align     : center;
            cursor         : pointer;
         }

         #overlay ul li a:hover, #overlay ul li.active a {
            text-decoration: none;
            background-color: #fff;
            color          : #000;
         }

   #footer .block .title a {
      float          : right;
      color          : #616161;
      text-decoration: underline;
      margin         : -24px 38px 0 0;
      
   }
   
   #footermenu ul { }

      #footermenu ul li {
         display        : inline;
         padding        : 0 9px 0 10px;
         border-right   : 1px solid #8b8b8b;
      }

         #footermenu ul li.last {
            padding        : 0 0 0 10px;
            border         : 0;
         }

         #footermenu ul li a {
            color          : #8b8b8b;
            text-decoration:none;
         }

         #footermenu ul li a:hover {
            text-decoration:underline;
         }

/* Forms */
form { }

input, select, textarea {
   font           : normal 12px "Arial", "Verdana", sans-serif;
   color          : #515151;
   border         : 1px solid #ccc;
   padding        : 2px;
   margin-bottom:2px;
   width          : 200px;
   vertical-align : middle;
}

.submit:hover {
   border: 1px solid #0080C2;
   }

   #newsletter input {
      width          : 135px;
      height         : 25px;
      padding        : 10px 0 0 5px;
      color          : #fff;
      border         : 0;
      background     : transparent url('../_images/newsletter_input.gif') no-repeat top left;
      vertical-align : middle;
      float          : left;
   }
.list .readMore {
      text-decoration: underline;
   }

   #newsletter img {
      float          : left;
   }

   #poll input.checkbox, #newsletter input.checkbox {
      width          : auto;
      height         : auto;
      background     : none;
      float          : none;
      margin         : 0 3px 0 0;
      border         : 0;
   }

   #right #poll div {
      line-height    : 26px;
      height         : 105px;
   }

#offSetDiv
{
   height: 385px;
   /*display: none;*/
   position: absolute;
}

#offSetDiv2
{
   height: 385px;
   /*display: none;*/
   position: absolute;
}
#blauwebalktitel { 
   margin-top:95px;
}
#bloknieuwrechts{
   float:left;
   width:285px;
   border-bottom: 1px #ccc solid;
   margin-bottom:10px;
   
   }
imgLatestNews
{
   margin               : 7px;
}

.companiesDiv
{
   line-height          : 17px;
}

.companiesDiv h2
{
   margin               : 0;
}
.companiesDiv .searchPreferencesDiv
{
   border-bottom        : 1px solid #CCCCCC;
   padding-bottom       : 10px;
   margin-bottom        : 10px;
}

/****************************************************
**  nieuwslijst op de actuele pagina
****************************************************/
#menulijst {
    float:left;
    width:600px;
    margin-bottom: 10px;
    padding-bottom:15px;
    border-bottom: solid #999 1px;
}
#menulijst .titelblokactueel {
   float:left;
   width: 75px;
   margin-right:25px;
}
#menulijst .imageblokactueel {
   float:left;
   width: 90px;
   margin-right:25px;
}
#menulijst .textblokactueel {
   float:left;
   width: 480px;
}

#menulijst .textblokactueel .readMore{
   margin-top: 10px;
   float:left;
   
}

#pagination {
   float:left;
   margin-left:auto;
   margin-right:auto;
}

#texthomealige {
   background-color: red:
}

#leftItems{
   width: 270px; 
   float: left; 
   margin: 10px 20px 0px 10px; 
   border-right: 1px solid #cccccc;
}

#leftItems  .imgleft {
   float: left;
   padding: 6px 10px 6px 0px;
}
 #rightItems {
   height: auto; 
   width: 279px; float: left; 
   margin: 10px 20px 0px 10px;
}

#rightItems  .imgleft {
   float: left;
   padding: 6px 10px 6px 0px;
   border: 0;
}

imgLatestNews{
   margin:7px;
}

.searchPreferencesDiv a.active {
	background: #0080C2;
	color: #FFFFFF;
	padding: 2px 5px;
}

.searchPreferencesDiv .alphabet {
	padding-top: 5px;
}