/* layout ---------------------------------------------------------------------*/
			.menu {
				position: absolute;
				left: 5px;
				padding: 0px;
				width: 210px;
			}

			.content {
				position: absolute;
				margin-left: 212px;
				padding: 5px;
				margin-right: 0px;
			}
/* end layout---------------------------------------------------------------------*/


/* left menu ---------------------------------------------------------------------*/

			.logo {
				background: #ffffff;
				width: 170px;
				height: 90px;
				margin-top: 20px;
				margin-left: 10px;
				position: relative;
				border: 0px;
				text-decoration: none;
			}
			 
			.logoimg {
				border: none;
			}

			.zigzag {
				background: #ffffff;
				width: 170px;
				height: 90px;
				margin-top: 20px;
				margin-left: 10px;
				position: relative;

			}

			.vaas {
				background: #ffffff;
				width: 170px;
				height: 90px;
				margin-top: 20px;
				margin-left: 10px;
				position: relative;
				border-top: 1px dashed Gray;
			}

			.eyes {
				background: #ffffff;
				width: 170px;
				height: 90px;
				margin-top: 20px;
				margin-left: 10px;
				position: relative;
				border-top: 1px dashed Gray;
			}

			.inside {
				background: #ffffff;
				width: 170px;
				height: 90px;
				margin-top: 20px;
				margin-left: 10px;
				position: relative;
				border-top: 1px dashed Gray;
				border-bottom: 1px dashed Gray;
			}

			.los {
				background: #ffffff;
				width: 170px;
				height: 90px;
				margin-top: 20px;
				margin-left: 10px;
				position: relative;
			}
/* endleft menu ---------------------------------------------------------------------*/


/* topmenu ----------------------------------------------------------------------------*/

			#navlist {
				padding: 0 1px 1px;
				margin-left: 0;
				font: normal 11px Verdana, sans-serif;
			}

			#navlist li {
				list-style: none;
				margin: 10px;
				display: inline;
			}

			#navlist li a {
				padding: 1px 1px 1px 1px;
				border-left: 1em solid #cbcad0;
				background: #fff;
				text-decoration: none;
			}

			#navlist li a:link { color: #448; }
			#navlist li a:visited { color: #000; }

			#navlist li a:hover {
				border-color: #802135;
				color: #000;
			}

/* endtopmenu ----------------------------------------------------------------------------*/
			
/* submenu ----------------------------------------------------------------------------*/

			#nav, #nav ul { /* all lists */
				padding: 5px;
				margin: 0;
				list-style:none;
				line-height: 1px;
				font: normal 11px Verdana, sans-serif;	
			}
			
			#nav a {
				display: block;
				width: 10em;
			}
			
			#nav li { /* all list items */
				float: left;				
				width: 15em; /* width needed or else Opera goes nuts */		
			}
			
			#nav li ul { /* second-level lists */
				position: absolute;
				width: 18em;
				left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
				z-index:8;
			}
			
			#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
				left: auto;
				padding-bottom:10px;
				padding-left:30px;
				padding-right:20px;
				padding-top:10px;
				background-color: #e6e6e6;
			}		


/* submenu ----------------------------------------------------------------------------*/


/* navbox ----------------------------------------------------------------------------*/

			.navbox {
				margin-top: 60px;
				position: relative;
				width:  708px;
				padding: 5px;
			}
			
			a.box {
				font-size: 11px;
				font-family: 'Verdana', Helvetica, sans-serif;				
				font-weight: normal;
				text-align: justify;
				margin: 2px;
			}
 
 			a.box:hover	{
				font-size: 11px;
				font-family: 'Verdana', Helvetica, sans-serif;
				color: #802135;
				font-weight: normal;
				text-align: justify;
				margin: 2px;
			 }


/* end navbox ----------------------------------------------------------------------*/




/* images --------------------------------------------------------------------------*/


			img 	{
					border: solid 1px #cbcad0;	
					padding: 4px;
				}
				
			a:hover img  {
					border-color: #000000;
				}


/* Hoverbox Code -----------------------------------------------------------------*/

			.hoverbox
				{
				cursor: default;
				list-style: none;
			}
			
			.hoverbox a
				{
				cursor: default;
			}
			
			.hoverbox a .preview
				{
				display: none;
			}
			
			.hoverbox a:hover .preview
				{
				display: block;
				position: absolute;
				top: -33px;
				left: -45px;
				z-index: 5;
			}
			
			.hoverbox img
				{
				background: #fff;
				border-color: #aaa #ccc #ddd #bbb;
				border-style: solid;
				border-width: 1px;
				color: inherit;
				padding: 2px;
				vertical-align: top;
				width: 100px;
				height: 75px;
			}
			
			.hoverbox li
				{
				background: #eee;
				border-color: #ddd #bbb #aaa #ccc;
				border-style: solid;
				border-width: 1px;
				color: inherit;
				display: inline;
				float: left;
				margin: 3px;
				padding: 5px;
				position: relative;
			}
			
			.hoverbox .preview
				{
				border-color: #000;
				width: 200px;
				height: 150px;
			}
			
