/*******( Style reset )***********/

	body,td,th,a,h1,h2,h3,h4,h5,p,ul,li,form,input,hr,label,img {
		margin: 0;
		padding: 0;
		border: 0;
		text-decoration:none;
		list-style-type: none;
		}

/*******( Helpers )***************/

	.spacer {
		clear: both;
		}

/*******( Typography )************/

	body, input, select, td, th, textarea {
		font-family: helvetica,arial;
		font-size: 10px;
		color: #000;
		}

/*******( Structure )************/
	
	body {
		text-align: center;
		background: #fff url(/img/bg.png) center;
		margin-bottom: 50px;
		}
		#wrapper {
			background-color: #fff;
			margin: 0 auto;
			text-align: left;
			width: 980px;
			padding-top: 80px;
			padding-bottom: 50px;
			}	
			#container {
				margin: 0 auto;
				background-color: #fff;
				width: 800px;
				position: relative;
				}
				#side {
					z-index: 5;
					float: left;
					width: 214px;
					margin-right: 40px;
					}
				#main {
					z-index: 5;
					float: left;
					width: 534px;					
					}

/*******( Side )************/

	#side {
		position: relative;
		margin-bottom: 425px;
		}
		#side_top .logo {
			display: block;
			width: 214px;
			height: 79px;
			text-indent: -3000px;
			background: url(/img/side_logo.png) no-repeat;
			margin-bottom: 20px;
			}
	#side .hr, #side_bottom .hr {
		height: 7px;
		width: 214px;
		background: url(/img/side_hr.png) no-repeat;
		}
		#side .hr-big {
			width: 214px;
			background: url(/img/side_hr_big.png) no-repeat;
			height: 14px;
			}
	#side #menu {
		margin: 20px 0px 20px;
		}
		#side #menu ul li {
			margin-bottom: 4px;
			}
			#side #menu a {
				padding: 1px;
				background-color: #000;
				color: #fff;
				}
				#side #menu a.active {
					background-color: #00b9f2;
					}

/*******( Mooibutton )************/

	#mooibutton {
		position: absolute;
		left: 132px;
		top: -80px;
		z-index: 20;
		width: 108px;
		height: 91px;
		background: url(/img/logo.png) no-repeat;
		}

/*******( Sidebottom )************/

	#side_bottom {
		margin-top: 10px;
		}	
		#randomitem {
			margin-bottom: 10px;
			}
		#side_bottom .box {
			margin-top: 20px;
			margin-bottom: 10px;
			width: 200px;
			}
		#adres {
			line-height: 16px;
			}
			#adres a {
				color: #000;
				}
		#disclaimer {
			line-height: 12px;
			}
		#footermenu {
			margin-top: 9px;
			}
			#footermenu a {
				text-transform: uppercase;
				color: #00b9f2;
				margin-right: 6px;
				}

/*******( Main )************/

	#content {
		line-height: 12px;
		}
		#content h1 {
			float: right;
			font-size: 32px;
			line-height: 1em;
			color: #00b9f2;
			font-weight: normal;
			}
		#content h2 {
			font-size: 16px;
			line-height: 1em;
			color: #000;
			font-weight: normal;
			}
		#content .hr {
			width: 545px;
			height: 6px;
			background: url(/img/hr.png) no-repeat;
			margin: 20px 0px;
			}
		#content p {
			margin-bottom: 16px;
			}
		#content a {
			color: #00B9F2;
			text-decoration: underline;
			}

/*******( News )************/

	.nieuwsoverzicht {
		}
		.nieuwsoverzicht .item {
			}
			.nieuwsoverzicht .header {
				}
				.nieuwsoverzicht #item_1 .header {
					width: 300px;
					}
				.nieuwsoverzicht .header h2 {
					}
				.nieuwsoverzicht .header .intro {
					}
			.nieuwsoverzicht .text {
				margin-top: 12px;
				}

/*******( Tekst )*****************/

	.tekst {
		margin-left: 275px;
		margin-top: 40px;
		}
		.tekst p {
			margin-bottom: 16px;
			}
	.overmooi_bas {
		width: 298px;
		height: 464px;
		background: url(/img/overmooi_bas.png) no-repeat;
		position: absolute;
		left: 212px;
		top: 0px;
		z-index: 1;
		}

