﻿/* basis kleuren
groen:			66B253
donker-groen:	599B48
blauw:			009EE0
donker-blauw:	136894
oranje:	F68933
*/
html {
     overflow: -moz-scrollbars-vertical;
}

body
{
    margin: 0px;
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    color: white;
    background-color: #cccccc;
    height: 100%;
}

table
{
    xheight: 100%;
    xwidth: 100%;
}

td
{
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    color: #004A8D;
}
p
{
    margin-top: 0px;
    margin-bottom: 20px;
}
a, a:hover
{
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    color: #004A8D;
    text-decoration: underline;
}
a:hover
{
    text-decoration: none;
}
h1
{
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: #004A8D;
    font-weight: normal;
}
h2
{
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    color: #004A8D;
    font-weight: bold;
    margin-bottom: 0px;
}
h3
{
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 13px;
    color: #004A8D;
    font-weight: bold;
}
.wholepage
{
    width: 100%;
    height: 100%;
    background-color: #cccccc;
}
.designedpage
{
    width: 990px;
    height: 100%;
    color: Black;
    background-color: #136894;
}
.logoplaceholder
{
    background: white url(../images/toplogo.jpg) right top no-repeat;
    height: 104px;
}
.logobannerplaceholder
{
    background: white url(../images/toplogo.jpg) right center no-repeat;
    height: 104px;
    margin-right: 2px;
}

.logobannerplaceholder a
{
    display: block;
    height: 104px;
    margin-right: 2px;
}

.toplinesplaceholder
{
    background: white url(../images/home_mm.jpg) no-repeat right top;
    background-position: left top;
    background-repeat: no-repeat;
    height: 69px;
    width: 515px;
}
.filler1pix
{
    font-size: 1px;
}
.divider
{
    height: 10px;
    font-size: 1px;
    line-height: 10px;
    float: none;
}
/* formulier */
input, .input, textarea
{
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 12px;
    color: black;
}
.maincontent
{
    color: black;
}
.maincontent p, .maincontent td, .mceContentBody
{
    line-height: 22px;
}

.form
{
    padding: 0;
    height: auto;
}
.form tr
{
    height: 22px;
}
.form td
{
    padding: 0 2px 0 2px;
}


/* main menu */

