@charset "utf-8";

/* CSS RESET STIJLEN (zie o.a. http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

img[alt] {
	color: #fff;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

strong {
	font-weight: bold;
}

em, dfn {
	font-style: italic;
}

dfn {
	font-weight: bold;
}

:focus,
:hover,
:active {
	outline: 0;
	-moz-outline: none;
}

/* tabellen hebben nog wel cellspacing="0" nodig in de HTML code */
table {
	border-collapse: separate;
	border-spacing: 0;
	vertical-align: middle;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

abbr, acronym {
	font-style: normal;
	border-bottom: dotted 0.0625em #908050;
	cursor: help;
}

.hide {
	display: none;
}

.clear {
	clear: both;
} 

pre, code {
	margin: 1.5em 0;
	white-space: pre;
	font: 115% monospace;
}

pre, code, tt {
	font: 1em 'andale mono', 'lucida console', monospace; 
	line-height: 1.5;
} 

sup, sub {
	line-height: 0;
}

hr {
	background: #ccc;
	color: #ccc;
	clear: both;
	float: none;
	width: 100%;
	height: 0.1em;
	margin: 0 0 1.45em;
	border: none;
}

/* lettertypen (zie ook www.brownbatterystudios.com/sixthings/2007/03/14/lucida-hybrid-the-grande-alternative/#comment-23011) */

body, input, textarea, select, option {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Segoe UI", Segoe, Arial, Tahoma, clean, sans-serif;
}

strong, em, b, i, button {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Segoe UI", Segoe, Arial, Tahoma, clean, sans-serif;
}

#header h1,
#middencontent h1,
#middencontent h2,
#middencontent h3 {
	font-family: "Segoe UI", Segoe, "Helvetica Neue", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, clean, sans-serif;
}

#middencontent h3.trigger, #middencontent h3.trigger2, #middencontent h3.parent, #middencontent h3.open, h4, h5, h6 {
	font-family: "Segoe UI", Segoe, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, Tahoma, clean, sans-serif;
}

.a2a_menu {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Segoe UI", Segoe, Arial, Tahoma, clean, sans-serif !important;
}


/* hyperlinks */

a {
	color: #908050;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

.noJS a:hover {
	color: #007d98;
}

/* formulieren */

form {
	position: relative;
	overflow: hidden;
	display: block;
	width: 725px;
	margin: 0;
	padding: 10px 0;
	line-height: 19px;
	color: #766b5d;
}

form#contactformulier {
	padding-top: 0;
}

form#contactformulier h4 {
	margin-top: 0;
}

form#offerteformulier,
form#offerteformulier-klein {
	padding-top: 0;
	display: none;
}

.noJS form#offerteformulier,
.noJS form#offerteformulier-klein {
	display: block;
}

#middencontent #offerteformulier-header,
#middencontent #offerteformulier-klein-header {
	color: #69553d;
}

.noJS #middencontent #offerteformulier-header:hover,
.noJS #middencontent #offerteformulier-klein-header:hover {
	cursor: default;
}

#middencontent form h3,
#middencontent form h4,
#middencontent form p {
	width: 509px;
	margin: 8px 0 2px 4px;
}

#middencontent form h3 {
	margin: 15px 0 6px 4px;
	padding-bottom: 6px;
}

form br {
	clear: left;
}

form .row {
	position: relative;
	display: table;
	width: 725px;
	clear: both;
	padding: 4px;
}

form .over {
	background: transparent url(../gfx/form_row.gif) repeat-y left top;
}

form table,
form td {
	background: transparent;
	vertical-align: top;
}

label {
	position: relative;
	display: inline;
	margin: 0 8px 0 0;
	padding: 0;
	vertical-align: middle;
	line-height: 19px;
	cursor: pointer;
}

label:hover {
	color: #594834;
	text-decoration: underline;
}

label.radio-checkbox {
	width: 490px;
	display: block;
	float: left;
	margin: 0 0 4px 0;
	padding: 0 0 0 5px;
}

label.veld,
label.veld-groot {
	float: left;
	width: 140px;
	margin: 1px 0 0 0;
	font-weight: bold;
	color: #69553d;
	cursor: default;
}

label.veld-groot {
	width: 509px;
	margin: 0 0 4px 0;
}

label.veld:hover,
label.veld-groot:hover {
	color: #69553d;
	text-decoration: none;
	cursor: default;
}

.over label,
.over label.veld,
.over label.veld:hover,
.over label.veld-groot,
.over label.veld-groot:hover {
	color: #594834;
}

label.veld em,
label.veld-groot em {
	background: transparent url(../gfx/form_help_top.png) no-repeat 0 0;
	font-style: normal;
	display: block;
	position: absolute;
	top: -4px;
	left: 520px;
	width: 190px;
	z-index: 10;
	padding: 0;
}

label.veld em span,
label.veld-groot em span {
	display: block;
	padding: 7px 10px 10px 16px;
	margin-top: -10px;
	position: relative;
	top: 10px;
	background: transparent url(../gfx/form_help_bottom.png) no-repeat 0 100%;
	min-height: 30px;
	line-height: 16px;
	font-weight: normal;
}

.noJS label.veld em,
.noJS label.veld-groot em {
	float: left;
	display: inline;
	position: static;
	width: 370px;
	background: none;
	padding: 5px 0 0 146px;
	font-weight: normal;
	font-style: normal;
}

.noJS label.veld-groot em {
	width: 509px;
	padding-left: 0;
}

.noJS label.veld em.textarea {
	padding-top: 46px;
}

.noJS label.veld-groot em.textarea {
	padding-top: 0;
}

.noJS label.veld em span,
.noJS label.veld-groot em span {
	display: inline;
	background: none;
	padding: 0;
	margin: 0;
	position: static;
	min-height: 0;
}

#middencontent span.verplicht {
	font-weight: bold;
	color: red;
}

td label.uitlegtekst {
	margin-left: 4px;
}

input {
	display: block;
	float: left;
	color: #766b5d;
	vertical-align: middle;
	line-height: 19px;
	margin: 3px 0 0 0;
}

input.input-tekst,
input.input-tekst-groot {
	width: 370px;
	height: 17px;
	margin: 0;
	padding: 2px 4px 0 4px !important;
	font-weight: normal;
	background: #fff !important;
	border: 1px solid #958978 !important;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

input.input-tekst-groot {
	width: 509px;
}

input.input-tekst:hover,
input.input-tekst-groot:hover,
input.sfHover,
input.input-tekst:focus,
input.input-tekst-groot:focus,
input.sfFocus {
	border: 1px solid #594834 !important;
	color: #594834;
}

textarea {
	display: block;
	float: left;
	line-height: 19px;
	font-weight: normal;
	overflow: auto;
	color: #766b5d;
	background-color: #fff;
	width: 509px;
	height: 58px;
	margin: 0;
	padding: 2px 4px;
	border: 1px solid #958978;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

textarea.textarea-klein {
	width: 370px;
}

textarea:hover,
textarea.sfHover,
textarea:focus,
textarea.sfFocus {
	border: 1px solid #594834;
	color: #594834;
}

select,
option {
	line-height: 19px;
	color: #766b5d;
	background-color: #fff;
	vertical-align: middle;
	width: 380px;
	margin: 0;
}

select {
	display: block;
	float: left;
	height: 21px;
	overflow: auto;
	border: 1px solid #958978;
}

select:hover,
select.sfHover,
select:focus,
select.sfFocus {
	border: 1px solid #594834;
	color: #594834;
}

option {
	width: auto;
	padding: 0 4px;
}

button {
	display: inline;
	float: left;
	vertical-align: middle;
	overflow: visible;
	width: auto;
	margin: 4px 0 0 4px;
	padding: 2px 4px;
	color: #fff;
	background: #958978;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid #958978;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.safari button {
	padding: 3px 5px;
}

.noJS button:hover,

button:focus,
button.sfFocus {
	background: #594834;
}

button[disabled] {
	background: #cfc7bb !important;
	cursor: default;
}

#diensten-strategie-en-inzicht-form,
#diensten-nieuwe-website-form,
#diensten-website-optimalisatie-form,
#diensten-mobiel-internet-form,
#diensten-email-marketing-form,
#diensten-internet-marketing-form,
#diensten-identiteit-en-drukwerk-form {
	display: none;
}

.noJS #diensten-strategie-en-inzicht-form,
.noJS #diensten-nieuwe-website-form,
.noJS #diensten-website-optimalisatie-form,
.noJS #diensten-mobiel-internet-form,
.noJS #diensten-email-marketing-form,
.noJS #diensten-internet-marketing-form,
.noJS #diensten-identiteit-en-drukwerk-form {
	display: block;
}

