/* Normalize.css */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}audio,canvas,video{display:inline;zoom:1;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}html,button,input,select,textarea{font-family:sans-serif;color:#222;}body{font-size:1em;line-height:1.4;margin:0;}a{color:#00e;}a:visited{color:#551a8b;}a:hover{color:#06e;}a:focus{outline:thin dotted;}a:hover,a:active{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}blockquote{margin:1em 40px;}dfn{font-style:italic;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}ins{background:#ff9;color:#000;text-decoration:none;}mark{background:#ff0;color:#000;font-style:italic;font-weight:700;}pre,code,kbd,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:none;}small{font-size:85%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}ul,ol{margin:1em 0;padding:0 0 0 40px;}dd{margin:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0;}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}svg:not(:root){overflow:hidden;}fieldset{border:0;margin:0;padding:0;}label{cursor:pointer;}legend{border:0;margin-left:-7px;white-space:normal;padding:0;}button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0;}button,input{line-height:normal;}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;overflow:visible;}button[disabled],input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;width:13px;height:13px;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;resize:vertical;}input:invalid,textarea:invalid{background-color:#f0dddd;}table{border-collapse:collapse;border-spacing:0;}td{vertical-align:top;}audio:not([controls]),[hidden]{display:none;}::-moz-selection,::selection{background:#fe57a1;color:#fff;text-shadow:none;}figure,form{margin:0;}

body {
	background: #e4e4e4;
	color: #222;
}


/* Clearfix
 ----------------------------------------------------------------------------*/
.clearfix:after,
.paging:after {
	content: ' ';
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;
}

.clearfix,
.paging {
	zoom: 1;
}

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }


/* Typography
 ----------------------------------------------------------------------------*/
