@import url(../css/fonts/full_fonts.css);

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties
---------------------------------------- */
body { 
	background:#030c18; 
	/* font-family:Arial, Helvetica, sans-serif; */
	font-family: 'PT Sans', sans-serif;
	font-size:0.8125em;
	line-height:1.5384em;
	color:#040e1c;
}
html {min-width:980px;overflow-y: scroll;}
html, body { height:100%;}

.main-extra{background:url(../images/body-bggr.jpg) top center no-repeat #040404 fixed;}
#mainccc{margin-left:auto;margin-right:auto;width:540px;background-color:#fff;padding:20px 30px 20px 60px;}
.succesccc{font-weight:bold;color:#093;}

/* ===== weather stuff 2016 ===== */
.weersvoorspelling{padding-top:1px;}
.weeroverzicht{width:628px;margin:14px 0 -12px 12px;padding:2px 8px 2px 8px;border:1px solid #ccc;height:40px;text-align:center;}

.weather{padding-right:10px;}
.disinline{display:inline-block;}
.lastone{padding-right:0px !important;}

i {
  color: #667080;
  font-family: weather;
  font-size: 33px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.0;
  text-transform: none;
}

.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }

.weathertext{font-size:1.063em;text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);line-height:35px;display:inline;text-transform:capitalize !important;color: #667080;}


/* Global Structure
---------------------------------------- */

	/* Header */
	header{
		height:61px;
		background:#061325;
		position:relative;
		z-index:5;
		}
	
	/* Footer */
	footer{
		background:#4c4a4b;
		height:60px;
		padding-top:5px;
		}

/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.stylishfloatr{float:right;padding:8px;border:1px dashed #e1e9f4;margin:40px 0 0 25px;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.bronvermelding{font-size:0.8em;text-decoration:none;color:#898e98;}
.bronvermelding a{font-size:0.8em;text-decoration:none;color:#898e98;}
.bronvermelding a:hover{font-size:0.8em;text-decoration:none;color:#667080;}
.introtext{font-style:italic;text-align:justify;border-top:1px dashed #888;margin-top:10px;padding:5px 0 5px 0;}
.introtextbot{border-top:1px dashed #888;padding:5px 0 5px 0;}
.footerlogo{margin-top:-10px;padding-bottom:30px;text-align:center;}
.hspacer{padding-bottom:30px;}
#ingevideo{width:645px;height:336px;}

.wrapper { 
	width:100%;
	overflow:hidden;
}

/* indents */


/* Paragraph styling */
p {padding-top:20px;}
.pad {
	padding-top:10px;
}
.pad1 {
	padding-top:15px;
}
.pad2 {
	padding-top:27px;
}



.weerdetail{float:left;padding:4px 5px 0 0;text-transform:none;line-height:16px;}
.weerplaats{font-size:13px;font-family: 'PT Sans', sans-serif;font-weight:bold;}
.weertemperatuur{font-size:13px;font-family: 'PT Sans', sans-serif;}

/*----- txt, links, lines, titles -----*/
a {color:#14a6e3; outline:none; text-decoration:underline;}
a:hover, a:focus { text-decoration:none;}
a:active, a:visited { }

blockquote {
	margin:0 5px 10px 5px;
	padding:28px 4px 30px 10px;
	font-size:1.1538em;
	line-height:1.46em;
	color:#061325; 
	quotes:none;
}
blockquote.left {background:url(../images/divider.gif) right top repeat-y; width:30%; float:left; margin-right:20px; padding-right:30px; padding-left:0;}
blockquote.right {background:url(../images/divider.gif) left top repeat-y; width:35%; float:right; margin-left:0px; padding-left:30px; background-position:15px 0;}
blockquote.quote {background:url(../images/quotes.png) left top no-repeat; width:65%; padding:0 0 0 50px; background-position:0px 0; margin-top:20px;}


ins {
    background-color:#19bbff;
    color:#fff;
    text-decoration:none;
	}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
	}

del {
    text-decoration: line-through;
	}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
	}

q {color:#2c6bd4; font-size:1.153em; font-family:"Courier New", Courier, monospace}
em, dfn  		   { font-style:italic; color:#2c6bd4}
dfn 	 		     { color:#2c6bd4; font-size:1.076em; letter-spacing:2px;}
sup, sub 		   { }
abbr, acronym  { border-bottom:1px dashed #ccc; color:#2c6bd4; text-transform:uppercase; font-size:.92em;}
address 		   { margin:0 0 1.5em;font-style:italic;}
del 			     { color:#666;}
pre, code, tt  { font:1em 'andale mono', 'lucida console', monospace; line-height:1.5; display:block;}
code 			     { background-color:#f6f6f6; display:block; color:#333; padding:3px 2px 3px 5px; line-height:1.67em;  border:1px dotted #333;}
pre 			     { white-space:pre;}
small {font-size:0.76em; font-family:Verdana, Geneva, sans-serif;}
big {font-size:1.615em;  font-family:Verdana, Geneva, sans-serif;}
sup {vertical-align:top; font-size:0.76em;}
sub {vertical-align:bottom; font-size:0.76em;}

/* Custom select color */
::selection {
	background: #14a6e3;
	color:#fff;					 /* Safari */
	}
::-moz-selection {
	background: #14a6e3; /* Firefox */
	color:#fff;
	}


/*  Header styles */
h1 {
	font-size:2.615em;
	line-height:1.2307em;
	color:#061325;
	padding-bottom:0;
}
h2 {
	font-size:2.4615em;
	line-height:1.2307em;
	color:#061325;
	padding:34px 0 0 0
}
	h2 strong {
		color:#2c6bd4;
	}

h3 {
	/* font-size:2.307em; */
	font-size:2.007em;
	line-height:1.2307em;
	color:#061325;
	padding:9px 0 0 0;
	position:relative;
}
	.h3-pad {
		padding-bottom:0;
	}
	.h3-pad0 {
		padding-bottom:0px;
	}
	.h3-pad1 {
		padding-top:34px;
	}
	.h3-top {
		padding-top:45px;
	}
	.h3-top1 {
		padding-top:55px;
	}
	.h3-top2 {
		padding-top:0px;
	}
	h3 strong {
		color:#19bbff;
	}

h4 {
	font-size:2.153em;
	line-height:1.2307em;
	color:#061325;
	padding:38px 0 0 0
}
h5 {
	font-size:2em;
	line-height:1.2307em;
	color:#061325;
	padding:38px 0 0 4px
}
	h5 strong {
		color:#2c6bd4;
	}
h6 {
	font-size:1.846em;
	line-height:1.2307em;
	color:#061325;
	padding:38px 0 0 0;
}


/* Unordered list style
---------------------------------------- */
.list li {
	background:url(../images/list-marker.gif) left 14px no-repeat;
	line-height:2.307em;
	padding-left:14px;
}
.list li a {
		text-decoration:none;
		color:#040e1c;
}
.list li a:hover {
			text-decoration:underline;
}
.listadres li {
	line-height:1.936em;
	padding-left:20px;
}
.listadres li a {
		text-decoration:none;
		color:#040e1c;
}
.listadres li a:hover {
			text-decoration:underline;
}
.listinline li {
	background:url(../images/list-marker.gif) left 7px no-repeat;
	line-height:2.307em;
	padding-left:14px;
	padding-right:36px;
	margin-left:28px;
	display:inline;
}
.listinline li a {
		font-weight:bold;
		text-decoration:none;
		color:#040e1c;
}
.listinline li a:hover {
			text-decoration:underline;
}
.list1 li {
	background:url(../images/list1-bg.gif) left bottom repeat-x;
	padding-bottom:10px;
	margin-bottom:10px;
}
	.list1 li a {
		color:#040e1c;
		text-decoration:none;
		display:block;
		margin-top:-4px;
		line-height:1.4666em;
	}
		.list1 li a:hover {
			color:#CBC9CF;
		}
	.list1 li strong {
		display:block;
		line-height:1.411em;
	}
		.list1 li span {
			color:#2c6bd4;
			font-weight:normal;
		}
		.list1 li img {
			margin-right:7px;
		}
		.list1 .last {
			background:none;
			padding:0;
			margin:0;
		}

.list2 {
	background:url(../images/list2-bg.gif) 412px 0px repeat-y #f4f4f4;
	margin-top:2px;
}

	.list2 li {
		background:url(../images/list2-li-bg.gif) left bottom repeat-x;
		padding:16px 0 12px 30px;
		overflow:hidden;
	}
		.list2 li a {
			display:inline-block;
			background:url(../images/list2-marker.gif) left 8px no-repeat;
			padding-left:14px;
			color:#040e1c;
			text-decoration:none;
		}
			.list2 li a:hover {
				text-decoration:underline;
			}
		.list2 strong {
			float:right;
			display:inline-block;
			padding:10px 30px 0 0;
		}
		.list2 .last {
			background:none;
		}
/*---------*/
.divider {
	background:url(../images/divider.gif) 294px 0px repeat-y;
}
/* Layouts navigation */
.layouts-nav {width:100%; overflow:hidden; padding-bottom:30px !important;}
	.layouts-nav li { float:left; margin-right:0px; background:none !important; padding:0 !important;}
		.layouts-nav li a {
			float:left;
			font-size:0.92em;
			background:#333;
			padding:2px 8px;
			color:#fff;
			text-decoration:none;
			margin-right:5px;
			cursor:pointer;
			position:relative;
			}
		.layouts-nav li a:hover {
			background:#14a6e3;
			}
.layout-inside {
	padding:25px 20px 40px 20px
}

/* Ordered list style */
ol { padding-bottom:15px;}
	ol li { 
		list-style-position:outside;
		list-style-type:decimal;
		margin-left:24px;
		padding-bottom:4px;
		font-size:1em;
		color:#352b2a;
		font-weight:bold;
		}
			ol li a {
				color:#040e1c;
				text-decoration:none;
				font-weight:normal;
			}
				ol li a:hover {
					text-decoration:underline;
				}
.ol-pad {
	padding-top:24px;
}

.list_1 li {
	background:url(../images/list_1-marker.gif) left 6px no-repeat;
	padding:0px 0 4px 15px;
	margin-top:4px;
	font-size:0.92em;
	line-height:1.5em;
}
	.list_1 li a {
		color:#040e1c;
		text-decoration:none;
	}
	.list_1 li a:hover {
		text-decoration:underline;
	}
		.list_1 li ul {
			padding-left:15px;
		}
			.list_1 li ul li {
				background:url(../images/list_1-marker1.gif) left 4px no-repeat;
				padding:0 0 0 14px;
				font-size:1em;
				margin:0;
			}

.list_2 li {
	background:url(../images/list_2-marker.gif) left 3px no-repeat;
	padding:0 0 4px 22px;
	margin-top:2px;
	line-height:1.3846em;
}
	.list_2 li a {
		color:#040e1c;
		text-decoration:none;
	}
		.list_2 li a:hover {
			text-decoration:underline;
		}

.list_3 li {
	background:url(../images/list-marker.gif) left 8px no-repeat;
	padding:0 0 4px 14px;
}
	.list_3 li a {
		color:#040e1c;
		text-decoration:none;
	}
		.list_3 li a:hover {
			text-decoration:underline;
		}
	.list_3-pad {
		padding-top:35px;
	}
	
dl dt {
	color:#2c6bd4;
}
	dl dd {
		padding:0 0 16px 50px;		
		font-size:0.92em;
		line-height:1.5em;
	}
/* Table styling */
table { width:100%;  }
.table-border {
	border:1px solid #c6c6c6;margin-top:30px;
}
table thead th {
	text-align:center ;
	background:#19bbff;
	padding:15px 20px;
	color:#fff;
	border:1px solid #c6c6c6;
	}
table tbody td {
	padding:7px 20px;
	background:#f4f4f4;
	border:1px solid #c6c6c6;
	text-align:center;
	}
table tr:hover td {
	background-color:#f4f4f4;
	}



/*  Dropcaps style */
.dropcap_1 {
	font-size:41px;
	width:36px;
	font-weight:bold;
	line-height:1em;
	height:36px;
	color:#000;
	display:block;
	float:left;
	text-align:center;
}
.dropcap_2 {
	font-size:41px;
	background:url(../images/dropcap.png) no-repeat 50% 0;
	text-align:center;
	width:52px;
	line-height:1em;
	height:48px;
	font-weight:bold;
	color:#fff;
	padding-top:4px;
	display:block;
	float:left;
	margin-right:8px;
	}
.dropcap_3 {
	font-size:40px;
	width:40px;
	line-height:1em;
	color:#333;
	display:block;
	float:left;
	text-shadow:2px 2px 1px #ccc;
	}


/*  Horizontal divider */
.hr {
	display:block;
	position:relative;
	padding:15px 0 35px 0;
	border:none;
	background:url(../images/hr.gif) 0 50% repeat-x;
	height:2px;
	overflow:hidden;
	font-size:11px;
	margin:0 10px 0 0;
	}
	.hr a {
		position:absolute;
		right:0;
		top:25px;
		text-transform:uppercase;
		/* font-family:Arial, Helvetica, sans-serif; */
		font-family: 'PT Sans', sans-serif;
		text-decoration:none;
		background:url(../images/arrow-top.png) no-repeat 0 6px;
		padding-left:13px;
		color:#6b6a6a;
	}
	.hr a:hover { color:#000;}
	

/*  links */
.link_1, .link_2, .link_3 {
	display:inline-block;
	text-decoration:none;
	color:#fff;	
	font-weight:bold;
	margin:10px 5px 0 0;
	padding:8px 17px 8px 17px;
}
	.link_1 {
		background:#061325;
	}
		.link_1:hover {
			background:#6a717c;
		}
	.link_2 {
		background:#19bbff;
	}
		.link_2:hover {
			background:#ff9475;
		}
	.link_3 {
		background:#2c6bd4;
	}
		.link_3:hover {
			background:#80a6e5;
		}


.line-hor { 
	background:#3a3c52;
	height:1px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:20px 0 20px 0;
}




/* Blocks and Boxes style
---------------------------------------- */
.content-box {
	background:#fff;
	padding:25px 0px 25px 0px;
	}


/* Block1 */
.block1 {
	border-bottom:1px solid #323031;
	border-top:1px solid #000;
	background:#161415;
	padding:16px 16px 13px 16px;
}
	.block1 h5 {
		font-size:21px;
		line-height:1.2em;
		margin-bottom:.5em;
		text-shadow:1px 1px 0 #000;
		color:#cfcfcf;
		font-weight:normal;
	}


/* Information box */
.info-box {
	padding:18px 10px 24px 110px;
	color:#040e1c;
	margin-bottom:20px;
	background:#f4f4f4;
	position:relative;
	height:1%;
}
	.info-box p.icon {
		position:absolute;
		left:34px;
		top:19px;
		margin:0;
		padding:0
	}

/* Download box */
.download-box {
	padding:18px 10px 24px 110px;
	color:#040e1c;
	margin-bottom:20px;
	background:#f4f4f4;
	position:relative;
	height:1%;
}
	.download-box p.icon {
		position:absolute;
		left:34px;
		top:17px;
		margin:0;
		padding:0
	}

/* Notification box */
.notification-box {
	padding:18px 10px 24px 110px;
	color:#040e1c;
	margin-bottom:20px;
	background:#f4f4f4;
	position:relative;
	height:1%;
	}
	.notification-box p.icon {
		position:absolute;
		left:34px;
		top:14px;
		margin:0;
		padding:0
		}

/* Error message box */
.error-box {	
	padding:18px 10px 24px 110px;
	color:#040e1c;
	margin-bottom:20px;
	background:#f4f4f4;
	position:relative;
	height:1%;
	}
	.error-box p.icon {
		position:absolute;
		left:34px;
		top:17px;
		margin:0;
		padding:0
		}




.cargo-box {
	background:#f4f4f4;
	min-height:333px;
	margin-top:10px;
}
.cargo-box img {
	margin:0 -5px 0 -5px;
}
	.cargo-box-indent {
		padding:12px 24px 30px 28px;
	}
	.cargo-box strong {
		display:block;
		padding:20px 0 10px 0;
		text-transform:uppercase;
	}
	
.cargo-box a {
	color:#040e1c;
	text-decoration:none;
	font-weight:bold;
}
	.cargo-box a:hover {
		text-decoration:underline;
	}

/* Header
---------------------------------------- */

/* Logo */
.logo {
	padding:0px 0 0 1px
}
	.logo a {
		display:block;
		text-indent:-5000px;
		/* width:257px;
		height:257px; */
		width:279px;
		height:149px;
		/*background:url(../images/logo.png) left top no-repeat; */
		background:url(../images/logo_is.png) left top no-repeat;
	}

/* Twitter link */
header .twitter-link {
	position:absolute;
	right:1px;
	top:182px;
	background:#fff;
	font-size:11px;
	height:53px;
	line-height:53px;
	z-index:100;
	}
	header .twitter-link a {
		display:block;
		color:#616161;
		padding:0 71px 0 0;
		text-decoration:none;
		text-transform:uppercase;
		}




/* Pages
---------------------------------------- */

/* 404 page */
.error_page {
	min-height:483px;
	background:url(../images/error-page-bg.jpg) left top no-repeat;
	position:relative;
	}
	
	.error_page h3 {
		font-size:3.076em;
		line-height:1.2307em;
		padding:170px 0 22px 0;
		}
		.error_page .prefix_8 {
			line-height:1.3846em;
			width:242px;
		}
		.error-img {
			position:absolute;
			top:39px;
			left:154px;
		}
		.error-img1 {
			position:absolute;
			top:79px;
			left:319px;
		}
	
.error_inside {
	padding:25px 40px 25px 40px
}
/* Under Construction page =====*/
#constuction-box {
	width:800px;
	height:500px;
	position:relative;
	left:50%;
	top:50%;
	margin-left:-400px;
	margin-top:-250px;
	background:#eae9e7;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-color:#ccc;
	box-shadow:0 0 10px #999;
	-moz-box-shadow:0 0 10px #999;
	-webkit-box-shadow:0 0 10px #999;
	text-align:center;
	behavior:url(js/PIE.htc);
	}
	#constuction-box .inside {
		padding:20px 40px 40px 40px;
		}
		#constuction-box .button {
			position:relative;
			}
		#constuction-box h1 {
			font-weight:700;
			text-align:center;
			font-size:5em;
			margin-bottom:.2em;
			line-height:1.2em;
			letter-spacing: 2px;
			border-bottom: 1px solid #ddd;
			padding-bottom:10px;
			}
			#constuction-box h1 strong { 
				text-transform:uppercase;
				color:#fbb91f;
				display:block;
				margin-bottom:-15px;
			}
			
	/* Countdown */
	#countdown_dashboard {
		height: 110px;
		padding:30px 0 40px 0;
		width:650px;
		margin:0 auto;
		position:relative;
		}
	.dash {
		width: 110px;
		height: 114px;
		background: transparent url('../images/dash.png') 0 0 no-repeat;
		float: left;
		margin-left: 20px;
		position: relative;
		}
	
	.dash .digit {
		font-size:75px;
		line-height:85px;
		font-weight: bold;
		float: left;
		width: 55px;
		text-align: center;
		font-family:"Times New Roman", Times, serif;
		color: #555;
		position: relative;
	}
		.dash .digit .bottom {
			font-size:75px;
			line-height:85px;
		}
	
	.dash_title {
		position: absolute;
		display: block;
		bottom: 0px;
		left:0;
		font-size: 12px;
		color: #555;
		text-transform: uppercase;
		letter-spacing: 2px;
		width:110px;
	}
	
	.dev_comment {
		font-size: 14pt;
		color: #777;
		text-align: center;
		font-style: italic;
		margin: 40px 10px;
	}
	
	#subscribe_form {
		position: relative;
	} 
	
	#email_field {
		font-size: 16pt;
		padding: 6px 10px;
		width: 300px;
	}
	
	#subscribe_button {
		font-size: 14pt;
		color: #333;
		padding: 4px 8px;
	}
	
	.copyright {
		font-size: 9pt;
		color: #333;
		margin: 40px 0px;
	}
	
	.faded {
		color: #999;
	}
	
	.form_message {
		width: 400px;
		padding: 10px;
		margin: 15px auto;
		display: none;
	}
	
	#error_message {
		background-color: #ffe;
		border-left: 5px solid #bb3;
		border-right: 5px solid #bb3;
		color: #770;
	}
	
	#info_message {
		background-color: #f0f9ff;
		border: 1px solid #eef;
	}
	
	#loading {
		text-align: center;
		margin: 10px;
		display: none;
		position: absolute;
		width: 100%;
		top: 60px;
	}

/* Intro page */
#intro-box {
	width:600px;
	height:400px;
	position:relative;
	left:50%;
	top:50%;
	margin-left:-300px;
	margin-top:-200px;
	background:#eae9e7;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-color:#ccc;
	box-shadow:0 0 10px #999;
	-moz-box-shadow:0 0 10px #999;
	-webkit-box-shadow:0 0 10px #999;
	text-align:center;
	behavior:url(js/PIE.htc);
	float:left;
	}
	#intro-box .inside {
		padding:40px 40px 40px 40px;
		}
		#intro-box h1 {
			font-weight:700;
			text-align:center;
			font-size:5em;
			margin-bottom:.2em;
			line-height:1.2em;
			position:absolute;
			left:0;
			top:-90px;
			text-align:center;
			width:600px;
			overflow:hidden;
			height:100px;
			color:#fff;
			}
			#intro-box h1 span { 
				text-transform:uppercase;
				color:#1fb7c4;
				display:block;
				margin-bottom:-15px;
			}
		#intro-box .link_1 {
			position:absolute;
			right:36px;
			bottom:20px;
			float:right;
			white-space:nowrap;
			}
		.intro-buttons {
			width:500px;
			padding:0 50px;
			position:absolute;
			left:0;
			bottom:50px;
			}
		#flash-intro {
			margin-bottom:20px;
			position:absolute;
			left:23px;
			top:20px;
			}
	



