/**
 * Stylesheet for be-organized
 * @media	screen, projection
 * @copyright	Netlash <http://www.netlash.com>
 * @author	Pieter De Baets <pieter@netlash.com>
 */

/* Typography and text styles */
body {
	font: 300 12px Arial, sans-serif;
	line-height: 1.48; /* Safari 2.0.4 */
	color: #333;
	background: #4c348a url('../images/body-bottom.png') bottom repeat-x;
}


/* Headings */
h1, h2, h3, h4 {
	font-weight: 700;
	line-height: 1.1;
	font-family: Helvetica, Arial, sans-serif;
}

h2 {
	color: #d47612;
	font-weight: normal;
	font-size: 28px;
	line-height: 2.5;
}

	#home h2, #contact h2 {
		color: #4c348a;
		text-transform: uppercase;
		font-size: 16px;
		line-height: 1.25;
		font-weight: 700;
		margin: 20px 0 12px 0;
		padding-bottom: 3px;
		border-bottom: 1px #d6d6d5 solid;
	}

h3 {
	font-size: 12px;
	font-weight: 700;
	line-height: 1.66;
	padding: 5px 0 2px 0;
	margin: 4px 0 10px 0;
	color: #4c348a;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 1px #d6d6d5 solid;
}

h4 {
	padding: 0 0 14px 0;
	line-height: 1.5;
	font-weight: 700;
}
	h4 a:link {
		color: #000;
	}
	h4 a:visited {
		color: #333;
	}

p {
	padding: 0 0 14px 0;
	line-height: 1.5;
}

ul, ol {
	padding: 0 0 12px 5px;
}

ul {
	list-style: none;
}

li {
	background: url('../images/bullet.png') 0 7px no-repeat;
	padding-left: 20px;
}

ol {
	list-style-type: decimal;
	padding: 0 0 12px 24px;
}

	ul ul, ol ul {
		padding-bottom: 0;
	}

	ol ol {
		padding-bottom: 0;
	}

	ul ol {
		padding: 0 0 0 28px;
	}

small, span.mute {
	color: #808080;
	font-size: 11px;
}

code {
	font-family: Monaco, "Courier New", monospace;
	font-size: 12px;
	line-height: 1.15;
}

pre {
	padding: 7px 14px;
	background: #F5F5F5;
	margin: 0 0 14px;
}

blockquote, q {
	font-style: italic;
	color: #666;
}

blockquote {
	padding: 0 0 0 14px;
}

cite {
	font-size: 11px;
	text-align: right;
	display: block;
	position: relative;
	top: -14px;
	height: 0;
	/* Dismisses height to correctly align next element */
}

/* Default styling for data tables */
table {
	font-family: Arial, sans-serif;
	margin: 0 0 14px;
	border-top: 1px solid #D6E0EC;
	border-left: 1px solid #D6E0EC;
}

td, th {
	padding: 7px;
	border-right: 1px solid #D6E0EC;
	border-bottom: 1px solid #D6E0EC;
	font-size: 11px;
}

th {
	font-weight: 700;
	background: #F5F7F9;
	color: black;
	line-height: 1.2;
	text-align: left;
}

tr.rowOdd { background: white; }
tr.rowEven { background: #FCFCFC; }

form table {
	border: none;
}

form table td {
	border: none;
	font-size: 13px;
	vertical-align: top;
	padding: 0 5px 10px 0;
}

abbr, acronym {
	cursor: help;
}

/* Links */
a:link {
	color: #d47612;
	font-weight: 700;
}

a:visited {
	color: #d47612; /* TODO */
	font-weight: 700;
}

a:hover,
a:active {
	color: #333;
}


/**
 * = Page structure and layout
 * ----------------------------------------------------------
 */

#container-bg {
	background: url('../images/body-top.png') repeat-x top;
}

#container {
	width: 982px;
	margin: 0 auto;
	position: relative;
}

