/*

colors used:
olive for text-color and backgroundcolor header
limegreen for the mouseover of the links and text-color h1-h6
white for the links in the footer

dark grey: #3b3b3b;
yellow: #efd805;

*/

* { margin: 0px; padding: 0px; outline-style: none; }

html, body {
    height: 100%;
    overflow: auto;
}

a:link img,
a:visited img { border: 0px solid #fff; }

#site-container {
    position: absolute;
    top: 0px;
    width: 100%;
    /*min-height: 100%;
    height: auto !important;*/
    height: 100%;
    color: #3b3b3b;
    /*overflow: auto;*/
    /*background: url(http://repos.imanager.nl/transparent.gif) top left repeat;*/  /* For enabling scrolling with mousewheel outside #site */
}

#site {
    margin: 0px auto;
    width: 990px;
    min-height: 300px;
    height: auto !important;
    height: 300px;
    font: 12px  verdana, arial, sans-serif;
    line-height: 16px;
}

/* ------------------------------------------------------------------------- BG Container

// with resizing

#bg-container { position: absolute; left: 0px; top: 0px; z-index: -1; }
#bg-container, #bg-container table, #bg-container td { width:100%;height:100%;overflow:hidden; }
#bg-container div{ position:absolute;width:200%;height:200%;top:-50%;left:-50%;}
#bg-container td {  vertical-align:middle;text-align:center; margin: 0px; padding: 0px; }
#bg-container img{ min-height:50%; min-width:50%; margin:0px 0px 0px 1px; }
*/


#bg-container { position: fixed; } /* ABSOLUTE fix for scrolling with keyboard (right, bottom, spacebar) */
body, #bg-container,#bg-container table,#bg-container td{width:100%;height:100%;overflow:hidden;}
#bg-container div{position:absolute;width:200%;height:200%;top:-50%;left:-50%;}
#bg-container td{vertical-align:middle;text-align:center;}
#bg-container img{min-height:50%;min-width:50%;margin:0 auto;}
#bg-container .bg_overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }


/* ------------------------------------------------------------------------- Header */

#print_header {
    display: none;
}

#header {
    position: relative;
    padding: 0px 0px 0px 30px;
    width: 950px;
    height: 83px;
    z-index: 10;
}

#header .logo {
    position: absolute;
    top: 3px;
}

/*
#header .logo a img {
    float: left;
    border: 0px solid #fff;
}
*/


#header .login-search {
    position: absolute;
    margin: 0px 0px 0px 0px;
    padding: 10px 5px 0px 5px;
    float: right; 
    width: 160px;
    height: 21px;
    right: 8px;
    bottom: 0px;
    color: #c0c0c0;
    font-size: 9px;
    font-weight: bold;
    overflow: hidden;
    background: url(pics/tab_login_active.png) top left no-repeat;
}

#header .login-search .tabs {
    padding: 0px 0px 0px 0px;
    width: 160px;
    height: 20px;
    float: left;
}

#header .login-search .tabs ul { margin: 0px; list-style-type: none; } 
#header .login-search .tabs li { margin: 0px; float: left; } 

#header .login-search .tabs li a:link, 
#header .login-search .tabs li a:visited { width: 77px; display: block; line-height: 20px; font-size: 12px; color: #151515; text-align: center; text-decoration: none; border: 0px solid #fff; }
#header .login-search .tabs li.active a:link, 
#header .login-search .tabs li.active a:visited { width: 83px; color: #fff; }

#header .login-search .tab-content {
    padding: 10px 10px 5px 10px;
    width: 140px;
    height: 41px;
    overflow: hidden;
    float: left;
}

#header .login-search .tab-content .row {
    margin: 0px 0px 5px 0px;
    float: left;    
}

#header .login-search .tab-content .row input.text {
    padding: 0px 2px;
    width: 111px;
    height: 15px;
    float: left;
    font-size: 11px;
    border: 0px solid #fff;
}

#header .login-search .tab-content .row input.submit {
    margin: 0px 0px 0px 5px;    
}


/*
#header .login{
  float: right;
  margin: 0px 22px 0px 0px;
  padding: 6px 0px 0px 11px;
  width: 209px;
  height: 54px;
  color: #c0c0c0;
  font-size: 9px;
  font-weight: bold;
  text-align: right;
  background: url(pics/login-bg.png) top left no-repeat;
}

#header .login .row{
  width: 170px;
  height: 22px;
  float: left;
}

#header .login .row .omschrijving{
  width: 70px;
  margin-right: 3px;
  float: left;
}

#header .login .row .invul{
  width: 97px;
  float: left;
}

#header .login input.text{
  padding: 1px 0px 1px 2px;
  width: 95px;
  border: none;
  font-size: 10px;
  background-color: #e1e1e1;
}

#header .login input.submit{
  float: right;
  margin: 0px 15px 0px 0px;
  width: 17px;
  height: 15px;
  border: none;
  cursor: pointer;
  background: url(pics/submit.gif) top left no-repeat;
}
*/

/* ------------------------------------------------------------------------- Navigation 

#navigation{
  height: 53px;
  width: 775px;
  float: right;
}

#navigation ul {
    margin: 17px 27px 0px 0px;
    list-style-type: none;
  float: right;
  display: inline;
}

#navigation ul li{
  float: left;
  margin-right: 3px;
  height: 40px;
  text-align: center;

}

#navigation li a:link, #navigation li a:visited {
    padding: 0px 25px;
    color: #3b3b3b;
    text-decoration: none;
    display: block;
    line-height: 40px;
    background: url(pics/nav-bg.gif) top left repeat-x;
}

#navigation li.current a:link, #navigation li.current a:visited, #navigation li.current a:hover {
  height: 43px;
  display: inline-block;
  background: #efd805;
}

#navigation li a:hover{
  background: #efd805;
}
*/  

#navigation{
    position: absolute;       
    bottom: 0px;
    left: 190px;
    height: 55px;
    width: 610px;
}

#navigation ul {
    margin: 17px 27px 0px 0px;
    list-style-type: none;

    display: inline;
}

#navigation ul li {
/*    position: relative;*/
    float: left;
    margin-right: 15px;
    height: 55px;
    text-align: center;
}

#navigation ul li span.corner_left,
#navigation ul li span.corner_right {
    position: absolute;
    width: 12px;
    height: 55px;
    top: 0px;     
}

#navigation ul li span.corner_left  { left: -12px;  background: url(pics/bg_tab_navigation_left.png) top left no-repeat; }
#navigation ul li span.corner_right { right: -12px; background: url(pics/bg_tab_navigation_right.png) top left no-repeat; }

#navigation li a:link, #navigation li a:visited {
    position: relative;
    padding: 0px 2px;
    color: #ffffff;
    text-decoration: none;
    display: block;
    line-height: 60px;
    z-index: 1; 
    background: url(pics/bg_tab_navigation.png) top left repeat-x;
}

#navigation li.current a:link, 
#navigation li.current a:visited, 
#navigation li a:hover {
    /*height: 55px; 
    display: inline-block;*/
    z-index: 2;
    background: url(pics/bg_tab_navigation_current.png) top left repeat-x;   
}

#navigation ul li a:hover { z-index: 3; }

#navigation ul li a:hover span.corner_left, 
#navigation ul li.current span.corner_left  { left: -12px;  background: url(pics/bg_tab_navigation_left_current.png) top left no-repeat; }

#navigation ul li a:hover span.corner_right,
#navigation ul li.current span.corner_right { right: -12px; background: url(pics/bg_tab_navigation_right_current.png) top left no-repeat; }

/* ------------------------------------------------------------------------- Subnavigation */


#top-corner {
  margin: -6px 0px 0px 0px;  
  width: 990px;
  height: 16px;
  display: block;
  font-size: 0px;
  line-height: 0px;
  background: url(pics/top-round.png) top left no-repeat;
}

#subnavigation{
    padding: 0px 30px 0px 185px;
    width: 775px;
    height: 35px;
    overflow: hidden;
    background: url(pics/bg_subnavigation.png) top left repeat-y;
}

#subnavigation ul{
    margin: 0px 0px 0px 0px;
    float: right;
    list-style-type: none;
}

