@charset "utf-8";
/* CSS Document */

html,
body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif, Georgia, "Times New Roman", Times, serif;
	font-size: 68.75%;
}
	
body,
#page {
	background: url(background.png) #1aa533 center top repeat-x;
}

a:focus {
  outline: #FFFFFF none 0px;
}


#page {
	min-width: 990px;
	min-height: 100%;
}

#header,
#menu,
#content,
#footer {
	margin: 0 auto;
}

#header,
#content,
#footer {
	width: 910px;
	padding: 0 40px;
}

#header {
	font-size: 1.1em;
	height: 240px;
	background: url(logo_large.gif) center 55px no-repeat;
}

.zakelijk #header,
.particulier #header,
.kantoor #header {
	height: 160px;
	background: url(logo_small.gif) 40px 30px no-repeat;
}

#header .languages,
#header .sections {
	float: right; 
	list-style-type: none; 
	margin: 0; 
}

#header .languages li,
#header .sections li {
	display: inline; 
	margin: 0;
	text-transform: uppercase;
}

#header .languages {
	padding: 15px 0 0 1em;
}

#header .languages li {
	padding: 0 0 0 0.6em; 
}

#header .sections {
	padding: 15px 1em 0 0;
}

#header .sections li {
	padding: 0 0.3em; 
}

#header ul li a {
	color: #FFFFFF;
	text-decoration: none;
}

#header ul li a:hover {
	text-decoration: underline;
}

#header ul li a.selected,
#header ul li a.selected:hover,
#header ul li.seperator {
	 color: #139935;
	 text-decoration: none;
}

.menu-wrapper {
	min-height: 110px; 
	border-top: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	background: #1aa533;
	text-align: center;
}

.zakelijk .menu-wrapper {
	background: #00513c;
}

.kantoor .menu-wrapper {
	background: #64989a;
}

.zakelijk .menu-wrapper,
.particulier .menu-wrapper,
.kantoor .menu-wrapper {
	min-height: 36px;
	text-align: left; 
}

#menu {
	width: 920px;
	padding: 5px 35px 0 35px;
}

#menu .menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}

#menu .menu li {
	display: inline;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2.2em;
}

#menu .menu li.seperator {
	padding: 0 3px;
	color: #00513c;
}

.zakelijk #menu .menu li.seperator {
	color: #1aa533 !important;
}

#menu .menu li a {
	display: inline-block;
	margin: 0;
	padding: 0 5px;
	text-decoration: none;
	color: #FFFFFF;
}

#menu .menu li a:hover,
#menu .menu li a.selected {
	background: #00513c;
}

.zakelijk #menu .menu li a:hover,
.zakelijk #menu .menu li a.selected {
	background: #1aa533 !important;
}

#menu .search {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	float: right;
}
#menu .search form#indexedsearch {
	margin: 0;
	padding: 0;
	border: 0 none;
}

#menu .search .search-field {
	width: 150px;
	margin: 1px 0;
	height: 1.3em;
	vertical-align: middle;
	padding: 0 0 0 0.3em;
}

#menu .search .search-button {
width: 46px;
	margin: 0 0 0 0.2em;
	padding: 0;
	border: 0px solid #000000;
	background: transparent;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #00513c;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}

.zakelijk #menu .search .search-button {
	color: #1aa533 !important;
}

#content {
	padding: 35px 0 140px 0;
	min-height: 325px;
	font-size: 1.1em;
	line-height: 1.45em;
}

#content.homepage {
	padding: 0px 0 140px 0;
}
body.home #content .wrapper #nieuws-teaser {
  width: 730px;
  margin:1em auto;
  padding:0;
  height: 1%;
}
body.home #content .wrapper #nieuws-teaser p.bodytext {
  margin:0;
  padding:0;
  color: #FFFFFF;
  font-size: 1.4em;
  }
body.home #content .wrapper #nieuws-teaser a {
  color: #FFFFFF;
}


.zakelijk #content,
.particulier #content,
.kantoor #content {
	min-height: 480px;
}

#content a {
	text-decoration: none;
}

#content a:hover,
#content a.underline {
	text-decoration: underline;
}

