/* 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: 2000px; } */

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

    div#page {
        width: 1010px;                       /* de inhoud van 'page' is 'content' die op zijn beurt 760 breed is */
        margin: 0px auto auto auto;
        background-color: #9C9C9C;
        background-image: url(uploads/images/backgrnd_page.gif);       
        padding: 0px 0px 0px 0px;
        text-align: center;
        height: 100%; 
    }
    
   div#page1 {
        width: 600px;                       /* de inhoud van 'page' is 'content' die op zijn beurt 760 breed is */
        margin: 0px auto auto auto;
        background-color: #ffffff;              
        padding: 0px 0px 0px 0px;
        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 {
            border-top: 0px solid #EB8553;            
            margin: 0;
            padding: 0;
            height: 141px;
            background-color: #ffffff;
            background-image: url(uploads/images/header.gif);            
            background-repeat: no-repeat;
            background-position: 0px 0px;
            text-align: center;
       }

        div#header_organisatie  {
            border-top: 0px solid #EB8553;            
            margin: 0;
            padding: 0;
            height: 141px;
            background-color: #ffffff;
            background-image: url(uploads/images/header.gif);            
            background-repeat: no-repeat;
            background-position: 0px 0px;
            text-align: center;
       }

        div#header_dienstverlening  {
            border-top: 0px solid #EB8553;            
            margin: 0;
            padding: 0;
            height: 141px;
            background-color: #ffffff;
            background-image: url(uploads/images/header.gif);            
            background-repeat: no-repeat;
            background-position: 0px 0px;
            text-align: center;
       }

        div#header_kandidaten  {
            border-top: 0px solid #EB8553;            
            margin: 0;
            padding: 0;
            height: 141px;
            background-color: #ffffff;
            background-image: url(uploads/images/header.gif);            
            background-repeat: no-repeat;
            background-position: 0px 0px;
            text-align: center;
       }

        div#header_vacatures {
            border-top: 0px solid #EB8553;            
            margin: 0;
            padding: 0;
            height: 141px;
            background-color: #ffffff;
            background-image: url(uploads/images/header.gif);            
            background-repeat: no-repeat;
            background-position: 0px 0px;
            text-align: center;
       }

        div#header_nieuws {
            border-top: 0px solid #EB8553;            
            margin: 0;
            padding: 0;
            height: 141px;
            background-color: #ffffff;
            background-image: url(uploads/images/header.gif);            
            background-repeat: no-repeat;
            background-position: 0px 0px;
            text-align: center;
       }
 
    /* END HEADERS */
    
    /* MENU */

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

       div#menu_vert {
           clear: right;
           float: right;
           text-align: left;
           width: 249px;
           margin-right: 0px;
           background-color: #4A637B;
      }

      div#menu_horiz {
           color: #808080;
           padding: 0px 0px 0px 0px;
      }


    /* 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 -> |     */

        div#content {
border: 0px solid #000000;
           width: 860px; 
           margin: auto auto auto 8px;
           text-align: left;
       }

       div#content1 {                   /*content deel van vervolg pagina (met menu links) */
border: 0px solid #000000;
           float: left;
           width: 504px;
           margin: 10px auto auto auto;
           padding: 0px 0px 0px 5px;
       }

       div#content2 {                     /* rechterkolom */