#subnavigation ul li{
  padding: 0px 0px 2px 0px;
  list-style-type: none;
  float: left;
  margin: 0px;
  color: #fff;
  font-weight: bold;
}

#subnavigation li a:link, #subnavigation li a:visited{
    margin: 0px 5px 0px 6px;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    font-size: 11px;
    border: 0px solid #fff;
}

#subnavigation li a:hover,
#subnavigation li.current a:link,
#subnavigation li.current a:visited {
    padding: 0px 0px 1px 0px;
    border-bottom: 1px solid #fff;
}

#subnavigation li.last a:link, #subnavigation li.last a:visited{
  margin: 0px 0px 0px 5px;
}

/* ------------------------------------------------------------------------- SubSubnavigation */

#content #subsubnavigation ul {
    margin: 0px;
    list-style-type: none;
}

#content #subsubnavigation li {
    margin: 0px 0px 1px 0px;
    padding: 6px 0px;
    min-height: 18px;
    height: auto !important;
    height: 18px;
    background: #0175a1 url(pics/bg_subsubnavigation_li.gif) top left repeat-x;
}


#content #subsubnavigation li a:link,
#content #subsubnavigation li a:visited {
    padding: 0px 10px 0px 30px;
    display: block;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    border: 0px solid #fff;
    background: url(pics/subsubnavigation_list-style-type.png) 15px 5px no-repeat;
}

#content #subsubnavigation li:hover,
#content #subsubnavigation li.current
{
    background-image: none;
    background-color: #00a6e5;
}


/* subsubsbunavigation */

#content #subsubnavigation li ul.subsubsubnavigation {
    padding: 5px 0px 0px 0px;
}

#content #subsubnavigation li ul.subsubsubnavigation li {
    padding: 0px 0px 0px 15px;
    background: none;
}

#content #subsubnavigation li ul.subsubsubnavigation li a:link,
#content #subsubnavigation li ul.subsubsubnavigation li a:visited{
    padding: 5px 15px 5px 30px;
    background-position: 15px 10px;
}

#content #subsubnavigation li ul.subsubsubnavigation li a:hover,
#content #subsubnavigation li ul.subsubsubnavigation li.current a:link,
#content #subsubnavigation li ul.subsubsubnavigation li.current a:visited{
    text-decoration: underline;
}

/* ------------------------------------------------------------------------- Content */

#content {
  position: relative;
  padding: 15px 30px 5px 30px;
  width: 930px;
  min-height: 380px;
  height: auto !important;
  height: auto;                     
  z-index: 5;
  background: url(pics/bg_content.png) top left repeat-y;
}

.bg_content_top { margin-top: -13px; height: 13px; width: 990px; overflow: hidden; display: block; background: url(pics/bg_content_top.png) top left no-repeat; }

#content div.text{
    min-height: 100px;
    height: auto !important;
    height: 100px;
    float: left;
    font-size: 11px;
    line-height: 21px;
}

/* ------------------------------------------------------------------------- Homepage */

#content.home img { margin: 0px; }

#content.home {
    margin-top: -6px;
    padding: 0px;
    width: 990px;
    background: none; 
}

#content.home .row {
    position: relative;
        
} 

#content.home .row.top    { padding: 20px 0px 0px 19px; height: 215px; background: url(pics/bg_home_row_top.png) 0px 0px no-repeat; }
#content.home .row.middle { padding: 10px 0px 0px 19px; height: 120px; background: url(pics/bg_home_row_middle.png) 0px 0px no-repeat; }
#content.home .row.bottom { padding: 10px 0px 0px 19px; height: 268px; background: url(pics/bg_home_row_bottom.png) 0px 0px no-repeat; }

#content.home .row span.bg {
    position: absolute;
    top: 0px;
    left: 0px;
} 
#content.home .row span.bg img { position: absolute; margin: 0px; }
     
/* Quote */
#content.home .row .quote {
    position: relative;
    padding: 0px;
    width: 235px;
    height: 207px;
    float: left;
    color: #fff;
    cursor: pointer;
    overflow: hidden;
}

#content.home .row .quote img { margin: 0px; }

#content.home .row .quote .bg_image {
    position: absolute; 
    z-index: 1;  
}

#content.home .row .quote .bg_image.fadeout { z-index: 6; }

#content.home .row .quote-content {
    position: relative;
    z-index: 5;    
    display: block;
    cursor: pointer !important;
}
 
#content.home .row .quote .quote-content-top,
#content.home .row .quote .quote-content-bottom {
    padding: 18px 18px 6px 18px;
    width: 195px;
    font-size: 11px;
    overflow: hidden;
} 


#content.home .row .quote .quote_top,
#content.home .row .quote .quote_bottom{
    position: absolute;    
    font-size: 0px;
    line-height: 0px;
}

#content.home .row .quote .quote_top { top: 0px; left: 20px; }
#content.home .row .quote .quote_bottom { right: 20px; bottom: 0px; }

#content.home .row .quote .quote-content-top h1 { margin: 0px; font-size: 14px; font-weight: normal; color: #fff; }

#content.home .row .quote .txt_container {
    position: relative;
    margin: 7px 0px 0px 0px;
    left: -6px;
    padding: 0px 40px;
    width: 163px;
    height: 100px;
    font-size: 14px;
    overflow: hidden;
    line-height: 20px;
    text-align: center; 
}


#content.home .row .quote .quote-content-bottom { padding-top: 10px; margin-top: 0px; height: 30px; }
#content.home .row .quote .quote-content-bottom a:link,
#content.home .row .quote .quote-content-bottom a:visited {
    color: #fff;
    font-size: 11px;
    text-decoration:none;    
}
/* END Quote */


/* News slider */
#content.home .row .block_double {
    position: relative;
    margin: 0px 0px 0px 4px;
    padding: 15px 16px;
    width: 442px;
    height: 175px; 
    float: left;
    overflow: hidden;
    background: url(pics/bg_home_block_double.png) top left no-repeat;
}
#content.home .row.bottom .block_double { height: 210px; background: url(pics/bg_home_block_double_bottom.png) top left no-repeat;  }

#content.home .row .block_single  {
    position: relative;
    margin: 0px 0px 0px 4px;
    padding: 15px 16px;
    width: 203px;
    height: 175px; 
    float: left;
    overflow: hidden;
    background: url(pics/bg_home_block_single.png) top left no-repeat;
}
#content.home .row.bottom .block_single { height: 210px; background: url(pics/bg_home_block_single_bottom.png) top left no-repeat;  }
#content.home .row .block_single.first { margin-left: 0px; }


#content.home .row .block_single.twitter h1 { margin-bottom: 7px; }
#content.home .row .block_single.twitter .twitter-container {
    width: 203px;
    height: 145px;
    overflow: hidden;
}
#content.home .row .block_single.twitter .twitter-item { width: 203px; height: 147px; overflow: hidden; background: #fff; }
#content.home .row .block_single.twitter .twitter-date { font-size: 10px; color: #c4c4c4; }
#content.home .row .block_single.twitter .twitter-image { 
    margin: 0px 15px 0px 0px;
    width: 38px;
    float: left;
    overflow: hidden;
}
#content.home .row .block_single.twitter .twitter-image img { width: 38px; }

#content.home .row .block_single .content_container { height: 210px; overflow: hidden; }

#content.home .row .block_single.twitter .twitter-txt {
    width: 150px; 
    float: left;
    overflow: hidden;
}

#content.home .row .block_single.twitter .twitter-txt a:link,
#content.home .row .block_single.twitter .twitter-txt a:visited { text-decoration: none; border: 0px solid #fff; }

#content.home .row #news-slider {
    position: relative;
    width: 442px; 
    height: 175px; 
    float: left;
    overflow: hidden;
}

/* vanwege ie6 op deze manier opgelost (position absolute bug) */
#content.home .row div.overlay-left img  { position: absolute; margin: 0px; top: 0px; z-index: 10; left: 0px;  }
#content.home .row div.overlay-right img { position: absolute; margin: 0px; top: 0px; z-index: 10; right: 0px; }

#content.home .row #news-slider .slide-container { width: 1000000px; position: relative; top: 0px; left: 0px; min-height: 10px; height: auto !important; height: auto; }
#content.home .block-slide  {
  position: relative;
  width: 182px; 
  min-height: 10px;
  height: auto !important;
  height: auto; 
  float: left;
  overflow: hidden;
}

