/* start colour definitions */

/*
	opzet grey:			#525B52
	opzet blue:			#009CDE
	grey:				#535d55
	lightblue:			#cce8f7
*/

/* end colour definitions */

/* start general styles */

html {
	overflow-y:			scroll;
}

html, 
body {
	/*font-family:		'Comic Sans MS', Verdana, Geneva, Helvetica, Arial, sans-serif; // comic sans dag */
	font-family:		Verdana, Geneva, Helvetica, Arial, sans-serif;
	line-height:		100%;
	background:			#fff;
	color:				#000;
	padding:			0;
	margin:				0;
	text-align:			center;
	height:				100%;
	font-size: 			12px;
	line-height:		20px;
}

td {
	overflow:			hidden;
	vertical-align:		top;
}

img {
	border:				none;
}

a {
	color:				#535d55;
	text-decoration:	underline;
}

a:hover {
	color:				#008bd6;

} 
a:active {
	color:				#000;
}

h1,
h2,
h3,
h1 a,
h2 a,
h3 a {
	color:				#535d55;
	line-height:		100%;
}
h1 a,
h2 a,
h3 a {
	text-decoration:	none;
	cursor:				pointer;
}

h1 a:hover,
h2 a:hover,
h3 a:hover {
	text-decoration: 	underline;
}

form {
	padding:			0;
	margin:				0;
}

fieldset {
	border:				none;
	margin:				0;
	padding:			0;
}

label {
	float:				left;
	margin:				0 0 5px 0;
}

input {
	width:				181px;
	height:				20px;
	padding:			0 0 2px 7px;
	float:				left;
	margin:				0 0 12px 0;
	color:				#008bd6;
	border:				1px solid #8c928c;
	border-right:		none;
	background-color:	#cce8f7;
}

input#qs {
	width:				104px;
}

textarea {
	padding:			2px 0 0 7px;
	float:				left;
	margin:				0 0 12px 0;
	font-size:			16px;
	color:				#008bd6;
	border-top:			1px solid #a3bac6;
	border-left:		1px solid #a3bac6;
	border-right:		1px solid #d1eaf8;
	border-bottom:		1px solid #d1eaf8;
	background-color:	#cce8f7;
}

select {
	color:				#008bd6;
	border-top:			1px solid #a3bac6;
	border-left:		1px solid #a3bac6;
	border-right:		1px solid #d1eaf8;
	border-bottom:		1px solid #d1eaf8;
	background-color:	#cce8f7;
}

input.radio,
input.checkbox,
input.submit {
	width:				auto;
}

input.radio,
input.checkbox {
	border:				none;
	height:				auto;
	background-color:	transparent;
	border:				none;
}

.clear {
	display:			none;
}

.show {
	display:			block!important;
}

.hide {
	display:			none!important;
}

.spacer {
	font-size:			0px;
	line-height:		0px;
	width:				5px;
	height:				3px;
}

.right {
	float:				right!important;
}

img.right {
	margin:				5px 0 5px 10px;
}

.left {
	float:				left!important;
}

img.left {
	margin:				5px 10px 5px 0;
}

img.thumb {
	margin-top:			0;
}

/* end general styles */

/* start main styles */

/* start of branding */

#branding {
	margin:				70px auto 0 auto;
	width:				866px;
	height:				145px;
}

#branding img {
	float:				left;
}

#branding #logo {
	float:				right;
	padding:			0;
	margin:				70px 0 0 0;
}

/* end of branding */

/* start of main navigation */

#navHolder {
	width:				100%;
	text-align:			center;
	height:				71px;
}

#mainnav {
	width:				866px;
	margin:				0 auto;
	background:			#b2b7b3 url(../media/bg_mainnav2.gif) left bottom repeat-x;
	height:				35px;
	padding:			0;
	position:			relative;
	z-index:			11;
	top:				-35px;
}

#mainnav li {
	display:			block;
	float:				left;
	margin:				11px 20px 0 -10px;
	padding:			0 0 5px 0;
	list-style:			none;
	color:				#fff;
	line-height:		13px;
}

#mainnav li a {
	display:			block;
	color:				#fff;
	padding:			6px 10px 6px 10px;
}