#content p {
	margin: 0;
	padding: 2em 80px 0 80px;
}

.zakelijk #content p,
.particulier #content p,
.kantoor #content p {
	padding: 0 0 1.5em 0;
}

#content h1,
#content h2 {
	margin: 0;
	padding: 0 0 0.3em 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	letter-spacing: 1px;
	color: #000000;
}

#content h3,
#content h4,
#content h5,
#content h6 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	color: #000000;
}

#content h1,
#content h2,
#content h3,
#content h4 {
	text-transform: uppercase;
}

.zakelijk #content h1,
.zakelijk #content h3,
.zakelijk #content a {
	color: #00513c;
}

.particulier #content h1,
.particulier #content h3,
.particulier #content a {
	color: #139935;
}

.kantoor #content h1,
.kantoor #content h3,
.kantoor #content a {
	color: #64989a;
}

#content #breadcrum {
	margin: 0;
	padding: 1.5em 0;
list-style-position: inside;
text-indent: 0;
}

#content #breadcrum li {
	display: inline;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
}

#content #breadcrum li.seperator {
	padding: 0 0.3em;
}

#content #breadcrum li,
#content #breadcrum li a {
	color: #000000;
	text-transform: uppercase;
}

#content #breadcrum li a.selected {
	text-transform: none;
}

#content #submenu {
	margin: 0;
	padding: 0;
}

#content #submenu li {
	display: block;
	margin: 0;
	padding: 0.1em 0 0.1em 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

#content #submenu li a {
	margin: 0 0 0 -10px;
	color: #FFFFFF;
}

.zakelijk #content #breadcrum a.selected,
.zakelijk #content #submenu a.selected {
	color: #00513c;
	color: #139935; /* komt toch iets beter uit */
}

.particulier #content #breadcrum a.selected,
.particulier #content #submenu a.selected {
	color: #139935;
}

.kantoor #content #breadcrum a.selected,
.kantoor #content #submenu a.selected {
	color: #64989a;
}

#content .links {
	position: absolute;
	bottom: 0px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}

#content .links li {
	display: block;
	margin: 0;
	padding: 0.1em 0;
}

#content .links a {
	color: #FFFFFF;
	text-transform: lowercase;
}

#content .wrapper {
	position: relative; /* in hjw */
	width: 910px;
	text-align: center;
}

.zakelijk #content .wrapper,
.particulier #content .wrapper,
.kantoor #content .wrapper {
	min-height: inherit;
	text-align: left !important;
}

#content .left {
	width: 545px !important;
	float: left;
}

#content .right {
	width: 340px !important;
	float: right;
}

#content .frame-inner .left,
#content .frame-inner .right {
	width: 435px !important;
}

#content .frame-top,
#content .frame-bottom {
	margin: 0; 
	padding: 0; 
	height: 10px; 
	width: 100%;
	font-size: 1%;
	line-height: 0;
	background-repeat: no-repeat; 
}

* > #content .frame-top,
* > #content .frame-bottom {
	background-image: url(content_large.png);	
}

* > #content .left .frame-top,
* > #content .left .frame-bottom {
	background-image: url(content_small.png) !important; 
}

#content .frame-top {
	background-position: center top;
}

#content .frame-bottom {
	background-position: center bottom;
}

#content .frame-inner {
	margin: 0; 
	padding: 0 15px; 
	background: #FFFFFF;
	color: #000000;
	min-height: 460px;
}

#content .address {
	position: absolute;
	bottom: 0px;
}

#content .address,
#content .address a {
	color: #ffffff;
}

#content .facebook {
	margin: 0;
	padding: 0;
}

#content .facebook li {
	display: block;
	margin: 0;
	padding: 0;
	width: 145px;
	vertical-align: top;
	float: left;

text-indent:0px;
}

#content .facebook ul {
	margin: 0;
	padding: 6px 0 3px 0;
}

#content .facebook li li {
	font-size: 0.8em;
	line-height: 1.2;
	float: none;
}

#content .facebook li li span {
	text-transform: uppercase;
}

#content .facebook li li span,
#content .facebook li li a:hover {
	color: #00513c !important;
}

