@media screen
{
  html {
    height:100%;
    padding-bottom:1px;
  }
  body {
    margin:0;
    padding:0;
    background:#fff;
  }
  
  #popup {
    padding:10px 10px 20px 10px;
    background:#fff url(../images/layout/footerbg.gif) repeat-x 0px 100%;
  }

  #page {
    width:1000px;
    padding-top:24px;
    margin:0 auto 24px auto;
    position:relative;
  }

  #logo {
    background:url(../images/layout/logo.gif) no-repeat;
    display:block;
    width:241px;
    height:23px;
    position:relative;
    left:22px;
  }
  #logo img {
    display:none;
  }

  a.gemeentelink {
    display:block;
    width:250px;
    position:relative;
    left:22px;
    height:23px;
  }
  a.gemeenteright {
    position:absolute;
    right:25px;
    top:29px;
  }
  a.gemeentelink, a.gemeenteright {
    font-size:16px;
    font-weight:bold;
    font-family:arial, verdana, sans-serif;
    color:#000;
  }
  
  #pcsearch {
    display:block;
    width:240px;
    height:35px;
    position:absolute;
    padding:25px 0 0 12px;
    margin:0;
    left:501px;
    top:0px;
    background:url(../images/layout/pcbg.gif) repeat-y;
  }
  * html #pcsearch {
    height:38px;
    padding-top:22px;
  }
  #pcsearch label {
    display:block;
    float:left;
    width:140px;
    font-size:10px;
    font-weight:bold;
    padding:3px 0 0 0;
    color:#000;
  }
  #pcsearch input.pctext {
    float:left;
    width:50px;
    border:1px solid #626563;
    padding:2px 3px;
    background:url(../images/styles/form_field_background.gif) no-repeat;
  }
  #pcsearch input.pcsubmit {
    float:right;
  }

  #header {
    display:block;
    background:#00a44b url(../images/layout/headerbg.gif) no-repeat 0 100%;
    margin-top:13px;
    padding-bottom:18px;
    min-height:100px;
    z-index:10000;
    position:relative;
  }
  * html #header {
    height:100px;
  }
  
  #wavebox {
    display:block;
    position:absolute;
    left:0px;
    bottom:-67px;
    width:342px;
    height:85px;
    background:url(../images/layout/wave.png) no-repeat;
  }
  #wavebox a {
    display:block;
    width:205px;
    height:21px;
    background:url(../images/layout/logo_wave.gif) no-repeat;
    margin:4px 0 0 22px;
  }
  #wavebox img {
    display:none;
  }
  
  #header h1 {
    display:none;
  }
  
  #mainnav ul {
    display:block;
    float:left;
    width:480px;
    overflow:hidden;
    margin:0;
    list-style:none;
    position:relative;
    padding:3px 10px;
  }
  #mainnav ul li {
    display:block;
    width:230px;
    padding:3px 0 3px 10px;
    margin:0;
    background:url(../images/layout/menu_arrow.gif) no-repeat 0px 200px;
  }
  * html #mainnav ul li {
    height:1%;
  }
  #mainnav ul li a {
    font-size:10px;
    color:#fff;
  }
  #mainnav ul ul {
    position:absolute;
    top:0px;
    left:251px;
    width:230px;
    display:none;
    min-height:110px;
    z-index:100;
    background:#00a44b;
  }
  * html #mainnav ul ul {
    height:110px;
  }
  
  #mainnav ul li:hover, #mainnav ul li.iehover, #mainnav ul li.active {
    background-position:0px 5px;
  }  
  #mainnav ul li:hover ul, #mainnav ul li.iehover ul, #mainnav ul li.active ul,
  #mainnav ul li:hover li:hover ul, #mainnav ul li.iehover li.iehover ul{
    display:block;
    z-index:100000;
  }
  #mainnav ul li:hover ul ul, #mainnav ul li.iehover ul ul {
    display:none;
    z-index:100;
  }
  
  
  
  #header #fixedmenu {
    display:block;
    float:left;
    width:232px;
    height:100px;
    list-style:none;
    padding:3px 9px;
    margin:0;
    background:url(../images/layout/crosses.gif) no-repeat 221px 8px;
  }
  #header #fixedmenu li a:link, #header #fixedmenu li a:visited {
    display:block;
    padding:3px 0 3px 13px;
    width:200px;
    font-size:10px;
    color:#fff;
  }
  #header #fixedmenu li a:hover {
    color:#000;
  }
  
  #pageheader {
    display:block;
    width:1000px;
    position: relative;
  }

  #pagedata {
    display:block;
    height:1%;
  }

  #breadcrumbs {
    display:block;
    padding:8px 0 8px 20px;
    font-size:10px;
    color:#7e7e7e;
  }

  #footer {
    position:relative;
    display:block;
    height:38px;
    margin:0 0 18px 0;
    padding:22px 0 8px 17px;
    background:#bfbfbe url(../images/layout/footerbg.gif) repeat-y;
  }
  #footer a:link, #footer a:visited {
    font-weight:normal;
    font-size:10px;
    line-height:12px;  
  }
  #footer a:hover {
    color:#000;
  }
  #footer a.totop:link, #footer a.totop:visited {
    color:#fff;
    padding-left:17px;
    background:url(../images/layout/totop.gif) no-repeat 0px 3px;
  }
  #footer a.totop:hover {
    color:#000;
    background-position:0 -21px;
  }
  #footer a.copyright:link, #footer a.copyright:visited {
    position:absolute;
    left:275px;
    top:22px;
  }
  #footer a.disclaimer:link, #footer a.disclaimer:visited {
    position:absolute;
    left:289px;
    top:40px;
  }
  #footer a.gemeente:link, #footer a.gemeente:visited {
    position:absolute;
    left:600px;
    top:47px;
    font-size:12px;
  }


  /**
   * different layouts:
   * 1111 = |a|b|c|d|
   * 121  = |a| b |c|
   * 211  = | a |b|c|
   * 22   = | a | b |
   * 31   = |  a  |b|
   * 4    = |   a   |
   **/
  .col1
  ,.col2
  ,.col3
  ,.col4 {
    position:relative;
    float:left;
    margin: 0 20px 0 0;
  }
  * html .col1 {
    margin-right:16px;
  }

  
  
  .col1 {
    width:235px;
  }
  .col2 {
    width:490px;
  }
  .col3 {
    width:745px;
  }
  .col4 {
    width:1000px;
    float:none;
  }
  .last {
    margin-right: 0 !important;
  }
  
  .data {
    display:block;
    background:#fff url(../images/layout/swirl_gray.gif) no-repeat;
    padding:20px 20px 15px 20px;
    margin-bottom:10px;
    height:1%;
  }
  
  #quicklinks {
    margin: 4px 0 0 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #f7f7f7;
    float: right;
  }
  #quicklinks li {
    margin: 0;
    padding: 0;
  }
  #quicklinks li img {
    vertical-align: top;
  }

  /****************************************/
  .linklist {
    margin:0 0 5px 0;
    padding:0;
    list-style:none;
  }
  .linklist li {
    display:block;
    padding-left:23px;
  }
  .linklist li li {
    margin-bottom: 0;
  }
  .linklist li span {
    display:inline-block;
    width:23px;
    margin-left:-23px;
    font-weight:normal;
  }
  #nav li ul {
    /*overflow:hidden;
    height:0px;*/
    margin:0;
  }
  #nav li ul li span {
    color:#0062cd;  
  }
  
  .datelist {
    margin:0;
    padding:0;
    list-style:none;
  }
  .datelist li {
    display:block;
    float:left;
    margin:0 6px 6px 0;
  }
  .datelist li a:link, .datelist li a:visited {
    display:block;
    padding:10px 0;
    width:42px;
    height:3em;
    background:#666;
    text-align:center;
    color:#fff;
  }
  .datelist li a:hover {
    background-color:#000;
  }
  .datelist li a:link span, .datelist li a:visited span {
    display:block;
    font-size:1.3em;
  }
  .imglabel {
    display:block;
    min-height:37px;
    padding:4px 0 0 0;
  }
  * html .imglabel {
    height:37px;
  }
  .imglabel img {
    padding:2px;
    border:1px solid #abaaaa;
    float:left;
    margin:-4px 11px 0 0;
  }
  
  .simplelist {
    margin: 10px 0;
    padding: 0;
    list-style: none;
    width: 320px;
  }
  .simplelist li {
    border-top: 1px solid #efefef;
    margin: 0;
    padding: 2px 0;
  }
  .simplelist li.spacer {
    border: none;
  }
  .simplelist strong {
    width: 110px;
    float: left;
    margin: 0 5px 0 0;
  }
  .simplelist p {
    float: left;
    width: 205px;
    margin: 0;
  }

  .simplelist li ul.list {
    float: left;
    padding: 0 0 5px 15px;
    margin: 0;
    width: 190px;
  }
  * html .simplelist li ul.list {

  }
  .simplelist li ul.list li {
    border: none;
    padding: 0;
    margin: 0;
  }
  
  /***[RED]*************************************/
  .red .data {
    background-image:url(../images/layout/swirl_red.gif);
  }
  .red, .red a:link, .red a:visited, .red hr {
    color:#f00;
  }
  .red hr, .red .listdate li a:link, .red .listdate li a:visited {
    background-color:#f00;
  }
  .red a:hover {
    color:#000;
  }
  .red .listdate li a:hover {
    background-color:#000;
  }
  /***[GREEN]***********************************/
  .green .data {
    background-image:url(../images/layout/swirl_green.gif);
  }
  .green, .green a:link, .green a:visited, .green hr {
    color:#00a44b;
  }
  .green hr, .green .listdate li a:link, .green .listdate li a:visited {
    background-color:#00a44b;
  }
  .green a:hover {
    color:#000;
  }
  .green .listdate li a:hover {
    background-color:#000;
  }
  /***[BLUE]************************************/
  .blue .data {
    background-image:url(../images/layout/swirl_blue.gif);
  }
  .blue, .blue a:link, .blue a:visited, .blue hr {
    color:#0062cd;
  }
  .blue hr, .blue .listdate li a:link, .blue .listdate li a:visited {
    background-color:#0062cd;
  }
  .blue a:hover {
    color:#000;
  }
  .blue .listdate li a:hover {
    background-color:#000;
  }
}
@media print
{
  #header, #map, .gemeentelink, .gemeenteright, #pageheader {
    display:none;
  }
  #logo {
    display:block;
    text-align:right;
    margin-bottom:10px;
  }
  body, textarea {
    color:#000;
  }
}