#mainnav li a:hover,
#mainnav li a:active {
	color:				#000;
}

#mainnav li a.hi {
	color:				#000;
	background-color:	#fff;
	/*cursor:				default;*/
}

#mainnav li.hasChild a:hover,
#mainnav li.hasChild a:active {

}

#mainnav li.hasChild a.hi {
	background-color:	#eff0f0;
}


#mainnav li ul {
	width:				866px;
	height:				35px;
	background:			#eff0f0  url(../media/bg_subnav.gif) left bottom repeat-x;
	top:				36px;
	position:			absolute;
	left:				0;
	z-index:			15;
	display:			inline;
	float:				left;
	margin:				0;
	padding:			0;
}

#mainnav li ul li {
	z-index:			17;
	position:			relative;
}

#mainnav li ul li a {
	color:				#535d55;
}


#mainnav li.hasChild ul li a.hi {
	background-color:	#fff;
}

/* end of main navigation */

/* start of bg grey bar navigation */

.navbg {
	background:			#b2b7b3 url(../media/bg_mainnav1.gif) left bottom repeat-x;
	width:				50%;
	height:				35px;
	position:			relative;
	top:				-0px;
	z-index:			9;
}

.hasChild .navbg {
	background:			#eff0f0  url(../media/bg_subnav.gif) left bottom repeat-x;
	position:			absolute;
	top:				0px;
	left:				-50%;
	z-index:			1;
	width:				100%;
}

/* start of bg grey bar navigation */

/* start pusher for footer */

.pusher {
	min-height:			100%;
	float:				left;
	width:				99%;
}

/* end pusher for footer */

/* start of content holder */

#contentHolder {
	width:				866px;
	margin:				35px auto 0 auto;
	text-align:			left;
}

/* end of content holder */

/* start breadcrumb */

#breadcrumb {
	width:				100%;
	float:				left;
	margin:				9px 0 50px;
	padding:			0;
	color:				#000;
	position:			relative;
}

#breadcrumb span {
	float: 				left;
}

#breadcrumb ul {
	display:			block;
	padding:			0;
	margin:				0 0 0 5px;
	width: 				auto;
	float: 				right;
}

#breadcrumb ul li {
	list-style:			none;
	display:			inline;
}

#breadcrumb ul li a {
	color:				#535d55;
}

#breadcrumb ul li a:active,
#breadcrumb ul li a.hi {
	color:				#000;
}

/* end breadcrumb */

/* start content */

h1 {
	font-weight:		normal;
	font-size:			40px;
	line-height:		60px;
	display:			block;
	width:				100%;
	float:				left;
	margin:				-4px 10px 0 0;
}

/* start quicksearch */

#quicksearch {
	width:				145px;
	height:				25px;
	float:				right;
	margin:				8px 0 15px 0;
}

#quicksearch .search {
	width:				24px;
	height:				24px;
	border:				none;
	background:			#535d55 url(../media/icon_search.gif) left top no-repeat;
	margin:				0;
	cursor:				pointer;
}

/* end quicksearch */


#content {
	float:				left;
	width:				866px;
	margin:				0 0 25px 0;
}

/* start main column 1 */

.column1 {
	width:				124px;
	float:				left;
	margin:				0 20px 20px 0;
	padding:			0;
}

.column1 h2 {
	color:				#008bd6;
	margin:				0 0 10px 0;
	font-size:			14px;
	font-weight:		bold;
	width:				124px;
	float:				left;
}
.column1 h2 a {
	color:				#008bd6;
}

#subnav,
.subnav,
.column1 p {
	width:				124px;
	list-style:			none;
	margin:				0 0 12px 0;
	padding:			0;
	float:				left;
}

#subnav li,
.subnav li {
	margin:				0 0 12px 0;
	list-style:			none;
	padding:			0;
}

#subnav li a,
.subnav li a {
	/*color:				#008bd6;
	margin:				0 0 10px 0;
	font-size:			12px;
	font-weight:		normal;
	width:				124px;
	text-decoration:	none;
	display:			block;
	cursor:				default;*/
}

#subnav li li,
.subnav li li {
	margin:				0 0 12px -40px;
	list-style:			none;
	padding:			0;
}