#content.home .block-slide .slide-container { width: 1000000px; position: relative; top: 0px; left: 0px; height: 0px; overflow: hidden; }

#content.home .block-slide .slide-container .control {
  width: auto; 
  float: right;
  clear: both;
}

#content.home .block-slide .slide-container .control a:link, #content.home .block-slide .slide-container .control a:visited {
  float: left;
  margin-right: 10px;
}

#content.home .row h2 { margin: 0px 0px 3px 0px; color: #000; }
#content.home #news-slider .item {
    position: relative;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 442px;
    height: 175px;
    float: left;
    line-height: 18px;
    overflow: hidden;
    cursor: pointer;
}

#content.home .block-slide .item { float: left; width: 182px; }
#content.home #news-slider .item p { margin: 0px; }
#content.home .block-slide .item p { margin: 0px; }

#content.home #news-slider .item .img     { margin: 0px 20px 0px 0px; width: 202px; height: 175px; float: left; overflow: hidden; }
#content.home #news-slider .item .txt     {  width: 217px; height: 153px; overflow: hidden;  }
#content.home #news-slider .item .control { position: absolute; bottom: 0px; left: 223px;  width: 150px; }
#content.home #news-slider .item .morenews { position: absolute; bottom: 0px; left: 349px;  width: 115px; }
#content.home #news-slider .item .control img.bullet { margin: 0px 10px 0px 0px; }
#content.home #news-slider .item .control a  { border: 0px solid #fff; text-decoration: none; }

#content.home #news-slider .item span.date { font-size: 10px; color: #bbb; } 
/* END News slider */


/* Agenda */
#content.home .row .agenda h1 { margin: 0px 0px 7px 0px; }
#content.home .row ul.agenda-list {
    margin: 0px;
    height: 160px;
    list-style-type: none;
    overflow: hidden;
}

#content.home .row ul.agenda-list li {
    margin: 0px 0px 15px 0px;
}

#content.home .row ul.agenda-list li .date { color: #a0a0a0; font-size: 11px; }
/* END Agenda */
     

/* Middle-row */
#content.home .row.middle { position: relative; z-index: 10; }
#content.home .row.middle .block { 
    position: relative; 
    margin: 0px 4px 0px 0px;
    width: 235px;
    float: left;
}
#content.home .row.middle .block.last { margin: 0px; }

#content.home .row.middle img.top_container {
    position: relative;
    z-index: 10;
    cursor: pointer;
}

#content.home .row.middle .content_container {
    position: absolute;
    width: 212px;
    min-height: 0px;
    height: auto !important;
    height: 0px;
    top: 88px;
    left: 10px;
}  

#content.home .row.middle .content_container .content {
    padding: 0px 15px;
    height: 0px;
    overflow: hidden;
}

#content.home .row.middle .content_container span.bg_bottom { 
    position: absolute;
    bottom: -23px;
    left: 0px;
    width: 212px;
    height: 23px;
}

#content.home .row.middle .block.actualiteiten .content_container       { background: url(pics/bg_home_actualiteiten_foldout.png) top left repeat-y; }
#content.home .row.middle .block.hebjeietstemelden .content_container   { background: url(pics/bg_home_hebjeietstemelden_foldout.png) top left repeat-y; }
#content.home .row.middle .block.actueleprojecten .content_container    { background: url(pics/bg_home_actueleprojecten_foldout.png) top left repeat-y; }
#content.home .row.middle .block.maakvandenuleenpunt .content_container { background: url(pics/bg_home_maakvandenuleenpunt_foldout.png) top left repeat-y; }
    
#content.home .row.middle .block.actualiteiten .content_container span.bg_bottom       { background: url(pics/bg_home_actualiteiten_foldout_bottom.png) top left no-repeat; }
#content.home .row.middle .block.hebjeietstemelden .content_container span.bg_bottom   { background: url(pics/bg_home_hebjeietstemelden_foldout_bottom.png) top left no-repeat; }
#content.home .row.middle .block.actueleprojecten .content_container span.bg_bottom    { background: url(pics/bg_home_actueleprojecten_foldout_bottom.png) top left no-repeat; }
#content.home .row.middle .block.maakvandenuleenpunt .content_container span.bg_bottom { background: url(pics/bg_home_maakvandenuleenpunt_foldout_bottom.png) top left no-repeat; }
    

#content.home .row.middle img.top_container {
    position: relative;
    z-index: 10;
}
/* END Middle-row */   
     
/* ------------------------------------------------------------------------- Homepage 

#content.home{
  width: 960px;
  padding: 5px 10px 0px 10px;
}

#content .row-home{
    padding: 15px 20px 5px 20px;
    width: 920px;
    min-height: 150px;
    height: auto !important;
    height: 150px;
}

#content .row-home .control-enabled li { display: none; }
#content .row-home .control-enabled li.active { display: block; }

#content .row-home img{
    margin: 0px;
}

#content .row-home .quote {
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 5px 15px 5px 15px;
    width: 248px;
    height: 260px;
    float: left;
    color: #fff;
    cursor: pointer;

}

#content .row-home .quote .bg_image {
    position: absolute;
    top: -4px;
    left: -8px;  
    z-index: 1;  
}

#content .row-home .quote .bg_image.fadeout { z-index: 6; }

#content .row-home .quote-content {
    position: relative;
    z-index: 5;    
    display: block;
    cursor: pointer !important;
}

#content .row-home .quote .top,
#content .row-home .quote .bottom {
    padding: 5px 0px;
    width: 230px;
    height: 45px;
    overflow: hidden;
} 

#content .row-home .quote .quote_top,
 #content .row-home .quote .quote_bottom{
    position: absolute;    
    font-size: 0px;
    line-height: 0px;
}

#content .row-home .quote .quote_top { top: 0px; left: 0px; }
#content .row-home .quote .quote_bottom { right: 0px; bottom: 0px; }

#content .row-home .quote .top h1 { margin: 0px; font-size: 18px; font-weight: normal; color: #fff; }

#content .row-home .quote .txt_container {
    position: relative;
    left: -6px;
    padding: 0px 40px;
    width: 163px;
    height: 155px;
    font-size: 18px;
    overflow: hidden;

    line-height: 30px;
    text-align: center; 
}


#content .row-home .quote .bottom { margin-top: 5px; height: 30px; }
#content .row-home .quote .bottom a:link,
#content .row-home .quote .bottom a:visited {
    color: #fff;
    font-size: 14px;
    text-decoration:none;    
}

#content .row-home #news-slider-bg-container {
    position: relative;
    margin: 0px 0px 0px 2px;
    padding: 15px 0px 15px 0px;
    width: 640px;
    height: 240px;
    float: left;
    overflow: hidden;
    background: url(pics/bg_newsslider_home.gif) top left no-repeat;
}

#content .row-home #news-slider {
    position: relative;
    width: 640px;
    height: 240px;
    float: left;
    overflow: hidden;
}

 vanwege ie6 op deze manier opgelost (position absolute bug) 
#content .row-home div.overlay-left img  { position: absolute; top: 0px; z-index: 10; left: 0px;  }
#content .row-home div.overlay-right img { position: absolute; top: 0px; z-index: 10; right: 0px; }

#content .row-home #news-slider .slide-container { width: 1000000px; }

#content .row-home h2    { margin: 0px 0px 3px 0px; color: #000; }
#content #news-slider .item {
    position: relative;
    padding: 0px 0px 0px 15px;
    margin: 0px 15px 0px 0px;
    width: 640px;
    height: 235px;
    float: left;
    line-height: 20px;
    overflow: hidden;
    cursor: pointer;
}
#content #news-slider .item p { margin: 0px; }

#content #news-slider .item .img     { width: 320px; height: 200px; float: left; }
#content #news-slider .item .txt     {  width: 290px; height: 200px; overflow: hidden; }
#content #news-slider .item .control { position: absolute; bottom: 0px; left: 337px;  width: 150px; }
#content #news-slider .item .morenews { position: absolute; bottom: 0px; left: 510px;  width: 115px; }
#content #news-slider .item .control img.bullet { margin: 0px 10px 0px 0px; }
#content #news-slider .item .control a  { border: 0px solid #fff; text-decoration: none; }

#content #news-slider .item span.date { font-size: 10px; color: #bbb; } 

#content .home-seperator{
    margin: 0px 0px 0px 0px;
    width: 960px;
    height: 25px;
    background: url(pics/home-seperator.gif) top left no-repeat;
}

#content .row-home .block {
    margin: -5px 0px 0px -5px;
    float: left;
    display: inline; ie6 double margin 
}

#content .row-home .block_bottom {
    position: relative;
    margin: -5px 0px 0px -5px;
    padding: 15px;
    width: 425px;
    height: 235px;
    float: left;
    display: inline;
    background: url(pics/home-bg_agenda.gif) top left no-repeat;
}

#content .row-home .block_bottom .bottom-right { position: absolute; bottom: 15px; right: 15px; }
 
 Met lees meer link 
#content .row-home .block_bottom.video embed,  
#content .row-home .block_bottom.video object { width: 335px; height: 236px; }  

 
#content .row-home ul.agenda-list li {
    margin: 0px 0px 15px 0px;
}

#content .row-home ul.agenda-list li .date { color: #a0a0a0; font-size: 11px; }


Actionpage 
#content .row-home .block_bottom .actionpage {
	width: 425px;
	height: 235px;
	overflow: hidden; 	
}

#content .row-home .block_bottom .actionpage img { margin: 0px 15px 0px 0px; float: left; } 

#content .row-home .block_bottom .actionpage a:link,
#content .row-home .block_bottom .actionpage a:visited,
#content .row-home .block_bottom .actionpage a:hover { border: 0px solid #fff; text-decoration: none; color: #636363; display: block; line-height: 18px; }

#content .row-home .block.animate {
    position: relative;
    width: 298px;
    height: 200px;
    display: block;
    float: left;
    overflow: hidden;
    background: url(http://repos.imanager.nl/transparent.gif) top left repeat;
}

#content .row-home .block.animate ul {
    margin: 0px;
    width: 248px;
    height: 150px;
    overflow: hidden;
    list-style-type: none;
}

#content .row-home .block.animate li {
    margin: 0px;
}

#content .row-home .animate .toplayer,
#content .row-home .animate .bottomlayer {
    position: absolute;
    width: 298px;
    height: 200px;
    top: 0px;
    left: 0px;
}
#content .row-home .animate .toplayer { z-index: 10; }
#content .row-home .animate .bottomlayer {
    padding: 25px;
    width: 248px;
    height: 150px;
    overflow: hidden;
    z-index: 5;
}

#content .row-home .animate .bottomlayer.orange { background: url(pics/home_block_mouseover_orange.gif) top left no-repeat; }
#content .row-home .animate .bottomlayer.green  { background: url(pics/home_block_mouseover_green.gif)  top left no-repeat; }
#content .row-home .animate .bottomlayer.blue   { background: url(pics/home_block_mouseover_blue.gif)   top left no-repeat; }

#content .row-home .animate .bottomlayer a.prev { float: left; }
#content .row-home .animate .bottomlayer a.next { float: right; }
*/  

