/* -----------------------------------------------------------------------------
   IPMMC-Consult.nl custom CSS file
-------------------------------------------------------------------------------- */

/* === Defaults ================================================================ */
body {
color: #818385;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
h1 {
color: #FF6511;
font-family: Georgia, Times, serif;
font-size: 2.6em;
font-weight: normal;
margin: 0 0 0.2em;
}
ul li h1 {
font-family: Arial, Helvetica, sans-serif;
}
h2 {
color: #818385;
font-family: Georgia, Times, serif;
font-size: 1.6em;
line-height: 1.1em;
margin: 0 0 0.7em;
}
h3 {
color: #636568;
font-size: 1em;
}
a {
color: #FF6511;
}
p {
letter-spacing: -0.01em;
line-height: 1.4em;
margin: 0 0 0.4em;
}
.container {
width: 870px;
}

.orange {
color: #FF6511;
}

img.image-left {
float: left;
padding: 0 8px 8px 0;
}
img.image-right {
float: right;
padding: 0 8px 8px 0;
}

/*------------------------------------------------------------------------------
  Site elements
--------------------------------------------------------------------------------*/

/* === Box ===================================================================== */
.box {
background: #fff;
clear: both;
display: block;
position: relative;
border: 1px solid #FBDDD1;
padding: 1em;
zoom: 1;
}
.box .divider {
background: #fff;
border-top: 1px solid #B24408;
height: 1px;
margin: 0 0 25px;
padding: 0;
}
.box img.logo {
margin: 0 0 8px;
}
.box a.more-link {
float: right;
font-size: 0.85em;
margin: 5px 10px;
}
.box .movie {
margin: 15px 0 0;
}
.box .content {
}
.box .content .aanpak-image {
padding: 15px 0 0;
text-align: center;
width: 540px;
}
.box .content h3 {
clear: both;
margin: 0.8em 0 0.1em;
}
.box .span-15 {
border-right: 1px solid #FF6511;
margin: 0;
padding: 0 10px 0 0;
}
.box .sidebar {
width: 230px;
margin-right: 0;
padding: 0 0 0 8px;
text-align: right;
}

/* === Box - Photo ============================================================= */
.box .photo {
margin: 0 0 15px;
}
.box .photo img {
}

/* === Box - Propositie ======================================================== */
#box-propositie {
background: #FF6511;
border: 1px solid #FF6511;
}
#box-propositie h1, #box-propositie h2, #box-propositie p, #box-propositie a {
color: #fff;
}

/* === Box - Testimonial ======================================================= */
.box .testimonial {
clear: both;
margin: 10px 0 0;
}
.box .testimonial .photo {
float: left;
font-size: 0.70em;
margin: 0;
text-align: center;
width: 77px;
}
.box .testimonial .photo span {
line-height: 1.2em;
}
.box .testimonial .photo img {
height: 77px;
width: 77px;
}
.box .testimonial .description {
background: #FF6511;
border: 1px solid #ccc;
color: #fff;
float: right;
font-size: 0.85em;
margin: 0 0 0 8px;
min-height: 63px;
overflow: hidden;
padding: 7px;
height: 64px;
width: 293px;
}
.box .testimonial.detailed .description {
  margin: 0 10px 0 8px;
width: 470px;
}
.box .testimonial .description a.more-link, .box .testimonial.detailed .description a.more-link {
  color:#FFFFFF;
  font-size: 1em;
  margin:51px 0 0 231px;
  position:absolute;
}
.testimonial.detailed .description a.more-link {
  margin:51px 0 0 408px !important;
}
.box .sidebar h3 {
color: #333;
font-weight: bold;
}

/* === Box - Pagination ======================================================== */
.pagination a.link-previous, .pagination a.link-next {
display: block;
height: 18px;
overflow: hidden;
}
.pagination a.link-previous {
float: left;
width: 70px;
}
.pagination a.link-next {
float: right;
text-align: right;
width: 70px;
}
.pagination span {
float: left;
text-align: center;
width: 240px;
}
.box.box-teaser .pagination {
background: #fff;
height: 20px;
font-size: 0.85em;
margin: 0 0 12px;
width: 394px;
}


