/* general styles */
.wrapheader		{ width: 100%; background-color: #4888da;}
.wrapfooter		{ width: 100%;border-top: 1px solid #003883; background-color: #ccc; }
.wrapfooter2	{ border-top: 20px solid #c0c0c0; background-color: #ccc; }
.wrap			{ width: 100%;}
footer 			{ padding: 10px; background-color: #ccc;  }
header			{ background: #4888da;}
#pagecontent	{ border-left: 0px solid #CCCCCC; border-right: 0px solid #CCCCCC; }

.nav-tabs > li > a {
	background-color: #003883;
}


/*additional btn styles */
.btn-yellow {
    color: #000;
    background-color: #c4e704;
    border-color: #a7c502;
}
.btn-yellow:focus,
.btn-yellow.focus {
  color: #000;
  background-color: #8aa301;
  border-color: #a7c502;
}
.btn-yellow:hover {
  color: #000;
  background-color: #8aa301;
  border-color: #a7c502;
}

/* make sure that panels in rows will have the same height */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.equal {  
    display: -webkit-flex;
    display: flex;
}

.panel100 {
    width: 100%;
    height: 100%;
}

/* NAVBAR CUSTOM */
.navbar .nav > li { 
z-index: 900;
}


a[aria-expanded=true] .fa-bars {
   display: none;
}
a[aria-expanded=false] .fa-times {
   display: none;
}



/* medium / large */
@media only screen and (min-width : 768px){

.navbar .dropdown-menu-market li {
    display: block;
}

.navbar .dropdown-menu-market li  a{
	color: #666;
	font-weight: normal;
}

.navbar .dropdown-menu-market li:before {
    content: "\f0da";
    font-family: 'FontAwesome';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -12px;
    color: #4888da;
}	
.navbar .dropdown-menu-market li.maincat:before {
    content: "";
}	
.navbar .dropdown-menu-market li.maincat {
	margin-left: -12px;
}	
.navbar .dropdown-menu-market li.maincat a {
    font-size: 110%;
	font-weight: bold;
    color: #4888DA;
}
	
#shortcuttop { color: #F5F5F5;}
#shortcuttop a { color: #F5F5F5; }
#shortcuttop a:hover { text-decoration: none; color: #C5C5C5; }

a.dblue{ color: #003883 !important;}
}


@media only screen and (min-width : 992px){
header	{ min-height: 110px;}
	
.navbar {  margin-bottom: 0px; } 
.navbar-default	{ border-width: 0px; }
.navbar-nav {   width: 100%;
  list-style-type: none;
  display: table;
  margin: 0;
  padding: 0; 
 }

.navbar-nav > li { display: table-cell; width: auto; text-align: center; white-space: normal; min-height:70px; border-left: 1px solid #4888da;vertical-align: bottom; float: none;}
.navbar-nav > li:last-child {border-right: 1px solid #4888da;}

.navbar-nav > li a { text-align: center; color: #F5F5F5; white-space: normal !important;min-height:70px;vertical-align: bottom; line-height:1.3; font-weight: bold;}
.navbar-nav > li a:hover , .navbar-nav > li a:focus { color: #003883 !important; white-space: normal !important;min-height:70px;vertical-align: bottom; line-height:1.3; background-color:#F0F0F0 !important;}	
.navbar .navbar-collapse {
 	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
}


/* https://stackoverflow.com/questions/3331353/transitions-on-the-css-display-property */

@-webkit-keyframes fadeIn {
  from { opacity: 0;  }
    to { opacity: 1; }
}
@keyframes fadeIn {
  from { opacity: 0; }
    to { opacity: 1; }
}

 .dropdown:hover ._dropdown-menu {
   display: block;
   border: 1px solid #C0C0C0;
	 border-top: 1px solid #F0F0F0;
   -webkit-animation: fadeIn 1s; 
   animation: fadeIn 1s;
  }


  .show {display:block;}

/* overrule padding for .container class */	
.navbar-default > div { padding-left: 0px !important; padding-right: 0px !important;}

#affixrightbar.affix-top {
	width:300px;
}
#affixrightbar.affix {
    top:10px;
	position:fixed;
	width:300px;
}
#affixrightbar.affix-bottom {
  position: absolute;
  width: 300px;
}

#reporttabbar.affix-top {
	width:620px;
	background-color: #FFFFFF;
}
#reporttabbar.affix {
    top:0px;
	padding: 10px 0 5px;
	position:fixed;
	width:620px;
    background: rgb(255, 255, 255); 
    background: rgba(255, 255, 255, .7);	
	z-index: 920; 
	border-bottom: 1px solid #C0C0C0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);	
}
#reporttabbar.affix-bottom {
  position: absolute;
  width: 620px;
  background-color: #FFFFFF;
}

}


@media only screen and (min-width : 1200px){

.navbar-nav > li { min-height:55px; }
.navbar-nav > li.active { background-color: #F5F5F5; }
.navbar-nav > li a { min-height:55px;}
.navbar-nav > li a:hover , .navbar-nav > li a:focus { min-height:55px;}	
}

@media only screen and (max-width : 991px){

.container {
    width: 100%;
}

.navbar-nav {
margin: 0px 0px;	
}
.navbar {  margin-bottom: 0px; } 


.navbar-default {
    background-color: #4888da;
}
	
.navbar-header {
	margin-left: 0px !important;
	margin-right: 0px !important;	
	max-height: 50px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
background: #F0F0F0;
}


.nav-small-market{
	 border-bottom: 1px solid #CCC;
	 padding: 8px 0px;
	 display: table;	
}


.dropdown .market {
  display: table-cell;
  min-width: 220px;
}
.dropdown .market a{
	font-weight: bold;
	line-height: 30px;
  color: #4888DA;
	white-space: nowrap;
}

.dropdown .main a{
	line-height: 30px;
    padding: 0px 5px;
	color: #003883;
	white-space: nowrap;
}

#affixrightbar.affix {
	position:static;
}
#affixrightbar.affix-bottom {
	position:static;
}
#reporttabbar.affix {
	position:static;
}
#reporttabbar.affix-bottom {
	position:static;
}
}

/*extra large */
@media only screen and (min-width : 1200px){

#affixrightbar.affix-top {
	width:360px;
}
#affixrightbar.affix {
    top:10px;
	position:fixed;
	width:360px;
}
#affixrightbar.affix-bottom {
  position: absolute;
  width: 360px;
}



#reporttabbar.affix-top {
	width:760px;
	background-color: #FFFFFF;
}
#reporttabbar.affix {
    top:0px;
	padding: 10px 0 5px;
	position:fixed;
	width:760px;
    background: rgb(255, 255, 255); 
    background: rgba(255, 255, 255, .8);	
	z-index: 920;
	border-bottom: 1px solid #C0C0C0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);	
}
#reporttabbar.affix-bottom {
  padding: 10px 0 5px;
  position: absolute;
  width: 760px;
}

}


/* Small Devices, Tablets */

@media(max-width: 768px) {
    button.full-width a.full-width {
        width: 100%;  
    }
}



@media only screen and (max-width : 768px) {
  
.nav-small-market{
    display: block;	
 }  


.list-unstyled li {
	margin-bottom: 10 px !important;
}

.breadcrumb > li + li::before {
    padding: 0 0px;
}



}