/* ------------------------------------------------------------------------- Sidebar */

#content #sidebar {
    margin: 0px 0px 0px 20px;
    width: 270px;
    min-height: 100px;
    height: auto !important;
    height: 100px;
    float: left;
}
#content #sidebar .sb-block{
    float: right;
    margin-bottom: 20px;
    width: 270px;
    min-height: 10px;
    height: auto !important;
    height: 10px;
}

#content #sidebar .sb-block .name{
    position: relative;
    height: 25px;
    width: 270px;
    line-height: 25px;
    text-align: center;
    background: url(pics/sub-bg.gif) top left repeat-x;
}

#content #sidebar .sb-block .item {
    margin-top: 3px;
    padding-bottom: 5px;
    width: 268px;
    min-height: 30px;
    height: auto !important;
    height: 30px;
    border: 1px solid #bfbfbf;
    background-color: #f8f8f8;
}

#content #sidebar .sb-block .item-form {
    margin-top: 3px;
    width: 268px;
    height: 0px;
    border: 0px solid #bfbfbf;
    background-color: #f8f8f8;
    overflow: hidden;
    display: block;
}

#content #sidebar .sb-block .name .arrow{
  position: absolute;
  right: 10px;
  top: 0px;
  width: 11px;
  height: 25px;
}

#content #sidebar .sb-block .name .arrow img{
  margin: 0px;
}

#content #sidebar .sb-block .item ul {
    margin: 6px 0px 0px 6px;
}

#content #sidebar .sb-block .item ul li{
    float: left;
    margin: 0px 6px 6px 0px;
    width: 81px;
    height: 81px;
    overflow: hidden;
    list-style-type: none;
}

#content #sidebar .sb-block .item ul li a:link, #content #sidebar .sb-block .item ul li a:visited{
    border: none;
    text-decoration: none;
}

#content #sidebar .sb-block .item ul li a:link img, #content #sidebar .sb-block .item ul li a:visited img{
    margin: 0px;
    padding: 2px;
    border: 1px solid #dedede;
}

/* sidebar blog */
#content #twitter-feed a:link, 
#content #twitter-feed a:visited {
    color: #51a8de;    
    text-decoration: none;
    
}

#content #twitter-feed .twitter-item {
    margin: 0px 0px 20px 0px;
    color: #000;
    font-size: 11px;   
}

#content #twitter-feed .twitter-item .date {
    margin: 10px 0px 0px 0px;
    text-align: right;
}

#icon-bar {
    margin: 20px 0px;    
}

#content ul.archive {
    margin: 10px 0px;
    list-style-type: none;    
}

#content ul.archive li { margin: 0px 0px 10px 0px;  }

/* ------------------------------------------------------------------------- block-overview */

#block-overview {}

#block-overview .pr-block {
    margin: 0px 15px 15px 0px;
    padding: 8px;
    width: 282px;
    height: 100px;
    float: left;
    border: 1px solid #bfbfbf;
    overflow: hidden;
    background: #f8f8f8 url(pics/bg_pr-block.gif) 270px 88px no-repeat;
}

#block-overview .pr-block .img {
    width: 135px;
    height: 100px;
    float: left;
    display: block;
    overflow: hidden;
}

#block-overview .pr-block .img img {  width: 135px; height: 100px; }

#block-overview .pr-block .title {
    padding: 0px 10px;
    width: 127px;
    height: 100px;
    float: left;
    overflow: hidden;
}

/* ------------------------------------------------------------------------- Blocks */

#content .block-container{
  width: 870px;
  min-height: 10px;
  height: auto !important;
  height: 10px;
  margin-bottom: 20px;
}

#content .block-container .block{
  padding: 0px 0px 0px 25px;
  width: 845px;
  height: 40px;
  color: #fff;
  line-height: 40px;
  font-size: 14px;
  font-weight: bold;
  background: url(pics/nav-bg.gif) top left repeat-x;
}

#content .block-container .block.active{
  color: #464646 !important;
}

#content .block-container .block .score{
  margin: 10px 15px 0px 0px;
  float: right;
  width: 250px;
  height: 20px;
  border: 1px solid #7a787b;
  background-color: #ffffff;
}

#content .block-container .block .score .color{
  width: 250px;
  height: 20px;
}

#content .block-container .block .score .color.green {background-color: #86ca35;}
#content .block-container .block .score .color.orange{background-color: #ffc30b;}
#content .block-container .block .score .color.red   {background-color: #eb3333;}

#content .block-container .blockContent{
  border-left: 1px solid #efd805;
  border-bottom: 1px solid #efd805;
  border-right: 1px solid #efd805;
}

#content .block-container .blockContent .overview{
  float: right;
  width: 60px;
}

#content span.margin{
  margin-right: 20px;
}

