html { height: 100%; width: 100%; margin: 0px; padding: 0px;}
body {
	background: #fff url("../images/bg-first-part.jpg") repeat 0px 0px;
	height: 100%; 
	width: 100%; 
	margin: 0px; 
	padding: 0px;
	font-family: Palatino Linotype, Palatino, serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 21px;
	color: #8b8b8b;
}
@font-face {
	font-family: 'Museo300';
	src: url('../fonts/museo300-regular-webfont.eot');
	src: local('?'), url('../fonts/museo300-regular-webfont.woff') format('woff'), url('../fonts/museo300-regular-webfont.ttf') format('truetype'), url('../fonts/museo300-regular-webfont.svg#webfontqV2JyHgT') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Museo700';
	src: url('../fonts/museo700-regular-webfont.eot');
	src: local('?'), url('../fonts/museo700-regular-webfont.woff') format('woff'), url('../fonts/museo700-regular-webfont.ttf') format('truetype'), url('../fonts/museo700-regular-webfont.svg#webfontqV2JyHgT') format('svg');
	font-weight: normal;
	font-style: normal;
}
#border-top {
	padding: 0px 0px 2px 0px;
	border-bottom: solid 1px #e3e3e3;
	background: #fff;
	position: relative;
	font-size: 0px;
	line-height: 0px;
}

#topsite {
	background: transparent url('../images/bg-topsite.jpg') repeat-x 0px 0px;
	height: 158px;
}

#glowtop {
	background: transparent url('../images/bg-glow-top.jpg') no-repeat top center;
	height: 157px;
	width: 100%;
}

#glowtop .contentmiddle {
	margin: 0px auto;
	padding: 15px 0px 0px 0px;
}

#bedankt {
	background: #fff url('../images/bg-bedankt.jpg') repeat-x 0px 1px;
	font-family: Palatino Linotype, Palatino, serif;
	font-size: 13px;
	line-height: 21px;
}
#bedankt  strong{
	font-size: 19px;
	font-family: 'Museo700';
	color: #3ABDD7;
}
#bedankt .contentmiddle {
	text-align: center;
	padding: 14px 0px 7px;
	margin: 0px auto;
}
#bedankt a {
	color: #3ABDD7;
	text-decoration: underline;
}

#bedankt a:hover{
	color: #1b559b;
	text-decoration: none;
}

#shadow-top {
	background: url('../images/bg-shadow-top.jpg') repeat-x 0px 0px;
	height: 13px;
	width: 100%;
	position: absolute;
	top: 0px;
}

#logo-no {
	margin: 0px 0px 0px 50px;
	background: url('../images/logo-no.png') no-repeat 0px 0px;
	height: 125px;
	width: 384px;
}
.topmenu {
	position: absolute;
	top: 73px;
	right: 81px;
	font-family: Museo300;
	font-size: 15px;
}
.topmenu a {
	margin: 0px 12px;
	color: #3abdd7;
	text-decoration: none;
	float: left;
}
.topmenu a:hover {
	color: #1b559b;
	text-decoration: none;
}
.scheiding-menu {
	background: url("../images/menu-scheiding.gif") no-repeat 0px 0px;
	float: left;
	width: 2px;
	height: 21px;
}

#utrecht-top {
	background: transparent url("../images/bg-utrecht-top.jpg") no-repeat 0px 0px;
	padding: 4px 7px 2px 6px;
	margin: 0px 2px;
}
#duiven-top {
	background: transparent url("../images/bg-duiven-top.jpg") no-repeat 0px 0px;
	padding: 4px 7px 2px 6px;
	margin: 0px 2px;
}

.locaties-menu {
	position: absolute;
	top: 100px;
	right: 65px;
	font-family: Museo300;
	font-size: 12px;
}
.locaties-menu a {
	margin: 0px 2px;
	color: #8b8b8b;
	text-decoration: none;
	float: left;
}
.locaties-menu a:hover {
	margin: 0px 2px;
	color: #333;
	text-decoration: none;
	float: left;
}
#introduction{
	background: #e2edef url("../images/bg-first-part.jpg") repeat 0px bottom;
	border-bottom: solid 1px #fff;
	position: relative;
	width: 100%;
}
	
