@import url(resetclearfix.css);


body {
	background: #226eb5 url(../images/bg.jpg) repeat-x;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	color: #727272;
	line-height: 17px;
}

strong {
	font-weight: bold;
}

td {
	vertical-align: top;
}

a:link{
	color: #325ea0;
}

a:visited{
	color: #325ea0;
}

a:hover{
	color: #325ea0;
	text-decoration:none;
}

a:active{
	color: #325ea0;
}

a.menu_aktief{
	font-weight: bold;
	margin-left:10px;

}

h1 {
	font-size: 16px;
	color: #1b559b;
	font-weight: bold;
	padding-top: 3px;
}


hr {
	background-color: #999999;
	height: 1px;
}

.main {
	margin: 0 auto;
	width: 936px;
	text-align: left;
}

.header {
	background: url(../images/header.png) no-repeat;
	width: 936px;
	height: 255px;
	margin-top: 5px;
}

.logohome {
	margin-left: 20px;
	margin-top: 19px;
}

.content {
	background: url(../images/border.png) repeat;
	width: 936px;
}

.footer {
	background: url(../images/footer.png) no-repeat;
	width: 936px;
	height: 300px;
}

.menutop {
	margin-top: -63px;
}

	.menutop ul {
		margin-left: 720px;
	}

		.menutop li {
			margin-left: 20px;
			display: inline;
		}

			.menutop a {
				color: #555555;
				text-decoration: none;
			}
			.menutop a:hover {
				text-decoration:underline;
					}

a.menutop_aktief{
	font-weight: bold;
}



.menu {
	background: #325e9f;
	width: 219px;

	margin-left: 29px;
	color: #FFF;
	float: left;
	margin-top: 9px;
	margin-bottom: 9px;
	padding-bottom: -9px;
	display: inline;
}

.menu img
{
display:inline;
float:left;
}

	.menu ul {
		width: 198px;
		margin-left: 9px;
		padding-top: 11px;
		color: #FFF;
	}


		.menu li {
			border-bottom: 1px solid #FFF;
			line-height: 24px;
			color: #FFF;
		}

			li.geenlijn {
				border: none;
				color: #FFF;
			}

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

					.menu a:visited {
						color: #FFF;
						text-decoration: none;
					}

						.menu a:hover {
						color: #FFF;
						font-weight:bold;
					}

.menu1 {
	background: url(../images/site.jpg) no-repeat;
	width: 205px;
	height: 71px;
	margin-top: 10px;
	margin-left: 7px;
	margin-bottom: 7px;
}
.menuimg {
	padding-bottom: 0px;
}
a.linkkolom {
	float: right;
	margin-bottom: 10px;
}

.form {
	float: left;
	margin-left: 9px;
	margin-top: 12px;
	width: 301px;
	background-color:#EEE;
	padding: 7px;
}

.kolom1 {
	float: left;
	padding-left: 9px;
	padding-top: 5px;
	width: 320px;
	display: inline;
}

	.kolom1picture {
		width: 320px;
		height: 83px;
		margin-top: 7px;
	}

		.kolom1tekst {
			color: #727272;
			margin-top: 12px;
			text-align:justify
		}

.kolom2 {
	float: left;
	padding-left: 9px;
	padding-top: 5px;
	width: 320px;
}

	.kolom2picture {
		width: 320px;
		height: 83px;
		margin-top: 7px;
	}

		.kolom2tekst {
			color: #727272;
			margin-top: 12px;
			padding-bottom: 10px;
			text-align:justify
		}

span.titel {
	font-size: 16px;
	color: #1b559b;
	font-weight: bold;
}

span.titel2{
	font-size: 14px;
	color: #5b5b5b;
	font-weight: bold;
}

.titelvervolg {
	padding-top: 5px;
	font-size: 16px;
	color: #1b559b;
	font-weight: bold;
	padding-bottom: 5px;
}

.footercontent {
	padding-left: 9px;
	padding-top: 13px;
	padding-bottom: 9px;


}

span.titelfooter {
	padding-left: 20px;
	font-size: 16px;
	color: #1b559b;
	font-weight: bold;
}

.footerblokken {
}

.footerblok {
	padding-left: 9px;
	padding-top: 5px;
	float: left;
	width: 202px;
	color: #5a5a5a;
	display: inline;
	text-align:justify;
	height: 220px;
}

.footerblok1 {
	padding-left: 19px;
	padding-top: 5px;
	float: left;
	width: 202px;
	color: #5a5a5a;
	display: inline;
	text-align:justify;
	height: 220px;
}

a.meerinformatie {
	float: left;
	margin-top: 220px;
	margin-left: -80px;
}

.meerinformatie {
	text-align: right;
}


.footerimage {
	border: 1px solid #979797;
	margin-top: 0px;
}

.borderfooter {
	background: url(../images/borderfooter.jpg) no-repeat;
	width: 4px;
	height: 199px;
	float: left;
	margin-top: 5px;
	margin-left: 4px;
	margin-right: 1px;
}

span.titelprojecten {
	font-weight: bold;
	color: #1b559b;
	line-height: 22px;
}

.naw {
	width: 716px;
	margin-left: 125px;
	color: #FFF;
	margin-bottom: 20px;
}

	a.mail {
		color: #FFF;
		text-decoration: none;
	}


