#portfolio
{
	background:				url(/media/images/portfolio/bg.gif) repeat-x;
	height:					500px;
	padding-top:			15px;
}
#portfolio #categorieen
{
	margin:					0 auto;
	width:					942px;
	height:					481px;
	padding-right:			8px;
	background:				url(/media/images/portfolio/rand.png) top right no-repeat;
}
#portfolio .categorie
{
	background:				url(/media/images/portfolio/categoriebg.png) repeat;
	display:				inline;
	float:					left;
	height:					481px;
	width:					36px;
	position:				relative;
	overflow:				hidden;
}
#portfolio h3
{
	position:				absolute;
	left:					0;
	top:					0;
}
#portfolio h3 a
{
	background:				url(/media/images/portfolio/balk.png) -3px 0 no-repeat;
	padding:				20px 0 0 8px;
	cursor:					pointer;
	display:				block;
	height:					481px;
	width:					28px;
}
#portfolio .balk
{
	margin-left:			-3px;
}
#portfolio .categorie.huidig
{
	width:					834px;
}
#portfolio .categorie.huidig h3 a
{
	cursor:					default;
}
.infobalk
{
	position:				absolute;
	top:					250px;
	left:					110px;
	width:					182px;
	height:					54px;
	padding:				10px 200px;
	background:				url(/media/images/portfolio/infobalk.png) top center no-repeat;
	z-index:				1;
}
.infobalk table
{
	margin:					1px 0 0;
	width:					300px;
}
.infobalk table h4
{
	color:					#009FBB;
	font-size:				12px;
	margin:					0 0 4px;
}
.infobalk table em
{
	color:					#009FBB;
	font-size:				11px;
	font-style:				normal;
}
.hoofdfoto
{
	display:				block;
	margin:					0 auto;
}
.knoplinks, .knoprechts
{
	position:				absolute;
	top:					275px;
	z-index:				1;
	cursor:					pointer;
}
.knoplinks
{
	left:					83px;
}
.knoprechts
{
	left:					695px;
}

#portfolio .projecten
{
	width:					834px;
	height:					481px;
	overflow:				hidden;
}
#portfolio .projecten-wrapper
{
	position:				relative;
	margin:					3px 0 0 36px;
	overflow:				hidden;
	width:					798px;
	height:					440px;
}
#portfolio .projecten-inner
{
	width:					50000px;
	position:				absolute;
	top:					50px;
	left:					0;
}
#portfolio .project
{
	width:					798px;
	height:					381px;
	float:					left;
	display:				inline;
	position:				relative;
}
.projectenmenu
{
	list-style-type:		none;
	margin:					5px 0 0;
	*margin-top:			9px;
	height:					17px;
	padding:				2px 0 0;
	text-align:				center;
}
.projectenmenu li, .projectenmenu li a
{
	display:				inline;
}
.projectenmenu li a
{
	border-right:			1px solid #009FBB;
	padding:				0 10px;
	font-size:				11px;
}
.projectenmenu li.huidig a
{
	color:					#006293;
}

/* CMS */
#projectonderdelen
{
}
#projectonderdelen .onderdeel
{
	background:				#E6E6E6;
	border:					1px solid #E6E6E6;
	margin:					10px 0;
	padding:				10px;
	height:					115px;
}
#projectonderdelen .knoppen
{
	float:					right;
}
#projectonderdelen .foto
{
	padding:				1px;
	border:					1px solid #2198C8;
	float:					left;
	width:					150px;
	height:					115px;
	display:				inline;
	margin:					0 10px 0 0;
	overflow:				hidden;
}
#projectonderdelen .foto img
{
	max-width:				150px;
	max-height:				115px;
	margin:					0 auto;
	display:				block;
}
#projectonderdelen .info
{
	float:					left;
	display:				inline;
}
#projectonderdelen input, #projectonderdelen textarea
{
	margin:					0 0 2px;
	min-height:				15px;
	width:					253px !important;
}
#projectonderdelen textarea
{
	height:					77px !important;
	margin:					0;
	border-width:			1px;
}

.meerdetails
{
	position:				absolute;
	top:					35px;
	right:					130px;
	z-index:				1;
}