@charset "utf-8";

/* ------------------> WE FOCUS */

* {
	margin: 0;
}

img {
	border: 0;
}

a, a:visited, a:active {
	color: #414141;
	text-decoration:none;
	border-bottom: dashed 0px #9c9c9c;
}

a:hover {
	color: #e2007a;
}



html, body {
	margin: 0;
	background-color: #fff;
	height: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	line-height: auto;
    background: #fff url(../images/bg_generic.jpg) no-repeat top center;
}

body.Default
{
    background-image: none;
}

body.Company
{
    background-image: url(../images/bg_company.jpg);
}

body.Services,
body.Graphicdesign,
body.Multimedia
{
    background-image: url(../images/bg_services.jpg);
}

body.Portfolio
{
    background-image: url(../images/bg_work.jpg);
}

body.Communities
{
    background-image: url(../images/bg_communities.jpg);
}

body.Contact
{
    background-image: url(../images/bg_contact.jpg);
}

#wrapper {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -61px;
}

#content,
#sitewrap {
	position: relative;
	margin: 0 auto 0 auto;
	width: 980px;
}

#shade {
	width: 980px;
	text-align:center;
	float: left;
	height: 30px;
	background-image:url(../images/shade.png);
	margin-bottom: 50px;
}

.shadesmall {
	background-image:url(../images/shade_small.png);
	width: 200px;
	height: 14px;
}

.shadeextrasmall {
	background-image:url(../images/shade_extrasmall.png);
	width: 180px;
	height: 14px;
}

	

/* ------------------> menu */

#topline {
	float: left;
	width: 100%;
	height: 10px;
}

/* ------------------> flash styles */

#flashwrap {
	float: left;
	width: 980px;
	height: 360px;
	min-height: 360px;
	max-height: 360px;
	outline: none;
	margin-top: -5px;
	margin-bottom: 20px;
}

#fbContainer {
	float: left;
	width: 980px;
	height: 360px;
	min-height: 360px;
	max-height: 360px;
	outline: none;
	margin-top: -5px;
	margin-bottom: 0px;
}

#googlemap {
	float: left;
	width: 976px;
	height: 356px;
	min-height: 360px;
	outline: none;
	margin-top: -5px;
	border: 2px solid #dadada;
	
}



.googlemapstyle {
}

/* ------------------> content styles */

#content {
	float: left;
	margin: 0px 0 30px 0;
}

#content a {
	color:#414141;
}

.Filenotfound #content a 
{
    text-decoration: underline;
}

.Services #content a
{
	float: right;
}


#content ul, li {
	padding: 2px;
	margin: 5px 0 0 20px;
}

#content td, th {
	padding: 1px 0 1px 0;	
}

.Contact p.emailLink
{
	background: transparent url(../images/bollen.png) no-repeat 0 3px;
	padding-left: 30px;
}

.bollink {
	float: left;
	background-image:url(../images/bollen.png);
	background-repeat:no-repeat;
	background-position: 0px 3px;
	padding-left: 30px;	
	margin-bottom: 10px;
}

.bollink a {
	border: 0px;
	color: #414141;
}

.bollink a:visited {
	border: 0px;
	color: #414141;
}

.bollink a:hover {
	border: 0px;
	color: #ec008c;
}

/*
#content p {
	margin: 5px 0 10px 0;
}
*/
.newsdate {
	width: 100%;
	font-weight: bold;
	color: #414141;
}

.news {
	width: 100%;
}

.readmore {
	width: 100%;
	font-style: italic;
	color: #414141;	
}

.title2 {
	width: 100%;
	font-weight: bold;
	color: #414141;
	font-size: 12px;
	margin-top: 15px;
}

.title3 {
	width: 100%;
	font-weight: bold;
	color: #414141;
	font-size: 12px;
}

.jobpic {
	float: left;
	width: 30%;
}
.job {
	float: left;
	width: 70%;
}

/* 3 LUIK CONTENT */

#block1 {
	width: 530px;
	height: auto;
	float: left;
	text-align:left;
}

.blockindex {
	width: 468px;
	height: auto;
	float: left;
	text-align: left;
}

