/* --- t r i n c h . c o m ---
web  -> http://www.trinch.com
mail -> info@trinch.com
------------------------------ */

/* --- standard --- */
body {
	background: #cacaca url(/img/page-shadow.gif) repeat-y 50% 0;
	font: 14px "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #787878;
	margin: 0;
	}
img {
	border: none;
	}
a {
	color: #787878;
	text-decoration: underline;
	}
a:hover {
	text-decoration: none;
	}
form, 
fieldset {
	border: none;
	margin: 0;
	padding: 0;
	}
input {
	font: 12px "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #787878;
	}
input:focus {
	outline: none;
	}
.red {
	color: #c1001f;
	}

/* popup */
#popup {
	background: none;
	}

/* wrapper */
#wrapper {
	width: 960px;
	background: #fff;
	margin: 0 auto;
	}

/* header */
#header {
	position: relative;
	height: 232px;
	}
.logo {
	position: absolute;
	overflow: hidden;
	top: 16px;
	left: 31px;
	width: 419px;
	height: 150px;
	text-indent: -9999px;
	}
	.logo a {
		display: block;
		height: 100%;
		background: url(/img/logo.gif) no-repeat;
		}
.form-holder {
	position: absolute;
	top: 37px;
	right: 15px;
	width: 230px;
	background: url(/img/bg-top-form.gif) no-repeat;
	padding: 10px 4px 0;
	}
	.form-holder h3 {
		background: url(/img/bg-heading.gif) repeat-x 0 100%;
		font-size: 18px;
		color: #28314f;
		text-transform: uppercase;
		margin: 0 0 5px;
		padding: 0 0 8px 6px;
		}
.search-form {
	overflow: hidden;
	height: 1%;
	padding: 0 0 0 8px;
	}
	.search-form label {
		display: block;
		font-size: 11px;
		padding: 0 0 14px;
		}
.text-form {
	float: left;
	overflow: hidden;
	width: 116px;
	height: 25px;
	background: url(/img/bg-form1-text.gif) no-repeat;
	margin: 0 15px 0 1px;
	padding: 4px 20px 0 25px;
	}
	.text-form input {
		width: 122px;
		background: none;
		border: none;
		padding: 0;
		}
.btn-go {
	float: left;
	}
.main-nav {
	position: absolute;
	overflow: hidden;
	list-style: none;
	top: 185px;
	left: 15px;
	width: 900px;
	height: 47px;
	background: url(/img/bg-main-nav.gif) no-repeat 0 100%;
	font-size: 18px;
	color: #283150;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 0 30px;
	}
	.main-nav li {
		float: left;
		overflow: hidden;
		padding: 0 9px 0 0;
		}
		.main-nav li a {
			float: left;
			height: 47px;
			color: #283150;
			text-decoration: none;
			}
		.main-nav li a:hover, 
		.main-nav li.active a {
			cursor: pointer;
			background: url(/img/nav-hover-left.gif) no-repeat;
			}
			.main-nav li a span {
				float: left;
				height: 30px;
				padding: 17px 14px 0;
				}
			.main-nav li a:hover span, 
			.main-nav li.active a span {
				background: url(/img/nav-hover-right.gif) no-repeat 100% 0;
				}
	.main-nav li.rss {
		float: right;
		overflow: hidden;
		padding: 15px 30px 0 0;
		}
		.main-nav li.rss a {
			float: right;
			width: 26px;
			height: 26px;
			background: url(/img/icon-rss.gif) no-repeat;
			text-indent: -9999px;
			text-decoration: none;
			}
		.main-nav li.rss a:hover {
			cursor: pointer;
			background: url(/img/icon-rss.gif) no-repeat;
			}

/* projects */
.projects {
	position: relative;
	overflow: hidden;
	list-style: none;
	width: 835px;
	height: 1350px;
	background: url(/img/kaart.jpg) no-repeat 0 0;
	margin: 0;
	padding: 0;
	}
	.projects li {
		position: absolute;
		overflow: hidden;
		width: 25px;
		height: 25px;
		margin: 0;
		padding: 0;
		}
		.projects li a {
			display: block;
			width: 25px;
			height: 25px;
			background: #c1001f url(/img/cross.gif) no-repeat 50% 50%;
			text-decoration: none;
			}

/* main */
#main {
	width: 900px;
	background: url(/img/bg-page.gif) repeat-x;
	margin: 0 auto;
	padding: 0 15px 0;
	}