#content .facebook li li a img {
	position: absolute;
	margin: 0;
	padding: 0;
	border: 0px solid #000000;
	width: 40px;
	height: 40px;
	top: -10000px;
	left: -10000px;
	z-index: 100;
}

#content .facebook li li a:hover img {
/*
	padding: 10px;
	width: 130px;
	height: 130px;
*/
	padding: 15px;
	width: 120px;
	height: 120px;
	z-index: 101;
	background: url(frame.png) no-repeat;
}

#content .facebook .col01 {
	left: 15px;
}

#content .facebook .col02 {
	left: 57px;
}

#content .facebook .col03 {
	left: 99px;
}

#content .facebook .col04 {
	left: 141px;
}

#content .facebook .col05 {
	left: 183px;
}

#content .facebook .col06 {
	left: 225px;
}

#content .facebook .col07 {
	left: 267px;
}

#content .facebook .col08 {
	left: 309px;
}

#content .facebook .col09 {
	left: 351px;
}

#content .facebook .col10 {
	left: 393px;
}

#content .facebook .row01 {
	top: 85px;
}

#content .facebook .row02 {
	top: 127px;
}

#content .facebook .row03 {
	top: 169px;
}

#content .facebook .row04 {
	top: 211px;
}

#content .facebook .row05 {
	top: 253px;
}

#content .facebook .row06 {
	top: 295px;
}

#content .facebook .row07 {
	top: 337px;
}

#content .facebook .row08 {
	top: 379px;
}

#content .facebook .row09{
	top: 421px;
}

#content .facebook .row10{
	top: 463px;
}

#content .facebook .row11{
	top: 505px;
}

#content .facebook .row12{
	top: 547px;
}

#content .facebook .row13{
	top: 589px;
}

#content .facebook a:hover .col01 {
	left: 9px;
}

#content .facebook a:hover .col02 {
	left: 24px;
}

#content .facebook a:hover .col03 {
	left: 71px;
}

#content .facebook a:hover .col04 {
	left: 102px;
}

#content .facebook a:hover .col05 {
	left: 133px;
}

#content .facebook a:hover .col06 {
	left: 165px;
}

#content .facebook a:hover .col07 {
	left: 195px;
}

#content .facebook a:hover .col08 {
	left: 227px;
}

#content .facebook a:hover .col09 {
	left: 258px;
}

#content .facebook a:hover .col10 {
	left: 289px;
}

#content .facebook a:hover .row01 {
	top: 79px;
}

#content .facebook a:hover .row02 {
	top: 109px;
}

#content .facebook a:hover .row03 {
	top: 139px;
}

#content .facebook a:hover .row04 {
	top: 168px;
}

#content .facebook a:hover .row05 {
	top: 198px;
}

#content .facebook a:hover .row06 {
	top: 228px;
}

#content .facebook a:hover .row07 {
	top: 257px;
}

#content .facebook a:hover .row08 {
	top: 287px;
}

#content .facebook a:hover .row09{
	top: 317px;
}

#content dl,
#content dl dt,
#content dl dd {
	margin: 0 0 10px 0;
	padding: 0;
}

#content dl dt a {
	display: block;
	width: 100%;
	margin: 0 -5px 1em -5px;
	padding: 0.2em 5px;
padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	color: #FFFFFF !important;
}
#content dl dt a img {
  margin:0;
  padding:0;
  border: 1px solid #AAAAAA;
}

#content dl dt a:hover {
	text-decoration: none !important;
}

.zakelijk #content dl dt a {
	background: #00513c;
}

.particulier #content dl dt a {
	background: #139935;
}

.kantoor #content dl dt a {
	background: #64989a;
}

#content dl.collapsed dd {
	display: none;
}

#content dl dd img {
	position: absolute;
	top: 0px;
	left: 570px;
}

.button-contactpersoon { 
	display: block; 
	margin: 0;
	padding: 0; 
	height: 65px; 
	width: 165px;
	background: url(but_contactpersoon.gif) no-repeat;
}