#subnav li li a,
.subnav li li a {
	color:				#535d55;
	margin:				0;
	font-size:			10px;
	font-weight:		normal;
	width:				124px;
	text-decoration:	underline;
	cursor:				pointer;
}

#subnav li li a:active,
#subnav li li a.hi,
.subnav li li a:active,
.subnav li li a.hi {
	color:				#000;
}

.column1 .quote {
	float:				left;
	width:				124px;
	margin:				0 0 20px 0;
}

.quote h3 {
	color:				#008bd6;
	font-weight:		normal;
	font-size:			12px;
}

.quotestart,
.quoteend {
	width:				23px;
	height:				39px;
	line-height:		0;
	font-size:			0;
	position:			relative;
	z-index:			2;
}

.quotestart {
	background:			transparent url(../media/quotestart.png) left top no-repeat;
	float:				left;
	margin:				-20px 4px 0 -5px;
}

.quoteend {
	background:			transparent url(../media/quoteend.png) left top no-repeat;
	float:				right;
	margin:				-35px 0 0 4px;
}

.column1 .highlight {
	background:			#bfe7f7 url(../media/bg_highlight.gif) left top repeat-x;
	padding:			9px;
	width:				102px;
	margin:				0 0 20px 0;
	float:				left;
	overflow:			hidden;
}

.column1 .highlight h2 {
	width:				102px;
}

.column1 h3 {
	font-weight:		bold;
	font-size:			14px;
	color:				#535D55;
	margin:				0 0 10px 0;
}

.column1 .highlight p {
	width:				102px;
}

.column1 .highlight img {
	margin:				-9px 0 0 -9px;
}

.more {
	margin:				0;
}

.column1 .pictList {
	width:				122px;
	float:				left;
	margin:				0 0 13px 0;
	padding:			0;
}

.column1 .pictList img {
	float:				left;
	margin:				0 0 1px 0;
}

.column1 .pictList .col {
	width:				60px;
	float:				left;
	margin:				0 1px 0 0;
}

/* end main column 1 */

/* start main column full width */

.column_fullwidth {
	width:				865px;
	float:				left;
	margin:				0;
}

/* start main column col1 + col2 */

.column_12 {
	width:				554px;
	float:				left;
	margin-right:		24px;
}
.column_12 h1 {
	margin-top:			10px;
}
/* start main column 2 */

.column2 {
	width:				722px;
	float:				left;
	margin:				0 0 20px 0;
}

/* start sub column 1 */

.maincontent {
	width:				408px;
	margin:				0;
	float:				left;
}

.maincontent p {
	margin:				0 0 20px 0;
	display:			block;
	float:				left;
}

.maincontent p .pict {
	margin:				0;
	display:			inline;
	float:				right;
	width:				298px;
}

.intro {
	color:				#008bd6;
}
.artikel {
	border-bottom:		1px solid #99D9F3;
	margin-bottom:		18px;
	padding-bottom:		18px;
}
.artikel .intro {
	font-weight:		normal;
}

/*p {
	margin-top: 0;
}*/
p.intro {
	font-size:			14px;
	font-weight:		bold;
	margin: 			0 0 20px 0;
	margin:				0 0 16px 0;
}

.maincontent ol,
.maincontent ul {
	display:			block;
	clear:				both;
}

.maincontent .more {
	float:				right;
}

.maincontent #album
{
	float:				left;
	width:				408px;
}
.maincontent #album .pic
{
	width:				96px;
	height:				96px;
	float:				left;
	background:			#e6f4fb no-repeat center;
	position:			relative;
	margin:				0 5px 5px 0;
	display:			block;
	cursor:				pointer;
}
.maincontent #album .pic:hover
{
	background:			#cde9f7 no-repeat center;
}

.news {
	margin-bottom: 		30px;
}
.maincontent .news,
.subcontent .news {
	float:				left;
	margin:				0 0 10px;
	padding-top:		5px;
	border-top:			1px solid #99d9f3;
}
.subcontent .news {
}
.subcontent .news.first {
	border-top:		none;
}
.maincontent .news {
	width:				408px;
}
.subcontent .news {
	width:				100%;
}
.subcontent .news h3 {
	font-weight: 		normal;
}
.subcontent .news.first h3 {
	font-size: 			15px;
}

