/* --------------------------------------------------------------------------------------------------------
global
---------------------------------------------------------------------------------------------------------*/

html {
	height: 			    100%;
	overflow: 				-moz-scrollbars-vertical;
}

body {
	background:				#CCC url("../images/bg.gif") repeat scroll 0px 0px;
	text-align:				center;
	margin:					0;
	font:					normal 0.7em "Trebuchet MS", Arial, Tahoma, sans-serif;
	line-height:			15px;
	color:					#000;
}

div.bodywrapper {
	background:				transparent url("../images/bg_top.gif") repeat-x scroll 0px 0px;
	width:					100%;
	margin:					0;
}

div.pagewrapper {
	width:					914px;
	height:					100%;
	margin:					20px auto;
	border:					0;
	background-color:		#FFF;
	color:					#000;
	text-align:				left;
}

div.contentwrapper {
	width:					914px;
	height: 				100%;
	margin:					0;
	padding-bottom:		    20px;
}

table {
	border:					0;
	border-collapse:		collapse;
	margin:					0;
	padding:				0;
}

td {
	vertical-align:		    top;
}

a, a:visited {
	color:					#83A200;
	font-weight:			bold;
	text-decoration:		underline;
}

a:hover, a:active {
	color:					#5A6F00;
}

img {
	border:					0;
}

.left {
	float:					left;
}

.right {
	float:					right;
}

.relative {
	position:				relative;
}

.absolute {
	position:				absolute;
}

.wrapper {
	width:					100%;
	overflow:				hidden;
}

.clear {
	clear:					both;
}

.supscript {
	font-size:				7px;
}

h1, h2, h3, h4, h5, h6 {
	
}

ul {
	margin:					0 0 0 15px;
	padding:					0;
}

input {
	font:						normal 11px "Trebuchet MS", Arial, Tahoma, sans-serif;
	color:					#444;
	padding:					1px 2px;
}

textarea {
	font:						normal 11px "Trebuchet MS", Arial, Tahoma, sans-serif;
	color:					#444;
	padding:					1px 2px;
}

/* --------------------------------------------------------------------------------------------------------
divider
---------------------------------------------------------------------------------------------------------*/

div.divider-xlarge {
	height:					4px;
	line-height:			1px;
	display:					block;
	margin:					24px 0;
	background-color:		#E4E1D9;
}

div.divider-large {
	height:					4px;
	line-height:			1px;
	display:					block;
	margin:					12px 0;
	background-color:		#E4E1D9;
}

div.divider-small {
	height:					4px;
	line-height:			1px;
	display:					block;
	margin:					6px 0;
	background-color:		#E4E1D9;
}

/* --------------------------------------------------------------------------------------------------------
h
---------------------------------------------------------------------------------------------------------*/

h1 {
	font-size:				15px;
	font-weight:			bold;
	color:					#000;
	margin:					0 0 5px 0;
}

h1.paginakop {
	font-size:				23px;
	line-height:			23px;
	font-weight:			normal;
	color:					#F27F0C;
	padding-bottom:		25px;
}

h1.titel {
	font-size:				23px;
	line-height:			23px;
	font-weight:			normal;
	color:					#F27F0C;
	padding-top:			25px;
	padding-left: 			40px;
}

h2 {
	font-size:				21px;
	font-weight:			normal;
	color:					#50470d;
	font:						"Trebuchet MS", Arial, Tahoma, sans-serif;
	padding-bottom:		18px;
}

h3 {
	font-size:				1.1em;
	font-weight:			bold;
	color:					#000;
	margin:					0 0 2px 0;
}

/* --------------------------------------------------------------------------------------------------------
navigation
---------------------------------------------------------------------------------------------------------*/
div.navigation {
	text-align:				right;
	margin:					0;
}

div.navigation-klein {
	text-align:				right;
	margin-left:			20px;
	margin-top:				25px;
}

/* --------------------------------------------------------------------------------------------------------
nieuwsberichten op de homepage
---------------------------------------------------------------------------------------------------------*/
div.nieuws {
	width:					674px;
}