.button-particulier,
.button-zakelijk,
.button-kantoor {
	display: block; 
	margin: 0; 
	padding: 0; 
	height: 90px; 
	width: 235px;
	background-repeat: no-repeat;
}

.button-particulier span,
.button-zakelijk span,
.button-kantoor span,
.button-contactpersoon span { 
	display: none;
}

#menu .button-particulier,
#menu .button-zakelijk,
#menu .button-kantoor {
	display: inline-block;
	margin: 5px;
}

#content .button-particulier,
#content .button-zakelijk,
#content .button-kantoor {
	margin: 0 0 5px 0;
	position: relative;
	top: -5px;
	left: -5px;
}

* > .button-particulier {
	background-image: url(but_particulier.png);
}

* > .button-zakelijk {
	background-image: url(but_zakelijk.png);
}

* > .button-kantoor {
	background-image: url(but_kantoor.png);
}

#footer {
	height: 60px;
	padding: 30px 0 0 0;

	margin: -90px auto 0 auto;
	position:relative;

	background: url(footer.gif) center top no-repeat;
	text-align: center;
	font-size: 1.1em;
}

#footer a {
	color: #ffffff;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer p {
	margin: 0;
	padding: 0;
	color: #ffffff;
}

#footer ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0;
}

#footer ul li {
	display: inline; 
	margin: 0;
	padding: 0 0.3em;
	text-transform: uppercase;
}

#footer ul li a {
	color: #FFFFFF;
	text-decoration: none;
}

#footer ul li a:hover {
	text-decoration: underline;
}

#footer ul li.seperator {
	 color: #00513c;
}

#content:after {
	content: "."; 
	display: block; 
	height: 1px; 
	clear: both; 
	visibility: hidden; 
	font-size: 1px; 
	float: none; 
	margin: 0; 
	padding: 0; 
	overflow: hidden;
}


/****************************************************************************/
/** Extra's                                                                **/
/****************************************************************************/
.zakelijk #content .address p.bodytext, .particulier #content .address p.bodytext, .kantoor #content .address p.bodytext {
  padding-bottom: 0;
}

body.home #content .wrapper p.bodytext{
  text-align:center;
  font-weight: normal;
  color:#FFFFFF;
}

img.foto-medewerker {
  border:none;
  position: absolute;
  top: 0px;
  left: 570px;
  z-index: 887;
}

div#foto-medewerker {
  border:none;
  position: absolute;
  top: 0px;
  left: 570px;
  width: 310px;
  height: 480px;
  background-image: url('passe-partout-01.gif');
  z-index: 888;
}

body.kantoor #accordion h3 {
  margin: 0 0 1px 0;
  padding: 0.2em 0.5em;
  background-color: #64989A;
  color: #FFFFFF;
  font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body.kantoor #accordion p.bodytext {
  padding: 0 10px 10px 10px;
}


#content .links h1 {
  margin:0;
  padding:0;
  border: none;
  color: #FFFFFF;
  font-size: 1.1em;
  font-weight: bold;
}
#content .links p {
  margin:0;
  padding:0;
  border: none;
}
#content .links a {
  color: #EFEFEF;
}
#content .links a:hover {
  color: #FFFFFF;
}


/****************************************************************************/
/** LISTS UL                                                               **/
/****************************************************************************/
* html #content ul#breadcrum {
  margin:0 0 0 13px;
	padding:1.5em 0;
  }

.frame-inner ul {
  margin: 0 0 0 17px;
	list-style-position:outside;
	list-style-type:disc;
	padding:0 0 1.5em 0;
}
.frame-inner ol {
  margin: 0 0 0 20px;
	list-style-position:outside;
	list-style-type:decimal;
	padding:0 0 1.5em 0;
}

.frame-inner ul li {
	text-indent:0;
	line-height: 18px;
	padding:0 0 0 4px;
}
.frame-inner ol li {
	text-indent:0;
	line-height: 18px;
}

.frame-inner ul ul {
	margin-left:15px;
	padding-left:0px;
	list-style-type:circle;
}

.frame-inner ul ul ul {
	margin-left:15px;
	padding-left:0px;
	padding-bottom:0px;
	list-style-type:square;
	list-style-type:disc;
}