#content-holder {
	overflow: hidden;
	width: 865px;
	background: #fff url(/img/content-bg-top.gif) no-repeat;
	padding: 15px 18px 0 17px;
	}
#content {
	float: left;
	width: 602px;
	background: url(/img/bg-box.gif) no-repeat;
	}
#content-big {
	float: left;
	width: 865px;
	background: url(/img/bg-box-big.gif) no-repeat;
	}
.hidden-text {
	display: none;
	}
.news-box, .txt-box, .partner-box {
	height: 1%;
	border-bottom: 1px solid #c1001f;
	line-height: 20px;
	padding: 10px 15px 20px;
	}
	.news-box h1, .txt-box h1, .partner-box h1 {
		background: url(/img/bg-heading.gif) repeat-x 0 100%;
		font-size: 18px;
		color: #28314f;
		text-transform: uppercase;
		margin: 0 0 10px;
		padding: 0 0 10px;
		}
		.news-box h1 em, .txt-box h1 em, .partner-box h1 em {
			font-style: normal;
			color: #c1001f;
			text-transform: none;
			}
	.news-box h2, .txt-box h2, .partner-box h2 {
		font-size: 14px;
		color: #c1001f;
		}
	.news-box .list, .txt-box .list, .partner-box .list {
		background: url(/img/red-arrow.gif) no-repeat 0 8px;
		margin: 0;
		padding: 0 0 0 10px;
		}
	.news-box a.click-link, .txt-box a.click-link {
		background: url(/img/red-arrow.gif) no-repeat 0 3px;
		font-size: 10px;
		font-weight: bold;
		color: #c1001f;
		text-decoration: none;
		margin: 0 0 0 10px;
		padding: 0 0 0 10px;
		}
	.news-box a.click-link:hover, .txt-box a.click-link:hover {
		text-decoration: underline;
		}
	.partner-box img {
		float: left;
		display: block;
		margin: 0;
		padding: 0;
		}
	.partner-box .inner {
		float: right;
		width: 375px;
		margin: 0;
		padding: 0;
		}
.txt-box {
	border: none;
	}
.partner-box {
	float: left;
	width: 572px;
	margin: 0 0 20px 0;
	}
.txt-special {
	height: 1%;
	min-height: 150px;
	background: #e1e1e1;
	border: 1px solid #fff;
	font-size: 12px;
	padding: 10px;
	}
* html .txt-special {
	height: 150px;
	}
	.txt-special .project-detail {
		float: left;
		width: 150px;
		height: 180px;
		margin: 0 15px 15px 0;
		}
.print-nav {
	list-style: none;
	overflow: hidden;
	height: 1%;
	font-size: 10px;
	margin: 0;
	padding: 15px 0 15px 0;
	}
	.print-nav li {
		float: left;
		}
		.print-nav li a {
			float: left;
			height: 20px;
			color: #787878;
			text-decoration: none;
			margin: 0 25px 0 0;
			padding: 5px 0 0 25px;
			}
		.print-nav li a:hover {
			text-decoration: underline;
			}
	.print-nav .icon-print {
		background: url(/img/icon-print.gif) no-repeat;
		padding-left: 30px;
		}
	.print-nav .icon-pdf {
		background: url(/img/icon-pdf.gif) no-repeat;
		}
.news-nav {
	float: right;
	overflow: hidden;
	list-style: none;
	font-size: 10px;
	color: #28314f;
	margin: -4px 0 0;
	padding: 0;
	}
	.news-nav li {
		float: left;
		background: url(/img/sep-news-nav.gif) no-repeat 0 3px;
		line-height: 14px;
		margin: 0 0 0 -6px;
		padding: 0 9px 0;
		}
		.news-nav li a {
			float: left;
			color: #28314f;
			}
		.news-nav li a:hover {
			text-decoration: none;
			}
	.news-nav .reacties {
		background: url(/img/icon1.gif) no-repeat 0 3px;
		padding: 0 0 0 20px;
		}

/* sidebar */
#sidebar {
	float: right;
	width: 246px;
	margin: 1px 0 0;
	}
	#sidebar h3 {
		background: url(/img/bg-heading.gif) repeat-x 0 100%;
		font: 18px;
		color: #28314f;
		text-transform: uppercase;
		margin: 0 0 4px;
		padding: 0 0 10px 9px;
		}
	#sidebar h3 em {
		font-style: normal;
		color: #c1001f;
		text-transform: uppercase;
		}
