/* Start of CMSMS style sheet 'Layout' */
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* SITE SPECIFIC LAYOUT */

/* #myframe { height: 1000px; } was noodzakelijk voor de embed label die op de portal pagina's wordt gebruikt */

    body {
        margin: 0;
        padding: 0;
        text-align: center;

    }

    div#page {
        width: 880px;                       /* de inhoud van 'page' is 'content' die op zijn beurt 760 breed is */
        margin: 5px auto auto auto;
        padding: 0;
        text-align: center;
        height: 100%; 
    }
    

    /* HEADERS */

       div#topheader {
        clear: both;
        color: #fff;
        background-color: #E76321;
        border-top: 0px solid #666666;
        border-bottom:  0px solid #E76321;
       }

       div#topheader p {
           font-size: 0.8em;
           margin: 0;
           padding: 8px;
           text-align: center;
       }

        div#header_home {
            border-top: 0px solid #EB8553; 
            border-bottom: 5px solid #ffffff;            
            margin: 0;
            padding: 0;
            height: 66px;
            background-color: #ffffff;
            background-image: url(uploads/images/gradient.png);            
            background-repeat: no-repeat;
            background-position: right 0px;
            text-align: left;
       }

        div#header {
            margin: 0;
            padding: 0;
            height: 55px;
            text-align: left;
            tex-valign: bottom;
       }

        div#header_organisatie  {
            border-top: 0px solid #EB8553; 
            border-bottom: 5px solid #ffffff;            
            margin: 0;
            padding: 0;
            height: 66px;
            background-color: #ffffff;
            background-image: url(uploads/images/gradient.png);            
            background-repeat: no-repeat;
            background-position: right 0px;
            text-align: left;
       }

        div#header_vervolg  {
            border-top: 0px solid #EB8553; 
            border-bottom: 5px solid #ffffff;            
            margin: 0;
            padding: 0;
            height: 66px;
            background-color: #ffffff;
            background-image: url(uploads/images/gradient.png);            
            background-repeat: no-repeat;
            background-position: right 0px;
            text-align: left;
       }

        div#header_kandidaten  {
            border-top: 0px solid #EB8553; 
            border-bottom: 5px solid #ffffff;            
            margin: 0;
            padding: 0;
            height: 66px;
            background-color: #ffffff;
            background-image: url(uploads/images/gradient.png);            
            background-repeat: no-repeat;
            background-position: right 0px;
            text-align: left;
       }

        div#header_vacatures {
            border-top: 0px solid #EB8553; 
            border-bottom: 5px solid #ffffff;            
            margin: 0;
            padding: 0;
            height: 66px;
            background-color: #ffffff;
            background-image: url(uploads/images/gradient.png);            
            background-repeat: no-repeat;
            background-position: right 0px;
            text-align: left;
       }

        div#header_nieuws {
            border-top: 0px solid #EB8553; 
            border-bottom: 5px solid #ffffff;            
            margin: 0;
            padding: 0;
            height: 66px;
            background-color: #ffffff;
            background-image: url(uploads/images/gradient.png);            
            background-repeat: no-repeat;
            background-position: right 0px;
            text-align: left;
       }
 
    /* END HEADERS */
    
    /* MENU */

       div#menu_vert h1 {
           color: #F3B000;
           text-align: right;
           margin-bottom: 10px;
       }

       div#menu_vert {
           xbackground-color: #E76321;
           border: 0px solid #000000;
           float: left;
           width: 160px;
           padding-top: 0px;
           padding-left: 0px;
           padding-right: 0px;
      }

      div#menu_horiz {
           color: #808080;
           padding: 0px 0px 0px 0px;
           xbackground-color: #E76321;
            background-image: url(uploads/images/menu_achtergr1.gif);            
            background-repeat: no-repeat;
            background-position: 0px 0px;
           float: left;
           text-align: left;
           height: 56px;
           float: left;
           width: 880px;
      }


      div#menu_horiz2 {
           color: #808080;
           padding: 0px 0px 0px 0px;
           float: left;
           text-align: left;
           float: left;
           width: 880px;
      }



    /* END MENU */
    
    /* CONTENT */

    /* home main:         | <- 540+5=545 -> |    */
    /* home content2:   | <- 180+5=185 -> |    */

    /* other menu_vert: | <- 140+5+10=155 -> |  */
    /* other content1:   | <- 400+5=405 -> |     */
    /* other content2:   | <- 180+5=185 -> |     */

.prop {
    height:480px;
    float:left;
    width:1px;
       }

        div#content {