/* Content
---------------------------------------- */		

/* Lightbox image */
.lightbox-image {
	position:relative;
	overflow:hidden;
	display:block;
	}
	.lightbox-image img {
		position:relative;
		z-index:2;
		}
	.lightbox-image span {
		display:block;
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background:url(../images/magnify.png) no-repeat 50% 50%;
		z-index:1;
		}

/* Pagination */
.pagination {
	display:block;
	width:100%;
	overflow:hidden;
	}
	.pagination a {
		float:left;
		font-size:11px;
		color:#000;
		text-decoration:none;
		text-transform:uppercase;
		line-height:31px;
		padding-left:14px;
		}
	.pagination a:hover {
		text-decoration:underline;
		}
		.pagination ul {
			float:left;
			padding:0 3px 0 18px;
			}
			.pagination ul li {
				float:left;
				padding-left:1px;
				margin-right:1px;
				padding:0 0 0 0 !important;
				background:none !important;
				}
			.pagination ul li span {
				width:31px;
				float:left;
				text-align:center;
				color:#000;
				}
				.pagination ul li a {
					font-size:15px;
					color:#000;
					text-decoration:none;
					width:31px;
					line-height:31px;
					height:31px;
					text-align:center;
					background:#e9e9e9;
					padding:0;
					}
				.pagination ul li a:hover {
					background:#19b6c5;
					text-decoration:none;
					color:#fff;
					}

