* {margin:0; padding:0;}
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 0 5px 0; height:1px; border:0; 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 0 0 10px;}
	#programmeur	{float:right; width:216px; height:35px;}
	#blog 			{float:right; width:50px; height:15px; padding:14px 10px 0 0; text-align:right; }
	#twitter		{float:right; display:block; width:178px; height:23px; margin-top:9px; margin-right:13px; background:url(../img/twitter.gif);}


/* -------------------------------------------------- */
/* --------------- 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 0 0 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:0 0 0 10px;}
#content a	{text-decoration: none; color:#00bce4;}	
#content a:hover	{text-decoration: underline; color:#00bce4;}
#content li	{margin: 3px 0 0 15px;}
#content ul li	{list-style-type: disc;}

	#contentleft	{float:left; width:430px; height:auto; text-align:justify;}
	#contentright	{float:left; width:440px; padding:0 0 0 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:0 15px 0 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:0 15px 0 20px; border-left:1px solid #e5e5e5; text-align:justify;}	
	
.customerthumbs	{float:left; padding:0 4px 4px 0;}
.nieuwscontainer	{float:left; width:460px; height:94px; padding-top: 15px; border-bottom:1px solid #e5e5e5;}
	.klant p	{width:375px;}
.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 0 0 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 135% 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:460px; height:auto; border-bottom:1px solid #e5e5e5; margin:0 20px 20px 0;}
#contentcenter .nieuwstext	{float:left; width:375px; padding-left:15px; text-align:left; }
#contentcenter .nieuwstext	h1{margin-bottom:1px!important; font: normal normal normal 135% 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:0 20px 20px 0; 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 0 0 10px;}
.portfolioopdracht	{float:left; width: 220px; height:15px; padding: 3px 0 0 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:0 50px 0 0; 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:0;}
.referentiesimage {float:left; width:198px; height:103px; padding: 15px 15px 0 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;}

.NieuwsWrapper .facebook { margin: 20px 0; width: 100%; border-top: #e5e5e5 1px solid; padding: 20px 0; float: right;} 

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


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

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

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

#service-inner 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;
	cursor: pointer!important;
}

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

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


/* -------------------------------------------------- */
/* ------------- SPONSORPAGINA -------------- */
/* -------------------------------------------------- */

.sponsorproject { height: 290px; }

.sponsoring #main img {
	max-width: 540px;
	max-height: 240px;
	border: 10px solid #e6e6e6;
	margin: 20px 0 10px;
}


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

#Footer 						{padding:50px 0 0 0;}
	#FooterSub 				{text-align:left; padding:20px 0 0 0; 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:0 0 8px 0;}
	
.tekstcontainerportfolio {float:left; padding-bottom:15px; width:477px; margin-bottom:30px;}
	.tekstcontainerportfolio a {text-decoration:underline; color:#626262;}
	.tekstcontainerportfolio a:hover	{text-decoration:underline; color:#313131;}
	.tekstcontainerportfolio p {margin:0 0 8px 0;}
	
.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;}

#object_2319, #module_2319 {margin-bottom:0; padding-bottom:0;}
#object_2319 { padding-bottom:20px; }

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