@charset "utf-8";
/* Overall Styles */
html { 
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	background-color: #9ab7bb;
	background-position: top;
	background-attachment: fixed; 
}

body, html { 
	margin: 0;
	padding: 0; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0d2234;
}

.wrapper_home {
	width: 980px;
	height: 856px;
	margin: 20px auto 0 auto;
}

.wrapper {
	background-image: url(../img/footer.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	height: auto;
	margin: 20px auto 0 auto;
	padding-bottom: 45px;
	width: 980px;
}

a {
	color: #0d2234;
	text-decoration: none;
}

hr {
	border: 0px;
	background-color: #8C9CA9;
	height: 1px;
}
	

.clear {
	clear: both;
}

/*Header*/
.header {
	background-image: url(../img/header.png);
	background-repeat: no-repeat;
	width: 980px;
	height: 102px;
	margin: 0;
	padding: 0;
}

.logo a {
	display: block;
	width: 300px;
	height: 90px;
	float: left;
}

.main_menu {
	width: 475px;
	height: 73px;
	float: right;
	margin: 29px 33px 0 0;
	padding: 0;
}

*html .main_menu {
	margin: 29px 17px 0 0;
}

.main_menu ul {
	margin: 0px;
	padding: 0px; 
	float: left;
}

.main_menu ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 0 0 0 1px;
}

.main_menu ul li a {
	color: #737b81;
	text-decoration: none;
	display: inline-block;
	width: 93px;
	height: 19px;
	margin: 0;
	padding: 18px 0 17px 0;
	font-size: 14px;
}

.main_menu ul li a:hover, .main_menu ul li a.active {
	color: #fff;
	background-image: url(../img/menu_hover.gif);
	text-decoration: none;
}

/*Contentarea*/
.content_home {
	width: 958px;
	height: 754px;
	padding: 0 11px;
	margin: 0;
	background: transparent url(../img/plaat1.jpg) no-repeat bottom;
	position: absolute;
	font-size: 14px;
}

.content {
	width: 958px;
	height: auto;
	padding: 0 11px 0 11px;
	margin: 0;
	background: transparent url(../img/shadow.png) repeat-y bottom;
	position: relative;
	line-height: 18px;
}

.content h1 { 
	margin: 0 0 15px 0;
	font-size: 18px;
}

.content h2 { 
	margin: 0;
	font-size: 14px;
}

.content h3 { 
	margin: 0;
	font-size: 14px;
	color: #00a8ee;
}

.content h4 {
	color: #00a8ee;
	font-size: 12px;
}

.content h5 {
	color: #00a8ee;
	font-size: 12px;
	font-style: italic;
}

.content h6 {
	font-size: 12px;
	font-style: italic;
}

.content a {
	color: #00a8ee;
	text-decoration: underline;
}

.content a:hover {
	text-decoration: none;
}

.header_image {
	width: 902px;
	height: 274px;
	overflow: hidden;
	position: relative;
	border-bottom: solid 1px #383f46;
	margin: 0 auto;
}

.header_image_cases {
	width: 958px;
	height: 275px;
	overflow: hidden;
	position: relative;
}

.header_image_cases img {
	width: 902px;
	height: 274px;
	border-bottom: solid 1px #383f46;
	margin: 0 auto;
}

a.title {
	background: transparent url(../img/icon_next.png) no-repeat right center;
	font-size: 18px;
	font-weight: bold;
	display: block;
	width: 200px;
	padding: 14px 0 10px 0;
	color: #FFF;
	text-decoration: none;
}

a.title:hover {
	text-decoration: none;
}

.addthis_button {
	float: right;
}

a.readmore {
	background: transparent url(../img/button_readmore.png) no-repeat;
	display: block;
	width: 125px;
	height: 22px;
	font-size: 14px;
	padding: 5px 0 0 10px;
	text-decoration: none;
	color: #0d2234;
	z-index: 15;
}

a.readmore:hover {
	background: transparent url(../img/button_readmore_hover.png) no-repeat;
	text-decoration: none;
	color: #0d2234;
}


/*items homepage*/
.cases_home, .cases {
	width: 958px;
	height: 230px;
	position: relative;
}

.cases_home {
	background: transparent url(../img/bkgrnd_cases.png) repeat-x bottom;
}

.cases {
	border-top: 1px solid #383f46;
	height: 250px;
}

.cases_home .title, .cases .title {
	margin-left: 28px;
}

.cases_home .title {
	margin: 0 0 3px 28px;
}

.caseoverview {
	width: 958px;
	position: relative;
	overflow: hidden;
	height: 225px;
}

