html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline
}
body {
	line-height:1
}
ol, ul {
	list-style:none
}
table {
	border-collapse:collapse;
	border-spacing:0
}
caption, th, td {
	text-align:left;
	font-weight:normal;
	vertical-align:middle
}
q, blockquote {
	quotes:none
}
q:before, q:after, blockquote:before, blockquote:after {
	content:"";
	content:none
}
a img {
	border:none
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display:block
}
select, input, button, textarea {
	font:99% arial, helvetica, clean, sans-serif
}
table {
	font-size:inherit;
	font:100%
}

body {
	font-family: helvetica,Verdana, sans-serif;
	font-weight:100;
	background-color:#dadadb;
	line-height:22px;
	font-size:13px;
}
#container {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	overflow:hidden;
*zoom:1
}
#masthead {
	background-color:#fff;
	height:35px;
	line-height:35px
}
#masthead ul {
	padding-left:0
}
#masthead ul li {
	margin:0 6px 0 0;
	float:left;
	list-style-type:none
}
#masthead ul#volg-contact {
	float:right
}
#logo-bar {
	background-color:#667dd1;
	height:100px;
	position:relative
}
#logo {
	width:309px;
	height:68px;
	display:block;
	background:url(../img/web-media-service-logo.png) 0 0 no-repeat;
	position:relative;
	top:14px;
	text-indent:-9999px
}
#logo-bar div.inner {
	height:100px
}
#date {
	padding:10px 0;
	height:30px;
	background-color:#fff;
	line-height:35px
}
#date .date {
	float:left;
}
#date .temperatuur {
	float:right;
	font-weight:bold
}
#header {
	background-color:#000105; 
	position:relative;
	overflow: hidden;
}

#fotos {
	overflow: hidden;
	display:block;
	position:relative;
}
#fotos img {
	position:absolute;
	z-index:8;
}
#fotos img.active {
	z-index:10;
	position:absolute;
}

#fotos img.last-active {
	z-index:9;
	position:absolute;
}

#fotonav 
{
	z-index:9999;
	position:absolute;
	bottom: 10px;
	text-align:center;

	
}
#fotonavigatie {
	z-index: 999;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	left: 25px;
	position: relative;
}
#navbar {
	width:100%;
	height:44px;
	background-color:#667dd1;
}
#contact-gegevens {
	background-color:#667dd1
}
#project-uitgelicht {
	padding-top: 10px;
	padding-bottom: 25px;
	background-color:#e3e3e4
}
#project-uitgelicht .inner {
	width:960px
}
#uitgelicht-afbeeldingen {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	overflow:hidden;
	padding-top: 10px;
*zoom:1

}
#uitgelicht-afbeeldingen ul {
	padding:0 0 0 10px
}
#uitgelicht-afbeeldingen ul li {
	float:left;
	margin-right:3px;
	list-style:none
}
#uitgelicht-afbeeldingen ul li img {
	display:block;
		border:1px solid #000
}

#uitgelicht-afbeeldingen ul li.last {
	margin:0
}

#uitgelicht-afbeeldingen ul li.first {
	margin-right: 116px;
}
#uitgelicht-afbeeldingen ul li.second {
	margin-right: 100px;
}
#uitgelicht-afbeeldingen ul li.third {
	margin-right: 116px;
}