.menukolom
{
    background: transparent url(../images/menukolomback.gif) repeat-y left top;
    text-align: right;
}
.menuleftback
{
    width: 170px;
    height: 322px;
    background-color: #66B253;
    vertical-align: top;
}
.menuleftbottomback
{
    padding-top: 10px;
    padding-bottom: 10px;
    width: 170px;
    height: 100%;
    background-color: #009EE0;
    text-align: right;
    min-height: 200px;
}
.menuback *
{
    text-align: right;
}
.menuleft
{
    margin-top: 0px;
    vertical-align: top;
    text-align: right;
}
.menulefttop
{
    background: url(../images/home_mlt.jpg) repeat-x top left;
    width: 170px;
    height: 104px;
}
.menuright
{
    width: 308px;
    vertical-align: top;
    margin: 0;
    background-color: #ffffff;
}
.menurighttop
{
    height: 173px;
    width: 308px;
}
.menurightcontent
{
    background-image: url(../images/home_mrm.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    vertical-align: top;
    width: 308px;
    height: 343px;
}
.menurightcontent .header
{
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 10px;
    letter-spacing: 1px;
}
.menurightcontent .content
{
    font-size: 9pt;
    margin-left: 20px;
    line-height: 16px;
    margin-right: 30px;
    letter-spacing: 1px;
}
/* IE HAX \*/
* html body .menuback
{
    width: 231px;
}
/* */
/* menu */

.menuitem
{
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    color: white;
    font-weight: bold;
    text-decoration: none;
    line-height: 22px;
    padding-right: 15px;
    display: block;
    margin-bottom: -11px;
}
.menuleftbottomback .menuitem
{
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    color: white;
    font-weight: normal;
    text-decoration: none;
    line-height: 15px;
    padding-right: 15px;
    display: block;
}

.menuitem:hover, .menuitem-selected, .menuitem-selected:hover
{
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    color: white;
    font-weight: bold;
    text-decoration: none;
    line-height: 22px;
    padding-right: 15px;
    display: block;
    margin-bottom: -11px;
    background-color: #599B48;
}
.menuleftbottomback .menuitem:hover, .menuleftbottomback .menuitem-selected, .menuleftbottomback .menuitem-selected:hover
{
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: white;
    text-decoration: none;
    line-height: 15px;
    padding-right: 15px;
    display: block;
    xmargin-bottom: -11px;
    background-color: #136894;
}

/* submenu */

.xsubmenu
{
    width: 180px;
    margin-top: 10px;
}

.submenuitem
{
    display: block;
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: white;
    text-decoration: none;
    text-align: left;
    height: auto;
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 4px;
}
/* IE HAX \*/
* html body .submenuitem
{
    height: 20px;
    width: 180px;
}
/* */

.submenuitem:hover, .submenuitem-selected, .submenuitem-selected:hover
{
    display: block;
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    text-align: left;
    height: auto;
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 4px;
    background-image: none;
    background-color: #136894;
}
/*\*/
* html body .submenuitem:hover, * html body .submenuitem-selected, * html body .submenuitem-selected:hover
{
    height: 20px;
    width: 180px;
}

/* footer */

.footerleft
{
    height: 50px;
    background-color: #136894;
    text-align: center;
    padding-right: 10px;
    vertical-align: text-bottom;
    vertical-align: bottom;
    padding-bottom: 10px;
}

.footermiddle
{
    font-size: 8pt;
    height: 50px;
    background-color: #136894;
    text-align: left;
    padding: 0 15 10 15;
    vertical-align: text-bottom;
    vertical-align: bottom;
    margin-bottom: 5px;
    color: White;
}

.footerleft a
{
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #dddddd;
    text-decoration: none;
}
.footerleft a:hover
{
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #eeeeee;
    text-decoration: none;
}
.zoekpanel
{
    height: 50px;
    width: 308px;
    vertical-align: middle;
    text-align: center;
    background-color: #136894;
}
.lichtblauw
{
    background-color: #009EE0;
}
.donkerblauw
{
    background-color: #136894;
}
.zoektext
{
    xmargin-top: 10px;
    xpadding-top: 10px;
}
.zoekbutton, .zoekbutton:hover
{
    padding-left: 15px;
    padding-top: 10px;
    color: #eeeeee;
    text-decoration: none;
    cursor: hand;
    cursor: pointer;
}
.zoekbutton:hover
{
    color: #ffffff;
}
.project-navigation, .project-navigation a, .project-navigation a:hover, .project-header h1, .project-header
{
    color: Black;
}
.project-navigation span
{
    color: Black;
    font-size: 9px;
}
.projectlist-text
{
    text-decoration: underline;
    cursor: pointer;
    color: black;
}
.projectlist-text-selected
{
    color: Black;
    text-decoration: none;
    cursor: pointer;
}
/*	Vacature																	*/

.vacancy
{
    background-image: url(../images/nieuws_content_leftline.gif);
    background-position: left top;
    background-repeat: repeat-y;
    padding: 0 20 0 20;
    width: 515px;
    color: Black;
}
.vacancy h1
{
    color: Black;
}
/*	Nieuws																		*/
.nieuwscontentcontainer
{
    background: #FFFFFF url(../images/nieuws_content_back.gif) no-repeat left top;
    margin-right: 20px;
    width: 497px;
    color: Black;
}
* html body .newscontentcontainer
{
    width: 517px;
}
a.butprint, a.butprint:hover
{
    height: 2px;
    padding-top: 7px;
    margin-top: 7px;
}
.nieuwsitem
{
    background-image: url(../images/nieuws_content_leftline.gif);
    background-position: left top;
    background-repeat: repeat-y;
    padding: 0 20px 0 20px;
    color: Black;
}
.nieuwsitem a
{
    color: #000000;
    text-decoration: underline;
    cursor: hand;
    cursor: pointer;
}
.nieuwsitem a:hover
{
    color: black;
    text-decoration: underline;
    cursor: hand;
    cursor: pointer;
}
.nieuwsitem .text a
{
    color: #000000;
    text-decoration: underline;
    cursor: hand;
    cursor: pointer;
}
.nieuwsitem .text a:hover
{
    color: black;
    text-decoration: underline;
    cursor: hand;
    cursor: pointer;
}
.nieuwsitem .title
{
    color: Black;
    font-size: 10pt;
    line-height: 10px;
    font-weight: bold;
}
.nieuwsitem .title h1
{
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    line-height: 13px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 3px;
}
.nieuwsitem .text h1
{
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    line-height: 11px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 1px;
}
.nieuwsitem .text
{
    color: Black;
}
.nieuwsmenuright
{
    background-image: url(../images/nieuws_mrm.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    vertical-align: top;
    width: 308px;
    height: 343px;
}
.nieuwsmenuright .header
{
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 10px;
    font-size: 10pt;
    font-weight: bold;
    color: #ffffff;
}
.nieuwsmenuright .header h1
{
    color: White;
    font-size: 10pt;
    font-weight: bold;
}
.nieuwsmenuright .content
{
    font-size: 9pt;
    margin-left: 20px;
    line-height: 16px;
    margin-right: 20px;
    letter-spacing: normal;
}

.linkcontainer
{
    width: 450px;
    height: 30px;
    text-align: right;
}
.link
{
    padding: 2 15 2 15;
    background-color: #009EE0;
    float: right;
}
#divForm
{
    width: 480px;
}
.link a, .link a:hover
{
    text-decoration: none;
    color: #ffffff;
    cursor: hand;
    cursor: pionter;
}

.detaillink a
{
    display: block;
    font-size: 9pt;
    color: #c7e9fb;
    text-decoration: none;
    text-align: left;
    width: 100%;
    height: auto;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
}
.detaillink a:hover, .detaillink a.selected, .detaillink a.selected:hover
{
    display: block;
    font-size: 9pt;
    color: #ffffff;
    text-decoration: none;
    text-align: left;
    width: 100%;
    height: auto;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    background-color: #136894;
}
.archivelink
{
    text-align: right;
    padding-top: 20px;
}
.archivelink a
{
    display: block;
    font-size: 9pt;
    color: #c7e9fb;
    text-decoration: none;
    text-align: right;
    width: 100%;
    height: auto;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
}
.archivelink a:hover
{
    display: block;
    font-size: 9pt;
    color: #ffffff;
    text-decoration: none;
    text-align: right;
    width: 100%;
    height: auto;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
}

/*	Photo																		*/
.photocontainer
{
    float: left;
    padding-top: 4px;
    padding-right: 4px;
}
.photocontainer .text
{
    float: right;
}
.photoborderrighttop
{
    background-image: url(../images/border/photoborderrighttop.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    width: 6px;
    height: 6px;
    font-size: 1px;
}
.photoborderright
{
    background-image: url(../images/border/photoborderright.jpg);
    background-position: left top;
    background-repeat: repeat-y;
    width: 5px;
    font-size: 1px;
}
.photoborderbottomleft
{
    background-image: url(../images/border/photoborderbottomleft.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    width: 6px;
    height: 5px;
    font-size: 1px;
}
.photoborderbottom
{
    background-image: url(../images/border/photoborderbottom.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    height: 5px;
    font-size: 1px;
}
.photoborderbottomright
{
    background-image: url(../images/border/photoborderbottomright.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    height: 5px;
    width: 5px;
    font-size: 1px;
}
/*	gallery																		*/
.gallery
{
    width: 470px;
}
.galleryitem1
{
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    clear: left;
    width: 210;
}
.galleryitem2
{
    margin-bottom: 10px;
    float: right;
    width: 210;
}
.galleryitem1 img, .galleryitem2 img
{
    cursor: pointer;
    _cursor: hand;
}
/*	vacatures - IFRAME															*/
.vacatures
{
    background-color: White;
    border: none;
    width: 475px;
    color: Black;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px -5px;
}
.vacatures .pagetitle
{
    visibility: hidden;
}
/* */