/* video  --------------------------------------------------------------------------------*/
			.videobox
				{
				list-style: none;
				display: block;
				margin: 45px;
				font: normal 11px Verdana, sans-serif;
			}


/* content  ------------------------------------------------------------------------------*/
			.topgrijs	{
				background-color: #e6e6e6;
				height: 20px;
				position: relative;
				width: 710px;
			}

			.primer {			
				position: relative;
				margin-top: 98px;
				width: 708px;						
			}

			.primerinhoud{
				top: 40px;
				position: relative;
				width: 708px;
				text-align: left;
				z-index:10;
			}

			.primer2 {
				margin-top: 5px;
				position: relative;
				width:  708px;
				padding: 5px;
			}
			
			.leftstory {
				position: absolute;
				left: 5px;
				padding: 0px;
				width: 470px;
			}

			.leftstory2 {
				position: absolute;
				left: 5px;
				padding: 0px;
				width: 400px;
			}
			
			.leftstory3 {
				position: absolute;
				left: 5px;
				padding: 0px;
				width: 300px;
			}
			
			.rightimage {
				margin-left: 500px;
				padding: 0px;
			}
						
			.story {
				position: absolute;
				left: 5px;
				padding: 0px;
				right: 5px;
			}			
			
			.inh_pro {
				top: 90px;
				position: absolute;
				width:  708px;
				padding: 5px;
				z-index:6;
			}
			
/* endcontent  ---------------------------------------------------------------------*/


/* text ----------------------------------------------------------------------------*/

			.titelmenuleft {
				position: absolute;
				left: 0;
				font-size: 14px;
				font-family: 'Verdana', Helvetica, sans-serif;
				color: #323232;
				font-weight: bold;
				text-align: left;
			}
			
			.txtmenuleft {
				position: absolute;
				left: 0;
				font-size: 11px;
				font-family: 'Verdana', Helvetica, sans-serif;
				color: #303030;
				font-style: normal;
			}
			
			.titelcontent {
				position: absolute;
				left: 0;
				font-size: 11px;
				font-family: 'Verdana', Helvetica, sans-serif;
				color: #323232;
				font-weight: bold;
				text-align: left;
			}
			
			.titelproj {
				position: absolute;
				left: 0;
				font-size: 14px;
				font-family: 'Verdana', Helvetica, sans-serif;
				color: #303030;
				font-weight: bold;
				text-align: left;
				padding: 5px;
			}
			
			.txtcontent {
				left: 0;
				font-size: 11px;
				font-family: 'Verdana', Helvetica, sans-serif;
				color: #303030;
				font-style: normal;
				text-align: left;
			}	
			
			.txtster {
				left: 0;
				font-size: 11px;
				font-family: 'Verdana', Helvetica, sans-serif;
				color: #FF0000;
				font-style: normal;
				text-align: left;
			}			
			
			td{
				left: 0;
				font-size: 11px;
				font-family: 'Verdana', Helvetica, sans-serif;
				color: #303030;
				font-style: normal;
				text-align: left;
			}			
			
			.txtnavbox {
				left: 0;
				font-size: 11px;
				font-family: 'Verdana', Helvetica, sans-serif;
				color: #ccc;
				font-style: normal;
				text-align: left;
			}
			
			.txtinfo  {
				font-size: 10px;
				font-family: 'Verdana', Helvetica, sans-serif;
				color: #898e97;
				font-style: normal;
				text-align: right;
				float: right;
			}
			
			.waar {
				left: 0;
				font-size: 11px;
				font-family: 'Verdana', Helvetica, sans-serif;
				color: #802135;
				font-weight: bold;
				text-align: left;
				display: block;
				width: 10em;
			}
			
			.waarnavbox {
				left: 0;
				font-size: 11px;
				font-family: 'Verdana', Helvetica, sans-serif;
				color: #802135;
				font-weight: bold;
				text-align: left;
			}

			.txtmenuleft {
				position: absolute;
				left: 0;
				font-size: 11px;
				font-family: 'Verdana', Helvetica, sans-serif;
				color: #303030;
				font-style: normal;
				text-align: left;
			}
		
			.txtlos {
				position: absolute;
				left: 0;
				font-size: 11px;
				font-family: 'Georgia', Times, serif;
				color: #303030;
				font-style: italic;
				text-align: left;
			}

			.primtxtkop {
				position: absolute;
				left: 0;
				font-size: 14px;
				font-family: 'Verdana', Helvetica, sans-serif;
				color: #303030;
				font-weight: bold;
				text-align: left;
				padding: 15px;
			}			


			.txtbody {
				position: absolute;
				left: 0;
				font-size: 11px;
				font-family: 'Verdana', Helvetica, sans-serif;
				color: #303030;
				font-style: normal;
				text-align: left;
				padding: 15px;
			}

/* endtext ----------------------------------------------------------------------------*/