



        body,html
        {
            padding:0px;
            margin:0px;
            background-color: #f37321;
            height:100%;
            background-image: url(../image/background.jpg);
            background-position: 85% 0px;
            background-repeat: no-repeat;
        }

        body,html, html *
        {
            scrollbar-arrow-color:#f26522;
            scrollbar-shadow-color:#f26522;
            scrollbar-face-color:#007dc6;
            scrollbar-highlight-color:#f26522;
            scrollbar-darkshadow-color:#007dc6;
            scrollbar-3dlight-color:#007dc6;
        }

        #containermidden
        {
            margin-left:auto;
            margin-right:auto;
			width:771px;
			height:470px;
      		background-image: url(../image/splash.jpg);
      		border: 1px solid #ffffff;
        }


        #containermidden a:hover
        {
		    text-decoration:underline;
        }

        #werkgevers1
        {
            height:31px;
            width:361px;
            margin-top:296px;
            padding-left:54px;
            padding-top:10px;
			float:left;
            display:block;
            font-size:18px;
			color:#0079c2;
		    text-decoration:none;
            font-family: arial, helvetica, sans-serif;
		}

        #werkgevers2
        {
            height:31px;
            width:322px;
            margin-top:296px;
            padding-left:28px;
            padding-top:10px;
			display:block;
            float:left;
            font-size:18px;
			color:#0079c2;
		    text-decoration:none;
            font-family: arial, helvetica, sans-serif;
		}

        #kandidaten1
        {
            height:31px;
            width:361px;
            margin-top:3px;
            padding-left:54px;
            padding-top:10px;
            float:left;
            display:block;
            font-size:18px;
			color:#0079c2;
		    text-decoration:none;
            font-family: arial, helvetica, sans-serif;
		}

        #kandidaten2
        {
            height:31px;
            width:322px;
            margin-top:3px;
            padding-left:28px;
            padding-top:10px;
			display:block;
            float:left;
            font-size:18px;
			color:#0079c2;
		    text-decoration:none;
            font-family: arial, helvetica, sans-serif;
		}
















		    
		    
		    
		    
		    
		    
		    
		    
		    

    
	
	
	    #header_top
        {
            height:81px;
            width:772px;
            background-image: url(../image/header_top.jpg);
        }

        #header_animatie
        {
            height:176px;
            width:772px;
            background-image: url(../image/header_animatie.jpg);
        }

        #header_puzzel
        {
            height:35px;
            width:772px;
            border-top: 1px solid white;
			background: url(../image/header_puzzel.jpg) no-repeat 480px 1px;
            background-color:#f37321;
        }



        /*menu*/



        #menu
        {
            height:380px;
			width:194px;
		    background-color:#0079c2;
		    border-top:1px solid #ffffff;
		    display:table;
		    float:left;
		}

      .menu_blue_bg
		{
            height:36px;
			width:194px;
			display:block;
		    background-color:#0079c2;
		    border-bottom:1px solid #ffffff;
		    text-decoration:none;
		}

        .menu_blue
		{
            height:24px;
			width:164px;
			padding-top:12px;
			padding-left:12px;
			margin-left:18px;
           	font-size:12px;
			color:#0079c2;
		    background-color:#8cc3e3;
		    text-decoration:none;
		    cursor:hand;
		    font-weight:bold;
		}

		.menu_orange_bg
		{
        	width:194px;
			display:block;
		    background-color:#f37321;
		    border-bottom:1px solid #ffffff;
		    text-decoration:none;

		}

        .menu_orange
		{
        	width:164px;
			padding-top:12px;
			padding-left:12px;
			margin-left:18px;
           	font-size:12px;
			color:#f37321;
		    background-color:#fcdcc7;
		    padding-bottom:9px;
		}


    	.submenu
    	{
          color:#f37321;
          font-size:12px;
          text-decoration:none;
		  display:block;
		}

        a.submenu:hover
        {
          text-decoration:underline;
		}


        #direct_naar_professionals
		{
        	height:39px;
            width:194px;
            margin-top:34px;
		 	display: block;
			background-image: url(../image/directnaar_profs.jpg);
		}

	/*	#nbbu
		{
            height:68px;
            width:81px;
            margin-bottom:87px;
		  	margin-left:57px;
			background-image: url(../image/nbbu.jpg);
		}     */


		/*einde menu*/

		#bg_color_content_menu
		{
 		    height:449px;  
			width:578px;
			float:right;  
			display:table;
			background: url(../image/puzzel_oranje.jpg) no-repeat bottom right;
            background-color:#f37321;
		}

		#content_container
		{
			float:left;
			width:432px;
            display:table;
			background-color:#ffffff;
		}

        #titel
        {
			height:35px;
			width:418px;
            padding-top:15px;
            padding-bottom:10px;
            padding-left:11px;
			font-size:14px;
            font-weight:bold;
            font-family: verdana, arial, helvetica, sans-serif;
            background: url(../image/content_puzzel.jpg) no-repeat 291px 0px;
   			color: #0079c2;
        }

        #content
        {
            height:400px;
			width:418px;
            display:table;
			padding-left:11px;
            font-family: verdana, arial, helvetica, sans-serif;
            text-align:left;
            line-height:15px;
            font-size:12px;
            color: #0079c2;
        }



		/*SubMENU right*/

		#right_vac_container
		{
            height:200px;
			width:146px;
			display:table;
			float:right;
			padding-top:10px;
			background-color:#ffffff;
		}

        #right_vac_container a
        {
            text-decoration:none;
		    font: arial;
           	font-size:10px;
		    color:#0079c2;
		}

        #right_vac_container a:hover
		{
            text-decoration:underline;
		}

		.submenuSep
		{
           height:1px;
		   width:146px;
		   font-size:0px;
		   background: url(../image/submenu_sep.jpg) no-repeat 0px 0px;
		}

 		#solliciteer_direct
		{
            height:23px;
			width:114px;
			padding-left:32px;
        	padding-top:5px;
			color: #0079c2;
			display:block;
			background: url(../image/solliciteer_direct.jpg) no-repeat 0px 0px;
            text-decoration:none;
		}


        #print_deze_functie
		{
            height:22px;
			width:114px;
			padding-left:32px;
        	padding-top:4px;
        	margin-top:7px;
			color: #0079c2;
			display:block;
			background: url(../image/print_deze_functie.jpg) no-repeat 0px 0px;
            text-decoration:none;
		}

		#vertel_het_door
		{
            height:26px;
			width:114px;
			padding-left:32px;
        	padding-top:4px;
        	margin-top:7px;
			color: #0079c2;
			display:block;
			background: url(../image/vertel_het_door.jpg) no-repeat 0px 0px;
            text-decoration:none;
		}

		#cv_achter_laten
		{
            height:25px;
			width:114px;
			padding-left:32px;
        	padding-top:4px;
        	margin-top:5px;
			color: #0079c2;
			display:block;
			background: url(../image/cv_achter_laten.jpg) no-repeat 0px 0px;
            text-decoration:none;
		}

		#terug_naar_overzicht
		{
            height:25px;
			width:114px;
			padding-left:32px;
        	padding-top:4px;
        	margin-top:4px;
			color: #0079c2;
			display:block;
			background: url(../image/terug_naar_overzicht.jpg) no-repeat 0px 0px;
            text-decoration:none;
		}

		#footer
		{
           	height:18px;
			width:772px;
			margin-left:auto;
            margin-right:auto;
			display:block;
			padding-top:3px;
			font-size:10px;
		    font-family: arial;
			background-color:#0079c2;
		}

		#footerleft
		{
           	height:10px;
			width:300px;
 			float:left;
		    font: arial;
 			font-size:10px;
		    color:#ffffff;
 			text-decoration:none;
        	padding-left:28px;
	    }

		#footerright
		{
        	height:10px;
			width:300px;
 			float:left;
 			font-size:10px;
		    font: arial;
		    color:#ffffff;
 			text-decoration:none;
			padding-left:120px;
		}

        a.footerlinks
        {
            text-decoration:none;
           	font-size:10px;
		    color:#ffffff;
		    font: arial;
		}

        a.footerlinks:hover
        {
          text-decoration:underline;
		}

		/*underline EINDE SubMENU right*/