border-top: 0px solid #ffffff;
           width: 880px; 
           margin: 0px auto auto 0px;
            background-image: url(uploads/images/page_achtergr.gif);            
            background-repeat: repeat;
            background-position: right 0px;
           text-align: left;
       }

       div#content1 {                   /*content deel van vervolg pagina (met menu links) */
           clear: right;
           float: right;
           border-bottom: 1px solid #053C6D;
           border-right: 1px solid #053C6D;
border-top: 1px solid #053C6D;
           width: 715px;
           margin: 0px 0px 0px 0px;
           padding: 0px 0px 0px 0px;
            background-image: url(uploads/images/maze_bg.jpg);            
            background-repeat: repeat;
            background-position: right bottom;
       }

       div#tussen {
           clear: left;
           float: left;
           width: 55px;
           xbackground-color: #FFFFFF;
           /* background-image: url(uploads/images/topleft.png);   */        
           background-repeat: no-repeat;
           background-position: 0px 0px;
           margin: 0px 0px 0px 0px;
           padding: 0px 0px 0px 0px;
       }

       div#content2 {                     /* rechterkolom */
border: 0px solid #000000;
           clear: right;
           float: right;
           font-size: 0.91em;
           line-height: 150%;
           color: #053C6D;
           width: 180px;
           margin: 10px auto auto auto;
           padding: 0px 5px 0px 0px; /* 5 uit de rechterrand van de de content style */
       }

       div#content_organisatie {                   /*content deel van vervolg pagina (organisatie) */
border: 0px solid #000000;
           clear: left;
           float: left;
           width: 650px;
           margin: 15px auto auto auto;
           padding: 0px 0px 0px 5px;
       }

       div#content_vervolg {                   /*content deel van vervolg pagina (organisatie) */
xborder-top: 1px solid #053C6D;
xborder-right: 1px solid #053C6D;
           clear: right;
           float: right;
           width: 630px;
           margin: 0px 0px 0px 0px;
           padding: 0px 30px 0px 0px;
           color: #053C6D;
       }


       div#content_kandidaten {                   /*content deel van vervolg pagina (organisatie) */
border: 0px solid #000000;
           float: left;
           width: 650px;
           margin: 15px auto auto auto;
           padding: 0px 0px 0px 5px;
       }


       div#content_vacatures {                   /*content deel van vervolg pagina (organisatie) */
border: 0px solid #000000;
           float: left;
           width: 650px;
           margin: 0px auto auto auto;
           padding: 0px 0px 0px 5px;
       }

       div#content_nieuwsoverzicht {                   /*content deel van vervolg pagina (organisatie) */
border: 0px solid #000000;
           float: left;
           font-size: 111%;
           width: 650px;
           margin: 15px auto auto auto;
           padding: 0px 0px 0px 5px;
       }

       div#content_nieuws {                   /*content deel van vervolg pagina (organisatie) */
border: 0px solid #000000;
           float: left;
           width: 650px;
           margin: 15px auto auto auto;
           padding: 0px 0px 0px 5px;
       }

       div#main {                        /* content deel van de home page */
           float: left;
           width: 660px; 
           margin: 0px 0px 0px 0px;
           padding: 0px 0px 0px 0px;  /* 5 uit de linkerrand van de de content style */
       }

    /* END CONTENT */

    /* HOMEPAGE */
       div#homebox_left {
           clear: left;
           float: left;
           width: 410px;
       }

         div#homebox_right {
           clear: right;
           float: right;
           width: 225px;
       }

       div#homebox h1 {
            font-size: 1.2em;
            color: #ffffff;
            margin: 0;
            padding: 3px 0px 4px 0px;
            xbackground-color: #E76321;
       }


       div#welcome {
           clear: left;
           float: left;
           color: #053C6D;
           width: 410px;
           border: 0px solid #d0d0d0;
       }

       div#welcome h1{
            font-size: 1.4em;
            color: #053C6D;
            margin: 0;
            padding: 10px 0px 4px 0px;
            xbackground-color: #ffffff;
       }

       div#welcome a {
            color: #00396B;
       }

             div#welcome a:hover {
                color: orange;
                          text-decoration: underline;
}