div.nieuwsmargin {
	padding:					25px 36px 0px 40px;
}

div.nieuwsbericht {
	width:					290px;
	padding:					12px 0;
}

div.nieuwsbericht * b, strong {
	font-weight:			normal;
}

div.nieuwsbericht a img {
	border:              solid 1px #E4E1D9;
}


div.onderlijn {
	padding-bottom:		12px;
	border-bottom:			solid 4px #E4E1D9;
}

div.nieuwsimage {
	width:					60px;
}

div.nieuwstekst {
	width:					230px;

}

div.nieuwsdatum {
	color:					#A7A386;
	font-size:				11px;

}

a.nieuwsbericht, a.nieuwsbericht:visited {
	font-size:				15px;
	line-height:			17px;
	font-weight:			bold;
	color:					#000;
	text-decoration:		none;
}

a.nieuwsbericht:hover, a.nieuwsbericht:active {
	font-size:				15px;
	line-height:			17px;
	font-weight:			bold;
	color:					#5A6F00;
	text-decoration:		underline;
}

div.nieuwsberichtsub {
	width:					592px;
}

div.nieuwsberichtsub * b, strong {
	font-weight:			normal;
}

div.nieuwsimagesub {
	width:					60px;
}

div.nieuwsimagesub a img {
	border:              solid 1px #E4E1D9;
}

div.nieuwstekstsub {
	width:					532px;
}

a.nieuwsberichtsub, a.nieuwsberichtsub:visited {
	font-size:				15px;
	line-height:			16px;
	font-weight:			bold;
	color:					#000;
	text-decoration:		none;
	display:					block;
	padding-bottom:		5px;
}

a.nieuwsberichtsub:hover, a.nieuwsberichtsub:active {
	font-size:				15px;
	line-height:			16px;
	font-weight:			bold;
	color:					#5A6F00;
	text-decoration:		none;
	display:					block;
	padding-bottom:		5px;
}

/* --------------------------------------------------------------------------------------------------------
amercom
---------------------------------------------------------------------------------------------------------*/
div.box_right {
	/*width:					341px;*/
	width: 300px;
	float: 					right;
	margin-right: 40px;
}

div.amercom {
	width:					301px;
}

div.amercommargin {
	margin:					20px 0px 20px 40px;
	background:				#E4E1D9;
}

h1.amercom-home {
	padding-left:			45px;
	margin-bottom:			10px;
}

/* --------------------------------------------------------------------------------------------------------
interactieve tip
---------------------------------------------------------------------------------------------------------*/

div.interactieve-tip {
	width:					341px;
}

div.interactieve-tipmargin {
	margin:					20px 0px 20px 40px;
	padding:					25px 25px 10px 25px;
	background:				#E4E1D9;
}

h1.interactieve-tip {
	padding-bottom:		10px;
	font-size:				17px;
	line-height:			20px;
	font-weight:			bold;
	color:					#83a200;
}

div.interactieve-tipmargin img {
	padding:					0px;
	border:					1px solid #FFF;
}

p.interactieve-tip {
	padding-bottom:		5px;
}

p.interactieve-tip img {
	border:					0px none;
}

p.auteur {
	padding-left:			45px;
	color:					#9c9a94;
}

/* --------------------------------------------------------------------------------------------------------
bellen en e-mailen
---------------------------------------------------------------------------------------------------------*/
div.bellenenemailen {
	width:					290px;	
}

div.bellenenemailenmargin {
	background-color:		#E4E1D9;
	height:					68px;
	padding:					10px 20px;
	margin:					10px 0 0 0;
}


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


div.footer {
	width:					914px;
	color:					#A7A386;
	font-size:				10px;
	background-color:		#FFF;
}

div.footer div.footermargin {
	padding:					20px 0 0 40px;
}

div.footer a.footer {
	text-decoration:		none;
	font-weight:			normal;
	color:					#A7A386;
}


/* --------------------------------------------------------------------------------------------------------
SUBPAGINA'S
---------------------------------------------------------------------------------------------------------*/