/* COLORS */
.close 		{opacity: 0.5 !important; }
.white		{ color: #FFF; }

.headerblue 		{ color: #4888da; font-weight: bold;}
.headerblack 		{ color: #000; font-weight: bold;}
.headerdarkblue 	{ color: #003883; font-weight: bold;}
.headergrey 		{ color: #999999;}
.headerlightgrey 	{ color: #CCCCCC;}

/* contact/ share button */

.vcenter {        
        vertical-align:central;
        margin-top:20%;
        font-style:italic;
}


@media only screen and (min-width : 1024px){

.contact-container
{
position: fixed;
top: 125px;
left: 0;
right: auto;
display: inline-block;
margin: 0;
padding: 0;
z-index: 910;
overflow: hidden;
width: 48px;
}
}

@media only screen and (max-width : 1024px) {

.contact-container
{
display: none;
}
}



.reporttabs > li > a {
  padding: 12px 12px;
	background: #003883; 
	margin-left: 3px;
	border-bottom: 1px #4888DA;	
	font-size: 0.9em;
	font-style:italic;
	color: #FFF;
}

.accounttabs > li > a {
  padding: 12px 12px;
	background: #F0F0F0; 
	border-bottom: 1px #4888DA;	
	color: #003883;
}
.accounttabs > li > a.new {
  padding: 12px 12px;
	background: #5cb85c; 
  border-color: #4cae4c;
	color: #FFFFFF;
}


@media only screen and (max-width : 480px) {

.reporttabs > li > a {
    padding: 10px 10px;
}

.accounttabs > li > a {
  padding: 10px 10px;
}
}


.reporttabs > li > a:hover {
	color: #4888DA;
	background: #C0C0C0; 
}

.accounttabs > li > a:hover {
	color: #4888DA;
	background: #F5F5F5; 
}

.reporttabs > li.active > a, .reporttabs > li.active > a:hover, .reporttabs > li.active > a:focus {
	background: #C0C0C0; 
	color: #FFF !important;;
}

.accounttabs > li.active > a, .accounttabs > li.active > a:hover, .accounttabs > li.active > a:focus {
	background: #4888DA; 
	color: #FFF !important;;
}

.accounttabs > li > a.new:hover {
  background-color: #449d44;
  border-color: #398439; 
	color: #FFF !important;;
}

.relatedtabs > li > a  {
  padding: 10px 10px;
	background: #F0F0F0; 
	margin-left: 3px;
	border-bottom: 1px #4888DA;	
	font-size: 0.9em;
	font-style:italic;
	color: #4888da;
}

.relatedtabs > li > a:hover {
	color: #4888DA;
	background: #C0C0C0; 
}

.relatedtabs > li.active > a, .relatedtabs > li.active > a:hover, .relatedtabs > li.active > a:focus {
	background: #FFF; 
	color: #003883;
}



.currencytabs {
border-bottom: 1px solid #C0C0C0 !important;
}

.currencytabs > li > a {
    padding: 5px 5px;
	background: #FFF;
	margin-left: 3px;
	margin-top: 5px;
	border-bottom: 1px #c0c0c0;	
	font-size: 0.9em;
	font-style:italic;
	color: #999;
}

.currencytabs > li > a:hover {
	color: #4888DA;
}

.currencytabs > li.active > a, .currencytabs > li.active > a:hover, .currencytabs > li.active > a:focus {
	color: #999;
	background-color: #FFF;
    border-color: #C0C0C0 #C0C0C0 transparent;

}



/* Panel */

.panel-title {
	font-weight: bold;
	font-style: italic;
}

.img-thumbnail {
	padding: 2px;
}

/* OLD BREADCRUMB */
.breadcrumb {
	padding-top: 10px;
	border-bottom: 1px solid #003883;	
  border-radius: 0px;
  background-color: #F5F5F5;
}

.breadcrumb a {
	color: #4888DA;
	font-size: 1.0em
}

.breadcrumb a.current {
	font-weight: bold;
	font-style: italic;
}


/* NEW BREADCRUMB */

#breadcrumb td{
line-height: 30px;
vertical-align: initial;
}

#breadcrumb h1{
font-size: 18px;
font-style: italic;
}

#breadcrumb h3{
  font-size: 16px;
  font-style: italic;
  }

  @media only screen and (max-width : 768px) {
    #breadcrumb h3{
      font-size: 12px;
      font-style: italic;
      font-weight: normal;
    }
    #breadcrumb h1{
      font-size: 16px;
      font-style: italic;
      }
 
  }


.form-group {
	margin-bottom: 5px;}
	
.fontnormal {
	font-weight:normal ;}	
	
/* CHECKOUT BAR */	
	
.checkout-wrap {
    font-family:'PT Sans Caption', sans-serif;
    margin-top: 20px;
	margin-bottom: 80px;
    z-index: 0;
}
ul.checkout-bar li {
    color: #ccc;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    margin: 30px auto;
    padding: 0;
    text-align: center;
    width: 18%;
}
ul.checkout-bar li:before {
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    background: #ddd;
    border: 2px solid #FFF;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    height: 34px;
    left: 40%;
    line-height: 34px;
    position: absolute;
    top: -40px;
    width: 34px;
    z-index: 1000;
}
ul.checkout-bar li.active {
    color: #003883;
    font-weight: bold;
}
ul.checkout-bar li.active:before {
    background: #4888da;
}
ul.checkout-bar li.lastactive:before {
    background: #4888da;
}

ul.checkout-bar li.visited {
    color: #036c99;
    z-index: 1000;
    background: none;
}
ul.checkout-bar li.visited:before {
    background: #036c99;
    z-index: 1000;
}
ul.checkout-bar li:nth-child(1):before {
    content:"1";
}
ul.checkout-bar li:nth-child(2):before {
    content:"2";
}
ul.checkout-bar li:nth-child(3):before {
    content:"3";
}
ul.checkout-bar li:nth-child(4):before {
    content:"4";
}
ul.checkout-bar li:nth-child(5):before {
    content:"5";
}
ul.checkout-bar li:nth-child(6):before {
    content:"6";
}
ul.checkout-bar a {
    color: #ccc;
    font-weight: 600;
    text-decoration: none;
}
ul.checkout-bar li.active a {
    color: #003883;
}
ul.checkout-bar li.visited a {
    color: #003883;
}
.checkout-bar li.active:after {
    -webkit-animation: myanimation 3s 0;
    background-size: 35px 35px;
    background-color: #4888da;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    content:"";
    height: 15px;
    width: 100%;
    left: 50%;
    position: absolute;
    top: -30px;
    z-index: 0;
}
.checkout-bar li.lastactive:after {
    -webkit-animation: myanimation 3s 0;
    background-size: 35px 35px;
    background-color: #4888da;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    _box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    content:"";
    height: 15px;
    border-radius: 15px;	
		
    width: 100%;
    left: 50%;
    position: absolute;
    top: -30px;
    z-index: 0;
}

ul.checkout-bar {
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    background-size: 35px 35px;
    background-color: #EcEcEc;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    border-radius: 15px;
    height: 15px;
    margin: 0 -15px 0;
    padding: 0;
    position: absolute;
    width: 100%;
}
ul.checkout-bar:before {
    background-size: 35px 35px;
    background-color: #003883;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    content:" ";
    height: 15px;
    left: 0;
    position: absolute;
    width: 14%;
}
ul.checkout-bar li.visited:after {
    background-size: 35px 35px;
    background-color: #003883;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    content:"";
    height: 15px;
    left: 50%;
    position: absolute;
    top: -30px;
    width: 100%;
    z-index: 100;
}	

.paymentbox{
	display: none;
}

.paycc {
	display: block;	
}

.btn-warning:hover {
  background-color: #006400;
}


/* startpage 
- background
- fix for customerscroll flicker
*/

@media only screen and (max-width : 400px){
.bgstart	{
  border-top: #003883 2px solid;
  background: url(/images/bgstart-promo-xs.jpg);
  height: 270px;
  border-bottom: #5c9a4f 5px solid; 
}



.bgstart h2 {
  color: #4888DA;
  font-size: 16px;
  text-shadow: 1px 2px 0px #C0C0C0;
  margin-top: 13px;
  margin-bottom: 13px;
  letter-spacing: 0px; 
}
.bgstart h3 {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 16px;
  text-shadow: 1px 2px 0px #003883;
  margin-top: 13px;
  margin-bottom: 13px; 
  letter-spacing: 0px; 
}

#homedescription
{
  display:none;
}

}

@media only screen and (min-width : 401px) and (max-width: 767px){
.bgstart	{
  border-top: #003883 2px solid;
/*  background: url(/images/bgstart-promo-xs.jpg);*/
/*  height: 270px; */
/*  border-bottom: #5c9a4f 5px solid; */

}	
.bgstart h2 {
  color: #003883;
  font-size: 18px;
  margin-top: 8px;
  margin-bottom: 8px;
  letter-spacing: 1px; 
}
.bgstart h3 {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 18px;
  text-shadow: 1px 2px 0px #003883;
  margin-top: 10px;
  margin-bottom: 10px;
  letter-spacing: 1px; 
}

}

@media only screen and (min-width : 768px) and (max-width: 970px){
.bgstart	{    
  border-top: #003883 2px solid;
  background: url(/images/bgstart-promo-md.jpg);
  background-position: right top;
  height: 240px;
  border-bottom: #5c9a4f 5px solid;
}	

.bgstart h2 {
  color: #003883;
  font-size: 18px;
  margin-top: 13px;
  margin-bottom: 13px;
  letter-spacing: 1px; 
}

.bgstart h3 {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 18px;
  text-shadow: 1px 2px 0px #003883;
  margin-top: 13px;
  margin-bottom: 13px;
  letter-spacing: 1px; 
}

#customerCarouselNav	{
	height:80px;
}	



}