/* === Horizontal List ========================================================= */
ul.horizontal {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.horizontal li {
display: block;
float: left;
margin: 0;
padding: 0;
}

/* === Cases List ============================================================== */
ul.news-sidebar {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.news-sidebar li {
margin: 0 0 15px;
}
ul.news-sidebar li a {
color: #333;
}

/* === Cases List ============================================================== */
ul.cases-frontpage li {
height: 80px;
text-align: center;
width: 130px;
}
ul.cases-sidebar {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.cases-sidebar li {
margin: 0 0 5px;
}
ul.cases-sidebar li.selected a {
font-weight: bold;
}
ul.cases-sidebar li a {
color: #333;
font-size: 0.85em;
}
img.aanpak-cirkel {
  margin: 40px 0 0;
}

/* === Case List =============================================================== */
ul.cases {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.cases li {
border-bottom: 1px solid #B24408;
clear: both;
margin: 0 0 20px;
padding: 0 0 5px;
}
ul.cases li h1 {
font-size: 2.1em;
}
ul.cases img.photo {
border: 1px solid #ccc;
float: left;
height: 240px;
width: 358px;
}
ul.cases li .description {
float: right;
padding: 0 0 0 20px;
width: 460px;
}
ul.cases li .description ul {
  margin: 10px 0 0;
  padding: 0 0 0 15px;
}
ul.cases li .description ul li {
  border: 0;
  margin: 0;
  padding: 0;
}
ul.cases li h1 {
margin: 8px 0 0;
}
ul.cases li h1 a {
text-decoration: none;
}
.box .content h3.date {
font-size: 0.85em;
margin: 0.4em 0 1em;
}
.box .content h3.date.news {
font-weight: bold;
}
.box .content h3.client {
margin-top: 0.4em;
font-family: Georgia, Times, serif;
}
.box .content h3.case {
margin: 20px 0 0;
font-family: Georgia, Times, serif;
}

/* === Other cases ============================================================ */
ul.other-cases li {
font-size: 0.85em;
margin: 2px 10px 0 0;
width: 270px;
}

/* === News frontpage ========================================================= */
ul.news-frontpage {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.news-frontpage li {
clear: both;
margin: 0 0 5px;
}
ul.news-frontpage li .photo {
float: left;
width: 120px;
}
ul.news-frontpage li .photo img {
height: 85px;
width: 120px;
}
ul.news-frontpage li .content .date {
font-size: 0.85em;
}
ul.news-frontpage li .content {
float: right;
padding: 0 0 0 12px;
width: 264px;
}
ul.news-frontpage li .content h3 {
margin: 0;
}

/* === Photo =================================================================== */
.photo img {
border: 1px solid #ccc;
}


/*------------------------------------------------------------------------------
  Site Sections
--------------------------------------------------------------------------------*/

/* === Header ================================================================== */
#header {
border-bottom: 1px solid #eee;
margin: 0 auto 25px;
padding: 0 0 5px;
}
#header img.logo {
float: right;
height: 56px;
margin: 10px 0;
width: 210px;
}

/* === Navigation ============================================================== */
ul.navigation {
clear: both;
height: 24px;
}
ul.navigation li {
border-right: 1px solid #ccc;
margin: 0 5px 0 0;
padding: 0 5px 0 0;
}
ul.navigation li.last {
border: 0;
}
ul.navigation li a {
color: #818385;
text-decoration: none;
}
ul.navigation li.selected a {
color: #FF6511;
}


/* === Content ================================================================= */
#content {
clear: both;
}

/* === Footer ================================================================== */
#footer {
background: #818385;
clear: left;
clear: right;
clear: both;
color: #fff;
font-size: 0.85em;
padding: 4px 0;
text-align: center;
}

/*------------------------------------------------------------------------------
  Index
--------------------------------------------------------------------------------*/
#site-index h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 2.1em;
font-weight: bold;
}

/*------------------------------------------------------------------------------
  Case
--------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
  Onze aanpak
--------------------------------------------------------------------------------*/
 #content-aanpak h3 {
color: #818385;
font-size: 1.2em;
font-weight: bold;
}

/* === Definitions ============================================================ */
dl dt {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;;
color: #FF6511;
margin: 14px 0 0;
}