/* Header */
#header {
	padding-top: 27px;
	position: relative;
	background: url('../images/logo.png') left 28px no-repeat;
}
	#header h1 a {
		display: block;
		text-indent: -9999px;
		width: 358px;
		height: 94px;

	}

#header #language	{
	position: absolute;
	right: 21px;
	top: 115px;
}
	#language li {
		float: left;
		padding: 0 7px;
		background: none;
		border-right: 1px #d47612 solid;
	}
		#language .last {
			border: none;
		}
	#language li a:link, #language li a:visited {
		text-transform: uppercase;
		font-weight: 700;
		color: #FFF;
		text-decoration: none;
	}
		#language .selected a:link, #language .selected a:visited, #language li a:hover {
			color: #d47612;
		}

div#navigation {
	width: 100%;
	padding-bottom: 5px;
	background: url('../images/main-top.png') bottom no-repeat;
	z-index: 25;
}
	#navigation ul {
		margin: -12px 0 0 130px;
		padding: 0;
	}

	#navigation ul li {
		float: left;
		margin-right: 1px;
		font-size: 14px;
		background: none;
		padding: 0;
	}
		#navigation a:link, #navigation a:visited {
			display: block;
			color: #FFF;
			text-decoration: none;
			font-weight: normal;
			line-height: 29px;
			padding: 0 21px;
			background: url('../images/navigation.png') repeat-x;
		}
		#navigation .selected a:link, #navigation .selected a:visited, #navigation li a:hover {
			color: #40005b;
			text-decoration: none;
			font-weight: normal;
			background: #FFF;
		}

/* Main */
#main {
	background: #FFF url('../images/main-bottom.png') bottom no-repeat;
	padding: 18px 22px 38px;
	min-height: 700px;
	height: auto !important;
	height: 700px;
}
	#eyecatcher {
		height: 222px;
		background: #271b49 url('../images/eyecatcher-home.jpg') right no-repeat;
		padding: 28px 0 0 20px;
		position: relative;
		margin-bottom: 23px;
	}
		#eyecatcher-bg {
			position: absolute;
			height: 250px;
			width: 5px;
			margin: -28px 0 0 -20px;
			background: url('../images/eyecatcher.png') left no-repeat;
		}
		#eyecatcher h2 {
			color: #FFF;
			font-size: 32px;
			text-transform: none;
			font-weight: normal;
			height: 55px;
			margin: 0;
			border: none;
		}
			#eyecatcher h2 span {
				color: #d47612;
			}
		#eyecatcher p {
			color: #FFF;
			font-weight: 700;
			width: 310px;
			line-height: 1.5;
		}

	#content {
		width: 400px;
		padding-right: 20px;
		float: left;
		font-size: 12px;
	}

		#home #content {
			padding: 0;
			width: 716px;
		}
		#content .column h2, #content .column p {
			margin-left: 8px;
			margin-right: 8px;
		}

	.height-block {
		height: 370px;
	}

	p.action, #eyecatcher p.action {
		display: block;
		float: left;
		background: url('../images/button.png') left;
		margin-top: 15px;
		padding: 0 0 0 15px;;
		width: auto;
		line-height: 22px;
	}
		p.action span {
			display: block;
			float: left;
			background: url('../images/button.png') right;
			padding-right: 25px;
		}
		p.action a:link, p.action a:visited {
			color: #FFF;
			text-decoration: none;
		}

	#sidebar {
		width: 221px;
		margin-right: 35px;
		float: left;
	}

	#news, #navigation-sidebar {
		width: 221px;
		float: left;
		position: relative;
		background: url('../images/block.png') repeat-y;
	}

		#news h2, #navigation-sidebar h2 {
			background: url('../images/block-header.png');
			color: #FFF;
			font-size: 15px;
			line-height: 37px;
			padding: 0 0 0 16px;
			margin: 0;
			text-transform: none;
			border: none;
			font-weight: normal;
		}
			#news h2 a:link, #news h2 a:visited,
			#navigation-sidebar h2 a:link, #navigation-sidebar h2 a:visited {
				color: #FFF;
				text-decoration: none;
				font-weight: normal;
			}

		#news h3 {
			background: #FFF;
			margin: 18px 5px 8px 5px;
			padding: 0 10px;
		}
			#news h3, #news h3 a:link, #news h3 a:visited {
				display: block;
				color: #4c348a;
				text-decoration: none;
				font-size: 12px;
				line-height: 28px;
				font-weight: 700;
			}
		#news p {
			padding: 0 15px 0 15px;
		}

		#news-bottom, .block-bottom {
			position: absolute;
			bottom: 0;
			height: 5px;
			width: 221px;
			background: url('../images/block-bottom.png') bottom no-repeat;
		}

		#news .link-read {
			text-align: right;
		}

		#navigation-sidebar ul {
			margin: 15px 5px 12px 5px;
			padding: 0;
		}
			#navigation-sidebar ul ul {
				margin: 0;
			}
			#navigation-sidebar .selected ul a:link, #navigation-sidebar .selected ul a:visited {
				font-weight: normal;
				padding-left: 28px;
			}
			#navigation-sidebar .selected .selected a:link, #navigation-sidebar .selected .selected a:visited {
				font-weight: 700;
			}
		#navigation-sidebar li {
			line-height: 2.33;
			margin-top: 1px;
			padding: 0;
			background: none;
		}
			#navigation-sidebar li a:link, #navigation-sidebar li a:visited {
				display: block;
				color: #4c348a;
				font-weight: normal;
				text-decoration: none;
				padding-left: 20px;
			}
			#navigation-sidebar .selected a:link, #navigation-sidebar .selected a:visited {
				font-weight: 700;
				background: #FFF;
			}
			#navigation-sidebar li a:hover {
				color: #d4760c;
				background: #FFF;
			}

	#contact {
		margin-top: 18px;
		width: 221px;
		float: left;
	}
		#contact h2 {
			font-size: 12px;
			line-height: 1.66;
			padding: 0 0 0 16px;
			margin-top: 5px;
		}
		#contact p {
			font-size: 11px;
			line-height: 1.63;
			padding: 0 0 0 16px;
		}
	#images {
		margin-top: 75px;
		float: right;
		width: 255px;
	}

		#images img {
			border: 1px solid #CCC;
			padding: 5px;
			margin-bottom: 29px;
		}

