#logo, #wrapper, .qtip { behavior: url(/iepngfix.htc) }

body 
{ 
	background: #ffffff; 
	color: #339933;
	font-family: "Helvetica Neue", Arial, Geneva, sans-serif;
	font-size: 16px;
	margin: 0;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
}
a { color: #339933; }
a:hover { text-decoration: none; color:#339933;}
a.noStyle {text-decoration:none;color:#666666;}
img.frame {background:transparent url(/img/frame.png) no-repeat scroll 0 0;border:none;padding:10px 15px 30px 7px;}
img.blogframe {float:left;margin-right:10px;padding-top:4px;}

#logo { 
	width: 140px; 
	height: 32px;
	text-indent: -9999px; 
	float: left;
	background-image: url(/img/logo.png);
	margin-top: 7px;
	margin-right: 40px;
	cursor: pointer;
}

#short_summary{
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#short_summary h2 {margin-right:50px;}

#news_summary{
	padding-bottom: 10px;
	margin-bottom: 25px;
	border-bottom:1px solid #CCCCCC;
}

#short_summary h3{
	width: 800px;
}

#news_summary h3{
	width: 800px;
}

#news_home {
border-bottom:1px solid #CCCCCC;
margin-bottom:-7px;
padding-bottom:0;
}

#news_home h3{
	width: 800px;
	height:81px;
}

.news_img_bg{
	background: url(/img/news_bg.jpg);
	background-repeat: no-repeat;
	
	padding: 6px 7px 8px 7px;
}

#wrapper { 
	background: url(/img/bg3.png);
	background-position: top left;
	background-repeat: repeat-x;
	margin-top: -10px;
	position: relative;
	}

#header{
	height: 350px;
	margin: 0 auto;
}

.bg_home{background-image: url(/img/bg/grass.jpg);}
.bg_nieuws{background-image: url(/img/bg/nieuws.jpg);}
.bg_blog{background-image: url(/img/bg/graf.jpg);}
.bg_over_ons{background-image: url(/img/bg/wood2.jpg);}
.bg_wie_zijn_wij{background-image: url(/img/bg/wood2.jpg);}
.sysHetTeam .bg_over_ons{background-image: url(/img/bg/tshirt.jpg);}/*wood2*/
.sysTechnologien .bg_over_ons{background-image: url(/img/bg/books2.jpg);}/*wood2*/
.sysOntwikkelmethodes .bg_over_ons{background-image: url(/img/bg/bricks.jpg);}/*wood2*/
.bg_werken_bij_label_a{background-image: url(/img/bg/wood2.jpg);}
.bg_wat_kunnen_we{background-image: url(/img/bg/books.jpg);}
.bg_geavanceerde_websites{background-image: url(/img/bg/concrete_red.jpg);}
.bg_intranets__portals{background-image: url(/img/bg/concrete_red.jpg);}
.bg_nieuwsbrieven_en_emailings{background-image: url(/img/bg/concrete_red.jpg);}
.bg_klantenoverzicht{background-image: url(/img/bg/metal_blue.jpg);}
.bg_portfolio{background-image: url(/img/bg/tshirt.jpg);}
.bg_contact{background-image: url(/img/bg/buro.jpg);}
.bg_routebeschrijving{background-image: url(/img/bg/metal_blue.jpg);}
.bg_404{background-image: url(/img/bg/404.jpg);}
.bg_seopages{background-image: url(/img/bg/warning2.jpg);}

.bg_nieuws_rpho{background-image: url(/img/bg/rpho.jpg);}
.bg_nieuws_vitence{background-image: url(/img/bg/vitence.jpg);}
.bg_nieuws_kantoor-labela{background-image: url(/img/bg/kantoor-labela.jpg);}
.bg_nieuws_uto{background-image: url(/img/bg/uto.jpg);}
.bg_nieuws_comwonen{background-image: url(/img/bg/comwonen1.jpg);}
.bg_nieuws_abn{background-image: url(/img/bg/abn.jpg);}
.bg_nieuws_schiecentrale{background-image: url(/img/bg/schiecentrale.jpg);}
.bg_nieuws_Verhuizing{background-image: url(/img/bg/verhuizen.jpg);}
.bg_nieuws_eenechteauto {background-image: url(/img/bg/eenechteauto.jpg);}
.bg_nieuws_brainport {background-image: url(/img/bg/brainport.jpg);}
.bg_nieuws_riddersvandeweg {background-image: url(/img/bg/ridders-van-de-weg.jpg);}
.bg_nieuws_fresh_meat {background-image: url(/img/bg/fresh_meat.jpg);}
.bg_nieuws_g2 {background-image: url(/img/bg/g2.jpg);}
.bg_nieuws_uto_beeldbank {background-image: url(/img/bg/uto_beeldbank.jpg);}