#contact-gegevens {
	padding:10px 0;
	background-color:#667dd1
}
#contact-gegevens ul {
	display:block;
	float:left;
	padding-left:0;
	margin-right:140px
}
#contact-gegevens ul li {
	list-style:none;
	color:#fff
}
#contact-gegevens ul li h4 {
	color:#fff;
	font-weight:bold
}
#contact-gegevens ul li a {
	text-decoration:none;
	color:#fff
}
#contact-gegevens ul.last {
	margin-right:0
}
#contact {
	padding:10px 0 20px 0
}
#contact h3 {
	margin-top:0
}
#contact input.cinput {
	width:390px;
	margin-bottom:10px
}
#contact input.cinputl {
	width:335px;
	margin-bottom:10px;
	float:left;
	padding: 5px;
	height:14px;
}
#contact input.sinput {
	width:40px;
	height: 30px;
	border:1px solid #667dd1;
	padding:5px;
	margin-left:5px;
	text-align:center;
	-webkit-appearance: none;
	background: #fff;

}
#contact textarea {
	width:390px
}
#contact .inner {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	overflow:hidden;
*zoom:1
}
#contact #left-blok {
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:50px;
	width:420px
}
#contact #right-blok {
	display:inline;
	float:left;
	margin-left:50px;
	margin-right:10px;
	width:420px
}
#contact #contact-form {
	background-color:#667DD1;
	padding:10px;
	width:400px;
	float:left;
	display:inline;
	height:185px;
	color:#fff;
	box-shadow: 5px 5px 5px #888;
}
#contact #contact-form-bel {
	background-color:#667DD1;
	padding:10px;
	width:400px;
	margin-bottom:15px;
	height:75px;
	color:#fff;
	box-shadow: 5px 5px 5px #888;
}
#contact #contact-form-zoeken {
	background-color:#444;
	padding:10px;
	width:400px;
	height:75px;
	color:#fff;
	box-shadow: 5px 5px 5px #888;
}
#contact .berichtknop {
	float:right;
	border:1px solid #667dd1;
	background-color:#e3e3e4;
	padding:5px
}
ul#navigation {
	position:relative;
	left:0px;
	top:0px;
	float:left;
	margin:0 0 15px 0;
	padding:0 0 10px 0
}
ul#navigation li {
	float:left;
	display:inline;
	white-space:nowrap;
	padding:5px 0
}
ul#navigation li a {
	display:inline-block;
	text-decoration:none;
	text-indent:-9999px
}
ul#navigation li a.active {
	padding-left:25px
}
ul#navigation li.active {
	background:url(../images/pijl.png) center left no-repeat
}
#main {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	overflow:hidden;
*zoom:1;
	margin-top:15px;
	line-height:22px;
	padding:0 0 10px 0
}
#left-column {
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:50px;
	width:420px;
	text-align:justify;
}
#right-column {
	display:inline;
	float:left;
	margin-left:50px;
	margin-right:10px;
	width:420px;
	text-align:justify;
}
#logos ul {
	float:left;
	display:inline;
	width: 960px;
	padding: 0;
}
#logos ul li {
	float:left;
	list-style:none;
	margin-right:150px
}
#logos ul li.last {
	margin-right: 0;	
}
.left, .right {
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:50px;
	width:420px;
	text-align:justify;
}
.right {
	display:inline;
	float:left;
	margin-left:50px;
	margin-right:10px;
	width:420px;
	text-align:justify;
}
.p_logo {
	float:right;
	margin: 0 10px 5px 10px;
	height:44px;
	width:200px;
	display:block
}
.scrollbar {
	width:100%;
	background-color:#fff;
	padding: 0;
}
.scrollbar-inner {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	overflow:hidden;
*zoom:1;
	width:100%;
	padding:0 0
}
#banner {
	width:100%;
	background-color:#e3e3e4;
	padding:20px 0
}
#banner-inner {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	overflow:hidden;
*zoom:1;
	width:940px;
	padding:0 10px
}
#over-ons {
	width:100%;
	background-color:#efefef;
	padding:20px 0
}
#twitter {
	background-color:#fff;
	padding:10px 0;
	height:30px
}

#twitter  div.inner
{

}

#projecten-titel .inner {
  margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: 960px;	
}

div.inner {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	overflow:hidden;
*zoom:1;
	width:940px;
	padding:0 10px
}
#twitter-button {
	width:117px;
	height:31px;
	display:inline;
	float:left;

}
#twitter-button a {
	background:url(../img/twit_tweet.png) 0 0 no-repeat;
	height:31px;
	width:117px;
	display:block;
	text-indent:-9999px
}

#twitter-ticker {
	
	height:30px;
	float:left;
}

#organisatie {
	width:100%;
	background-color:#fff;
	padding:10px 0 15px 0
}
#organisatie h2 {
	margin-left: 10px;	
}
#organisatie-inner {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	overflow:hidden;
*zoom:1
}
#projecten-titel {
background: #fff;

}

	#projecten-titel h2 {
		margin-left: 10px;
		font-size: 138.5%;
	}

#logos {
	float: left;
	display: inline;	
	margin-left: 10px;
}

