/* css werkcontact */

      

      body{

      	background:#fff; 

      	color:#ccc;

      	font:12px Verdana,Helvetica,sans-serif;

      

      }

      

      a{

        color:#333333;

      }



      p{

        margin: 0 0 0 0;

      }

      

      img{

       padding: 5px;   

      }

      

      #container{

          position:relative;

          margin: 0 auto;

          width:750px;

      }

      

      #logo{

          margin-top: 50px;

          margin-bottom: 20px;

          padding: 0px;

      }

      

/* menu */

      

      #containermenu{

            float: left;

      }

      

      .menuItem{

            width: 172px;

            height: 14px;

            background: #dddddd;

            margin-top: 1px;

            padding-left: 8px;

            font-weight:bold;

            color:#333333;

      

      }

      *>.menuItem{

          height: auto;

          min-height: 14px;

      }



      .menuSubItem{

            width: 168px;

            height: 14px;

            margin-top: 1px;

            padding-left: 12px;

            background: #dddddd;

            display: block;

            color:#333333;

            text-decoration: none

      }

      

       *>.menuSubItem{

          height: auto;

          min-height: 14px;

      }



      .menuSubItem:hover

      {

            background: #eeeeee;

      }

      

/* content */

      

      #title{

            font-weight:bold;

            color:#333333;

            font-size:14px;

      }

      

      #contentvak

      {

                 color:#333333;

                 text-align:justify;

                 font-size:12px;

                 height: 315px;

      }



 	.title{

            font-weight:bold;

            color:#333333;

            font-size:14px;

      }

      

      .contentvak

      {

                 color:#333333;

                 text-align:justify;

                 font-size:12px;

                 height: 315px;

      }







/* form */



        .groupbox{

          height:25px;

        }

        

        *>.groupbox{

          height:auto;

          min-height:25px;

        }



        .groupboxOpmerking{

          height: 90px;

        }



        .inputlabel

		{

			width:200px;

			float: left;

			text-align:right;

			padding-right: 20px;

		}

		.invoer

		{

			float: left;

			color:#333333;

		}

		.invoerselect

		{

			display: inline;

			color:#333333;

		}



		.knop

		{

			border:1px solid black;

			font-size:14px;



		}

		

       .uwGegevens{

          text-align:left;

          width:450px;

          display: block;



       }

/*





="containercontent">

        <div id="title"><BR><BR><?PHP echo $TemplateData["TITLE"]?></div>

        <div id="content

    



body					  {background:#fff; color:#ccc; font:12px Verdana,Helvetica,sans-serif;}

h1							{font-size:14px; text-align:left; margin:0px 0px 0px 0px;}

a								{color:#000;}

img							{border:0px;}

table						{border-spacing:0px; margin:0px 0px 0px 0px;}

.form						{text-align:right;}



 ------------- texts -----------------

.container			{position:relative; margin:0 auto; width:750px}

.textbox				{position:absolute;

                 left:220px;

                 top:100px;

                 width:500px;

                 color:#000;

                 background-color:transparent;

                 text-align:justify;

                 visibility:hidden}

.textbox:link		{color:#fff; text-decoration:none}

.voorgrond			{position:absolute;width:490px;margin-left: 5px;margin-top: 3px;}

.dank           {position:absolute;

                 left:220px;

                 top:100px;

                 width:500px;

                 color:#000;

                 background-color:transparent;

                 text-align:center;}

 -------------- images --------------- 

.logo           {position:absolute; left:10px; top:50px;}

.achtergrond	  {position:absolute; left:0px;margin: 5px 25px 25px 0px;}

.eend					  {float:left; left:20px;margin: 10px 25px 10px 0px;}

.eendje					{width:200px;float:left;margin: 5px 25px 25px 0px;}

.trap 					{float:left; margin: 10px 200px 10px  0px;}

.dubbel					{float:left; margin: 10px 200px 10px  0px;}

img#hobbit			{float:right;margin: 0px   0px  0px  0px;}



 --------------  menu ----------------

ul.rollmenu

                {position:absolute; left:10px;top:103px;

                 list-style-type: none;

                 color: #333;

                 background-color: #ddd;

                 margin: 0;

                 padding: 0;

                 border-color: #fff;

                 border-style: solid;

                 border-width: 1px 1px 0 1px;

                 width: 160px;

                 voice-family: "\"}\"";

                 voice-family: inherit;

                 padding: 0 0.5em;

                 width: 150px}

                 html>body ul.rollmenu {width: 160px}

ul.rollmenu li

                {font-weight: bold;

                 margin: 0;

                 padding: 0}

ul.rollmenu ul

                {font-weight: normal;

                 list-style-type: none;

                 margin: 0.1em 0 0 0;

                 padding: 0;

                 border-bottom: 1px solid #fff;

                 voice-family: "\"}\"";

                 voice-family: inherit;

                 margin: 0.1em -0.5em 0 -0.5em}

ul.rollmenu a

                {font-weight: normal;

                 text-decoration: none;

                 color: #000;

                 background-color: transparent;

                 margin 0;

                 padding: 0 0.5em 0 1.25em;

                 width: 100%;

                 border-top: 1px solid #fff;

                 display: block;

                 voice-family: "\"}\"";

                 voice-family: inherit;

                 padding-left: 1em}

                 html>body ul.rollmenu a {width: auto}

ul.rollmenu a:hover

                {background-color: #eee}

           */