.indent {
	padding:23px 0 23px 0;
}

.extra {
	background:#fff;
	width:100%;
}
	.inside {
		padding:25px 40px 40px 40px
	}
	.inside1 {
		padding:15px 40px 40px 40px
	}
	.inside2 {
		padding:15px 20px 40px 40px
	}
		.padding {
			padding-bottom:34px;
		}
	
.image {
	float:left;
	width:110px;
	margin-right:10px;
}
.image1 {
	float:right;
	width:283px;
}

.title {
	font-size:1.076em;
	line-height:1.2307em;
	display:block;
	padding-top:5px;
}

.color {
	color:#2c6bd4;
}
/*------ link ------*/
.link {
	display:inline-block;
	font-size:1.692em;
	line-height:1.2307em;
	color:#fff;
	text-decoration:none;
	padding:5px 26px 0px 26px;
	margin-top:28px;
	height:39px;
	background:#19bbff;
}
	.link:hover {
		background:#1f1121;
	}
	.link-margin {
		margin-top:35px;
	}
	
.link1 {
	color:#2c6bd4;
	text-decoration:none;
	display:inline-block;
	margin-bottom:4px;
}
	.link1:hover {
		text-decoration:underline;
	}
	
.link2 {
	vertical-align:baseline;
	display:inline-block;
}
	.link2 img {
		vertical-align:baseline;
	}