@media only screen and (min-width : 971px) and (max-width: 1199px){
  .bgstart	{
    background: url(/images/bgstart-promo-md.jpg);
    height: 280px;
    border-bottom: #5c9a4f 5px solid;
  }	

  .bgstart li a {
    font-size: 12px;
  }

  .bgstart h2 {
    color: #003883;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    letter-spacing: 2px; 
  }
  
  .bgstart h3 {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 18px;
    text-shadow: 1px 2px 0px #003883;
    margin-top: 12px;
    margin-bottom: 12px;
    letter-spacing: 2px; 
  } 
  
#customerCarouselNav	{
	height:80px;
}	

}


@media only screen and (min-width : 1200px){
.bgstart	{
  background: url(/images/bgstart-promo-xl.jpg);
  height: 320px;
  border-bottom: #5c9a4f 5px solid;
}	
.bgyearend	{
  background: url(/images/bgstart-yearend-xl.jpg) !important;
}	

.bgstart h2 {
  color: #003883;
  font-size: 22px;
  margin-top: 10px;
  margin-bottom: 10px;
  letter-spacing: 2px; 
}
.bgstart h3 {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 22px;
  text-shadow: 1px 2px 0px #003883;
  margin-top: 17px;
  margin-bottom: 17px;
  letter-spacing: 2px; 
}

#customerCarouselNav	{
	height:80px;
}	

}



.panel-default > .panel-heading , .panel-info > .panel-heading {
	color: #FFF;
}


.panel-heading-sm{
    height: 30px;
    padding: 6px 10px;
}

.panel-body-sm{
   padding: 5px 10px;
}

.expand{
    width: 49%;
	margin-left: 1px;
}
.bgtransparentwhite{
	background: rgba(255, 255, 255, 0.7);
}

.bgtransparentdblue{
	background: rgba(17, 56, 126, 0.8);
}

.bgtransparentlblue{
	background: rgba(86, 136, 212, 0.8);
}

.bgtransparentorange{
	background: rgba(255, 102, 0, 0.8);
}

.bgtransparentgreen{
	background: rgba(55, 125, 33, 0.8);
}

.bgtransparentlgrey{
	background: rgba(240, 240, 240, 0.9);
}

.bgstartsearch h2 {
  color: #003883;
  font-size: 22px;
  margin-left: 16px;
  margin-top: 15px;
  margin-bottom: 10px;
  letter-spacing: 2px; 
}




ul.arrow li:before { content: "\2192\00A0"; }



/* Icon when the collapsible content is shown */
.readmore:before {
/*    font-family: "Glyphicons Halflings";
    content: "\e114";*/
content: "Less (-)"
}

/* Icon when the collapsible content is hidden */
.readmore.collapsed:before {
	content: "Read More (+)"
}



/* carousel */
#report-carousel 
{
  padding: 0;
  margin-top: 10px;
}

#report-carousel h2
{
  font-size: 1.4em;	
}


/* Control buttons  */
#report-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
}
/* Previous button  */
#report-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#report-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#report-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 20px;
  margin-right: -19px;
}
/* Changes the color of the indicators */


#report-carousel .carousel-indicators li 
{
  border: 0px solid #fff !important;
  background: #c0c0c0;
}
#report-carousel .carousel-indicators li.active 
{
  background: #4888da !important;;
}
#report-carousel img
{
  height: 120px
}
/* End carousel */


/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 750px and up) */
@media (min-width: 768px) { 
    #report-carousel 
    {
      margin-bottom: 0;
      padding: 0;
    }
    
}

/* Small devices (tablets, up to 750px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */

    #report-carousel {
        margin-bottom: 30px !important;  

    }
    
    #report-carousel .carousel-indicators {
        bottom: -20px !important;  

    }

    #report-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #report-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
	
	.xs-mt10 {margin-top: 10px !important; }
	.xs-mb10 {margin-bottom: 10px !important; }
}

.modal {
  text-align: center;
  z-index: 1100;

}

/* Container needed to position the overlay. Adjust the width as needed */
.containersamplemodal {
  position: relative;
  width: 100%;
  max-width: 400px;
}

/* The overlay effect (full height and width) - lays on top of the container and over the image */
.overlaysamplemodal {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .3s ease;
  background-color: #003883;
}

/* When you mouse over the container, fade in the overlay icon*/
.containersamplemodal:hover .overlaysamplemodal {
  opacity: 0.95;
}

/* The icon inside the overlay is positioned in the middle vertically and horizontally */
.icon {
  color: white !important;
  text-decoration: none ! important;
  font-size: 1.4em;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

/* When you move the mouse over the icon, change color */
.fa-user:hover {
  color: #eee;
}






@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 80%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}


.jumbotron-yearend	{
background: #F0F0F0;	
}

.jumbotron-yearend h1	{
font-weight: bold;	
color: #003883;
}	
.jumbotron-yearend p {
color: #4888DA;
}