.sysOverHetLloydkwartier .bg_contact {background-image: url(/img/bg/lloydkwartier.jpg);}
.sysRoutebeschrijving .bg_contact {background-image: url(/img/bg/route2.jpg);}
.sysOverDeSchiecentrale .bg_contact {background-image: url(/img/bg/schiecentrale3.jpg);}
/* profiel bg's */
.bg_profiel_jordi {background-image: url(/img/bg/jordi.jpg);}
.bg_profiel_roland {background-image: url(/img/bg/roland_profiel.jpg);}
.bg_profiel_stefan {background-image: url(/img/bg/stefan_profiel.jpg);}
.bg_profiel_chris {background-image: url(/img/bg/chris_profiel2.jpg);}
.bg_profiel_mo {background-image: url(/img/bg/bricks.jpg);}
.bg_profiel_kamp {background-image: url(/img/bg/kamp.jpg);}
.bg_profiel_philip {background-image: url(/img/bg/bricks.jpg);}
.bg_profiel_bas {background-image: url(/img/bg/bas_profiel.jpg);}
.bg_profiel_sebastiaan {background-image:url(/img/bg/bricks.jpg);}
.bg_profiel_basvdgraaf {background-image:url(/img/bg/bricks.jpg);}

#flash{
	width: 950px; 
	position:absolute; 
	z-index:0;
	width: 100%;
  	text-align: center;
}
#flash:hover {cursor:pointer;}

#content{
	width: 950px;
	margin: 0 auto;
	padding: 40px 20px;
	border: 1px solid red;
}

#content .p{
	color: #339933;
}

#navigation{
	z-index: 300;
	position: relative;
	background: url(/img/menu.png);
	background-repeat: repeat-x;
	height: 49px;
	border-top: 1px solid #ccc;
}


#menu{

	width: 950px; margin: 0 auto;
	font-size: 1.2em;
}

#coldfusion_rollover{
	display:block;
	width: 39px;
	height: 25px;
	background: url("/img/icon_cf.jpg") top left no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	float: left;
	margin-right: 5px;
}

#coldfusion_rollover:hover { 
	background-position: 0 -25px;
	color: #049;
}
#coldfusion_rollover:active {
	background-position: 0 -25px;
	color:#fff;
}

#adobe_rollover{
	display:block;
	width: 30px;
	height: 25px;
	background: url("/img/icon_adobe.jpg") top left no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	float: left;
	margin-right: 5px;
}