h1, td h1 {font: 18px verdana, arial, sans-serif; font-weight: bold; color: #00aeef; margin-bottom: 20px;}
h2, td h2 {font: 17px verdana, arial, sans-serif; font-weight: bold; color: #00aeef; margin-bottom: 20px;}
h3, td h3 {font: 15px verdana, arial, sans-serif; font-weight: bold; color: #00aeef; margin-bottom: 7px;}
h4, td h4 {font: 14px verdana, arial, sans-serif; font-weight: bold; color: #00aeef; margin-bottom: 0px;}
h5, td h5 {font: 13px verdana, arial, sans-serif; font-weight: bold; color: #151515; margin-bottom: 7px;}
h6, td h6 {font: 12px verdana, arial, sans-serif; font-weight: bold; color: #00aeef; margin-bottom: 7px;}

h1.black { color: #3E3E3E; }

h2.news-detail {margin-bottom: 5px;}  
#content span.share-this {
  margin-bottom: 15px;
}

#content a:link, #content a:visited {text-decoration: underline; color: #3e3e3e; /* border-bottom: 1px solid #636363; */}
#content a:hover {text-decoration: underline; color: #0183b4; /*border-bottom: 1px solid #ad9b00; */}


#content table {margin: 5px 0px;}
#content td {
    font: 11px verdana, arial, sans-serif;
    line-height: 21px;
    color: #3b3b3b;
}

#content img { margin: 10px 0px; }
#content img.left {    margin: 0px 10px 10px 0px; float: left; }
#content img.right { margin: 0px 0px 10px 10px; float: right; }

#content img[align^="left"]  { margin: 6px 10px 10px 0px; } 
#content img[align^="right"] { margin: 6px 0px 10px 10px; } 


p { margin-bottom: 9px;}

#content ul { margin: 10px 0px 10px 15px; list-style-type: disc;}
#content li { margin: 0px 0px 0px 15px;}
#content ol { margin: 10px 0px 10px 20px;}

.pointer { cursor: pointer; }
.text-align-right  { text-align: right; }
.text-align-center { text-align: center; }
.fs-11   { font-size: 11px; }
.fs-13   { font-size: 13px; }
.padding15 { padding: 15px; }
.positionRelative { position: relative; }
.requestedColor   { margin: 0px 0px 5px 0px; color: #999; }

.comment { color: #999; font-size: 10px; font-style: italic; }

.floatRight { float: right; }
.floatLeft  { float: left;  }

#content span.file { padding: 6px; display: block; }
#content span.file .icon img { margin: 2px 0px; }
#content span.file .icon     { margin: 0px 5px 0px 0px; padding: 0px; font-size: 0px; line-height: 0px; float: left; }
#content span.file .info     { width: 375px; float: left; }

#content #publications span.file { padding: 0px; }

#content #sidebar span.file .info { width: 235px; overflow: hidden; }
#content #sidebar span.file .info a:link,
#content #sidebar span.file .info a:visited { border: 0px solid #fff; }


#content #block-overview .pr-block img { margin: 0px; }

#content .pr-block a:link,
#content .pr-block a:visited { border: 0px solid #fff; text-decoration: none; }

#cse-search-results iframe { width: 630px; }

#content img.icon_rss             { margin: 3px 0px 0px 10px; }
#content img.icon_rss_news_detail { margin: 0px 0px 0px 10px; }

/* ------------------------------------------------------------------------- Footer */

#footer {
  padding: 26px 20px 0px 0px;
  width: 970px;
  height: 46px;
  font: 10px verdana, arial, sans-serif;
  color: #3b3b3b;
  font-weight: bold;
  text-align: right;
  background: url(pics/bg_bottom.png) top left no-repeat;
}

#footer.home {
    padding-top: 0px;
    height: 20px;
    background: none;
} 

#footer a:link, #footer a:visited {
  text-decoration: none;
  line-height: 20px;
  color: #3b3b3b;
  font-weight: bold;
}

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

br.clear { height: 0px; font: 0px verdana, arial, sans-serif; line-height: 0px; clear: both; }

/* ------------------------------------------------------------------------- Dimensions settings */

.width_20  { width: 20px;  }
.width_30  { width: 30px;  }
.width_50  { width: 50px;  }
.width_60  { width: 60px;  }
.width_80  { width: 80px;  }
.width_85  { width: 85px;  }
.width_90  { width: 90px;  }
.width_95  { width: 95px;  }
.width_100 { width: 100px; }
.width_110 { width: 110px; }
.width_120 { width: 120px; }
.width_125 { width: 125px; }
.width_130 { width: 130px; }
.width_140 { width: 140px; }
.width_150 { width: 150px; }
.width_151 { width: 151px; }
.width_160 { width: 160px; }
.width_170 { width: 170px; }
.width_164 { width: 164px; }
.width_175 { width: 175px; }
.width_180 { width: 180px; }
.width_185 { width: 185px; }
.width_190 { width: 190px; }
.width_191 { width: 191px; }
.width_200 { width: 200px; }
.width_210 { width: 210px; }
.width_220 { width: 220px; }
.width_230 { width: 230px; }
.width_240 { width: 240px; }
.width_242 { width: 242px; }
.width_250 { width: 250px; }
.width_260 { width: 260px; }
.width_270 { width: 270px; }
.width_280 { width: 280px; }
.width_300 { width: 300px; }
.width_320 { width: 320px; }
.width_330 { width: 330px; }
.width_340 { width: 340px; }
.width_350 { width: 350px; }
.width_355 { width: 355px; }
.width_356 { width: 356px; }
.width_370 { width: 370px; }
.width_380 { width: 380px; }
.width_390 { width: 390px; }
.width_400 { width: 400px; }
.width_430 { width: 430px; }
.width_450 { width: 450px; }
.width_460 { width: 460px; }
.width_480 { width: 480px; }
.width_485 { width: 485px; }
.width_499 { width: 499px; }
.width_539 { width: 539px; }
.width_500 { width: 500px; }
.width_510 { width: 510px; }
.width_540 { width: 540px; }
.width_550 { width: 550px; }
.width_560 { width: 560px; }
.width_570 { width: 570px; }
.width_600 { width: 600px; }
.width_610 { width: 610px; }
.width_620 { width: 620px; }
.width_630 { width: 630px; }
.width_650 { width: 650px; }
.width_690 { width: 690px; }
.width_700 { width: 700px; }
.width_710 { width: 710px; }
.width_740 { width: 740px; }
.width_770 { width: 770px; }
.width_780 { width: 780px; }
.width_810 { width: 810px; }
.width_920 { width: 920px; }

/* ------------------------------------------------------------------------- Spacers */

.h_spacer_16 { width: 16px; height: 16px; float: left; }
.h_spacer_20 { width: 20px; height: 20px; float: left; }

.height_293 {  height: 293px; }

/* ------------------------------------------------------------------------- List styling */

#list .row { padding: 0px; min-height: 5px; height: auto !important; height: 5px; width: 100%; }
#list .row.uneven { padding: 0px; background: #f5f5f5;  }
#list .row.even   { background: #e5e5e5;    }
#list .row.hover  { background: #cecece;    }


#content .blocks .block_content.blue .even   { background: #25b5ec; }
#content .blocks .block_content.blue .uneven { background: #00a6e5; }

#list .column {
    padding: 0px 5px;
    float: left;
}

#list .head       .column { padding: 2px 5px; }
#list .row.even   .column { padding: 2px 5px; }
#list .row.uneven .column { padding: 2px 5px; }

#list .column.border-left {
    border-left: 1px solid #b2b2b2;
}

#list .column.description { font-weight: bold; }
#list .column.icons { float: right; }
#list .column.icons a:link,
#list .column.icons a:visited { height: 15px; float: left; border: 0px solid #fff; text-decoration: none; }

#content #list .column span.icons { float: right; }
#content #list .column span.icons img {
    margin: 0px 0px 0px 5px;
    display: block;
    float: left;
    text-decoration: none;
    border: 0px solid #fff;
}

#list.assessment-form .row.head .column { color: #fff; }
#list .row.head .column { font-weight: bold; /*color: #fff;*/ }
#list .head h5 { color: #151515; }  

#content img.icon { margin: 0px 0px 0px 3px; }

#content img.border-yellow {
    border: 3px solid #8f8f8f;     
}


/* Blocks */
#content .blocks {
    margin-top: -15px; 
    margin-left: -10px;
    margin-bottom: -7px;
    padding: 0px;  
    width: 950px; 
}