/* BODY */

body {
	background: #706d67 url(../gfx/body.png) no-repeat;
	font-size: 16px; /* browser default */
	line-height: 1.125em; /* 16x1.125=18px */
	padding: 0 30px 15px 30px;
}

/* SKIPNAV */

#skipnav {
	height: 1px; 
	overflow: hidden;
	text-indent: -9999em;
}

/* IMG PRELOADING */

#preload {
	position: absolute;
	visibility: hidden;
	overflow: hidden;
	width: 0;
	height: 0;
}

#preload img {
	height: 0; 
	width: 0; 
}

/* TOPNAV */

#topnav {
	position: relative;
	height: 30px;
	z-index: 50;
}

.noJS #topnav ul {
	display: none;
}

#topnav ul {
	position: absolute;
	display: block;
	top: 0;
	right: 5px;
	width: 240px;
	height: 30px;
	list-style: none;
	background: url(../gfx/topnav_opaque.png) no-repeat left top;
	z-index: 60;
}

/* Mozilla en Safari */
.mozilla-safari #topnav ul {
	background: url(../gfx/topnav.png) no-repeat left top;
}

.noJS #topnav ul:hover {
	background-position: 0 -30px;
}

#topnav span.faux {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 240px;
	height: 30px;
	background: url(../gfx/topnav_opaque.png) no-repeat 0 -30px;
	z-index: 70;
}

/* Mozilla en Safari */
.mozilla-safari #topnav span.faux {
	background: url(../gfx/topnav.png) no-repeat 0 -30px;
}

#topnav ul li {
	float: left;
	display: inline;
	position: relative;
	width: 25px;
	height: 26px;
	margin: 0 0 4px 11px;
	text-indent: -9999px;	
	z-index: 80;
	background: none;
}

#topnav li#topnav-sitemap,
#topnav li#topnav-tekst-groot {
	margin-left: 0
}

#topnav li a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 25px;
	height: 26px;
}

#topnav li#topnav-printen a {
	background: url(../gfx/topnav_printen.png) no-repeat;
}

#topnav li#topnav-email a {
	background: url(../gfx/topnav_email.png) no-repeat;
}

#topnav li#topnav-zoeken a {
	background: url(../gfx/topnav_zoeken.png) no-repeat;
}

#topnav li#topnav-sitemap a {
	background: url(../gfx/topnav_sitemap.png) no-repeat;
}

#topnav li#topnav-tekst-normaal a {
	background: url(../gfx/topnav_tekst_normaal.png) no-repeat;
}

#topnav li#topnav-tekst-groot a {
	background: url(../gfx/topnav_tekst_groot.png) no-repeat;
}

#topnav li#topnav-social-bookmarks a {
	background: url(../gfx/topnav_social_bookmarks.png) no-repeat;
}

#topnav li#topnav-printen a:hover,
#topnav li#topnav-email a:hover,
#topnav li#topnav-zoeken a:hover,
#topnav li#topnav-sitemap a:hover,
#topnav li#topnav-tekst-normaal a:hover,
#topnav li#topnav-tekst-groot a:hover,
#topnav li#topnav-social-bookmarks a:hover {
	text-decoration: none;
	background-position: 0px -1px;
}

#topnav .popup_contents {
	position: absolute;
	top: 40px;
	left: -42px;
	background: url(../gfx/topnav_popup.gif) no-repeat;
	width: 107px;
	height: 31px;
	z-index: 100;
	display: none;
}

/* Mozilla en Safari */
.mozilla-safari #topnav .popup_contents {
	left: -45px;
	background: url(../gfx/topnav_popup.png) no-repeat;
	width: 113px;
	height: 36px;
}

#topnav .popup_contents_text {
	height: 22px;
	padding: 7px 0 2px 0;
	font-size: 11px;
	line-height: 23px;
	color: #48453f;
	text-align: center;
	text-indent: 0;
}

/* Mozilla en Safari */
.mozilla-safari #topnav .popup_contents_text {
	padding: 7px 0;
}

/* HEADER */

#header {
	position: relative;
	overflow: hidden;
	min-width: 920px;
	clear: both;
	z-index: 1;
}

#header h1 {
	position: relative;
	width: 650px;
	height: 122px;
	font-size: 34px;
	line-height: 122px;
	text-indent: -9999px;
	font-weight: normal;
	color: #fff;
	background: url(../gfx/header_h1.png) no-repeat;
	z-index: 1;
}

#header h1 img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

#header h1 a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 650px;
	height: 122px;
	background: url(../gfx/header_h1.png) no-repeat;
	z-index: 3;
}

.noJS #header h1 a:hover {
	background-position: 0 -122px;
}

#header h1 span.faux {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 650px;
	height: 122px;
	background: url(../gfx/header_h1.png) no-repeat 0 -122px;
	z-index: 4;
	cursor: pointer;
}

#inleiding-carousel {
	position: relative;
	display: block;
	top: -40px;
	left: 0;
	float: right;
	width: 280px;
	height: 140px;
	margin: 0 0 0 20px;
	z-index: 20;
}

.noJS #inleiding-carousel,
#fout #inleiding-carousel {
	display: none;
}

#header h2 {
	position: relative;
	top: -26px;
	left: 0;
	margin: 0 0 20px 115px;
	padding: 0 0 0 35px;
	font-weight: normal;
	color: #a7a19b;
	z-index: 6;
	text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 3px;
	line-height: 24px;
}

.moJS #header h2#inleiding:hover {
	color: #c3bdb6;
}

#header h2#meer-informatie {
	height: 28px;
	margin-bottom: 15px;
	overflow: hidden;
}

#header h2 a {
	font-weight: bold;
	color: #bfb8b2;
}

#header h2 a:hover {
	color: #ffffff;
}

.noJS #header h2:hover a {
	color: #ffffff;
}

#header h2 a#inleiding-button {
	display: inline;
	position: relative;
	float: left;
	width: 172px;
	height: 28px;
	margin: 0 4px 0 0;
	color: #4f4d49;
	background: url(../gfx/inleiding_button_opaque.png) no-repeat left top;
	text-align: center;
	text-indent: -3px;
	text-shadow: 1px 1px 2px #fff;
}

#header h2 a#inleiding-button:hover {
	text-decoration: none;
	color: #474541;
}

.noJS #header h2 a#inleiding-button:hover {
	background-position: 0 -28px;
}