.date {
	width:				100%;
	margin:				0 0 10px 0;
	font-size: 			10px;
}
.date b {
	color:				#535D55;
}

.highlight .date {
	width:				340px;
}

.maincontent h2 {
	color:				#008bd6;
	margin:				0 0 8px 0;
	font-size:			14px;
	font-weight:		normal;
	display:			block;
	float:				left;
	width:				408px;
}

.maincontent h3,
.subcontent h3 {
	color:				#008bd6;
	margin:				0 0 8px 0;
	font-size:			14px;
	font-weight:		bold;
	display:			block;
	float:				left;
	width:				100%;
}

.maincontent .news p {
	margin:				0 0 5px 0;
}
.subcontent .news p {
	margin:				0 0 5px 0;
}

.maincontent .highlight {
	background:			#bfe7f7 url(/media/bg_highlight.gif) left top repeat-x;
	padding:			17px 12px 5px 17px;
	width:				379px;
	border-right:		1px solid #b7e2f6;
}

.mainquoteLeft,
.mainquoteRight,
.mainquoteLeftHi,
.mainquoteRightHi {
	width:				253px;
	padding:			17px;
	font-weight:		normal;
	font-size:			20px;
	color:				#008bd6!important;
	display:			inline;
}

.mainquoteLeftHi,
.mainquoteRightHi {
	background:			#bfe7f7 url(/media/bg_highlight.gif) left top repeat-x;	
}

.mainquoteRight,
.mainquoteRightHi {
	float:				right;
	margin:				10px 0 10px 10px;
}

.mainquoteLeft,
.mainquoteLeftHi {
	float:				left;
	margin:				10px 10px 10px 0;
}

/*
.maincontent .news.highlight.right,
.maincontent .news.right{
	margin:				10px 0 10px 10px;
	width:				253px;
	display:			inline;
}

.maincontent .news.highlight.left,
.maincontent .news.left{
	margin:				10px 10px 10px 0;
	width:				253px;
	display:			inline;
}

.maincontent .news.highlight.right strong,
.maincontent .news.highlight.left b,
.maincontent .news.right strong,
.maincontent .news.left b {
	width:				237px;
	line-height:		14px;
	font-weight:		normal;
	font-size:			20px;
	color:				#008bd6;
}
*/

.maincontent .highlight h3 {
	font-size:			16px;
	width:				340px;
	font-weight:		normal;
}

.maincontent .highlight .left {
	margin-left:		-17px;
	margin-top:			3px;
	position:			relative;
}

.maincontent .highlight .right {
	margin-right:		-17px;
	margin-top:			3px;
	position:			relative;
}

/* start form */

.maincontent form {
	width:				408px;
	float:				left;
}

.maincontent form br {
	clear:				both;
}

label {
	width:				120px;
	margin:				5px 10px 12px 0;
}

label.behind {
	width:				auto;
	margin:				0 0 12px 5px;
}

label.radio {
	width:				auto;
	margin:				5px 10px 12px 3px;
}

input.radio {
	margin:				7px 0 12px 0;
}

input.submit {
	width:				auto;
	color:				#fff;
	background:			#535d55 url(/media/bg_submit.gif) left top repeat-x;
	border:				none;
	padding:			0 3px 2px 0;
	cursor:				pointer;
}

/* end form */

/* start blog links */

a.mail,
a.friend,
a.rss,
a.atom {
	display:			block;
	height:				15px;
	padding:			0 0 0 19px;
	float:				left;
	margin:				0 10px 5px 0;
	width:				140px;
}

a.mail {
	background:			transparent url(/media/icon_mail.gif) left 2px no-repeat;
}

a.friend {
	background:			transparent url(/media/icon_friend.gif) left top no-repeat;
}

a.rss {
	background:			transparent url(/media/icon_rss.gif) left top no-repeat;
}

a.atom {
	background:			transparent url(/media/icon_atom.gif) left top no-repeat;
}

a.print {
	background:			transparent url(/media/icon_print.gif) left 1px no-repeat;
	display:			block;
	height:				15px;
	padding:			0 0 0 19px;
	float:				left;
	margin:				0 10px 5px 0;
	width:				auto;
}