#adobe_rollover:hover { 
	background-position: 0 -25px;
	color: #049;
}
#adobe_rollover:active {
	background-position: 0 -25px;
	color:#fff;
}
#apple_rollover{
	display:block;
	width: 30px;
	height: 25px;
	background: url("/img/icon_apple.jpg") top left no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	float: left;
	margin-right: 5px;
}
#apple_rollover:hover { 
	background-position: 0 -25px;
	color: #049;
}
#apple_rollover:active {
	background-position: 0 -25px;
	color:#fff;
}
#flex_rollover{
	display:block;
	width: 33px;
	height: 25px;
	background: url("/img/icon_flex.jpg") top left no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	float: left;
	margin-right: 5px;
}
#flex_rollover:hover { 
	background-position: 0 -25px;
	color: #049;
}
#flex_rollover:active {
	background-position: 0 -25px;
	color:#fff;
}
#railo_rollover{
	display:block;
	width: 45px;
	height: 25px;
	background: url("/img/icon_railo.jpg") top left no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	float: left;
	margin-right: 5px;
}
#railo_rollover:hover { 
	background-position: 0 -25px;
	color: #049;
}
#railo_rollover:active {
	background-position: 0 -25px;
	color:#fff;
}
#flickr_rollover{
	display:block;
	width: 60px;
	height: 15px;
	background: url("/img/icon_flickr.jpg") top left no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	float: left;
	margin-right: 5px;
}
#flickr_rollover:hover { 
	background-position: 0 -15px;
	color: #049;
}
#flickr_rollover:active {
	background-position: 0 -15px;
	color:#fff;
}
#linkedin_rollover{
	display:block;
	width: 67px;
	height: 15px;
	background: url("/img/icon_linkedin.jpg") top left no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	float: left;
	margin-right: 5px;
}
#linkedin_rollover:hover { 
	background-position: 0 -15px;
	color: #049;
}
#linkedin_rollover:active {
	background-position: 0 -15px;
	color:#fff;
}
#rss_rollover{
	display:block;
	width: 15px;
	height: 15px;
	background: url("/img/icon_rss.jpg") top left no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	float: left;
	margin-right: 5px;
}
#rss_rollover:hover { 
	background-position: 0 -15px;
	color: #049;
}
#rss_rollover:active {
	background-position: 0 -15px;
	color:#fff;
}
#twitter_rollover{
	display:block;
	width: 61px;
	height: 13px;
	background: url("/img/icon_twitter.jpg") top left no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	float: left;
	margin-left: 7px;
	margin-top:1px;
}
#twitter_rollover:hover { 
	background-position: 0 -13px;
	color: #049;
}
#twitter_rollover:active {
	background-position: 0 -13px;
	color:#fff;
}
p {
	margin:0.5em 0 1.5em;
}
h1, h2, h3, h4, h5, h6 {font-weight:lighter;font-family:Helvetica neue}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2.3em;font-weight:lighter;letter-spacing:-0.05em;margin-bottom:0.1em;margin-top:-0.2em;color:#333;}
h3 {color:#666;font-size:1.3em;letter-spacing:0.02em;line-height:1.5;margin-bottom:0;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}


ol {list-style-type:decimal;margin-left:40px;margin-top:-14px;}
ul {list-style-type:disc;margin-left:40px;margin-top:-14px;}
li {color:#666666;font-size:0.8em;line-height:1.5em;}

.newsitem a{
	border-bottom:1px solid #DADADA;
	display:block;
	padding-bottom:8px;
	padding-top:8px;	
	color:#666666;
	font-size: .7em;
}

.newsitem p{
	padding:0px 0px 8px 0px; 
	margin: 0px 0px 0px 0px; 
	color:#339933;
	font-size:15px;
	font-weight:bold;
}
.newsitem a:hover{
	background-color: #E8E8E8;
	color: #339933;
	text-decoration: none;
}

#similar_projects{
	width: 250px;
	margin: 20px 0px;
	overflow: hidden;
}

#similar_projects p{
	padding:0px 0px 15px 0px; 
	margin: 0px 0px 0px 0px; 
	font-size: 15px; 
	color:#339933;
	font-weight:bold;
}
#relevant_projects{
	float:right;
	width: 312px;
	margin:12px 0 0;
}

#relevant_projects p{
	padding:0px 0px 15px 0px; 
	margin: 0px 0px 0px 0px; 
	font-size: 15px; 
	color:#339933;
	font-weight:bold;
}

#clients p{
	padding:0px 0px 15px 0px; 
	margin: 0px 0px 0px 0px; 
	font-size: 15px; 
	color:#339933;
	font-weight:bold;
}

.clients_link{
	padding:0px; 
	margin: 0px 0px 10px 0px; 
	font-size: 10px; 
	color:#666666;
}

.middle_section{
	border-top:1px solid #CCCCCC;
	padding-bottom: 30px;
	margin-bottom: 40px;
}

.blog p{
	padding:0px; 
	margin: 0px 0px 15px 0px; 
	font-size: 15px; 
	color:#339933;
	font-weight:bold;
}

.blog_block{
	width: 290px;
	padding: 0px;
	margin-bottom:10px;
}

#blog_block p {min-height:30px;}
.blog_block:hover{
	background: #eee;
	cursor:pointer;
}

.blog_post{
	font-size: .7em;
	color: #666;
	line-height: 1.4em;
	width: 200px;
	cursor:pointer;
}