/*
.zakelijk div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img,
.particulier div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img,
.kantoor div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
  bottom:13px;
  margin:0;
  position:absolute;
}
*/
#content .frame-inner {
overflow: visible;
overflow: auto;
}

.steunfoto {
  bottom:15px;
  margin:0;
  padding:0;
  QQQQposition: absolute;
}



/****************************************************************************/
/* The Searchform                                                           */
/****************************************************************************/
div.tx-indexedsearch form
{
  margin: 0;
  padding: 0;
  border: 0 none;
}

.tx-indexedsearch-res .s_results h3 {
}

.tx-indexedsearch-res .s_results .percent-tmpl-css {
  font-size: 1em;
  font-weight:normal;
  margin-left:1em;
  display:none;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
  color: #18892D;
}
.kantoor #content .tx-indexedsearch p.tx-indexedsearch-link-to-other-mode {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.tx-indexedsearch p.tx-indexedsearch-noresults {
  margin: 0;
  padding: 0;
  border: 0 none;
  font-weight: normal;
  text-align: left;
}

.searchform-table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  border: 1px solid #dddddd;
}
.searchform-table td {
  border-collapse: collapse;
  margin: 0;
  padding: 5px 3px 3px 5px;
}


/****************************************************************************/
/* The FacesBook                                                            */
/****************************************************************************/
div.facesbook_column {
float:left;
  margin:0 1px 0 0;
  padding:0;
  border:0;
  text-align: left;

}
ul.facesbook {
  margin: 0 0 0.9em 0;
  padding: 0;
  list-style-type: none;
  font-family: georgia;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color:#CC9900;
}
ul.facesbook li {
  margin: 0;
  padding: 0;
  border:0px solid #777777;
  line-height:0.9em;
  text-indent: 0px;
}
ul.facesbook li span,
ul.facesbook li a {
  display: block;
  margin:0;
  width: 140px;
  padding: 2px 2px;
}
ul.facesbook li a {
  color: #006699;
  text-decoration: none;
}
ul.facesbook li a:hover {
  color: #CC9900;
  text-decoration: underline;
}
ul.facesbook li span {
  color: #111111;
  text-transform: uppercase;
  background-color: #DDDDDD
}


#contactform {
  background-color: #DDDDDD
}


/****************************************************************************/
/* POWERMAIL formulieren                                                    */
/****************************************************************************/
div.tx-powermail-pi1 {
  margin: 0;
  padding: 0;
  border: 0px solid #dfdfdf;
  overflow: auto;
}

.tx_powermail_pi1_fieldwrap_html_reset,
.tx_powermail_pi1_fieldwrap_html_submit {
  margin: 0 0 0 10px;
  padding: 0;
  display: inline;
  float: right;
}
.tx-powermail-pi1_fieldset {
  margin: 0 0 1em 0;
  padding:0 5px 5px 5px;
  border: 1px solid #dfdfdf;
}
.tx-powermail-pi1_fieldset legend {
  font-weight: bold;
  font-size: 1.5em;
  padding: 0 0 6px 0;
  color: #111111;
}

.powermail_mandatory_js {
  color: #CC0000;
  font-weight: bold;
}

.tx_powermail_pi1_fieldwrap_html label {
  width: 125px;
  display: inline;
  float: left;
}

input.powermail_text {
  margin: 0 0 5px 10px;
  padding: 1px 1px 1px 2px;
  border: 1px solid #64989A;
}

textarea.powermail_textarea {
  margin: 0 0 5px 10px;
  padding: 1px 1px 1px 2px;
  border: 1px solid #64989A;
}

.powermail_radio_inner {
  clear: both;
}

#content p.tx_powermail_pi1_fieldwrap_html_radio_title {
  margin:0 0 0.5em 0;
  padding:0;
  border:0;
}
.powermail_radio_inner label {
  float:none;
  margin-left: 22px;
  width: auto;
}
.powermail_radio_inner input.powermail_radio {
  float:left;
  display: inline;
  margin: 1px 0 0 0;
  padding:0;
}

.content_element_wrapper {
  overflow: hidden;
}