#clouds {
	background: #e2edef url("../images/clouds.jpg") repeat-x 0px 0px;
	width: 100%;
	height: 189px;
	position: absolute;
	top: 572px;
}
.contentmiddle {
	width: 960px;
	margin: 0px auto;
	padding: 20px 0px 20px 0px;
	position: relative;
}
	.contentmiddle.top {
		height: 721px;
	}

#introduction .contentmiddle {
	background: transparent url("../images/stripes-bg.png") no-repeat right top;
	width: 960px;
	margin: 0px auto;
	padding: 10px 0px 30px 0px;
	display: block;
	position: relative;
}

#introduction .contentmiddle .textbox {
	float: left;
	width: 240px;
	text-align: justify;
	margin: 0px 0px 15px 0px;
	position: relative;
	display: inline;
	padding: 25px 40px 37px;
}

#introduction .contentmiddle .textbox .icon {
	text-align: center;
	width: 240px;
	height: 52px;
}

#introduction .contentmiddle .textbox h2 {
	font-size: 22px;
	font-family: 'Museo700';
	font-weight: normal;
	font-style: normal;
	color: #41b6cd;
	text-align: center;
	position: absolute;
	top: 86px;
	z-index: 1;
	width: 240px;
}

#introduction .contentmiddle .textbox h3 {
	font-size: 22px;
	font-family: 'Museo700';
	font-weight: normal;
	font-style: normal;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 87px;
	z-index: 0;
	width: 240px;
}

#introduction .contentmiddle .paragraph{
	margin: 38px 0px 0px 0px;
}

#introduction .contentmiddle .paragraph strong {
	color: #575757;
	font-weight: bold;
}

#sliderbak {
	background: url("../images/shadow-slider.png") no-repeat 0px 40px;
	height: 355px;
}

.slide-title {
	font-size: 18px;
	font-family: 'Museo700';
	font-weight: normal;
	font-style: normal;
	color: #52c0d5;
	z-index: 0;
	width: 240px;
	background: url("../images/slide-scheiding.gif") no-repeat right 3px;
	padding-right: 8px;
}

.slide-description{
	padding-left: 8px;
}

.slide-description a {
	color: #154f95;
}


#diensten{
	background: #2eaecb url("../images/bg-diensten.jpg") repeat 0px 0px;
	border-top: solid 1px #1f8da6;
	border-bottom: solid 1px #5bc3da;
	color: #8b8b8b;
}

#diensten .contentmiddle {
	padding: 30px 63px;
}

#diensten .contentmiddle h2 {
	font-size: 22px;
	font-family: 'Museo700';
	font-weight: normal;
	font-style: normal;
	color: #fff;
	text-align: left;
	position: absolute;
	top: 40px;
	left: 102px;
	z-index: 1;
}
#diensten .contentmiddle h3 {
	font-size: 22px;
	font-family: 'Museo700';
	font-weight: normal;
	font-style: normal;
	color: #1a87a0;
	text-align: left;
	position: absolute;
	top: 41px;
	left: 102px;
	z-index: 0;
}

#container-dienstencloud {
	color: #fff;
	padding: 45px 35px 5px;
}

