/****************************/
/* LOCAL CSS                */
/****************************/

/* Put your custom CSS and CSS overrides in this file and  */
/* rename it local.css.  By restricting your CSS changes   */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme.  You can also */
/* use a local-rtl.css file for the equivalent in RTL.     */

/* Steps to activate local.css:                       */
/* 1. Add your custom CSS to this file                */
/* 2. Rename this file to local.css                   */
/* 3. Clear cached data at admin/settings/performance */




ul li {
  background: none;
  list-style-type: disc;
  list-style-image: none;
  margin-bottom: 5px;
  padding: 0 0 0 10px;
}

h1 {
  border-bottom: 1px solid #F7D1B2;
}

h2 {
  border-bottom: 1px solid #F7D1B2;
}

html {
  background: #FFFFFF; /*#F7F5F4*/
  color: #002F5E; /*#02305F*/
}

/* Default link styles - separate a:visited for a different visited 
link style */

a,
a:link,
a:visited {
  color: #2A6C99;
}

/* Hover/active link styles. Don't forget :focus for accessibility */

a:hover,
a:focus,
a:active {
  text-decoration: underline;
}

div#header-group-inner.header-group-inner{
	padding-bottom: 0px;
	padding-top: 10px;
}

div#main-wrapper.main-wrapper{
	padding-top: 10px;
}

div#logo {
	float: left;
}

/* Start custom iter-nl css stuff: */

.view-iter-nl-home img {
	margin-right: 8px;
}

.view-iter-nl-home div.attachment h2 {
	margin-top: 15px;
}

.front .view-event-agenda .views-field-title a {
  font-weight: bold;
}
.front .view-event-agenda .views-field-field-event-datum {
  font-style: italic;
}
  
/* End custom iter-nl stuff */