/* --------------------------------------------------------------------------------------------------------
subnav
---------------------------------------------------------------------------------------------------------*/

div.subnav {
	/*width:					280px;*/
	width: 220px;
}

div.subnavmargin {
	padding:					25px 40px 0px 40px;  
}
div.subnav ul{margin:0;padding:0;list-style:none;}
div.subnav ul li{margin:7px 0;}
div.subnav ul li a, div.subnav ul li a:visited{font-weight:bold;text-decoration:none;}
div.subnav li.first a.active, div.subnav li.first a.active:visited {text-decoration:none;}
a.subnav, a.subnav:visited {
	font-size:				12px;
	font-weight:			bold;
	color:					#83A200;
	text-decoration:		none!important;
	/*display:					block;*/
	height:					21px;
	line-height:			21px;
}
a.subnav:hover, a.subnav:active {
	color:					#5A6F00;
}

div.subnavheader {
	color:					#A7A386;
	font-size:				90%;
}

a.true {
	color:					#415100;
}

div.reageren {
	padding-top:			40px;
	width:					185px;
}


/* --------------------------------------------------------------------------------------------------------
subnav in content (diensten startpagina en referenties startpagina)
---------------------------------------------------------------------------------------------------------*/

a.subnavcontent, a.subnavcontent:visited {
	background:				transparent url("../images/bg_pijl_bruin.gif") no-repeat scroll 0px -2px;
	color:					#83A200;
	padding:					0 0 0 15px;
	margin:					22px 0 0 0;
	font-size:				14px;
	line-height:			17px;
	/*height:					14px;*/
	font-weight:			bold;
	text-decoration:		none;
	display:					block;
}

a.subnavcontent:hover, a.subnavcontent:active {
	background:				transparent url("../images/bg_pijl_bruin.gif") no-repeat scroll 0px -2px;
	color:					#5A6F00;
	padding:					0 0 0 15px;
	font-size:				14px;
	line-height:			17px;
	/*height:					14px;*/
	font-weight:			bold;
	text-decoration:		underline;
	display:					block;
}
a.subnavextern, a.subnavextern:visited {background:transparent url("../images/bg_extlink.gif") no-repeat scroll 0 0;text-decoration:none;padding:0 0 0 15px;line-height:17px;margin:2px 0 0 0;display:block;font-weight:normal;}
a.subnavextern:hover {text-decoration:underline;}

table.subnavcontent {
	empty-cells:			hide;
	table-layout:			auto;
}

table.subnavcontent td {
	background-color:		#F6F6F3;
	/*width:					33%;*/
	height:					25px;
	padding:					0px 10px;
	vertical-align:		middle;
	empty-cells:			hide;
	border-right:			solid 3px #FFF;
	border-bottom:			solid 3px #FFF;
}

table.subnavcontent td.emptycell {
	background-color:		#FFF;
}

div.subnavcontentheader {
	color:					#A7A386;
	font-weight:			bold;
	padding-bottom:		10px;
}

/* --------------------------------------------------------------------------------------------------------
spinawards
---------------------------------------------------------------------------------------------------------*/

div.spinawards {
	width:					240px;
}


/* --------------------------------------------------------------------------------------------------------
vacature banner (e-alert plek)
---------------------------------------------------------------------------------------------------------*/

div.vacaturebanner 
{
	margin-top: 10px;
	z-index: 1;	
}


div.vacature {
	
}

a.vacature, a.vacature:visited {
	font-size:				15px;
	line-height:			21px;
	font-weight:			bold;
	color:					#000;
	text-decoration:		none;
	display:					block;
}

a.vacature:hover, a.vacature:active {
	font-size:				15px;
	line-height:			21px;
	font-weight:			bold;
	color:					#5A6F00;
	text-decoration:		underline;
	display:					block;
}

/* --------------------------------------------------------------------------------------------------------
pagecontent
---------------------------------------------------------------------------------------------------------*/

div.pagecontent {
	/*width:					594px;*/
	width: 652px;
}