.right-box {
	background: url(/img/bg-right-box.gif) no-repeat;
	font-size: 11px;
	padding: 10px 5px 50px;
	}
	.right-box .sidebar-nav {
		overflow: hidden;
		list-style: none;
		height: 1%;
		font-size: 12px;
		color: #28314f;
		margin: 0;
		padding: 0 2px 0 5px;
		}
		.right-box .sidebar-nav li {
			height: 1%;
			background: url(/img/red-arrow.gif) no-repeat 9px 11px;
			border-top: 1px solid #cacaca;
			margin: -1px 0 0;
			padding: 7px 20px 8px 25px;
			}
			.right-box .sidebar-nav li a {
				color: #28314f;
				text-decoration: none;
				}
			.right-box .sidebar-nav li a:hover {
				text-decoration: underline;
				}
	.right-box .inner {
		padding: 5px 10px;
		}
.agenda {
	padding: 0 4px 40px 4px;
	}
	.agenda h3 {
		font-size: 14px;
		margin: 0 0 8px;
		padding: 0 0 10px 6px;
		}
.calendar-holder {
	width: 238px;
	background: url(/img/calendar-c-bg.gif) repeat-y;
	}
.w1 {
	background: url(/img/calendar-t-bg.gif) no-repeat;
	padding: 2px 0 0;
	}
.calendar-top {
	overflow: hidden;
	height: 1%;
	border-bottom: 1px solid #cacaca;
	text-align: center;
	padding: 0 0 8px;
	}
	.calendar-top span {
		font-size: 8px;
		color: #8a8a8a;
		}
	.calendar-top .vorige {
		float: left;
		text-transform: uppercase;
		padding: 0 0 0 14px;
		}
	.calendar-top .volgende {
		float: right;
		text-transform: uppercase;
		padding: 0 9px 0 0;
		}
	.calendar-top strong {
		font: 18px;
		color: #c1001f;
		}
		.calendar-top strong a {
			color: #c1001f;
			text-decoration: none;
			padding: 0 4px;
			}
.calendar {
	overflow: hidden;
	width: 224px;
	background: #f5f2f2 url(/img/calendar-b-bg.gif) no-repeat 0 100%;
	margin: 1px auto 0;
	padding: 0 0 6px 12px;
	}
	.calendar table {
		margin: 0;
		padding: 0;
		border-collapse: collapse;
		}
		.calendar table tr {
			height: 29px;
			}
		.calendar table td {
			width: 32px;
			padding: 0;
			}
		.calendar table td.active {
			color: #c1001f;
			}
			.calendar table td a {
				color: #c1001f;
				}
			.calendar table td a:hover {
				text-decoration: none;
				}
.calendar-weekend {
	color: #ccc;
}

.email-form {
	overflow: hidden;
	height: 1%;
	padding: 9px 0 14px 18px;
	}
	.email-form label {
		display: block;
		font-size: 11px;
		padding: 0 0 12px; 
		}
.email-text {
	float: left;
	overflow: hidden;
	width: 133px;
	height: 25px;
	background: url(/img/bg-form2-text.gif) no-repeat;
	margin: 0 15px 0 1px;
	padding: 4px 20px 0 8px;
	}
	.email-text input {
		width: 122px;
		background: none;
		border: none;
		padding: 0;
		}
.nav2 {
	font-size: 12px;
	color: #28314f;
	margin: 0;
	padding: 0 0 0 14px;
	}
	.nav2 dt {
		background: url(/img/red-arrow.gif) no-repeat 0 4px;
		padding: 1px 0 0 16px;
		}
	.nav2 dd {
		margin: 0;
		padding: 0 0 14px 33px;
		}
		.nav2 dd a {
			color: #28314f;
			text-decoration: none;
			}
		.nav2 dd a:hover {
			text-decoration: underline;
			}

/* logos */
#logos {
	overflow: hidden;
	height: 1%;
	font-size: 10px;
	color: #858585;
	padding: 10px 55px 10px 50px;
	}
	#logos img {
		margin-bottom: 10px;
		}

/* footer */
#footer {
	overflow: hidden;
	height: 1%;
	color: #858585;
	padding: 10px 55px 10px 50px;
	}
	#footer .copyright {
		float: left;
		font-size: 10px;
		margin: 0;
		}
	#footer .design-by {
		float: right;
		font: italic 10px Georgia, Times, serif;
		margin: 0;
		}
		#footer .design-by a {
			color: #858585;
			text-decoration: none;
			}
		#footer .design-by a:hover {
			text-decoration: underline;
			}

/* popup */
.popup-holder {
	width: 618px;
	}
.p-w1 {
	height: 100%;
	background: url(/img/popup-bg-top.png) no-repeat;
	padding: 25px 0 0;
	}
