/*
 Theme Name: Res & Smit
 
 Description: Res & Smit Theme
 Version: 1.0
 Author: Mark de Raaf - Fundament All Media
 
 gold color: #C79957
 */

* {
  margin: 0;
  padding: 0;
}

html, body {
  overflow-x:hidden;
}

html {
}

body {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  color: #3f3f3f;
  font-size: 10pt;
  background: #fff url("images/background_body_2.png") repeat-x;
}

p {
  margin: 0 0 20px 0;
}

.body_home {
  background: #fff url("images/background_body.png") repeat-x;
}

.body_home #content {
  display: none;
}

h1 {
  display: none;
}

a {
  color: #3f3f3f;
}

.body_home #page {
	position: relative;
}

#page-wrap{
	padding: 10px;
}

#page h2 {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12pt;
  color: #1C3F95;
  margin: 20px 0 20px 0;
}

img {
  border: 0px;
}

.container {
  width: 930px;
  margin: 0 auto 0 auto;
  padding: 0 0 16px 0;
  position: relative;
  text-align: left;
  background: url("images/background_container.png") no-repeat 0 154px;
}

.body_home .container {
  /* TEMP 
  background: url("images/background_home.png") bottom no-repeat;
  */
  background: none;
  /* TEMP */
  /*height: 1000px;*/
  height: 790px;

}

.info {
  position: absolute;
  right: 100px;
  top: 110px;
}

.info ul {
  margin: 5px 0 0 15px;
}

.info p {
  margin: 0;
}

.info ul li {
  color: #1C3F95;
}

.info ul span {
  color: #3f3f3f;
}

#slides {
  width: 600px;
}

#slides p {
  margin: 0;
}

#slides .attachment-thumb {
  display: none;
}

.slideshow {
  width: 614px;
  height: 410px;
  border: 1px solid #c7c7c7;
  background: #fff;
  position: relative;

}

.slideshow .projectimage {
  margin: 9px 0 0 8px;
  width: 598px;
  height: 394px;
  overflow: hidden;
  position: relative;
}

.slideshow .projectimage .attachment-thumb-0 {
  left: 25px;
}

.slideshow .projectimage .attachment-thumb-1 {
  left: 135px;
}

.slideshow .projectimage .attachment-thumb-2 {
  left: 245px;
}

.slideshow .projectimage .attachment-thumb-3 {
  left: 365px;
}

.slideshow .projectimage .attachment-thumb-4 {
  left: 485px;
}

.slideshow_content {
  background: #404040;
  color: #fff;
  height: 60px;
  -moz-opacity:.90; opacity:.9; 
  position: absolute;
  top: 295px;
  padding: 10px;
  z-index: 200;
}

.slideshow_news {
  width: 407px;
  left: 8px;
}

.slideshow_title {
  width: 159px;
  left: 338px;
  display: none;
}

.slideshow_title h2 {
  font-size: 12pt;
}

.slideshow_link {
  color: #fff;
}

.headerimage {
  width: 614px;
  height: 410px;
  border: 1px solid #c7c7c7;
  background: #fff;
}

.headerimage_small {
  height: 198px;
}

.header_projects_wonen {
  background: #fff url("images/image_projects_wonen.jpg") no-repeat 8px 8px;
}

.header_projects_werken {
  background: #fff url("images/image_projects_werken.jpg") no-repeat 8px 8px;
}

.header_projects_gebied {
  background: #fff url("images/image_projects_gebiedsontwikkeling.jpg") no-repeat 8px 8px;
}

.header_organisatie {
  background: #fff url("images/image_organisatie.jpg") no-repeat 8px 8px;
}

.header_news {
  background: #fff url("images/image_news.jpg") no-repeat 8px 8px;
}

.header_contact {
  background: #fff url("images/image_contact.jpg") no-repeat 8px 8px;
}

.headerimage .slideshow_content {
  display: none;
}

.menu {
  list-style-type: none;
  font-size: 11pt;
  font-family: Arial, Helvetica, sans-serif;
  float: right;
  margin: 15px 0 0 0;
}

.menu li {
  margin: 0 0 8px 0;
  float: left;
  border-right: 1px solid #5972b1;
}

.menu li a {
  color: #1c3f95;
  text-decoration: none;
  font-weight: bold;
  padding: 2px 20px 2px 20px;
}

.menu ul li a {
  padding: 2px 5px 2px 5px;
}

.menu ul li.current_page_item a {
  color: #C79957;
}