#header h2 a#inleiding-button span.faux {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 172px;
	height: 28px;
	background: url(../gfx/inleiding_button_opaque.png) no-repeat 0 -28px;
	z-index: 7;
	cursor: pointer;
}

#header h2 a#inleiding-button div.faux {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 172px;
	height: 28px;
	z-index: 8;
	cursor: pointer;
}


/* MIDDENSTUK */

#middenstuk {
	position: relative;
	overflow: hidden;
	clear: both;
	margin: -15px 50px 5px 70px;
	padding: 0 0 0 21px;
	min-width: 835px;
	z-index: 6;
}

#middenstuk:hover #menu-outer {
	background: transparent url(../gfx/middencontent_60pct_transparant_rechts.png) no-repeat right top;
}

#middenstuk:hover #menu {
	background: transparent url(../gfx/middencontent_60pct_transparant_links.png) no-repeat left top;
}

#middenstuk:hover #menu ul.sf-menu {
	background: transparent url(../gfx/middencontent_60pct_transparant_midden.png) repeat-x left top;
}

#middenstuk:hover #middencontent-outer {
	background: transparent url(../gfx/middencontent_60pct_transparant_rechts_midden.png) repeat-y right top;
}

#middenstuk:hover #middencontent {
	background: transparent url(../gfx/middencontent_60pct_transparant_links_midden.png) repeat-y left top;
}

#middenstuk:hover #middencontentonder-outer {
	background: transparent url(../gfx/middencontent_60pct_transparant_rechts.png) no-repeat right bottom;
}

#middenstuk:hover #middencontentonder {
	background: transparent url(../gfx/middencontent_60pct_transparant_links.png) no-repeat left bottom;
}

#middenstuk:hover #middencontentonder-inner {
	background: transparent url(../gfx/middencontent_60pct_transparant_midden.png) repeat-x left bottom;
}

/* MENU */

#menu-outer {
	position: relative;
	clear: both;
	text-align: left;
	background: transparent url(../gfx/middencontent_75pct_transparant_rechts.png) no-repeat right top;
	z-index: 80;
}

#menu {
	position: relative;
	top: 0;

	left: -21px;
	padding: 0 0 0 21px;
	text-align: left;
	background: transparent url(../gfx/middencontent_75pct_transparant_links.png) no-repeat left top;
}

#menu ul.sf-menu {
	position: relative;
	text-align: left;
	height: 24px;
	margin:	0;
	padding: 7px 0 15px 0;
	list-style: none;
	background: transparent url(../gfx/middencontent_75pct_transparant_midden.png) repeat-x left top;
	z-index: 90;
}

#menu ul.sf-menu * {
	margin:	0;
	padding: 0;
	list-style: none;
}

#menu ul.sf-menu li {
	height: 24px;
	float: left;
	position: relative;
	padding: 0 0 0 10px;
	margin-right: 1px;
}

#menu ul.sf-menu li:hover {
	visibility: inherit;
}

#menu ul.sf-menu li:hover,
#menu ul.sf-menu li.sfHover,
body#home #menu ul.sf-menu li#rubriek-home,
body#diensten #menu ul.sf-menu li#rubriek-diensten,
body#proces #menu ul.sf-menu li#rubriek-proces,
body#portfolio #menu ul.sf-menu li#rubriek-portfolio,
body#inspiratie #menu ul.sf-menu li#rubriek-inspiratie,
body#contact #menu ul.sf-menu li#rubriek-contact {
	background: url(../gfx/menu_tabblad_links.png) no-repeat left top;
}

#menu ul.sf-menu li:hover li,
#menu ul.sf-menu li.sfHover li,
#menu ul.sf-menu li li:hover {
	background: transparent;
	height: auto;
}

#menu ul.sf-menu li a, 
#menu ul.sf-menu li a:visited  {
	height: 24px;
	line-height: 24px;
	position: relative;
	display: block;
	float: left;
	padding: 0 13px 0 0;
	color: #fff;
	font-weight: bold;
	white-space: nowrap;
}

#menu ul.sf-menu li:hover a,
#menu ul.sf-menu li.sfHover a,
body#home #menu ul.sf-menu li#rubriek-home a,
body#diensten #menu ul.sf-menu li#rubriek-diensten a,
body#proces #menu ul.sf-menu li#rubriek-proces a,
body#portfolio #menu ul.sf-menu li#rubriek-portfolio a,
body#inspiratie #menu ul.sf-menu li#rubriek-inspiratie a,
body#contact #menu ul.sf-menu li#rubriek-contact a {
	color: #594834 !important;
	background: url(../gfx/menu_tabblad_rechts.png) no-repeat right top;
}

#menu ul.sf-menu li:hover li a,
#menu ul.sf-menu li.sfHover li a,
#menu ul.sf-menu li li:hover a,
#menu ul.sf-menu li li.sfHover a,
body#home #menu ul.sf-menu li#rubriek-home li a,
body#diensten #menu ul.sf-menu li#rubriek-diensten li a,
body#proces #menu ul.sf-menu li#rubriek-proces li a,
body#portfolio #menu ul.sf-menu li#rubriek-portfolio li a,
body#inspiratie #menu ul.sf-menu li#rubriek-inspiratie li a,
body#contact #menu ul.sf-menu li#rubriek-contact li a {
	background: transparent;
}

#menu ul.sf-menu li a#rubriek-home-link {
	text-indent: -9999px;
	width: 16px;
	height: 24px;
}

#menu ul.sf-menu li a#rubriek-home-link span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 24px;
	background: url(../gfx/menu_home.png) no-repeat;
	cursor: pointer;
}

#menu ul.sf-menu li:hover a#rubriek-home-link span,
#menu ul.sf-menu li.sfHover a#rubriek-home-link span,
body#home #menu ul.sf-menu li#rubriek-home a#rubriek-home-link span,
#menu ul.sf-menu li a#rubriek-home-link:hover span {
	background-position: 0 -24px;
}

#menu ul.sf-menu li li a, 
#menu ul.sf-menu li li a:visited  { 
	margin: 5px 0 2px 0;
	padding: 0 15px 0 12px;
	height: auto;
	line-height: 18px;
	font-weight: normal;
	color: #594834;
	white-space: normal;
	float: none;
}

#menu ul.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 184px;
	padding-top: 5px;
	background: transparent;
}

#menu ul.sf-menu ul.dropdownmenu-3-regels {
	background: url(../gfx/dropdownmenu_3_regels.png) no-repeat left bottom;
	height: 86px;
}

#menu ul.sf-menu ul.dropdownmenu-4-regels {
	background: url(../gfx/dropdownmenu_4_regels.png) no-repeat left bottom;
	height: 110px;
}

#menu ul.sf-menu ul.dropdownmenu-5-regels {
	background: url(../gfx/dropdownmenu_5_regels.png) no-repeat left bottom;
	height: 134px;
}

#menu ul.sf-menu ul.dropdownmenu-6-regels {
	background: url(../gfx/dropdownmenu_6_regels.png) no-repeat left bottom;
	height: 158px;
}




#menu ul.sf-menu ul.dropdownmenu-7-regels {
	background: url(../gfx/dropdownmenu_7_regels.png) no-repeat left bottom;
	height: 183px;
}

#menu ul.sf-menu ul.dropdownmenu-8-regels {
	background: url(../gfx/dropdownmenu_8_regels.png) no-repeat left bottom;
	height: 207px;
}

#menu ul.sf-menu ul.dropdownmenu-9-regels {
	background: url(../gfx/dropdownmenu_9_regels.png) no-repeat left bottom;
	height: 231px;
}