.content .caseoverview {
	border-top: solid 25px #040c13;
	background: transparent url(../img/bkgrnd_casesoverview.gif) repeat-x;
	background-color: #0a1d2e;
	height: 226px;
}

.items {
	width: 902px;
	height: 211px;
	background: transparent url(../img/bkgrnd_items.png) repeat-x bottom;
	padding: 0 28px;
	color: #FFF;
}

.items p {
	margin-top: 5px;
}

.column {
	width: 282px;
	height: 210px;
	float: left;
	margin: 0;
	padding: 0;
}

.items .overons, .items .klanten { 
	margin-right: 28px;
}

.klanten p {
	border: solid 1px #44525d;
	text-align:center;
}

.content_home .nieuws{
	margin: 0;
}

.content_home .nieuws ul {
	margin: 5px 0px 0 0px;
	padding: 0 0 0 20px;
	height: 130px;
	overflow: hidden;
}

.content_home .nieuws ul li, .content ul li {
	list-style-image: url(../img/listitem.png);
	line-height: 23px;
}

.content_home .overons ul {
	 margin-top: 0px;
 }

.content_home .overons ul li {
	list-style-image: url(../img/listitem.png);
	margin-left: -20px;
	line-height: 20px;
 }

.content_home .nieuws ul li a {
	color: #fff;
	text-decoration: none;
}

.nieuws ul li a:hover {
	text-decoration: underline;
}
.tweets_home {
	width: 958px;
	height: 270px;
}

.tweets {
	width: 281px;
	height: auto;
	float: right;
	color: #fff;
	margin: 72px 28px 0 0;
	background: transparent url(../img/bkgrnd_tweets_footer.png) no-repeat bottom left;
	font-size: 12px;
	padding-bottom: 20px; 
}

.tweets_header {
	background: transparent url(../img/bkgrnd_tweets_header.png) no-repeat top left;
	width: 281px;
	height: 32px;
	margin: 0;
	padding: 0;
}

.tweets_bkgrnd {
	width: 251px;
	height: auto;
	margin: 0;
	overflow-x:hidden;
}


#tweets_container {
	background: transparent url(../img/bkgrnd_tweets.png) repeat-y top left;
	width: 281px;
	height: auto;
	margin: 0;
	padding: 10px 15px;
}

.tweets a {
	color: #00a8ee;
}

.tweets a:hover  {
	text-decoration: underline;
}

.tweet_date {
	font-size: 10px;
	color: #00a8ee;
	padding-top: 10px;
}

a.tweet_link  {
	font-size: 10px;
	float: right;
}

/* Socials */
.home_socials {
	width: 958px;
	height: 270px;
	position:relative;
}
.home_socials ul{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	right:25px;
	top:20px;
}
.home_socials ul li{
	margin:0;
	padding:0;
	list-style:none;
	width:45px;
	height:45px;
	display:inline-block;
}

.home_socials ul li a{
	display:block;
	width:33px;
	height:33px;
	background:transparent url('../img/social.png') no-repeat;
}
.home_socials ul li a:hover{
}

.home_socials ul li a.twitter{ background-position: -1px 0;}
.home_socials ul li a.twitter:hover{ background-position: -1px -42px;}

.home_socials ul li a.linkedin{ background-position: -47px 0;}
.home_socials ul li a.linkedin:hover{ background-position: -47px -42px;}

.home_socials ul li a.mail{ background-position: -92px 0;}
.home_socials ul li a.mail:hover{ background-position: -92px -42px;}

.home_socials ul li a.rss{ background-position: -137px 0;}
.home_socials ul li a.rss:hover{ background-position: -137px -42px;}

/*over ons + nieuwspagina +casesdetails*/
.content .overons, .content .nieuws, .content .cases_details {
	width: 902px;
	margin: 0 28px;
	text-align: justify;
	padding-bottom: 20px;
}

.content .overons {
	background: transparent url(../img/bkgrnd_expand.gif) repeat-y;
}

.content .overons ul {
	margin: 0;
}

.content .nieuws {
	background: transparent url(../img/bkgrnd_expand_nieuws.gif) repeat-y;
}

.content .cases_details {
	background: transparent url(../img/bkgrnd_expand_cases.gif) repeat-y;
	position: relative;
	height: 150px;
	width: 902px;
	padding-bottom: 20px;
	overflow: hidden;
}

.content .cases_details .readmore {
	position: absolute;
	bottom: 5px;
	right: 165px;
	z-index: 15;
}

.content .overons .left, .content .nieuws .left, .content .cases_details .left {
	float: left;
	background: transparent url(../img/bkgrnd_subcontent.gif) repeat-x;
	background-position: top;
	padding: 11px 30px 0 20px;
}