.jumbotron-blackfriday	{
background: #000000;	
}

.jumbotron-blackfriday h1	{
font-weight: bold;	
color: #FFF;
}	
.jumbotron-blackfriday p {
color: #FFF;
}


.text-nowrap-xs {
  white-space: normal;
}

.text-nowrap-sm {
  white-space: normal;
}

.text-nowrap-md {
  white-space: normal;
}

.text-nowrap-lg {
  white-space: normal;
}

@media(max-width: 768px) {
.text-nowrap-xs {
  white-space: nowrap;
}
}
@media only screen and (min-width : 768px){
.text-nowrap-sm {
  white-space: nowrap;
}
}

@media only screen and (min-width : 992px){
.text-nowrap-md {
  white-space: nowrap;
}
}

@media only screen and (min-width : 1200px){  
.text-nowrap-lg {
  white-space: nowrap;
}
}

#filter .dropdown-menu {
  background-color: #F5F5F5;
}
#filter .dropdown-menu a {
  color: #666;
}
#filterkeywordsearch .form-control{
  color: #4888da !important;
}


.btn-circle {
  width: 34px;
  height: 34px;
  text-align: center;
  padding: 6px 0;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 17px;
}
.btn-circle.btn-lg {
  width: 40px;
  height: 40px;
  padding: 7px 8px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 20px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

.cartbadge {
  top: -16px !important;  
}


.center-block {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.input-group .icon-addon .form-control {
  border-radius: 0;
}

.icon-addon {
  position: relative;
  color: #555;
  display: block;
}

.icon-addon:after,
.icon-addon:before {
  display: table;
  content: " ";
}

.icon-addon:after {
  clear: both;
}

.icon-addon.addon-md .glyphicon,
.icon-addon .glyphicon, 
.icon-addon.addon-md .fa,
.icon-addon .fa {
  position: absolute;
  z-index: 2;
  left: 10px;
  font-size: 14px;
  width: 20px;
  margin-left: -2.5px;
  text-align: center;
  padding: 8px 0;
  top: 1px
}

.icon-addon.addon-lg .form-control {
  line-height: 1.33;
  height: 46px;
  font-size: 18px;
  padding: 10px 16px 10px 40px;
}

.icon-addon.addon-sm .form-control {
  height: 30px;
  padding: 5px 5px 5px 28px;
  font-size: 12px;
  line-height: 1.5;
}

.icon-addon.addon-lg .fa,
.icon-addon.addon-lg .glyphicon {
  font-size: 18px;
  margin-left: 0;
  left: 11px;
  top: 4px;
}

.icon-addon.addon-md .form-control,
.icon-addon .form-control {
  padding-left: 30px;
  float: left;
  font-weight: normal;
}

.icon-addon.addon-sm .fa,
.icon-addon.addon-sm .glyphicon {
  margin-left: 0;
  font-size: 12px;
  left: 5px;
  top: -1px
}

.icon-addon .form-control:focus + .glyphicon,
.icon-addon:hover .glyphicon,
.icon-addon .form-control:focus + .fa,
.icon-addon:hover .fa {
  color: #4888da;
}


.catblock h1			{ color: #4888da; font-style: italic; font-weight: bold;}
.catblock h1 .small		{ font-size: 0.7em !important; font-weight: bold; font-style: normal;}
.catblock h2			{ line-height:1.4; color: #666666 ;font-weight: bold ;}
.catblock h3			{ padding-top:5px; padding-left: 5px; padding-right: 10px; line-height:1.4; font-size: 12px!important; font-style: italic; height:22px}
.catblock h1 a, .catblock h2 a, .catblock h3 a {color: #4888da !important;  display: block;} 
.catblock ul 			{ padding-left: 10px; } 
.catblock ul li			{ padding-top:2px; padding-bottom: 2px; display:inline; }
.catblock ul li	ul li	{ border-top: 1px dashed #F0F0F0; padding-top:2px; padding-bottom: 2px;line-height:1.3em; float:left; display:inline; font-size: 11px; font-style: normal !important; width: 100%;}
.catblock .nolink 		{ color: #C0C0C0;}
.catblock ul .quantity	{ float:right; display: block; color: #999999 !important;}
.catblock ul li ul li:hover	{ background-color:#F0F0F0; }
.catblock ul li ul li.nolink:hover	{ background-color:transparent !important; }
.catblock ul li ul li:last-child	{ border-bottom: 1px dashed #F0F0F0; }
.catblock a:hover 		{ text-decoration: none!important ; }
.catblock ul li a 		{ display: block; float: left; clear: both;}
.catblock ul li ul li a { color:#000;font-weight: normal !important; display: block; float: left;}
.catblock .catdesc h2, .catblock .catdesc h3, .catblock .catdesc h4	{ font-size: 12px; margin-bottom: 2px; color: #333;}


footer a {text-decoration: none;color: #666666 !important;font-weight: normal;}
footer h5 {text-decoration: none;color: #666666 !important;font-weight: bold;font-size: 11px; margin-bottom:5px; font-style: italic;}
footer address {font-style:normal !important;}

/* Global styles */
hr { background:none; height:1px; border:0px; border-top:1px solid #C0C0C0; }

/* Main content area */
#main 					{ vertical-align: top; text-align:left; padding: 0px; margin: 0px; min-height:300px; position: relative; }

/* Main area text styles */


/*Overzicht reports*/
#main .overview				{ font-size: 11px; padding: 0px 22px 20px 20px; }
#main .overview .title 		{ font-size: 11px;margin-bottom: 5px !important;}
#main .overview a:hover 	{ background-color:#F0F0F0;}


.filter_cont p		{ color: #666;}
.filter_cont ul 	{ padding: 0; margin-left: 0 !important; list-style-type: none;}
.filter_cont ul li 	{ display: block; font-size: 12px;}


.filter_cont ul.hide 	{ display: none;}

.filter_cont li ul 		{ margin-left: 1px !important;}

.navbar li.active .nolink	{ color: #4888da; font-weight: normal; font-style: italic;}
.navbar li.active>a			{ font-weight: bold ; color: #4888da !important;}
.navbar li.active span.active { font-weight: bold !important; font-style: italic;}
.navbar li.active:after		{ content:'' !important;}
.navbar li.active a.orange	{ font-weight: bold !important; color: #FF6600 !important;}
.navbar li.active:before	{ 
	border-color: #4888da !important;
}

li.stap 				{ color:#CCC !important;font-size: 11px !important; margin-top: 0px;}
li.stap a				{ font-weight: normal; color:#666;}
li.stap a:before		{ content:''; font-weight: normal;}



li.stap1 				{ color: #C0C0C0; font-weight: normal; margin-top: 0px;}


.noborder				{ border-top: 0px solid #F0F0F0; }
li.stap1:after			{ content:' [+]'; font-size:9px;}
.filter_cont .nolink	{ color: #C0C0C0;}

li.stap1 a			{ color: #666;}


li.stap2			{ font-size: 12px !important; font-weight: normal; margin-left: 0px; padding: 0px 0px 0px 12px !important; margin-top: 2px;}
li.stap2 a			{ color: #000000 ;}
li.stap2:after	{ content:' [+]';font-size:9px;}
li.stap2:before	{ 
	border-color: #CCC;
    border-style: solid;
    border-width: 0 0 3px 3px;
    content: " ";
    display: inline-block;
    height: 0.6em;
    margin-left: -1em;
    margin-right: 0.5em;
    vertical-align: 0.25em;
    width: 0.6em;
}

li.stap3			{ font-size: 11px !important; font-weight: normal; margin-left: 0px; padding-left: 10px !important;}
li.stap3 a		{ color: #000000; }
li.stap3:before	{ 
	border-color: #CCC;
    border-style: solid;
    border-width: 0 0 1px 0;
    content: " ";
    display: inline-block;
    height: 0.5em;
    margin-left: -1em;
    margin-right: 0.4em;
    vertical-align: 0.25em;
    width: 0.5em;
}




.filter_cont .quantity	{ padding-top:1px;color: #CCC; display: block;float: right;width: 35px;text-align: right;font-weight: normal !important;font-size: 10px;}





.activefilters 		{ display: block;margin:15px 0 15px 0; padding-left:15px;}
.activefilters li		{ display: inline; font-size: 11px;list-style-type:none;margin: 0 5px 2px 0;}
.activefilters li a	{ padding: 2px 20px 2px 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #003883; text-decoration: none;color: #F0F0F0;background: #003883 no-repeat url(../images/activefilter_cross.png) right;}
.activefilters li.special a	{background-color: #FF6600 !important;}
.activefilters li a:hover,
.activefilters li a:active,
.activefilters li a:focus { text-decoration:line-through; color: #FFF; background: #999 no-repeat url(../images/activefilter_cross.png) right;  }


#listheadertab:before, #listheadertab:after, #listheadertab > ul:before, #listheadertab > ul:after { content: ''; display: table; }
#listheadertab:after, #listheadertab > ul:after 					{ clear: both; }
#listheadertab 									{ border-radius: 0px; width: auto; }

#listheadersort{
text-align:right !important; 
margin-top: 0px;
padding-top: 4px;
padding-right: 10px;
}


#listheadersort label 	{    font-size: 10px; color:#C0C0C0;padding-bottom: 2px;width: 100px;	vertical-align: middle;	margin-top: 0px;text-align: right;font-weight: normal; font-style: italic;margin-right: 5px;}


#listheadersort select { 
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
	margin-top: 2px;
	background-color: #FFF !important;	
		}


.overview .list .reports 			{ padding: 10px 10px 5px 10px;list-style-type: none;}
.overview .list .reports li			{ border-bottom: 1px #F0F0F0 solid; padding: 10px 0 10px 0; }
.overview .list .reports li:last-child	{ border-bottom: 0px solid #F0F0F0; }
.overview .list .reports li:hover	{ background-color: #F0F0F0; _cursor: pointer;}
.overview .list .reports li.nohover:hover	{ background-color: transparent !important; }
.overview .list .reports li .reporttitle { font-weight: normal;color: #003883;display : inherit; font-size: 1.4em;margin-bottom: 4px;}
.overview .list .reports li .reporttitle a 	{color: #003883; }

.overview .list .reports li .reportsubtitle { color: #999999;display : inherit; font-size: 1.1em;font-style: italic;}
.overview .list .reports li .reporttext { color: #999999;display : inherit; font-size: 1.0em;}
.overview .list .reports li .covidtext { color: #4888da; display : inherit; font-size: 1.1em; margin-top: 2px;}
.overview .list .reports li .reportcoverimg {box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19);}


.overview .list .reports li .rank 	{ float: right;width: 30px;text-align: right; padding: 5px 0px 5px 0px; font-weight: normal !important;font-size: 11px !important;}
.overview .list .reports li img.overview_image 	{ width: 50px; background: #FFFFFF;}
@media only screen and (max-width : 1170px) {
.overview .list .reports li img.overview_image 	{ width: 40px;}
}


.overview .list .events 			{ padding: 10px 10px 5px 10px;list-style-type: none;}
.overview .list .events li			{ border-bottom: 1px #F0F0F0 solid; padding: 10px 0 10px 0; }
.overview .list .events li:last-child	{ border-bottom: 0px solid #F0F0F0; }
.overview .list .events li:hover	{ background-color: #F0F0F0;}
.overview .list .events li a 		{ text-decoration: _underline !important; color: #003883;font-weight: bold; font-size: 1.1em;}
.overview .list .events li .rank 	{ float: right;width: 30px;text-align: right; padding: 5px 0px 5px 0px; font-weight: normal !important;font-size: 11px !important;}
.overview .list .events li img.overview_image 	{ width: 90px; background: #FFFFFF;}
@media only screen and (max-width : 1170px) {
.overview .list .events li img.overview_image 	{ width: 60px;}
}




.news-tabs > li > a {
	padding: 5px 10px;
}

.overview .news 				{ }
.overview .news li				{ display: block; border-bottom: 1px #F0F0F0 solid; padding: 2px 0 2px 0; }
.overview .news li:hover		{ background-color: #F0F0F0;}
.overview .news li a:hover		{  }
.overview .news li .date 		{ float: right;width: 100px;text-align: right; padding: 5px 0px 5px 0px; font-weight: normal !important;font-size: 11px !important;}

.overview .news li img.overview_image { width: 70px; background: #FFFFFF;}

.overview .news li .newstitle { font-weight: normal;color: #003883;display : inherit; font-size: 1.4em;margin-bottom: 4px;}
.overview .news li .newstitlesmall { font-weight: normal;color: #003883;display : inherit; font-size: 1.2em;margin-bottom: 4px;}
.overview .news li .newssubtitle { color: #999999;display : inherit; font-size: 1.1em;font-style: italic;}
.overview .news li .newstext { color: #999999;display : inherit; font-size: 1.0em;}
.overview .news li .newsimg {box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19); width: auto !important; max-height: 80px !important;}








/* detailpages */
.detail 			{ _padding-left: 20px;	_padding-right: 22px; padding-top: 0px;}
.detail h1 			{ width: auto;}
.detail h2 			{ font-weight: normal !important; font-size: 12px; width: auto;}
.detail a			{}

.detail .subtitle		{ color: #999 !important; margin-top: 10px !important;} 
.detail h3, #main .detail h4, #main .detail h5, #main .detail h6 { margin-bottom: 10px;}
.detail p 			{ margin-bottom: 20px;}
.detail .info 		{ float: left; width: 600px;font-size: 11px ;  }
.detail .info ul		{ padding-left: 11px; list-style-type:square;}
.detail .info ol		{ padding-left: 15px; }

.detail .info li		{ padding-bottom:2px;padding-top:2px;}


/* content area styles */

.content 			{ }


.captcha 		{  -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color: #F0F0F0;border: solid 1px #C0C0C0;line-height: 150%;
padding: 5px;padding-left: 10px;margin-left: 15px;width: 400px;}


.overview .list .topnews		{ list-style-type:none; margin: 0; padding: 10px 10px 5px;}
.overview .list .topnews li	{ border-bottom: 1px solid #F0F0F0; padding: 5px 0 5px 0 !important; line-height:1.5em; float:left; display:inline; font-size: 11px; font-style: normal !important; width: 100%;}
.overview .list .topnews li:hover	{ background-color:#F0F0F0; }
.overview .list .topnews li:last-child	{ border-bottom: 0px solid #F0F0F0; }
.overview .list .topnews li a {display:block;}
.overview .list .topnews li a:hover {text-decoration: none;}

.overview .list .topnews li a.topnews_title { color: #003883; font-size:14px ; font-weight: bold; padding: 10px 10px 5px 5px ;}
.overview .list .topnews li a.topnews_content { color: #333333; padding: 0 10px 10px 5px;}
.overview .list .topnews li a:hover.topnews_content { color: #000 !important;}



/* tabArea zie asdreports_NO_IE7.css */

/* General styles */
.menuhdr{ 	color : #000000;
	font-size: 11px;
	font-weight : bold;
	border-bottom: 1px solid #C0C0C0;
	border-top: 0px solid #C0C0C0;
	border-left: 0px solid #C0C0C0;
	border-right: 0px solid #C0C0C0;
	padding: 1px;
	margin: 0px;
}
.menubdr{
	background-color : #C0C0C0;
}
.dashed{
	border-left : 1px solid #c0c0c0;
	border-right : 1px solid #c0c0c0;
	border-bottom : 1px solid #c0c0c0;
	background-color : #FFFFFF;
}

#cartbar {
	border: 1px solid #003883;
	background-color: #FFFFFF;
	float: right;
	width: 220px;
	height: 48px;
	padding: 0px;
	font-size: 90%;
	margin: 5px;
/*	position		: absolute;
	top			: 5px;
	right			: 10px;*/
}
#cartbar p {
	padding: 2px;
	padding-left: 5px;
	padding-top: 3px;
	font-size: 90%;
	margin: 0px;
	height: 36px;
	vertical-align: top;
	line-height: 1.5;
}
#cartbar a {
	text-decoration: underline;
}

hr.feature {
	margin: 0px !important;
	padding: 0px !important;
	margin-top: 3px !important;
	margin-bottom: 3px !important;
	background:none; 
	height:1px; 
	border:0px; 
	border-top:1px solid #E0E0E0 !important; 	
}

.clearit 			{clear: both;height: 0;line-height: 0;font-size: px; /*for IE*/}
.detaillist 		{ }
.detaillist td 		{ padding-top: 2px;padding-bottom: 2px;vertical-align: top;font-size: 11px;}
.detailprice 		{ float: right;}


/* Extra styles for category navigation */
#catnav ul { margin: 6px 15px; }


/* recentviewed items*/

.recentviewed 	 		{ }
.recentviewed div 		{ padding:0px;background-color:#FFF;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px}
.recentviewed div ul	{ background-color:#FFF;padding:5px;margin: 0 !important;vertical-align:top !important;}
.recentviewed div ul li	{ background-image:none !important;padding:0px !important;margin-right: 10px;display:inline-block !important;width:270px; vertical-align:top !important;}
.recentviewed a			{  color: #000000 !important;} 

/* related items*/

.related 	 			{ }
.related div 			{ padding:0px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px}
.related div ul			{ padding:10px 5px 10px 5px;margin: 0 !important;vertical-align:top !important;}
.related div ul li		{ background-image:none ;padding:0px ;margin-right: 10px;display:inline-block;width:400px; vertical-align:top ;}
.related a				{  color: #000000 !important;} 

/* related press release */




/*formats the display of the form elements throughout the front end*/
.imgbtn 			{ border:0px; }
.txtfield			{ background-color: #FFFFFF;color: #003883;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;font-weight: normal;border: 1px solid #003883;}
.txtfielddropdown	{ background-color: #FFFFFF;color: #003883;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;font-weight: normal;border:1px solid #003883;}


.license 	{ color: #003883;font-size: 10px;font-weight: bold;text-decoration: none; margin-right: 25px; display: inline; }

.small 		{ font-size: 90%;}



.page 				{ color: #666666 !important;}
.overview select	{ background-color: #FFFFFF;color: #003883;border: 1px solid #999999;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;font-weight: normal;padding: 0px;padding-left: 5px;margin-bottom: 5px;} 
.error 				{ -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color: #990000;color: #FFF;border: solid 3px #990000;padding: 10px 10px 10px 10px;line-height: 150%;}

.message 			{ -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color: #F0F0F0;color: #990000;border: solid 1px #003883;padding: 10px 10px 10px 10px;;line-height: 150%;}
.noline 			{text-decoration: none !important; border-bottom:0px !important;}
.red 				{color: #990000 !important;}
.grey 				{color: #666666 !important;}
.lgrey 				{color: #999999 !important;}
.green 				{color: #006600 !important;}
.white 				{color: #FFFFFF !important;}
.lightblue 			{color: #4888da !important;}	
.blue 				{color: #003883 !important;}	


/* Right */

.rightbox {
	-webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px;
	font-size: 11px;
	margin-left: 0px;;
	margin-right: 0px;
	margin-top: 0px;
	clear: right;
}
ul.rightbox { padding: 0 5px 0 5px !important;}

.reportcover {
	display: block;
	background: url(../images/bg_nocover.jpg) no-repeat bottom #FFF;
	margin: 10px;
	padding: 20px 10px 10px 10px; 
	height:240px; 
	font-size: 10px;
	border: 1px solid #C0C0C0;
}

.rightbox p {
	margin: 0px !important;
	padding: 10px !important;	
	font-size: 100% !important;
	color: #666666 !important;
}
.rightbox ul 			{ margin: 0px !important; padding: 0px !important; }
.rightbox a 			{ text-decoration: none !important;border-bottom: 1px solid #C0C0C0; }
.rightbox a:hover		{ text-decoration: none !important; }
.rightbox li 			{ padding: 2px 5px 2px 5px; list-style-type:none;}
.rightbox li.link 		{ border-bottom: 1px dashed #C0C0C0 !important;padding-top: 5px!important;padding-bottom: 7px!important;font-weight: normal !important;} 
.rightbox li.link:last-child { border-bottom: 0px dashed #C0C0C0 !important;} 

ul.rightbox .newscat			{ padding: 8px 5px 8px 5px !important; }
ul.rightbox .newscat a		{ border-bottom: 0px solid #C0C0C0; color:#4888DA;}
ul.rightbox .newscat a:hover	{ color:#003883;}
ul.rightbox .newscat a:before	{ content:'\00BB\00A0';}

ul.rightbox .newscatactive			{ padding: 8px 5px 8px 5px !important; }
ul.rightbox .newscatactive a			{ border-bottom: 0px solid #C0C0C0; color:#003883; font-weight:bold;}
ul.rightbox .newscatactive a:hover	{ color:#003883;}
ul.rightbox .newscatactive a:before	{ content:'\00AB\00A0';}

ul.rightbox  .rss				{ float: right;}
ul.rightbox  .rss a:before	{ content:'';}

.rightbox .subtitle			{ text-transform: capitalize;margin: 0px;padding: 0px;}


.title_box p,.title_box h1,.title_box h2,.title_box h3   				{	margin: 0px !important;padding: 0px !important;font-size: 13px !important;color: #FFFFFF !important;font-weight: bold;font-style: italic;padding-left: 10px !important;height: 26px;line-height: 26px;-webkit-border-radius: 5px 15px 0px 0px;-moz-border-radius: 5px 15px 0px 0px;border-radius: 5px 15px 0px 0px;}
.title_box .asd 		{ border:1px solid #003883;background-color:#003883;}
.title_box .lblue 		{ border:1px solid #4888DA;background-color:#4888DA;}
.title_box .lblue_rt 	{ border:1px solid #4888DA;background-color:#4888DA;}
.title_box .orange 		{ border: 1px solid #FF6600;background: #FF6600;}
.title_box .lgrey 		{ border: 1px solid #C0C0C0;background: #C0C0C0;}
.title_box .grey 		{ border: 1px solid #999;background: #999;}


#shortcut 			{ font-size: 85%;float: right; padding-right: 10px; padding-left: 15px; width: 180px ;}
#shortcut a 		{ text-decoration: none; }
#shortcut a:hover 	{ text-decoration: none; }

ul.sitelinks			{ list-style-type: none !important; 
						  vertical-align:bottom !important;
						  margin-left: 0px;
						  padding-left: 0px;}
ul.sitelinks li			{ background: url(../images/ico_sitelink.png) no-repeat 0.5em 0.5em ;
						  height: auto !important;
						  padding-left: 20px !important;
						  padding-bottom: 2px !important;
    					  padding-top: 2px !important;
						}

ul.sitelinks li a		{ color: #000000 !important; }
ul.sitelinks li a:hover	{ color: #4888da !important; }

ul.sitelinks li.active	{ background: url(../images/ico_sitelink_active.png) no-repeat 0em 0.5em !important;
						}
ul.sitelinks li.active a { color:#003883 !important; font-weight: bold; text-decoration: none !important;}						





.roundedbox			{ margin: 0; padding:10px 5px 10px 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border: 1px solid #E0E0E0;}

#newsletteroptions .active    { background-color: #FFFFFF !important; color: #003883 !important;}

.newsletterblocktoggle {
	display: none;
}
.newsletterblocktoggle.first {
    display: block;
}

#categories .bttn_on		{ background-image:url(../images/bg_bttn_on2_cat_subscribe.png); background-repeat:no-repeat; background-position: right 5px top 5px; }
#categories .bttn_off		{ background-repeat:no-repeat; background-position: right 5px top 5px;}


#categories .ShowCatBlock			{ background-color: #E0E0E0; cursor: pointer;}
#categories .ShowCatBlock:hover		{ background-color: #C0C0C0; background-image:url(../images/bg_bbtn_active_cat_subscribe.png) !important; background-position: right 10px top 10px !important;}
#categories .bttn_active			{ background-color: #FFFFFF !important; background-image:url(../images/bg_bbtn_active_cat_subscribe2.png) !important; background-repeat:no-repeat; background-position: right 10px top 10px;cursor: default !important;}





.bgblack{ background:#000000 !important;}
.bggrey				{ background:#C0C0C0 !important; }
.bgdgrey			{ background:#999999 !important;}
.bgdgrey90			{ background:#999999 !important;opacity: 0.90;  /* Opacity for Modern Browsers */ filter: alpha(opacity=90);  /* Opacity for IE8 and lower */ zoom: 1;  /* Fix for IE7 */}
.bgwhite90			{ background:#FFFFFF !important;opacity: 0.90;  /* Opacity for Modern Browsers */ filter: alpha(opacity=90);  /* Opacity for IE8 and lower */ zoom: 1;  /* Fix for IE7 */}
.bgwhite85			{ background:#FFFFFF !important;opacity: 0.85;  /* Opacity for Modern Browsers */ filter: alpha(opacity=85);  /* Opacity for IE8 and lower */ zoom: 1;  /* Fix for IE7 */}

.bgwhite80 			{ background-color: rgba(255,255,255,0.8);}
._bgwhite90 		{ background-color: rgba(255,255,255,0.9);}
._bgdgrey90			{ background-color: rgba(153,153,153,0.9);}

.bgmgrey			{ background:#E0E0E0 !important; }
.bglgrey			{ background:#F0F0F0 !important; }
.bglgrey1			{ background:#E5E5E5 !important; }
.bglgrey2			{ background:#C0C0C0 !important; }


.bglblue			{ background:#4888da !important; }
.bglblue p			{ color: #FFFFFF; }
.bgdblue			{ background:#003883 !important; }
.bgwhite			{ background:#FFFFFF !important; }
.bgwhite95			{ background:#FFFFFF !important;opacity: 0.95;  /* Opacity for Modern Browsers */ filter: alpha(opacity=95);  /* Opacity for IE8 and lower */ zoom: 1;  /* Fix for IE7 */}
.bgred				{ background:#E00000 !important; }
.bgorange			{ background:#F60 !important; }




/* General override styles */
.ac 	{ text-align:center !important; }
.ar 	{ text-align:right !important; }
.al 	{ text-align:left !important; }
.fr 	{ float:right !important; }
.fl 	{ float:left !important; }
.db		{ display:block !important;}
.vt 	{ vertical-align:top !important; }
.vm 	{ vertical-align:middle !important; }
.vb 	{ vertical-align:bottom !important; }
.cb 	{ clear: both;display: block;font: 1px/0px serif;content: ".";height: 0;visibility: hidden;}
.smlpad { padding:15px !important; }
.bold 	{ font-weight: bold !important;}


/* CUSTOM MARGINS */
.m15		{ margin: 15px !important;}

.mb5		{ margin-bottom: 5px !important;}
.mb10		{ margin-bottom: 10px !important;}
.mb15 		{ margin-bottom: 15px !important;}
.mb35 		{ margin-bottom: 35px !important;}
.mb20 	{ margin-bottom: 20px !important;}
.mb25		{ margin-bottom: 25px !important;}
.mb40	{ margin-bottom: 40px;}
.mb50		{ margin-bottom: 50px !important;}




.mt5		{ margin-top: 5px !important;}
.mt10		{ margin-top: 10px !important;}
.mt25		{ margin-top: 25px !important;}
.mt40		{ margin-top: 40px;}
.mt50		{ margin-top: 50px !important;}
.mt75		{ margin-top: 75px !important;}
.mt200		{ margin-top: 200px !important;}
.mt250		{ margin-top: 250px !important;}

.ml0		{ margin-left: 0px !important;}
.ml5		{ margin-left: 5px !important;}
.ml10		{ margin-left: 10px !important;}
.ml20		{ margin-left: 20px !important;}

.mr0		{ margin-right: 0px !important;}
.mr5		{ margin-right: 5px !important;}
.mr10		{ margin-right:10px !important;}
.mr20		{ margin-right:20px !important;}
.mr30		{ margin-right:30px !important;}


.pt5		{ padding-top: 5px !important;}
.pt10		{ padding-top: 10px !important;}
.pt25		{ padding-top: 25px !important;}
.pt50		{ padding-top: 50px !important;}




.mh80	{ min-height: 80px;}
.m0			{ margin: 0px !important;}
.m5 	{ margin: 5px !important;}
.mb3	{ margin-bottom: 3px; }
.mb0 	{ margin-bottom: 0px !important;}
.mb5 	{ margin-bottom: 5px !important;}
.mb10 	{ margin-bottom: 10px !important;}
.mb2 	{ margin-bottom: 2px !important;}
.mb15 	{ margin-bottom: 15px !important;}
.mb20 	{ margin-bottom: 20px !important;}
.mb30 	{ margin-bottom: 30px !important;}
.mr5 	{ margin-right: 5px !important;}
.m10 	{ margin: 10px !important;}
.ml5 	{ margin-left: 5px !important;}
.ml10 	{ margin-left: 10px !important;}
.ml15 	{ margin-left: 15px !important;}
.ml25 	{ margin-left: 25px !important;}
.ml80	{ margin-left: 80px !important;}
.ml200	{ margin-left: 200px !important;}
.ml40	{ margin-left: 40px !important;}
.mr1 	{ margin-right: 1px !important;}
.mr3 	{ margin-right: 3px !important;}
.mr5	{ margin-right: 5px !important;}
.mr10 	{ margin-right: 10px !important;}
.mr15 	{ margin-right: 15px !important;}
.mr20 	{ margin-right: 20px !important;}
.mr25 	{ margin-right: 25px !important;}
.mr50 	{ margin-right: 50px !important;}
.mr125 	{ margin-right: 125px !important;}
.mt0 	{ margin-top: 0px !important;}
.mt2 	{ margin-top: 2px !important;}
.mt3 	{ margin-top: 3px !important;}
.mt5 	{ margin-top: 5px !important;}
.mt8 	{ margin-top: 8px !important;}
.mt10 	{ margin-top: 10px !important;}
.mt15 	{ margin-top: 15px !important;}
.mt20 	{ margin-top: 20px !important;}
.mt25 	{ margin-top: 25px !important;}
.mt30 	{ margin-top: 30px !important;}
.mt35 	{ margin-top: 35px !important;}


@media(max-width: 768px) {
	.mb5-xs  {
		margin-bottom: 5px !important;
	}
	.mb10-xs  {
		margin-bottom: 10px !important;
	}
	.mt200-xs  {
		margin-top: 200px !important;
	}
	.pull-left-xs {
		float: left;
	}
	 .pull-right-xs {
		float: right;
	}

}

@media only screen and (min-width : 768px) and (max-width: 970px){
	.mt10-sm  {
		margin-top: 10px !important;
	}
	.mt65-sm  {
		margin-top: 65px !important;
	}
	.mt120-sm  {
		margin-top: 120px !important;
	}	
	.pull-left-sm {
		float: left;
	}
	 .pull-right-sm {
		float: right;
	}
	.img-news{
		max-width: 40%;
		max-height: 400px;
		width: auto;
	}
}

@media only screen and (min-width : 971px) and (max-width: 1199px){
	.mt30-md  {
		margin-top: 30px !important;
	}
	.mt100-md  {
		margin-top: 100px !important;
	}
	.mt170-md  {
		margin-top: 170px !important;
	}
	.pull-left-md {
		float: left;
	}
	 .pull-right-md {
		float: right;
	}
	.img-news{
		max-width: 40%;
		max-height: 400px;
		width: auto;
	}	
}


@media only screen and (min-width : 1200px) {
	.mt30-lg  {
		margin-top: 30px !important;
	}
	.mt120-lg  {
		margin-top: 120px !important;
	}
	.mt210-lg  {
		margin-top: 210px !important;
	}
	.pull-left-lg {
		float: left;
	}
	 .pull-right-lg {
		float: right;
	}

	.img-news{
	max-width: 50%;
	max-height: 400px;
	width: auto;
	}
}



.p0		{ padding: 0px !important;}
.p5		{ padding: 5px !important;}
.p10	{ padding: 10px !important;}
.p15    { padding: 15px !important;}
.pb5 	{ padding-bottom: 5px !important;}
.pb10 	{ padding-bottom: 10px !important;}
.pb20 	{ padding-bottom: 20px !important;}
.pl0 	{ padding-left: 0px !important;}
.pl5 	{ padding-left: 5px !important;}
.pl10 	{ padding-left: 10px !important;}
.pl15 	{ padding-left: 15px !important;}
.pl20 	{ padding-left: 20px !important;}
.pt3 	{ padding-top: 3px !important;}
.pt5 	{ padding-top: 5px !important;}
.pt8 	{ padding-top: 8px !important;}
.pt10 	{ padding-top: 10px !important;}
.pt15 	{ padding-top: 15px !important;}
.pt20 	{ padding-top: 20px !important;}
.pr10 	{ padding-right: 10px !important;}
.pr0 	{ padding-right: 0px !important;}

.colororange { color:#FF6600 !important;}
.colorlightgrey { color:#C0C0C0 !important;}
.colorultralightgrey { color:#C5C5C5 !important;}
.colorred { color:#990000 !important;}
.colorgrey { color:#777 !important;}
.colordarkgrey { color:#333 !important;}
.colorwhite { color:#FFF !important;}


.brdrtop1 			{ border-top: 1px solid #C0C0C0;}
.brdrbttm1 			{ border-bottom: 1px solid #C0C0C0;}
._brdrbttm1F0		{ border-bottom: 1px solid #F0F0F0;}
.underline 			{ text-decoration: underline !important;  }
.no_underline 		{ text-decoration: none !important;  }
.linethrough		{ text-decoration: line-through;}
.bglightgrey 		{ background: #F0F0F0; }
.bg-success-important { background:#dff0d8 !important;}


#loading { position:fixed;top: 50%;left: 50%;width:80em;height:40em;margin-top: -20em;margin-left: -40em;border: 1px solid #ccc;background-color: rgba(204,204,204,0.8);z-index: 1000;display: none;}
#loading .loadmessage {	width: 40em;height: 20em;margin-left: 20em;margin-top: 10em;background-color: #FFFFFF !important;border: 1px solid #ccc;}

#shippingform{display:none;}
#createaccount{display:none;}

/* Carousel Customer Companies */
#customercarousel 		{ text-align: center;}
#customercarousel ul 	{ list-style: none;	margin-top: 10px;}
#customercarousel li 	{ display: none;}
#customercarousel li a:hover	{ background-color: transparent !important;}

.zwartepiet{display:none}

.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu-delay {
  left: auto;
}
.yamm .yamm-content {
  padding: 15px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu-delay {
  left: 0;
  right: 0;
}

.navbar .dropdown-menu-delay
{
  display:block !important; 
  visibility: hidden;
  transition: 0.4s 0s; /* delay of 1 seconds on hover off */
}

.navbar .dropdown:hover .dropdown-menu-delay {
  visibility: visible;
  transition-delay: 0.4s; /*  */
}

@media only screen and (max-width : 991px){

.navbar .dropdown:hover .dropdown-menu-delay {
  visibility: hidden;
/*  transition: 0.2s 0s;   */
}

}
.dropdown-menu-delay  {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 12px;
  text-align: left;
  list-style: none;
  background-color: #f5f5f5;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu-delay .pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu-delay .divider {
  height: 1px;
  margin: 7.5px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu-delay .divider {
  height: 1px;
  margin: 7.5px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu-delay > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #ffffff;
  white-space: nowrap;
}
.dropdown-menu-delay> li > a:hover,
.dropdown-menu-delay > li > a:focus {
  color: #4888da;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu-delay > .active > a,
.dropdown-menu-delay > .active > a:hover,
.dropdown-menu-delay > .active > a:focus {
  color: #003883;
  text-decoration: none;
  background-color: #003883;
  outline: 0;
}
.dropdown-menu-delay > .disabled > a,
.dropdown-menu-delay > .disabled > a:hover,
.dropdown-menu-delay > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu-delay > .disabled > a:hover,
.dropdown-menu-delay > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu-delay{
  display: block;
}
.open > a {
  outline: 0;
}

@media (min-width: 992px) {
  
.navbar-nav > li > .dropdown-menu-delay {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
}