@charset "utf-8";

* {margin:0px; padding:0px}
body {background: #FFF url(../img/pixel.gif) top center repeat-x; font: normal normal normal 80% Arial, Helvetica, sans-serif ; text-align:center; color:#696969; line-height: 18px;}
#PageContent {background:#FFF url(../img/pixel.gif) top center repeat-x; height:100%;}
	#wrapper {margin-left:auto; margin-right:auto; width:940px; min-height:635px; }
		#container {margin-left:auto; margin-right:auto; width:940px; min-height:500px; height:auto!important; height:500px; background-repeat:no-repeat; text-align:left;}



/* -------------------------------------------------- */
/* ---------------------- BASIS --------------------- */
/* -------------------------------------------------- */

h1		{margin-bottom:8px; font: normal normal normal 150% Arial, Helvetica, sans-serif!important; color:#00bce4; }
h2		{margin-bottom:8px; font: normal normal normal 120% Arial, Helvetica, sans-serif; color:#00bce4;}
h3		{margin-bottom:8px; font: normal normal bold 14px Arial, Helvetica, sans-serif; color:#666666;}
h4		{margin-bottom:8px; font: normal normal normal 12px Arial, Helvetica, sans-serif; color:#898c8d;}
h6		{margin-bottom:8px; font-size: 8px; font-style:italic; font-weight:normal; line-height: 11px; width: 100%;}
hr		{margin:5px 0px 5px 0px; height: 1px; border: 0px; background: #d9d9d9; color: #cbcbcb;}
b,strong	{color:#00bce4; font-weight:normal;}
a		{text-decoration: none; color:#00bce4;}	
a:hover	{text-decoration: underline; color:#00bce4;}
.clear 	{clear:both;}
.hide 	{display:none;}
p		{margin-bottom:10px!important;}



/* -------------------------------------------------- */
/* --------------------- HEADER --------------------- */
/* -------------------------------------------------- */

#header		{float:left; width:940px; height:121px; background-color: transparent;}
	#logo	{float:left; padding:35px 0px 0px 10px;}
	#blog 	{float: right; width: 100px; height: 15px; padding: 10px 10px 0 0; text-align: right; }



/* -------------------------------------------------- */
/* -------------------- NAVIGATION ------------------ */
/* -------------------------------------------------- */

#navigation	{float:right; width: 600px; height: 35px; margin-top: 29px; padding: 0; text-align: right;}
	#navigation	ul {}
	#navigation ul li {list-style-type: none; display: inline; padding: 0; margin: 0;}
	#navigation	ul li a{padding-left:20px; margin: 0; color:#000; text-decoration: none; font: normal normal normal 130% Arial, Helvetica, sans-serif;}
	#navigation	ul li a:hover{ margin: 0; color:#00bce4; text-decoration: none;}

	.menulaag1_active a{ color:#00bce4!important; text-decoration: none;}



/* -------------------------------------------------- */
/* --------------------- BANNER --------------------- */
/* -------------------------------------------------- */

#banner	{float:left; width:940px;}
	#banner  img {text-decoration: none; border:9px solid #e5e5e5}
	#banner a img {text-decoration: none; border:9px solid #e5e5e5}
	#banner a:hover img {text-decoration: none; border:9px solid #00bce4}
	
#banner404 {float:left; width: 920px; height:310px; border:10px solid #e5e5e5;}
	#banner404text {float:left; width:345px; padding: 50px 0px 0px 50px;} 
	#banner404text h1 {margin-bottom:8px; font: normal normal bold 35px Arial, Helvetica, sans-serif!important; color:#00bce4; line-height:15px;}
	#banner404text h2 {margin-bottom:8px; font: normal normal normal 18px Arial, Helvetica, sans-serif!important; color:#231f20;}	
	#banner404text a	{text-decoration: none; color:#00bce4;}
	#banner404text a:hover {text-decoration: underline; color:#00bce4;}
	


/* -------------------------------------------------- */
/* -------------------- CONTENT --------------------- */
/* -------------------------------------------------- */

#content	{float:left; width:970px; min-height:200px; height:auto!important; height:500px; padding: 0px 0px 0px 10px;}
#content a	{text-decoration: none; color:#00bce4;}	
#content a:hover	{text-decoration: underline; color:#00bce4;}
#content li	{margin: 3px 0px 0px 15px;}
#content ul li	{list-style-type: disc;}

	#contentleft	{float:left; width:430px; height:auto; text-align:justify}
	#contentright	{float:left; width:440px; padding: 0px 0px 0px 23px; text-align:justify}
	#contentcenter	{float:left; width: 940px;}
	
	#contentleftportfolio {float:left; width:650px; height:auto; text-align:justify}
	#contentrightportfolio	{float:right; width:147px; padding: 0px 15px 0px 50px; text-align:justify}	
	.portfoliokeuze	 li {list-style-type: none; display: inline; padding: 0; margin: 0;}	
	.portfoliokeuze  li a img{padding-left:5px; margin: 0; color:#000; text-decoration: none;  }
	.portfoliomenu	{float:left; position:relative}
	.keuze			{float:left; width:auto; height:50px; position:relative; top:2px;}
	
	#contentleftnieuws	{float:left; width:290px; height:auto; }
	#contentrightnieuws	{float:left; width:600px; padding: 0px 15px 0px 20px; border-left:1px solid #e5e5e5; text-align:justify}	
	
.customerthumbs	{float:left; padding: 0px 4px 4px 0px;}
.nieuwscontainer	{float:left; width:460px; height: 94px; padding-top: 15px; border-bottom:1px solid #e5e5e5}
.nieuwsdatum		{float:left; width:70px; height:70px; background:#b6b7b8;  margin-top:4px;}
	.nieuwsdatumcijfer	{float:left; color:#FFF; font: normal normal bold 43px Arial, Helvetica, sans-serif; padding: 7px 0px 0px 10px;  position: relative}
	.nieuwsdatummaand	{float:left; color:#FFF; font: normal normal normal 11px Arial, Helvetica, sans-serif; width: 70px; text-align:center; position:relative; top:-5px; }
.nieuwstext	{float:left; width:375px; padding-left:15px; text-align:left;}
	.nieuwstext	h1{margin-bottom:3px!important; font: normal normal normal 140% Arial, Helvetica, sans-serif!important; color:#00bce4;}
.nieuwstext	p{padding-bottom: 5px;}
	
.nieuwsruimte	{float:left; width: 440px; height: 15px;}

.nieuwscontainerOverzicht {float:left; width:440px; height:auto; border-bottom:1px solid #e5e5e5}

#contentcenter .nieuwscontainerOverzicht {float:left; width:440px; height:auto; border-bottom:1px solid #e5e5e5; margin:0px 40px 20px 0px;}
#contentcenter .nieuwstext	{float:left; width:355px; padding-left:15px; text-align:left; }
#contentcenter .nieuwstext	h1{margin-bottom:1px!important; font: normal normal normal 140% Arial, Helvetica, sans-serif!important; color:#00bce4;}
#contentcenter .nieuwsdatum		{float:left; width:70px; height:70px; background-color:#b6b7b8; margin-top:4px;}

	.address 		{list-style-type: none; display:block; }
	.address li	{padding-top:1px; }
	.address  li a	{text-decoration: none; color:#fb9402;}	
	.address  li a:hover	{text-decoration: none; color:#00bce4;}

.portfoliocontainer	{float:left; width:221px; background-color:#e5e5e5; height:223px; margin:0px 20px 20px 0px; position:relative;}
.portfolioimage	{float:left;  width:220px; height:162px; }
.portfolioimage a img	{ border:10px solid #e5e5e5;}
.portfolioimage a:hover img	{ border:10px solid #00bce4; }
.portfolioklant	{float:left; width: 220px; height:15px; padding: 10px 0px 0px 10px;}
.portfolioopdracht	{float:left; width: 220px; height:15px; padding: 3px 0px 0px 10px;}
.portfoliorollover	{position:absolute; left:168px; top:59px; }

.portfoliodetail	{float:left; width:940px; min-height:200px;}
.portfoliodetail img	{border:9px solid #e5e5e5}

.portfoliodetailleft	{float:left; width:477px; height:auto; text-align:justify}
.portfoliodetailright	{float:right; width:420px; padding: 0px 50px 0px 0px; text-align:right; }
	.portfoliodetailright a	{text-decoration: none; color:#5e6061!important;}
	.portfoliodetailright a:hover		{text-decoration: none!important; color:#00bce4!important;}

.referentiescontainer {float:left; background:#FFF url(../img/referenties.jpg) top center no-repeat; width:280px; height:177px; padding-bottom:0px;}
.referentiesimage	{float:left;  width:198px; height:103px; padding: 15px 15px 0px 38px; vertical-align: center; text-align:center;}

input#onderwerp	{width:175px; padding-top:4px; height:16px; text-align:left; vertical-align: middle;}
input#naam	{width:175px; padding-top:4px; height:16px; text-align:left; vertical-align: middle;}
input#email	{width:175px; padding-top:4px; height:16px; text-align:left; vertical-align: middle;}
textarea#bericht	{width:180px; padding-top:4px; height:75px; text-align:left; vertical-align: middle;}

.NieuwsWrapper	{float:left; width:940px;}
.NieuwsContainer	{float:left; width:604px; border-left:1px solid #e5e5e5; padding-left:20px;}
	.NieuwsContainer H1	{margin-bottom:4px; font: normal normal normal 150% Arial, Helvetica, sans-serif!important; color:#00bce4; }
	.NieuwsContainer H2		{margin-bottom:4px; font: normal normal normal 12px Arial, Helvetica, sans-serif; font-style: italic; color:#b6b9ba;}
	
.NieuwsTerug		{float:left; width:288px; height:500px;}
	.NieuwsTerug a		{text-decoration: none; color:#5e6061!important;}
	.NieuwsTerug a:hover		{text-decoration: none!important; color:#00bce4!important;}

.NieuwsTitel	{float:left;}
.NieuwsDatum	{float:left;}
.NieuwsOmschrijving	{float:left; text-align:justify;}
.NieuwsOmschrijving img	{border:9px solid #e5e5e5}



/* -------------------------------------------------- */
/* -------------------- TAGCLOUD -------------------- */
/* -------------------------------------------------- */

#tagcloud {
	width: 428px;
	height: 180px;
	padding-top: 12px;
	border-top: 1px solid #e5e5e5;
}

#tagcloud h1, #tagcloud h2, #tagcloud h3, #tagcloud h4, #tagcloud h5 {
	float: left;
	margin: 0 0 -7px 0;
	padding: 0 12px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#tagcloud h1, #tagcloud h2, #tagcloud h3, #tagcloud h4 { color: #01d0ef; }
#tagcloud h5 { color: #707070; }

#tagcloud h1 { font-size: 38px!important; }
#tagcloud h2 { font-size: 33px!important; padding-top: 5px; }
#tagcloud h3 { font-size: 28px!important; padding-top: 8px; width: 240px; padding-right: 2px; }
#tagcloud h4 { font-size: 23px!important; padding-top: 14px; }
#tagcloud h5 { font-size: 18px!important; padding-top: 19px; }



/* -------------------------------------------------- */
/* ---------------------- HOME ---------------------- */
/* -------------------------------------------------- */

.home { padding-left: 0 !important; }
.nieuwshome { margin-left: 25px !important; }

#service {
	width: 940px;
	height: 100px;
	overflow: hidden;
	float: left;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

#service h1, #service-watwedoen h1 {
	margin-bottom: 5px;
	color: #fff;
	font-size: 22px !important;
	font-weight: bold !important;
}

h1.large {
	color: #231f20;
	font-size: 22px !important;
}

#ontwerp, #internet, #zoekmachine {
	float: left;
	width: 291px;
	height: 87px;
	margin-right: 10px;
	padding: 13px 0 0 15px;
	background: url(../img/service.gif);
	color: #fff;
	text-decoration: none;
}
#zoekmachine { margin-right: 0;}
#ontwerp:hover, #internet:hover, #zoekmachine:hover {
	background: url(../img/service-hover.gif);
	text-decoration: none;
}

.nieuwsdatum			{ float: left; width: 54px !important; height: 59px; background: none !important; margin-top: 4px; }
	.nieuwsdatumcijfer	{ float: left; width: 54px; background: #00bce4; font-size: 36px; padding: 0 0 5px 0; text-align: center; position: relative }
	.nieuwsdatummaand	{ float: left; width: 54px; background: #ccf2fa; font-size: 11px; padding: 3px 0 5px 0; text-align: center; position: relative; color: #231f20; }

.aanbeveling { padding-top: 1px; }
.aanbeveling strong {
	color: #555;
	font-weight: bold;
	line-height: 24px;
}

.meer a {
	float: right;
	margin-top: 5px;
	color: #a8abab !important;
}
.meer a:hover {
	color: #231f20 !important;
	text-decoration: none !important;
}
.meer a strong {
	color: #a8abab !important;
	font-weight: bold;
}
.meer a:hover strong {	color: #231f20 !important; }



/* -------------------------------------------------- */
/* ------------------- OVER ONS --------------------- */
/* -------------------------------------------------- */

#service-watwedoen {
	width: 940px;
	overflow: hidden;
	float: left;
	margin-bottom: 20px;
}

#service-watwedoen #ontwerp:hover, #service-watwedoen #internet:hover, #service-watwedoen #zoekmachine:hover {
	background: url(../img/service.gif);
}

#ontwerp-kolom, #internet-kolom, #zoekmachine-kolom {
	float: left;
	width: 306px;
	margin-right: 10px;
	background: #f5f5f5;
	color: #898c8d;
}
#internet-kolom { width: 307px; }
#zoekmachine-kolom { margin-right: 0; }
#ontwerp-content, #internet-content, #zoekmachine-content {
	float: left;
	height: 346px;
	padding: 30px 15px;
}

#ontwerp-knop {
	float: left;
	display: block;
	width: 291px;
	height: 60px;
	padding-left: 15px;
	background: #ebebeb;
	color: #535555 !important;
	line-height: 60px;
}
#internet-kolom #ontwerp-knop {
	width: 292px;
}
#ontwerp-knop:hover {
	background: #dfdfdf;
	text-decoration: none !important;
}



/* -------------------------------------------------- */
/* ------------------ TEAMPAGINA -------------------- */
/* -------------------------------------------------- */

.topper { margin-top: 5px; }
h1.vacatures { margin-top: 30px; }

#sidebar {
	float: left;
	width: 280px;
	padding: 20px 20px 0 0;
}
#sidebar .ModuleContainer { width: 280px; padding-bottom: 0; }
#sidebar .tekstcontainer { width: 280px; padding-bottom: 0; }

#main {
	float: right;
	width: 610px;
	padding: 5px 0 0 60px;
}
#main .ModuleContainer { width: 609px; padding-bottom: 0; }
#main .tekstcontainer { width: 609px; padding-bottom: 0; }

.team-lid {
	float: left;
	width: 160px;
	height: 210px;	
	margin: 20px 40px 0 0;
}
.team-foto img {
	border: 10px solid #e6e6e6;
	margin-bottom: 8px;
}
.team-foto:hover img {
	border: 10px solid #00bce4;
	cursor: pointer;
}
.team-naam {
	float: left;
	width: 114px;
	padding-left: 10px;
}
.team-linkedin {
	float: right;
	width: 26px;
	height: 27px;
	padding: 5px 10px 0 0;
}



/* -------------------------------------------------- */
/* --------------------- FOOTER --------------------- */
/* -------------------------------------------------- */

#Footer 						{padding:50px 0px 0px 0px;}
	#FooterSub 				{text-align:left; padding:20px 0px 0px 0px; height: 86px;  background-color:#e5e5e5; font-size:12px; }
	#FooterSub p				{text-align:left;color:#9da0a1; line-height:19px; }	
	#FooterSub .wrap, #Footer .wrap	{position:relative; width:920px;  margin:0 auto; text-align:center; position:relative;}
	#FooterSub p a 			{text-decoration:none; color:#797b7c;}
	#FooterSub p a:hover 		{text-decoration:none; color:#00bce4;}
	#FooterSub .line 		{color:#9da0a1; padding:0 5px; }
	#FooterSub .wrap ul	 li 	{list-style-type: none; display: inline; padding: 0; margin: 0;}
	#FooterSub .wrap ul li a img	{padding-left:35px; margin: 0; color:#000; text-decoration: none;   bottom:7px; position:relative;}

	

/* -------------------------------------------------- */
/* ------------------ EXTRAS / CMS ------------------ */
/* -------------------------------------------------- */

.tekstcontainerdefault	{float:left;}

.ModuleContainer	{float:left; padding-bottom:15px; width:970px; }
	.ModuleContainer a	{text-decoration:underline; color:#626262; }
	.ModuleContainer a:hover	{text-decoration:underline; color:#313131}	
	.bannerhome { padding-bottom: 8px; }

.tekstcontainer		{float:left; padding-bottom:15px; width:940px; margin-bottom: 30px;}
	.TekstContainer	a	{text-decoration:underline; float:left; padding-bottom:10px; color:#626262;}
	.TekstContainer	a:hover	{text-decoration:underline;  float:left; padding-bottom:10px; color:#313131}
	.tekstcontainer p { margin: 0px 0px 8px 0px; }
	
.tekstcontainerportfolio		{float:left; padding-bottom:15px; width:477px; margin-bottom: 30px;}
	.tekstcontainerportfolio	a	{text-decoration:underline; float:left; padding-bottom:10px; color:#626262;}
	.tekstcontainerportfolio	a:hover	{text-decoration:underline;  float:left; padding-bottom:10px; color:#313131}
	.tekstcontainerportfolio p { margin: 0px 0px 8px 0px; }
	
.tekstcontainer-links {float:left; padding-bottom:15px; width:430px; height:auto; text-align:justify;}
.tekstcontainer-rechts	{float:left; width:440px; text-align:justify}
.tekstcontainer-rechts .ModuleContainer	{ width:440px; }

#contentleft .ModuleContainer	{ width:440px; }
#contentright .ModuleContainer	{ width:440px; }

.tekstcontainer_left_block { float: left; width: auto; margin-right: 8px; text-align: center;}
.tekstcontainer_left_block  h6 { font-size: 8px; font-style:italic; font-weight:normal; line-height: 11px; width: 100%;}
.tekstcontainer_left_block  img { margin-bottom: 4px; }
.tekstcontainer_right_block { float: right; width: auto; margin-left: 8px; text-align: center;}
.tekstcontainer_right_block  h6 { font-size: 8px; font-style:italic; line-height: 11px; width: 100%;}
.tekstcontainer_right_block  img { margin-bottom: 4px; }
	
.overons, .overons .tekstcontainer, .overons .ModuleContainer {
	margin: 0;
	padding: 0;
}