.content .overons .left {
	width: 637px;
}

.content .nieuws .left {
	width: 500px;
}

*html .content .nieuws .left {
	width: 497px;
}

.content .cases_details .left {
	width: 552px;
	height: 107px;
	overflow: hidden;
}

.content .nieuws .left .nieuws_date {
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	display: inline-block;
	float: right;
	margin-top: 2px;
}

.cases_details .right .cases_date {
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	position: absolute;
	top: 13px;
	left: 10px;
}

.content .overons .right, .content .nieuws .right, .content .cases_details .right {
	float: right;
	background: transparent url(../img/bkgrnd_subcontent.gif) repeat-x;
	background-position: top;
	padding-top: 28px;
}

.content .overons .right {
	width: 215px;
	position: relative;
}

.content .nieuws .right {
	width: 352px;
	position: relative;
}

.content .cases_details .right {
	width: 300px;
	position: relative;
	height:110px
}

.cases_details .right .content {
	background-image: none;
	background-color: #e8e8e8;
	width: 278px;
	padding-top: 20px;
	height: 80px;
	overflow: hidden;
}

.cases_details .right .content .cases_images{
	margin-bottom:2em;
	margin-right: -10px;
	height: 62px;
}

*html .cases_details .right .content .cases_images{
	margin-bottom:2em;
	margin-right: 0px;
	height: 62px;
}

.cases_details .right .thumb {
	outline: solid 1px #8c9ca9;
	margin-right: 10px;
	position: relative;
	width: 62px;
	float: left;
}

*html .cases_details .right .thumb {
	outline: solid 1px #8c9ca9;
	margin-right: 6px;
	position: relative;
	width: 62px;
	float: left;
}

.cases_details .right .thumb .magnify {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: transparent url(../img/magnify.png) no-repeat;
	width: 16px;
	height: 16px;
}

.cases_details .right .thumb:hover {
	outline: solid 2px #09F;
}

.right #news_holder {
	height: 290px; 
	overflow:hidden; 
	position: absolute;
}

#news_holder ul {
	position: relative;
	height: auto;
}

.content .overons .right ul, .content .nieuws .right ul {
	margin: 0;
	padding: 0;
	background-color: #E8E8E8;
}

.content .overons .right ul li, .content .nieuws .right ul li {
	border-bottom:1px solid #8C9CA9;
	line-height:28px;
	padding: 0;
	list-style: none;
}

.content .overons .right ul li a, .content .nieuws .right ul li a {
	color: #153147;
	display: block;
	height: 28px;
	text-decoration: none;
	background-color: #E8E8E8;
}

.content .overons .right ul li a {
	background: transparent url(../img/listitem.png) no-repeat scroll 7% 50%;
	width: 175px;
	padding: 0 0 0 40px;
}

.content .nieuws .right ul li a {
	background: transparent url(../img/listitem.png) no-repeat scroll 2% 50%;
	width: 327px;
	padding: 0 0 0 25px;
}

.content .overons .right ul li a:hover, .content .overons .right ul li a.active, .content .nieuws .right ul li a:hover, .content .nieuws .right ul li a.active {
	background-color: #C1C2C2;
}

.content .nieuws .right .date {
	display: inline-block;
	font-size: 10px;
	font-style: italic;
	width: 100px;
	float: left;
}

.content .nieuws .nieuws_archief {
	position: absolute;
	top: 185px;
	right: 20px;
}

.content .nieuws .nieuws_nav, .content .overons .nieuws_nav {
	margin-top:320px;
	text-align:center;
}

.nieuws_nav a { 
	text-decoration: none;
}

.nieuws_nav a:hover, .nieuws_nav a.active {
	font-size: 16px;
	text-decoration: underline;
	font-weight: bold;
}

.klantlogo {
	background: transparent url(../img/bkgnrd_logo.gif) repeat-x top;
	position: absolute;
	left: 0;
	width: 278px;
	padding: 13px 11px;
}

.klantlogo img {
	text-align: center;
	padding:0;
	margin:1em 0 0 0;
}

.content .nieuws ul li a, .content .cases_details ul li a {
	text-decoration: none;
	color: #0d2234;
}

.content .nieuws ul li a:hover, .content .cases_details ul li a:hover {
	text-decoration: underline;
}

/*cases*/
.content .cases_overview {
	width: 882px;
	margin: 0 28px;
	text-align: justify;
	background: transparent url(../img/bkgrnd_subcontent.gif) repeat-x;
	padding: 11px 0px 20px 20px;
}