border: 0px solid #000000;
           clear: right;
           float: right;
           font-size: 0.91em;
           line-height: 150%;
           color: #404040;
           width: 180px;
           margin: 15px 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;
           float: left;
           width: 504px;
           margin: 20px 0px 5px 0px;
           xpadding: 0px 0px 0px 5px;
       }

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


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


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

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

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

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

    /* END CONTENT */

    /* HOMEPAGE */
       div#homebox_left {
           clear: left;
           float: left;
           margin: 0px 10px 0px 80px;
           width: 504px;
           xbackground-color: #FFFFFF;
       }

         div#homebox_right {
           clear: right;
           float: right;
           margin: 0px 0px 0px 0px;
           width: 250px;
       }

       div#homebox h1 {
            xfont-size: 1.2em;
            xcolor: #FF6600;
            xmargin: 0;
            xpadding: 20px 20px 10px 20px;
            xbackground-color: #E76321;
       }

       div#homebox {
           width: 931px;
       }


       div#welcome {
           clear: left;
           float: left;
           margin: 20px 0px 5px 0px;
           width: 500px;
           border: 0px solid #d0d0d0;
           background-color: #FFFFFF;
       }

       div#welcome h1{
            font-size: 1.4em;
            color: #94AD52;
            padding: 0px 20px 20px 20px;
           background-image: url(uploads/images/h1_streep.gif); 
           background-repeat: repeat;
           background-position: 100px left; 
            xbackground-color: #ffffff;
       }

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

       div#welcomefoot {
       }

       div#toprechts {
           clear: right;
           float: right;
           width: 249px;
           xborder: 2px solid #196F9E;
           xbackground-color: #4FC2D5;
       }

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

       div#toprechts h3 {
            font-size: 0.85em;
            font-weight: normal;
            xtext-transform: uppercase;
            color: #ffffff;
            margin: 0;
            padding: 0px 0px 0px 0px;
            text-align: links;
            border-top: 1px solid #ffffff;
            border-bottom:  1px solid #ffffff;
       }


       div#toprechts p {
            font-size: 12px;
            color: #404040;
            padding: 0px 0px 0px 0px;
            margin: 0;
}

       div#toprechts a {
            color: #ffffff;
            margin: 0;
            padding: 0px 0px 0px 0px;
       }

       div#toprechtsfoot {
       }


       div#bottomrechts {
           clear: right;
           float: right;
           width: 249px;
       }

       div#bottomrechts h3 {
            font-size: 1.2em;
            font-weight: normal;
            text-transform: uppercase;
            color: #ffffff;
            margin: 0;
            padding: 0px 0px 0px 0px;
            text-align: center;
            border-top: 1px solid #ffffff;
            border-bottom:  1px solid #ffffff;
       }


       div#bottomrechts p {
            font-size: 12px;
            color: #404040;
            margin: 0;
            padding: 0px 0px 0px 0px;
}

       div#bottomrechts a {
            color: #FFD133;
            margin: 0;
       }

       div#bottomrechtsfoot {
       }

       div#top5 {
           clear: left;
           float: left;
           width: 500px;
           padding: 10px 0px 10px 0px;
           xborder: 0px solid #d0d0d0;
           xbackground-color: #FFFFFF;        
       }

       div#top5 h2 {
            font-size: 1.2em;
            font-weight: normal;
            xtext-transform: uppercase;
            color: #FFFFFF;
            margin: 0;
            padding: 3px 11px 4px 10px;
            background-color: #4A637B;
       }

       div#top5 h3 {
            font-size: 1.0em;
            font-weight: normal;
            color: #94AD52;
	text-decoration: none;
            margin: 0;
            padding: 3px 0px 0px 4px;
            border: 0;
       }

       div#top5 a {
            color: #94AD52;
            margin: 0;
       }

div#newJobsA {
            color: #4A637B;
            margin: 0;
       }




       div#top5 p {
            font-size: 1.0em;
            color: #000000;
            margin: 0;
            padding: 3px 0px 0px 4px;
       }

       div#top5foot {
       }

       div#top3news {
           clear: left;
           float: left;
           width: 500px;
           padding: 10px 0px 10px 0px;
           xborder: 0px solid #d0d0d0;
           xbackground-color: #FFFFFF;        
       }

       div#top3news h2 {
            font-size: 1.2em;
            font-weight: normal;
            xtext-transform: uppercase;
            color: #ffffff;
            margin: 0;
            padding: 3px 11px 4px 10px;
            background-color: #94AD52;
       }

       div#top3news p{
             font-size: 1.0em;      
       }

   

       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: #4FC2D5;
            text-align: center;
      }

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

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

       div#homecontact {
           clear: right;
           float: right;
           width: 150px;
           xborder: 2px solid #4FC2D5;
           background-color: #FFD133;
       }

       div#homecontactfoot {
       }

    /* HOMEPAGE */

        
    /* END CONTENT */
 
    
    /* FOOTER */

       div#footer {
        clear: both;
        width: 554px;
        xbackground-color: #ffffff;
        margin: 10px 150px auto auto;
       }

       div#footer p {
           font-size: 0.7em;
            font-weight: bold;
           margin: 0;
           padding: 2px;
           text-align: center;
       }

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

    /* END FOOTER */


/* END LAYOUT */

ul#navigation_2 li    {
  list-style: none;
list-style-image: none;
  cursor: pointer;
  height: 22px;
  text-align: left;
  text-decoration: none;
  padding: 0px 0px 2px 0px;
  margin: 0px 0px 0px 0px;
    }

ul#navigation_2 li a,
ul#navigation_2 li input {
  list-style: none;
  cursor: pointer;
  height: 22px;
  color: #ffffff;
  background-color: #FF6600;
  text-align: left;
  text-decoration: none;
  padding: 0px 0px 2px 0px;
  margin: 0px 0px 0px 0px;
  border: 1px #ffffff solid; 
}

ul#navigation_2 li a:hover,
ul#navigation_2 li input:hover  {
  color: #ffffff;
  background-color: #143E70;
  text-decoration: none;
}
ul#navigation_2 li a:link,
ul#navigation_2 li input:link {
  color: #ffffff;
  background-color: #FF6600;
}
ul#navigation_2 li a:active,
ul#navigation_2 li input:active {
  color: #ffffff;
  background-color: #FF6600;
}

li {list-style-image:url(uploads/images/li.gif);}


	div#boven a,
	div#boven a:link,
	div#boven a:active, div#boven a:visited {
		color: #4A637B;
                          font-weight:bold;
                          text-decoration: none;
	}

             div#boven a:hover {
		color: #4A637B;
                          text-decoration: underline;
             } 

          

/* End of 'Layout' */