body{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	line-height:		18px;
	color:				#234D7F;
	text-align:			center;
	margin:				0;
	padding:			0;
	background:			#aab2c3 url('../media/images/header.gif') no-repeat center 13px;
}

table, td {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	line-height:		18px;
	vertical-align:		top;
	border:				none;
}

input, select, option, textarea {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	border:				1px solid #CAD4E0;
	font-size:			13px;
	margin-bottom:		2px;
}

dl,dt,dd {
	margin:				0;
	padding:			0;
}

ul,li {
	margin:				0;
	margin-left:		7px;
	padding:			0;
}

img {
	border:				none;
}

h1, h2, h3, h4, h5 {
	padding:			0px 0px 0px 0px;
	text-align:			left;
}

h1 {
	font-size:			17px;
}

.preloadimage{
	display:			none;
}

a:link {
	color:				#234D7F;
	cursor:				pointer;
	text-decoration: 	none;
	}
	
a:active {
	color:				#234D7F;
	text-decoration: 	none;
	}
	
a:visited {
	color:				#234D7F;
	text-decoration: 	none;
	}

a:hover {
	color:				#000000;
	}

.clear {	
	clear:						both;
	height:						1px;
	font-size:					0.00001em;
	margin:						0;
	padding:					0;
}

.hidden {
	display:			none;
}

/* layout */
.page {
	margin:				0 auto;
	width:				776px;
	text-align:			center;
}

.header {
	height:				84px;
	margin:				13px 0px 17px 0px;
}

.header div {
	background:			top right no-repeat;
	height:				82px;
	display:			block;
	margin-right:		4px;
}

/* navigation */
.navigation {
	color:				#FFFFFF;
	text-align:			left;
	margin:				7px 0px 0px 0px;
}

.navigation object{
	height:				64px;
	width:				776px;
	display:			block;
}

.navigation ul, .navigation li {
	margin:				0;
	padding:			0;
}

.navigation a{
	color:				#FFFFFF;
}

.navigation a:hover{
	color:				#FFFFFF;
}

.navigation a:visited{
	color:				#FFFFFF;
}

.navigation li {
	list-style:			none;
	display:			inline;
}

.navigation .top {
	padding:			6px 10px 0px 10px !important;
	padding:			5px 10px 0px 10px;
	font-size:			11px;
	height:				28px !important;
	height:				34px;
}

.navigation .top a {
	padding:			8px 17px 13px 18px;
	background:			#aab2c3 url('../media/images/menu_item_bg.gif') bottom repeat-x;
}

.navigation .top li {
	padding:			8px 0px 13px 0px;
	background:			#aab2c3 url('../media/images/topmenu_bg.gif') right top no-repeat !important;
	background:			#aab2c3 url('../media/images/topmenu_bg.gif') right 8px no-repeat;
}

.navigation .top a:hover{
	padding:			8px 17px 13px 18px;
	background:			url('../media/images/topmenu_over.gif') left top no-repeat;
}

.navigation .bottom {
	font-size:			10px;
	height:				23px !important;
	height:				28px;
	padding:			5px 0px 0px 10px;
}

.navigation .bottom a {
	color:				#FFFFFF;
	padding:			10px 10px 10px 15px;
}

.navigation .bottom a:hover {
	color:				#234D7F;
}

.navigation ul.bottom {
	color:				#FFFFFF;
	height:				30px;
}

.pagetitlenormal {
	padding:			8px 0px 0px 15px;
	color:				#FFFFFF;
	font-size:			25px;
	font-weight:		bold;
	text-align:			left;
	font-variant:		small-caps;
}

.pagetitle {
	background-repeat:	no-repeat;
	height:				120px;
}

.pagetitle1 {
	background-repeat:	no-repeat;
	height:				132px;
}

.pagetitle2 {
	background:			no-repeat center;
}

.pagetitle3 {
	background:			no-repeat right;
}

/* Home PAge */
.content .box1 {
	clear:				both;
	float:				left;
	width:				300px !important;
	width:				225px;
	padding:			5px;
	margin:				20px 10px 10px 15px;
	margin-top:			20px;
}

.content .box1 p{
	padding:			0;
	margin:				0;
}

.content .box2 {
	float:				left;
	width:				220px !important;
	width:				225px;
	padding:			5px;
	margin:				20px 15px 10px 10px;
}

.content .box2 p{
	padding:			0;
	margin:				0;
}