#no-locations{
	background: #f3f3f3 url("../images/bg-second-part.jpg") repeat-x 0px 0px;
	border-top: solid 1px #cfcfcf;
	border-bottom: solid 1px #dfdfdf;
	color: #8b8b8b;
	height: 343px;
}
#bg-holland {
	background: url("../images/bg-holland.png") no-repeat right -15px;
	width: 100%;
	height: 343px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#no-locations .contentmiddle .textbox {
	margin: 0px 40px 15px 40px;
	position: relative;
	padding: 37px 0px 0px 0px;
}
#no-locations .contentmiddle .textbox h2 {
	font-size: 22px;
	font-family: 'Museo700';
	font-weight: normal;
	font-style: normal;
	color: #47bcd3;
	text-align: left;
	position: absolute;
	top: 15px;
	z-index: 1;
	width: 240px;
}
#no-locations .contentmiddle .textbox h3 {
	font-size: 22px;
	font-family: 'Museo700';
	font-weight: normal;
	font-style: normal;
	color: #fff;
	text-align: left;
	position: absolute;
	top: 16px;
	z-index: 0;
	width: 240px;
}
#no-locations .contentmiddle .textbox  .paragraph {
	margin: 15px 0px 0px 0px;
}
#no-locations .contentmiddle .textbox  .paragraph strong{
	color: #565656;
}
#no-locations .contentmiddle .textbox  .paragraph a{
	color: #0d478d;
	text-decoration: underline;
}
#no-locations .contentmiddle .textbox  .paragraph a:hover{
	color: #0d478d;
	text-decoration: none;
}
#no-locations .contentmiddle .textbox  .paragraph span{
	padding: 0px 0px 0px 20px;
}
span.telephone {
	background: transparent url("../images/icon-telephone.png") no-repeat 0px 2px;
}
span.fax {
	background: transparent url("../images/icon-fax.png") no-repeat 0px 2px;
}
span.mail {
	background: transparent url("../images/icon-mail.png") no-repeat 0px 2px;
}
span.spacer {
	height: 11px;
	display: block;
}
#contact-part{
	background: #e2edef url("../images/bg-first-part.jpg") repeat 0px 0px;
	border-top: solid 1px #89bcc5;
	border-bottom: solid 1px #f3f8f9;
	color: #8B8B8B;
}
#contact-part .contentmiddle {
	padding: 25px 0px 0px 0px;
}
#contact-part .contentmiddle .contactform {
	margin: 0px 3px 0px 40px;
	position: relative;
	padding: 37px 58px 35px 0px;
	width: 561px;
	float: left;
	background: url("../images/shadow-contact-bg.png") no-repeat right 58px;
}
#contact-part .contentmiddle .tweets {
	margin: 0px 0px 15px 0px;
	position: relative;
	padding: 37px 0px 0px 0px;
	float: left;
}
#contact-part .contentmiddle .contactform h2, #contact-part .contentmiddle .tweets h2 {
	font-size: 22px;
	font-family: 'Museo700';
	font-weight: normal;
	font-style: normal;
	color: #44b9d1;
	text-align: left;
	position: absolute;
	top: 15px;
	z-index: 1;
	width: 240px;
}
#contact-part .contentmiddle h3 {
	font-size: 22px;
	font-family: 'Museo700';
	font-weight: normal;
	font-style: normal;
	color: #fff;
	text-align: left;
	position: absolute;
	top: 16px;
	z-index: 0;
	width: 240px;
}
#contact-part .contentmiddle .paragraph {
	padding: 15px 0px 0px 0px;
}
#contact-part .contentmiddle .table{
	margin: 20px 0px 0px 0px;
}
#contact-part .contentmiddle .contact-description {
	width: 125px;
	display: block;
	float: left;
}
.contact-description{
	padding: 2px 0px 0px 0px;
	display: block;
	float: left;
}
.contact-fields{
	padding: 0px 0px 0px 38px;
	display: block;
	float: left;
}
.required {
	background: transparent url("../images/icon-required.gif") no-repeat 0px 5px;
}
.required-fields {
	background: transparent url("../images/icon-required-twofields.gif") no-repeat 125px 77px;
}
.table-row {
	float: left;
	margin: 3px 0px;
}
.inputfield {
	border: dashed 1px #a2dae6;
	font-family: Palatino Linotype, Palatino, serif;
	font-size: 13px;
	font-weight: normal;
	color: #15798f;
	background: #fff;
	padding: 3px 5px 2px;
	width: 175px;
	margin: 0px;
}
.inputfield:focus {
	border: solid 1px #f4f1ac;
	background: #fff;
}
.form-email {
	width: 250px;
	margin: 0px;
}
.form-email:focus {
	width: 250px;
}
.inputfield.optional {
	border: dashed 1px #b3dde6;
	background: #fff;
	margin: 0px;
}
.inputfield.optional:focus {
	border: solid 1px #f4f1ac;
	background: #fff;
}
textarea.message {
	border: dashed 1px #a2dae6;
	font-family: Palatino Linotype, Palatino, serif;
	font-size: 13px;
	font-weight: normal;
	color: #15798f;
	background: #fff;
	padding: 3px 3px 3px 5px;
	width: 250px;
	height: 144px;
	margin: 0px;
}
textarea.message:focus {
	border: solid 1px #f4f1ac;
	padding: 3px 3px 3px 5px;
	height: 144px;
	background: #fff;
}
a.contactform-send {
	background: transparent url("../images/bg-button.jpg") repeat-x 0px 0px;
	color: #15798f;
	padding: 2px 9px 0px 25px;
	height: 24px;
	width: 166px;
	display: inline-block;
	font-weight: bold;
}
a.contactform-send:hover {
	background: transparent url("../images/bg-button.jpg") repeat-x 0px -26px;
	color: #0c5d6f;
	padding: 2px 9px 0px 25px;
	height: 24px;
	width: 166px;
	display: inline-block;
}
.tweets .textblock {
	margin: 0px;
}
.tweets .textblock .top {
	background: transparent url("../images/bg-tweets-top.jpg") no-repeat 0px 0px;
	width: 258px;
	height: 45px;
}
.tweets .textblock .middle {
	background: transparent url("../images/bg-tweets-middle.jpg") repeat-y 0px 0px;
	width: 208px;
	padding: 10px 25px;
}
.tweets .textblock .bottom {
	background: transparent url("../images/bg-tweets-bottom.jpg") no-repeat 0px 0px;
	width: 258px;
	height: 12px;
}
.tweet .dark a {
	color: #15798F;
}
.tweet-message {
	font-style: italic;
}
.tweet-time {
	background: transparent url("../images/tweets-spacer.gif") no-repeat 0px 19px;
	color: #d4d4d4;
	text-align: right;
	font-size: 0.8em;
	margin: 0px 0px 9px 0px;
}
.tweet-message a {
	color: #47bcd4;
	text-decoration: none;
}
.tweet-message a:hover {
	color: #47bcd4;
	text-decoration: underline;
}
#footer{
	background: #fff;
	border-top: solid 1px #fff;
}