/* Footer */

#footer {
	margin-top: 30px;
	height: 120px;
	width: 100%;
}

#footer-list {
	float: left;
	position: relative;
	left: 50%;
	clear: both;
	padding-bottom: 12px;
}
	#footer-list ul {
		position: relative;
		left: -50%;
	}

	#footer li {
		float: left;
		padding: 0 14px;
		font-size: 11px;
		border-right: 1px solid #d47612;
		line-height: 1;
		background: none;
	}
		#footer li {
			padding: 0 10px;
			color: #aaa;
			border-right: 1px solid #666;
			}
		#footer li.last {
			border: none;
		}

		#footer li a:link, #footer li a:visited {
			color: #aaa;
			font-weight: 700;
			text-decoration: none;
		}
		#footer li a:hover {
			color: #d47612;
		}

/**
 * = MODULE: Guestbook
 * ----------------------------------------------------------
 */

dt.guestbook-comment-author,
dt.blog-comment-author {
	font-size: 11px;
	padding: 0 0 2px 0;
	height: 40px;
	color: #6b7982;
}

dt.guestbook-comment-author p {
	position: relative;
	top: 15px;
	padding: 0;
}

dd.guestbook-comment-message,
dd.blog-comment-message {
	padding: 0 0 2px 0;
	border-bottom: 1px dotted #EEE;
	margin: 0 0 10px 0;
}

p.form-moderation {
	padding: 5px;
	border: 1px dotted #808080;
	font-weight: 700;
	text-align: center;
	margin: 0 0 10px 0;
	background: #fffae2;
	color: #808080;
}