/*------*/

/* faded */
.fade1 {
	height: 350px;
}
.faded-inside {
	padding:14px 13px 0 12px;
	overflow: hidden;

}
	#page1 #fade {
		position:relative;
	}
	.pager {
		position:absolute;
		top:330px;
		right:41px;
		z-index:20
	}
	#fade strong {
		position:absolute;
		display:block;
		top:75px;
		left:350px;
		color:#061325;
		font-size:2.307em;
		line-height:1.2307em;
	}
		#fade strong a {
			display:block;
			background:#19bbff;
			width:119px;
			height:44px;
			font-size:0.73em;
			text-decoration:none;
			text-align:center;
			color:#fff;
			margin-top:30px;
		}
			#fade strong a:hover {
				background:#f37959;
			}
	.pager a { 
		border:none; 
		background: #fff; 
		text-decoration: none; 
		margin-left:4px; 
		display:inline-block;
		width:13px;
		height:13px;
		font-size:0;
		line-height:0;
		color:#fff;
	}
	.pager a.activeSlide {
		background: #19bbff;
		color:#19bbff
	}
	.pager a:focus { outline: none; }

/*---------*/
/*------ slogan -------*/	
.slogan {
	background:url(../images/inge-p2.png) left top no-repeat;
	height:270px;
	position:relative;
}
.slogan strong {
position:absolute;
display:block;
top:5px;
left:10px;
color:#061325;
font-size:2.107em;
line-height:1.2307em;
}
.slogan strong a {
display:block;
background:#19bbff;
width:119px;
height:44px;
font-size:0.73em;
text-decoration:none;
text-align:center;
color:#fff;
margin-top:30px;
}
.slogan strong a:hover {
background:#f37959;
}

.sloganhistorie {
	background:url(../images/logo_historie.jpg) left top no-repeat;
	height:270px;
	position:relative;
}
.sloganhistorie strong {
position:absolute;
display:block;
top:5px;
left:10px;
color:#061325;
font-size:2.107em;
line-height:1.2307em;
}
.sloganhistorie strong a {
display:block;
background:#19bbff;
width:119px;
height:44px;
font-size:0.73em;
text-decoration:none;
text-align:center;
color:#fff;
margin-top:30px;
}
.sloganhistorie strong a:hover {
background:#f37959;
}

.sloganblueroad {
	background:url(../images/logo_blueroad.jpg) left top no-repeat;
	height:270px;
	position:relative;
}
.sloganblueroad strong {
position:absolute;
display:block;
top:5px;
left:10px;
color:#061325;
font-size:2.107em;
line-height:1.2307em;
}
.sloganblueroad strong a {
display:block;
background:#19bbff;
width:119px;
height:44px;
font-size:0.73em;
text-decoration:none;
text-align:center;
color:#fff;
margin-top:30px;
}
.sloganblueroad strong a:hover {
background:#f37959;
}

.slogancertificering {
	background:url(../images/logo_certificeringv2.jpg) left top no-repeat;
	height:270px;
	position:relative;
}
.slogancertificering strong {
position:absolute;
display:block;
top:5px;
left:10px;
color:#061325;
font-size:2.107em;
line-height:1.2307em;
}
.slogancertificering strong a {
display:block;
background:#19bbff;
width:119px;
height:44px;
font-size:0.73em;
text-decoration:none;
text-align:center;
color:#fff;
margin-top:30px;
}
.slogancertificering strong a:hover {
background:#f37959;
}

.sloganwerkstage {
	background:url(../images/logo_werkstage.jpg) left top no-repeat;
	height:270px;
	position:relative;
}
.sloganwerkstage strong {
position:absolute;
display:block;
top:5px;
left:10px;
color:#061325;
font-size:2.107em;
line-height:1.2307em;
}
.sloganwerkstage strong a {
display:block;
background:#19bbff;
width:119px;
height:44px;
font-size:0.73em;
text-decoration:none;
text-align:center;
color:#fff;
margin-top:30px;
}
.sloganwerkstage strong a:hover {
background:#f37959;
}

.slogancontact {
	background:url(../images/logo_contact.jpg) left top no-repeat;
	height:270px;
	position:relative;
}
.slogancontact strong {
position:absolute;
display:block;
top:5px;
left:10px;
color:#061325;
font-size:2.107em;
line-height:1.2307em;
}
.slogancontact strong a {
display:block;
background:#19bbff;
width:119px;
height:44px;
font-size:0.73em;
text-decoration:none;
text-align:center;
color:#fff;
margin-top:30px;
}
.slogancontact strong a:hover {
background:#f37959;
}

.sloganactueel {
	background:url(../images/logo_actueel.jpg) left top no-repeat;
	height:270px;
	position:relative;
}
.sloganactueel strong {
position:absolute;
display:block;
top:5px;
left:10px;
color:#061325;
font-size:2.107em;
line-height:1.2307em;
}
.sloganactueel strong a {
display:block;
background:#19bbff;
width:119px;
height:44px;
font-size:0.73em;
text-decoration:none;
text-align:center;
color:#fff;
margin-top:30px;
}
.sloganactueel strong a:hover {
background:#f37959;
}

.sloganfoutmelding {
	background:url(../images/logo_foutmelding.jpg) left top no-repeat;
	height:270px;
	position:relative;
}
.sloganfoutmelding strong {
position:absolute;
display:block;
top:5px;
left:484px;
color:#061325;
font-size:2.107em;
line-height:1.2307em;
}
.sloganfoutmelding strong a {
display:block;
background:#19bbff;
width:119px;
height:44px;
font-size:0.73em;
text-decoration:none;
text-align:center;
color:#fff;
margin-top:30px;
}
.sloganfoutmelding strong a:hover {
background:#f37959;
}


.brslogan {
	background:url(../images/blue_roadgr.jpg) left top no-repeat;
	height:250px;
	position:relative;
}
.brslogan strong {
position:absolute;
display:block;
top:5px;
left:20px;
color:#061325;
font-size:2.307em;
line-height:1.2307em;
}
.brslogan strong a {
display:block;
background:#19bbff;
width:119px;
height:44px;
font-size:0.73em;
text-decoration:none;
text-align:center;
color:#fff;
margin-top:30px;
}
.brslogan strong a:hover {
background:#f37959;
}

.bg{
	background:url(../images/bg.jpg) left top no-repeat;
}

.address {
	width:244px;
	padding-top:10px;
}
	.address span {
		float:right;
	}

/* typography */
.typography {
	background:url(../images/typography.jpg) top center no-repeat #0e0f0d;
}