.preface-top a:link, .preface-top a:visited {
    text-decoration: underline;
	color: #27638C;
}
.preface-top-outer {
  -moz-background-clip: border;
  -moz-background-origin: padding;
  -moz-background-size: auto auto;
  border-top: 3px solid #004182;
  background-color: #EA6100; /* old browsers */
  background-image: linear-gradient(
	left, 
	#EA6100 0%, 
	#FFFFFF 100%
  ); /* w3c */
  background-image: -o-linear-gradient(
	left, 
	#EA6100 0%, 
	#FFFFFF 100%
  ); /* opera */
  background-image: -webkit-gradient(
	linear, left top, left bottom, 
	from(#EA6100),
	to(#FFFFFF)
  );  /* webkit */
  background-image: -moz-linear-gradient(
	left, 
	#EA6100 0%, 
	#FFFFFF 100%
  ); /* firefox */
  color: #02305F;
  min-height: 24px;
  padding-top: 10px;
}

/* all IEs */
.ie .preface-top-outer {
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(
	startColorstr=#EA6100, 
	endColorstr=#FFFFFF,
	GradientType=1
  );
  position: relative; /* Required to enable cleartype in IE when using filter */ 
  zoom: 1;
}

/* IE8 */
.ie8 .preface-top-outer {
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(
	startColorstr=#EA6100, 
	endColorstr=#FFFFFF,
	GradientType=1
  );
}

.preface-top-inner {
	color: #02305F;
}

.breadcrumb {
    padding-bottom: 0em;
	padding-left: 0px;
}

.main-wrapper {
  background-color: #F9E9DB; /* old browsers */
  background-image: linear-gradient(
	left, 
	#F9E9DB 0%, 
	#FFFFFF 55px
  ); /* w3c */
  background-image: -o-linear-gradient(
	left, 
	#F9E9DB 0%, 
	#FFFFFF 55px
  ); /* opera */
  background-image: -webkit-gradient(
	linear, left top, left bottom,
	from(#F9E9DB),
	to(#FFFFFF), 
	color-stop(0%, #F9E9DB),
	color-stop(10%, #FFFFFF)
  );  /* webkit */
  background-image: -moz-linear-gradient(
	left, 
	#F9E9DB 0%, 
	#FFFFFF 55px
  ); /* firefox */
  border-top: 0px solid #FFFFFF;
  padding-top: 40px;
}

/* all IEs */
.ie .main-wrapper {
  background: none;
  filter:progid:DXImageTransform.Microsoft.Gradient(
	startColorStr=#F9E9DB, 
	endColorStr=#FFFFFF,
	GradientType=1
  );
  filter:progid:DXImageTransform.Microsoft.GradientWipe(
	gradientSize=0.25
  );
  position: relative; /* Required to enable cleartype in IE when using filter */ 
  zoom: 1;
}

/* IE8 */
.ie8 .main-wrapper {
  -ms-filter:progid:DXImageTransform.Microsoft.Gradient(
	startColorStr=#F9E9DB, 
	endColorStr=#FFFFFF,
	GradientType=1
  );
  -ms-filter:progid:DXImageTransform.Microsoft.GradientWipe(
	gradientSize=0.25
  );
}


.postscript-bottom-wrapper {
  border-top: 3px solid #004182;
  background-color: #EA6100; /* old browsers */
  background-image: linear-gradient(
	left, 
	#EA6100 0%, 
	#FFFFFF 100%
  ); /* w3c */
  background-image: -o-linear-gradient(
	left, 
	#EA6100 0%, 
	#FFFFFF 100%
  ); /* opera */
  background-image: -webkit-gradient(
	linear, left top, left bottom, 
	from(#EA6100),
	to(#FFFFFF)
  );  /* webkit */
  background-image: -moz-linear-gradient(
	left, 
	#EA6100 0%, 
	#FFFFFF 100%
  ); /* firefox */
  color: #FFFFFF;
  min-height: 24px;
  padding: 10px 0;
}

/* all IEs */
.ie .postscript-bottom-wrapper {
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(
	startColorstr=#EA6100, 
	endColorstr=#FFFFFF,
	GradientType=1
  );
  position: relative; /* Required to enable cleartype in IE when using filter */ 
  zoom: 1;
}

/* IE8 */
.ie8 .postscript-bottom-wrapper {
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(
	startColorstr=#EA6100, 
	endColorstr=#FFFFFF,
	GradientType=1
  );
}

.postscript-bottom-wrapper a:link, .postscript-bottom-wrapper a:visited {
    color: #02305F;
    text-decoration: none;
}

form input.form-submit {
  background-color: #02305F; /* old browsers */
  background-image: linear-gradient(
	top, 
	#004182 0%, 
	#02305F 50%,
	#004182 100%
  ); /* w3c */
  background-image: -o-linear-gradient(
	top, 
	#004182 0%, 
	#02305F 50%,
	#004182 100%
  ); /* opera */
  background-image: -webkit-gradient(
	linear, left bottom, left top, 
	from(#004182),
	to(#004182), 
	color-stop(50%, 02305F)
  );  /* webkit */
  background-image: -moz-linear-gradient(
	top, 
	#004182 0%, 
	#02305F 50%,
	#004182 100%
  ); /* firefox */
  border: 1px solid #fff;
  color: #fff;
  cursor: pointer;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;  /* 12px/12px */
  font-weight: bold;
  margin: 0 4px;
  padding: 2px 4px;
  text-transform: uppercase;
  outline: 1px solid #9BABB0;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -moz-outline-radius: 4px;
  -webkit-border-radius: 4px;
}

#block-menu-menu-postscript-bottom-menu ul li{
	/*float: right;*/
	display: inline;
	padding-right: 15px;
}

div.content div.menu-block-wrapper ul.menu ul li{
	padding-left: 10px;
}

div#block-views-company_overview-block.block p{
	margin-top:2px;
}

div#block-views-extern_nieuws-block.block h2{
	background-image: url('../images/rss.png');
	background-repeat: no-repeat;
	background-position: right center;
}

div#block-block-1 {
	width: 55%;
	margin-top: 30px; 
}

div#views_slideshow_cycle_teaser_section_iter_nl_slider-block_slider{
	display: inline-block;
	float: right;
	width: 400px;
	height: 200px;
}

div.content form#views-exposed-form-company-multi-browser-page div{
    max-width: 100%;
}


/* List with no bullet and extra padding
    This is a common style for menus, which removes the bullet and adds more
    vertical padding for a simple list style
 */
.fusion-list-vertical-spacing .inner ul,
.fusion-list-vertical-spacing div.views-row-first {
  margin-top: 5px;
}

.fusion-list-vertical-spacing .inner ul li,
.fusion-list-vertical-spacing div.views-row {
  margin-bottom: 5px;
}

.fusion-list-vertical-spacing .inner ul li ul {
  margin-left: 5px; /* LTR */
}

/* @group Content tabs
/-------------------------------------------------------------- */

#content-tabs {
  background-color: transparent;
  float: left;
  margin: 20px 0;
  padding: 0;
}

#content-tabs ul.primary,
#content-tabs ul.secondary {
  border-bottom: 1px solid #bbb;
  clear: both;
  float: left;
  margin: 0;
  padding: 0 10px;
}

#content-tabs ul.secondary {
  border-bottom: 1px solid #555;
  margin-top: 10px;
  text-transform: lowercase;
}

#content-tabs ul.primary li,
#content-tabs ul.secondary li {
  border-style: none;
  display: inline;
  float: left;
  list-style: none;
  margin: 0 10px;
  padding: 0;
}