/* === Hover block ============================================================ */
.hover-block {
background: #fff;
border: 1px solid #eee;
padding: 8px;
position: absolute;
margin: 0 0 0 400px;
width: 424px;
}
.fixed-height-1200 {
height: 1200px;
}
.click-block {
height: 1200px;
}
.box .content .click-block h3 {
color: #FF6511;
font-size: 1.2em;
font-weight: bold;
margin: 0 0 0.5em 0;
}
.box .content .hover-block h3 {
font-size: 1.2em;
font-weight: bold;
}
#block-overlay {
background: #fff;
height: 1200px;
position: absolute;
margin: 0 0 0 400px;
width: 440px;
}
.hover-block h3 {
}
.hover-block dl dt {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

/* === Block positioning ======================================================= */
#circle-nav #block-1 {
margin: -13px 0 0 100px;
padding: 18px 8px 8px;
}
#circle-nav #block-2 {
margin: 70px 0 0 200px;
padding: 18px 8px 8px;
}
#circle-nav #block-3 {
margin: 160px 0 0 180px;
padding: 18px 8px 8px;
}
#circle-nav #block-4 {
margin: 160px 0 0 20px;
padding: 12px 8px 8px;
}
#circle-nav #block-5 {
margin: 70px 0 0 0;
padding: 18px 8px 8px;
}

/*------------------------------------------------------------------------------
  Onze Mensen
--------------------------------------------------------------------------------*/
ul.mensen {
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
}
ul.mensen li {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
height: 166px;
width: 166px;
}
ul.mensen li img {
height: 166px;
width: 166px;
}

/* === Facebox content ========================================================= */
.box.popup {
background: #FF6511;
width: 800px;
}
.box.popup .photo {
float: left;
height: 242px;
margin: 0 10px 0 0;
padding: 0 8px 8px 0;
width: 250px;
}
.box.popup .photo img {
height: 250px;
width: 250px;
}
.box.popup .content {
background: #fff;
border: 1px solid #ccc;
color: #666;
float: right;
font-family: Georgia, Times, 'Times New Roman', serif;
font-style: italic;
height: 234px;
padding: 8px;
width: 514px;
}
.box.popup .quote {
background: #fff;
border: 1px solid #ccc;
float: left;
font-family: Georgia, Times, 'Times New Roman', serif;
font-size: 1.2em;
font-style: italic;
height: 300px;
margin: 10px 10px 0 0;
padding: 8px;
width: 234px;
}
.box.popup .description {
background: #fff;
border: 1px solid #ccc;
color: #666;
float: right;
height: 306px;
margin: 10px 0 0;
padding: 2px 8px 8px;
width: 514px;
}
.box.popup span.grey {
color: #818386;
}
.box.popup span.red, .box.popup h3.red, .box.popup h2.red {
color: #943A13;
}
.box.popup p {
margin: 20px 0 0;
}
.box.popup .content p {
margin: 6px 0 0;
}
.box.popup .description p {
margin: 0;
}
.box.popup .description h3 {
margin: 8px 0 0;
}
.box.popup .linkedin-button {
  margin: 23px 0 0 354px;
  position:absolute;
  top:0;
}

/*------------------------------------------------------------------------------
  Nieuws
--------------------------------------------------------------------------------*/
#news ul.cases li .description h1 {
margin: 0;
}

/*------------------------------------------------------------------------------
  ckeditior
--------------------------------------------------------------------------------*/
#cke_record_intro_ {
width: 475px;
}

/*------------------------------------------------------------------------------
  News admin
--------------------------------------------------------------------------------*/
.subject-input {
width: 475px;
}

.intro-input {
width: 475px;
height: 75px;
}

/*------------------------------------------------------------------------------
  Error pages
--------------------------------------------------------------------------------*/
div.error-page {
margin: 20px auto 0;
text-align: center;
}
div.error-page img.logo {
margin: 0 auto;
}
div.error-page div.error {
margin: 20px 0 0;
text-align: left;
}
div.error-page div.error h1 {
color: #8A1F11;
}

/* === Frontpage IE8 issue =============================================================== */
div#content.frontpage .span-11 {
height: 980px;
}

/* === Fixed heights for columns on frontpage ============================================ */
div#content.frontpage #box-propositie {
  height: 275px;
  margin-bottom: 10px;
}
div#content.frontpage #box-cases {
  height: 605px;
}
div#content.frontpage .box-teaser {
  height: 920px;
  overflow: hidden;
}