@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;

}

/* Linkjes op vacature pagina's van klanten voor zoekmachine optimalisatie */

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

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

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


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

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

input.empty {
	background-color: #e3d7d8;
}

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

.kmi {
	background: url(../images/header_kmi.png) no-repeat;
}

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

#adwords {
position: absolute; display: block; width: 50px; height: 50px; top: 40px; right: 220px;	
}

.content {
	background: url(../images/border.png) repeat;
	width: 936px;
}
.seodiv {
	width: 210px;
	height: 250px;
	float: left;
	margin-right: 5px;
	border: 1px solid #c0c0c0;
}
.seotitel {
	height:35px;
	font-size: 13px;
	font-weight: bold;
	color: #1b559b;
	padding-left: 10px;
}
.seotekst {
	height: 70px;
	padding-left: 10px;
	padding-right: 10px;
}
.seoform {
	margin-top: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}
.seo-case-links {
    height:107px;
    width:278px;
    border:1px solid #D9D9D9;
    margin-bottom:28px;
    margin-right: 40px;
    float:left;
    display:inline;
}
.seo-case-rechts {
    height:107px;
    width:278px;
    border:1px solid #D9D9D9;
    margin-bottom:28px;
    margin-right: 0px;
    float:left;
    display:inline;
}
.seo-case-img-link {
    float:left;
    display:inline;
    height: 78px;
    width:278px;
    margin:0;
    padding:0;
    border-bottom-color: #D9D9D9;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
a.seo-case-link {
    float:left;
    display:inline;
    width:268px;
    font-family: Arial;
    font-size: 12px;
    text-align: left;
    color: #727272;
    line-height: 17px;
    text-decoration:none;
    padding-top: 4px;
    padding-left: 10px;
}
a.seo-case-link:hover {
    color: #727272;
}
h3 {
	color: #1b559b;
	padding-top: 3px;
	font-size: 13px;
	font-weight: bold;
}

h4 {
	color: #1b559b;
	padding-top: 3px;
	padding-bottom: 16px;
	font-size: 13px;
	font-weight: bold;
}
.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 ul {
		width: 198px;
		margin-left: 9px;
		padding-top: 11px;
		color: #FFF;
	}

	.menu img {

		padding-bottom: 11px;

	}

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

                .menu li ul {
                    border: none;
                    padding-top: 5px;
                    padding-left: 5px;
                    padding-bottom: 12px;
                }

                .menu li ul li {
			border: none;
                        font-size: 11px;
			line-height: 18px;
                }

			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;
}

.menu2 {
	width: 205px;
	height: 71px;
	margin-top: 10px;
	margin-left: 7px;
	margin-bottom: 7px;
}

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: 152px;
	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 ul ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 3.2em;
}

.tekstvlak-seo {
	width: 601px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 18px;
	float: left;
	min-height: 350px;*
}

.tekstvlak-seo-kolom {
	width: 631px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-top: 18px;
	float: left;
	min-height: 350px;*
}

.seo-case-kolom-links {
	width: 280px;
	float: left;
	min-height: 350px;
	padding-right: 20px;
	display:inline;
}

.seo-case-kolom-links ul {
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 28px;
	margin-left: 18px;
}

.seo-case-kolom-links ul li{
	list-style-image: url(../images/zoekmachinemarketing/li.png);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height:18px;
}


.seo-case-kolom-rechts {
	width: 286px;
	float: left;
	display:inline;
	min-height: 350px;
	line-height:1.7em;
	padding-left: 22px;
}

.seo-case-kolom-rechts ul {
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 28px;
	margin-left: 18px;
}

.seo-case-kolom-rechts ul li{
	list-style-image: url(../images/zoekmachinemarketing/li.png);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height:18px;
}

.quote-boven {
	height: 7px;
	width:286px;
	background-image:url(../images/zoekmachinemarketing/quote/boven.png);
	background-repeat:no-repeat;
	display:block;
	margin-top: 6px;
}

.quote {
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 8px;
	font-style: italic;
	margin:0;
	width:286px;
}

.quote-onder {
	height: 22px;
	width:286px;
	background-image:url(../images/zoekmachinemarketing/quote/onder.png);
	background-repeat:no-repeat;
	display:block;
	margin-bottom:0px;
}

.quote-naam {
	margin-bottom:38px;
	text-align:right;
}

.seo-alinea {
	line-height:1.7em;
	margin-bottom: 28px;
}

.seo-case-img {
	border: 1px solid #D9D9D9;
	margin-bottom: 28px;
	height:218px;
	width:284px;
	display:block;
}

.seo-call-to-bg{
	height:21px;
	background-color: #666666;
	float:left;
	display:inline;
}