.blog_post strong{
	padding:0px; 
	margin: 0px; 
	font-weight:bold;
	display: block;
}

.blog_infoRight {
	font-size:0.7em; 
	color:#666;
	margin-top: 10px;
}

.left_content{
	float: left;
	width: 570px;
	margin-bottom: 0px;
}

.right_content{
	float: right;
	width: 312px;
}

.right_content_small{
	float: right;
	width: 230px;
	margin-top:5px;
}

.left_content_big{
	float: left;
	width: 670px;
	margin-bottom: 20px;
}

#blog_block{
	margin-bottom: 40px;
}

.news_block{
	margin:0 0 25px;
}
.news_block_news{
	border-bottom:1px solid #DADADA;
	margin:0 0 15px;
}

.news_block_news:hover{
	cursor:pointer;
}

.news_block_news span{
	display: block;
	margin-top:7px;
	font-size: .7em;
	color: #666;
	font-style: italic;
}

.news_block_porto{
	margin:0 0 15px;
}
.news_block_porto a img{
	padding:8px 13px 11px;
}
.prepend-top-porto {
	margin-top:5.5em;
}
.newsImage_holder {
	background: url(/img/bg_newsImg.jpg) no-repeat top left;
	width:150px;
	height:100px;
	float:left;
}
.portfolioImage_holder {
	background: url(/img/bg_portfolioImg.jpg) no-repeat top left;
	float:left;
}
.newsImage {padding:4px 0px 0px 5px;}

p strong{
	display: block;
	margin-bottom: 2px;
	font-size: 1.2em;
	color:#339933;
}

p {
	line-height: 1.5em;
	color: #666;
	font-size: .8em;
}


.news_date{
	background: url(/img/calendar-month.png);
	background-repeat: no-repeat;
	height: 25px;
	padding-left: 20px;
	padding-top: 3px;
	font-size: .9em;
	color: #999;
	margin-top: 5px;
}
.comment p{
	margin: -6px 0px 0px;
}
#project_makers{
	margin-bottom: 40px;
	overflow: hidden;
}

#project_makers p{
	font-size:15px;
	color:#339933;
	font-weight:bold;
}

.project_makers_block{
	padding: 5px;
	float:left;
}



.project_makers_text{
	font-size: .7em;
	color: #666;
	line-height: 1.4em;
	width: 200px;
	width: 280px;
}

.project_makers_text strong{
	padding:0px; 
	margin: 0px 0px 6px 0px; 
	color:#666666;
	font-weight:bold;
	display: block;
	font-size: 1.2em;
}


.team_member{
	margin-bottom: 20px;
	clear: both;
	overflow: hidden;
	padding:10px;
}

.team_member img{
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 20px;
	padding: 5px;
	border: 1px solid #ccc;
}

.team_member strong{
	margin-bottom: 10px;
}

.team_member p{
	margin-top: 10px;
	line-height: 1.2em;
	font-size: .8em;
	color:#666666;
}

.team_member em{
	font-weight: bold;
	color: #888;
	font-size: .8em;
	padding-left: 10px;
}

.technology_block{
	width: 260px;
	margin-bottom: 20px;
	float: left;
}

.f_right{
	float: right;
}

.technology_block strong{
	margin-bottom: 5px;
}

.technology_block p{
	margin-top: 10px;
	font-size: .8em;
	color:#666666;
}

.technology_frameworks{
	clear: both;
}


.framework{
	margin-bottom: 20px;
	clear: both;
	overflow: hidden;
}

.framework img{
	float: left;
	width: 130px;
	margin-right: 20px;

}

.framework strong{
	margin-bottom: 10px;
}

.framework p{
	margin-top: 10px;
	line-height: 1.2em;
	font-size: .8em;
	color:#666666;
}
.tooltip_content strong{
	color: #333;
}

.tooltip_content img{
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 7px;
}

.contact_address{
	float: left;
	width: 250px;
	overflow: hidden;
}

.contact_address p{
	font-weight:bold;
}

.contact_address ul {
	list-style-type:none;
	margin-left:0px;
	margin-top:-5px;
}

