/* --------------------------------------------------*/ 
/*  Basis structuur							 		
/* --------------------------------------------------*/

body{
	font-family: arial, verdana, tahoma, trebuchet;
	font-size: .9em;
}
body, h1, h2, h3, p, a, ul, li, form{
	margin:0;
	padding:0;
}
a img{
	border: 0;
}

p,li,h1,h2,h3{
	line-height: 1.5em;
}

body a{
	color: #0961A8;
}
body a:hover{
	color: #074C83;
}

/*  Talen							 		
/* --------------------------------------------------*/

#container ul{
	padding-bottom: 19px;
}
#container ul.language{
	padding-left: 17px;
}
#container ul.language .inactive{
	opacity: .6;
	filter: alpha(opacity=60);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
#container ul.language a{
	width: 16px;
	height: 11px;
	display: block;
	overflow: hidden;
}
#container ul.language li{
	padding: 0 5px 0 0;
	float: left;
	display: inline
	overflow: hidden;	
}
#container ul.language .en{
	background: url('images/lang/en.jpg') no-repeat;
}
#container ul.language .nl{
	background: url('images/lang/nl.jpg') no-repeat;
}

/*  Lijsten							 		
/* --------------------------------------------------*/

.tekstvak ul{
	padding-left: 16px;
}
#container ul.social-networks{
	width: 220px;
	padding-left: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
ul.social-networks img{
	padding-right: 10px;
	border: 0!important;
}
ul.social-networks li{
	width: 220px;
	line-height: 1.7em;
	margin-bottom: 15px;
	display: block
}
ul.social-networks a img{
	border: 0;
}

/* --------------------------------------------------*/ 
/*  Spotlight							 		
/* --------------------------------------------------*/

body.home #spotlight h1,
body.page-id-209 #spotlight h1,
body.page-id-216 #spotlight h1{
	position: relative;
	top: -10px;
	margin: 0;
	padding: 0;
	width: 500px;
	font-size: 4.1em;
}
body.page-id-209 #spotlight h1{
	font-size: 4.1em;
}

body.home #container #spotlight .rechterkant p,
body.page-id-209 #container #spotlight .rechterkant p,
body.page-id-216 #container #spotlight .rechterkant p{
	width: 380px;
	margin: 0;
	padding: 0;
	float: left;
}

h1{
	width: 1000px;	
	margin: 31px 0 0 0;
	line-height: .7em;
	color: #060076;
	font-weight: normal;
	float: left;
}
#page-id-40 h1{
	margin-bottom: 0;
}
#spotlight p{

	padding-top: 75px;

	position: relative;
	line-height: 1em;
	left: 3px;
	padding: 0;
	margin: 0;
	font-size: 1.5em;
	color: #060076;
}
html body.home #container #spotlight p,
body.page-id-209 #container #spotlight p,
body.page-id-216 #container #spotlight p{
	padding-top: 0;
}
html body #spotlight.overige p{
	padding: 55px 0 20px 0;	
	line-height: 1.5em;
}
html body #spotlight.overige {
	height: 230px;
}
html body #spotlight.overige .rechterkant .note{
	position: relative;
	top: -40px;	
}


body.page-id-3 #spotlight{
	width: 988px;	
}


/*  Spotlight Content pagina							 		
/* --------------------------------------------------*/

h1{
	margin: 0;
	padding: 48px 0 0 0;
	font-size: 2.5em;	
}
body.page #spotlight p,
#bedankt p{
	width: 500px;
	padding: 70px 0 0 0;
	font-size: 1.5em;
	line-height: 1.7em;
}

#spotlight .rechterkant p.leesmeer{	
	height: 100px;
	padding: 30px 0 0 30px;
	color: #717171;
	font-size: .9em;
	background: url('images/bekijk-onderkant-pagina.png') 0 39px no-repeat;
}
#spotlight .rechterkant p.leesmeer a{
	color: #717171;	
}


/*  Spotlight 404							 		
/* --------------------------------------------------*/

body.error404 #spotlight p{
	padding: 70px 0 20px 0;
	line-height: 1.5em;
}
body.error404 .note{
	line-height: 1em;
}
body.error404 #kolommen{
	margin-top: 50px;
}

/*  Sticky note							 		
/* --------------------------------------------------*/

.rechterkant .note{
	width: 203px;
	height: 254px;
	font-size: 1.5em;
	padding: 30px 0 0 30px;
	margin: 0 0 0 70px;
	background: url('images/stickynote.png') no-repeat;
}
.rechterkant .note canvas{
	line-height: 5em;
}


/* --------------------------------------------------*/ 
/*  Tekstvak							 		
/* --------------------------------------------------*/

.tekstvak{
	width: 400px;
	float: left;
}
.tekstvak h2{
	font-weight: normal;
	color: #57ac06;
}
#h2-rickhazebroek{
	margin-bottom: 20px;
}
.tekstvak h3{
	padding: 0 0 20px 0;
	clear: both;
	font-weight: normal;
	font-size: 1.2em;
	color: #2B87BB;
}
.tekstvak p{
	width: 405px;
	padding: 10px 0 10px 0!important;	
	font-size: 1.2em;
}

