html
	{
		height:100%;
		min-height:100%;
		text-align: center;
	}
  	

body 
  { 
  	margin: 0px 0px 0px 0px;
  	height:100%;
  	min-height:100%;
  	text-align: center;
  	font-family: Verdana, Arial, Helvetica;
  	font-size: 11px;
  	overflow-x: hidden;
  	overflow-y: hidden;
  }


#mainpage
  	{
  		position: relative;
  		width: 1003px;
  		height: 575px;
  		margin: 0 auto 0 auto;
  		padding: 0px;
  		text-align: left;
  		background-image: url(/interface/background.jpg);
  		background-position: top center;
  		background-repeat: no-repeat;
  	}
  	
#knoppenbalk
		{
			position: absolute;
			z-index: 10;
  		width: 993px;
  		height: 77px;
  		top: 27px;
  		left: 5px;
  		margin: 0 auto 0 auto;
  		padding: 0px;
  		text-align: left;
  		background-image: url(/interface/knoppen_bg.gif);
  		background-position: top center;
  		background-repeat: no-repeat;
		}

#superactie
		{
			position: absolute;
			z-index: 20;
  		width: 187px;
  		height: 218px;
  		top: 20px;
  		left: 800px;
  		margin: 0 auto 0 auto;
  		padding: 0px;
  		text-align: left;
  		background-image: url(/interface/superactie.gif);
  		background-position: top center;
  		background-repeat: no-repeat;
  		display: none;
		}

#actiecontent
    {
    	position:relative;
    	width: 163px;
    	height: 126px;
    	top: 77px;
    	left: 14px;
    	display: none;
    }

#bibboard
		{
			position: absolute;
			z-index: 20;
  		width: 187px;
  		height: 218px;
  		top: 20px;
  		left: 800px;
  		margin: 0 auto 0 auto;
  		padding: 0px;
  		text-align: left;
  		background-image: url(/interface/BIB_board.gif);
  		background-position: top center;
  		background-repeat: no-repeat;
		}

#bibcontent
    {
    	position:relative;
    	width: 163px;
    	height: 126px;
    	top: 77px;
    	left: 14px;
    }

#spcBedrijf
	{
			position: absolute;
			z-index: 10;
  		width: 158px;
  		height: 14px;
  		top: 35px;
  		left: 15px;
  		margin: 0 auto 0 auto;
  		padding: 0px;
  		text-align: left;
  		border: 0px solid #00ff00;  		
		}

#actiecontent h1
		{
			font-size: 11px;
			margin-top: 0px; 
			margin-bottom: 1px;
			line-height: 100%;
		}

#actiecontent img
		{
			border: 0px;
		}

#sitenaam, #sitenaam a:link, #sitenaam a:visited, #sitenaam a:active, #sitenaam a:hover
		{
			position: absolute;
			z-index: 10;
  		width: 993px;
  		height: 24px;
  		top: 3px;
  		left: 5px;
  		margin: 0 auto 0 auto;
  		padding: 0px;
  		text-align: center;
  		color: #FFFFFF;
  		font-family: Verdana;
  		font-size: 14px;
		}

#bedrijfinbeeld
		{
			position: absolute;
			z-index: 10;
  		width: 171px;
  		height: 100px;
  		top: 108px;
  		left: 22px;
  		margin: 0 auto 0 auto;
  		padding: 0px;
  		text-align: center;
  		color: #FFFFFF;
  		font-family: Verdana;
  		font-size: 14px;
  		background-image: url(/interface/bedrijfinbeeld.gif);
  		background-position: top center;
  		background-repeat: no-repeat;
		}

#imgBedrijf
		{
			position: absolute;
			top: 2px;
		}

#linkBedrijf
		{
			position: absolute;
			border: 0px solid #00ff00;
			width: 171px;
			height: 22px;
			top: 52px;
			left: 21px;
		}

#linkBedrijf a:link, #linkBedrijf a:visited, #linkBedrijf a:active, #linkBedrijf a:hover
		{
		color:#ffffff;
		font-size: 9px;
		text-decoration: underline;
		}