#ondersteunt {
	width: 100%;
		background-color: #E3E3E4;	
}
#ondersteunt-inner {
	  margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: 960px;	
}
#organisatie-left {
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:50px;
	width:420px;
	text-align:justify;
}
#organisatie-right {
	display:inline;
	float:left;
	margin-left:50px;
	margin-right:10px;
	width:420px;
	text-align:justify;
}
#footer {
	background-color:#444444;
}
#footer h3 {
	
}
#footer-inner {
	color:#fff;
	padding:20px 10px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	width:940px;
	height:150px;
	position:relative;
	z-index:0;
	font-size: 11px;
}
#footer-inner ul {
	display:block;
	float:left;
	padding-left:0;

}
#footer-inner ul li {
	float:left;
	list-style:none;
	color:#fff;
	border-right: 1px solid #fff;
	padding: 0 10px;
	height: 16px;
	line-height: 16px;
}
#footer-inner ul li h4 {
	color:#CCCCCC;
	font-weight:bold
}
#footer-inner ul li a {
	text-decoration:none;
	color:#fff
}
#footer-inner ul li a:hover {
	text-decoration: underline;	
}
#footer-inner ul li.first {
	padding-left: 0;
}
#footer-inner ul li.last {
border:0;
}
#footer-inner ul.last {
	margin-right:0
}
a.logo {
	height:70px;
	width:169px;
	display:block;
	position:absolute;
	left:0px;
	top:26px
}
#slogan {
	background:url(../images/header_slogan.png) center top no-repeat;
	width:310px;
	height:82px;
	display:block;
	position:absolute;
	right:10px;
	top:20px
}
h1 {
	font-size:197%;
	font-weight:bold;
	margin:10px 0px
}
h2 {
	margin:10px 0px;
	font-size:167%;
	font-size:bold
}
h3 {
	margin:10px 0px;
	font-size:138.5%;
	font-size:bold
}
p {
	margin:10px 0;
	font-size:93%
}
ul {
	padding-left:25px
}
ul li {
	list-style:disc
}
.tickercontainer {
	background:#fff;
	width:940px;
	height:31px;
	margin:0;
	padding:0;
	overflow:hidden
}
.tickercontainer .mask {
	position:relative;
	top:0;
	width:940px;
	overflow:hidden;
	height:31px
}
ul.newsticker {
	position:relative;
	left:150px;
	font:14px arial;
	list-style-type:none;
	margin:0;
	padding:0
}
ul.newsticker li {
	line-height:31px;
	float:left;
	margin:0;
	padding:0;
	background:#fff;
	list-style:none;
	margin-right:10px
}
ul.newsticker a {
	white-space:nowrap;
	padding:0;
	color:#555;
	font:14px Arial;
	font-weight:100;
	margin:0
}
ul.newsticker span {
	float:left
}
ul.newsticker li img {
	width:16px;
	height:16px
}
ul.newsticker li a.tweet_avatar {
	display:inline;
	float:left;
	height:16px;
	width:16px;
	line-height:37px;
	margin-right:5px
}
ul.newsticker li .tweet_text {
	margin-right:5px;
	color:#555
}
ul.newsticker li .tweet_time {
	color:#aaa
}
.simply-scroll-container {
	position:relative
}
.simply-scroll-clip {
	position:relative;
	overflow:hidden
}
.simply-scroll-list {
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none
}
.simply-scroll-list li {
	padding:0;
	margin:0;
	list-style:none
}
.simply-scroll-list li img {
	border:none;
	display:block
}
.simply-scroll-btn {
	position:absolute;
	background-image:url(buttons.png);
	width:42px;
	height:44px;
	z-index:3;
	cursor:pointer
}
.simply-scroll-btn-left {
	left:6px;
	bottom:6px;
	background-position:0 -44px
}
.simply-scroll-btn-left.disabled {
	background-position:0 0 !important
}
.simply-scroll-btn-left:hover, .simply-scroll-btn-left:focus {
	background-position:0 -88px
}
.simply-scroll-btn-right {
	right:6px;
	bottom:6px;
	background-position:-84px -44px
}
.simply-scroll-btn-right.disabled {
	background-position:-84px 0 !important
}
.simply-scroll-btn-right:hover, .simply-scroll-btn-right:focus {
	background-position:-84px -88px
}
.simply-scroll-btn-up {
	right:6px;
	top:6px;
	background-position:-126px -44px
}
.simply-scroll-btn-up.disabled {
	background-position:-126px 0 !important
}
.simply-scroll-btn-up:hover, .simply-scroll-btn-up:focus {
	background-position:-126px -88px
}
.simply-scroll-btn-down {
	right:6px;
	bottom:6px;
	background-position:-42px -44px
}
.simply-scroll-btn-down.disabled {
	background-position:-42px 0 !important
}
.simply-scroll-btn-down:hover, .simply-scroll-btn-down:focus {
	background-position:-42px -88px
}
.simply-scroll-btn-pause {
	right:6px;
	bottom:6px;
	background-position:-168px -44px
}
.simply-scroll-btn-pause:hover, .simply-scroll-btn-pause:focus {
	background-position:-168px -88px
}
.simply-scroll-btn-pause.active {
	background-position:-84px -44px
}
.simply-scroll-btn-pause.active:hover, .simply-scroll-btn-pause.active:focus {
	background-position:-84px -88px
}
.simply-scroll {
	width:100%;
}
.simply-scroll .simply-scroll-clip {
	width:100%;
}
.simply-scroll .simply-scroll-list li {
	float:left;
	padding: 0 15px;
}
h3.empty {
	visibility:hidden
}