/*-------*/
	
/* Other */
figure { 
	margin:4px 26px 0 0;
	background:#000;
	border:1px solid #ccc;
	float:left;
	}
	figure figcaption {
		font-style:italic;
		color:#fff;
		font-size:1.69em;
		text-align:center;
		padding:10px 0 10px 0;
		background:#19bbff;
	}

figure.fright {
	float:right;
	margin:4px 0 0 26px;
	}

.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
	}
	.img-box img.fleft {
		float:left;
		margin-right:15px;
	}
	

.extra-wrap { 
	overflow:hidden;
	}
	
	
/* Postal address */
.address { 
	float:left;
	margin-right:30px;
	}
.address.last {
	margin-right:0;
	}
	.address dt {
		font-weight:normal;
		color:#6b6a6a;
		}
	.address dd { 
		clear:both;
		margin:0 0 0 0 !important;
		}
		.address dd span { 
			float:left;
			width:90px;
			}
	

/* Footer
---------------------------------------- */
footer {
	color:#ffffff;
	background:#030c18;
}
	footer a {
		color:#ffffff;
		text-decoration:none;
	}
	footer a:hover {
	}
		footer strong {
			color:#19bbff;
		}

.istwittericon{
	display: block;
	width: 40px;
	height: 40px;
	background: url('../images/twittericons.png') top;
	text-indent: -99999px;
}

.istwittericon:hover {
	background-position: 0 40px;
}

.twittekst{float:right;padding-top:11px;}
.twittekst a{text-decoration:none;}
.twittekst a:hover{text-decoration:none;}


/* Forms
---------------------------------------- */

/* Forms default */
input, select, textarea { 
	/* font-family:Arial, Helvetica, sans-serif; */
	font-family: 'PT Sans', sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
	}
/* SignUp-Form */

#subscribe-form fieldset {
	border:none;
	line-height:1.307em;
	}
	#subscribe-form label {
		display:block;
		height:46px;
		background:url(../images/newsletter-input-bg.gif) left top no-repeat;;
		padding:0;
		vertical-align:top;
		margin-top:18px;
		}
	#subscribe-form input[type=text] {
		width:257px;
		padding:6px 0 6px 0px;
		background:none;
		margin:0 5px 0 5px;
		border:none;
		line-height:1.2307em;
		color:#a7a7a7;
		vertical-align:top;
	}
		#subscribe-form .fright {
			display:inline-block;
			background:#19bbff;
			text-decoration:none;
			color:#fff;
			width:92px;
			height:26px;
			padding-top:10px;
			font-weight:bold;
			text-align:center;
		}
					#subscribe-form .fright:hover {
						background:#1f1121;
					}
		#subscribe-form .fleft {
			color:#020202;
			display:inline-block;
			margin-top:10px;
		}

/* Newsletter form */
#newsletter-form fieldset {
	border:none;
	}
	#newsletter-form .field {
		overflow:hidden;
		margin-bottom:8px;
		}
	#newsletter-form input[type=text] {
		width:175px;
		padding:3px 0 3px 5px;
		background:#4d4d4d;
		border:none;
		color:#a7a7a7;
		border-right:1px solid #000;
		border-left:1px solid #000;
		margin-right:3px;
	}
	#newsletter-form input[type=submit] {
		width:30px;
		height:22px;
		background:#fff;
		border:1px solid #000;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		cursor:pointer;
		color:#2f2f2f;
		font-weight:bold;
		text-transform:uppercase;
		text-shadow:0 1px 0 #f1f1f1;
		}


/* Login form */
#login-form {
	position:absolute;
	right:0;
	top:12px;
}
#login-form fieldset {
	border:none;
	}
	#login-form input[type=text] {
		background:#4d4d4d;
		border:none;
		padding:3px 0 3px 4px;
		width:92px;
		margin-right:5px;
		color:#fff;
		}
	#login-form input[type=password] {
		background:#4d4d4d;
		border:none;
		padding:3px 0 3px 4px;
		width:92px;
		margin-right:5px;
		color:#fff;
		}
	#login-form input[type=submit] {
		width:30px;
		height:22px;
		background:#fff;
		border:1px solid #000;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		cursor:pointer;
		color:#2f2f2f;
		font-weight:bold;
		text-transform:uppercase;
		text-shadow:0 1px 0 #f1f1f1;
		}


/* Contact form */
 #contact-form {
	overflow:hidden;
	position:relative;
	vertical-align:top;
	background:#f4f4f4;
	margin-top:57px
}
	#contact-form fieldset {
		border:none;
		padding:14px 30px 20px 30px;
		}
		#contact-form .rowElem {
			display:block;
			min-height:39px;
			background:url(../images/contacts-form-input-bg.gif) left top no-repeat;
			}
			#contact-form input {
				width:510px;
				padding:8px 0px 8px 0px;
				background:none;
				margin:0 10px;
				border:none;
				display:block;
				color:#040e1c;
				}
			#contact-form .textarea-box {
				background:url(../images/textarea-box.gif) left top no-repeat;
				height:143px;
				overflow:hidden;
			}
			#contact-form textarea {
				width:520px;
				height:122px;
				margin:0 0px 0 10px;
				background:none;
				border:none;
				padding:9px 0px 9px 0px;
				overflow:auto;
				display:block;
				color:#040e1c;
				}
				#contact-form .link3 {
					display:inline-block;
					background:#19bbff;
					text-decoration:none;
					color:#fff;
					padding:8px 20px 0 20px;
					height:28px;
					font-weight:bold;
					margin:18px 0 0 10px
				}
					#contact-form .link3:hover {
						background:#1f1121;
					}
			
				#contact-form label {
					padding:0 0 2px 5px;
					display:inline-block;
				}
#contact-form .error {
				color:red;
			}

		

/* Search-form */
#search-form fieldset{
	border:none;
	padding-top:37px;
}
	#search-form label {
		display:inline-block;
		background:url(../images/search-input-bg.gif) left top no-repeat;
		height:33px;
		margin-right:2px;
		width:168px;
	}
		#search-form input[type=text] {
			border:none;
			background:none;
			padding:8px 0 8px 0;
			line-height:1.2307em;
			width:160px;
			margin:0 4px;
		}


/* Newsletter-form */
#newsletter-alt-form fieldset {
	border:none;
	}
	#newsletter-alt-form input[type=text] {
		width:215px;
		padding:7px 0 7px 10px;
		background:#f9f9f9;
		border:none;
		color:#686666;
		border:1px solid #e2e2e2;
		border-right:1px solid #bababa;
		border-left:1px solid #bababa;
		border-top:1px solid #bababa;
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		behavior:url(js/PIE.htc);
		margin-right:12px;
		font-size:12px;
		position:relative;
		}
	#newsletter-alt-form input[type=submit] {
		width:75px;
		height:32px;
		background:#3dc1cc;
		border:none;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		behavior:url(js/PIE.htc);
		position:relative;
		cursor:pointer;
		color:#fff;
		font-weight:bold;
		font-size:12px;
			}




/* SlideDown element */
.slideDown {
	padding:0 1px 0 0;
	}
	.slideDown dt {
		background-color:#333132;
		background-image:url(../images/arrow1.gif);
		background-repeat:no-repeat;
		background-position:100% 16px;
		box-shadow:1px 1px 1px #d1d1d1;
		-moz-box-shadow:1px 1px 0 #d1d1d1;
		-webkit-box-shadow:1px 1px 0 #d1d1d1;
		color: #fff;	
		padding:9px 0 9px 21px;
		margin-bottom:4px;
		font-weight:bold;
		text-decoration:none;
		display:block;
		font-size:12px;
		cursor:pointer;
		margin-bottom:10px;
	}
	.slideDown dt:hover, .slideDown dt.active {
		background-color:#14a6e3;
		color:#fff;
		text-shadow:0 0 5px #fff;
	}
	.slideDown dt.active {
		background-image:url(../images/arrow2.gif);
	}

	.slideDown dd {
		display:none;
		padding:10px 20px 20px 20px;
	}
	.slideDown.absolute dd {
		position:absolute;
		background:#fff;
		width:570px;
	}