div.pagecontentmargin {
	padding:					25px 0px 0px 0px;
}

img.paginakop {
	padding-bottom:		25px;
}

div.flashpaginakop {
	padding-bottom:		25px;
	margin-left:			-2px;
}

div.pagecontent-nopageheader {
	width:					580px;
}


/* --------------------------------------------------------------------------------------------------------
Case detail (ons werk)
---------------------------------------------------------------------------------------------------------*/

div.opdracht {
	padding-top:			55px;
	width:					200px;
}

div.screens	 {
	width:					594px;
	height:					379px;
	padding:					7px 0 0 7px;
	background:				url(/images/bg_screenshot.gif) no-repeat scroll 0px 0px;	
}

.groot {
	width: 					594px;
	height: 					379px;
	padding:					7px 0 0 7px;
	background:				url(/images/bg_screenshot.gif) no-repeat scroll 0px 0px;
}
	
div.imagecontainer
{
	position:relative;
	float:left;
	width:					198px;
	height:					172px;
}
div.imagecontainer img.shadow
{
	position:absolute;
	left:29px;
	top:34px;
	width:142px;
}
div.imagecontainer img.image
{
	position:absolute;
	left:34px;
	top:39px;
	width:132px;
}

/* popup case */

div.popup-cases_container {
    /*border:	1px solid black;*/
    background-color:#fff;
	width:871px;
	margin:30px 0 0 0;
	padding:12px;	
	height:	auto;
	min-height:430px;
	text-align:left;
}

div.popup-cases_container h1 {
    color:#F27F0C;
    font-size:23px;
    font-weight:normal;
    line-height:23px;
}

div.popup-cases_container p{
    margin:10px 0;   
}

div.popup-cases_container hr {
    height:4px; 
    border:0; 
    border-top:solid 4px #e4e1da; 
}

div.popup-cases_container a.subnavcontent,
div.popup-cases_container a.subnavcontent:visited,
div.popup-cases_container a.subnavcontent:hover,
div.popup-cases_container a.subnavcontent:active {
    margin:3px 0;
    font-size:1.0em;
}

div.popup-cases_header {
	height:25px;
}

div.popup-cases_close {
	height:15px;
	width:18px;
	float:right;
}

div.popup-cases_close a.close,
div.popup-cases_close a.close:visited,
div.popup-cases_close a.close:active,
div.popup-cases_close a.close:hover {
	display:block;
	text-decoration:none;
}

div.popup-cases_close a.close,
div.popup-cases_close a.close:visited{
	background:	transparent url(../images/popup-cases_close.gif) no-repeat scroll 0 0;
}


div.popup-cases_close a.close:hover,
div.popup-cases_close a.close:active {
	background:	transparent url(../images/popup-cases_close_hover.gif) no-repeat scroll 0 0;
}

div.popup-cases_content{
    margin:0 25px;
    width:821px;
}

div.popup-cases_content-left {
	float:left;
	width:177px;
	margin-right:50px;
}

div.popup-cases_content-right {
	float:left;
	width:594px;
}

div.popup-cases_bg-case{
	background:#fff url(../images/popup-cases_bg-case.gif) no-repeat scroll 0 0;
	width:594px;
	height:379px;
}

div.popup-cases_bg-case-content{
	padding:7px;
}

div.popup-cases-footer{
    padding:25px 25px 10px 25px;
    width:817px;    
}

div.popup-cases_previous{
	float:left;
}

div.popup-cases_previous a,
div.popup-cases_previous a:visited{
    background:	transparent url(../images/popup-cases_prev.gif) no-repeat scroll 0 0;
    padding:0 0 0 22px;
    display:block;
}

div.popup-cases_previous a:hover,
div.popup-cases_previous a:active{
    background:	transparent url(../images/popup-cases_prev_hover.gif) no-repeat scroll 0 0;
    padding:0 0 0 22px;
    display:block;
}

div.popup-cases_next{
	float:right;
}