.column1 .banner {
	border-bottom:		1px solid #C6C6C6;
	margin-bottom:		18px;
	padding-bottom:		5px;
}

/* end blog links */

/* end sub column 1 */

/* start sub column 2 */

.subcontent {
	width:				288px;
	margin:				0;
	float:				left;
	height: 			100%;
}

.promoblock,
.quote {
	width:				288px;
	margin:				0 0 20px 0;
	float:				left;
	border-bottom:		1px solid #c6c6c6;
	padding-bottom:		5px;
}

.promoblock.highlight {
	background:			#bfe7f7 url(/media/bg_highlight.gif) left top repeat-x;
	padding:			17px 12px 10px 17px;
	width:				258px;
	border-bottom:		1px solid #99D9F3;
	border-right:		1px solid #b7e2f6;
}

.promoblock img {
	margin:			-17px -13px 10px -17px;
}

.promoblock .left,
.quote .left {
	margin:				0 15px 10px 0;
}

.promoblock .right,
.quote .right {
	margin:				0 0 10px 15px;
}

.promoblock.highlight .right {
	margin:				-17px -13px 5px 10px;
}

.promoblock.highlight .left {
	margin:				-17px 10px 5px -17px;
}

.promoblock h3 {
	color:				#535D55;
	margin:				0 0 8px 0;
	font-size:			14px;
	font-weight:		bold;
}

.promoblock p {
	font-weight:		normal;
	margin:				0 0 8px 0;
}

.promoblock .intro {
	margin:				0 0 5px 0;
	font-weight:		bold;
}

.subcontent .howblock {
	height:				143px;
	width:				128px;
	padding:			0 0 0 160px;
	text-align:			right;
	margin:				0 0 20px 0;
	float:				left;
	background:			#fff url(/media/bg_how.gif) left top no-repeat;
	color:				#535d55;
}

.subcontent .quotestart {
	margin:				-7px 4px 12px -27px;
}

.subcontent .quoteend {
	margin:				-17px 0 0 4px;
}

.subcontent .quote h3 {
	margin-top:			0px;
	color:				#000;
}

.subcontent .quote .intro {
	line-height:		2px;
	margin:				0 0 -5px 0;
}

.subcontent .quote .more {
	margin:				-3px 0 0 0;
}

.col2 .col {
	float:				left;
	width:				144px;
}

.col2 .col.l {
	width: 144px;
}

.col2 .col a {
	background-repeat:	no-repeat;
	background-position: center center;
	margin:				0 0 1px 0;
	padding:			0;
	display:			block;
	width:				144px;
}

.col2 .col a img {
	display:			block;
	float:				left;
	margin: 			0 1px 1px 0;
}
.col2 .col.l a img {
	float:				right;
}

/* end sub column 2 */

/* start portfolio */

.col1 {
	float:				left;
	width:				432px;
	margin:				0 1px 20px 0;
}

.col2 {
	float:				left;
	width:				289px;
	margin:				0 0 20px 0;
}

.col1 div,
.col2 div {
	background-repeat:	no-repeat;
	background-position:left top;
	background-color:	#fff;
}

.col1 .category,
.col2 .category {
	position:			relative;
	z-index:			2;
	color:				#fff;
	background:			transparent url(/media/bg_transgradient.png) left top repeat-x!important;
	height:				13px;
	position:			relative;
	padding:			18px 12px 5px 12px;
	margin:				0;
	float:				none;
}

.col1 p,
.col2 h3 {
	color:				#008bd6;
	font-weight:		normal;
}

.col2 h3,
.col2 p {
	margin:				0 0 5px 20px;
}

.col2 .left,
.col2 .right {
	margin:				0 0 1px 0;
	padding:			0;
	display:			inline-block;
	width:				143px;
	height:				96px;
}

.col2 br {
	clear:				both;
}

.etalage_1, .etalage_2, .etalage_3, .etalage_4, .etalage_5 {
	margin: 0;
	float:				left;
}
.etalage_5 {
	margin-right: 1px;
}


.printcorp, .interactiveon {
	margin:				0 0 1px 0;
}

.communicate {
	width:				143px;
	margin:				0 1px 0 0;
	float:				left;
}