/* Accordion */
dl#accordion {
	list-style-type:none;
	margin: 0;
	padding: 0 2px 0 0;
	height:auto !important;
}
	dl#accordion .indent {
		padding-top:7px !important;
		padding-bottom:5px !important
		}

	dl#accordion a {
		display: block;
		text-decoration: none;	
		}

	dl#accordion dt {
		margin-top:1px;
		}
		dl#accordion dt a {
			background-color:#333132;
			background-image:url(../images/arrow1.gif);
			background-repeat:no-repeat;
			background-position:100% 16px;
			box-shadow:1px 1px 1px #d1d1d1;
			-moz-box-shadow:1px 1px 0 #d1d1d1;
			-webkit-box-shadow:1px 1px 0 #d1d1d1;
			color: #7f7f7f;	
			padding:9px 0 9px 21px;
			margin-bottom:4px;
			font-weight:bold;
			text-decoration:none;
			display:block;
			font-size:12px;
			}

		dl#accordion dt a:hover {
			background-color:#8e8d8b;
			color:#fff;
			}

		dl#accordion dt.active a{
			background-color:#ccc;
			background-image:url(../images/arrow2.gif);
			color:#333;
			}

	dl#accordion dd {
		display:none;
		margin-bottom:0;
	}
		dl#accordion dd .indent {
			padding:10px 30px 14px 20px !important;
		}
		dl#accordion dd a {
			display:inline;
			background:none;
			padding:0;
			font-weight:bold;
			width:auto;
			text-decoration:underline;
		}
		dl#accordion dd a:hover {
			text-decoration:none;
			background:none;
		}
		dl#accordion .list_1 {
			font-size:1em;
		}
		dl#accordion .list_1  li a {
			list-style:none;
			font-weight:normal;
			text-decoration:none;
		}
			dl#accordion .list_1  li a:hover {
				text-decoration:underline;
			}


/* Tooltips */
.aToolTip {
	border:2px solid #444;
	background:#555;
	color:#fff;
	margin:0;
	padding:2px 8px;
	font-size:11px;
	}

.aToolTip .aToolTipContent {
	position:relative;
	margin:0;
	padding:0;
	}

a.aToolTipCloseBtn {
	display:block;
	height:20px;
	width:20px;
	overflow:hidden;
	background:url(../images/close.gif) no-repeat;
	text-indent:-9999px;
	outline:none;
	position:absolute;
	top:-15px;
	right:-20px;
	}


/* Coin Slider */
#coind-slider { overflow:hidden;}
.coin-slider { 
	overflow: hidden;
	zoom: 1;
	position: relative;
	padding-bottom:30px;
	}
.coin-inside {
	padding:15px 40px 0px 40px
}
* + html .coin-inside {
	padding-bottom:40px;
}
.coin-slider a { text-decoration: none; outline: none; border: none; }

.cs-buttons { 
	font-size: 0px;
	padding: 10px;
	float: left;
	}
	.cs-buttons a { 
		margin-left: 5px;
		height: 10px;
		width: 10px;
		float: left;
		border: 1px solid #322e30;
		background:#322e30;
		color: #14a6e3;
		text-indent: -9999em; 
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
	}
	.cs-buttons a:hover,
	.cs-buttons a.cs-active { 
		background-color: #14a6e3;
		border: 1px solid #14a6e3;
		color: #fff;
		}

	.cs-title { 
		width:100%; 
		padding: 10px 0; 
		background-color: #000;
		color: #fff;
		text-indent:10px;
		}

	.cs-prev, 
	.cs-next { 
		background-color: #000;
		color: #fff;
		padding: 0px 10px;
	}
	.cs-prev:hover,
	.cs-next:hover { background:#14a6e3;}


/* Gallery */
.galcentering{margin-top:-40px;padding:0 8px 0 8px;}
#galleryfic_gallery {
	padding-bottom:20px;
	width:100%;
	overflow:hidden;
	}
	div.content {
		/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
		display: none;
		width: 645px; 
		position:relative;
		z-index:1;
		margin-bottom:30px;
	}
		div.content a, div.navigation a {
			text-decoration: none;
			color: #777;
		}
		div.content a:focus, div.content a:hover, div.content a:active {
			text-decoration: underline;
		}
	div.slideshow-container {
		position: relative;
		clear: both;
		height: 400px; /* This should be set to be at least the height of the largest image in the slideshow */
		z-index:10
	}
		.advanced_gallery div.slideshow-container {
			width:60%;
			overflow:hidden;
		}
	div.loader {
		position: absolute;
		top: 0;
		left: 0;
		background-repeat: no-repeat;
		background-position: center;
	}
	div.slideshow {
		height: 400px;
		width:645px;
		overflow:hidden;
	}
	div.slideshow span.image-wrapper {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 400px;
		width:645px;
	}
	div.slideshow a.advance-link {
		display: block;
		width: 645px;
		height: 400px; /* This should be set to be at least the height of the largest image in the slideshow */
		text-align: center;
		overflow:hidden;
	}
	div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
		text-decoration: none;
	}
	div.slideshow img {
		position:absolute;
		left:0;
		top:0;
		padding:4px;
		width:100%;
		height:100%
	}
	div.slideshow.noborder img {
		padding:0;
		border:none;
	}
	div.caption-container {
		position: relative;
		clear: left;
		height:40px;
	}
		.advanced_gallery div.caption-container {
			position:absolute;
			right:0;
			top:0;
			width:40%;
		}
	span.image-caption {
		display: block;
		position: absolute;
		width: 466px;
		top: 0;
		left: 0;
	}
	div.caption {
		padding:10px 0px 0 30px;
		overflow:hidden;
		width:200px;
	}
	div.caption h2 {
		background:#fff;
	}
	div.caption h4 {
		float:left;
		background:#fff;
	}
	div.image-desc {
		font-size:10px;
		text-transform:uppercase;
		float:right;
		padding:8px 0 0 0;
	}
	div.navigation {
		/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
	}
	ul.thumbs {
		clear: both;
		margin: 0;
		padding: 0;
	}
	ul.thumbs li {
		float: left;
		padding:1px !important;
		background:none !important;
		list-style: none;
		margin:0 4px 0 0;
		border:1px solid #ddd;
		margin-bottom:4px;
	}
	ul.thumbs li.last {
		padding-right:0;
	}
	a.thumb {
		display: block;
	}
	ul.thumbs li.selected a.thumb {
	}
	a.thumb:focus {
		outline: none;
	}
	ul.thumbs img {
		border: none;
		display: block;
	}


/* Kwicks */
.kwicks-wrapper {
	width:590px;
	overflow:hidden;
}
	.kwicks-box {
		border:1px solid #323232;
		padding:12px;
		}
	
	.kwicks {
		/* recommended styles for kwicks ul container */
		list-style: none;
		position: relative;
		margin: 0;
		padding: 0 !important;
		overflow:hidden;
		height:396px;
		background:#000;
		}
	.kwicks li{
		/* these are required, but the values are up to you (must be pixel) */
		width: 98px;
		height: 396px;
		/*do not change these */
		display: block;
		overflow: hidden;
		padding: 0 !important;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
		cursor:pointer;
		opacity:.5;
		filter: alpha(opacity=50);
		background:none !important;
		}
	.kwicks li.active {
		opacity:1;
		filter: alpha(opacity=100);
		}
	.kwicks.horizontal li {
		/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
		margin-right: 0; /*Set to same as spacing option. */	
		float: left;
		}	
	
	.kwicks_vertical {
		/* recommended styles for kwicks ul container */
		list-style: none;
		position: relative;
		margin: 0;
		padding: 0 !important;
		overflow:hidden;
		width:590px;
		height:396px;
		background:#000;
		}
	.kwicks_vertical li{
		/* these are required, but the values are up to you (must be pixel) */
		height: 196px;
		/*do not change these */
		display: block;
		overflow: hidden;
		padding: 0 !important;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
		cursor:pointer;
		float:none;
		opacity:.5;
		filter: alpha(opacity=50);
		}
	.kwicks_vertical li.active {
		opacity:1;
		filter: alpha(opacity=100);
		}