#linkBedrijf a:hover
		{
		text-decoration: none;
		}

#bibboard td a:link, #bibboard td a:visited, #bibboard td a:active, #bibboard td a:hover
		{
		color:#ff6600;
		font-size: 9px;
		text-decoration: underline;
		}

#bibboard td a:hover
		{
		text-decoration: none;
		}

#whiteboard
		{
			position: absolute;
			z-index: 100;
  		width: 181px;
  		height: 441px;
  		top: 112px;
  		left: 18px;
  		text-align: left;
  		margin: 0 auto 0 auto;
  		padding: 0px;
  		background-image: url(/interface/whiteboard.gif);
  		background-position: top center;
  		background-repeat: no-repeat;
		}

#whiteboardlist
		{
			position: relative;
			width: 255px;
  		height: 240px;
  		top: 16px;
  		left: 12px;
  		text-align: left;
  		margin: 0px;
  		padding: 0px;
  		color: #000000;
  		font-family: Verdana;
  		font-size: 14px;
  		overflow-y: auto;
	  	overflow-x: hidden;
		}

#bureau
		{
			position: absolute;
			z-index: 10;
  		width: 264px;
  		height: 293px;
  		top: 276px;
  		left: 739px;
  		margin: 0 auto 0 auto;
  		padding: 0px;
  		text-align: center;
  		color: #FFFFFF;
  		font-family: Verdana;
  		font-size: 14px;
  		background-image: url(/interface/bureau.gif);
  		background-position: top center;
  		background-repeat: no-repeat;
		}


#screen
		{
			position: absolute;
			z-index: 10;
  		width: 513px;
  		height: 365px;
  		top: 101px;
  		left: 210px;
  		margin: 0 auto 0 auto;
  		padding: 0px;
  		text-align: left;
  		color: #FFFFFF;
  		font-family: Verdana;
  		font-size: 14px;
  		background-image: url(/interface/screen.gif);
  		background-position: top center;
  		background-repeat: no-repeat;
		}

#content
		{
			position: relative;
			width:490px;
			height: 300px;
			top: 22px;
			left: 12px;
			overflow-y: auto;
	  	overflow-x: hidden;
	  	color: #616061;
	  	font-family: Verdana, Arial, Helvetica;
  		font-size: 11px;
		}

#knopactueel
		{
			float: left;
			width: 187px;
  		height: 64px;
			margin-top: 6px;
			margin-left: 13px;
  		padding: 0px;
  		text-align: left;
  		border: 0px;
		}

#knopdemo
		{
			float: left;
			width: 187px;
  		height: 64px;
			margin-top: 6px;
			margin-left: 11px;
			padding: 0px;
  		text-align: left;
  		border: 0px;
		}

#knopfun
		{
			float: left;
			width: 187px;
  		height: 64px;
			margin-top: 6px;
			margin-left: 11px;
  		padding: 0px;
  		text-align: left;
  		border: 0px;
		}

#zoeken_datum
		{
			float: left;
			width: 185px;
  		height: 64px;
			margin-top: 6px;
			margin-left: 11px;
  		padding: 0px;
  		text-align: left;
  		border: 0px;
		}

#knopzoeken
		{
			display: block;
			width: 185px;
  		height: 31px;
			margin-top: 0px;
			margin-left: 0px;
  		padding: 0px;
  		padding-top: 4px;
  		text-align: center;
  		border: 0px;
  		background-image: url(/interface/btn_zoeken.gif);
  		background-position: top center;
  		background-repeat: no-repeat;
		}

#knopdatum
		{
			display: block;
			width: 185px;
  		height: 31px;
			margin-top: 0px;
			margin-left: 0px;
  		padding: 0px;
  		padding-top: 4px;
  		text-align: center;
  		border: 0px;
  		background-image: url(/interface/knop_datum.gif);
  		background-position: top center;
  		background-repeat: no-repeat;
  		font-size: 11px;
		}