.contact_address ul li{
	margin-bottom: 6px;
	color: #666;
	font-size: .8em;
	line-height:1.2em;
}

.contact_address{
	float: left;
	width: 250px;
	overflow: hidden;
}

.contact_table tr td{
	margin-bottom: 5px;
	color: #666;
	font-size: .8em;
	line-height:1.2em;
	height:20px;
}
.contact_table tr td.contact_image {width:40px;}

.contact_map{
	clear: both;
	margin-top: 40px;
}

.contact_map p{
	font-weight: bold;
}

.contact_map img{
	padding: 5px;
	border: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 10px;
}

.contact_formulier{
	float: right;
	width: 360px;
	overflow: hidden;
}

.contact_formulier p{
	font-weight:bold;
}

span.input {color:#666666;}

.footerLine {border-top:1px solid #CCCCCC;margin-bottom:30px;margin-top:10px;}
.footerTable {margin-top:5px;}



#svComments{
	border-top: 1px solid #ccc;
	padding-top: 10px;
	padding-bottom: 25px;
	font-size: .9em;
}

#svComments dl{
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 10px;
}

#svComments dl dt{
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	padding-bottom: 5px;
	font-size: .9em;
	font-weight: normal;
}

#svComments dl dt span{
	float: right;
	height: 16px;
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	padding-top: 2px;
}

#svComments dl dd{
	margin-top: 10px;
}

#comment_form{
	font-size: .8em;
	
}

.contact{
	font-size: .8em;
	margin-top:-19px;
}

.klantenoverzicht{
margin-bottom:5px;
margin-top:9px;
}

#klanten a img {
	margin-bottom:18px;
	margin-right:18px;
	border:2px solid #efefef;
	float:left;
}

.wlink_overons {}
.wlink_watkunnenwe {}
.wlink_portfolio {}
.wlink_contact {}

.last { border-bottom: 0px;}

#Style {
position:absolute;
visibility:hidden;
padding:-20px;
}

#nieuws .newsitem a div.news_title, #homepage .newsitem a div.news_title {float: left; width: 245px;padding-left: 7px;}
#nieuws .newsitem a div.datesmall, #homepage .newsitem a div.datesmall {color:#999999;font-size:.8em;width:31px;float:left;border-right:1px solid #ccc;padding-top:1px;padding-right: 4px;padding-left:1px;}
p.pdf_download {bottom:117px;position:absolute;font-size:0.7em;}

ul.moreResults {list-style:none;margin-left:0px;}
ul.moreResults li {float:left;}

.pager {overflow:auto;width:auto;}
.pager p {display:inline;float:left;margin-right:15px;}
.pager ul {list-style-type:none;margin:5px 0 0 2px;padding:0;position:relative;}
.pager ul li {float:left;margin:0 1px 1px 0;width:20px;text-align:center;}
.pager a {background-color:#D4D4D4;border-color:#E9E9E9 #E9E9E9 #339933;border-style:solid;border-width:1px 1px 2px;color:#373737;display:block;font-family:Helvetica,Verdana;font-size:12px;font-size-adjust:none;
font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;padding-top:3px;text-align:center;text-decoration:none;}
.pager a:hover {background-color:#BCBCBC;border-bottom:2px solid #666666;}

.retweet_button {float:right;margin-top:-46px;}
.left_content #klanten {width:900px;}

#svComments .comment {height:auto;margin-bottom:65px;}
#svComments .commentName {background:url(/img/commentTop.png) no-repeat top left;height:28px;padding-left:10px;padding-top:10px;}
#svComments .content {background:#cccccc;padding-left:10px;}
#svComments .commentBottom {background:url(/img/commentBottom.png) no-repeat top left;height:70px;}
#svComments .klantImg {float:left;margin-left:130px;margin-top:-30px;}
#svComments dd.comment {margin-bottom:0px;}

.testimonial{margin: 10px 0px;padding:10px 0px; border-bottom: 1px dotted #ccc;}
.test-image{float:left;width:60px;height:60px;margin-right:10px;}
.test-image img{}
.test-content{float:left;width:450px;}
.test-content h3{font-size:1.2em;color:#339933;}
.test-content p{}

.sysHetTeam .team_member:hover {background-color:#EfEfEf;cursor:pointer;}