.p-w2 {
	height: 1%;
	background: url(/img/popup-shadow.png) repeat-y;
	padding: 0 25px;
	}
.bg-bottom {
	height: 25px;
	background: url(/img/popup-bg-bottom.png) no-repeat;
	}
.popup-content {
	overflow: hidden;
	height: 1%;
	}
.sluit {
	float: right;
	display: inline;
	background: url(/img/icon2.gif) no-repeat 100% 1px;
	font-size: 10px;
	color: #787878;
	text-transform: uppercase;
	text-decoration: none;
	margin: 5px 5px 0 0;
	padding: 0 10px 0 0;
	}
.sluit:hover {
	text-decoration: underline;
	}
.popup-text {
	line-height: 18px;
	margin: 0 15px 0;
	padding: 35px 0;
	}
	.popup-text h1 {
		font-size: 18px;
		color: #c1001f;
		padding: 0 0 10px;
		}
.link-holder {
	padding: 10px 13px 10px;
	overflow: hidden;
	height: 1%;
	}
	.link-holder .p-vorige, 
	.link-holder .p-volgende {
		float: left;
		background: url(/img/red-arrow-l.gif) no-repeat 0 4px;
		font-size: 12px;
		color: #c30a28;
		text-decoration: none;
		padding: 0 10px 0;
		}
	.link-holder .p-volgende {
		float: right;
		background: url(/img/red-arrow.gif) no-repeat 100% 5px;
		}
	.link-holder .p-vorige:hover, 
	.link-holder .p-volgende:hover {
		text-decoration: underline;
		}
.lightbox-link {
	display: none;
	}

/* form */
fieldset label {
	display: block;
	position: relative;
	float: left;
	width: 560px;
	font-size: 14px;
	color: #c1001f;
	}
fieldset label.type1 { width: 423px; }
fieldset label.type2 { width: 72px; }
fieldset label.type3 { width: 65px; }
fieldset label.type4 { width: 144px; }
fieldset label.type5 { width: 416px; }
fieldset label.type6 { width: 288px; }
fieldset label.type7 { width: 270px; }

label em {
	font-style: normal;
	color: red;
	}
fieldset input.text, 
fieldset textarea.text {
	background: #fff url(/img/bg-field.gif) repeat-x 0 0;
	border: 1px solid #cfcfcf;
	padding: 7px 0;
	margin: 0 0 10px 0;
	}
fieldset input.text { width: 558px; }
fieldset .type1 input.text { width: 414px; }
fieldset .type2 input.text { width: 63px; }
fieldset .type3 input.text { width: 63px; }
fieldset .type4 input.text { width: 135px; }
fieldset .type5 input.text { width: 414px; }
fieldset .type6 input.text { width: 270px; }
fieldset .type7 input.text { width: 270px; }

fieldset textarea.text {
	width: 558px;
	height: 100px;
	}
fieldset select {
	background: #fff;
	border: 1px solid #cfcfcf;
	font: 12px "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #787878;
	padding: 5px;
	margin: 0 0 10px 0;
	}
button {
	cursor: pointer;
	background: #979797;
	border: 1px solid #979797;
	font: 14px "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #fff;
	padding: 5px 15px;
	}

/* --- miscellaneous --- */
.hidden-text .downloads {
	overflow: hidden;
	list-style: none;
	width: 550px;
	background: #f6f6f6;
	border: 1px solid #ccc;
	margin: 0;
	padding: 10px 10px 5px 10px;
	}
	.hidden-text .downloads li {
		float: left;
		width: 520px;
		background: url(../img/icon-download.gif) no-repeat 0 0;
		border-bottom: 1px solid #d2d2d2;
		line-height: 25px;
		margin: 0 0 5px 0;
		padding: 0 0 0 30px;
		}
	.hidden-text .downloads li:last-child {
		border-bottom: none;
		margin: 0;
		}
	.hidden-text .downloads a {
		color: #333;
		text-decoration: none;
		padding: 0;
		}
	.hidden-text .downloads a:hover {
		color: #d3242b;
		text-decoration: none;
		}

/* --- miscellaneous --- */
a.arrow {
	font-size: 18px;
	color: #d53f31;
	line-height: 20px;
	text-decoration: none;
	}
	a.arrow span {
		font-size: 14px;
		line-height: 20px;
		}
a.arrow:hover {
	color: #787878;
	text-decoration: none;
	}
.clear {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
	}
.left { float: left !important; }
.right { float: right !important; }