html { padding: 0; margin: 0; height: 100.01%; }
body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: arial, helvetica, sans-serif;
    background: #ffffff url('../images/bg_body.gif') repeat-y top center;
    font-size: 0.6em; /* resets 1em to 10px */
}

/* body { behavior: url('htc/csshover.htc'); } needed for hovermenu in IE 5/6*/

/* standard elements */
h1          { font-size: 3.0em; margin:0; margin-left: 10px; padding: 0; color: #fff; font-family: trebuchet ms, trebuchet; }
h2          { font-size: 2.0em; margin:0; margin-left: 10px; padding: 0; color: #fff; font-family: trebuchet ms, trebuchet; }
h3          { font-size: 1.6em; margin:0; margin-left: 10px; padding: 0; color: #000000; font-family: trebuchet ms, trebuchet; }
h4          { font-size: 1.1em; margin:0; margin-left: 10px; padding: 0; color: #989797; font-family: trebuchet ms, trebuchet; }
h5          { font-size: 1.3em; margin:0; margin-left: 0 0 0.4em 0; padding: 0; color: #000000; font-family: trebuchet ms, trebuchet; border-bottom: 1px solid #EA7919; }

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

p { line-height: 1.6em; margin: 10px; font-size: 1.2em;}
ul { margin: 0em 0em 0em 1.6em;; padding :0em; }
ul li { list-style-type :square;  }
.content ul li { list-style-type :square;  font-size: 1.2em;}

img { border: 0; }
.error, .alert { color: #ff0000; }

/* to center the website */
div.wrapper { position: relative; width: 90em; margin: 0 auto; padding: 0; text-align: left; background-color: #D7D1C9; height: 100%; }
html>body div.wrapper { height: auto; min-height: 100%; }

/* servicemenu */
div.top { background-color: #ffffff; height: 6em; text-align: right; position: absolute; top: 0em; width: 100%; }
ul.servicemenu { position: absolute; right: 0em; list-style: none; padding: 0; margin: 0.8em 0 0 0; }
ul.servicemenu li { float: left; list-style-type: none; }
ul.servicemenu li a { float: left; color: #000000; font-size: 1.2em; padding: 0 0.8em 0 0.8em; background: #ffffff; text-decoration: none; font-family: trebuchet ms, trebuchet; line-height: 0.8em; border-right: 1px solid #000000; }
span.servicemenu { height: 2em; width: 0px; display: block; position: absolute; right: 0; border: 1px solid #ffffff; }

/* menu */
div.leftcolumn { position: absolute; width: 21em; top: 0; background-color: #EA7919; height: 100%; }
html>body div.leftcolumn { height: auto; min-height: 100%; }
/* level 1 */
ul.menu { height: 31.2em; padding: 0; margin: 9em 1.5em 0 2.8em; list-style: none;   }
html>body ul.menu { height: auto; min-height: 31.2em; }

ul.menu li a { color: #ffffff; text-decoration: none; font-size: 1.2em; font-weight: bold; display: block; height: 1.5em; width: 13.5em; padding-top: 0.4em; padding-bottom: 0.4em; line-height: 1.1em; }
ul.menu li { margin: 0; padding: 0; list-style-type: none;  }
html>body ul.menu li a { height: auto; min-height: 1.5em; }
ul.menu li a:hover { text-decoration: underline; }

ul.menu li a.selected { color: #000000; font-weight: bold; }
ul.menu li a.selected:hover { text-decoration: none; }

ul.menu li ul { list-style: none; margin: 0 0 0 1em; padding: 0; border-bottom: 1px solid #EF9B53; margin-bottom: 0.3em; }
ul.menu li ul li {  }
ul.menu li ul li a { font-weight: normal; margin: 0; width: auto; border-top: 1px solid #EF9B53; padding-top: 0.2em; padding-bottom: 0.1em;}

ul.menu li ul li ul { font-size: 1.1em; color: #ffffff; margin: 0 0 0 1.3em; padding: 0;  border: none; margin-bottom: 0.3em; }
ul.menu li ul li ul li  { list-style-type: square; vertical-align: middle; margin-top: 0em;}
ul.menu li ul li ul li a { font-size: 1.1em; margin: 0 0 0 0em; width: auto; border: none; padding-top: 0.2em;  }

ul.menu li a.home { margin-top: 1em; color: #ffffff; text-align: right; }

div.tulogo { }
div.tulogo img { width: 13em; height: 6em; margin-bottom: 0.6em;; }

/* content */
div.contentcolumn3tu { border-right: 2.4em solid #EA7919; border-left: 21em solid #EA7919; height: 100%; width: 51.6em; background-color: #ffffff; }
html>body div.contentcolumn3tu  { height: auto; min-height: 56em; }

div.contentcolumnsai { border-right: 2.4em solid red; border-left: 21em solid #EA7919; height: 100%; width: 51.6em; background-color: #ffffff; }
html>body div.contentcolumnsai  { height: auto; min-height: 56em; }

div.contentcolumncentres { border-right: 2.4em solid #B07FB7; border-left: 21em solid #EA7919; height: 100%; width: 51.6em; background-color: #ffffff; }
html>body div.contentcolumncentres  { height: auto; min-height: 56em; }

div.content { padding: 14.3em 4em 1.5em 1.0em; font-size: 1.0em; }


/* content */
div.hpcontentcolumn { border-left: 21em solid #EA7919; height: 60em; width: 69em; background-color: #ffffff; }
html>body div.hpcontentcolumn  { height: auto; min-height: 60em; }
div.hpcontentbox { padding: 6em 0 0 0; }
div.hpcontentbox img.hptopimg { width: 69em ;height :18em; }
div.hpleft { float: left; width: 30em; height: 36em; overflow: hidden; margin-top: 5px;}
div.hpright { float: right; width: 36em; margin-right: 0;  height: 36em; overflow: hidden; color:#fff;}

div.hpcontent { padding: 2em 0 1em 2em; margin: 0; font-size: 1.2em; }
div.hpcontent p { margin-top: 0;}


a.hplink { display: block; color :#EA7919; font-family: trebuchet ms, trebuchet; font-weight: bold; }

/* mijzi toegevoegd */
a.external-link { color: #fff; text-decoration: underline; }

/* content homepage*/

div.hpbox1x2 { width: 36em; height: 18em; }
div.hpbox1x1 { float: left; width: 17.99em; height: 18em; } /* 17.99em fixes scale problems in IE 5/6 */

div.hppadbox { color :#ffffff; font-size: 1.1em; padding: 1em 0.5em 0.5em 1em; }
div.hppadbox a { color :#ffffff; text-decoration: none; }
div.hppadbox a:hover { text-decoration: underline; }
div.hppadbox p { margin : 0; font-size: 1.2em; }
div.hppadbox ul { margin: 0; padding: 0; list-style-type: none; }
div.hppadbox ul li { list-style-type: none; margin: 0.3em 0 0.3em 0; }
div.hppadbox h1 { font-size: 3em; color :#ffffff; }
div.hppadbox h2 { font-size: 2em; color :#ffffff; }
div.hppadbox h3 { font-size: 1.1em; color :#ffffff; }


div.hppadbox a.intro { font-size :1.2em; font-weight :bold; }

div.intro { background-color: #989797 }
div.drietu { background-color: #EA7919; }
div.sai { background-color: #FF0000; }
div.centres { background-color: #B07FB7; }

div.hpdisclaimer { text-align: right; background-color :#D7D1C9; padding: 0.5em 0.5em 0 0; font-size: 1.2em; color :#ffffff; }
div.hpdisclaimer a { color: #989797; text-decoration: none; font-weight: bold; }
div.hpdisclaimer a:hover { text-decoration: underline;  }

img.logo { position: absolute; left: 0; top: 3em; width: 90em; height: 3em; }

div.readmore a { display: block; font-weight: bold; color :#EA7919;}
div.readall a { display: block; text-align: right; color :#EA7919; font-weight: bold; }


/* rightcolum */

div.rightcolumn3tu {  border-left: 2.4em solid #EA7919; position: absolute; right: 0em; top: 15em; width: 14.9em; background-color: #D7D1C9;  }
html>body div.rightcolumn3tu { width: 15em; }

div.rightcolumnsai {  border-left: 2.4em solid red; position: absolute; right: 0em; top: 15em; width: 14.9em; background-color: #D7D1C9;  }
html>body div.rightcolumnsai { width: 15em; }

div.rightcolumncentres {  border-left: 2.4em solid #B07FB7; position: absolute; right: 0em; top: 15em; width: 14.9em; background-color: #D7D1C9;  }
html>body div.rightcolumncentres { width: 15em; }


dl.extra { padding: 2.4em 1em 1em 1em; font-size: 1.1em; }
dl.extra dt { font-weight :bold; }
dl.extra dd { margin: 0.5em 0 1em 0; padding: 0; }

div.header { position: absolute; top: 6em; left: 21em; width: 69em; height: 9em; background-color: #989797; overflow: hidden; }
div.header p { color: #ffffff; font-family: trebuchet ms, trebuchet; font-size: 2.8em; margin: 0.4em 0 0 0.7em; line-height: 1.2em;}
div.header img { float: right; width: 15em; height: 9em; }

/* graphic elements */
img.blocklines { position: absolute; top: 15em; left: 72.6em; width: 2.5em; height: 2.8em; }
img.menulines { position: absolute; top: 6em; left: 0em; width: 2.4em; height: 2.8em; }

/* table styles */
/* 14-11-2008 mijzi heeft achtergrond "table td" van #D7D1C9 veranderd in #FFFFFF */

table { border-bottom: 0.1em solid #000000; margin: 1em 0 1em 0; }
table td, table th { padding: 0.2em 0.2em 0.2em 0.4em; vertical-align: top; }
table th { background-color: #989797; color: #ffffff; font-family: trebuchet ms, trebuchet; line-height: 1.2em; }
table td { margin-bottom: 0.1em; background: #FFFFFF; }

/* form styles */
/* 14-11-2008 mijzi heeft achtergrond "form" van #D7D1C9 veranderd in #FFFFFF */
form                        { margin: 1em 0 1em 0; background: #FFFFFF; padding: 1em;}
form label                  { display: block; float: left; width: 30%; padding: 0.2em 0.9em 0.2em 0.2em; text-align: right; font-weight: bold;  }
form input.button           { border: 0.1em solid #ffffff; background: #EA7919; color: #ffffff; font-weight: bold; margin: 0.3em;}
form input.text             { background: #D7D1C9; border: solid #000000; border-width: 0 0 thin 0; width: 65% }
form input.radio            { }
form input.checkbox         { }
form select                 { }
form option                 { }
form textarea               { width: 65%  }
form div                    { height: 2em; display: block; float: none;}
html>body form div          { height: auto; min-height: 2em }


.news-list-container{
margin-top:10px;
}

.news-single-item {
margin:10px 0 0 0;
}

.news-single-timedata {
margin:10px

}

.news-single-item h2{
color:black;
}

.news-list-date {
font-size:1.0em;
padding:0 0 10px 10px;
margin-right:373px;
}

.news-list-morelink {
padding-left:10px;
}

.news-list-item a {
text-decoration: none;
}

.news-single-backlink {
font-size:10px;
padding-left:10px;
}

.news-single-img {
padding-left:10px;
}