.interactiveoff {
	width:				288px;
	margin:				0;
	float:				left;
}

.printcorp:hover, .interactiveon:hover, .printwerf:hover, .communicate:hover, .interactiveoff:hover {
	cursor: pointer;
}

/* end portfolio */

/* end main column 2 */

/* end content */

/* start footer */

#footer {
	text-align:			center;
	width:				100%;
	margin:				-70px 0 0 0;
	height:				50px;
	position:			relative;
	bottom:				0px;
}

#footer ul {
	display:			block;
	margin:				0 0 0 50%;
	padding:			15px 0 20px 0;
	width:				866px;
	text-align:			left;
	border-top:			1px solid #7fc5ea;
	height:				32px;
	position:			relative;
	left:				-433px;
	float:				left;
}

#footer ul li {
	list-style:			none;
	display:			block;
	float:				left;
	height:				30px;
	width:				135px;
	font-size: 			10px;
	line-height: 		17px;
}

#footer .separator {
	border-left:		1px solid #7fc5ea;
	width:				10px;
	font-size:			0;
	line-height:		0;
	color:				#fff;
	height:				32px;
}

#footer .line {
	border-top:			1px solid #7fc5ea;
	width:				50%;
	height:				1px;
	position:			relative;
	top:				2px;
	z-index:			0;
	font-size:			0;
	line-height:		0;
	float:				left;
}

#footer ul li.icons a {
	margin-right: 10px;
}

/* end footer */

/* end main styles */

/* portfolio/klanten */

div.logos {
	margin: 1px 0 0 1px;
}
div.logo {
	float: left;
	border: 1px solid #cce8f7;
	margin: -1px 0 0 -1px;
}

/* form directions */

form#directions input.text {
	width: 115px;
}

form#directions input.submit {
	/*clear: left;*/
	background-color:#008bd6;
	border-color:#A3BAC6 #D1EAF8 #D1EAF8 #A3BAC6;
	border-style:solid;
	border-width: 0;
	color: #fff;
	float:right;
	font-size: 11px;
	height: auto;
	line-height:0;
	margin:0 0 12px;
	padding: 2px 8px;
	width: auto;
}
form#directions input.submit:hover, form#directions select:hover {
	cursor: pointer;
}

form#directions select {
	float: left;
	height: 24px;
	width: 100px;
}


.activeItem {
	color:				#000;
}

#contentHolder.home {
	margin-top: 		0;
}

/* X-perimental */
.navbg,
#mainnav {
	filter: 			progid:DXImageTransform.Microsoft.gradient(
							startColorstr='#8c928c', 
							endColorstr='#525b52'
						); /* for IE */
	background: 		-webkit-gradient(
							linear, 
							left top, 
							left bottom, 
							from(#8c928c), 
							to(#525b52)
						); /* for webkit browsers */
	background: 		-moz-linear-gradient(
							top,  
							#8c928c,  
							#525b52
						); /* for firefox 3.6+ */
}

#contentHolder.hoe {
	margin-top: 		0;
}
#hoeContainer,
#hoeHeaderContainer,
#hoeSubheader,
#hoeImage {
	position: 			relative;
}
#hoeContainer {
	overflow: 			hidden;
	margin:				0;
}
#hoeContainer img {
	margin:				0;
}
#hoeHeaderContainer {
	left:				50%;
	margin:				15px 0 0;
}
#hoeHeader,
#hoePrev,
#hoeNext {
	position: 			absolute;
}
#hoeHeader {
	left: 				0;
	top: 				-120px;
	left: 		-4px;
	float: 				left;
}
#hoePrev,
#hoeNext {
	width: 				25px;
	height: 			36px;
	bottom: 			0;
}
#hoePrev {
	left: 				0;
	background: 		url(/media/hoe_left.png) 0 0 no-repeat;
}
#hoeNext {
	right: 				0;
	background: 		url(/media/hoe_right.png) 0 0 no-repeat;
}
#hoePrev:hover {
	background-image: 	url(/media/hoe_left_hover.png);
}
#hoeNext:hover {
	background-image: 	url(/media/hoe_right_hover.png);
}

.bericht {
	font-size: 			12px;
	-webkit-text-size-adjust: none;
}