#menu ul.sf-menu ul li {
	width: 100%;
	margin: 0;
	padding: 0;
}

#menu ul.sf-menu li:hover ul,
#menu ul.sf-menu li.sfHover ul {
	left: -1px;
	top: 23px;
	z-index: 99;
}

#menu ul.sf-menu li:hover li ul,
#menu ul.sf-menu li.sfHover li ul {
	top: -999em;
}

#menu ul.sf-menu li li:hover ul,
#menu ul.sf-menu li li.sfHover ul {
	left: 184px;
	top: 0;
}

#menu ul.sf-menu li li:hover li ul,
#menu ul.sf-menu li li.sfHover li ul {
	top: -999em;
}

#menu ul.sf-menu li li li:hover ul,
#menu ul.sf-menu li li li.sfHover ul {
	left: 184px;
	top: 0;
}


/* KRUIMELPAD */

#kruimelpad {
	display: block;
	margin: 0;
	height: 22px;
	background: #fff url(../gfx/kruimelpad.png) no-repeat right top;
	padding: 0 10px 0 0;
	z-index: 10;
}

.noJS #kruimelpad,
body#home #kruimelpad,
body#fout #kruimelpad,
body#zoekresultaten #kruimelpad {
	display: none;
}

#kruimelpad p {
	height: 22px;
	line-height: 20px;
	color: #706d67;
	margin: 0;
	padding: 0 0 0 6px;
	overflow: hidden;
	background: #fff url(../gfx/kruimelpad.png) no-repeat left top;
}

#kruimelpad p a {
	font-weight: bold;
	color: #817964;
	padding: 0 3px;
}

.noJS #kruimelpad p a:hover {
	color: #433b37;
}


/* CONTENTVLAK */

#middencontent-outer {
	position: relative;
	clear: both;
	text-align: left;
	background: transparent url(../gfx/middencontent_75pct_transparant_rechts_midden.png) repeat-y right top;
	z-index: 1;
}

#middencontent {
	position: relative;
	top: 0;
	left: -21px;
	padding: 0 0 0 21px;
	text-align: left;
	background: transparent url(../gfx/middencontent_75pct_transparant_links_midden.png) repeat-y left top;
	z-index: 1;
}

#middencontent-inner {
	position: relative;
	padding: 16px 20px 0 20px;
	min-height: 500px;
	text-align: left;
	background: #fff;
	z-index: 1;
	overflow: hidden;
}

#middencontentonder-outer {
	position: relative;
	clear: both;
	text-align: left;
	background: transparent url(../gfx/middencontent_75pct_transparant_rechts.png) no-repeat right bottom;
	z-index: 1;
}

#middencontentonder {
	position: relative;
	top: 0;
	left: -21px;
	padding: 0 0 0 21px;
	text-align: left;
	background: transparent url(../gfx/middencontent_75pct_transparant_links.png) no-repeat left bottom;
	z-index: 1;
}

#middencontentonder-inner {
	position: relative;
	padding: 11px 20px 11px 20px;
	text-align: left;
	background: transparent url(../gfx/middencontent_75pct_transparant_midden.png) repeat-x left bottom;
	z-index: 1;
}

/* OVERIG CONTENTVLAK */

#middencontent h1 {
	color: #594834;
	font-size: 38px;
	line-height: 38px;
	font-weight: normal;
	margin: 0 0 10px 0;
}

#middencontent h1 a,
#middencontent h1 a:hover {
	font-weight: normal;
}

#middencontent h2 {
	color: #594834;
	line-height: 1.3125em;
	font-weight: normal;
	letter-spacing: -0.03em;
	margin: 15px 0 5px -1px;
}

body#home #middencontent h2 {
	clear: none;
}

#middencontent h2 a,
#middencontent h2 a:hover {
	font-weight: normal;
}

#middencontent h3 {
	color: #69553d;
	line-height: 1.2em;
	font-weight: normal;
	margin: 0 0 6px 0;
}

#middencontent h3 a,
#middencontent h3 a:hover {
	font-weight: normal;
}

#middencontent h4 {
	color: #69553d;
	line-height: 1.6154em;
	font-weight: bold;
	margin: 12px 0 6px 1px;
}

#middencontent h2.noJS,
.noJS #middencontent h2.JS,
#middencontent h4.noJS,
.noJS #middencontent h4.JS {
	display: none;
}

.noJS #middencontent h2.noJS,
.noJS #middencontent h4.noJS {
	display: block;
}

#middencontent h2+h4 {
	margin-top: 0;
}

#middencontent p {
	color: #766b5d;
	line-height: 1.6em;

	margin: 0 0 6px 1px;
	padding: 0;
}

#middencontent p.noJS,
.noJS #middencontent p.JS {
	display: none;
}

.noJS #middencontent p.noJS {
	display: block;
}

#middencontent p strong {
	color: #69553d;
}

#middencontent p.citaat,
#middencontent span.citaat {
	font-family: Cambria, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0 12px;
	padding: 6px 0;
}

#middencontent p.citaat a,
#middencontent span.citaat a {
	font-weight: normal;
}

#middencontent table,
#middencontent td {
	padding: 4px;
	border: 0;
	color: #766b5d;
	}

#middencontent table {
	margin: 12px 0 12px 0;
}

#middencontent td {
	vertical-align: top;
}

#middencontent th {
	padding: 4px 6px;
	border-collapse: collapse;
	font-weight: bold;
	background: #827e7a;
	color: #fff;
	text-align: left;
	vertical-align: middle;
}

#middencontent th a,
#middencontent th a:hover {
	color: #fff;
	border: 0;
}

#middencontent th a:hover {
	text-decoration: underline;
}

#middencontent td p {
	margin: 0;
	padding: 0;
}

#middencontent td strong {
	color: #69553d;
}

#middencontent ul {
	margin: 6px 32px 12px 30px;
	padding: 0;
}

#middencontent ul ul {
	margin-left: 24px;
}

#middencontent ul ol {
	margin-left: 27px;
}

#middencontent ul li {
	padding: 0;
	margin: 0 0 6px 0;
	line-height: 1.6em;
	color: #766b5d;
}

#middencontent ul li strong {
	color: #69553d;
}

#middencontent ul li li {
	list-style-type: circle;
}

#middencontent ul#toc {
	margin: 0;
	padding: 0;
	background: url(../gfx/toc.gif) no-repeat 0 -1px;
	position: relative;
	list-style: none;
	overflow: hidden;
}

#portfolio #middencontent ul#toc {
	margin-right: 200px;
	clear: none;
}

#middencontent ul#toc li {
	display: inline;
	line-height: 16px;
	text-transform: lowercase;
	font-variant: small-caps;
	letter-spacing: 1px;
	font-weight: bold;
	color: #594834;
	margin: 0;
	padding: 0;
}

#middencontent ul#toc li.toc-last span {
	display: none;
}

#middencontent ul#toc li a {
	font-weight: normal;
}

body#fout #middencontent ul#toc,
body#zoekresultaten #middencontent ul#toc {
	display: none;
}

#middencontent .twee-kolommen {
	position: relative;
	overflow: hidden;
}

#middencontent .twee-kolommen-links {
	float: left;
	width: 49%;
}

#middencontent .twee-kolommen-rechts {
	float: right;
	width: 49%;
}

#middencontent ol {
	margin: 6px 32px 12px 34px;
	padding: 0;
}

#middencontent ol ol {
	margin-left: 27px;
}

#middencontent ol ul {
	margin-left: 24px;
}