#loc_info
{
	-moz-box-shadow: 5px 5px 5px #34437c;
	-webkit-box-shadow: 5px 5px 5px #34437c;
	box-shadow: 5px 5px 5px #34437c;
	background-color:#fff;
	-moz-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	border-bottom-left-radius: 8px;
	opacity:0.9;
	filter:alpha(opacity=90);
	float:right;
	position:relative;
	width:160px;
	height:22px;
}

.datum, .weer{
	position:absolute;
	left:0;
	width:160px;
	text-align:center;
}

.weer ul li {
	float: left;	
	list-style: none;
	line-height: 22px;
	margin-right: 6px;
}

#header-right
{
	float:right;
}

#menu
{
	text-align:right;
	padding-top:75px;
	color:#fff;
}

#menu a
{
	color:#fff;
	text-decoration:none;;
}

#omhoog {
	background-color: #000;
	height: 50px;
	width: 49px;
	display: block;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 1000;
}

#omhoog a {
	background: url(../img/up.png) left top no-repeat;
	display: block;
	height: 50px;
	width: 49pxpx;
	text-indent: -9999px;
}

#omhoog a:hover {
	background:url(../img/up.png) left top no-repeat;
}

a#vorige, a#volgende {
	width: 25px;
	height: 25px;
	float: left;
	display: block;
	text-indent: -9999px;
	margin: 0 5px;
}

a#vorige {
	background: url(../img/nav.png) left top no-repeat;	
}
a#volgende {
	background: url(../img/nav.png) right top no-repeat;	
}

ul#social-media-icons {
	float: right;
	display: inline;
	
}

ul#social-media-icons li {
	float: left;
}

ul#social-media-icons a {
	display: block;
	height: 16px;
	width: 16px;
	text-indent: -9999px;
	line-height: 35px;
	height: 35px;
}

ul#social-media-icons a.twitter {
	background: url(../img/twitter-icon.png) center center no-repeat;
}

ul#social-media-icons a.facebook {
	background: url(../img/facebook-icon.png) center center no-repeat;
}

ul#footer-logos {
	float: left;
	display: inline;
	margin-bottom: 30px;
	margin-top: 10px;
	width: 940px;
}

ul#footer-logos li {
	padding: 0;
	border: 0;
	float: left;	
	width: 134px;
	height: 35px;
	display: block;
	margin-right: 133px;
}

ul#footer-logos li.last {
	
margin-right: 0;	
}

#webcare {
	background: url(../img/logos/web-care-service.png) 0 0 no-repeat;	
}
#webphone {
	background: url(../img/logos/web-phone-service.png) 0 0 no-repeat;	
}
#webtrade {
	background: url(../img/logos/web-trade-service.png) 0 0 no-repeat;		
}
#webwrite{
	background: url(../img/logos/web-write-service.png) 0 0 no-repeat;
}