a.seo-call-to {
	font-size:10px;
	text-transform:uppercase;
	color:#FFF;
	text-decoration:none;
	padding-right: 5px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 0px;
	line-height: 1.7em;
	float:left;
	display:inline;
	margin:0;
}

.seo-call {
	height:21px;
	width:286px;
	display:block;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 0;
}

a.seo-call-to:hover {
	color:#FFF;
}


.visiecontact {
	border:1px solid #D9D9D9;
	margin-left: 100px;
	height:125px;
	padding-left:8px;
	padding-top:8px;
	width:320px;
}

.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;
}


.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;
}


.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;
}

.kolomtekst_groot {
	width: 465px;

	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.kolomalleentekst {
	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;
}
.tekstvlakportfolio ul {
	list-style:disc;
	margin-left: 2.0em;
}

.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;
}

/* SEO dropdown */

.seo-footer-left {
	width: 209px;
	float: left;
}

.seo-footer-mid {
	width: 150px;
	height: 125px;
	float: left;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}

.seo-footer-right {
	width: 280px;
	height: 125px;
	float: left;
	border: 1px solid #d9d9d9;
}

.seo-footer-padder {
	padding: 12px;
}


/* new footer */

.recente_projecten {
	position: relative;
	width: 845px; 
	padding: 15px; 
	display: block; 
	border: 2px solid #d2d2d2; 
	margin:0  auto;
	height: 230px;
}

.recente_projecten .portfolio_link {
	position: absolute;
	right: 11px;
	top: 8px;
	display: block;
}

.recente_projecten h1 {
	text-transform: uppercase; 
	margin: 0 0 14px 0;
}

.recente_projecten h1 a {
	text-decoration: none;
}

.recente_projecten img {
	float: left; 
	margin: 0 10px 0 0;
}

.recent_project1 {
	width: 400px; 
	float: left; 
	padding: 0 18px 0 0; 
	border-right: 2px solid #efefef;
}

.recent_project2 {
	width: 400px; 
	padding: 0 0 0 10px; 
	float: left;
}

.recent_project1 h1, .recent_project2 h1 {
	text-transform: uppercase; 
	color: #656565; 
	margin: 0 0 10px 0;	
}

.recent_project1 h1 a, .recent_project2 h1 a {
	text-decoration: none;
	color: #656565; 
}

.meer_informatie {
	margin-top: 0; 
	margin-left: 0; 
	float: none;
}

.footer2 {
	width: 936px;
	height: 210px;
	background: url("../images/footer_new.png") no-repeat;	
}

.footercontact {
	width: 319px;
	height: 160px;
	margin: 0 25px 0 20px;
	float: left;
}

.footercontact .tel {
	border-bottom: 1px solid #fff;
	height: 62px;	
}

.footercontact .subscribe {
	margin: 10px 0 0 0;	
}

.footercontact .tel img, .footercontact .subscribe img {
	float: left;
	margin: 5px 10px 0 5px;
}

.footercontact .tel h1, .footercontact .subscribe h1 {
	color: #656565;
	margin: 0 0 10px 0;
	font-size: 18px;
	line-height: 20px;	
}

.search {
	background-image:url(../images/search_bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 153px;
	height: 27px;
	display:inline;
	float: left;
	margin-left: 50px;
	padding: 4px 0px 0px 3px
}

div.empty {
	background-image:url(../images/search_bg_empty.gif);
}

.search input {
	border: 0px solid #ddd;
	text-align: right;
	width: 140px;
	margin: 0px 0px 0px 3px;
	color:#666666;
	font-family: Arial, Verdana, sans-serif;
    font-size: 120%;
}

.search_btn {
	width: 88px;
	height: 27px;
	display:inline;
	float: left;
	cursor:pointer;
}

.search_btn img {
	margin: 0 0 0 0 !important;	
}

.footersocial {
	width: 253px;
	height: 160px;
	float: left;
	margin: 0 25px 0 0;
	background: url(../images/twitter_cloud.png) no-repeat;
}

.footersocial2 {
	width: 253px;
	height: 160px;
	float: left;
	background: url(../images/twitter_cloud.png) no-repeat;
}

.cloud {
	margin: 6px 10px 10px 10px; 
	height: 70px;
	overflow: hidden;
	color: #3c3c3c;
	font-size: 11px;
}

.footerphoto {
	float: left;
	margin: 5px 10px 0 0;	
}

.footername {
	display: block;
	margin: 15px 0 0 0;
	color: #325e9f;
	font-size: 16px;
}

.followhead {
	font-size: 11px;
	color: #595959;	
}