.tekstvak small{
	color: #57AB06;
}

/* --------------------------------------------------*/
/*  Tekstvak: Contact					 		
/* --------------------------------------------------*/

.tekstvak.contact{
	margin: 50px 0 0 0;
}

ul.contactgegevens{
	font-size: 1.2em;
	list-style: none;
	margin: 10px 0 20px 0;
	padding-left: 0;
}
ul.contactgegevens li span{
	width: 150px;
	color: #57ac06;
	float: left;
	display: block;
}
ul.contactgegevens li{
	line-height: 2em;
}
ul.contactgegevens li,
ul.contactgegevens a{
	color: #000000;
}

/* Sticky note telefoon */

ul.contactgegevens.note{
	font-size: 1.2em;
	position: absolute;
	top: 85px;
	right: 55px;
}
ul.contactgegevens li{
	line-height: 1.7em;
}
ul.contactgegevens.note .tag{
	padding-top: 10px;
}
/* --------------------------------------------------*/
/*  Tekstvak: Portfolio: Business cases						 		
/* --------------------------------------------------*/

.business_case{
	position: relative!important;
	padding-bottom: 30px;
}

.business_case .kolom{
	float: left;
}
.business_case .kolom.links{
	width: 650px;

}
.business_case .kolom.rechts{
	width: 350px;
}

.business_case .kolom.links  p{
	width: 600px;
	font-size: 1.1em;
}
.business_case h3{
	margin: 10px 0 0 0;
}

/*  Kolom rechts						 		
/* --------------------------------------------------*/
.business_case .kolom.rechts .preview p{
	margin: 0;
	padding: 0;
	line-height: 0;
}
.business_case .kolom.rechts .preview p img{
	margin: 0 10px 10px 0;
	float: left;
	border: 1px solid #cccccc;
}
.bezoek_website{
	float: left;
	clear: left;
}


/*  Content pagina / Diensten							 		
/* --------------------------------------------------*/

body.page .tekstvak{
	width: 1000px;
}
body.page .tekstvak .icon{
	width: 100px;
	height: 100px;
	float: left;
}
body.page .tekstvak img{
	float: left;
}
body.page .tekstvak a:hover img{
	border: 1px solid #2B87BB;
}
body.page .tekstvak p{

}
body.page .tekstvak p.rick-hazebroek{
	float: none;
	position: relative;
	top: -16px;
}

/*  Content pagina / Producten / Diensten					 		
/* --------------------------------------------------*/

h2{
	margin-bottom: 0;
}
.product h2{
	margin-bottom: 15px;
	font-size: 1.3em;
	height: 15px;
	clear: both;
}
.product{
	width: 95%;
}
.product .icon{
	float: left;
}
#container .product p{
	width: 450px;
	margin-bottom: 0;
}

#zoekmachine-optimalisatie{
	float: left;
}

/*  Overige pagina's				 		
/* --------------------------------------------------*/

.overige_pagina{
	padding: 70px 0 80px 0;
}


/*  Tekstkolommen							 		
/* --------------------------------------------------*/

.tekstkolom{
	width: 500px;
	padding: 20px 0 20px 0;
	float: left;
}
.tekstkolom p{
	margin-bottom: 10px;
	padding-bottom: 0;
}
.tekstkolom.links p{
	padding-right: 30px;
	width: 470px;
}

.tekstkolom.rechts p{	
	width: 500px;
}
body.page-id-35 .tekstkolom.rechts{
	padding-bottom: 0;
}

body.page-id-3 .tekstkolom.links,
body.page-id-223 .tekstkolom.links{
	float: left;
	clear: both;
}



/*  Tekstkolommen: Foto's						 		
/* --------------------------------------------------*/

.foto{
	clear: both;
	float: left;
}
.foto .fotolijst{
	padding: 5px;
	margin: 0 25px 10px 0;
	border: 1px solid #cccccc;
	float: left;
}
.foto img{
	float: left;
	background: #ffffff;
}
.foto span{
	margin: 0 auto;
	font-size: .8em;
	color: #454546;
	float: left;
	clear: left;
}

p.rick-hazebroek{
	margin-bottom: 0px;
}

/* --------------------------------------------------*/ 
/*  Kolommen							 		
/* --------------------------------------------------*/

#kolommen{
	margin-top: 20px;
	float: left;
}
#kolommen h2{
	padding-bottom: 20px;
	font-size: 1.7em;
	font-weight: normal;
	color: #060076;
}

#kolommen p{
	width: 150px;
	font-size: 1.4em;
	padding-bottom: 20px;
}
#kolommen #telcontact p{
	width: 320px;
}

#kolommen a.actie{
	color: #57ac06;
}
#kolommen a.actie:hover{
	color: #438305;
	text-decoration: none;
}
#kolommen .submit{
	position: absolute;
	top: 299px;
}
.page-id-20 #kolommen .submit,
.parent-pageid-209 #kolommen .submit{
	top: 299px;
}