@font-face {
    font-family: 'bag-bold';
    src: url('fonts/berthold_akzidenz_grotesk_be_bold_condensed-webfont.eot');
    src: url('fonts/berthold_akzidenz_grotesk_be_bold_condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/berthold_akzidenz_grotesk_be_bold_condensed-webfont.woff') format('woff'),
         url('fonts/berthold_akzidenz_grotesk_be_bold_condensed-webfont.ttf') format('truetype'),
         url('fonts/berthold_akzidenz_grotesk_be_bold_condensed-webfont.svg#BertholdAkzidenzGroteskBEBdCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bag';
    src: url('fonts/berthold_akzidenz_grotesk_be_condensed-webfont.eot');
    src: url('fonts/berthold_akzidenz_grotesk_be_condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/berthold_akzidenz_grotesk_be_condensed-webfont.woff') format('woff'),
         url('fonts/berthold_akzidenz_grotesk_be_condensed-webfont.ttf') format('truetype'),
         url('fonts/berthold_akzidenz_grotesk_be_condensed-webfont.svg#BertholdAkzidenzGroteskBECn') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bag-light';
    src: url('fonts/berthold_akzidenz_grotesk_be_light_condensed-webfont.eot');
    src: url('fonts/berthold_akzidenz_grotesk_be_light_condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/berthold_akzidenz_grotesk_be_light_condensed-webfont.woff') format('woff'),
         url('fonts/berthold_akzidenz_grotesk_be_light_condensed-webfont.ttf') format('truetype'),
         url('fonts/berthold_akzidenz_grotesk_be_light_condensed-webfont.svg#BertholdAkzidenzGroteskBELtCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, div, img, h1, h2, h3, h4, p, ul, a, table, tr, td, th
{
	border-width:	0;
	margin:			0;
	padding:		0;
	text-decoration:	none;
	-webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.hide
{
	display:	none;
}

.large
{
  position: relative;
  font-size:  130%;
  top: 2px;
  font-weight:  bold;
}

a
{
	color:	#007284;
}

body
{
	background-color:	#060200;
/*  background-image: url('/images/bg.png');*/
	min-width:	800px;

	font-family:	'Open Sans', sans-serif;
/*  font-size:  150%;*/
}
body.box
{
	background-image:	none;
	background-color:	#eee;
}

#header
{
	width:	95%;
	margin-left:	auto;
	margin-right:	auto;
}
	#header h1
	{
		position:	relative;
		top:	-5px;
		left:	-5px;
		margin-top:	20px;
		text-align:	right;
		font-weight:	normal;
		font-size:	150%;
/*    text-shadow: #FFF 1px 1px 1px;*/
		letter-spacing: -1px;
	}
		#header h1 a
		{
			color:  #eee;
      font-family: 'bag-light';
      font-size:  130%;
		}
		#header h1 a:hover, #header h1 a:focus
		{
			color:	#fff;
		}

div#menu
{
  position: relative;
  background-color: #007284;
	padding: 5px;
	padding-bottom: 8px;
	overflow:	auto;
	border-color:	#007284;
	border-width:	0;
	border-style:	solid;
}
	ul#nav, ul#usermenu
	{
		list-style-type:	none;
		display:	block;
		float:	left;
		overflow:	hidden;
		font-size:	75%;
		border-width: 1px;
		border-style: solid;
		border-color: #00515e;
		border-radius: 5px;
	}
		ul#nav li, ul#usermenu li
		{
			float:	left;

			border-width:	0;
			border-right-width:	1px;
			border-color:	#00515e;
			border-style:	solid;
			overflow: hidden;
      position: relative;

/*      text-shadow:  #333 1px 1px 1px;*/
		}
		ul#nav li.last, ul#usermenu li.last
		{
			border-width:	0;
		}
			ul#nav li a, ul#usermenu li a
			{
				color:	#002227;
        font-weight:  400;
				display:  block;
				padding-top: 5px;
				padding-bottom: 5px;
				padding-left:	10px;
  			padding-right:	10px;

        background: #55c2db; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1YzJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDgwOTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #55c2db 0%, #008093 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55c2db), color-stop(100%,#008093)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #55c2db 0%,#008093 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #55c2db 0%,#008093 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #55c2db 0%,#008093 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #55c2db 0%,#008093 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55c2db', endColorstr='#008093',GradientType=0 ); /* IE6-8 */

        -moz-box-shadow:    inset 0 0 8px rgba(0, 50, 60, 0.4);
        -webkit-box-shadow: inset 0 0 8px rgba(0, 50, 60, 0.4);
        box-shadow:         inset 0 0 8px rgba(0, 50, 60, 0.4);
			}
				ul#nav li a:focus, ul#usermenu li a:focus,
				ul#nav li a:hover, ul#usermenu li a:hover
				{
					color:	#FFF;
				}
			ul#nav li a.selected, ul#usermenu li a.selected
			{
				color:	#FFF;
/*        text-decoration:  underline;*/
        text-shadow:  none;
/*        font-weight:  bold;*/

        background: #275b66; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3NWI2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDcyODQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #275b66 0%, #007284 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#275b66), color-stop(100%,#007284)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #275b66 0%,#007284 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #275b66 0%,#007284 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #275b66 0%,#007284 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #275b66 0%,#007284 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#275b66', endColorstr='#007284',GradientType=0 ); /* IE6-8 */
			}
	ul#usermenu
	{
		float:	right;
	}

#nav .sub
{
  display: block;
  list-style-type: none;
  padding: 0;
  margin :0;
  width: 100%;
  position: absolute;
  left: 0;
  top: 30px;
  z-index: 1000;
  background-color: blue;
  background-image: none;
}
  #nav .sub li
  {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: red;
    z-index: 1000;
    background-image: none;
  }
    #nav .sub li a
    {
      display: block;
      padding: 10px;
    }

div#submenu
{
	font-size:	80%;
	margin-top:	-10px;
	margin-left: -5px;
	margin-bottom:	20px;
}
	div#submenu a
	{
		padding-left:	5px;
		padding-right:	5px;
	}
	div#submenu a.selected
	{
		color:	#000;
		font-weight:	bold;
		font-size:	90%;
	}


#container
{
	width:	95%;
	margin-left:	auto;
	margin-right:	auto;
	margin-bottom: 10px;
	background-color:	#FFF;
	border-color:	#007284;
	border-width:	1px;
	border-style:	solid;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}

#content
{
	padding:	20px;
	position:	relative;
	border-width: 0;
	border-top-width: 1px;
	border-color: #00515e;
	border-style: solid;

	box-shadow: inset 0 0 5px #888;
}
#content.box
{
/*  background-color: #eee;*/
	box-shadow: none;
	border-width: 0;
}
	#content h2
	{
		font-size:	100%;
		font-weight:	normal;
		color:	#333;
	}
		#content h2 strong
		{
			color:	#555;
		}
	#content.box h2
	{
		font-weight:	bold;
		color:	#555;
		text-align: center;
	}
	#content h3
	{
		font-size:	110%;
		font-weight:	normal;
		color:	#333;
		border-bottom-width: 1px;
		border-style:	dashed;
		border-color:	#CCC;
		position: relative;
		top: 2px;
	}
		#content h3.center
		{
			text-align:	center;
			margin-bottom:	2em;
			font-size:	110%;
			border-width:	0;
			color:  #555;
			white-space: nowrap;
		}
	#content.box h3
	{
	  border: none;
	  font-size:  80%;
	  margin-bottom: 1em;
	  text-align: center;
	}
	#content p
	{
		margin-top:	1em;
		font-size:	90%;
		line-height:	150%;
	}
	#content.box .video
	{
	  display:  block;
	  width: 400px;
	  margin-left:  auto;
	  margin-right: auto;
	  border-width: 1px;
	  border-style: solid;
	  border-color: #4db1c9;
	}
	#content.box .img
	{
	  overflow: hidden;
	  margin-top: 30px;
	  text-align: center;
	  width: 400px;
	}
	  #content.box .img a
	  {
      display: inline-block;
	    margin-right: 10px;
	    margin-bottom: 20px;
	    overflow: hidden;
	    text-align: center;
	    font-size: 70%;
	  }
	  #content.box .img a:hover
	  {
	    text-decoration: underline;
	  }
	  #content.box .img a:hover img
	  {
	    opacity: 0.5;
	  }
	#content.box div#textalt
	{
	  font-family:  verdana, helvetica, arial, sans-serif;
	  font-size:  11px;
	  line-height: 17px;
	  width: 380px;
	  margin-top: 10px;
	  margin-left:  auto;
	  margin-right: auto;
	  margin-bottom: 20px;
	  padding: 10px;
	  border-width: 1px;
	  border-style: solid;
	  border-color: #4db1c9;
	  background-color: #fff;
	}
	#content form
	{
		margin-top: 20px;
		margin-bottom: 20px;
	}
  #content form.center
  {
    text-align: center;
  }
	#content form fieldset
	{
		border-width:	0;
		margin:	0;
		padding:	0;
	}
	#content form fieldset legend
	{
		color:	#AAA;
	}
		#content form div
		{
			margin-bottom: 20px;
			clear:	both;
			overflow:	visible;
			color:	#AAA;
		}
		#content form div.center,
    .box div.center
		{
			text-align:	center;
			overflow:	auto;
		}
		#content form div.border
		{
			border-top-width:	1px;
			border-style:	solid;
			border-color:	#CCC;
			padding-top:	20px;
		}
			#content form div a
			{
				font-size:	80%;
			}
			#content form div em
			{
				display:	block;
				margin-top:	10px;
				padding-left:	180px;
				font-size:	70%;
				color:	#555;
			}
			#content form div label
			{
				padding: 10px;
				margin-left: -10px;
				font-size:	90%;
				color:	#555;
				cursor:	pointer;
			}
			#content form div label.block
			{
				position:	relative;
				top: 2px;
				float:	left;
				width: 150px;
				text-align:	right;
				margin-right:	20px;
				padding: 10px;
				color:	#555;
			}
			#content form div label.inline
			{
				position:	relative;
				top: 2px;
				margin-left:	30px;
				padding: 10px;
				color:	#555;
			}
			input[type="checkbox"]
			{
				cursor:	pointer;
			}
			#content form div select
			{
				margin-top:		11px;
				margin-bottom:	11px;
			}
			#content form div input.file
			{
				position:	relative;
/*				top:	8px;*/
				left:	15px;
				border-width:	0;
				outline:	0;
			}
			#content form div input.text
			{
				padding: 10px;
				padding-left: 5px;
				width:	40em;
				border-radius: 5px;
				border-style:	solid;
				border-width:	1px;
				border-color:	#AAA;
				font-size:	100%;
				outline-width: 	0;
				color:	#555;
			}
				#content form div input.text:focus:not(.readonly)
				{
					color:	#000;
					outline-style:	solid;
					outline-width: 2px;
					outline-color:	#007284;
					border-color:	#FFF;
/*          background-color: #FFFFD3;*/
				}
			#content form div textarea.text
			{
			  height: 300px;
			}
			#content form div input.short
			{
				width:	5em;
			}
			#content form div input.date
			{
				width:	8em;
			}
			#content form div input.text.small
			{
				width:	4em;
				padding: 5px;
				font-size:	70%;
			}
			#content form div input.readonly
			{
			  color:  #555;
        border-color: #fff;
			}
			#content form div textarea
			{
				padding: 5px;
				width:	40em;
				height: 5em;
				border-radius: 5px;
				border-style:	solid;
				border-width:	1px;
				border-color:	#AAA;
				font-size:	100%;
				outline-width: 	0;
				color:	#555;
				line-height:	150%;
			}
				#content form div textarea:focus
				{
					color:	#000;
					outline-style:	solid;
					outline-width: 2px;
					outline-color:	#007284;
					border-color:	#FFF;
/*          background-color: #FFFFD3;*/
				}
			#content form div button
			{
/*        padding: 10px;
        cursor: pointer;
        position: relative;
        z-index: 100;
        background-color: #dd0f79;
        color:  #fff;
        border-style: solid;
        border-width: 0;
        border-radius:  5px;
        border-color: #999;
        font-family:  'Open Sans', sans-serif;
        font-weight:  bold;*/
/*        background: none;
        border: none;
        color:  #fff;
        font-size:  80%;
        font-weight:  bold;*/
			}
				#content form div button.upload
				{
					background-color:	#EEE;
					border-width:	1px;
					border-radius:	5px;
					border-style:	solid;
					padding:	5px;
					color:	#555;
				}
				#content form div button.upload:hover,
        #content form div button.upload:focus
				{
					background-color:	#EEE;
					border-width:	1px;
					border-radius:	5px;
					border-style:	solid;
					padding:	5px;
					color:	#000;
				}
			#content form div ul
			{
				list-style-type:	none;
				overflow:	auto;
				display:	block;
				padding-top:	5px;
				min-height:	1px;
			}
				#content form div ul li
				{
					display: block;
          overflow: hidden;
          padding:	5px;
				}
        #content form div ul li:hover
        {
          background-color: #fff;
        }
					#content form div ul li
					{
						color: #555;
					}
          #content form div ul li a.button
          {
            float: right;
            margin-right: 1em;
            opacity: 0.3;
          }
          #content form div ul li:hover a.button
          {
            opacity: 1;
          }
			#content form div #forgot_password
			{
				float:	right;
				margin-right:	125px;
			}
	#content .error
	{
		margin-top:	1em;
		font-size:	90%;
		padding:	20px;
		padding-left:	70px;
		border-color:	#AF0208;
		border-width:	1px;
		border-style:	solid;
		border-radius:	5px;
		color:	#AF0208;
		background-color:	#FDF2F2;
		background-image:	url('/images/no_access.png');
		background-repeat:	no-repeat;
		background-position:	10px 50%;
		line-height:	150%;
		overflow:	auto;
		margin-bottom: 10px;
	}
	#content .message
	{
		margin-top:	1em;
		font-size:	90%;
		padding:	20px;
		padding-left:	70px;
		border-color:	#268908;
		border-width:	1px;
		border-style:	solid;
		border-radius:	5px;
		color:	#268908;
		background-color:	#EAF3E8;
		background-image:	url('/images/success.png');
		background-repeat:	no-repeat;
		background-position:	10px 50%;
		line-height:	150%;
		overflow:	auto;
		margin-bottom: 10px;
	}
	#content .notice
	{
		margin-top:	1em;
		font-size:	80%;
		padding:	20px;
		padding-left:	70px;
		color:	#333;
		background-image:	url('/images/info.png');
		background-repeat:	no-repeat;
		background-position:	10px 50%;
		line-height:	150%;
		overflow:	auto;
		margin-bottom: 10px;
	}
		#content .message a.close,
		#content .error a.close
		{
			float:	right;
			margin-top:	-10px;
			margin-right:	-10px;
		}
		#content .message ul,
		#content .error ul
		{
			margin-top:		1em;
			margin-left:	20px;
			list-style-type:	square;
			font-size:	90%;
		}
	#content table.overzicht
	{
		width:	100%;
		border-spacing:	0;
		font-size:	85%;
		margin-top:	2em;
	}
		#content table.overzicht th, #content table.overzicht td
		{
			text-align:	left;
			padding:	10px;
			font-size:	90%;
		}
		#content table.overzicht th
		{
			background-color:	#AAA;
			color:	#FFF;
			font-size:	90%;
			font-weight:	normal;
			text-shadow: #555 1px 1px 1px;
		}
		#content table.overzicht td
		{
			border-bottom-width: 1px;
			border-color:	#CCC;
			border-style:	solid;
			color:	#555;
		}
		#content table.overzicht tr:hover td
		{
			color:	#000;
		}
		#content table.overzicht tbody tr.even
		{
			background-color:	#EEE;
		}
		#content table.overzicht tbody tr:hover
		{
			background-color:	#FFFFD3;
		}

		#content table.overzicht td.actionbuttons
		{
			width:	200px;
			text-align:	right;
		}
			#content table.overzicht td.actionbuttons a
			{
				margin-left:	30px;
				margin-right:	30px;
				padding: 5px;
				display:  none;
			}
			  #content table.overzicht tr:hover td.actionbuttons a
			  {
			    display:  inline;
			  }
/*        #content table.overzicht td.actionbuttons a img
        {
          visibility: hidden;
        }
        #content table.overzicht tr:hover td.actionbuttons a img
        {
          visibility: visible;
        }*/

	.grButton
	{
	  font-size:	70%;
		color:	#555;
		z-index: 200;

    border-width: 1px;
    border-style: solid;
    border-color: #CCC;
    border-radius: 5px;
    overflow: auto;
    padding: 3px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;

		background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
	}
	  .grButton:focus,
	  .grButton:hover
	  {
	    color:  #dd0f7a;
      background-color: rgba(255, 255, 255, 0.5);
	  }


	#content a.action_add,
	#content a.download,
  #content a.button
	{
		font-size:	70%;

		color:	#555;
		z-index: 200;

    border-width: 1px;
    border-style: solid;
    border-color: #CCC;
    border-radius: 5px;
    overflow: hidden;
    padding: 3px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;

		background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
	}
	#content a.action_add,
	#content a.download
  {
		position:	absolute;
		left:	15px;
		top:	20px;
  }
	#content a.action_add.right
	{
	  left: auto;
	  right: 20px;
	}
  #content a.download:focus,
  #content a.download:hover,
  #content a.action_add:hover,
  #content a.action:focus,
  #content a.button:focus,
  #content a.button:hover
  {
    color:  #dd0f7a;
    background-color: rgba(255, 255, 255, 0.5);
  }
		#content a.action_add img
		{
			position:	relative;
			top:	3px;
			left:	-5px;
		}
	#content a.terug, #content a.verder
	{
		position:	relative;
		top:	-12px;
		font-size:	220%;
		font-weight:	bold;
		color:	#CCC;
		padding: 5px;
		z-index: 200;
	}
		#content a.terug:hover, #content a.verder:hover,
		#content a.terug:focus, #content a.verder:focus
		{
			color:	#007284;
			background-color: rgba(255, 255, 255, 0.5);
		}
	#content a.terug
	{
		float:	left;
		margin-left:	35%;
		position: relative;
		z-index: 200;
	}
	#content a.verder
	{
		float:	right;
		margin-right:	35%;
	}
	#content a.vandaag
	{
		float:	left;
		font-size:	70%;
		margin-top: -30px;
		color:	#555;
		clear:	both;
	}
		#content a.vandaag:hover, #content a.vandaag:focus
		{
			color:	#007284;
		}
#content ul.settings
{
	margin-top:	1em;
	list-style-type:	none;
}
	#content ul.settings li
	{
		display:	block;
		padding: 10px;
		padding-top:	15px;
		padding-bottom:	15px;
		background-color:	#FFF;
		overflow:	auto;
		cursor: pointer;
	}
	#content ul.settings li.even
	{
		background-color:	#EEE;
	}
	#content ul.settings li:hover
	{
		background-color:	#FFFFD3;
	}
		#content ul.settings li
		{
			overflow:	auto;
			border-width: 0;
			border-bottom-width: 1px;
			border-color:	#CCC;
			border-style:	solid;
		}
			#content ul.settings li h3
			{
				border-width:	0;
				font-weight:	bold;
				font-size:	80%;
				float:	left;
				width:	250px;
				color:	#555;
				padding:	5px;
				position:	relative;
				top:	2px;
			}
				#content ul.settings li:hover h3
				{
					color:	#000;
				}
			#content ul.settings li p.description
			{
				clear:	left;
				font-size:	75%;
				color:	#555;
				padding:	5px;
				font-style:	italic;
			}
				#content ul.settings li:hover p.description
				{
					color:	#333;
				}
			#content ul.settings li input
			{
				float:	left;
				padding:	5px;
				width:	400px;
				border-width:	0;
				background-color:	rgba(255, 255, 255, 0);
				font-weight:	bold;
				font-size:	110%;
				font-family:	monospace;
				color:	#555;
				cursor: pointer;
			}
				#content ul.settings li:hover input
				{
					color:	#000;
				}
			#content ul.settings li a.edit
			{
				float:	right;
				position:	relative;
				top:	8px;
				right:	15px;
				padding:	10px;
				display:	none;
				font-size:  80%;
			}
				#content ul.settings li:hover a.edit
				{
					display:	block;
				}

#content.box #left,
#content.box .block_left
{
  width: 350px;
  float:  left;
/*  position: relative;
  z-index: 1;*/
  margin-bottom: 0;
}
#content.box #right,
#content.box .block_right
{
  width: 400px;
  float:  right;
}
  #right textarea,
  .block_right textarea
  {
    display:  block;
/*    width: 200px;*/
    width:  95%;
    height: 8em;
    resize:  vertical;
    outline:  none;
    border-width: 1px;
    border-style: solid;
    border-color: #4db1c9;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size:  90%;
    line-height:  130%;
  }
  #right form,
  #left form,
  .block_left form,
  .block_right form
  {
    margin-top: 0;
    padding: 4px;
    background-color: #fff;
    font-size:  90%;
    border-width: 1px;
	  border-style: solid;
	  border-color: #4db1c9;
	  overflow: auto;
  }
    #right form h4,
    #left form h4,
    .block_left form h4,
    .block_right form h4
    {
      padding: 5px;
      color:  #888;
      font-weight: 100;
      font-size:  130%;
      margin-bottom: 0.5em;
    }
    #right form p,
    .block_right form p
    {
      margin-left:  5px;
      display:  block;
    }
  #right form > div,
  #left form > div,
  .block_left form > div,
  .block_right form > div
  {
    padding-bottom: 10px;
    margin: 0;
    padding-left: 5px;
/*    overflow: auto;*/
    position: relative;
  }
  #right form > div.upload
  {
    cursor: pointer;
  }
  #right form > div.hover:hover
  {
    background-color: #eee;
  }
  #right form > div.button,
  .block_right form > div.button
  {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: center;
    padding:  0;
  }
    #right form > div.button button,
    .block_right form > div.button button,
    #content.box button.button
    {
      display:  inline-block;
      font-size:  75%;
      padding: 4px;
      border-radius: 5px;
      border-width: 1px;
      border-style: solid;
      color:  #fff;
      background-color: #007287;
      border-color: #005768;
      text-transform: capitalize;
      cursor: pointer;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 10px;
      padding-right: 10px;
    }
      #right form > div.button button:hover,
      #right form > div.button button:focus,
      .block_right form > div.button button:hover,
      .block_right form > div.button button:focus,
      #content.box button.button:hover,
      #content.box button.button:focus
      {
        background-color: #d8127d;
        border-color: #a90960;
      }
    #right form > div.button > button[disabled="disabled"],
    .block_right form > div.button > button[disabled="disabled"],
    #content.box button.button[disabled="disabled"]
    {
      border-color: #aaa;
      background-color: #ccc;
      cursor: default;
    }
    #right form > div.button > img,
    .block_right form > div.button > img
    {
      position: relative;
      top: 3px;
      display:  none;
    }
    #right form > div .downloadbutton
    {
      position: absolute;
      top: 9px;
      left: -25px;
      color: #aaa;
      font-size:  100%;
    }
      #right form > div .downloadbutton:focus,
      #right form > div .downloadbutton:hover
      {
        color: #DD0F79;
      }
    #right form > div label,
    .block_right form > div label
    {
      float:  left;
      width: 65px;
    }
      #right form > div label.big,
      .block_right form > div label.big
      {
        float:  none;
        width:  auto;
      }
    #right form > div input
    {
      margin-top: 11px;
      cursor: pointer;
    }
    #right form > div > div
    {
      display:  inline-block;
      width: 310px;
      font-size:  90%;
      margin-top: 10px;
      margin-bottom: 0;
    }
      #right form > div > div .done
      {
        color:  #007284;
        padding-left: 5px;
      }
      #right form > div .up
      {
        color:  #007284;
        font-size:  80%;
        padding-left: 1px;
      }
      #right form > div > div .file
      {
        color:  #555;
        font-size:  90%;
      }
      #right form > div > div .replace
      {
        float:  right;
	      margin: 0;
	      padding:  0;
	      margin-right: 5px;
	      margin-top: 3px;
	      color:  #888;
	      font-size:  70%;
      }
        #right form > div > div .replace:hover,
        #right form > div > div .replace:focus
        {
          color:  #DD0F79;
          text-decoration:  underline;

        }
  #right form#details > div > label
  {
    font-size:  80%;
    width:  80px;
  }
  #right form#details > div > input
  {
    font-size:  80%;
    padding: 5px;
    border-radius: 5px;
    margin-top: 5px;
  }
    #right form#details > div > input.text
    {
      width: 200px;
    }
    #right form#details > div > input.short
    {
      width: 50px;
    }
  #right form > div > textarea,
  .block_right form > div > textarea
  {
    width: 95% !important;
    font-size:  80% !important;
  }
	#right form > div > textarea.small,
	.block_right form > div > textarea.small
	{
		width: 52% !important;
	}

#right form.miniform > div > label
{
  font-size:  80%;
  width:  80px;
}
#right form.miniform > div > input
{
  font-size:  80%;
  padding: 5px;
  border-radius: 5px;
  margin-top: 5px;
}
  #right form.miniform > div > input.text
  {
    width: 200px;
  }
  #right form.miniform > div > input.short
  {
    width: 50px;
  }

#extra_files
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
  width: auto;
}
  #extra_files li
  {
    display: block;
    margin: 0;
    padding: 10px 10px 5px 10px;
    overflow: hidden;
  }
  #extra_files li:hover
  {
    background-color: #eee;
  }
    #extra_files li .fa
    {
      margin-right: 0.5em;
    }
    #extra_files li a
    {
      display: inline-block;
      max-width: 280px;
      overflow: hidden;
    }
    #extra_files li .delete
    {
      float: right;
      padding: 0 5px 2px 5px;
      border: 1px solid #a90960;
      border-radius: 3px;
      background-color: #d8127d;
      color: #fff;
      font-size: 1.2em;
      margin: 0;
      margin-top: -2px;
      cursor: pointer;
    }

#content.box > nav
{
  display:  block;
  margin-left:  auto;
  margin-right: auto;
  overflow: hidden;
  margin-bottom: 2em;
  border-width: 1px;
  border-style: solid;
  border-color: #CCC;
  border-radius: 5px;
  white-space: nowrap !important;
}
  #content.box > nav > ul
  {
    list-style-type:  none;
    overflow: hidden;
    display:  block;
    background: #ededed; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
    white-space: nowrap !important;
  }
    #content.box > nav > ul > li
    {
      float:  left;
      width: 140px;
      border-width: 0;
      border-right-width: 1px;
      border-style: solid;
      border-color: #CCC;
    }
    #content.box > nav > ul > li:last-child
    {
      border-width: 0;
    }
      #content.box > nav > ul > li > a
      {
        display:  block;
        text-align: center;
        padding: 10px;
        font-size:  80%;
        -moz-box-shadow:    inset 0 0 8px rgba(128, 128, 128, 0.4);
        -webkit-box-shadow: inset 0 0 8px rgba(128, 128, 128, 0.4);
        box-shadow:         inset 0 0 8px rgba(128, 128, 128, 0.4);
        opacity: 0.7;
      }
      #content.box > nav > ul > li > a:hover,
      #content.box > nav > ul > li > a:focus
      {
        color:  #dd0f7a;
        opacity: 1;
/*        background-color: rgba(255, 255, 255, 0.5);*/
      }
      #content.box > nav > ul > li.selected > a
      {
        opacity: 1;
        color:  #000;
        background: #fff; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #ededed 0%, #ffffff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #ededed 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #ededed 0%,#ffffff 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #ededed 0%,#ffffff 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #ededed 0%,#ffffff 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
      }

#content.box iframe
{
  display:  block;
  border-style: solid;
  border-width: 1px;
  border-color: #4db1c9;
  margin-left:  auto;
  margin-right: auto;
  overflow: hidden;
  clear:  both;
  width: 843px !important;
  height: 800px;
  background-color: #fff;
  padding:  0;
  padding-top: 40px;
}

#content.box #opleveren
{
/*  text-align: center;*/
}
  #content.box #opleveren > img
  {
    display:  inline;
  }
  #content.box #opleveren > button
  {
    width: 100%;
    padding: 20px;
    font-weight:  bold;
    font-size:  90%;
    color:  #58AECB;
    border-color: #58AECB;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    background-color: #133943;
    cursor: pointer;
  }
  #content.box #opleveren > button:hover
  {
    color:  #fff;
  }
  #content.box #opleveren > button[disabled="disabled"]
  {
    background-color: #ccc;
    color:  #777;
    border-color: #aaa;
    opacity: 0.5;
    cursor: default;
  }
    #content.box #opleveren > button > span
    {
      color:  #007284;
    }
  #content.box #opleveren textarea
  {
    height: 100px;
  }

input.opleveren
{
	width: 73% !important;
}

h4#notificatie
{
  position: relative;
  padding: 5px;
  padding-left: 0;
  color:  #888;
  font-weight: 100;
  font-size:  130%;
  margin-right: 20px;
  overflow: visible;
  height: 0;
  z-index: 1000;
  top: 15px;
  left: 5px;
}

#download_onderdelen,
#klantformulier_link
{
	position: relative;
  overflow: auto;
  clear:  both;
  margin-bottom: 10px;
  padding: 4px;
  background-color: #fff;
  font-size:  90%;
  border-width: 1px;
  border-style: solid;
  border-color: #4db1c9;
}
  #download_onderdelen h4,
  #klantformulier_link h4
  {
    float:  left;
    padding: 5px;
    padding-left: 0;
    color:  #888;
    font-weight: 100;
    font-size:  130%;
    margin-right: 20px;
  }
  #klantformulier_link a {
    position: relative;
    top: 9px;
  }
  #download_onderdelen ul
  {
    list-style-type:  none;
    overflow: auto;
    margin: 5px;
    position: relative;
    top: 1px;
  }
    #download_onderdelen ul li
    {
      float:  left;
      margin-right: 15px;
      width: 80px;
    }
    #download_onderdelen ul li:last-child
    {
      margin-right: 0;
    }
      #download_onderdelen ul li a
      {
        display:  block;
        font-size:  75%;
        padding: 4px;
        border-radius: 5px;
        border-width: 1px;
        border-style: solid;
        border-color: #aaa;
        background-color: #ccc;
        color:  #fff;
        text-align: center;

/*        -moz-box-shadow:    inset 0 0 5px rgba(50, 50, 60, 0.4);
        -webkit-box-shadow: inset 0 0 5px rgba(50, 50, 60, 0.4);
        box-shadow:         inset 0 0 5px rgba(50, 50, 60, 0.4);*/
      }
      #download_onderdelen ul li a.ready
      {
        background-color: #007287;
        border-color: #005768;
      }
        #download_onderdelen ul li a.ready:hover,
        #download_onderdelen ul li a.ready:focus
        {
          background-color: #d8127d;
          border-color: #a90960;
        }

#klantformulier_link .toggle_mediatheek
{
	float: right;
	background-color: #dd0f7a;
	padding: 5px 10px;
	border: solid 1px #000;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	position: relative;
	top: 4px;
}

#verwijderen h4
{
  margin-top: 5px;
  float:  left;
}
#verwijderen div.button
{
  clear:  none;
  float:  right;
}
  #right form#verwijderen div.button button
  {
    border-color: #aaa;
    background-color: #ccc;
  }
    #right form#verwijderen div.button button:hover,
    #right form#verwijderen div.button button:focus
    {
      background-color: #c40e0a;
      border-color: #940a08;
    }

#now
{
  position: absolute;
  width: 1px;
  background-color: #f57fc0;
  top: 110px;
  bottom: 3px;
  z-index: 99;
  box-shadow: 0 0 2px #f24fa8;
}


#planner,
#offsetbox
{
	width:	100%;
	overflow:	hidden;
	padding: 1px;
  margin-top: -1px;
  position: relative;
}
	#planner h3
	{
		text-align:	center;
		border-width:	0;
		margin-bottom:	2em;
		font-size:	110%;
		color:  #555;
	}
	#planner table
	{
		width:	100%;
		border-spacing: 0;
		table-layout: fixed;
		border-collapse: collapse;
		clear:  both;
	}
		#planner table thead th
		{
			padding-top:	5px;
			padding-bottom:	5px;
			color:  #555;
			font-weight:  normal;
		}
		#planner table thead tr.dag th
		{
			font-size:	75%;
      width:  164px;
		}
			#planner table thead tr.dag th.title
			{
				width:	190px;
			}
		#planner table thead tr.tijd th
		{
			font-size:	50%;
			font-weight:	normal;
			text-align:	center;
			color:	#555;
		}
			#planner table thead tr.tijd th.first
			{
				padding-left:	2px;
				text-align:	left;
			}
			#planner table thead tr.tijd th.last
			{
				padding-right: 2px;
				text-align:	right;
			}
	#planner table tbody
	{

	}
		#planner table tbody tr th
		{
			display:	block;
			overflow:	hidden;
			position: relative;
			z-index: 200;
			background-color: #fff;
			padding: 5px;
			height: 60px;
  	}
			#planner table tbody tr th a
			{
				display:	block;
				padding-top:	10px;
				padding-bottom:	5px;
				text-align:	right;
				color:	#333;
				font-size:	65%;
				margin-right: 10px;
				height: 100%;
			}
			#planner table tbody tr th a:hover,
			#planner table tbody tr th a:focus,
			#planner table tbody tr th a:hover span,
			#planner table tbody tr th a:focus span
			{
				color:	#007284;
				text-decoration:	underline;
			}
			#planner table tbody th a.type1:hover,
			#planner table tbody th a.type1:focus,
			#planner table tbody th a.type1:hover span,
			#planner table tbody th a.type1:focus span
			{
			  color:  #3B8AD1;
			}
			#planner table tbody th a.type2:hover,
			#planner table tbody th a.type2:focus,
			#planner table tbody th a.type2:hover span,
			#planner table tbody th a.type2:focus span
			{
			  color:  #76C233;
			}
			#planner table tbody th a.type3:hover,
			#planner table tbody th a.type3:focus,
			#planner table tbody th a.type3:hover span,
			#planner table tbody th a.type3:focus span
			{
			  color:  #D04F5E;
			}
				#planner table tbody tr th a > span
				{
					font-size:	85%;
					color:	#555;
					font-weight:	normal;
				}
				#planner table tbody tr th a strong span.bull.type1
				{
				  color:  #3883C6;
				}
				#planner table tbody tr th a strong span.bull.type2
				{
				  color:  #68AA2D;
				}
				#planner table tbody tr th a strong span.bull.type3
				{
				  color:  #B64552;
				}
		#planner table tbody tr td
		{
			border-width:	1px;
			border-style:	solid;
			border-color:	#eee;
			border-right-color:	#ccc;
			position: relative;
			vertical-align: top;
			height: 70px;
/*      overflow: hidden;*/
		}
			#planner table tbody tr td.no_overflow
			{
/*				overflow:	hidden;*/
			}
		#planner table tbody tr td:last-of-type
		{
			border-right-color:	#EEE;
		}
			#planner table tbody tr td a.project
			{
				display:	none;
				margin-top:	5px;
				margin-bottom: 5px;
				min-width:	10px;
				height:	40px;
				border-width: 1px;
				border-style:	solid;
				border-color:	#555;
				border-radius: 8px;
				background-color:	#CCC;
				background-image: -moz-linear-gradient(top, #BBB, #DDD);
				background-image: -webkit-linear-gradient(top, #BBB, #DDD);
				background-image: -o-linear-gradient(top, #BBB, #DDD);
				position: relative;
				z-index: 100;
				left: 0;
				top: 10px;
				overflow:	visible;
			}
			#planner table a.project .end
		  {
		    position: absolute;
		    font-size:  60%;
		    color:  #000;
		    font-weight: bold;
        z-index: 30;
        text-align: right;
		  }
			  #planner table a.project > div
			  {
			    position: absolute;
			    top: 0;
			    left: 0;
			    z-index: 20;
/*          font-weight: bold;*/
			  }
			    #planner table a.project div.video-production
			    {
			      top: 0;
			      bottom: 0;
			      width: 100px;
			      left: -108px;
			      border: dashed 1px;
			      color: #000;
			      font-size: 65%;
            padding: 2px;
            border-radius: 8px;
			    }
			    #planner table a.project div.video-production.complete
			    {
			      opacity: 0.5;
			    }
			    #planner table a.project div.ad-script
			    {
			      height: 50%;
			      width: 50%;
			      border-width: 0;
			      border-right-width: 1px;
			      border-style: solid;
			    }
			    #planner table a.project div.ad-file
			    {
			      left: 50%;
			      height: 50%;
			      width: 42%;
			      border-width: 0;
			      border-right-width: 1px;
			      border-style: solid;
			    }
          #planner table a.project div.ot
          {
            top: 50%;
            width: 50%;
            height: 50%;
            border-width: 0;
            border-top-width: 1px;
            border-right-width: 1px;
            border-style: solid;
          }
			    #planner table a.project div.cc
			    {
            left: 50%;
            top: 50%;
            height: 50%;
            width: 42%;
            border-width: 0;
            border-top-width: 1px;
			      border-right-width: 1px;
			      border-style: solid;
			    }

			  /*
			  #planner table a.project > div
			  {
          position: absolute;
          height: 100%;
          background-color: #fff;
          background-color: rgba(255, 255, 255, 0.2);
          border-top-left-radius: 15px;
          border-bottom-left-radius: 15px;
          border-width: 0;
          border-right-width: 1px;
          border-color: #fff;
          border-style: solid;
          z-index: 20;
			  } */
			    #planner table a.project div .label,
			    #planner table a.project div .check
			    {
			      position: relative;
			      font-size:  60%;
            color:  #000;
			      top: -3px;
			      left: 10px;
			    }
			    #planner table a.project div .check
			    {
			      font-size: 70%;
			    }
			    /*
			    #planner table a.project > div.cc .label
			    {
			      left: 0;
			    }
			  #planner table a.project > div.ad-script
			  {
          width: 50%;
			  }
			    #planner table a.project.type1 > div.ad-script
			    {
			      background-image: -moz-linear-gradient(top, #B5D3ED, #9BC3E7);
    				background-image: -webkit-linear-gradient(top, #B5D3ED, #9BC3E7);
    				background-image: -o-linear-gradient(top, #B5D3ED, #9BC3E7);
    				background-image: linear-gradient(top, #B5D3ED, #9BC3E7);
			    }
			    #planner table a.project.type2 > div.ad-script
			    {
			      background-image: -moz-linear-gradient(top, #C8E8AB, #B7E292);
    				background-image: -webkit-linear-gradient(top, #C8E8AB, #B7E292);
    				background-image: -o-linear-gradient(top, #C8E8AB, #B7E292);
    				background-image: linear-gradient(top, #C8E8AB, #B7E292);
			    }
			    #planner table a.project.type3 > div.ad-script
			    {
			      background-image: -moz-linear-gradient(top, #EEC2C7, #E7A7AF);
    				background-image: -webkit-linear-gradient(top, #EEC2C7, #E7A7AF);
    				background-image: -o-linear-gradient(top, #EEC2C7, #E7A7AF);
    				background-image: linear-gradient(top, #EEC2C7, #E7A7AF);
			    }
			  #planner table a.project > div.ad-opname
			  {
			    left: 51%;
			    right: 17%;
          visibility: hidden;
          border-radius:  0;
			  }
			  #planner table a.project > div.cc
			  {
			    width:  83%;
			    z-index: 10;
			  } */

			#planner table a.project > div.complete
			{
        background-color: rgba(255, 255, 255, 0.6);
			}
			  #planner table a.project > div.complete span.label
			  {
          opacity: 0.3;
			  }

			#planner table tbody tr td .grid
			{
/*        position: absolute;
        top:  0;
        bottom: 0;
        left: 33%;
        right: 33%;
        border-width: 0;
        border-left-width: 1px;
        border-right-width: 1px;
        border-style: dashed;
        border-color: #ddd;*/

        position: relative;
        z-index: 1;
        border-width: 0;
        border-left-width: 1px;
        border-right-width: 1px;
        border-style: dashed;
        border-color: #ddd;
        width: 33%;
        height: 70px;
        margin-bottom: -70px;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        top: 0;
        left: 0;
			}
			#planner table tbody tr td a.project.type1
			{
        border-color: #007287;
        background-color: #55b1cc;
        background-image: -moz-linear-gradient(top, #009dba, #7cc3d8);
        background-image: -webkit-linear-gradient(top, #009dba, #7cc3d8);
        background-image: -o-linear-gradient(top, #009dba, #7cc3d8);
        background-image: linear-gradient(top, #009dba, #7cc3d8);
			}
			  #planner table tbody tr td a.project.type1 > div
			  {
          border-color: #007287;
			  }
			#planner table tbody tr td a.project.type2
			{
        border-color: #d8127d;
        background-color: #f25eae;
        background-image: -moz-linear-gradient(top, #ee2f97, #f25eae);
        background-image: -webkit-linear-gradient(top, #ee2f97, #f25eae);
        background-image: -o-linear-gradient(top, #ee2f97, #f25eae);
        background-image: linear-gradient(top, #ee2f97, #f25eae);
			}
			  #planner table tbody tr td a.project.type2 > div
			  {
          border-color: #d8127d;
			  }
			#planner table tbody tr td a.project.type4
			{
        border-color: #e6ba00;
        background-color: #ffe05b;
        background-image: -moz-linear-gradient(top, #ffe05b, #f1c300);
        background-image: -webkit-linear-gradient(top, #ffe05b, #f1c300);
        background-image: -o-linear-gradient(top, #ffe05b, #f1c300);
        background-image: linear-gradient(top, #ffe05b, #f1c300);
			}
			  #planner table tbody tr td a.project.type4 > div
			  {
          border-color: #e6ba00;
			  }
			#planner table tbody tr td a.project.type3
			{
/*        border-color: #D04F5E;
        background-color: #D04F5E;
        background-image: -moz-linear-gradient(top, #E5A0A8, #DB7783);
        background-image: -webkit-linear-gradient(top, #E5A0A8, #DB7783);
        background-image: -o-linear-gradient(top, #E5A0A8, #DB7783);
        background-image: linear-gradient(top, #E5A0A8, #DB7783);*/
			}
			  #planner table tbody tr td a.project.type3 > div
			  {
          border-color: #555;
			  }
		  #planner table tbody tr td a.project.finished
		  {
        opacity: 0.3;
		  }

table#overzicht
{
	clear:	both;
	border-spacing:	0;
	width:	100%;
	font-size:	75%;
  overflow: auto;
}
	#overzicht th
	{
		vertical-align:	top;
		font-size:  80%;
		color:  #555;
	}
	#overzicht td,
	#overzicht th
	{
		text-align:	left;
		padding: 8px;
    white-space:  nowrap;
	}
	#overzicht tr.even
	{
		background-color:	#EEE;
	}
	#overzicht td.center
	{
		text-align:	center;
	}
  #overzicht tr.billed
  {
    opacity: 0.4;
    background-color: #eee;
  }
	#overzicht tr.unfinished
	{
		background-color: #f7dbb2;
	}
	#overzicht tr.warning
	{
		background-color: #f6b2b3;
	}

img#loading
{
	display:	block;
	margin-top:	15px;
	margin-left:	auto;
	margin-right:	auto;
}

img#file_loading
{
	position:	relative;
	top:	4px;
}

ul#dirs
{
	display:	block;
	float:	none;
	padding-left:	10px;
	color:	#555;
	line-height:	150%;
	font-size:	90%;
	padding-top:	5px;
	font-weight:	bold;

}
	ul#dirs li
	{
		display:	block;
	}

		ul#dirs li ul#files
		{
			padding-left:	10px;
			font-weight:	normal;
			padding-bottom:	1em;
		}
			ul#dirs li ul#files li
			{
				padding:	5px;
			}
			ul#dirs li ul#files li:hover
			{
				background-color:	#EEE;
			}
			ul#dirs li ul#files li span
			{
				font-family:	monospace;
			}
			ul#dirs li ul#files li span em
			{
				font-style:	normal;
				font-weight:	bold;
				color:	#333;
			}
			ul#dirs li ul#files li a
			{
				float:	right;
				font-size:	90%;
/*				display:	none;*/
				color:	#AAA;
			}
			ul#dirs li ul#files li:hover a
			{
				color:	red;
			}

/*
#download
{
  font-size:  70%;
  position: absolute;
  top:  15px;
  right: 15px;
}
  #download span
  {
    float:  left;
    color:  #555;
  }
  #download ul
  {
    list-style-type:  none;
    display:  inline;
  }
    #download ul li
    {
      float:  left;
      margin-left:  1em;
    }
      #download ul li a
      {
        color:  #000;
      }
      #download ul li a:hover,
      #download ul li a:focus
      {
				color:	#007284;
				text-decoration:	underline;
      }
*/

#footer
{
	padding: 5px;
	background-color:	#007284;
	border-color:	#00515e;
	border-width:	0;
	border-top-width: 1px;
	border-style:	solid;
	overflow:	auto;
}
	#footer p
	{
		float:	left;
		font-size:	70%;
		color:	#CCC;
		font-weight:  bold;
	}
	#footer p#credits
	{
		float:	right;
	}
		#footer p a
		{
			color:	#FFF;
		}

#file
{

}
  #file label
  {
    float:  left;
    width: 180px;
  }
  #file input
  {
    position: relative;
    top: 7px;
  }
  #file legend
  {
    padding: 0;
    padding-bottom: 1em;
  }
  #file button
  {
    margin-top: 40px;
/*    float:  right;*/
  }

.ui-datepicker
{
	font-size:	80% !important;
	z-index: 200 !important;
}

#project_prev,
#project_next
{
  font-size:  100%;
  font-weight:  bold;
  position: absolute;
  top: 20px;
  opacity:  0.5;
}
  #project_prev:hover,
  #project_prev:focus,
  #project_next:hover,
  #project_next:focus
  {
    color:  #dd0f79;
    opacity: 1;
  }
#project_prev
{
  left: 20px;
}
#project_next
{
  right: 20px;
}

nav#weekstep
{
  float:  right;
  width: 150px;
}
  nav#weekstep ul
  {
    list-style-type:  none;
    border-width: 1px;
    border-style: solid;
    border-color: #CCC;
    border-radius: 5px;
    overflow: auto;
    padding: 3px;

    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */

  }
    nav#weekstep ul li
    {
      display:  block;
      width: 100%;
      margin-left:  auto;
      margin-right: auto;
      clear:  none;
      text-align: center;
    }
    nav#download ul li
    {
      width: 100px;
      float:  right;
    }
    nav#weekstep ul li.next
    {
      float:  right;
      clear:  none;
      width: 30px;
      text-align: right;
      border-width: 0;
      border-left-width: 1px;
      border-color: #CCC;
      border-style: solid;
    }
    nav#weekstep ul li.prev
    {
      float:  left;
      clear:  none;
      width: 30px;
      text-align: left;
      border-width: 0;
      border-right-width: 1px;
      border-color: #CCC;
      border-style: solid;
    }
      nav#weekstep ul li a
      {
        display:  inline-block;
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
        z-index: 200;
        font-size:  70%;
        font-weight:  400;
        top: -2px;
        color:  #333;
      }
      nav#weekstep ul li a:focus,
      nav#weekstep ul li a:hover,
      nav#download ul li a:focus,
      nav#download ul li a:hover
      {
        color:  #dd0f7a;
/*        background-color: rgba(255, 255, 255, 0.5);*/
      }
      nav#weekstep ul li.next a,
      nav#weekstep ul li.prev a
      {
        padding-top: 0;
        padding-left: 5px;
        padding-right:  5px;
        font-size:  100%;
        top: 0;
      }

nav#download
{
  float:  left;
  width: 400px;
  overflow: auto;
  font-size:  75%;

  border-width: 1px;
  border-style: solid;
  border-color: #CCC;
  border-radius: 5px;
  overflow: auto;
  padding: 5px;

  background: #ffffff; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
}
  nav#download span
  {
    float:  left;
    font-size:  90%;
    width: 150px;
  }
  nav#download ul
  {
    display:  block;
    list-style-type:  none;
    width: 100%;
    overflow: auto;
    width: 250px;
    float:  right;
  }
    nav#download ul li
    {
      float:  right;
      width: 120px;
    }
      nav#download ul li a
      {
        display:  inline-block;
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
        font-size:  90%;
        z-index: 200;
        font-weight:  400;
        top: -2px;
        color:  #333;
        text-align: center;
      }

input[type="file"]
{
  cursor: pointer !important;
}

table.editadd
{
  width: 100%;
  border-spacing: 0;
  padding-bottom: 3em;
}
  table.editadd thead
  {
    font-size: 70%;
    background-color: #888;
  }
    table.editadd thead th
    {
      padding: 5px;
      color: #fff;
      text-align: left;
      font-weight: normal;
    }
  table.editadd tbody td
  {
    padding: 5px;
  }
  table.editadd tbody tr:hover
  {
    background-color: #FFFFD3;
  }
    table.editadd tbody input
    {
      padding: 5px;
      width: 90%;
    }
    table.editadd tbody input[type="number"]
    {
      width: 4em;
    }

  table.editadd button.delete
  {
    background-color: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    color: #ccc;
    text-decoration: underline;
  }
  table.editadd tr:hover button.delete
  {
    color: #dd0f7a;
  }

ul.pickone
{
  padding: 20px;
  list-style-type: square;
  font-weight: bold;
}
  ul.pickone li
  {
    margin-bottom: 1em;
  }
  ul.pickone a
  {
    color: #dd0f7a;
  }

#notifycount
{
  display: none;
  background-color: #D8127D;
  border-radius: 15px;
  width: 20px;
  height: 20px;
  color: #fff;
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 60px;
  font-size:  80%;
  font-weight: bold;
  text-align: center;
  overflow: visible;
}

.box .center
{
  position: relative;
}
  .box .center .left
  {
    float: left;
    clear: none;
  }
  .box .center .right
  {
    float: right;
    clear: none;
  }

.box .center button,
.nobox .center button
{
  display: inline-block;
  font-size:  75%;
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  color:  #fff;
  background-color: #007287;
  border-color: #005768;
  text-transform: capitalize;
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.box .center button.large
{
  font-size: 85%;
  padding: 15px 0 15px 0;
	width: 31%;
	text-align: center;
  margin: -5px auto 5px auto;
}
.nobox .center button.large
{
  font-size: 80%;
  font-weight: bold;
  padding: 10px 15px;
  margin: 10px;
}
.box .center button:hover,
.box .center button:focus,
.nobox .center button:hover,
.nobox .center button:focus
{
  background-color: #d8127d;
  border-color: #a90960;
}
.box .center button[disabled="disabled"],
.nobox .center button[disabled="disabled"]
{
  border-color: #aaa;
  background-color: #ccc;
  cursor: default;
}

.box .files
{
  overflow: hidden;
  margin-bottom: 10px;
  text-align: center;
}
  .box .files .col
  {
    float: left;
    width: 30%;
    padding: 5px;
    margin: 0 1% 0 0;
    overflow: hidden;
    min-height: 16em;
    background-color: #fff;
    border: solid 1px #4db1c9;
    text-align: left;
  }
  .box .files .col:nth-child(2)
  {
    float: none;
    display: inline-block;
    margin: 0 auto 0 auto;
  }
  .box .files .col:nth-child(3)
  {
    float: right;
    margin: 0 0 0 1%;
  }
    .box .files h4
    {
      text-align: center;
      margin: 0.5em 0 0.5em 0;
      color:  #888;
      font-weight: 100;
      font-size: 130%;
    }
    .box .files ul
    {
      display: block;
      overflow: hidden;
      list-style-type: none;
      margin: 0;
      padding: 0;
      width: 100%;
    }
      .box .files ul li
      {
        display: block;
        margin: 0 0 10px 0;
        padding: 10px;
        background-color: #ddd;
        border: solid 1px #ccc;
        font-size: 90%;
      }
        .box .files ul li .locked,
        .box .files ul li .unlocked
        {
          float: right;
        }
        .box .files ul li label
        {
          font-size: 85%;
          font-family: monospace;
        }
        .box .files ul li button
        {
          opacity: 0.2;
          cursor: pointer;
        }
        .box .files ul li button:hover,
        .box .files ul li button:focus
        {
          opacity: 1;
        }

ul.log li
{
	list-style-type: none;
	display: block;
	padding-bottom: 10px;
}
	ul.log li .toggle
	{
		display: block;
		background-color: #0F7286;
		cursor: pointer;
		padding: 5px;
		margin: 5px;
		margin-bottom: 0;
		color: #fff;
	}
	ul.log li .entry
	{
		margin: 0 5px 0 5px !important;
		padding: 5px;
		border: solid 1px #0F7286;
	}
		ul.log li .entry p
		{
			color: #000;
		}
		ul.log li.collapsed .entry
		{
			display: none;
		}

#content form.prijzen
{
  overflow: hidden;
}
  #content form.prijzen fieldset
  {
    float: left;
    width: 45%;
    padding: 15px;
    border: solid 1px #ccc;
    border-radius: 3px;
    margin-bottom: 2em;
  }
  #content form.prijzen fieldset:nth-of-type(even)
  {
    float: right;
  }
    #content form.prijzen fieldset legend
    {
      color: #555;
      font-size: 120%;
      margin-bottom: 0.5em;
      padding: 0 5px;
    }
  #content form.prijzen label
  {
    display: inline-block;
    min-width: 14em;
  }
  #content form.prijzen div.center
  {
    padding-top: 1em;
  }

#joinAcc
{
  margin-top: 1em;
  font-size: 80%;
  float: left;
  clear: both;
}
  #joinAcc a
  {
    text-transform: capitalize;
  }
  #joinAcc a.selected
  {
    font-weight: bold;
  }

#chooseClient
{
  float: right;
  font-size: 80%;
  clear: none;
  margin-top: -10px;
}

#scrollbox
{
  overflow: auto;
}

table#overzicht.inplannen
{
  width: auto;
}
  table#overzicht.inplannen tbody tr:hover
  {
    background-color: #eee;
  }