#middencontent ol li {
	padding: 0;
	margin: 0 0 6px 0;
	line-height: 1.6em;
	color: #766b5d;
}

#middencontent ol li strong {
	color: #69553d;
}

#middencontent img {
	display: inline;
	background: transparent;
}

#middencontent img.rand {
	padding: 2px;
	margin: 0 10px 5px 0;
	background-color: #766b5d;
}

.noJS #middencontent a:hover img.rand {
	background-color: #594834;
}

#middencontent img[align="left"] {
	margin: 5px 5px 5px 0;
}

#middencontent img[align="right"] {
	margin: 5px 0 5px 5px;
}

#middencontent th img,
#middencontent td img {
	margin: 0;
}

#middencontent h4.inleiding img {
	position: relative;
	margin-top: -60px !important;
	z-index: 100;
}


/* FOOTER */

#footer {
	position: relative;
	clear: both;
	min-width: 814px;
	height: 40px;
	margin: 10px 75px 0 90px;
	text-align: left;
	overflow: hidden;
	background: url(../gfx/footer_symbool.png) no-repeat center top;
}

.noJS #footer:hover {
	background-position: center bottom;
}

#footer span.faux {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -30px;
	display: block;
	width: 60px;
	height: 40px;
	background: url(../gfx/footer_symbool.png) no-repeat left bottom;
	z-index: 7;
}

#footer ul {
	list-style: none;
	position: relative;
}

#footer ul li {
	float: left;
	display: block;
	line-height: 40px;
	color: #a7a19b;
	white-space: nowrap;
	text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 3px;
}

#footer li a {
	color: #bfb8b2;
	white-space: nowrap;
	font-weight: normal;
}

#footer li a:hover {

	color: #fff;
}

#footer li#footer-adres {
	float: right;

	margin-left: 20px;
}

#footer li#footer-adres a {
	background: url(../gfx/footer_adres.gif) no-repeat left center;
	padding: 0 0 0 22px;
}

#footer li#footer-telefoon {
	float: right;
	background: url(../gfx/footer_telefoon.gif) no-repeat left center;
	padding: 0 0 0 19px;
}

#footer li#footer-im {
	margin-left: 20px;
	background: url(../gfx/footer_im.gif) no-repeat left center;
	padding: 0 0 0 22px;
}

#footer li#footer-email {
}

#footer li#footer-email a {
	background: url(../gfx/footer_email.gif) no-repeat left center;
	padding: 0 0 0 22px;
}

#footer li#footer-locatie {
	float: right;
}

.noJS #footer:hover li a {
	color: #fff;
}

/* sIFR */

#middencontent .sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

#middencontent .sIFR-replaced,
#middencontent  .sIFR-ignore {
	visibility: visible !important;
}

#middencontent .sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

#middencontent .sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt; 
	padding: 0pt; 
	overflow: auto; 
	letter-spacing: 0px; 
	float: none;
}

.sIFR-active #middencontent h1,
.sIFR-active #middencontent h2 { 
	visibility: hidden; 
}

/* img tooltips */

#screenshot {
	position: absolute;
	border: 2px solid white;
	-moz-box-shadow: 0 0 4px #706d67;
	-webkit-box-shadow: 0 0 4px #706d67;
	box-shadow: 0 0 4px #706d67;
	min-width: 100px;
	min-height: 100px;
	display: none;
	color: #fff;
	z-index: 9000;
	background: #fff url(../gfx/ajax_loader.gif) no-repeat center center;
}

#contact #screenshot {
	min-height: 50px;
}

#middencontent ul.screenshot-list {
	position: relative;
	overflow: hidden;
	clear: both;
	margin: 0;
	padding: 0;
}

#middencontent ul.screenshot-list li {
	width: 100px;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top; 
	margin: 0 8px 10px 0;
	padding: 10px;
	list-style: none;
	line-height: 16px;
	text-align: center;
}

#middencontent ul.screenshot-list li a.screenshot {
	display: block;
	width: 100px;
	border: 2px solid white;
	-moz-box-shadow: 0 0 4px #706d67;
	-webkit-box-shadow: 0 0 4px #706d67;
	box-shadow: 0 0 4px #706d67;
}

#middencontent p.grotere-versie {
	color: #594834;
	line-height: 18px;
	margin-bottom: 12px;
}

#middencontent p.grotere-versie span,
#middencontent p.grotere-versie span strong {
	color: #949694;
}

.noJS #middencontent p.grotere-versie span {
	display: none;
}

#middencontent p.grotere-versie img {
	margin-bottom: 1px;
}

/* gototop link */

#middenstukcontentonder p#gototop {
	margin: 0;
}

#middencontentonder p#gototop a {
	line-height: 18px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #706d67;
	font-weight: bold;
	background: url(../gfx/gototop.gif) no-repeat 100% 42%;
	padding-right: 12px;
	border: 0;
}

#middencontentonder p#gototop a:hover {
	background-position: 100% 0%;
	border: 0;
}

.noJS #middencontentonder p#gototop a:hover {
	color: #433b37;
}

/* mobiel internet */

#middencontent #mobiel-img {
	display: inline;
	width: 100px;
	height: 128px;
	margin: 15px 0 15px 15px;
	overflow: hidden;
	float: right;
}

.noJS #middencontent #mobiel-img {
	display: none;
}

#middencontent #mobiel-img img {
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
}

/* proces */

#middencontent #proces-img {
	position: relative;
	display: inline;
	width: 120px;
	height: 320px;
	margin: 0 15px 15px 15px;
	overflow: hidden;
	float: right;
}

.noJS #middencontent #proces-img {
	display: none;
}

#middencontent p#proces-controls { 
	position: absolute;



	top: 144px;
	left: 20px; 
	z-index: 1000;
	display: none;
	background-color: transparent; 
	margin: 0; 
	padding: 0; 
	width: 80px;
}

#middencontent p#proces-controls a {
	display: block;
	background: #594834;
	border: 2px solid #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	width: 76px;
	height: 24px;
	font-size: 11px;
	line-height: 24px;
	text-align: center;
	color: #fff !important;
	text-transform: uppercase;
}

#middencontent p#proces-controls a:hover {
	background: #007d98;
	color: #fff !important;
	text-decoration: none;
}

#middencontent #proces-img img {
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	background: transparent;
}


#middencontent #proces-fase-1 {
	background: url(../gfx/proces_fase_1.png) no-repeat right top;
}

#middencontent #proces-fase-2 {
	background: url(../gfx/proces_fase_2.png) no-repeat right top;
}

#middencontent #proces-fase-3 {
	background: url(../gfx/proces_fase_3.png) no-repeat right top;
}

#middencontent #proces-fase-4 {
	background: url(../gfx/proces_fase_4.png) no-repeat right top;
}

#middencontent #proces-fase-5 {
	background: url(../gfx/proces_fase_5.png) no-repeat right top;
}

#middencontent #proces-fase-6 {
	background: url(../gfx/proces_fase_6.png) no-repeat right top;
}

body#proces #middencontent h4.inleiding img {
	margin-top: -30px !important;
}

/* identiteit en drukwerk */

#middencontent #identity-img {
	display: inline;
	width: 150px;
	height: 150px;
	margin: 0 15px 15px 15px;
	overflow: hidden;
	float: right;
}

.noJS #middencontent #identity-img {
	display: none;
}

#middencontent #identity-img img {
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	background: transparent;
}

/* offerte button */

#middencontent p.offerte-button {
	position: relative;
	clear: both;
	overflow: hidden;
	margin-top: 12px;
}