.popover_zoeken_invisible
		{
			position: absolute;
			z-index: 100;
			display:none;
  		width: 696px;
  		height: 367px;
  		top: 109px;
  		left: 136px;
  		margin: 0 auto 0 auto;
  		padding: 0px;
  		text-align: left;
  		/*
  		background-image: url(/interface/popover_zoeken.png);
  		background-position: top center;
  		background-repeat: no-repeat;
  		*/
		}

.popover_zoeken_visible
		{
			position: absolute;
			z-index: 100;
			width: 696px;
  		height: 367px;
  		top: 109px;
  		left: 136px;
  		margin: 0 auto 0 auto;
  		padding: 0px;
  		text-align: left;
		}

#in_zoeken
		{
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/interface/popover_zoeken.png", sizingMethod='scale');
			width: 696px;
			height: 367px;
		}
		
#searchterm
		{
			position: absolute;
			top: 158px;
			left: 43px;
			height: 39px;
			width: 272px;
			font-size: 24px;
			border: 0px;
		}

#searchbutton
		{
			position: absolute;
			top: 250px;
			left: 35px;
		}

#searchclose
		{
			position: absolute;
			top: 250px;
			left: 235px;
		}




.popover_mailafriend_invisible
		{
			position: absolute;
			z-index: 100;
			display:none;
  		width: 696px;
  		height: 367px;
  		top: 109px;
  		left: 136px;
  		margin: 0 auto 0 auto;
  		padding: 0px;
  		text-align: left;
		}

.popover_mailafriend_visible
		{
			position: absolute;
			z-index: 100;
			width: 696px;
  		height: 367px;
  		top: 109px;
  		left: 136px;
  		margin: 0 auto 0 auto;
  		padding: 0px;
  		text-align: left;
		}

#in_mailafriend
		{
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/interface/popover_mailafriend.png", sizingMethod='scale');
			width: 696px;
			height: 367px;
		}
		
#naam
		{
			position: absolute;
			top: 64px;
			left: 43px;
			height: 25px;
			width: 272px;
			font-size: 14px;
			border: 0px;
		}

#email
		{
			position: absolute;
			top: 124px;
			left: 43px;
			height: 25px;
			width: 272px;
			font-size: 14px;
			border: 0px;
		}

#naam2
		{
			position: absolute;
			top: 184px;
			left: 43px;
			height: 25px;
			width: 272px;
			font-size: 14px;
			border: 0px;
		}

#email2
		{
			position: absolute;
			top: 244px;
			left: 43px;
			height: 25px;
			width: 272px;
			font-size: 14px;
			border: 0px;
		}

#verstuurbutton
		{
			position: absolute;
			top: 304px;
			left: 35px;
		}

#verstuurclose
		{
			position: absolute;
			top: 304px;
			left: 235px;
		}

#mailafriendpix
		{
			position: absolute;
			top: 85px;
			left: 65px;
			width: 60px;
			height: 50px;
		}











.popover_mailafriend2_invisible
		{
			position: absolute;
			z-index: 100;
			display:none;
  		width: 696px;
  		height: 367px;
  		top: 109px;
  		left: 136px;
  		margin: 0 auto 0 auto;
  		padding: 0px;
  		text-align: left;
		}

.popover_mailafriend2_visible
		{
			position: absolute;
			z-index: 100;
			width: 696px;
  		height: 367px;
  		top: 109px;
  		left: 136px;
  		margin: 0 auto 0 auto;
  		padding: 0px;
  		text-align: left;
		}

#in_mailafriend2
		{
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/interface/popover_mailafriend2.png", sizingMethod='scale');
			width: 696px;
			height: 367px;
		}
		


#mailafriend2pix
		{
			position: absolute;
			top: 85px;
			left: 65px;
			width: 60px;
			height: 50px;
		}
		
/* ################### */

.popover_bedrijfinbeeld_invisible
		{
			position: absolute;
			z-index: 100;
			display:none;
  		width: 696px;
  		height: 367px;
  		top: 109px;
  		left: 136px;
  		margin: 0 auto 0 auto;
  		padding: 0px;
  		text-align: left;
		}