.blockindex_first 
{
    margin-right: 40px;
}

.blocktext {
	width: 50%;
	margin-right: 10px;
	float: left;
}

.blocktop {
	float: left;
	width: 468px;
	height: 11px;
	background-image:url(../images/vlak_topbg.jpg);
	background-repeat:no-repeat;
}

.blockbottom {
	float: left;
	width: 468px;
	height: 18px;
	background-image:url(../images/vlak_bottombg.jpg);
	background-repeat:no-repeat;
}

.blockcontent {
	width: 428px;
	padding: 0px 20px 0 20px;
	float: left;
	background-image:url(../images/vlak_bg.jpg);
	min-height: 150px;
	margin: 0;
}

/*
* Vacature
*/
.blockvacature
{
		width: 340px;
		height: auto;
		float: left;
		text-align: left;
	}

	.blockvacature_last 
	{
		width: 300px;
	}

    .blockvacaturetop
    {
		width: 300px;
		height: 10px;
		background-image:url(../images/vlakklein_topbg.jpg);
		background-repeat:no-repeat;
	}

	.blockvacaturebottom {
		width: 300px;
		height: 17px;
		background-image:url(../images/vlakklein_bottombg.jpg);
		background-repeat:no-repeat;
	}

	.blockvacaturecontent {
		width: 280px;
		padding: 0px 10px 2px 10px;
		background-image:url(../images/vlakklein_bg.jpg);
	}

	.blockvacature img{
		margin-left: 50px;
	}


#block1 p {
	margin-bottom: 20px;
}

#block2 {
	width: 170px;
	height: auto;
	float: left;
	text-align:left;
	margin-left: 50px;
}

#block2 p {
	margin-bottom: 20px;
}

#block3 {
	width: 180px;
	height: auto;
	float: right;
	text-align:left;
	margin-left: 50px;
}

#block3 p {
	margin-bottom: 20px;
}

#block7 {
	width: 600px;
	float: left;
	text-align:left;
	margin-right: 40px;
}

.block8 {
	width: 300px;
	float: left;
	text-align:left;
	margin-right: 25px;
}

#block8 p {
	margin-bottom: 25px;
}

#block9 {
	width: 180px;
	float: right;
	text-align:left;
	margin-left: 50px;
}


/* ---------- WERK */

.workrow {
	float: left;
	width: 980px;
	height: auto;
	margin-bottom: 20px;
}

.workrow a {
	color: #FF0;
}

.blockprojectstart {
	width: 180px;
	float: left;
	text-align:left;
}

.blockproject {
	width: 180px;
	float: left;
	text-align:left;
	margin-left: 20px;
}

.werk_nav {
	width: 300px;
	height: 30px;
	margin: 0 auto 0 auto;
	text-align: center;
	font-weight: bold;
	color: #ccc;
}

.werk_nav a {
	color: #333;
}

.werk_title {
	float: left;
	width: 180px;
	height: 30px;
	color: #999;
	font-size: 13px;
}

/* ------------ COMMUNITIES */

#communityleft {
	width: 440px;
	overflow: hidden;
	float: left;
	text-align: left;
	margin-top: 72px;
}

#communityright {
	width: 540px;
	overflow: hidden;
	float: left;
	text-align: left;
	height: auto;
	margin-top: 72px;
}

.quadblock {
	width: 500px;
	float: left;
	margin: 0 0 25px 40px;
}

.communitylogo {
	float: left;
	width: 210px;
	text-align: left;
	margin: 35px 20px 0 0;
}

.communitytext {
	float: left;
	width: 270px; 
	text-align: left;
}

/* 2 LUIK CONTENT */

.tab {
	width: 750px;
	float: right;
	text-align:left;
    display: none;
}

.tab ul, li {
	list-style: disc;
}

#what-we-do {
	width: 180px;
	max-width: 180px;
	float: left;
	text-align:left;
	margin: 0 50px 0 0;
}

.dienst {
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	color:#9c9c9c;
	position: relative;
	width: 100%;
	float: left;
	margin: 5px 0 0 0;
}