.hidden {
	display: none;
}

/**
 * = MODULE: Photo album
 * ----------------------------------------------------------
 */

div.galleryalbum {
	padding: 0 0 20px 0;
}

div.galleryalbum ul {
	clear: both;
	padding-left: 0;
}

li.photo {
	float: left;
	padding: 7px 7px 21px;
	background: white;
	border: 1px solid #CCC;
	margin: 0 12px 12px 0;
	text-align: center;
	list-style: none;
}

li.photo p {
	padding: 0;
}

li.photo p a {
	text-decoration: none;
}

#gallery div.galleryalbum {
	float: left;
	overflow: hidden;
	border: 1px solid #DDD;
	padding: 0;
	margin: 0 0 20px;
	padding: 10px;
}

#gallery div.galleryalbum .album-preview {
	float: left;
	width: 120px;
}

#gallery div.galleryalbum .album-desc {
	float: left;
	width: 200px;
	padding-left: 10px;
}

#galleryimage ul {
	position: relative;
	padding: 0 0 10px 0;
}

#galleryimage ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content #galleryimage ul li.previousimage {
	position: absolute;
	left: 0;
	top: 0;
}

#galleryimage img {
	max-width: 100%;
}

#galleryimage ul li.nextimage {
	position: absolute;
	right: 0;
	top: 0;
}

#galleryimage ul li.currentimage {
	margin: 0 auto;
	width: 90px;
	text-align: center;
}

#content #galleryimage ul li a {
	text-decoration: none;
	padding: 2px 5px;
	font-size: 11px;
}

/**
 * = MODULE: Login
 * ----------------------------------------------------------
 */

div.error-report p {
	padding: 10px;
	background: red;
	color: white;
	font-weight: 700;
	margin: 0 0 18px 0;
}

#login-permanent {
	width: 960px;
	margin: 0 auto;
}

#login-permanent p {
	float: right;
	padding: 8px 20px;
	background: white;
	border: 1px solid #D9D9D9;
	border-top: none;
	margin: 0 0 20px;
	font-size: 11px;
}

/**
 * = MODULE: Links module
 * ----------------------------------------------------------
 */

#linkscategories table, #linksdetail table {
	margin: 0 0 20px;
	border: none;
	width: 100%;
	border-top: 1px solid #EEE;
}

#linkscategories table td, #linksdetail table td {
	border: none;
	border-bottom: 1px solid #EEE;
	padding: 10px 2px;
}

#linksdetail h2, #linkscategories table td h2 {
	font-size: 12px;
	padding: 0;
}

td.linkname {
	width: 30%;
}

td.linkdescription {
	width: 60%;
}

/**
 * = MODULE: News
 * ----------------------------------------------------------
 */

div.newsarticle {
	margin: 0 0 18px 0;
	border-bottom: 1px solid #EEE;
}

#home div.newsarticle h4 {
	padding: 0;
}

#newsdetail h1 {
	padding: 0;
}

#newsdetail div.newscontent {
	padding: 0 0 10px 0;
}



/**
 * = MODULE: Blog
 * ----------------------------------------------------------
 */

#blogdetail h1 {
	font-size: 18px;
	padding: 0;
}

#blog h2 {
	padding-bottom: 0;
}

#home #blog {
	width: 100%;
	margin: 0;
}

div.blogpost {
	margin: 0 0 16px 0;
}

.blogpost div.text {
	padding: 0 0 5px 0;
}

#home div.blogpost h3.blogposttitle {
	padding: 0;
}

div#blogarchive-mini {
	width: 130px;
	float: right;
	border: 1px solid #D9D9D9;
	background: #fff;
	padding: 10px;
}

#blogarchive table {
	float: left;
	font-family:Arial,sans-serif;
	margin: 0;
	margin-right:20px;
	width: 498px;
	border: none;
}

#blogarchive table tfoot {
	display: none;
}

#blogarchive table td {
	border: none;
	border-bottom: 1px solid #EEE;
}

