

body {
    font-family: trebuchet ms, verdana, arial, tahoma;
    font-size: 90%;
    color: #888;
    background-color: white;
    line-height: 180%;
    margin: 0;
    padding: 0;
    text-align: center;
  }


img {
    border : 0;
  }

/* Set the page width */




#clear {
    clear : both;
  }


#TPN {
    left : 45%;
    position : absolute;
    top : 110px;
    z-index : 120;
  }


#CLF {
    left : 700px;
    position : absolute;
    top : 95px;
    z-index : 121;
  }


#wrapper-menu-top, #header, #wrapper-content, #wrapper-footer {
    width: 85%;
    margin: 0 auto;
    text-align: left;
  }


#wrapper-menu-top {
    background: white url('..//image/bg02-white-left.png') no-repeat left top;
  }


#menu-top {
    background: transparent url('..//image/bg02-white-right.png') no-repeat right top;
    overflow: hidden;
    /* no idea why this works, but it fixes a FF problem */;
  }


#menu-top ul {
    margin: 0 20px;
    padding: 1em 0 0 0;
    list-style: none;
    font-size: 85%;
    float: left;
  }


#menu-top li {
    display: inline;
    float: left;
  }


#menu-top a {
    background-image : url('..//image/menuleft.png');
    background-position : left top;
    background-repeat : no-repeat;
    float : left;
    line-height : 1.5em;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    padding-bottom : 0;
    padding-left : 3px;
    padding-right : 0;
    padding-top : 0;
    text-decoration : none;
  }


#menu-top a span {
    background: transparent url('..//image/menuright.png') no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#5b8fbe;
    display: block;
    float: left;
    cursor: pointer;
    /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */;
  }


#menu-top a:hover {
    background-position:0% -42px;
  }


#menu-top a:hover span {
    background-position:100% -42px;
  }


#wrapper-header {
    background: transparent url('..//image/bg.png') top center repeat-x;
  }


#header {
    background-color : #eee;
    background-image : url('..//image/banner_glice2.jpg');
    background-position : center top;
    background-repeat : no-repeat;
  }


#wrapper-header2 {
    background: transparent url('..//image/bg02-blue-left.png') top left no-repeat;
  }


#wrapper-header3 {
    background: transparent url('..//image/bg02-blue-right.png') top right no-repeat;
  }


#header h1 {
    margin: 0 20px;
    padding: 0;
    line-height: 2.5em;
    color: #094782;
    font-size: 130%;
  }


#headextra {
    margin-bottom : 0;
    margin-left : 40%;
    margin-right : 35%;
    margin-top : 0;
    height : 130px;
  }


#headextra li {
    text-decoration : none;
list-style : none;
  }


#fotoimage {
    float : right;
  }


#wrapper-content {
    background-color : white;
    background-image : url('..//image/bg02-white-left.png');
    background-position : left top;
    background-repeat : no-repeat;
  }


* html #wrapper-content {
    height: 1%;
  }


#content {
    background: transparent url('..//image/bg02-white-right.png') no-repeat right top;
    padding: 5px 40px 5px 40px;
    min-height:400px;
    height:auto !important;
    height:400px;
  }


#news {
    position : absolute;
    height : 400px;
    overflow : auto;
    width : 925px;
  }


.divrechts {
    width : 50%;
    float : right;
    padding-bottom : 5px;
    padding-left : 0px;
    padding-right : 10px;
    padding-top : 5px;
  }


.divlinks {
    width : 45%;
    float : left;
    padding-bottom : 5px;
    padding-left : 0px;
    padding-right : 10px;
    padding-top : 5px;
  }


.imgcr {
    float : right;
    padding-bottom : 5px;
    padding-left : 10px;
    padding-right : 0px;
    padding-top : 5px;
  }


.imgcl {
    float : left;
    padding-bottom : 5px;
    padding-left : 0px;
    padding-right : 10px;
    padding-top : 5px;
  }


#wrapper-menu-page {
    float: right;
    width:10px;
    margin: 20px 0px 3em 0px;
    text-align: center;
    line-height: 140%;
    font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
    z-index:15;
  }


* html #wrapper-menu-page {
    margin-right: 15px;
  }


#menu-page {
    padding-top: 5px;
  }


#menu-page ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 90%;
  }


#menu-page h3 {
    font-size: 75%;
    text-transform: uppercase;
    margin: 1em 0 0.3em 0;
    color: #5b8fbe;
    font-weight: normal;
    letter-spacing: 0.15em;
  }


#menu-page a:link, #menu-page a:visited {
    color: #888;
  }


#menu-page a:hover {
    color: #5b8fbe;
  }


#wrapper-footer {
    margin-top: 1em;
    text-align: center;
  }


.footer {
    background-color : #e5f0fc;
    border-bottom-color : #ccc;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-color : #ccc;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : #ccc;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-color : #ccc;
    border-top-style : solid;
    border-top-width : 1px;
    clear : both;
    color : #09458b;
    font-family : verdana, arial, tahoma, 'trebuchet ms', 'sans-serif';
    font-size : 14px;
    font-style : normal;
    font-weight : bolder;
    letter-spacing : 1px;
    margin-bottom : 0;
    margin-left : 20px;
    margin-right : 20px;
    margin-top : 0;
    text-align : center;
  }


h2 {
    color : #094782;
    font-size : 110%;
  }


h3 {
    font-size: 100%;
  }


a:link, a:visited {
    color: #5b8fbe;
    text-decoration: none;
  }


a:hover {
    color: #666;
    text-decoration: none;
  }


.form {
    background-image : url('../image/emailgb.jpg');
    text-align : center;
    vertical-align : middle;
    width : 200px;
    padding-top: 20px;
    padding-bottom: 20px;
  }


.inleiding {
    font-style : italic;
  }