/* Superfish Dropdown Menu */
.sf-menu{
	margin:0;
	padding:0;
	list-style:none;
}
.sf-menu{
	line-height:0;
	padding-top:15px
}
.sf-menu a{
	text-decoration:none;
	color:#fff;
	text-decoration:none;
	/* font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; */
	font-family: 'PT Sans', sans-serif;
	display:block;
	zoom:1;
}
.sf-menu a strong{
	color:#fff;
}
.sf-menu a:hover, .sf-menu a.current{ /* visited pseudo selector so IE6 applies text colour*/
	color:#19bbff;
}
.sf-menu a:hover strong, .sf-menu a.current strong{
	color:#000;
}
.sf-menu ul{
	position:absolute;
	top:0;
	width:180px; /* left offset of submenus need to match (see below) */
	display: none;
}
.sf-menu ul li{
	width:100%;
}
.sf-menu li:hover{
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li{
	position:relative;
	background:url(../images/header-nav-bg.gif) left 10px no-repeat;
	float:left;
	line-height:1.2307em;
	letter-spacing:2px;
	font-size:1.652em;
	padding:0 30px;
}
.sf-menu .drop{
	padding-right:25px;
}
.sf-menu .drop strong{
	background:url(../images/drop-down-arrow.gif) right 12px no-repeat;
	padding-right:5px;
	display:inline-block;
}
.sf-menu .first{
	padding-left:0;
	background:none;
}	
.sf-menu .last{
	padding-right:0;
}
.sf-menu li li{
	font-size:0.59em;
	font-weight:normal;
	text-transform:none;
	text-align:left;
	line-height:1.2307em;
	padding:0;
	letter-spacing:0;
	border:none;
	margin-bottom:0px;
}
.sf-menu li li a{
	/* font-family:Arial, Helvetica, sans-serif; */
	font-family: 'PT Sans', sans-serif;
	font-weight:normal;
	font-size:14px;
	background:#19bbff;
	color:#fff;
	padding:13px 0 0 24px;
	line-height:1.2307em;
	overflow:hidden;
	display:block;
	height:29px;
}
.sf-menu li li li a{
	font-size:13px;
}
.sf-menu li li a:hover, .sf-menu li li a.current{
	color:#fff;
	background:#061325;
}
.sf-menu li li:last-child a{
	border-bottom:none;
}

.sf-menu a{
	display:block;
	position:relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul{
	left:28px;
	top:38px; /* match top ul list item height */
	z-index:99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul{
	top:-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul{
	left:180px; /* match ul width */
	top:0;
	margin-left:1px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul{
	top:-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul{
	left:10em; /* match ul width */
	top:0;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{
	outline:0;
}
.sf-menu a.sf-with-ul{
	min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator{
	position:absolute;
	right:10px;
	width:10px;
	height:10px;
	text-indent:-999em;
	overflow:hidden;
	background:url(../images/drop-down-arrow.gif) no-repeat 0 0;
}
a > .sf-sub-indicator{  /* give all except IE6 the correct values */
	top:50%;
	margin-top:-2px;
}
a:hover .sf-sub-indicator, a.current .sf-sub-indicator{
	background:none;
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator{ right:5px !important;}
.sf-menu ul a > .sf-sub-indicator{ background:url(../images/arrow-sub.gif) no-repeat 0 0;}

/* Elements list */
.elements-list li {
	background:none !important;
	padding:0 0 8px 0 !important;
	position:relative;
	}
	.elements-list li code {
		position:absolute;
		right:0;
		top:-3px;
		padding:2px 3px 1px 3px;
		border:1px dotted #333;
		}


/* Tabs */
.tabs {
	clear: left;
	float: left;
	margin: 15px 0 30px 0;
	}
	.tabs ol {
		list-style-type: decimal;
		margin: 0 0 0 20px;
		}
		.tabs ol li {
			display: list-item;
			float: none;
			padding-bottom:5px !important;
			font-size:12px;
			color:#6b6a6a;
			}
	
	.tabs ul.nav { width:100%;}
		
	.tabs ul {
		float: left;
		list-style: none;
		margin: 0 0 5px 0 !important;
		padding:0 0 0 0 !important;
		}
		.tabs li {
			display: block;
			float: left;
			margin: 0 5px 0 0;
			background:none !important;
			padding:0 0 0 0 !important;
			}
		.tabs .selected {
			margin-bottom: -5px;
			position: relative;
			}
		.tabs .selected a {
			background: #f0f0f0;
			color: #000;
			padding-bottom: 10px;
			}
		.tabs a:hover {
			background: #f0f0f0;
			color: #000;
			}

		.tabs a {
			background:#000;
			color: #fff;
			display: block;
			padding:5px 10px;
			text-decoration: none;
			}

	.tabs .tab-content {
		background: #f0f0f0;
		clear: both;
		width:100%;
		max-width:940px;
		overflow:auto;
		}
		.tabs .tab-content .inner {
			padding:10px;
			}
	
	.tabs p { margin-bottom: 5px; }
	.tabs .tab-content strong { color:#000;}
	
	.tabs pre {
		margin:4px 0;
	}
	.tabs code {
		overflow:auto;
	}
	*+html .tabs code { overflow:visible;}


/* Twitter */
#twitter {
	margin-bottom: 2em;
	}

	#twitter h2 {
		margin: 0 0 5px 0;
		padding:.5em 1em;
		font-size: 1.5em;
		color: #fff;
		background-color: #888;
		letter-spacing:0;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		}

	#preloader {
		margin: 0;
		padding: 1em 1em 1em 3em;
		text-indent:10px;
		background: transparent url(../images/loader.gif) 1em center no-repeat;
		/* generate your own loader gif: http://www.ajaxload.info */
		}

	ul#twitter_update_list {
		margin: 0;
		padding: 0 0 0.5em 0;
		list-style-type: none;
		}
		ul#twitter_update_list li {
			margin: 0;
			padding: 0.8em 0 1em 1em !important;
			background:#f0f0f0;
			margin-bottom:7px;
			}
		ul#twitter_update_list li:hover {
			background-color:#14a6e3;
			color:#fff;
			}
			ul#twitter_update_list li:hover a {
				color:#000;
				}

			ul#twitter_update_list li a {
				/* timestamp link */
				color: #000;
				}
			
				ul#twitter_update_list li span {
					display: block;
					}
				
				ul#twitter_update_list li span a {
					/* links in tweet */
					color: #14a6e3;
					}
				
			ul#twitter_update_list li.firstTweet {
				
				}
			ul#twitter_update_list li.lastTweet {
				border-bottom: none;
				}
			
			a#profileLink {
				display: block;
				padding: 0.3em 1em;
				color: #fff;
				background-color: #000;
				}





/*======================================================*/

/* Code grabber */
.code {
	padding:30px 0 10px 0;
}
	.code a.code-icon {
		margin-bottom:10px;
	}
	.code a.code-icon i {
		padding-right:6px;
		font-style:normal;
	}
	.code div.grabber {
		display:none;
	}
	.code code {
		padding:0 10px 0 10px;
		background:#f6f6f6;
		color:#333;
		border:1px solid #dfdfdf;
		white-space:pre;
		overflow:auto;
	}