.content .box3 {
	float:				right;
	width:				220px !important;
	width:				225px;
	padding:			5px;
	margin:				20px 15px 10px 10px;
	margin-top:			20px;
}

.content .box3 p{
	padding:			0;
	margin:				0;
}



/* Blauwe Balk Rechts */
.content_blue {
	text-align:			justify;
	padding:			0px 4px 0px 0px;
	background:			#FFFFFF url('../media/images/content_bg.gif')  right top no-repeat;
	border: 20px;
}

.content_blue .normal {
	clear:				both;
	float:				left;
	width:				460px !important;
	width:				400px;
	padding:			20px 20px 20px 20px;
}
	
	.content_blue .article {
	clear:				both;
	float:				left;
	width:				700px !important;
	width:				720px;
	padding:			20px 30px 20px 30px;
}

.content_blue .blue {
	color:				#FFFFFF;
	float:				right;
	width:				170px !important;
	width:				200px;
	margin:				0;
	padding:			10px 10px 10px 10px;
	background:			url('../media/images/content_blue.gif') right;
}

/* Geen Balk Rechts */
.content {
	padding:			0px 4px 0px 0px;
	text-align:			justify;
	background:			#FFFFFF url('../media/images/content_bg.gif')  right top no-repeat;
}

.content .normal {
	float:				left;
	width:				500px !important;
	width:				500px;
	padding:			20px 30px 20px 30px;
}

/* Footer */
.footer {
	clear:				both;
	padding-top:		10px;
	height:				25px !important;
	height:				35px;
	background:			url('../media/images/bottom_bg.gif') no-repeat top;
}

.footer .copyright {
	text-align:			left;
	float:				left;
}

.footer .bottom_buttons {
	text-align:			right;
	float:				right;
}

.footer .bottom_buttons a{
	padding:			3px 10px 3px 10px;
}

.footer .bottom_buttons .disclaimer {
	padding:			3px 2px 3px 10px;
	border-left:		1px solid #294a77;
}

/* Portfolio show */
.content_portfolio {
	padding:			20px 30px 25px 30px;
	text-align:			justify;
	background:			#FFFFFF url('../media/images/content_bg.gif')  right top no-repeat;
}

.content_portfolio .vorig_project {
	float:				left;
	width:				200px;
}
.content_portfolio .projectlist {
	float:				left;
	width:				300px;
	text-align:			center;
}
.content_portfolio .volgend_project {
	float:				right;
	width:				200px;
	text-align:			right;
}

.content_portfolio .title {
	clear:				both;
	font-size:			14px;
	font-weight:		bold;
	padding-top:		10px;
}

.content_portfolio .thumbtitle {
	font-weight:		bold;
	padding-bottom:		6px;
}

.content_portfolio .thumbs {
	clear:				both;
	width:				710px;
	background:			url('../media/images/thumbnail_bg.png') 0px 12px no-repeat;
	padding-top:		12px;
}

.content_portfolio .thumbs .thumbnail {
	width:				132px;
	height:				98px;
	float:				left;
	margin:				0px 0px 10px 12px !important;
	margin:				0px 0px 8px 12px;
}

.content_portfolio .thumbs .mainthumb {
	float:				left;
	width:				420px;
	height:				314px;
}

.content_portfolio .links {
	clear:				both;
	padding-top:		15px;
}

.content_portfolio .video {
	float:				left;
	width:				75px;
}

.content_portfolio .video img, .content_portfolio .afbeeldingen img, .content_portfolio .informatie img {
	vertical-align:		middle;
}

.content_portfolio .afbeeldingen {
	float:				left;
	width:				115px;
}

.content_portfolio .informatie {
	float:				left;
	width:				135px;
}

.content_portfolio .list_nav {
	float:				right;
	width:				150px;
	text-align:			right;	
}

.content_portfolio .short {
	clear:				both;
	width:				420px;
}

/* Project Info */
.content_portfolio .projectinfo {
	padding-top:		10px;
	clear:				both;
}

.content_portfolio .projectinfo dt{
	clear:				both;
	float:				left;
	width:				120px;
	font-weight:		bold;
	margin-bottom:		5px;
}

.content_portfolio .projectinfo dd{
	float:				left;
	width:				590px;
	margin-bottom:		5px;
}


/* Project List */
.content_projectlist {
	background:			#FFFFFF url('../media/images/content_bg.gif')  right top no-repeat;
	padding:			20px 100px 40px 100px;
	text-align:			justify;
	background-color:	#FFFFFF;
}