#content-tabs ul.primary li a:link,
#content-tabs ul.primary li a:visited,
#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  background-color: transparent;
  border: none;
  color: #000;
  float: left;
  font-weight: bold;
  margin: 0;
  padding: 0 0 6px 0;
  text-decoration: none;
  white-space: nowrap;
}

#content-tabs ul.primary li a:link,
#content-tabs ul.primary li a:visited {
  color: #27638C;
  font-size: 108.3%; /* 13px/12px */
  text-transform: uppercase;
}

#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  color: #555;
}

#content-tabs ul.primary li a.active:link,
#content-tabs ul.primary li a.active:visited {
  border-bottom: 4px solid #E88D51;
  color: #4A95C8;
  padding-bottom: 2px;
}

#content-tabs ul.secondary li a.active:link,
#content-tabs ul.secondary li a.active:visited {
  border-bottom: 4px solid #555;
  color: #777;
  padding-bottom: 2px;
}

#content-tabs ul.primary li a:hover,
#content-tabs ul.primary li a:focus,
#content-tabs ul.secondary li a:hover,
#content-tabs ul.secondary li a:focus {
  border-bottom: 4px solid #777;
  color: #777;
  padding-bottom: 2px;
}

#content-tabs ul.primary li a:hover,
#content-tabs ul.primary li a:focus {
  border-bottom: 4px solid #E88D51;
  color: #4A95C8;
}

/* @end tabs*/


/* @group Top level styling */

.main-menu .fusion-right ul.menu,
.block-superfish.fusion-right ul.sf-menu {
  float: right;
}

.main-menu ul.menu li,
.block-superfish ul.sf-horizontal li {
  background: transparent;
  display: block;
  float: left;
  margin: 0 4px 0 0;
  padding: 0;
  position: relative;
}

.block-superfish ul.sf-horizontal li a:link,
.block-superfish ul.sf-horizontal li a:visited,
.main-menu ul.menu li a:link,
.main-menu ul.menu li a:visited,
.main-menu ul.menu li .nolink {
  background-color: #e1e1e1;
  border: none;
  color: #004182;
  display: block;
  padding: 5px 10px 1px 10px;
  text-decoration: none;
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
}

