/* Werkplek makeover Cascading Stylesheet */

body {
	margin:0px;
	background: #ED1746 url(body.gif) repeat-x;
}

	div#page {
		width:761px;
		background: url(page.gif) repeat-y;
	}
	
		div#topshadow {
			width:761px;
			background: url(pagetop.gif) no-repeat 0px -19px;
		}
			
			h1 {
				display:none;
			}
			
			h2  {
				font-size:14px;
			}
			
			h2 small  {
				font-size:10px;
				font-weight:bold;
				position: absolute;
				top: 6px;
				left: 20px;
			}
			
			h3  {
				font-size:13px;
				padding:15px 0px 0px 19px;
			}
			
			ul#menu {
				list-style:none;
				margin:1px 0px 3px 0px;
				padding:80px 0px 0px 270px;
				/*width:501px;*/
				height:40px;
				background:url(menu.jpg);
			}
			
				ul#menu li {
					float:left;
					margin-left: 6px;
					margin-right: 6px;
				}
				
				ul#menu li a {
					position:relative;
					display:block;
					height:24px;
				}

				ul#menu li a#home 		{width:34px;	background-image:url(home.gif);}				
				ul#menu li a#week 		{width:64px;	background-image:url(week.gif);}				
				ul#menu li a#test 		{width:92px;	background-image:url(test.gif);}			
				ul#menu li a#columns 	{width:56px;	background-image:url(columns.gif);}				
				ul#menu li a#partners	{width:59px;	background-image:url(partners.gif);}				
				ul#menu li a#links 		{width:36px;	background-image:url(links.gif);}

				ul#menu li a:hover,  ul#menu li a.active {
					background-position: 0px -24px;
				}
				
				ul#menu li a#gezien {
					position: absolute;
					top: 92px;
					left: 682px;
					/*top: 49px;
					left: 696px;*/
					width: 52px;
					height: 42px;
					background-image:url(gezien.gif);
				}
				ul#menu li a#gezien:hover,  ul#menu li a#gezien.active {
					background-position: 0px -42px;
				}
												
					ul#menu li a span {
						display:none;
					}
				
				div#content {
					margin:0px 0px 0px 1px;
					padding-bottom:20px;
				}	
				
				div.box {
					float:left;
					margin:3px 0px 0px 3px;
					font-family:Arial;
					font-size:11px;
					line-height:17px;
					color:#FFF;
					position:relative;
				}
				
				div.box hr {
					border: 1px solid #fff;
					margin: 0px 4px 12px 4px;
					clear: both;
				}
				div.box hr.small {
					border-color: #ff8080;
					border-bottom-color: #ED1746;
				}
				
				div.threethird {
					width:753px;
					background:url(threethird.gif) repeat-y;
				}
					div.threethird h2 {
						width:753px;
						background:transparent url(threethirdtop.gif) no-repeat;
						margin:0px;
						padding:21px 0px 10px 19px;
					}
						div.threethird h2 a {
							display:block;
							width:701px;
							background-color:#fff;
							padding: 5px;
						}
						div.threethird h2 a img {
							border: 0px;
						}
						div.threethird h2 a span {
							display:none;
						}
						
					div.threethird h3 {
						margin-top: 0px !important;
						padding-top: 0px !important;
						margin-bottom: 0px !important;
						padding-bottom: 0px !important;
					}
					div.threethird p {
						margin-top: 0px !important;
						padding-top: 10px !important;
					}

					div.threethirdbottom {
						position:absolute;
						bottom:0px;
						left:0px;
						width:753px;
						height:56px;
						background: url(threethirdbottom.gif) no-repeat bottom;
						z-index:1;
					}
				
				div.onethird {
					width:249px;
					background:url(onethird.gif) repeat-y;
				}
				
				div.otright {
					background-image:url(otright.gif)
				}
				
					div.onethird h2 {
						width:230px;
						height:35px;
						background:transparent url(onethirdtop.gif) no-repeat;
						margin:0px;
						padding:21px 0px 0px 19px;
					}
					
					div.otright h2 {
						background-image:url(ottopright.gif);
					}				

					
				div.twothird {
					float:right;
					width:501px;
					background:url(twothird.gif) repeat-y;
					margin-right: 4px;
					margin-left: 0px;
				}
				
				div.ttleft {
					background-image:url(ttleft.gif);
				}
				
				div.right {
					float:right;
					margin-right:4px;
				}
				
					div.twothird h2 {
						width:482px;
						height:35px;
						background:transparent url(twothirdtop.gif);
						margin:0px;
						padding:21px 0px 0px 19px;
					}
					
					div#homebox, div#homeleft {
						overflow: hidden;
					}
					div#homebox {
						height: 500px;
					}
					div#homeleft {
						height: 166px;
					}
					
					div#homebox h2 {
						background-image:url(twothirdtop_home.gif);
					}
					
					div#homebox p.lead {
						margin-bottom: 19px;
					}
					
					div.ttleft h2 {
						background-image:url(twothirdtop_left.gif);
					}
					
				
				div.defaultheight {
					height:246px;
					overflow:hidden;
				}
					
					div.tlimage {
						position: relative;
						background-image: none;
					}
					div.tlimage img { /* afbeelding van 241 by 239 */
						margin: 3px 0px 0px 4px;
					}
					div.tlimage div {
						position: absolute;
						top: 0px;
						left:0px;
						width: 100%;
						height: 100%;
						background: url(tlimgborder.png) no-repeat;
					}
					
					div.box p, div.box ul, div.box h4, div.box em {
						position:relative;
						margin:2px 19px 0px 19px;
						padding-top:17px;
						z-index:2;
					}
					
					div.box a {
						color:#FFF;
					}
					
					div.box form {
						position:relative;
						z-index:2;
					}
					
					div.box .report {
						padding-top:0px !important;
					}
					
					div.box p.lead {
						font-weight:bold;
						padding:0px;
						margin-bottom: 10px;
					}
					
					div.box label {
						clear:left;
						float:left;
						width:50px;
						margin:4px 19px 5px 19px;
					}
					
					div.twothird label {
						margin-top:4px;
						width:100px;
						clear:left;
					}
					
					div.box .formfield {
						float:left;
						width:130px;
					}
					
					div.onethird select, div.onethird textarea {
						margin:0px 19px 5px 0px;
						position:relative;
						left:19px;
					}
					div.onethird select {
						width:205px;	
					}
					div.onethird textarea {
						width:201px;
					}
					
					div.onethird input.file {
						margin:0px 19px 5px 19px;
					}
					
					div.box .submit, div.box .file {
						margin:0px 19px 5px 19px;
						position:relative;
						z-index:2;
					}
					
					div.onethirdbottom {
						position:absolute;
						bottom:0px;
						left:0px;
						width:249px;
						height:56px;
						background:url(onethirdbottom.gif);
						z-index:1;
					}
					
					div.otbotright {
						background:url(otbotright.gif);
					}
					
					div.twothirdbottom {
						position:absolute;
						bottom:0px;
						left:0px;
						width:501px;
						height:55px;
						background:url(twothirdbottom.gif);
						z-index:1;
					}
					
					div.ttleftbottom {
						background:url(ttleftbottom.gif);
					}
					
					div.twothird p {
						padding-top: 0px;
						padding-bottom: 10px;
					}
					
					/*  IMG */
					div.img {
						position:relative;
						margin: 4px 19px 0px 16px;
						background: url(imgbg.gif) no-repeat;
					}
					
					div.twothird div.img {
						margin: 4px 8px 0px 7px;
					}
					
					div.click {
						cursor:pointer;
					}
					
					div.img div {
						position:absolute;
						bottom:0px;
						left:0px;
						width:145px;
						height:115px;
						background: url(imgbgbottom.gif) no-repeat;
						z-index:1;
					}
					div.big {
						background: url(imgbgbig.gif) no-repeat;
						margin-bottom: 10px;
					}
					div.big div {
						width:280px;
						height:223px;
						background: url(imgbgbigbottom.gif) no-repeat;
					}
					div.tiny {
						background: url(imgbgtiny.gif) no-repeat;
						margin-bottom: 5px;
						margin-left:5px;
						margin-right:5px;
						margin:5px;
					}
					div.tiny div {
						width:77px;
						height:61px;
						background: url(imgbgtinybottom.gif) no-repeat;
					}
					div.img img {
						margin: 3px 5px 7px 5px;
						border: 0px;
					}
					div.center {
						text-align:center;
						background-position: center;
					}
					div.left {
						float: left;
					}
					div.right {
						float: right;
					}
					div.list {
						float: left; 
						margin-right: 1px;
					}
					div.noimg {
						width: 68px;
						background-image: none;
						background-color: #fff;
						text-align: center;
						padding: 10px -10px 10px -10px;
						overflow: hidden;
					}
					div.noimg img {
						margin: 0 auto;
						margin-top:5px;
						margin-bottom:5px;
						background-color: #fff;
					}
					div.noimg div {
						display:none;
					}
					div.listr {
						float: right;
						margin-left: -3px;
					}
					div.list, div.listr {
						margin-top: 4px;
						margin-bottom: 4px;
					}
					/*  IMG */
					
					div.twothird em {
						position:relative;
						top: -5px;
						margin: 0px;
						padding: 0px;
						/* font-weight:bold; */
						font-size: 12px;;
					}
					div.twothird em.center {
						position:static;
						display: block;
						width: 100%;
						text-align: center;
					}

					/* PLAYER */
					div.playerholderholder {
						margin: 5px 14px 0px 0px;
						float:right;
					}
					div.playerholder {
						padding: 0px 0px 5px 0px;
						background: url(playershadow.gif) repeat-x bottom;
					}
					
					div#homebox div.playerholder {
						background: none;
					}
					
					div.player {
						border: 1px solid #fff;
					}
					div.playerleft {
						float:left;
						width:250px;
					}
					div.playerresizer {
						background: url(resize1.gif) no-repeat;
						width: 16px;
						height: 16px;
						cursor:pointer;
					}
					
					
					/* PLAYER */
					
					div.twothirdsplitter {
						clear:both;
						width:501px;
						height:17px;
						background: url(twothirdsplitter.gif) no-repeat bottom;
						margin: 0px 0px 15px 0px;
					}	
					
					div.cliplinkleft {
						float:left;
						width:346px;
						
					}
					
						h2.cliplinkheading {
							background:none !important; 
							margin:0px;
							height:25px !important;
							padding:15px 0px 0px 19px !important; ;
							clear:both;
						}
					
						h3.cliplinkheading {
							background:none !important; 
							margin:0px;
							height:25px !important;
							padding:15px 0px 0px 19px !important; ;
							clear:both;
						}
						
							p.cliplink a {
								background: url(cliplink.gif) no-repeat;
								padding-left:8px;
							}
						
					div.cliplinkthumb {
						float:left;
						width:143px;
						margin-top:-25px;
					}
					
					div.cliplinkthumb img {
						border:0px;
					}
					
					p.noheading {
						width:219px;
						background:transparent url(onethirdtop.gif) no-repeat;
						margin:0px !important;
						padding:21px 11px 0px 19px;
						font-weight:bold;
					}
					
				div#top10beste {
					background:url(top10beste.jpg);
					color:#333;
					clear:left;
				}
				
				div#top10beste a {
					background:url(photo.gif) no-repeat right;
					color:#333;
					padding-right:16px;
				}
				
				div#doedewerkplektest {
					background:url(doedetestknop.gif);
				}
				div#doedewerkplektest object, div#doedewerkplektest embed {
					margin: 50px 0px 0px 4px;
				}
				
				a#naardetest {
					display:block;
					width:100%;
					height:100%;
				}
				
				a#naardetest span {
					display:none;
				}
				
				div#top10slechtste {
					background:url(top10slechtste.jpg);
					color:#000;
				}
				
				div#top10slechtste a {
					background:url(photo.gif) no-repeat right;
					color:#000;
					padding-right:16px;
				}
				
				div#top10beste h2, div#doedewerkplektest h2, div#top10slechtste h2, div.widebox h2 {
					display:none;
				}
				
				div.top10 ol {
					margin-top:62px;
				}
				
				p#best, p#worst {
					padding-top:58px;
					font-weight:bold;
				}
					div.top10 ol li.first{
						font-weight:bold;
					}
				
				div#partnerbox {
					background:none;
				}
 							
				div.widebox {
					float:left;
					margin:3px 0px 0px 3px;
					background:url(wideboxmid.gif) repeat-y;
					width:753px;
				}
 							
				div#testbox object, div#testbox embed {/*, div#testbox * {*/
					background-color: #ED1746;
				}
				
					div.wideboxtop {
						width:753px;
						height:6px;
						background:url(wideboxtop.gif);
					}
					
					div.wideboxbottom {
						width:753px;
						height:9px;
						background:url(wideboxbottom.gif);
					}
					
						table#partners {
							margin-top:20px;
							border-collapse:collapse;
							font-family:Arial;
							font-size:11px;
							line-height:17px;
							color:#333;
							margin-right:20px;
						}
							table#partners h3 {
								margin:0px;
								font-size:11px;
								padding:0px;
							}
							table#partners h3 a {
								color:#333;
							}
							
							table#partners p {
								margin-top:0px;
								margin-right:50px;
							}
							
							table#partners td {
								padding-bottom:20px;
							}
							
							td.partnersleft {
								text-align:center;
								vertical-align:top;
								width:208px;
								padding-top:5px;
							}
							
							td.partnersleft img {
								border:0px;
							}
						
						
				div#afleveringselectorbox {
					margin-left:3px;
					width:753px;
					height:54px;
					background:url(afleveringselectorbox.gif);
				}
				
					div#afleveringselectorbox h2 {
						margin-left:18px;
						margin-top:17px;
						float:left;
					}
					
					div#afleveringselectorbox p {
						float:right;
						margin-top:18px;
					}
					
					div#afleveringselectorbox select {
						float:right;
						width:270px;
						border:1px solid #762335;
						margin-top:17px;
						margin-right:15px;
					}
					
				div#columnsbox {
					
				}
				
					div#columnsbox h2 {
						background:url(columnsheading.gif);
						height:34px;
					}
					 
					ul#columnlinks {
						list-style:none;
						margin:0px;
						padding:0px;
						margin-left:15px;
						padding-top:6px;
					}
					
					ul#columnlinks li {
						clear:left;
					}
					
					ul#columnlinks img {
						padding:3px 4px 5px 4px;
						background:url(columnistbg.gif);
						float:left;
						margin: 0px 0px 4px 0px;
					}
					
					ul#columnlinks p {
						float:left;
						margin:0px;
						padding:0px;
						padding-top:5px;
						margin-left:8px;
						width:165px;
					}

					
					div.box p.columndata {
						padding:0px;
						position:relative;
						top:-20px;
					}
										
					div#sig {
						float:left;
						margin-left:8px;
					}
					
					img#columnist {
						padding:3px 5px 6px 5px;
						background:url(columnistbg2.gif);
						float:right;
						margin: 0px 20px 20px; 0px;
						position:relative;
						z-index:2;
					}
					
					img#photo {
						position:relative;
						z-index:2;
						margin-left:19px;
						border:1px solid #FFF;
					}

			div.linksbox {
				float: left;
				width: 230px;
			}
			div.linksbox ul {
				position: relative;
				top: -10px;
				margin-left: 5px;
			}

			div.blaf img {
				width: 68px;
			}
			
			textarea#reason {
				margin-top:10px;
				width:457px;
				height:75px;
			}
			
			img.expert {
				border:1px solid #333;
				float:right;
				margin-right:60px;
				margin-left:10px;
			}
			
			img.expertlarge {
				margin-top:28px;
			}
			
			div#reportbox ul {
				padding-top:0px;
				margin-top:0px;
			}
			
			div#reportbox h4 {
				font-size:14px;
			}
			
			div.rentokil p {
				margin:0px;
				padding-top:14px;
				text-align:center;
			}
		
			div.rentokil p a {
				position:relative;
				left:-9px;
			}