.footerleft {
	background: transparent url("../images/bg-partners.jpg") no-repeat 136px 21px;
	float: left;
	width: 435px;
	text-align: left;
	display: inline;
	margin-left: 40px;
	padding: 0px 0px 5px 0px;
}
.footerright {
	float: left;
	width: 435px;
	text-align: right;
	display: inline;
	margin-right: 40px;
}
#footer .footer-light {
	color: #bcbbbb;
	
}
.valid {
	padding: 0px 21px 0px 0px;
	background: transparent url("../images/footer-tick.gif") no-repeat right 2px;
}
.valid:hover {
	padding: 0px 21px 0px 0px;
	background: transparent url("../images/footer-tick.gif") no-repeat right -16px;
	cursor: default;
}
a img {
	border: none;
}
.clear{
	clear: both;
	height: 0px;
	min-height: 0px;
	line-height: 0px;
	font-size: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	content: "";
}

#no-duiven {
	background: transparent url("../images/no-duiven.png") no-repeat;
	position: absolute;
	top: 145px;
	left: 750px;
	height: 166px;
	width: 179px;
	display: block;
	z-index: 2;
}

#no-utrecht {
	background: transparent url("../images/no-utrecht.png") no-repeat;
	position: absolute;
	top: 87px;
	left: 420px;
	height: 166px;
	width: 179px;
	display: block;
	z-index: 2;
}

div.wiezijnwij { background: transparent url("../images/icon-wiezijnwe.png") no-repeat center top;}
div.watdoenwij { background: transparent url("../images/icon-watdoenwe.png") no-repeat center top;}
div.werkenvoor { background: transparent url("../images/icon-werken.png") no-repeat center top;}

div.watdoenwijbox { background: transparent url("../images/balloon-watdoenwe.png") no-repeat center top;}

#warning {display: none;}

ul#tagcloud {
	float: left;
}
ul#tagcloud li {
	padding: 4px 5px;
	float: left;
}