.block-superfish ul.sf-horizontal li a:hover,
.block-superfish ul.sf-horizontal li a:focus,
.block-superfish ul.sf-horizontal li.sfHover > a:link,
.block-superfish ul.sf-horizontal li.sfHover > a:visited,
.block-superfish ul.sf-horizontal li.active-trail > a:link,
.block-superfish ul.sf-horizontal li.active-trail > a:visited,
.main-menu ul.menu li a:hover,
.main-menu ul.menu li a:focus,
.main-menu ul.menu li.active-trail a:link,
.main-menu ul.menu li.active-trail a:visited {
  background-color: #0059B2; /* old browsers */
  background-image: linear-gradient(
	top, 
	#0059B2 0%, 
	#004182 40%,
	#004182 100%
  ); /* w3c */
  background-image: -o-linear-gradient(
	top, 
	#0059B2 0%,
	#004182 40%, 
	#004182 100%
  ); /* opera */
  background-image: -webkit-gradient(
	linear, left top, left bottom, 
	from(#0059B2),
	to(#004182), 
	color-stop(40%, #004182)
  );  /* webkit */
  background-image: -moz-linear-gradient(
	top, 
	#0059B2 0%, 
	#004182 40%,
	#004182 100%
  ); /* firefox */ 
  color: #fff;
}

/* all IEs */
.ie .block-superfish ul.sf-horizontal li a:hover,
.ie .block-superfish ul.sf-horizontal li a:focus,
.ie .block-superfish ul.sf-horizontal li.sfHover > a:link,
.ie .block-superfish ul.sf-horizontal li.sfHover > a:visited,
.ie .block-superfish ul.sf-horizontal li.active-trail > a:link,
.ie .block-superfish ul.sf-horizontal li.active-trail > a:visited,
.ie .main-menu ul.menu li a:hover,
.ie .main-menu ul.menu li a:focus,
.ie .main-menu ul.menu li.active-trail a:link,
.ie .main-menu ul.menu li.active-trail a:visited {
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(
	startColorstr=#0059B2, 
	endColorstr=#004182,
	GradientType=0
  );
  position: relative; /* Required to enable cleartype in IE when using filter */ 
  zoom: 1;
}

/* IE8 */
.ie8 .block-superfish ul.sf-horizontal li a:hover,
.ie8 .block-superfish ul.sf-horizontal li a:focus,
.ie8 .block-superfish ul.sf-horizontal li.sfHover > a:link,
.ie8 .block-superfish ul.sf-horizontal li.sfHover > a:visited,
.ie8 .block-superfish ul.sf-horizontal li.active-trail > a:link,
.ie8 .block-superfish ul.sf-horizontal li.active-trail > a:visited,
.ie8 .main-menu ul.menu li a:hover,
.ie8 .main-menu ul.menu li a:focus,
.ie8 .main-menu ul.menu li.active-trail a:link,
.ie8 .main-menu ul.menu li.active-trail a:visited {
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(
	startColorstr=#0059B2, 
	endColorstr=#004182,
	GradientType=0
  );
}

/* @end top level */

/* @group Tables
/-------------------------------------------------------------- */

/* Body of tables */

tbody {
  border-top: 1px solid #ccc;
}

/* Header of tables */

thead th,
th {
  border-bottom: 3px solid #ccc;
}

/* Company browser styling */

table th.views-field-field-technologies{
	width: 250px;
}

table td.views-field-field-leaflet{
	width: 50px;
}

table td.views-field-field-procurement-packages{
	width: 120px;
}

table td.views-field-field-references-projects{
	width: 180px;
}

/*
#block-views-ef3dbe6513788af83b984c3364bcaecc{
	margin-top:35px;
}
*/

/* End of company browser styling */

tbody th {
  border-bottom: 1px solid #ccc;
}

/* Alternating row background styles */

tr.even,
tr.even td {
  background-color: transparent;
  border-bottom: 1px solid #F7D1B2;
}

tr.odd,
tr.odd td {
  background-color: transparent;
  border-bottom: 1px solid #F7D1B2;
}

tr.drag td,
tr.drag-previous td {
  color: #000;
}

td {
  padding: 3px;
}


/* @end tables*/

/* @group Pagers
/-------------------------------------------------------------- */

.inner ul.pager {
  margin-left: 0;
}

.inner ul.pager li {
  background: transparent;
  margin: 0 2px;
  padding: 0;
}

.inner ul.pager li a:link,
.inner ul.pager li a:visited,
.inner ul.pager li.pager-current {
  background: #FDFFEF;
  border-color: #02305F;
  color: #02305F;
  font-weight: bold;
  font-size: 108.3%; /* 13px/12px */
  padding: 5px 10px;
}

.inner ul.pager li.pager-current {
  background-color: #D9DBCD;
  color: #EA6100;
  display: block-inline;
  padding: 5px 10px;
}

.ie6 .inner ul.pager li.pager-current,
.ie7 .inner ul.pager li.pager-current {
  margin-right: 2px;
  padding-right: 3px;
}

.inner ul.pager li a:hover,
.inner ul.pager li a:active,
.inner ul.pager li a:focus {
  background-color: #E8D3C5;
  border-color: #02305F;
  color: #EA6100;
}

ul.pager a,
ul.pager li.pager-current {
  border-style: solid;
  border-width: 1px;
  padding: 3px 6px 2px 6px;
  text-decoration: none;
}

ul.pager a:hover,
ul.pager a:active,
ul.pager a:focus {
  border-style: dotted;
  border-width: 1px;
}

/* @end Pagers*/

/* Drupal Messages
/-------------------------------------------------------------- */
div.content-messages div.messages,
div.content-help div.help {
  border: none;
  border-top: solid 6px;
  border-bottom: solid 6px;
  font-weight: bold;
  margin-bottom: 0.5em;
  padding: 5px 5px 5px 20px;
}

div.content-messages-inner div.status {
  background-color: #EAF8E4;
  border-color: #8DC478;
  color: #3E642F;
}

div.content-messages-inner div.warning {
  background: #FFFFDD;
  border-color: #EED300;
  color: #745500;
}

div.content-messages-inner div.error {
  background-color: #FFF2F2;
  border-color: #CC0000;
  color: #B20000;
}

.help,
div.content-help-inner div.help {
  background-color: #E4EEF8;
  border-color: #57718A;
  color: #292929;
}

div.messages ul,
div.content-help .help ul {
  list-style-position: inside;
}

div.messages a:link,
div.messages a:visited,
.help a:link,
.help a:visited,
.help .more-help-link a:link,
.help .more-help-link a:visited {
  color: #333;
  text-decoration: underline;
}

div.messages a:hover,
div.messages a:active,
.help a:hover,
.help a:active,
.help .more-help-link a:hover,
.help .more-help-link a:active,
div.messages em {
  color: #333;
  text-decoration: none;
}