.content_projectlist .title{
	padding-top:		10px;
}

.content_projectlist .projectlist{
	width:				568px !important;
	width:				578px;
	float:				left;
	padding:			10px 0px 10px 10px;
	border-bottom:		1px solid #CAD4E0;
}

.content_projectlist .projectlist:hover{
	background-color:	#EDF0F6;
}

.content_projectlist .projectlist .thumb{
	width:				140px;
	height:				98px;
	float:				left;
}

.content_projectlist .projectlist .projecttitle{
	float:				left;
	font-weight:		bold;
}

.content_projectlist .projectlist .informatie {
	width:				420px;
	float:				left;
}

.content_projectlist .projectlist .video {
	width:				25px;
	float:				right;
}

/* Edit Menu */
.edit_menu{
	text-align:			left;
	margin:				1px 5px 5px 0px;
}

.edit_menu img{
	vertical-align:		bottom;
}

.edit_menu ul{
}

.edit_menu li{
	list-style:			none;
	display:			inline;
}

.edit_menu a{
	padding:			3px 6px 3px 6px;
}

.edit_menu a:hover{
	background:			#EDF0F6;
}

/* Add Portfolio item */
.portfolio_add {
	clear:				both;
	padding:			20px 97px 20px 97px;
	text-align:			justify;
	background-color:	#FFFFFF;
}

.portfolio_add .item dl {
	border-top:			1px solid #E6E8EC;
	padding-top:		3px;
}
	
.portfolio_add dt{
	float:				left;
	width:				100px;
}

.portfolio_add dd{
	float:				left;
	width:				480px;
}

.portfolio_add dd input, .portfolio_add dd textarea{
	width:				476px !important;
	width:				478px;
}

/* Admin List */
.content_adminlist {
	padding:			20px 100px 40px 100px;
	text-align:			justify;
	clear:				both;
	background-color:	#FFFFFF;
}

.content_adminlist .adminlist{
	clear:				both;
	display:			block;
	height:				20px;
	padding:			3px 0px 3px 10px;
	border-bottom:		1px solid #CAD4E0;
}

.content_adminlist .sort a{
	padding:			3px 0px 3px 10px;
}

.content_adminlist a.adminlist:hover{
	background-color:	#EDF0F6;
}

.content_adminlist div{
	float:				left;
	font-weight:		bold;
}

.content_adminlist .adminlist span {
	float:				left;
}

.content_adminlist .afdeling{
	width:				70px;
}

.content_adminlist .projectnaam{
	width:				250px;
}

.content_adminlist .datum{
	width:				90px;
}

.content_adminlist .lokatie{
	width:				130px;
}

.content_adminlist .visible{
	width:				20px;
}


/* Edit Project */
.submit {
	text-align:			right;
}

#videos {
	display:			none;
}

.imageedit{
	clear:				both;
	text-align:			justify;
	font-size:			9px;
	background-color:	#FFFFFF;
}

.imageedit .item1 {
	clear:				both;
	padding:			10px 0px 10px 0px;
	border-top:			1px solid #DCE1E9;
}

.imageedit .thumbnail {
	float:				left;
	margin-right:		4px;
}

.imageitem dt{
	float:				left;
	width:				60px;
}

.imageitem dd{
	float:				right;
	width:				377px;
}

.imageitem dd input, .imageitem dd textarea{
	float:				right;
	width:				375px !important;
	width:				377px;
}


/* Edit Navigation */
.navigationedit {
	padding:			20px 100px 40px 100px;
	text-align:			justify;
	background:			#FFFFFF;
}

.navigationedit .item div{
	float:				left;
}

.navigationedit .order{
	clear:				both;
	width:				27px;
}

.navigationedit .delete, .navigationedit .add{
	width:				27px;
}

.navigationedit .order input{
	width:				23px;
}

.navigationedit .title, .navigationedit .link{
	width:				200px;
}

.navigationedit .title input, .navigationedit .link input{
	width:				196px;
}

.navigationedit .item{
	width:				500px;
	clear:				both;
	padding:			10px 0px 0px 0px;
}

.navigationedit .sub{
	width:				500px;
	min-height:			22px;
	clear:				both;
	padding:			0px 0px 0px 50px;
}

.navigationedit .sub .title{
	width:				150px;
}

.navigationedit .sub .title input{
	width:				146px;
}

.navigationedit .sub div{
	float:				left;
}

.navigationedit .submit{
	clear:				both;
}