@font-face {
	font-family: 'Lobster13Regular';
	src: url('../fonts/Lobster_1.3-webfont.eot');
	src: url('../fonts/Lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/Lobster_1.3-webfont.woff') format('woff'),
			 url('../fonts/Lobster_1.3-webfont.ttf') format('truetype'),
			 url('../fonts/Lobster_1.3-webfont.svg#Lobster13Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1, .h1 {
	margin: 1em 0;
	font: 1.3125em/1.6 'Times New Roman', serif;
	text-transform: uppercase;
}

.h1-full {
	text-align: center;
}

h2, .h2 {
	margin: 1em 0;
	font: .875em/1.6 Arial, sans-serif;
	font-weight: bold;
}

p {
	font: .75em/1.6 Arial, sans-serif; /* 12 / 16 */
}

a,
a:visited {
	color: #222;
}

a:hover {
	color: #000;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *  Forms
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.InputfieldForm {
	margin-top: 1.75em;
}

.Inputfields {
	margin: 0;
	padding: 0;
	list-style: none;
}

.Inputfield {
	margin-bottom: 7px;
}

.Inputfield .ui-widget-content {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

/** Field: Label */

.Inputfield label {
	display: inline-block;
	margin-top: 8px;
	width: 140px;
	vertical-align: top;
	font-size: 13px;
	font-weight: bold;
	*display: inline;
	*zoom: 1;
}

.InputfieldStateRequired label:after {
	content: ' *';
	color: #ff0000;
}

/** Field: Text and Textarea */

.InputfieldText input,
.InputfieldEmail input,
.InputfieldTextarea textarea {
	border: 1px solid #BCBCBC;
	padding: 7px 7px;
	-moz-border-radius: 4px;
	     border-radius: 4px;
}

.InputfieldText.InputfieldStateError input,
.InputfieldEmail.InputfieldStateError input,
.InputfieldTextarea.InputfieldStateError textarea {
	border: 1px solid #ffa2a2;
	background: #ffe0e0;
}

.InputfieldText.InputfieldStateError .ui-widget-content,
.InputfieldEmail.InputfieldStateError .ui-widget-content {
	position: relative;
	padding-bottom: 2em;
}

.InputfieldTextarea.InputfieldStateError .ui-widget-content {
	position: relative;
	padding-bottom: 1.5em;
}

.Inputfield.InputfieldStateError p.ui-state-error {
	position: absolute;
	bottom: 0;
	margin: 0;
	color: #ff0000;
}

.InputfieldFormErrors li {
	color: #ff0000;
}

/** Field: Text and Email */

.InputfieldText input,
.InputfieldEmail input {
	width: 242px;
	height: 16px;
}

/** Field: Textarea */

.InputfieldTextarea textarea {
	width: 400px;
	height: 173px;
}

/** Field: Submit */

.InputfieldSubmit .ui-widget-content {
	margin-left: 140px;
}

.InputfieldStateCollapsed {
	display: none;
}

#search {
	position: absolute;
	top: 59px;
	right: 0;
}


/* Site header
 ----------------------------------------------------------------------------*/
.site-header {
	background: #111;
}

.site-header-content {
	position: relative;
	margin: 0 auto;
	width: 960px;
	color: #fff;
}

.site-header-content .logo {
	display: inline-block;
	padding: 9px 0 16px;
	*display: inline;
	*zoom: 1;
}

#main {
	position: relative;
	margin: 0 auto;
	padding: 0 44px 44px;
	width: 920px;
	overflow: auto;
	background: url(../img/bg-content.png) bottom left repeat-y;
}

.vcard-top {
	position: absolute;
	top: 14px;
	right: 0;
	font-size: .6875em; /* 11 / 16 */
	color: #bbb;
}

.vcard-top .org {
	font-weight: bold;
	color: #fff;
}

/* Site footer
 ----------------------------------------------------------------------------*/
.site-footer {
	position: relative;
	margin: 0 auto;
	width: 960px;
}

/* Site overview
 ----------------------------------------------------------------------------*/
.site-overview a {
	font-size: .6875em; /* 11 / 16 */
	text-decoration: none;
}

.site-overview a:hover {
	text-decoration: underline;
}

.site-overview-list > li {
	display: inline-block;
	width: 16.6667%;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}

.site-overview-list > li > a {
	font-size: .875em; /* 14 / 16 */
	font-weight: bold;
}

/* Site copy
 ----------------------------------------------------------------------------*/
.site-copy {
	margin: 1em 0 .5em;
	border-top: 1px solid #ccc;
	padding: 1em 0;
	list-style: none;
}

.site-copy:first-child {
	margin-top: 0;
}

.site-copy li {
	display: inline-block;
	padding: 0 .5em;
	border-left: 1px solid #ccc;
	*display: inline;
	*zoom: 1;
}

.site-copy li:first-child {
	padding-left: 0;
	border-left: none;
}

.site-copy p,
.site-copy a {
	margin: 0;
	font-size: .75em; /* 12 / 16 */
	text-decoration: none;
}

.site-copy a:hover {
	text-decoration: underline;
}

/* Navigation main
 ----------------------------------------------------------------------------*/
.nav-main {
	border-bottom: 1px solid #fff;
}

.nav-main > ul > li {
	display: inline-block;
	margin-right: -.2em;
	*display: inline;
	*zoom: 1;
}

.nav-main > ul > li > a {
	display: block;
	padding: 1.2em .82em;
	color: #bbb;
	font-size: .75em; /* 12 / 16 */
	text-decoration: none;
	text-transform: uppercase;
}

.nav-main > ul > li.parent > a,
.nav-main > ul > li.current > a,
.nav-main > ul > li:hover > a {
	background: #fff;
	color: #000;
}

.nav-main > ul > li > ul {
	display: none;
}

/* Navigation side
 ----------------------------------------------------------------------------*/
.nav-side {
	display: inline-block;
	margin-top: 2.95em;
	width: 23%;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}

a.nav-side-title {
	display: inline-block;
	margin-bottom: 1em;
	font-size: .875em; /* 14 / 16 */
	font-weight: bold;
	text-decoration: none;
	*display: inline;
	*zoom: 1;
}

.nav-side li a {
	display: block;
	padding: .5em 0;
	font-size: .75em; /* 12 / 16 */
	border-bottom: 1px solid #e5e5e5;
	text-decoration: none;
}

.nav-side li:first-child a {
	border-top: 1px solid #e5e5e5;
}

.nav-side li a:before {
	content: '';
	display: inline-block;
	margin: 0 10px;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #bebebe;
	*display: inline;
	*zoom: 1;
}

.nav-side li.parent a,
.nav-side li.current a,
.nav-side li:hover a {
	font-weight: bold;
}

.nav-side li.parent a:before,
.nav-side li.current a:before,
.nav-side li:hover a:before {
	border-left-color: #333;
}




/* Page
 ----------------------------------------------------------------------------*/
.page {
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}

.nav-side + .page {
	margin-left: 2%;
	width: 74%;
}

/* Content
 ----------------------------------------------------------------------------*/
.content ul {
	font-size: .75em;
}

/* Button: Goto top
 ----------------------------------------------------------------------------*/
.btn-top {
	position: absolute;
	right: 44px;
	bottom: 39px;
	font-size: .625em; /* 10 / 16 */
	text-decoration: none;
	color: #bbb;
}

.btn-top:visited {
	color: #bbb;
}

/* Image
 ----------------------------------------------------------------------------*/
.image-left {
	float: left;
	margin: 0 1em 1em 0;
}

.image-right {
	float: right;
	margin: 0 0 1em 1em;
}

.image-outlined {
	padding: 10px;
	border: 1px solid #e5e5e5;
}

/* Tabpanel
 ----------------------------------------------------------------------------*/
.nav-tabs {
	clear: both;
	margin: 2em 0;
}

.nav-tabs-tablist {
	margin: 0 0 -1px;
	padding: 0;
	list-style: none;
}

.nav-tabs-tablist li {
	display: inline-block;
	margin-right: -.2em;
}

.nav-tabs-tablist a {
	display: block;
	padding: .9em 1em;
	border-top: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	background: #e5e5e5;
	font-size: .75em; /* 12 / 16 */
	text-decoration: none;
}

.nav-tabs-tablist li.is-active a {
	background: #fff;
	font-weight: bold;
}

.nav-tabs-panel {
	padding: 1em;
	border: 1px solid #e5e5e5;
}

#werkomschrijving.nav-tabs-panel ul {
	font-size: .75em; /* 12 / 16 */
}