.menu ul li.nocurrentlink a {
  color: #1C3F95;
}



.menu ul li a:hover {
  color: #C79957;
}

.menu li.page-item-11 {
  border: none;
}

.menu li a:hover, .menu .current_page_item a, .menu .current_page_parent a {
  color: #c79957;
  text-decoration:none;
}

.menu li ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  clear: both;
  top: 19px;
  display: none;
  font-size: 10pt;
}

.menu li ul li {
  border: none;
}

.menu li ul li a {
  font-weight: normal;
}

.menu .current_page_item ul, .menu .current_page_parent ul {
  display: block;
  margin: 18px 0 0 16px;
  position: absolute;
  /* right: 0; */
}

.menu .page-item-11 ul {
  right: 0;
  margin: 18px 16px 0 0;
}

.menu .current_page_item ul a, .menu .current_page_parent ul a {
  color: #1C3F95;
}

#footer {
  border-top: 5px solid #cfcfcf;
  text-align: center;
  clear: both;
  background: #fff;
  margin: 0 0 0 0;
}

table {
  font-size: 10pt;
  background: #ccc;
}

table th {
  text-align: left;
  padding: 3px;
}

table th.address {
  width: 125px;
}

table td {
  vertical-align: top;
  padding: 3px;
}

table tr td {
  background: #fff;
}

table tr.even td {
  background: #ececec;
}


.clearfooter {
  clear: both;
}

.footerelement {
  font-size: 8pt;
  text-align: left;
  margin: 0 0 0 20px;
}

.footerelement a {
  color: #8C8B8B;
}

.logo {
  margin: 15px 0 0 0;
  float: left;
}

.fontsize {
  position: absolute;
  right: 0px;
  top: 20px;
}

#header {
  height: 111px;
}

#content {
  width: 614px;
}

#content p {
  margin: 0 0 20px 0;
}

.links ul {
  list-style-type: none;
}

.links li {
  margin: 0 0 20px 0;
  position: relative;
}

.links .link a {

}


h2 a {
  color:#AB1220;
  font-weight:normal;
}

h3 {
    margin: 0 0 0 0;
    /*color: #a9935a;*/
    font-size: 10pt;
}

#sidebar {
  float: right;
  /*width: 232px;*/
  background: #fff;
  height:auto !important;
  height: 150px;
  min-height:150px;
  padding: 15px 20px 0 15px;
  margin: 43px 15px 0 0;
  font-size: 9pt;
  width: 240px;
}

#sidebar h2 {
  font-size: 12pt;
  color: #1c3f95;
  font-weight: normal;
  clear: both;
}

#sidebar ul {
  list-style-type: none;
}

#sidebar a {
  color: #1c3f95;
}

#sidebar .readmore {
  text-align: right;
  display: block;
}

#sidebar .widget_contact h2 {
  margin: 0 0 15px 0;  
}

#sidebar .widget_contact p {
  margin: 0 0 15px 0;  
}


.body_home #sidebar {
  background: transparent url("images/background_sidebar.png") repeat-x;
  margin: 84px 0 0 0;
  width: 269px;
}

.resize {
  cursor: pointer;
}

/*widgets*/
.widget {

}


.textwidget {
  width: 170px;
  height: 103px;
  background: #a9935a url("images/background_widget.png") no-repeat;
  color: #eae4d6;
  padding: 15px 0 0 15px;
  margin: 0 15px 5px 0;
  float: right;
}

#text-3, #text-4, #text-5  {
  cursor: pointer;
}

.textwidget a {
  color: #EAE4D6;
}

.textwidget_over {
  float: left;
  background: #a9935a url("images/background_widget_over.png") no-repeat;
}

.widget_news {
  width: 240px;
  margin: 0 0 40px 0;
}

.widget_news p {
  margin: 0 0 15px 0;
}

.body_home .widget_news {
  margin: 0px;
}

.widget_content {
  margin: 0 0 20px 0;
}

.widget_content h2 {
  margin: 0 0 15px 0;
}


.widget_news a.readmore {
  float: right;
  color: #c79957 !important;
  font-size: 9pt;
}

.widget_news a.readmore:hover {
  text-decoration: none;
}

.widget_projects {
  margin: 0 0 20px 0;
}

.widget_projects p {
  margin: 0 0 0 0;
}

.widget_projects a {
  color: #c79957 !important;
  text-decoration: none;
  display: block;
}

.widget_projects h2 {
  margin: 0 0 15px 0;
}