#content .blocks .block_content { 
    padding: 10px 15px;
    width: 920px; 
    
}
#content .blocks .block_content.white { background: url(pics/bg_round_white.gif) top left repeat-y; }
#content .blocks .block_content.blue  { background: url(pics/bg_round_blue.gif) top left repeat-y; }
#content .blocks .block_content.beige { background: url(pics/bg_round_beige.gif) top left repeat-y; }

#content .blocks .round_top {
    width: 950px;
    height: 11px;
    overflow: hidden;
}
#content .blocks .round_top .white { background: url(pics/bg_round_top_white.gif) top left no-repeat; }
#content .blocks .round_top .blue  { background: url(pics/bg_round_top_blue.gif) top left no-repeat; }
#content .blocks .round_top .beige { background: url(pics/bg_round_top_beige.gif) top left no-repeat; }

#content .blocks .round_bottom {
    width: 950px;
    height: 11px;
    overflow: hidden;   
}
#content .blocks .round_bottom .white { background: url(pics/bg_round_bottom_white.gif) top left no-repeat; }
#content .blocks .round_bottom .blue  { background: url(pics/bg_round_bottom_blue.gif) top left no-repeat; }
#content .blocks .round_bottom .beige { background: url(pics/bg_round_bottom_beige.gif) top left no-repeat; }

#content .blocks .block_content.blue,
#content .blocks .block_content.blue h1,
#content .blocks .block_content.blue h2,
#content .blocks .block_content.blue h3,
#content .blocks .block_content.blue h4,
#content .blocks .block_content.blue h5,
#content .blocks .block_content.blue h6 { color: #fff; }
/* End blocks */


/* Filter */
#content .blocks .filter {
    padding: 0px 5px;
    width: 910px;
    color: #fff;
}

#content .blocks .filter .column_left,
#content .blocks .filter .column_middle {
    margin: 0px 10px 0px 0px;
    width: 330px;
    float: left;
}

#content .blocks .filter .column_right {
    width: 230px;
    float: left;
}

#content .blocks .filter .row {
    margin: 0px 0px 5px 0px;
    width: 330px;
    min-height: 10px;
    height: auto !important;
    height: 10px;
}

#content .blocks .filter .column_right .row { 
    width: 230px;          
}

#content .blocks .filter .row input,
#content .blocks .filter .row select { 
    padding: 2px;
    width: 180px; 
    border: 0px; 
    font-size: 11px; 
    color: #00a6e5; 
    font-weight: bold; 
}
#content .blocks .filter .row select { padding: 0px; width: 184px; }
#content .blocks .filter .row option { padding: 2px 0px; font-size: 11px; }

#content .blocks .filter .row input.btn_filter,
#content .blocks .filter .row input.btn_export {
    margin: 0px 0px 0px 10px;
    width: 99px;
    height: 28px;
    float: right;
    font-size: 0px;
    line-height: 0px;
    cursor: pointer;
}

#content .blocks .filter .row input.btn_filter { background: url(pics/btn_filter.gif) top left no-repeat; }
#content .blocks .filter .row input.btn_export { background: url(pics/btn_export.gif) top left no-repeat; }

#content .blocks .filter .column_left   .row .description,
#content .blocks .filter .column_middle .row .description,
#content .blocks .filter .column_right  .row .description {
    margin: 0px 10px 0px 0px;
    width: 90px;
    float: left;
    font-weight: bold;
}

#content .blocks .filter .column_left .row .value,
#content .blocks .filter .column_middle .row .value {
    width: 200px;
    float: left;
}

#content .blocks .filter .column_right .row .value    { width: 130px; float: left; }
#content .blocks .filter .column_right .row .checkbox { width: auto; display: inline; float: right; }
/* End filter */   


/* ------------------------------------------------------------------------- subsidy-form */

#list .subsidy-form {
    padding: 10px 0px;
    margin: 0px 0px 0px 0px;
    width: 918px;
    font-size: 11px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: 0px solid #ddd;
}

#list .subsidy-form input {
    padding: 0px 0px 3px 0px;
    color: #555;
    font-size: 13px;
    border: 0px solid #fff;
    border-bottom: 1px solid #777;
}

#list .subsidy-form input.fullborder { border: 1px solid #777; }

#list .subsidy-form h5 { margin: 0px; }


#list .subsidy-form .row-actieplan { padding: 2px 0px;  font-size: 12px; }
#list .subsidy-form .row-actieplan .column { padding: 0px 5px; }
span.infoMsg { display: inline; }

#list .subsidy-form .row.head .description { color: #3b3b3b; }

/* ------------------------------------------------------------------------- Form general */

#form_container_general .row {
    float: left;
    clear: left;
    width: 100%;
}

#form_container_general .description {
    padding: 1px 0px;
    width: 100px;
    float: left;
    font-weight: bold;
}

#form_container_general .value{
    position: relative;
    margin: 0px 0px 2px 0px;
    padding: 1px 0px 0px 0px;
    float: left;
}

#form_container_general input.text {
    padding: 1px 2px;
    width: 135px;
    height: 14px;
    line-height: 15px;
    font-size: 11px;
    float: left;
    border: 1px solid #a5acb2;
}

#form_container_general .textarea {
    padding: 2px;
    width: 300px;
    height: 150px;
    font: 11px verdana, arial, sans-serif;
    border: 1px solid #a5acb2;
}

#form_container_general input.button {
    padding: 2px 10px;
    margin: 0px 10px 0px 0px;
    font-size: 11px;
    border: 0px solid #fff;
    color: #fff;
    background: #636363;
}

#form_container_general .value .errorMsg { position: absolute; top: 2px; right: -22px; float: left; line-height: 15px; }


/* ------------------------------------------------------------------------- Google maps */

#map {
    width: 630px;
    height: 300px;
}

#directionsPanel {
    width: 630px;
    min-height: 20px;
    height: auto !important;
    height: 20px;
}

#directionsPanel table { width: 100%; }

#form_container_googlemaps { padding: 10px; text-align: right; background: #ddd; }

#form_container_googlemaps input { padding: 1px 2px; border: 1px solid #a5acb2;  font: 11px verdana, arial, sans-serif; }
#form_container_googlemaps input.country { width: 30px; }

#form_container_googlemaps input.button {
    padding: 2px 10px;
    margin: 0px;
    height: 17px;
    font-size: 11px;
    border: 0px solid #fff;
    color: #fff;
    background: #636363;
}

/* ------------------------------------------------------------------------- contributionForm BLOG */

#contributionForm-blog {

}

#contributionForm-blog .description {
    padding: 1px 0px;
    width: 70px;
    float: left;
    color: #00AEEF;
    font-size: 15px;
    font-weight: bold;
}

#contributionForm-blog .value { padding: 5px 0px; }

#contributionForm-blog input.text {
    padding: 1px 2px;
    width: 240px;
    height: 14px;
    line-height: 15px;
    font-size: 11px;
    border: 1px solid #00AEEF;
}

#contributionForm-blog input.button {
    padding: 2px 10px;
    margin: 0px 10px 0px 0px;
    font-size: 11px;
    border: 0px solid #fff;
    color: #fff;
    background: #636363;
}

#contributionForm-blog .textarea {
    padding: 2px;
    width: 553px;
    height: 100px;
    font: 11px verdana, arial, sans-serif;
    border: 1px solid #00AEEF; 
}

#contributionForm-blog .value { position: relative; margin: 0px 0px 5px 0px;float: left;width: 164px;}
#contributionForm-blog .value .errorMsg { position: absolute; top: 1px; right: 0px; }

#contributionForm-blog .value.w_300 {width: 300px;}

/* ------------------------------------------------------------------------- contributionForm */

#contributionForm {
    padding: 15px;
}

#contributionForm .description {
    padding: 1px 0px;
    width: 70px;
    float: left;
    font-weight: bold;
}

#contributionForm input.text {
    padding: 1px 2px;
    width: 135px;
    height: 14px;
    line-height: 15px;
    font-size: 11px;
    border: 1px solid #a5acb2;
}

#contributionForm input.button, #btnUpload {
    padding: 2px 10px;
    margin: 0px 10px 0px 0px;
    font-size: 11px;
    border: 0px solid #fff;
    color: #fff;
    background: #636363;
}

#btnUpload {
    margin: 1px 0px 0px 0px;
    width: 38px;
    display: block;
}