/* Slider Top
 ----------------------------------------------------------------------------*/
.slider-top {
	position: relative;
	top: 60px;
	margin: -60px 0 60px;
	min-height: 340px;
}

.slider-container {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

.slider-container li {
	display: none;
	position: absolute;
	top: 0;
}

.slider-container li figcaption {
	position: absolute;
	bottom: 30px;
	left: 30px;
	padding: .5em;
	font: italic 1.375em/1.6 'Times New Roman', serif;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
}

.slider-tablist {
	position: absolute;
	right: 30px;
	bottom: 22px;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 2;
}

.slider-tablist li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.slider-tablist a {
	position: relative;
	display: block;
	margin-left: 3px;
	width: 16px;
	height: 16px;
	color: #fff;
	opacity: .4;
	filter:alpha(opacity=40);
	text-decoration: none;
	overflow: hidden;
}

.slider-tablist a:before {
	content: '\25cf';
	position: absolute;
	top: -12px;
	left: 0px;
	font-size: 28px;
}

.slider-tablist li:hover a,
.slider-tablist li.current a {
	opacity: 1;
	filter:alpha(opacity=100);
}

/* Pagelist
 ----------------------------------------------------------------------------*/
.pagelist {
	margin: 0;
	padding: 0;
	list-style: none;
}


/* Pagelist expanded
 ----------------------------------------------------------------------------*/
.pagelist-expanded {
	margin-left: -1.25%;
}

.pagelist-expanded li {
	display: inline-block;
	vertical-align: top;
	margin-left: 1.23%;
	width: 23.4%;
	*display: inline;
	*zoom: 1;
}

.pagelist-expanded h2 {
	margin: 0 0 10px;
	padding: 8px 0 7px 7px;
	font-family: 'Lobster13Regular';
	font-size: 1.25em; /* 20 / 16 */
	background: #323232;
	color: #fff;
	text-align: center;
}

.pagelist-expanded .image {
	display: block;
	position: relative;
	border: 1px solid #e5e5e5;
	padding: 10px;
}

/* Historie
 ----------------------------------------------------------------------------*/
.history-item {
	margin-bottom: 1em;
	clear: both;
}

p + .history-item {
	margin-top: 2.75em;
}

.history-item img {
	margin-top: -10px;
}

/* Photo gallery
 ----------------------------------------------------------------------------*/
.photo-gallery {
	margin: 0;
	padding: 0;
	list-style: none;
}

.photo-gallery .image {
	display: inline-block;
	margin: 18px;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}

.photo-gallery .image a {
	display: block;
	border: 1px solid #E5E5E5;
	padding: 10px;
}

/* News Archive
 ----------------------------------------------------------------------------*/
.news-archive {
	display: inline-block;
	vertical-align: top;
	width: 74%;
	*display: inline;
	*zoom: 1;
}

.nav-side + .news-archive {
	margin-left: 2%;
	width: 74%;
}

.news-archive .info {
	color: #999;
	margin-top: -2em;
}

.news-archive article {
	padding-bottom: .5em;
	border-top: 1px solid #e5e5e5;
}

.news-archive article:first-child {
	border-top: 0;
}

/* Paging
 ----------------------------------------------------------------------------*/
.paging {
	margin: 2em 0;
	clear: both;
}

.paging .pages {
	width: 70%;
	float: left;
	text-align: center;
}

.paging .pages a,
.paging .pages span {
	display: inline-block;
	margin: 0 .4%;
	padding: 0.3em 0;
	width: 7%;
	font-size: .75em;
	text-align: center;
	*display: inline;
	*zoom: 1;
}

.paging .pages span,
.paging .pages a:hover {
	background-color: #e4e4e4;
	text-decoration: none;
	-webkit-transition: background-color 0.2s;
		 -moz-transition: background-color 0.2s;
			-ms-transition: background-color 0.2s;
			 -o-transition: background-color 0.2s;
					transition: background-color 0.2s;
}

.paging .previous a,
.paging .next a {
	display: inline-block;
	padding: 0.25em .5em;
	text-align: center;
	background-color: #22a826;
	*display: inline;
	*zoom: 1;
}

.paging .previous {
	width: 15%;
	float: left;
}

.paging .next {
	width: 15%;
	float: right;
}

.paging .next a,
.paging .next span {
	float: right;
}

.paging .previous a,
.paging .previous span {
	float: left;
}

.paging .previous span,
.paging .next span {
	visibility: hidden;
}