#middencontent a.offerte-button {
	display: inline;
	position: relative;
	float: left;
	width: 172px;
	height: 28px;
	margin: 0 4px 0 0;
	color: #fff!important;
	background: url(../gfx/offerte_button.png) no-repeat left top;
	text-align: center;
	text-indent: -3px;
}

#middencontent a.offerte-button:hover {
	text-decoration: none;
	color: #fff !important;
}

.noJS #middencontent a.offerte-button:hover {
	background-position: 0 -28px;
}

#middencontent a.offerte-button span.faux {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 172px;
	height: 28px;
	background: url(../gfx/offerte_button.png) no-repeat 0 -28px;
	z-index: 7;
	cursor: pointer;
}

#middencontent a.offerte-button div.faux {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 172px;
	height: 28px;
	z-index: 8;
	cursor: pointer;
	text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 3px;
}

/* portfolio pagina's */

#portfolio #middencontent h1
{
	margin-right: 230px;
}

#middencontent img.portfolio-logo {
	float: right;
	display: inline;
	margin: 0 0 15px 20px;
	position: relative;
	z-index: 9999;
}

#middencontent #portfolio-links {
	position: relative;
	display: inline;
	float: left;
	width: 230px;
	margin: 12px -265px 0 0;
	left: -250px;
}

#middencontent ul#uitleg {
	margin: 0 0 20px 0;
}

#middencontent ul#uitleg li {
	margin: 0;
	padding: 4px 0;
	display: block;
	border-bottom: 1px dotted #958978;
}

#middencontent ul#uitleg li:last-child {
	border-bottom: none;
}

#middencontent ul#uitleg li strong {
	color: #594834;
}

#middencontent ul#uitleg li abbr {
	border: 0;
}

#middencontent #portfolio-rechts {
	position: relative;
	padding-left: 250px; 
	overflow: hidden;
	margin: 20px 0 20px 0;
}

#middencontent #portfolio-rechts h2 {
	margin-top: 0;
}

#middencontent #portfolio-container h2 {
	clear: left;
}

#middencontent #testimonials-home {
	margin-top: 10px;
}

#middencontent .testimonials {
	clear: both;
	margin: 0;
}

#middencontent .testimonials-bubble-outer {
	position: relative;
	background: url(../gfx/testimonial_bubble2.png) no-repeat left top;
	padding: 0 0 0 25px;
	overflow: hidden;
	clear: both;
}

#middencontent .testimonials-bubble-inner {
	width: auto;
	height: auto;
	float: none;
	background: url(../gfx/testimonial_bubble2.png) no-repeat right top;
	padding: 5px 25px 0 0;
}

#middencontent .testimonials-bubble-bottom-outer {
	height: 30px;
	position: relative;
	background: url(../gfx/testimonial_bubble2.png) no-repeat left bottom;
	padding: 0;
	overflow: hidden;
	clear: both;
}

#middencontent .testimonials-bubble-bottom-inner {
	width: 20px;
	height: 30px;
	float: right;
	background: url(../gfx/testimonial_bubble2.png) no-repeat right bottom;
	padding: 0;
}

#middencontent .testimonials p {
	padding: 0 0 0 25px;
	font-style: normal;
	font-weight: bold;
	color: #594834;
}

#middencontent .testimonials p span {
	font-weight: normal;
}

#middencontent .testimonials-bubble-inner p {
	font-weight: normal;
	color: #fff;
	background: transparent;
	margin: 0;
	padding: 10px 0 0 0;
}

#middencontent .testimonials-bubble-inner p a {
	font-weight: bold;
	color: #fff !important;
}


/* contact */

body#contact .highslide,
body#contact #middencontent .highslide,
body#contact #middencontent .highslide:hover {
	cursor: pointer;
}

/* Google Maps */

.IW {
	width: 350px;
}

.IWContent {
	color: #766b5d;
	height: 120px;
	overflow: auto;
}

.IWCaption {
	color: #69553d;
	font-weight: bold;
	border-bottom: 2px solid #958978;
}

.IWFooter {
	display: none;
}

.IWFooterZoom {
}

.IWDirections{
	background-color: #fff;
}

.noJS #mashedworldiframe {
	display: none;
}

#MapBuilderMap {
	float: right;
	width: 500px;
	height: 400px;
	border: 2px solid #e8e7e3;
	margin: 10px 0 0 15px;
}

.noJS #MapBuilderMap {
	display: none;
}

#MapBuilderInfo,
.gmnoprint a,
.gmnoprint span {
	display: none;
}

/* uitklapbalken */

#middencontent h4.accordion-openclose {
	text-align: right;
	margin-top: -5px;
}

.noJS #middencontent h4.accordion-openclose {
	display: none;
}

#middencontent h4.accordion-openclose a {
	color: #594834;
}

#middencontent h3.trigger,
#middencontent h3.trigger2,
#middencontent h3.parent,
#middencontent h3.open {
	position: relative;
	clear: none;
	background: #4a4744 url(../gfx/uitklapbalk.png) repeat-x left top;
	color: #fff;
	line-height: 26px;
	height: 26px;
	margin: 1px -5px 0 -5px;
	padding: 0 5px;
	font-weight: bold;
	text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 3px;
	letter-spacing: 0.05em;
}

#middencontent h3.parent:hover {
	background-position: left bottom;
	text-decoration: none;
}

#middencontent h3.trigger span.datum,
#middencontent h3.parent span.datum,
#middencontent h3.open span.datum {
	display: block;
	width: 120px;
	height: 26px;
	float: right;
	text-align: right;
}

#middencontent h3.trigger em,
#middencontent h3.parent em,
#middencontent h3.open em {
	font-weight: normal;
	font-style: normal;
	color: #deddd6;
}

#middencontent h3.parent span.accordprefix,
#middencontent h3.open span.accordprefix {
	display: block;
	float: left;
	width: 15px;
	height: 26px;
	line-height: 26px;
	padding: 0;	
}

#middencontent h3.parent span.accordprefix img {
	margin: 8px 0 0 2px;
}

#middencontent h3.open span.accordprefix img {
	margin: 9px 0 0 1px;
}

#middencontent h3.parent span.accordsuffix,
#middencontent h3.open span.accordsuffix {
	display: none;
}

#middencontent .uitklapbalk {
	clear: both;
	position: relative;
	overflow: hidden;
	color: #706d67;
	background: #fff url(../gfx/uitklapbalk_div.png) repeat-x left top;
	margin: 0 -5px 0 -5px;
	padding: 5px 5px 0 5px;
}

body#portfolio #middencontent .uitklapbalk {
	height: 120px;
	padding: 0 5px;
}

#middencontent .uitklapbalk h4 {
	margin-top: 5px;
	background: transparent;
}

#middencontent .uitklapbalk p {
	color: #766b5d;
	line-height: 20px;
	background: transparent;
}

body#portfolio #middencontent .uitklapbalk p {
	margin-bottom: 0;
}

#middencontent .uitklapbalk h4 a,

#middencontent .uitklapbalk p a {
	color: #594834;
}

#middencontent .uitklapbalk .uitklapbalk-img {
	width: 104px;
	height: 104px;
	margin: 8px 0 8px 5px;
	float: left;
}

.noJS #middencontent .uitklapbalk .uitklapbalk-img {
	overflow: hidden;
}

#middencontent .uitklapbalk-img img {
	margin: 0;
	top: 0;
	left: 0;
	background-color: #DEDDD6;
}

#middencontent .uitklapbalk .uitklapbalk-tekst {
	padding-left: 120px;
}