/* Advanced Menu */
#advanced {
	position:fixed;
	z-index:999;
	right:-172px;
	top:50px;
	background:#181818;
	padding:20px 16px 20px 18px;
	width:135px;
	font-size:11px;
	border-right:3px solid #3a3a3a;
	font-family:Tahoma, Geneva, sans-serif;
	color:#dfdfdf;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
}
	#advanced span.trigger {
		display:block;
		position:absolute;
		left:-81px;
		top:50%;
		margin-top:-25px;
		width:81px;
		height:50px;
		background:#fff;
		cursor:pointer;
		text-align:center;
		background:url(../images/panel/adv-trigger.png) no-repeat 0 0;
	}
		#advanced span.trigger strong {display:block; padding:4px 0 0 0;}
		#advanced ul li {
			background:url(../images/panel-arrow.gif) no-repeat 0 6px;
			padding:0 0 0 13px;
			font-size:12px;
		}
		#advanced ul li.trigger_adv {
			padding:0 0 0 0;
		}
			#advanced ul li.trigger_adv > a {
				background:url(../images/panel-arrow2.gif) no-repeat 100% 8px #636363;
				border-radius:3px;
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				padding:0 20px 0 12px;
				color:#dfdfdf;
				font-weight:bold;
				display:inline-block;
			}
			
		#advanced ul li a {
			color:#4393d0;
			text-decoration:none;
		}
		#advanced ul li a:hover {
			text-decoration:underline;
		}
		#advanced ul ul {
			margin-left:13px;
		}
			#advanced ul ul li {
				font-size:11px;
				background:url(../images/panel-arrow1.gif) no-repeat 0 7px;
			}
			#advanced ul ul a {
				text-transform:capitalize;
				color:#dfdfdf;
			}
			#advanced ul ul ul {
				margin-left:8px;
			}
			#advanced ul ul ul li {
				background:none;
				}
			#advanced ul ul ul li a {
				color:#939393;
			}
			
/*Features table------------------------------------------------------------*/
.features-table{
  width: 100%;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0;
  text-shadow: 0 1px 0 #fff;
  color: #2a2a2a;
  background: #fafafa;  

}

.features-table td{
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  border-bottom: 1px solid #cdcdcd;
  box-shadow: 0 1px 0 white;
  -moz-box-shadow: 0 1px 0 white;
  -webkit-box-shadow: 0 1px 0 white;
  white-space: nowrap;
  text-align: center;
}

/*Body*/
.features-table tbody td{
  text-align: center;
  font-family: 'PT Sans', sans-serif;
  font-size:1.1em;
  color:#040e1c;
  width: 150px;
  border-right: 1px solid white;
  border-left: none;
  border-top: 1px solid white;
}

.features-table tbody td:first-child{
  width: auto;
  text-align: left;
}

.features-table td:nth-child(2), .features-table td:nth-child(3){
  background: #efefef;
  background: rgba(144,144,144,0.15);
  border-right: 1px solid white;
  border-top: 1px solid white;
}


.features-table td:nth-child(4){
  background: #efefef;
  background: rgba(144,144,144,0.15);
  border-right: none;
  border-top: 1px solid white;
}

/*Header*/
.features-table thead td{
  font-family: 'PT Sans', sans-serif;
  font-size:1.1em;
  color:#040e1c;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px; 
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top: 1px solid #eaeaea;
}

.features-table thead td:first-child{
  border-top: none;
  background: #fff;
}

/*Footer*/
.features-table tfoot td{
  text-align: center;
  font-family: 'PT Sans', sans-serif;
  font-size:1.1em;
  color:#040e1c;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px; 
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom: 1px solid #dadada;
}

.features-table tfoot td:first-child{
  text-align: left;
  background: #efefef;
  border-right: 1px solid white;
  border-top: 1px solid white;
}

/*Historie table------------------------------------------------------------*/
.historie-table{
  width: 100%;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0;
  text-shadow: 0 1px 0 #fff;
  color: #2a2a2a;
  background: #fafafa;  

}

.historie-table td{
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  border-bottom: 1px solid #cdcdcd;
  box-shadow: 0 1px 0 white;
  -moz-box-shadow: 0 1px 0 white;
  -webkit-box-shadow: 0 1px 0 white;
  white-space: nowrap;
  text-align: center;
}

/*Body*/
.historie-table tbody td{
  text-align: center;
  font-family: 'PT Sans', sans-serif;
  font-size:1.1em;
  color:#040e1c;
  width: 150px;
  border-right: 1px solid white;
  border-left: none;
  border-top: 1px solid white;
}

.historie-table tbody td:first-child{
  width: auto;
  text-align: left;
}

.historie-table td:nth-child(2), .features-table td:nth-child(3){
  background: #efefef;
  background: rgba(144,144,144,0.15);
  border-right: 1px solid white;
  border-top: 1px solid white;
}


.historie-table td:nth-child(4){
  background: #efefef;
  background: rgba(144,144,144,0.15);
  border-right: none;
  border-top: 1px solid white;
}

/*Header*/
.historie-table thead td{
  font-family: 'PT Sans', sans-serif;
  font-size:1.1em;
  color:#040e1c;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px; 
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top: 1px solid #eaeaea;
}

.historie-table thead td:first-child{
  font-family: 'PT Sans', sans-serif;
  font-size:1.1em;
  color:#040e1c;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px; 
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom: 1px solid #dadada;
}

/*Footer*/
.historie-table tfoot td{
  text-align: center;
  font-family: 'PT Sans', sans-serif;
  font-size:1.1em;
  color:#040e1c;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px; 
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom: 1px solid #dadada;
}

.historie-table tfoot td:first-child{
  text-align: left;
  background: #efefef;
  border-right: 1px solid white;
  border-top: 1px solid white;
}

/* ========================= Nieuws en waterstanden =============================== */


.odd{background-color: #fbfbfb;}
.even{background-color: #ebebeb;}
.marginfix{margin-top:-6px;}
.nieuwstitel{border-top:1px solid #e1e9f4;padding-top:0.5em;}
.nieuwsbericht{padding:2px 0 8px 0;text-align:justify;}
.nieuwstitelalt{width:auto;}
.nieuwstitelalt a{text-decoration:none;}
.nieuwsberichtalt{width:auto;border-bottom:1px solid #e1e9f4;padding:0 0 12px 0;margin-bottom:12px;text-align:justify;}

.tablev2{color:#828a97;}
	.table_rowv2{width:240px; overflow:hidden; padding:2px 0;}
	.table_rowv2 div{display:inline-block; line-height:1.3em; padding:12px 0 14px 0;}
	.hor_thv2 div{padding:0;}
	.darkv2{background:#ebebeb}
	.table_rowv2 .ver_thv2{color:#4d5665;font-weight:400; width:120px; border-right:1px solid #c6cdd7;text-align:center;}
	.table_rowv2 .table_col2v2{width:110px; border-right:1px solid #c6cdd7;}
	.table_rowv2 .table_col3v2{width:110px;text-align:center;}
	.hor_thv2 .table_col2v2, .hor_thv2 .ver_thv2{border-color:#f8f9fc;}
	.hor_thv2{margin-bottom:9px;}
	.total{font-weight:bold;}
	
.tablev3{color:#828a97;font-size:13px;}
	.table_rowv3{width:980px; overflow:hidden; padding:2px 0;}
	.table_rowv3 div{float:left; display:inline-block; line-height:1.3em; padding:7px 0 9px 0;}
	.hor_thv3 div{padding:0;}
	.darkv3{background:#f4f4f4}
	.table_rowv3 .ver_thv3{color:#4d5665; font-weight:400; width:260px; border-right:1px solid #c6cdd7; padding-left:12px;}
	.table_rowv3 .table_col2v3{width:140px; border-right:1px solid #c6cdd7; text-align:center;}
	.table_rowv3 .table_col3v3{width:140px; text-align:center;}
	.hor_thv3 .table_col2v3, .hor_thv3 .ver_thv3{border-color:#f8f9fc;}
	.hor_thv3{margin-bottom:9px;}
	.total{font-weight:bold;}