/*
        #puzzelstuk
        {
            background-color:white;
            height:419px;
            width:258px;
            float:right;
        }

        #headerdeel2
        {
            float:left;
            height:20px;
            width:349px;
            background-image: url(../image/headerdeel2.jpg);
            padding-top:13px;
            padding-left:165px;
            font-size:11px;
            font-weight:bold;

        }

        #menu
        {
            min-height:216px;
            width:161px;
            background-color: #bfdef1;
            text-align:center;
        }

        #nbbu
        {
            height:170px;
            width:161px;
            background-image: url(../image/nbbu.jpg);
        }

        #data
        {
            min-height:363px;
            width:353px;
            background-color: #007dc6;
        }

        #data_footer
        {
            height:23px;
            width:353px;
            background-color: #ffffff;
        }

        #puzzelstuk_footer
        {
            width: 258px;
            min-height: 80px;


        }

        #footer
        {

            clear:both;

            margin-top:3px;
            margin-left:auto;
            margin-right:auto;
            width:772px;
            text-align:center;
            color:#ffffff;
            font-family: arial;
            font-size:11px;
            font-weight:bold;
            margin-left:auto;
            margin-right:auto;
        }

        .hoofdmenu
        {
            color:#007dc6;
            font-weight:bold;
            font-size:12px;
            display:block;
            text-decoration:none;
        }

        .submenu
        {
            display:block;
            color:#007dc6;
            font-weight:normal;
            font-size:12px;
            text-decoration:none;
        }
        
        #scrolldiv
        {

            width:343px;
            padding-left:10px;
            background-color: #007dc6;

        }


        #scrolldiv
        {
            min-height: 363px;;
            height:363px;

        }
        *>#scrolldiv
        {
            height: auto;
        }


        .titel
        {
            padding-top:15px;
            padding-bottom:10px;
            font-size:14px;
            font-weight:bold;
            width:327px;
            font-family: verdana, arial, helvetica, sans-serif;
            background-color: #007dc6;
        }

        .content
        {
            font-family: verdana, arial, helvetica, sans-serif;
            text-align:left;
            width:327px;
            line-height:15px;
            font-size:12px;
            background-color: #007dc6;
        }


        .content a:visited,.content a:hover ,.content a:link , .content a
        {
            font-family: verdana, arial, helvetica, sans-serif;
            text-align:left;
            line-height:15px;
            font-size:12px;
        }

        #printdiv
        {
          padding:10px;
        }

        #printdiv, #printdiv *
        {
            width:343px;

            color:black;
            background-color:white;
        }
        
        #containermiddenprint
        {
            margin-left:auto;
            margin-right:auto;
			width:350px;
			min-height:500px;
            display:table;
   			background-color:white;
        }



         FORM ELEMENTEN


        .invoer
        {
            border:1px solid white;
            border-top:1px solid #555555;
            border-left:1px solid #555555;
            color:#007dc6;
            width:95%;
            margin-left:5px;
            font-size:10px;
        }

        .invoerselect
        {
            border:1px solid white;
            border-top:1px solid #555555;
            border-left:1px solid #555555;
            color:#007dc6;
            margin-left:5px;
            font-size:10px;
        }

        .knop
        {
            border:1px solid #f26522;
            background-color:#bfdef1;
            color:#007dc6;
        }

        .error
        {
            padding:5px;
            border:1px solid #f26522;
            background-color:#bfdef1;
            color:#007dc6;
        }

        .required
        {
            font-weight:bold;
        }
        .inputlabel
        {

            margin-top:5px;
            font-size:12px;
            margin-bottom:1px;
        }

        .vetverplicht
        {
            margin-top:3px;
            text-align:right;
            font-weight:bold;
            margin-right:25px;
        }
        .inputheader
        {
            border:1px solid #f26522;
            padding:5px;
            width:85%;
        }
        .inputheader .inputheader
        {
            border:none;
            border-top:1px solid white;
            width:95%;
            margin-bottom:3px;
        }
        .inputheader legend
        {
            font-weight:bold;
            font-size:14px;
        }

         */