/* s3Slider */

#middencontent #s3slider {
	width: 772px;
	height: 350px;
	border: 1px solid white;
	-moz-box-shadow: 0 0 4px #706d67;
	-webkit-box-shadow: 0 0 4px #706d67;
	box-shadow: 0 0 4px #706d67;
	position: relative;
	overflow: hidden;
	clear: both;
	margin: 0 0 20px 0;
}

.noJS #middencontent #s3slider {
	height: auto;
	overflow: visible;
}

#middencontent #s3sliderContent {
	width: 772px;
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	background: transparent;
}

.noJS #middencontent #s3sliderContent {
	position: relative;
}

#middencontent .s3sliderImage {
	float: left;
	position: relative;
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	background: transparent url(../gfx/ajax_loader.gif) no-repeat center center;
}

#middencontent .s3sliderImage strong {
	color: #fff;
}

.noJS #middencontent .s3sliderImage {
	display: block;
	float: none;
	margin-bottom: 20px;
}

#middencontent .s3sliderImage span {
	position: absolute;
	left: 0;
	font-weight: bold;
	padding: 10px 13px;
	width: 746px; /* image width -/- padding */
	background: #4C4C4C;
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.39, rgb(71,69,65)),
 	   color-stop(0.7, rgb(112,109,103))
	);
	background: -moz-linear-gradient(
	    center bottom,
	    rgb(71,69,65) 39%,
	    rgb(112,109,103) 70%
	);
	filter: alpha(opacity=90);ext */
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 3px;
	display: none;
}

.noJS #middencontent .s3sliderImage span {
	display: block;
}

#middencontent .s3sliderImage span strong {
	color: #fff;
}

#middencontent .s3sliderImage .top {
	top: 0;
	left: 0;
}

#middencontent .s3sliderImage .bottom {
	bottom: 0;
	left: 0;
}

#middencontent .s3sliderImage .left {
	top: 0;
	left: 0;
	width: 110px !important;
	height: 280px;
}

#middencontent .s3sliderImage .right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}


/* wSlide */

#wslide {
	width: 790px;
	height: 300px;
	margin: 15px 0 20px -8px;
	-moz-box-shadow: 0 0 4px #706d67;
	-webkit-box-shadow: 0 0 4px #706d67;
	box-shadow: 0 0 4px #706d67;
	border: 1px solid white;
	background: url(../gfx/wslide_parent_bg.png) repeat-x left top;
}

.noJS #wslide {
	width: auto;
	height: auto;
	border: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: -15px 0 15px 0;
	overflow: hidden;
	background: transparent;
}

ul#wslide-parent {
	padding: 0;
	margin: 0;
}

ul#wslide-parent li {
	position: relative;
	overflow: hidden;
	float: left;
	display: block;
	width: 790px;
	height: 230px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.noJS ul#wslide-parent li {
	float: none;
	width: auto;
	height: auto;
	overflow: visible;
	clear: both;
}

ul#wslide-parent li#wslide-parent-1 {
	background: url(../gfx/wslide_parent_1.png) right top;
}

ul#wslide-parent li#wslide-parent-2 {
	background: url(../gfx/wslide_parent_2.png) right top;
}

ul#wslide-parent li#wslide-parent-3 {
	background: url(../gfx/wslide_parent_3.png) right top;
}

ul#wslide-parent li#wslide-parent-4 {
	background: url(../gfx/wslide_parent_4.png) right top;
}

ul#wslide-parent li#wslide-parent-5 {
	background: url(../gfx/wslide_parent_5.png) right top;
}

ul#wslide-parent li#wslide-parent-6 {
	background: url(../gfx/wslide_parent_6.png) right top;
}

ul#wslide-parent li h4 {
	color: #594834;
	background: transparent;
	font-weight: normal;
	text-indent: -9999em;
}

.noJS ul#wslide-parent li h4 {
	margin: 15px 0 0 -1px;
	line-height: 2em;
	text-indent: 0;
}

ul#wslide-parent li p {
	color: #fff;
	background: transparent;
	text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 3px;
}

.noJS ul#wslide-parent li p {
	color: #766b5d;
	text-shadow: none;
}

ul#wslide-parent li p strong {
	color: #fff;
}

.noJS ul#wslide-parent li p ,
.noJS ul#wslide-parent li p strong {
	color: #766b5d;
	text-shadow: none;
}

.noJS ul#wslide-parent li p {
	margin: 0 0 6px 0;
}

#wslide-parent a.wslide-button {
	display: inline;
	position: relative;
	float: left;
	width: 172px;
	height: 28px;
	margin: 0 4px 0 0;
	color: #4f4d49 !important;
	background: url(../gfx/wslide_button_opaque.png) no-repeat left top;
	text-align: center;
	text-indent: -3px;
	text-shadow: 1px 1px 2px #fff;
}

.noJS #wslide-parent a.wslide-button {
	display: inline;
	position: relative;
	float: none;
	width: auto;
	height: auto;
	margin: 0;
	background: none;
	text-align: left;
	text-indent: 0;
	text-shadow: none;
	text-decoration: underline;
}

#wslide-parent a.wslide-button:hover {
	text-decoration: none;
	color: #474541;
}

#wslide-parent a.wslide-button span.faux {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 172px;
	height: 28px;
	background: url(../gfx/wslide_button_opaque.png) no-repeat 0 -28px;
	z-index: 7;
	cursor: pointer;
}

#wslide-parent a.wslide-button div.faux {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 172px;
	height: 28px;
	line-height: 28px;
	z-index: 8;
	cursor: pointer;
}

#wslide-menu {
	position: relative;
	overflow: hidden;
	width: 790px;
	height: 50px;
	background: url(../gfx/wslide_menu_bg.png) repeat-x;
}

.noJS #wslide-menu {
	display: none;
}

#wslide-menu a {
	position: relative;
	float: left;
	display: block;
	border-right: 2px solid #fff;
	overflow: hidden;
	width: 130px;
	height: 50px;
	text-indent: -9999px;
	color: #fff;
}	

#wslide-menu a.wslide-menu-1,
#wslide-menu a.wslide-menu-1 span.faux {
	background-image: url(../gfx/wslide_menu_1.png);
}

#wslide-menu a.wslide-menu-2,
#wslide-menu a.wslide-menu-2 span.faux {
	background-image: url(../gfx/wslide_menu_2.png);
}

#wslide-menu a.wslide-menu-3,
#wslide-menu a.wslide-menu-3 span.faux {
	background-image: url(../gfx/wslide_menu_3.png);
}

#wslide-menu a.wslide-menu-4,
#wslide-menu a.wslide-menu-4 span.faux {
	background-image: url(../gfx/wslide_menu_4.png);
}

#wslide-menu a.wslide-menu-5,
#wslide-menu a.wslide-menu-5 span.faux {
	background-image: url(../gfx/wslide_menu_5.png);
}

#wslide-menu a.wslide-menu-6,
#wslide-menu a.wslide-menu-6 span.faux {
	background-image: url(../gfx/wslide_menu_6.png);
	border: 0;
}

#wslide-menu a:hover {
	text-decoration: none;
}

#wslide-menu a.wactive {
	color: #594834;
	background-position: 0 -100px;
	cursor: default;
	text-decoration: none;
}

#wslide-menu a span.faux {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 130px;
	height: 50px;
	background-position: 0 -50px;
	z-index: 7;
	cursor: pointer;
}

#wslide-menu a.wactive span.faux {
	background-position: 0 -100px;
	cursor: default;
}