.content .cases_overview .nav {
	border-bottom: solid 1px #d9d9d9;
	margin: 10px 0 0 0;
	padding-bottom: 10px;
	width: 862px;
}

.content .cases_overview .nav a {
	display: inline-block;
	width: 213px;
	height: 21px;
	background: transparent url(../img/cases_menu.gif) no-repeat center;
	color: #008ebc;
	text-align: center;
	padding-top: 3px;
	text-decoration: none;
}

.content .cases_overview .nav a.last {
	width: 212px;
}

.content .cases_overview .nav a:hover, .content .cases_overview .nav a.active  {
	background: transparent url(../img/cases_menu_hover.gif) no-repeat center;
	color: #407bbc;
	text-decoration: none;
}

.content .cases_intro {
	padding: 10px 0 0 0;
	background: transparent url(../img/bkgrnd_casesoverview.jpg) no-repeat right top;
}

.content .nieuws .cases_intro, .content .overons .cases_intro {
	padding-top: 20px;
	border-bottom: solid 1px #d9d9d9;
	background: none;
}

.content .cases_intro .image, .content .nieuws .cases_intro .image, .content .overons .cases_intro .image {
	width: 300px;
	height: 170px;
	float: left;
	border-bottom: solid 1px #d9d9d9;
}

.content .nieuws .cases_intro .image, .content .overons .cases_intro .image {
	width: 150px;
	height: 100px;
	border-bottom: 0px;
}
 .content .overons .cases_intro .image {
	width: 200px;
	height: 120px;
}

.content .nieuws .cases_intro .image img, .content .overons .cases_intro .image img {
	width: 148px;
	height: 83px;
}

.content .overons .cases_intro .image img {
	width: 180px;
	height: 101px;
}

.content .cases_intro .intro {
	width: 390px;
	height: 170px;
	float: left;
	border-bottom: solid 1px #d9d9d9;
	padding-right: 22px;
}

.content .nieuws .cases_intro .intro, .content .overons .cases_intro .intro {
	width: 332px;
	height: 100px;
	float: left;
	border-bottom: 0;
	padding-left: 15px;
	padding-right: 0px;
	border-bottom: 0px;
}
.content .overons .cases_intro .intro {
	width: 402px;
	height: 120px;
}

.content .nieuws .cases_intro h1, .content .overons .cases_intro h1  {
	text-align:left;
	font-size: 16px;
	margin-bottom: 0;
}

.content .overons .cases_intro h1  {
	margin-bottom: 10px;
	margin-top: 10px;
}

.content .nieuws .cases_intro h2, .content .overons .cases_intro h2 {
	text-align:left;
	font-size: 12px;
	margin-bottom: -10px;
}

*html .content .cases_intro .intro {
	padding-right: 0px;
}

.content .cases_intro .client {
	width: 130px;
	height: 170px;
	float: right;
	border-bottom: solid 1px #d9d9d9;
	padding-left: 20px;
	margin-right: 20px;
	position: relative;
	text-align: left;
}

.cases_overview .cases_intro h1 {
	font-weight: normal;
	text-align:left;
	font-size: 26px;
}

.cases_overview .cases_intro a {
	color: #0D2234;
	text-decoration: none;
}

.cases_overview .cases_intro h2 {
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 10px;
}

.cases_overview .client img {
	margin-top: 2px;
}

.cases_overview .readmore {
	background: none;
	position: absolute;
	bottom: 15px;
	right: 0px;
}

.cases_overview .readmore a {
	background: transparent url(../img/button_next.png) no-repeat;
	display: block;
	width: 125px;
	height: 22px;
	font-size: 14px;
	padding: 5px 0 0 10px;
	color: #0d2234;
	text-decoration: none;
}

.cases_overview .readmore a:hover {
	background: transparent url(../img/button_next_hover.png) no-repeat;
	text-decoration: none;
}

/*slider*/
#slidelist, #slideheader	{
	position: absolute;
}

#slideheader {
	height: 274px;
}

.slidepage {
	width: 902px;
	height: 160px;
	position: relative;
	float: left;
	padding: 0 28px;
}

.slideblock {
	width: 280px;
	height: 160px;
	display: block;
	overflow: hidden;
	position: absolute;
	border: solid 1px #698295;
	color: #FFF;
	cursor: pointer;
}

.slideblock.first {
	left: 28px;
}

.slideblock.second {
	left: 336px;
}

.slideblock.third {
	right: 28px;
}

.slideblock .overlay {
	position: absolute;
	bottom: 0;
	height: 90px;
	width:280px;
}