.widget_projects span {
  float: right;
  margin: -4px 0 0 0;
}

.widget_projects p {
  border-bottom: 1px solid #d2d2d2;
  padding: 5px 0 5px 0;
}

.widget_projects p:hover {
  background: url("images/background_widget_projects.png") repeat-x;
}

.widget_projects p.selected {
  background: url("images/background_widget_projects.png") repeat-x;
}

.newsitem {
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #d2d2d2;
}

.newsitem p {
  margin: 0;
}

.widget .newsitem p {
  font-size: 8pt;
}

.newsitem .readmore {
  text-align: right;
}

.newsitem .readmore a {
  color: #C79957;
  display: block;
  height: 10px;
  font-size: 9pt;
}

.newsitem .readmore a:hover {
  text-decoration: none;
}

.body_drs-piet-miedema #text-3 .textwidget {
  float: left;
  background: #a9935a url("images/background_widget_over.png") no-repeat;
}

.body_drs-frank-verheul #text-4 .textwidget {
  float: left;
  background: #a9935a url("images/background_widget_over.png") no-repeat;
}

.body_drs-rob-van-der-schoot #text-5 .textwidget {
  float: left;
  background: #a9935a url("images/background_widget_over.png") no-repeat;
}

.textwidget img {
  margin: 0 0 3px 0;
}

#testimonialnav {
  clear: both;
  margin: 20px 0 10px 0;
  color: #927E4C;
}

#testimonialnav a {
  color: #927E4C;
}

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


#testimonials div {
  border: 1px solid #eee9de;
  padding: 15px
}

#testimonials h3 {
  font-size: 11pt;
  margin: 0;
}

#testimonials p {
  font-family: Georgia, Arial, Helvetica, sans-serif;
  color: #927e4c;
  font-size: 11pt;
  margin: 0;
  font-style: italic;
  line-height: 18pt;
}

#testimonials #testimonialnav {
  position: absolute !important;
  display: block !important;
  bottom: -30px;
  border: none;
}

.businessCard {
  width: 201px;
  height: 155px;
  background: transparent url("images/background_businessCard.png") no-repeat;
  padding: 15px 15px 0 15px;
  line-height: 14pt;
}

.post-edit-link {
  clear: both;
  color: red;
  float: left;
  position: absolute;
  left: 50px;
}

.post ul {
  margin: 0 0 20px 20px;
}

/* PODS */
.category {
  width: 180px;
  height: 224px;
  float: left;
  margin: 34px 38px 0 0;
  color: #fff;
}

.category a {
  color: #fff;
  text-decoration: none;
  letter-spacing: 1px;
}

.category h3 {
  font-size: 11pt;
  color: #fff;
  margin: 0 0 3px 0;
}

.category .categoryimage {
  width: 178px;
  height: 106px;
  background: #fff;
  border: 1px solid #a2a2a2;
  margin: 0 0 20px 0;
}

.project {
  width: 180px;
  float: left;
  margin: 0 38px 0 0;
  color: #151515;
}

.clearright {
  margin-right: 0;
}

.project h3 {
  font-size: 12pt;
  color: #ac6305;
  margin: 0 0 5px 0;
}

.project .customer {
  font-size: 10pt;
  color: #ac6305;
}

.category .projectimage, .project .projectimage {
  width: 178px;
  height: 106px;
  background: #fff;
  border: 1px solid #c7c7c7;
  margin: 0 0 10px 0;
}

.body_home .category .projectimage, .body_home .project .projectimage {
  border: 1px solid #a2a2a2;
}

.category .projectimage:hover, .project .projectimage:hover {
  background: #c6c6c6;
  border: 1px solid #fff;
}

.category .projectimage div, .project .projectimage div {
  margin: 8px;
  width: 170px;
  height: 90px;
  overflow: hidden;
}

.category .projectimage img, .project .projectimage img {
  width: 160px;
}

.pager {
  float: right;
  color: #1C3F95;
  font-size: 10pt;
  font-weight: normal;
}

.pager .currentPage {
  background: #c79957;
  color: #fff;
  padding: 0 3px 0 3px;
}

.pager a {
  text-decoration: none;
  color: #1C3F95;
}

.pod {
  width: 615px;
}

.newsitem {
  padding: 15px 0 15px 0;
  border-bottom: 1px solid #d2d2d2;
}

.brochure {
  width: 180px;
  float: left;
  margin: 27px 38px 0 0;
  color: #151515;
}