#wslide-menu a div.faux {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 130px;
	height: 50px;
	z-index: 8;
	cursor: pointer;
}

#wslide-menu a.wactive div {
	cursor: default;
}


/* Highslide JS */

/*.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}*/

.highslide,
#middencontent .highslide,
#middencontent .highslide:hover { /* Used on the a-tag surrounding the thumbnail to apply the zoom cursor. */
	cursor: url(../js/highslide/graphics/zoomin.cur), pointer;
	outline: none;
	text-decoration: none;
	border: 0;
}

/*
.highslide img {
	border: 2px solid silver;
}

.highslide:hover img {
	border-color: gray;
}
*/

.highslide-active-anchor { /* additional class name given to the anchor when it is opened. To hide the thumbnail when a full image is opened, set visibility: hidden on .highslide-active-anchor img. */
}

.highslide-active-anchor img,
.highslide-active-anchor:hover img {
	border-color: black;
}

.highslide-image { /* borders for the expanded image */
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}

.highslide-wrapper,
.rounded-white {
	background: white;
}

.highslide-image-blur { /* Occurs on the expanded image when another image is expanded on top of it. The styles of .highslide-image are inherited for the blurred image, but you can specify additional properties. For instance a different border-color for the blurred image. */
}

.highslide-number { /* The styling for the index number, like "Image 1 of 5". */
	font-weight: bold;
	color: gray;
}

.highslide-caption { /* Styles for the caption */
	display: none;
	border-top: none;
	font-size: 13px;
	color: #594834;
	padding: 5px;
	background: white;
}

.highslide-full-expand { /* define background image and other properties for the full-expand label */
}

.highslide-overlay { /* The initial class name for custom overlays. This class only states that the display property should be none. You can use other class names for your overlay if you specify the correct display */
}

.highslide-heading { /* Styles for the heading. */
	display: none;
	font-weight: bold;
	margin-bottom: 0.4em;
}

.highslide-dimming { /* When using a dimmed page background, this is where you specify the color of the background. */
	position: absolute;
	background: #a7a19b;
}

.highslide-loading { /* Styles for the Loading-element that appears on top of the thumbnail when the full size image is loading. You display a loading graphic by defining a background-image for this element. For the Loading-text not to show, adjust the hs.loadingText. */
	display: none;
/*	display: block;
	width: 16px;
	height: 16px;
	background: url(../js/highslide/graphics/loader.white.gif) no-repeat;*/
}

a.highslide-credits, /* The credits label, "Powered by...". */
a.highslide-credits i {
	display: none;
}

/* controls */

.highslide-controls { /* The wrapper element for the controls overlaid on the image in slideshow mode. Each single button's class name is .highslide-previous, .highslide-play, .highslide-pause, .highslide-next, .highslide-full-expand and .highslide-close. */
	width: 195px;
	height: 40px;
	background: url(../js/highslide/graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 20px;
}

.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(../js/highslide/graphics/controlbar-white.gif) right -90px no-repeat;
}

.highslide-controls li {
	float: left;
	padding: 5px 0;
}

.highslide-controls a {
	background-image: url(../js/highslide/graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}

.highslide-controls a.disabled {
	cursor: default;
}

.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}

.highslide-move { /* The class name to use if you want a text anchor in the caption to allow the user to move the image. */
}

.highslide-move a {
	cursor: move;
}

.hidden-container {
	display: none;
}

/* CSS sprites for the controlbar */

.highslide-controls .highslide-previous a {
	background-position: 0 0;
}

.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}

.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}

.highslide-controls .highslide-play a {
	background-position: -30px 0;
}

.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}

.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}

.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}

.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}

.highslide-controls .highslide-next a {
	background-position: -90px 0;
}

.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}

.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}


.highslide-controls .highslide-move a {
	background-position: -120px 0;
}

.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}

.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}

.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}

.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}

.highslide-controls .highslide-close a {
	background-position: -180px 0;
}

.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/* HTML content */

/*.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
*/
.highslide-html { /* Like highslide-image, this is where you specify borders for HTML content. */
	background-color: white;
}

.highslide-maincontent {
	display: none;
}

/* styles for the popup */

.highslide-wrapper,
.rounded-white {
	background-color: white;
}

.highslide-wrapper .highslide-html-content { /* General class that you apply to the element you want to expand. */
	padding: 0 5px 5px 5px;
}


.highslide-wrapper .highslide-header {
	padding-bottom: 0;
}

.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}

.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}

.highslide-wrapper .highslide-header ul li.highslide-previous,
.highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}

.highslide-wrapper .highslide-header a {
	font-weight: normal;
	color: #706d67;
	font-size: 12px;
	text-transform: lowercase;
	text-decoration: none;
	letter-spacing: 1px;
}

.highslide-wrapper .highslide-header a:hover {
	color: #433E3C;
}

.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}

.highslide-wrapper .highslide-footer {
	height: 11px;
}

.highslide-wrapper .highslide-footer .highslide-resize { /* The class name to use if you want an element within the content to behave like a resize handle. */
	float: right;
	height: 11px;
	width: 11px;
	background: url(../js/highslide/graphics/resize.gif) no-repeat;
}

.highslide-wrapper .highslide-body { /* If the HTML content element contains an element with this class name, this element will display scrollbars if the size of the expander is exceeded. This way you can create headers and footers. If not, scrollbars will be shown in the outer element. Also, when you display AJAX, Iframe or Flash content, it will be placed in this container. */
	color: #706d67;
	font-size: 13px;
	line-height: 23px;
}

.highslide-move {
	cursor: move;
}

.highslide-resize {
	cursor: nw-resize;
}

/* sitemap */

.highslide-container ul.sitemap {
	padding: 6px 0 0 0;
	margin: 0;
}

.highslide-container ul.sitemap ul {
	padding: 5px 0 0 0;
	margin: 0;
}

.highslide-container ul.sitemap li {
	list-style: none;
	padding: 0;
	margin: 0 0 6px 0;
	line-height: 1.6em;
	color: #594834;
}

.highslide-container ul.sitemap li a {
	color: #594834;
	font-weight: bold;
}

.highslide-container ul.sitemap li li {
	list-style-type: circle;
}

.highslide-container ul.sitemap li li a {
	color: #594834;
	font-weight: normal;
}

/* Add to Any */

.a2a_menu_find_container,
.a2a_cols_container {
	clear: both !important;
	margin: 0 !important;
	padding: 0 !important;
}

.a2a_menu a,
#a2a_hist_list a,
.a2a_menu a:visited,
#a2a_hist_list a:visited {
	color: #766b5d !important;
}

.a2a_menu a:hover,
.a2a_menu a:focus {
	color: #594834 !important;
	border: 1px solid #594834 !important;
	background-color: #e7e3db !important;
}

.a2a_menu_find_container:hover input#a2apage_find {
	color: #594834 !important;
}

a.a2a_menu_powered_by {
	text-indent: -9000px !important;
	height: 1px !important;
	font-size: 1px !important;
	line-height: 1px !important;
	background: #fff !important;
	margin-top: 0 !important;
	border: 0 !important;
	padding: 0 !important;
}

.a2a_tab_selected {
	color: #000 !important;
}

/* Google 404 pagina (http://www.google.com/support/webmasters/bin/answer.py?answer=100044&hl=nl) */

#goog-wm {
}

#goog-wm h3.closest-match {
}

#goog-wm h3.closest-match a {
}


#goog-wm h3.other-things,
#goog-wm ul li,
#goog-wm li.search-goog { 
	display: none;
}