#blogarchive table th {
	border: none;
	font-size: 10px;
	color: #808080;
	font-weight: 300;
	text-transform: uppercase;
	border-bottom: 1px solid #EEE;
	background: none;
}

.blogform h3, .blogcomments h3 {
	color: #333;
}

.blogcomments h4.commenttitle {
	font-size: 11px;
	font-weight: 300;
}

.blogcomments p.author {
	font-size: 11px;
	font-weight: 700;
}

#blog {
	float: left;
	width: 450px;
	margin: 0 20px 0 0;
	overflow: hidden;
}
#blogdetail {
	overflow: hidden;
}
/* Minimum breedte voor blog is 450px */

p.date, #news p.date {
	font-size: 11px;
	color: #4c348a;
	text-transform: uppercase;
	line-height: 1.5;
	padding-bottom: 8px;
}

div.meta {
	margin: 0 0 20px 0;
	border-top: 1px solid #D9D9D9;
	color: #808080;
}

div.meta ul {
	padding: 0;
	list-style: none;
}
div.meta ul li {
	font-size: 11px;
	float: left;
	line-height: 1.8;
	padding: 0 8px 0 0;
}

div.meta ul li.last {
	padding-right: 0;
	border: none;
}

div.blogcomment {
	margin: 0 0 18px 0;
	border-bottom: 1px solid #DDD;
	position: relative;
}

div.blogcomment img.gravatar {
	position: absolute;
	top:0;right:0;
}


/**
 * = MODULE: Contact
 * ----------------------------------------------------------
 */

input, textarea {
	font-family: Arial, sans-serif;
	font-size: 12px;
	background-color: #F7F6F5;
	border: 1px solid #D6D6D5;
	margin: 3px 0 6px 0;
	padding: 2px;
}

input.input-submit {
	border: none;
	padding: 0;
	background: none;
}

dt label {
	color: #4C348A;
	text-transform: uppercase;
	font-weight: bold;
}

textarea.textarea {
	padding: 3px 2px;
}

span.form-error {
	color: red;
	display: block;
	padding: 0 0 2px 0;
}

span.form-success {
	color: green;
	display: block;
	background: #CFC;
	padding: 8px;
	border: 1px solid green;
	margin: 0 0 10px;
}

input.input-text-error,
input.input-password-error,
textarea.textarea-error {
	border: 1px solid red;
	padding: 3px 2px;
}

form dl dd {
	padding: 0 0 8px 0;
}

#name, #email, #website, #subject {
	width: 210px;
}

#message {
	width: 350px;
	height: 10em;
}

/**
 * = MODULE: FAQ
 * ----------------------------------------------------------
 */
#faqdetail dt {
	padding: 0;
	clear: both;
}

#faqdetail dt p {
	font-weight: 700;
	padding: 0 0 5px 0;
}

#faqdetail dd {
	border-bottom: 1px solid #DEDEDE;
	margin: 0 0 10px 0;
	clear: both;
}

/* Module: newsletter subscription */
#newslettersubscribeform ul {
	padding: 0;
}

#newslettersubscribeform ul li {
	list-style: none;
}

/* Module: Guestbook */
img.gravatar {
	float: right;
}

p.guestbook-comment-author {
	font-size: 11px;
	padding: 0 0 2px 0;
	color: #6b7982;
}

p.guestbook-comment-message {
	padding: 0 0 2px 0;
	margin: 0 0 10px 0;
	width: 460px;
}

p.form-moderation {
	padding: 5px;
	border: 1px dotted #808080;
	font-weight: 700;
	text-align: center;
	margin: 0 0 10px 0;
	color: #808080;
}

div.guestbookcomment {
	margin: 0 0 26px;
	min-height: 45px;
	height: auto !important;
	height: 45px;
}

/* Fork defaults: image classes */
img.alignleft {
	float: left;
	padding: 0 10px 10px 0;
}

img.alignright {
	float: right;
	padding: 0 0 10px 10px;
}