#contributionForm .textarea {
    padding: 2px;
    width: 135px;
    height: 100px;
    font: 11px verdana, arial, sans-serif;
    border: 1px solid #a5acb2;
}

#contributionForm .value { position: relative; margin: 0px 0px 5px 0px;float: left;width: 164px;}
#contributionForm .value .errorMsg { position: absolute; top: 1px; right: 0px; }

/* ------------------------------------------------------------------------- tooltip */

#tooltip {
    position: absolute;
    z-index: 3000;
    width: 250px;
    border: 1px solid #006FB4;
    background-color: #6192C8;
    padding: 5px;   
}

#tooltip div { margin: 0; padding: 0px 5px; color: #fff; font: 12px verdana, arial, sans-serif; }

span.tooltipTxt { display: none; }

#content img.tooltip { margin: 0px; }

/* ------------------------------------------------------------------------- Standard form styling */

#list a.button:link,
#list a.button:visited,
#list input.button {
    padding: 0px 25px;
    height: 40px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    line-height: 40px;
    border: 0px solid #fff;
    background: url(pics/nav-bg.gif) top left repeat-x;
}

#list a.button:hover { background: #00a6e5; }

#list.form .row        { padding: 2px 0px; display: inline-block; }
#list.form .row.uneven { background: none; }
#list.form .row.even   { background: #f6f6f6; }
#list.form .column     { padding: 0px 5px 0px 0px; }
#list.form .error,
span.error  { margin: 3px 5px 3px 0px; color: red; display: block; clear: left; font-size: 10px; }
span.error.display-inline { display: inline; }

#list input.input-subsidy-form.error { color: red; }
#list .subsidy-form input.checkbox{ border: 0px solid #fff; }

/* this solution because of ie7 position relative bug in combination with jquery slidetoggle */
#list .errorMsg.subsidy img.tooltip { position: relative;  left: -7px; top: -18px;    }
#list .subsidy-editstate .errorMsg.subsidy img.tooltip { left: -123px; top: 2px;    }

#list.form .border  { border: 1px solid #e5e5e5; }

#list .column { min-height: 10px; height: auto !important; height: 10px; }
#list .column.nopadding { padding: 0px; }

#list.form .description,
#list.form .full_width {
    padding: 0px 5px 0px 5px;
    width: 160px;
    float: left;
    line-height: 17px;
    font-weight: bold;
}

#list.form .value {
    width: 270px;
    float: left;
}

#list.form .value.width_340 {
    width: 340px;
}

#list.form .value.large {
    width: 620px;
}

#list.form .full_width {
    width: 100%;
}

#list.form .value a.forgotPassword:link,
#list.form .value a.forgotPassword:visited {
    font-size: 10px;
}

#list.form input.text {
    padding: 1px 2px;
    font-size: 12px;
    width: 150px;
    height: 15px;
    line-height: 15px;
    border: 1px solid #a5acb2;
}

/* float left for info icon */
#list.form input.text,
#list.form select,
#list.form textarea { float: left; border: 1px solid #a5acb2; }

#list.form img.tooltip { margin: 2px 0px 0px 5px; float: left; }

#list input.button { font-weight: bold; }

#list input.input-subsidy-form { float: left; width: 100px; }
#list .subsidy-form input.ForAgreement { border:0px solid #fff; /*width: 13px; height: 13px; display: block; padding: 0; border: 1px solid #777;*/ }
#list span.radio { margin: 0px 30px 0px 0px; float: left; line-height: 20px; color: #3B3B3B; }

#list input.radio {
    margin: 2px 5px;
    float: left;
    border: 0px solid #fff;
}

#list.form select {
    width: 158px;
    font-size: 12px;
}

#list .textarea {
    padding: 2px;
    width: 616px;
    height: 200px;
    font: 11px verdana, arial, sans-serif;
}

#list .textarea.ticket {
    width: 242px; 
    height: 237px;   
}  

#list .textarea.actieplan {
    width: 242px; 
    height: 100px;    
}

#list input.submit,
#list button.submit,
#list a.submit:link,
#list a.submit:visited {
    padding: 2px 10px;
    margin: 0px 10px 0px 0px;
    font-size: 11px;
    border: 0px solid #fff;
    text-decoration: none;
    color: #fff;
    background: #636363;
}

#list  span.checkbox {
  width: 17px;
  height: 17px;
  padding: 0 5px 0 0;
  background: url(pics/checkboxes.png) no-repeat;
  display: block;
  clear: left;
  float: left;
}


/* Tooltip */
#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #006FB4;
    background-color: #6192C8;
    padding: 5px;
}
#tooltip div { margin: 0; padding: 0px 5px; color: #fff; font: 12px verdana, arial, sans-serif; }

/* Person list */

#person-list .person {
    margin: 0px 0px 15px 0px;
    width: 630px;
    height: 115px;
    float: left;
    border: 1px solid #BFBFBF;
    overflow: hidden;
    background-color:#F8F8F8;
}

#person-list .photo {
    padding: 8px 0px 0px 8px;
    width: 82px;
    height: 100px;
    float: left;
    display: block;
}

#content #person-list .photo img { margin: 0px; }

#person-list .name {
    width: 530px;
    display: block;
    font-weight: bold;
}

#person-list .description {
    width: 530px;
    float: left;
}

#rmo-person-list .person {
    margin: 0px 15px 15px 0px;
    padding: 5px;
    width: 285px;
    height: 85px;
    float: left;
    border: 1px solid #BFBFBF;
    overflow: hidden;
    background-color:#F8F8F8;  
}

/* agenda items & Blog items */

#agenda-list .agenda-item,
#blog-list .blog-item {
    width: 630px;
    float: left;
    margin-top: 20px;
}

#agenda-list .agenda-item .title,
#blog-list .blog-item .title {
    background: #aeaeae;
    color: #383838;
    float: left;
    padding: 3px 10px;
    width: 610px;
    font-weight: bold;
}

#agenda-list .agenda-item .name,
#blog-list .blog-item .name {
    width: 500px;
    float: left;
}

#agenda-list .agenda-item .date,
#blog-list .blog-item .date {
    float: right;
}

#agenda-list .agenda-item .intro,
#blog-list .blog-item .intro {
    width: 608px;
    background: #f8f8f8;
    border: 1px solid #bfbfbf;
    float: left;
    padding: 3px 10px;
}

#agenda-list .agenda-item .intro a:link,
#agenda-list .agenda-item .intro a:visited,
#blog-list .blog-item .intro a:link,
#blog-list .blog-item .intro a:visited {
    float: right;
    border: 0px !important;
}


#blog-list-v2 {
    width: 630px;
    float: left;    
}

#blog-reactions h2.spf-segoe,
#blog-add-reaction h2.spf-segoe{
    padding: 0px 0px 5px 0px;
    border-bottom: 1px solid #00AEEF;
}

#blog-add-reaction .btn_send { background: none; border: 0px solid #fff; color: #00AEEF; font-size: 15px; }

#blog-list-v2 .blog-item-v2 {
    padding: 0px 0px 8px 0px;
    margin: 0px 0px 25px 0px;    
    min-height: 30px;
    height: auto !important;
    height: 30px;
    border-bottom: 1px solid #00AEEF;
}

#blog-list-v2 .blog-item-v2 .image {
    width: 155px;
    float: left;    
}

#blog-list-v2 .blog-item-v2 img {
    border: 2px solid #8f8f8f;    
}

#blog-list-v2 .blog-item-v2 .text {
    width: 475px;
    float: left;       
}

#blog-list-v2 .blog-item-v2 .text.big { width: 630px; }

#blog-list-v2 .blog-item-v2 .control {
    margin: 10px 0px;    
}

#blog-list-v2 .blog-item-v2 .control a:link,
#blog-list-v2 .blog-item-v2 .control a:visited {
    font-size: 15px;
    color: #00AEEF;
    text-decoration: none;       
}

#blog-add-reaction {
    margin: 50px 0px;    
}

#blog-reactions {
    margin: 50px 0px;    
}

#blog-reactions .blog-reaction {
    margin: 0px 0px 30px 0px;    
}

/* accordion -- uitklapmenu bij weggebruikers / issues */