div#welcome p{
            padding: 3px 0px 4px 0px;
       }

	div#welcome ul {
		margin: 0px 0px 0px 0px;
		padding: 10px 10px 10px 10px;
	}
	div#welcome ul li {
		margin: 0px 0px 0px 0px;
		padding: 10px 10px 10px 10px;
	}



       div#welcomefoot {
       }

       div#top5 {
           clear: right;
           float: right;
           width: 210px;
           border: 1px solid #053C6D;
      margin: 5px 15px 5px 0px;
       }

       div#top5_content {
      font-size: 12px;
      color: #053C6D;
      text-align: left;
      padding: 5px 5x 5px 5px;
            background-color: #FDB671;
      }


       div#top5 h1 {
            font-size: 1.2em;
            font-weight: normal;
            text-transform: uppercase;
            color: #ffffff;
            margin: 0;
            padding: 3px 11px 4px 4px;
            background-color: #053C6D;
            text-align: center;
       }

       div#top5 h3 {
            font-size: 1.0em;
            font-weight: bold;
            color: #053C6D;
            margin: 0;
            padding: 3px 0px 1px 4px;
            border: 0;
       }

       div#top5 p {
            font-size: 12px;
            color: #053C6D;
            margin: 0;
            padding: 0px 0px 4px 4px;
}

       div#top5 a {
            color: #053C6D;
            margin: 0;
       }

       div#top5foot {
       }



       div#top3news {
           clear: right;
           float: right;
           margin: 5px 15px 5px 0px;
           width: 210px;
           border: 1px solid #053C6D;
           background-color: #FDB671;
       }


       div#moretext {
            color: #053C6D;
            padding: 0px 0px 0px 0px;
            margin: 0;
       }

       div#top3news a {
            color: #053C6D;
            padding: 0px 5px 0px 0px;
            margin: 0;
       }

       div#top3news h1 {
            font-size: 1.2em;
            font-weight: normal;
            text-transform: uppercase;
            color: #ffffff;
            margin: 0;
            padding: 3px 11px 4px 10px;
            background-color: #053C6D;
            text-align: center;
       }

       div#top3news p {
            font-size: 1em;
            margin: 0;
            padding-left: 4px;
padding-top:6px;
            color: #053C6D;
       }

 div#top3news p span p{margin:0px; padding:0px;}

       div#top3newsfoot {
       }

       div#homecontact h1 {
            font-size: 1.2em;
            font-weight: normal;
            text-transform: uppercase;
            color: #ffffff;
            margin: 0;
            padding: 3px 11px 4px 10px;
            background-color: #053C6D;
            text-align: center;
      }

       div#homecontact h2 {
            font-size: 1em;
            color: #053C6D;
            margin: 0;
            padding: 3px 11px 4px 10px;
      }

       div#homecontact p {
            font-size: 1em;
            margin: 0;
            padding: auto auto auto 10px;
            color: #053C6D;
      }

       div#homecontact {
           clear: right;
           float: right;
           margin: 5px 15px 5px 0px;
           width: 210px;
           border: 1px solid #053C6D;
           background-color: #FE9E33;
       }

       div#homecontactfoot {
       }

    /* HOMEPAGE */

        
    /* END CONTENT */
 
    
    /* FOOTER */

       div#marquee {
        clear: left;
        float: left;
    height:25px;
           background-image: url(uploads/images/pijl.gif); 
           background-repeat: no-repeat;
           background-position: 0px 0px; 
        background-color: #FE9E33;
        border-top: 3px solid #FE9E33;
        border-bottom: 3px solid #FE9E33;
        margin: 5px 0px 5px 0px;
        padding: 2px 0px 2px 50px;
           color: #053C6D;
       }

       div#marquee p {
           font-size: 0.8em;
           margin: 0;
           padding: 2px;
           text-align: center;
       }

       div#marquee a:hover {
		color: #00396B;
       }

 div#marquee iframe{margin-top:-5px}

       div#footer {
        clear: both;
        background-color: #ffffff;
        border: 1px solid #053C6D;
        xborder-bottom:  5px solid #F3B000;
        margin: 5px auto auto auto;
       }

       div#footer p {
           font-size: 0.8em;
           margin: 0;
           padding: 0px;
           text-align: left;
           color: #053C6D;
       }

       div#footer a,
       div#footer a:link, 
       div#footer a:active
       div#footer a:visited {
        font-weight: normal;
        color: #00396B;
        text-decoration: none;
       }

       div#footer a:hover {
        font-weight: bold;
       }

       div#aftertext p {
           font-size: 81%;
           line-height: 1.2em;
           xcolor: #a0a0a0;
           padding: 10px 10px 0px 10px;
           text-align: left;
       }

    /* END FOOTER */

/* END LAYOUT */

.customLink{color:#196F9E !important;}

.nodisplay{display:none;}

.sitemap{ margin-left:20px;}
.sitemap li{margin:0px !important; padding:0px !important;}



          

/* End of 'Layout' */