div.popup-cases_next a,
div.popup-cases_next a:visited{
    background:	transparent url(../images/popup-cases_next.gif) no-repeat scroll top right;
    display:block;
    padding:0 22px 0 0;
}

div.popup-cases_next a:hover,
div.popup-cases_next a:active{
    background:	transparent url(../images/popup-cases_next_hover.gif) no-repeat scroll top right;
    padding:0 0 0 0;
    padding:0 22px 0 0;
}

/* --------------------------------------------------------------------------------------------------------
contact
---------------------------------------------------------------------------------------------------------*/

table.contactformulier td {
	vertical-align:		middle;
	padding:					2px 0;
}

input.contactformulier {
	width:					397px;
	border:					solid 1px #E4E1D9;
}

textarea.contactformulier {
	width:					397px;
	border:					solid 1px #E4E1D9;
	
}

table.contactformulier td.contactformulier-opmerking {
	vertical-align:		top;
}


div.adresgegevensprint {
	display:					none;
}

img.routeimage {
	
}

img.routeimage2 {
	display:					none;
}



a.btn-bgwit, a.btn-bgwit:visited {
	background:				transparent url("../images/bg_btn_bgwit_l.gif") no-repeat scroll center center;
	color:					#FFF;
	text-decoration:		underline;
	display:					block;
	width:					113px;
	height:					28px;
	font-size:				14px;
	line-height:			28px;
	text-align:				center;
	margin:					2px 0 0 0;
}

a.btn-bgwit:hover, a.btn-bgwit:active {
	background:				transparent url("../images/bg_btn_bgwit_l.gif") no-repeat scroll center center;
	color:					#FFF;
	text-decoration:		underline;
	display:					block;
	width:					113px;
	height:					28px;
	font-size:				14px;
	line-height:			28px;
	text-align:				center;
	margin:					2px 0 0 0;
}

/* --------------------------------------------------------------------------------------------------------
divider
---------------------------------------------------------------------------------------------------------*/

div.divider-xlarge {
	height:					4px;
	line-height:			1px;
	display:					block;
	margin:					24px 0;
	background-color:		#E4E1D9;
}

div.divider-large {
	height:					4px;
	line-height:			1px;
	display:					block;
	margin:					12px 0;
	background-color:		#E4E1D9;
}

div.divider-small {
	height:					4px;
	line-height:			1px;
	display:					block;
	margin:					6px 0;
	background-color:		#E4E1D9;
}

td.divider-small
{
	height:					4px;
	margin:					10px;
	padding:				0px;
	background-color:		#E4E1D9;
}


/* --------------------------------------------------------------------------------------------------------
quotes large
---------------------------------------------------------------------------------------------------------*/

div.quote-large {
	background:				#74CACE url("../images/bg_quotetekst-large.gif") no-repeat scroll 0px 0px;
	width:					352px; /*352*/
	height:					300px; /*300*/
	padding:					0;
	display:					block;
}

div.quoteintro-large {
	padding:					25px 80px 0 0;
}

div.quotetekst-large {
	color:					#FFF;
	font-size:				15px;
	font-weight:			bold;
	padding:					0 0 0 15px;
	top:						235px;
}

div.quoteimage-large {
	width:					240px;
}

div.quotenaam-large {
	color:					#087277;
	font-size:				11px;
	font-weight:			normal;
	display:					block;
	padding:					5px 0 0 15px;
	top:						270px;
}

div.quote-large-no-image {
	width:					592px;
	height:					56px;
	background-color:       #74CACE;
	padding:				0;
	display:				block;
}

div.quotetekst-large-no-image {
	color:					#FFF;
	font-size:				15px;
	font-weight:			bold;
	padding:					0 0 0 15px;
	top:						13px;
}

div.quotenaam-large-no-image {
	color:					#087277;
	font-size:				11px;
	font-weight:			normal;
	display:					block;
	padding:					5px 0 0 15px;
	top:						25px;
}

.table-partners-img {width:110px;}
.table-partners td {vertical-align:top;}
.table-partners td p{margin-top:0;}