.popover_bedrijfinbeeld_visible
		{
			position: absolute;
			z-index: 100;
			width: 696px;
  		height: 367px;
  		top: 109px;
  		left: 136px;
  		margin: 0 auto 0 auto;
  		padding: 0px;
  		text-align: left;
		}

#in_bedrijfinbeeld
		{
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/interface/popover_bedrijfinbeeld.png", sizingMethod='scale');
			width: 696px;
			height: 367px;
		}
		
#bedrijf
		{
			position: absolute;
			top: 64px;
			left: 43px;
			height: 25px;
			width: 272px;
			font-size: 14px;
			border: 0px;
		}

#contactnaam
		{
			position: absolute;
			top: 124px;
			left: 43px;
			height: 25px;
			width: 272px;
			font-size: 14px;
			border: 0px;
		}

#contactemail
		{
			position: absolute;
			top: 184px;
			left: 43px;
			height: 25px;
			width: 272px;
			font-size: 14px;
			border: 0px;
		}

#contacttelefoon
		{
			position: absolute;
			top: 244px;
			left: 43px;
			height: 25px;
			width: 272px;
			font-size: 14px;
			border: 0px;
		}


#bedrijfinbeeldpix
		{
			position: absolute;
			top: 85px;
			left: 65px;
			width: 60px;
			height: 50px;
		}











.popover_bedrijfinbeeld2_invisible
		{
			position: absolute;
			z-index: 100;
			display:none;
  		width: 696px;
  		height: 367px;
  		top: 109px;
  		left: 136px;
  		margin: 0 auto 0 auto;
  		padding: 0px;
  		text-align: left;
		}

.popover_bedrijfinbeeld2_visible
		{
			position: absolute;
			z-index: 100;
			width: 696px;
  		height: 367px;
  		top: 109px;
  		left: 136px;
  		margin: 0 auto 0 auto;
  		padding: 0px;
  		text-align: left;
		}

#in_bedrijfinbeeld2
		{
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/interface/popover_bedrijfinbeeld2.png", sizingMethod='scale');
			width: 696px;
			height: 367px;
		}
		


#bedrijfinbeeld2pix
		{
			position: absolute;
			top: 85px;
			left: 65px;
			width: 60px;
			height: 50px;
		}
		
		



/* ################### */

.popover_film_invisible
		{
			position: absolute;
			z-index: 100;
			display:none;
  		width: 696px;
  		height: 367px;
  		top: 109px;
  		left: 136px;
  		margin: 0 auto 0 auto;
  		padding: 0px;
  		text-align: left;
		}

.popover_film_visible
		{
			position: absolute;
			z-index: 100;
			width: 696px;
  		height: 367px;
  		top: 109px;
  		left: 136px;
  		margin: 0 auto 0 auto;
  		padding: 0px;
  		text-align: left;
		}

#in_film
		{
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/interface/popover_film.png", sizingMethod='scale');
			width: 696px;
			height: 367px;
		}

#filmclose
		{
			position: absolute;
			top: 50px;
			left: 475px;
		}

#content_film
		{
			position:absolute;
			z-index:500;
			top: 36px;
			left: 30px;
			width: 406px;
			height: 252px;
			margin: 0px;
			padding: 0px;
			border: 0px solid #FF0000;
		}

#pop1
		{
			position:absolute;
			z-index:50;
			top: 434px;
			left: 468px;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/interface/pop1.png", sizingMethod='scale');
			width: 103px;
			height: 136px;
		}

#pop2
		{
			position:absolute;
			z-index:50;
			top: 451px;
			left: 365px;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/interface/pop2.png", sizingMethod='scale');
			width: 71px;
			height: 95px;
		}

#pop3
		{
			position:absolute;
			z-index:50;
			top: 444px;
			left: 641px;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/interface/pop3.png", sizingMethod='scale');
			width: 53px;
			height: 91px;
		}