/* Fork defaults: breadcrumb */
#breadcrumb {
	font-size: 11px;
	color: #d47612;
}
	#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb span {
		color: #5d5d5d;
		font-weight: normal;
		padding: 0 5px;
	}
		#breadcrumb a.first {
			padding-left: 0;
		}
	#breadcrumb a:hover {
		color: #d47612;
	}

/* Fork defaults: user */
#user {
	font-size: 11px;
	float: right;
}

#user input {
	font-size: 11px;
}

#user input.input-text {
	width: 110px;
}

#user input.input-password {
	width: 70px;
}

#user p {
	padding: 0 0 10px;
}

/* Fork defaults: linkbutton */
a.linkbutton {
	border: 1px solid #E5EAF7;
	background: #FFF;
	padding: 3px 8px;
	display: block;
	float: left;
	font-weight: 700;
	margin: 0 10px 0 0;
}

/* Fork defaults: backlinks*/
p.backlink {
	clear: both;
}

p.backlink a {
	background: #FFF;
	padding: 3px 6px;
	border: 1px solid #AAA;
	text-decoration: none;
	font-size: 12px;
}

p.backlink a:hover {
	background: #FFD;
}

/* Fork defaults: pagination */
.pagination-wrap {
	width: 100%;
	overflow: hidden;
}

.pagination {
	float: left;
	position: relative;
	left: 50%;
}

.pagination ul {
	padding: 18px 0;
	z-index: 2;
	overflow: hidden;
	position: relative;
	left: -50%;
}

.pagination li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	text-decoration: none;
	padding: 0;
	line-height: 15px;
	font-size: 12px;
	text-align: center;
}

.pagination li span {
	float: left;
	display: block;
	padding: 4px 5px;
	color: #CCC;
	min-width: 12px;
}

.pagination li.currentpage span {
	font-weight: 700;
	color: black;
}

.pagination li.selected span {
	padding: 4px 5px;
	font-weight: 700;
	color: black;
}

.pagination li a:link,
.pagination li a:visited {
	float: left;
	display: block;
	padding: 3px 4px;
	border: 1px solid #DDD;
	text-decoration: none;
	min-width: 12px;
}

li.ellipsis {
	margin: 0;
}

li.ellipsis span {
	color: black;
}

.pagination li a:hover,
.pagination li a:active {
	background: #EEE;
	border: 1px solid #BBB;
	color: black;
}

.nextpage, .previouspage { font-size: 11px !important; }
.pagination li.nextpage { margin-left: 10px; }
.pagination li.previouspage { margin-right: 15px; }

/* Fork defaults: general purposes classes */
.hidden { display: none; }
.block { display: block; }
.nopadding { padding: 0 !important; }
.floatleft { float: left; }
.floatright { float: right; }

/* Fork defaults: simple column system */
.columns .column { float: left; }

.columns .column-spaced { margin-right: 22px;}

/* Two columns */
.columns .column-12,
.columns .column-24 { width: 49.9%; }

/* Three columns*/
.columns .column-23 { width: 66.5%; }
.columns .column-13 { width: 33.2%; }

/* Four columns */
.columns .column-14 { width: 24.9%; }
.columns .column-34 { width: 74.9%; }

/* Five columns */
.columns .column-15 { width: 19.9%; }
.columns .column-25 { width: 39.9%; }
.columns .column-35 { width: 59.9%; }
.columns .column-45 { width: 79.9%; }

/* Spacing divs to fit inside colunns: gutter width and 1/2 gutter width */
.columns .spacing-left { margin-left: 20px; }
.columns .spacing-left-half { margin-left: 10px; }
.columns .spacing-right { margin-right: 20px; }
.columns .spacing-right-half { margin-right: 10px; }
.columns .spacing-both-half { margin-right: 10px; margin-left: 10px; }

/* Clearfix */
.clearfix:after, #main:after, #content:after, #header:after, #navigation ul:after, .columns:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}