/*******( Portfolio, header )********/

	.portfolio .header {
		padding-bottom: 10px;
		}
		.portfolio .projectnavigatie {
			}
			.portfolio .projectnavigatie .cats {
				width: 200px;
				float: left;
				}
				.portfolio .projectnavigatie .cats li {
					display: block;
					width: 200px;
					height: 18px;
					}
					.portfolio .projectnavigatie .cats li a {
						display: block;
						width: 200px;
						height: 18px;
						text-indent: -3000px;
						background: #fff url(/img/projecten_cat_sprite.png) no-repeat;
						}
						#link_identity { background-position: 0px 0px; }
						#link_documentatie { background-position: 0px -18px; }
						#link_campagne { background-position: 0px -36px; }
						#link_internet { background-position: 0px -54px; }
						#link_vrij_werk { background-position: 0px -72px; }

						#link_identity.active { background-position: -200px 0px; }
						#link_documentatie.active { background-position: -200px -18px; }
						#link_campagne.active { background-position: -200px -36px; }
						#link_internet.active { background-position: -200px -54px; }
						#link_vrij_werk.active { background-position: -200px -72px; }

			.portfolio .projectnavigatie .subcats {
				width: 200px;
				float: left;
				}
				#content .portfolio .projectnavigatie .subcats a {
					color: #000;
					padding: 0px 1px;
					text-decoration: none;
					}
					#content .portfolio .projectnavigatie .subcats a:hover, #content .portfolio .projectnavigatie .subcats a.active {
						background-color: #000;
						color: #fff;
						}
		
/*******( Portfolio, overzicht )********/

	.portfolio .overzicht {
		border-top: 1px solid #d4d4d4;
		padding-top: 15px;
		}
		.portfolio .overzicht .project {
			display: inline-block;	
			width: 170px;
			height: 162px;
			margin: 0px 12px 15px 0px;
			float: left; display: inline;
			overflow: hidden;
			}
			.portfolio .overzicht .project_last {
			    margin-right: 0px;
			    }
			.portfolio .overzicht .project .hr {
				margin-top: 0px !important;
				width: auto !important;
			}
			.portfolio .overzicht .project .thumb {
				display: block;				
				width: 168px;
				height: 115px;			
				margin-bottom: 5px;	
				border: 1px solid #d4d4d4;
				}			
			.portfolio .overzicht .project .thumb_last {
				margin-right: 0px;
				}
			.portfolio .overzicht .project .thumb:hover {
				
				}
			.portfolio .overzicht .project .projectinfo {
				display: inline-block;
				width: 168px; height: 29px;
				overflow: hidden;
				}
				.portfolio .overzicht .project .projectinfo h3 {
					display: inline-block;
					width: 168px;
					height: 13px;
					font-size: 12px;
					overflow: hidden;										
				}
				.portfolio .overzicht .project .projectinfo h3 a{
					text-decoration: none !important;
					border: 0px;	
					color: #000000 !important;			
				}
				.portfolio .overzicht .project .projectinfo h3 a:hover{
					text-decoration: underline !important;				
				}
		#content .portfolio .overzicht hr {
			margin-top: 0px;
			}

/*******( Fotografie )***************/

	.fotos {
		position: relative;
		}
		.fotos .info {
			margin-top: 10px;
			}
			.fotos .info .datum {
				float: left;
				width: 100px;
				background-color: #000;
				color: #fff;
				padding: 0px 3px;
				height: 14px;
				line-height: 14px;
				font-weight: bold;
				}
			.fotonav {
				position: absolute;
				left: 107px;
				}
			.nieuwsoverzicht .fotonav {
				top: 0px;
				}
			.portfolio .fotonav {
				top: 335px;
				}
				#content .fotonav a {
					padding: 0px;
					display: block;
					float: left;
					width: 14px;
					height: 14px;
					text-align: center;
					line-height: 14px;
					background-color: #808080;
					color: #fff;
					margin-left: 2px;
					text-decoration: none;
					}
					#content .fotonav a.active, #content .fotonav a:hover {
						background-color: #00B9F2;
						}
		.fotos .preloader {
			width: 545px;
			height: 3px;
			background: url(/img/loading.png) no-repeat right;
			margin-bottom: 4px;
			}
		.fotos .fotocontainer {
			width: 545px;
			height: 328px;
			overflow: hidden;
			position: relative;
			background-color: #f4f4f4;
			}
			.fotos .fotocontainer_inner {
				width: 20000em;
				position: absolute;
				}
				.fotos .fotocontainer_inner .image {
					float: left;
					}
	
/*******( Portfolio, detail )********/

	.portfolio .detail {
		}
		.portfolio .detail .fotos {
			}
			.portfolio .detail .fotos .info {
				margin-top: 0px;
				margin-bottom: 20px;
				}
		#content .portfolio .detail h2 {
			margin-bottom: 16px;
			font-size: 20px;
			}


/*******( sIFR )******************/

	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		}

	.sIFR-replaced {
		visibility: visible !important;
		}

	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
		}

	.sIFR-flash + div[adblocktab=true] {
		display: none !important;
		}

	.sIFR-hasFlash #content .h1 {
		visibility: hidden;
		}
	.sIFR-hasFlash #content .h2 {
		visibility: hidden;
		}

/*******( Outline fix )***********/

	a {
		outline: none;
		}
	
	:focus {
		-moz-outline-style: none;
		}

/*******( Selection fancyness )***********/

	::-moz-selection{
		background: #00B9F2;
		color: #fff;
		}
	
	::selection {
		background: #00B9F2;
		color: #fff;
		}