.slideblock .overlay .back {
	background-color: #000;
	position: absolute;
	top: 0px;
	height: 100px;
	width: 280px;
	opacity:0.85;
	filter:alpha(opacity=85); 
}

.slideblock .overlay .text {
	text-align: justify;
	width: 230px;
	overflow: hidden;
	font-size: 12px;
	line-height: 16px;
	position: absolute;
	top: 0px;
	height: 48px;
	padding: 15px 35px 15px 15px;
}

.text h1 {
	margin: -5px 0 5px 0;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	font-weight: bold;
	width: 235px;
}

.slideblock .overlay .readmore {
	position: absolute;
	right: 3px;
	bottom: 3px;
	background:transparent url(../img/icon_next.png) no-repeat right bottom;
	display: block;
	width: 280px;
	height: 90px;
}

.previous, .next  {
	height: 160px;
	width: 26px;
	position: absolute;
}

.header_image_cases .previous, .header_image_cases .next  {
	height: 275px;
	width: 26px;
	position: absolute;
}

.previous {
	left: 0px;
}

.header_image_cases .previous {
	background: url(../img/bkgrndArrowLeft.gif) repeat-y;
}

.next  {
	right: 0px;
}

.header_image_cases .next  {
	background: url(../img/bkgrndArrowRight.gif) repeat-y;
}

.previous a, .next a {
	display: block;
	width: 26px;
	height: 160px;
}

.header_image_cases .previous a, .header_image_cases .next a {
	height: 275px;
}

.previous a {
	background: transparent url(../img/previous.png) no-repeat scroll center;
}

 .next a {
	background: transparent url(../img/next.png) no-repeat scroll center;
}

.previous a:hover, .next a:hover {
	opacity:1.0;
	filter:alpha(opacity=100);
}

.overons .vacatures h2 {
	cursor: pointer;
	line-height: 20px;
}

.vacatures div {
	padding-top: 10px;
}

.overons .vacatures h2:hover {
	text-decoration: underline;
}

.loading {
	background: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	width:902px; 
	height:145px; 
	margin:0 28px;
	position: absolute;
	top: 0;
	left: 0px;
	z-index: 2;
	display: none;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	padding-top: 130px;
	letter-spacing:3px;
}

/* Tag Cloud */

#tag_cloud{
	margin-top:10px; 
	padding:0 1em; 
	text-align:center;	
}

/*footer*/
.footer {
	width: 958px;
	height: 15px;
	vertical-align: top;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	font-size: 10px;
}

.copyright {
	width: 683px;
	float: left;
	text-align: right;
	margin-left: 10px;
	color: #000;
}

.copyright a {
	color: #000;
}

.copyright a:hover {
	text-decoration: underline;
}

.footer .sociables {
	width: 230px;
	float: right;
	text-align: right;
	margin-right: 30px;
}

.footer .sociables ul { 
	margin: 0;
	padding: 0;
}

.footer .sociables ul li { 
	display: inline;
	margin: 0;
	padding: 0;
}

.footer .sociables ul li a {
	font-size: 10px;
}

.footer .sociables ul li a.twitter {
	background: transparent url(../img/sociables/twitter.png) no-repeat left center;
	display: inline-block;
	width: 15px;
	height: 15px;
}

.footer .sociables ul li a.rss {
	background: transparent url(../img/sociables/rss.png) no-repeat left center;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
}

.footer .sociables ul li a.linkedIn {
	background: transparent url(../img/sociables/linkedin.png) no-repeat left center;
	display: inline-block;
	width: 59px;
	height: 15px;
	margin: 0 5px 0 0;
}

/* Social media */
.social{
	height:24px;
	margin:10px 0;
	float:left;
	width:100%;
}
.social a {
	float: left;
	margin: 0;
}

.social a.addthis_button_facebook, .social a.addthis_button_email {
	background-color: white;
	padding: 2px 10px 0px 5px;
	color: #333;
	border: solid 1px #CCC;
	margin: 0 20px 0 0;
}
.social a.addthis_button_tweet {
	margin: 0 20px;
}
.at15t_facebook, .at15t_email {
	float: left;
	padding-left: 10px;
}
.social .at300m {
	float:right;
}

#more_inspiration {
	font-size:20px;	
	font-weight:bold;
}

#loading{
	text-align:center;
}
#loading img{
	margin-right:20px;
}

/*4l trophy*/
.left .twtr-widget { 
	font-family: Arial, Helvetica, sans-serif !important; 
	font-size: 11px !important;
}
.left .twtr-widget .twtr-tweet-wrap {
    overflow: hidden;
    padding: 8px;
}