/*Vervolg pagina's*/

.tekstvlak {
	width: 655px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 9px;
	float: left;
	min-height: 350px;
}
.tekstvlak li {
	list-style-type:disc;
	list-style-position:inside;
	margin-left:5px;
}

.footervervolg {
	background: url(../images/footer2.png);
	width: 936px;
	height: 58px;
}

.klantlogo {

	text-align:center;
	border:3px solid #cdcdcd;
	width: 145px;
	height: 125px;
	float: left;
	margin-right: 9px;
	margin-top: 10px;

}

.klantlogo img {

	vertical-align: middle;
	margin-top:10px;
}

td.klantlogo a.portfolio {

	height: 125px;
	width: 140px;
	display:block;

}

table.ref {

width:650px;


}

/* Nieuws Pagina */

span.titelnieuws {
	font-weight: bold;
	color: #1b559b;
}

i.datumnieuwstitel {
	font-size: 10px;
}

.nieuwsfoto {
	padding-bottom: 10px;
}

.kolomfoto {
	text-align:center;
	border:3px solid #cdcdcd;
	width: 147px;
	float: left;
	padding-top:5px;
	padding-bottom:5px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 30px;
}

.kolomfotoright {
	text-align:center;
	border:none;
	width: 100px;
	float: right;
	padding-top:5px;
	padding-bottom:5px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 30px;
}
.fotorechts {
	border:none;
	float:right;
	width:100px;
	margin-right: 25px;
}

.fotolinks{
	border:none;
	float:left;
	width:192px;
	margin-right:10px;
}

.gadget {
	border:none;
	float:right;
	width:115px;
	margin-right: 25px;
}

.kolomfotogeen {
	text-align:center;
	width: 147px;
	float: left;
	padding-top:5px;
	padding-bottom:5px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

	.kolomfotonieuws {
		text-align:center;
		border:3px solid #cdcdcd;
		width: 147px;
		float: left;
		padding-top:5px;
		padding-bottom:5px;
		margin-right: 10px;
		margin-bottom: 10px;
	}

.kolomtekst {
	width: 485px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.kolomcontact {
	width: 445px;
	float: left;
	margin-top: 4px;
	margin-bottom: 10px;
}

.kolomalleentekst {
	width: 652px;
	margin-top: 10px;
	margin-bottom: 10px;
}

a.mbolink {
	font-weight: bold;
}

/* klanten / Portfolio Pagina */

.tekstvlakportfolio {
	width: 500px;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-left: 9px;
	float: left;
}

.portfoliorechts {
	width: 149px;
	float: left;
}

a.portfolio {
	color: #727272;
	text-decoration: none;
}

.klantenTable
{
	width: 649px;
}

.klantentekst
{
	width: 649px;
	padding: 5px 5px 5px 5px;
	border-right: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	border-top: 1px solid #d2d2d2;
}
.klantentitle
{
	font-size: 16px;
	color: #3d64a0;
	font-weight: bold;
}

.klantenfoto
{
	width: 100px;
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
}

.klantenLO
{
	width: 100px;
	background-color: #d2d2d2;
	height:	20px;
}

.klantenRO
{
	background-color: #d2d2d2;
	text-align: right;
	color: White;
	padding-right: 5px;
	height: 20px;
}

.klantenThumb
{
	height:	70px;
	text-align: center;
	cursor: move;
	border: 1px solid #000000;
}

a.readmore
{
	text-decoration: underline;
	color: #1b559b;
}
a.readmore:hover
{
	color: #1b559b;
	text-decoration: none;
}

/* einde klanten */

td.borderemail {
	border:3px solid #cdcdcd;
	text-align: center;
	width: 200px;
	padding: 6px 4px 6px 4px;
}

/* Contact pagina*/

.contactkolom1 {
	float: left;
	margin-top: 12px;
	width: 250px;
	line-height: 23px;
}

.contactkolomanderhalf {
	float: left;
	width: 180px;
	margin-top: 40px;
}

.contactkolom2 {
	float: left;
	margin-top: 12px;
	width: 341px;
}

.contactgooglemap {
	margin-top: 10px;
	height: 352px;
	width: 640px;
}

td.contact {
	padding-bottom: 3px;
}

td.contactinput {

	padding-right:15px;

}

table.sponsorloop td {
	padding:6px;
}




td.pakkettenrechts {
	border-width:0px;
	border-style:solid;
	border-color:#D9D9D9;
	padding:3px;
	text-align: left;
}

td.pakkettentitelrechts {
	border-width:0px;
	border-style:solid;
	border-color:#D9D9D9;
	padding:3px;
	text-align: left;
}

table.center {margin-right:10px;}

td.rechts {
	padding-top:10px;
	padding-left: 3px;
}

table.rechts {
	margin-bottom:27px;
}

strong.pakkettitel {
	color:#15569D;
	font-size:11px;
}

/* Social Media */

.kolomtekst_groot {
	width: 465px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.kolomfoto_groot {
	text-align:center;
	border:3px solid #cdcdcd;
	width: 150px;
	float: left;
	padding-top:5px;
	padding-bottom:5px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 30px;
}