#accordion .acc-item {
    width: 630px;
    float: left;
    margin-top: 20px;
}

#accordion .acc-item .title {
    width: 630px;
    background: #aeaeae;
    color: #fff;
    float: left;
    padding: 3px 10px;
    width: 610px;
    font-weight: bold;
    cursor: pointer;
}

#accordion .acc-item .txt {
    width: 608px;
    background: #f8f8f8;
    border: 1px solid #bfbfbf;
    float: left;
    padding: 3px 10px;
    overflow: hidden;
}

#accordion .acc-item .txt a:link,
#accordion .acc-item .txt a:visited {
    /* float: right; ??? */
    border: 0px !important;
}
   

/* partner-list */

#partner-list .partner {
    width: 200px;
    float: left;
    margin: 10px 10px 0px 0px;
    cursor: pointer;
}

#partner-list .partner .name {
    width: 190px;
    background: #AEAEAE;
    color:#383838;
    float: left;
    text-align: center;
    font-weight: bold;
    padding: 3px 5px;
}

#content #partner-list a:link, 
#content #partner-list a:visited { text-decoration: none; border: 0px solid #fff; } 

#partner-list .partner .logo {
    width: 188px;
    background: #ffffff;
    border: 1px solid #BFBFBF;
    float: left;
    height: 80px;
    padding: 5px;
    text-align: center;
}

#partner-list .partner .logo img{
    margin: 0px !important;
}

/* Ticket gallery */
#gallery ul { margin: 15px 0px; list-style-type: none; }
#gallery li {
    margin: 0px 15px 15px 0px;
    width: 128px;
    float: left;
}

#gallery li a:link img,
#gallery li a:visited img,
#gallery li a:link,
#gallery li a:visited {
    margin: 0px;
    padding: 0px;
    border: 0px solid #fff;
}

.progressContainer { padding: 10px 5px; margin: 0px 0px 3px 0px; border: 1px solid #e5e5e5; background: #f6f6f6; }
.progressContainer .progressName { font-weight: bold; }

/* ------------------------------------------------------------------------- Youtube */

#playlist {
  float: right;
  width: 137px;
  height: 210px; 
  overflow: auto;
}

#youtube-movie {
   width: 300px;
   float: left;
}

#playlist a:link,  
#playlist a:visited { width: 115px; overflow: hidden; }  

#playlist a img { width: 115px; }  

/* ------------------------------------------------------------------------- Actieplan */

#content .legenda      { float: right; }
#content .legenda-item { margin: 0px 0px 0px 10px; float: left; font-size: 10px;  font-weight: bold;}
#content .legenda img  { margin: 0px 5px 0px 0px;  float: left; }

#list.assessment-form .row.head {
    height: 60px !important;
    line-height: 56px;
    background: url(pics/bg_assessment-form_head.gif) top left repeat-x;
}

#list.assessment-form .statusbar {
    margin: 17px 0px;
    width: 240px;
    height: 15px;
    border: 1px solid #7c7875;
    background: #fff;
}

#list.assessment-form .progressbar { height: 15px; }

#list.assessment-form .question .description {
    padding: 0px 15px 0px 0px;
    width: 700px;
    min-height: 10px;
    height: auto !important;
    height: 10px;
    float: left;
    font-weight: normal; /*ie6*/
}

#list.assessment-form .question .description.intro { margin: 0px 0px 5px 0px; /*font-weight: bold;*/ float: left; /* was: float:none; */ }

#list.assessment-form .question .description.indent {
    /* style below for indent text */
    padding-left: 15px;
    text-indent: -15px;
    width: 685px;
}

#list.assessment-form .question .description .followup_question {
    margin: 10px 0px;  
}

#list.assessment-form .question .description .followup_question .checkbox {
    margin: 0px 0px 3px 0px;    
    padding-left: 19px;
    text-indent: -19px;
}

#list.assessment-form .question .description .followup_question .checkbox input { border: 0px solid #fff; }

#list.assessment-form .question .answer {
    min-height: 10px;
    height: auto !important;
    height: 10px;
    width: 810px; /* For ie7 */
}

#list.assessment-form .border {
    margin-bottom: 5px;
    padding: 0px 0px 5px 0px;
    border-bottom: 1px solid #0175a0;
}

#optionlist input.text,
#pointlist input.text { margin: 0px 0px 2px 0px; }

.cust_checkbox {
    width: 16px;
    height: 16px;
    font-size: 14px;
    cursor: pointer;
}

#content #list.assessment-form img.info { margin: 0px 15px 0px 0px; float: left; cursor: pointer; }
#list .options { float: right; }
#list .options span.radio { margin: 0px 0px 0px 5px; }
#list .options span.radio.last { margin: 0px; }


#list .question .planning_date  { padding: 15px 0px 0px 0px; width: 190px; clear: both; float: right;  }
#list .question input.date { width: 71px;  border: 1px solid #a5acb2; font-size: 12px;  }
#list .question #start-date { margin: 0px 0px 2px 0px; }

#a.cust_radio_on  { background:url(pics/red.gif) no-repeat 0 0; width: 16px; height: 16px; }
#b.cust_radio_on  { background:url(pics/orange.gif) no-repeat 0 0; width: 16px; height: 16px; }
#c.cust_radio_on  { background:url(pics/green.gif) no-repeat 0 0; width: 16px; height: 16px; }
.cust_radio_off   { background:url(pics/white.gif) no-repeat 0 0; width: 16px; height: 16px; }

span.lastyear { background: url(pics/lastyear.gif) no-repeat 0 0; width: 16px; height: 16px; }

/* Datepicker styles */

a.dp-choose-date {
    float: left;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 3px 3px 0;
    display: block;
    text-indent: -2000px;
    overflow: hidden;
    background: url(pics/calendar.gif) no-repeat; 
}
a.dp-choose-date.dp-disabled {
    background-position: 0 -20px;
    cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
    width: 140px;
    float: left;
}


#content .ticket_location  { width: 920px; }
#content .ticket_location .value  { width: 180px; }
#content .ticket_location .googlemap { padding: 6px 0px 0px 0px; }
#list .ticket_location .row.height_350 { min-height: 275px; height: auto !important; height: 275px; }

#list h2.heading-float {
  float: left;  
}
/* ".extra_navigation" was voorheen ".subsidy_yearlist" */
#list ul.extra_navigation {
  margin: 3px 0px 0px 0px;
  list-style-type: none;
  float: right;
}

#list ul.extra_navigation li {
  display: inline;
  float: left;
  margin: 0px 3px 0px 0px;
  font-weight: bold;
  font-size: 11px;
  color: #00a6e5;
}

#list ul.extra_navigation li span.seperator {
  color: #000;
  margin: 0px 5px;
}

#list ul.extra_navigation li a:link, #list ul.extra_navigation li a:visited {
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
  border: 0px solid #fff;  
}

#list ul.extra_navigation li a:hover,
#list ul.extra_navigation li a.active:link,
#list ul.extra_navigation li a.active:visited {
  color: #0183B4;  
}

/* extranet specific */
#extranet_mailform { 
    display: none; 
}

#extranet_mailform_content {
    padding: 10px;
    font: 12px verdana, arial, sans-serif;
}

#extranet_mailform_content .row {
    padding: 5px;  
    min-height: 20px;
    height: auto !important;
    height: 20px;
    float: left;
    font-size: 11px;
    line-height: 20px;
}

#extranet_mailform_content .row.even   { background: #efefef; }
#extranet_mailform_content .row.uneven { background: #fff; }

#extranet_mailform_content .column {
    padding: 0px 5px;    
    float: left;
}

#extranet_mailform_content input.text { 
    margin: 1px 0px 0px 0px;
    padding: 2px;
    width: 250px;    
    font-size: 12px;
    border: 1px solid #a5acb2;
}

#extranet_mailform_content input.submit {
    padding: 3px 10px;
    float: left;  
    color: #ccc;
    text-decoration: none;
    font-size: 12px;
    background: #333;
    border: 0px solid #fff;
    overflow: hidden;
}

#extranet_mailform_content textarea {
    padding: 2px;
    width: 250px;
    height: 150px;
    font: 11px verdana, arial, sans-serif;
    border: 1px solid #a5acb2;
    overflow: auto;
}