.dienst a {
	border: 0;	
}

.dienst ul, li {
	margin: 0;
	padding: 0;
}

/* ------------------> text styles */

.title {
	line-height: auto;
	width: 90%;
	height: 25px;
	margin-bottom: 5px;
}

h1 {
	padding: 0;
	margin: 0;
	text-align: left;
	font-size: 25px;
}

.Company h1 {
	float: left;
	margin: 0 0 10px 0;
	color: #ec008c;
	text-align: left;
	font-size: 38px;
	height: auto;
	width: 700px;
}

.Communities h1
{
	font-size: 26px;
}

h2 
{
	display: inline;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 15px;
}

h9 {
	padding: 0;
	margin: 0;
	text-align: left;
	font-size: 15px;
}

h4 {
	padding: 0;
	margin: 0;
	text-align: left;
	font-size: 13px;
}

p
{
	margin: 10px 0 30px 0;
}

p.intro {
	padding: 0;
	text-align:left;
	font-size: 14px;
	font-weight: bold;
	color: #414141;
}

/* */


/* ------------------> footer */

.footer, .push {
	max-width: 1024px;
	width: 100%;
	height: 61px;
	text-align: center;
	margin: 0 auto 0 auto;
}

.footer a {
	color: #fff;
	border-bottom: 0px dashed #999;
}

.footer a:hover {
	color: #FF0;
}

#footerimg {
	/*background-image:url(../images/footer.png);*/
	width: 980px;
	position: relative;
	margin: 0 auto 0 auto;
	clear: both;
}

#footerbg {
	position: relative;
	height: 45px;
	background-color:#414141;
}

#footerwrap{
	position: relative;
	margin: 0 auto 0 auto;
	width: 980px;
	font-size: 10px;
	color: #fff;
	line-height:1.2;
}

#address {
	margin: 4px 0 0 2px;
	text-align: left;
	float:left;
	width: 115px;

}

#visit {
	margin: 4px 0 0 2px;
	text-align: left;
	float:left;
	width: 137px;

}

#phone {
	margin: 4px 0 0 2px;
	text-align: left;
	float:left;
	width: 110px;

}

#email {
	margin: 4px 0 0 2px;
	text-align: left;
	float:left;
	width: 200px;
}

#hulpmenu {
	margin: 4px 0 0 2px;
	text-align: left;
	float:right;
	width: 200px;
	text-align: right;
	font-size: 11px;
}

.borderimg {
	width: 100%;
	height: 100%;
	margin-bottom: 5px;
}

.borderimg a{
	display: block;
	border: 2px solid #dadada;	
}

.borderimg a:hover{
	border: 2px solid #e2007a;	
}


/* clearfix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* dienstne */

#colwrap {
	float: left;
	width: 340px;
}

#multimedia1 {
	float: left;
	width: 530px;
	margin-top: 0px;
	padding-top: 60px;
}

#multimedia2 {
	float: left;
	width: 380px;
	margin-top: 20px;
}

.terug {
	margin-left: 200px;
}

#col1 {
	float: left;
	width: 300px;
	min-width: 300px;
	max-width: 300px;
	height: 600px;
	margin-right: 40px;
}

#col2 {
	float: left;
	width: 300px;
	height: auto;
	margin-right: 40px; 

}

#col3 {
	float: left;
	width: 300px;
	height: 60px;
	height: auto;

}

.col100 {
	width: 900px;
	float: left;
	margin: 0 0 20px 0;
}

.col100 a {
	border: 0;
}

.colblock {
	width: 390px;
	float: left;
	height: auto;
	margin-bottom: 10px;
}

.colblock a {
	border: 0;	
}

/* forms */

.form {
	float: left;
	width: 100%;
	margin: -10px 0 13px 0;
}

.input {
	background-image: url(../images/input.png);
	background-repeat:no-repeat;
	width: 145px;
	height: 20px;
	border: 0;
	margin: 0 2px 0 0;
	padding: 2px 0 0 3px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 10px;
	float: left;

}

.button {
	float: left;
}

.Company .ContactLink
{
	float: right;
	margin-top: 10px;
}