.brochure a {
  margin: 0 9px 0 9px;
}

.locationmap {
  margin: 8px;
}

#footer .copy {
  clear: both;
  text-align: right;
  font-size: 8pt;
  width: 930px;
  margin: 0 auto 0 auto;
  padding: 0 0 15px 0;
}

#footer .contactinfo {
  border-bottom: 1px solid #d2d2d2;
  padding: 5px 0 10px 0;
  text-align: center;
}

#footer .contactinfo span {
  display: block;
  width: 930px;
  margin: 0 auto 0 auto;
  font-size: 9pt;
}

/* footermenu */
.footer {
  height: auto !important;
  height: 150px;
  min-height: 150px;
  list-style-type: none;
  list-style:none;
  list-style-image:none; 
  font-size: 11pt;
  margin: 15px auto 0 auto;
  position: relative;
  clear: both;
  width: 930px;
}

.footer li {
  padding: 0 60px 8px 60px;
  float: left;
  background: #fff url("images/background_footer_li.png") no-repeat right;
  
  list-style-type: none;
  list-style:none;
  list-style-image:none;
}

.footer li ul {
  position: absolute;
  top: 30px;
    
  list-style-type: none;
  list-style:none;
  list-style-image:none;

  margin: 0;
  padding: 0;
  font-size: 10pt;
}

.footer li ul li {
  clear: both;
  margin: 8px 0 8px 0;
  padding: 0;
  background: none;
  
  list-style-type: none;
  list-style:none;
  list-style-image:none;

}

.footer li a {
  text-decoration: none;
}

.footer li a:hover {
  color: #C79957; 
}

.footer ul li.current_page_item a {
  color: #C79957;
}

.footer li.page-item-11 {
  border: none;
  background: none;
}

.col1 {
  float: left;
  clear: left;
  width: 359px;
  margin: 20px 15px 20px 0;
  padding: 0 15px 0 0;
  border-right: 1px solid #d2d2d2;
}

.col2 {
  float: left; 
  width: 200px;
  margin: 20px 15px 20px 0;
  padding: 0 0 0 0;
}

.col2 img {
  border: 1px solid #c7c7c7;
}

.col1 h2, .col2 h2 {
  margin: 0 0 15px 0 !important;
}

.symbol {
  font-size: 12pt;
}

.date {
  font-size: 8pt;
}

.excerpt {
  font-weight: bold;
  margin: 0 0 15px 0;
}

.goback {
  margin: 15px 0 0 0 !important;
  padding: 10px 0 0 0;
  border-top: 1px solid #d2d2d2;
  clear: both;
}

.goback a {
  color: #c79957;
  text-decoration: none;
  font-size: 9pt;
}

.download a {
  font-weight: bold;
}

.thumbnav {
  position: relative;
}

.thumbnav img {
  float: left;
  margin: 20px 18px 20px 18px;
  height: 40px;
  border: 3px solid #C7C7C7;
}

.attachment-thumb {
  display: none;
}

.attachment-thumb-0, .attachment-thumb-1, .attachment-thumb-2, .attachment-thumb-3, .attachment-thumb-4 {
  display: block;
}

.ress {
  position: absolute;
  left: 653px;
  top: 34px;
}

.ress2 {
  position: absolute;
  left: 653px;
  top: 150px;
}


.ress_moreinfo {
  position: absolute;
  left: 662px;
  top: 37px;
  font-size: 8pt;
  color: #00346d;
  width: 220px;
}

.ress_moreinfo2 {
  position: absolute;
  left: 662px;
  top: 153px;
  font-size: 8pt;
  color: #00346d;
  width: 220px;
}
.ress_moreinfo h3 {
  color: #C79957;
  font-size:11pt;
  letter-spacing:1px;
  text-decoration:none;
}

.ress_moreinfo2 h3 {
  color: #C79957;
  font-size:11pt;
  letter-spacing:1px;
  text-decoration:none;
  margin: 0 0 7px 0;
}

.ress_moreinfo .infolink {
  margin: 9px 0 0 0;
  display: block;
  line-height: 10pt;
}

.ress_moreinfo2 .infolink {
	background: url("images/button-download.png") no-repeat right center transparent;
	display: block;
	height: 15px;
	line-height: 9pt;
	margin: 1px;
	padding: 3px 0 0 0;
	text-decoration: none;
}


.ress-inloggen {
  position: absolute;
  left: -8px;
  top: 64px;
  z-index: 2;
}