@charset "UTF-8";
/* CSS Document */
/* Ontwikkeld voor Cargo Sar in opdracht van Silke Boersma www.silkesilke.com */
/* Ontwikkeld door Ronald Klooster info@thinkz.nl */
/* Ontwikkeld datum 28/03/2014 */


body{
	/*background-color:#ededed;*/
	font-family: Helvetica;
	background:#ffffff;

}

html {overflow-y:scroll;}

.hoogte {
	height:820px;
}

/* Basis elementen */
.main {
	background: #ffffff;
	width: 900px;
	margin: 0 auto;
	/*border:1px solid;*/
}
a.mail
{
	color:#FFF;
}

a.contact{
	font-family: Helvetica;
	color: #1B4D7E;
}


a.sitemap
{
	color:#FFF;
}
.xtra_tp
{
	 display: none;
	background-color:#005081;
}

.xtra_mvo
{
	 display: none;
	/*background-color:#005081;*/
}

.xtra_org
{
	 display: none;
	/*background-color:#005081;*/}

.xtra_text
{
	padding:12px;
	color:#005081;
	background-color:white;
}

h2.offerte
{
	font-size:22px;
	line-height:24px;
}

.xtra_padding{
    padding-bottom: 12px;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 12px;
}

.xtra_lpp
{
	 display: none;
	background-color:#005081;
}

.xtra_info
{
	display:none;
		background-color:#005081;
}

.targetDiv {display: none;
background-color:#005081;}

	



.navigation {
	background: #ffffff;
	width: 900px;
	margin: 0 auto;
	/*border:1px solid;*/
		position:fixed;
	top:0;
	z-index:1000;
	}


#navigation_bar{
	position:fixed;
	top:0;
	background:#fff;
	width:100%;	
left: 50%;
margin-left: -450px;
	z-index:1000;

	
}


a {
	color: #1B4D7E;
}

a.mail {
	color:white;
	text-decoration:underline;
}

a.page {
color:#0000EE;
	font-weight:bold;
}

p {
	//color: red;
}
/* Header Deze wordt op elke pagina gebruikt */	

.top {
	height: 247px;
	width: 900px;
	background: #ffffff;
	margin: 10px 0;
	position: relative;
}

.language
{
	z-index:10;
	position:absolute;
	bottom:10%;
	right:5%;
}

.language_option
{
	width:30px;
}

/* Center. Alleen op de hoogdpagina */

.center_left {
	height: 550px;
	width: 430px;
	background: #1B4D7E;
	margin: 10px 0;
	float: left;
	Color: #FFF;
	box-shadow: 10px 10px 5px #888888;
}
.center_left:hover {
/*background-color:yellow;*/
}
.center_right {
	height: 550px;
	width: 430px;
	background: #297AAF;
	margin: 10px 0;
	float: right;
	Color: #FFF;
-webkit-box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 10px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 10px 5px 0px rgba(50, 50, 50, 0.75);
}
.center_right:hover {
/*background-color:red;*/
}
.center_center {
	z-index: 10;
	position: absolute;
	display: block;
	margin-top: 98px;
	margin-left: 209px;
	width: 181px;	
}

.center_transport_partner {
	z-index: 10;
	position: absolute;
	display: block;
	margin-top: 400px;
	margin-left: 57px;
	width: 118px;
	box-shadow: 5px 5px 5px #000000;
}
.center_logistieke_prijspakker{
	z-index: 10;
	position: absolute;
	display: block;
	margin-top: 400px;
	margin-left: 256px;
	width: 118px;
	box-shadow: 5px 5px 5px #000000;
}

.center_logistiek_richtingaanwijzer{
	z-index: 10;
	position: absolute;
	display: block;
	margin-top: 400px;
	margin-left: 525px;
	width: 118px;
	box-shadow: 5px 5px 5px #000000;
}

.center_bedrijfsprocessor{
	z-index: 10;
	position: absolute;
	display: block;
	margin-top: 400px;
	margin-left: 724px;
	width: 118px;
	box-shadow: 5px 5px 5px #000000;
}



.clear {
	clear: both;
}
.slider {
	height: 120px;
	width: 900px;
	background: #005081;
	margin: 10px 0;
	color: #FFF;
	position:relative;
}

.ticker_main2 {
	height: 80px;
	width: 7px;
	background: #000000;
	margin: 10px 0;
	color: #FFF;
	left:20px;
	top:20px;
	position:absolute;
	
}
.ticker_logo {
	height: 80px;
	width: 80px;
	background: red;
	margin: 10px 0;
	color: #FFF;
	left:20px;
	top:15px;
	position:absolute;
	
}
.ticker_tekst {
	height: 40px;
	width: 780px;
	background: #000000;
	margin: 10px 0;
	color: #FFF;
	left:100px;
	top:15px;
	position:absolute;
	
}
.ticker_ticker {
	height: 40px;
	width: 780px;
	background: green;
	margin: 10px 0;
	color: #FFF;
	left:100px;
	top:55px;
	position:absolute;
	
}






.nieuws_center {
	width: 900px;
	background-color: #ffffff;
	/*background-color:#297AAF;*/
	padding-top: 3px;
	padding-bottom: 12px;
	    overflow: hidden;
}
.nieuws_center_background {
	width: 860px;
	background-color: #2e7bad;
	/*border-radius: 15px; */
	margin: 0 auto;
	color: #ffffff;
	padding: 12px;
	line-height:18px;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.75);
}

.nieuws_center_item {
	width: 830px;
	/*border-radius: 15px; */
	padding: 12px;
	border-color:white;
	border:2px solid;
	border-radius:8px;
	overflow: hidden;

}

.nieuws_center_left
{
	/*padding-top:12px;
	height:208px;
	width:200px;
	float:left;*/

}

.nieuws_center_right
{
	/*width:730px;
	margin-left:12px;*/

}

.nieuws_center_left
{

	width:200px;
	float:left;
}

.nieuws_center_right
{
	/*width:730px;
	margin-left:12px;*/

}


.nieuws {
}


.spacertest {
	height: 70px;
}


.spacer {
	height: 70px;
}

.logistiekkompas_spacer {
	height: 70px;
}

.mvo_spacer {
	height: 70px;
}

.spacer {
	height: 70px;
}

img.menu_cc{
	height:118px;
}
img.cc{
	width:80px;
	border-radius:12px;
	padding-right:5px;
}


img.menu_et{
	height:119px;
}


img.et{
	width:118px;
	/*border-radius:12px;*/
	padding-right:5px;
}

img.et_more{
	width:118px;
	/*border-radius:12px;*/
	padding-right:5px;
	padding-top:10px;
}

/* Navigation */
.navigation_cargoconsultsar {
	padding-left: 12px;
	height: 119px;
}
.navigation_cargoconsultsar_item {
	float: left;
	padding-right: 0px;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.75);
}

.navigation_cargoconsultsar_spacer{
float:left;
width:73px;
color:#ffffff;
}
.navigation_easytransport {
	padding-left: 12px;
	height: 119px;
}
.navigation_easytransport_item {
	float: left;
	padding-right: 0px;
-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.75);
}	
	
.navigation_easytransport_spacer{
float:left;
width:31px;
color:#ffffff;
}

/*Footer. Deze wordt op elke pagina gebruikt*/

.footer {
	height: 115px;
	width: 898px;
	/*background: #ededed;*/
	background:ffffff;
	margin: 10px 0;
border-style:solid;
border-color:#1B4D7E;
border-width: 1px;
}

.footer_contact {
	height: 110px;
	width: 898px;
	/*background: #ededed;*/
	background:ffffff;
	margin: 10px 0;
border-style:solid;
border-color:#1B4D7E;
border-width: 1px;
}

.footer_gb {
	height: 115px;
	width: 898px;
	/*background: #ededed;*/
	background:ffffff;
	margin: 10px 0;
border-style:solid;
border-color:#1B4D7E;
border-width: 1px;
}

.footer_xl {
	height: 120px;
	width: 898px;
	/*background: #ededed;*/
	background:ffffff;
	margin: 10px 0;
border-style:solid;
border-color:#1B4D7E;
border-width: 1px;
}


.footer_xl_144 {
	height: 144px;
	width: 898px;
	/*background: #ededed;*/
	background:ffffff;
	margin: 10px 0;
border-style:solid;
border-color:#1B4D7E;
border-width: 1px;
}

.footer_left {
	height: 105px;
	width: 610px;
	/*background: #AEAFB2;*/
	/*background: #ededed;*/
	background: #ffffff;
	/*margin:10px 0;*/
	float: left;
	Color: #FFF;
}


.footer_middle {
	height: 105px;
	width: 187px;
	background: #ffffff;
	/*margin:10px 0;*/
	float: left;
	Color: #1B4D7E;
	font-size:13px;
}

.footer_middle_contact {
	height: 105px;
	width: 186px;
	/*background: #ffffff;*/
	margin:-18px 0;
	float: left;
	Color: #1B4D7E;
	font-size:13px;
	font-family: Helvetica;
	padding-botom:12px;
}


.footer_middle a {
    text-decoration: none;
}

.footer_middle a:hover {
  text-decoration: underline; 
  }
  
.footer_right {
	height: 105px;
	width: 100px;
	background: #ffffff;
	/*margin:10px 0;*/
	float: left;
	Color: #1B4D7E;
		font-size:13px;

}

.footer_right_contact {
	height: 105px;
	width: 100px;
	/*background: #ffffff;*/
	margin:-18px 0;
	float: left;
	Color: #1B4D7E;
		font-size:13px;
		font-family: Helvetica;

}

.footer_right a {
    text-decoration: none;
}

.footer_right a:hover {
  text-decoration: underline; 
  }

.clear {
	clear: both;
}


/* Als je met de muis over de afbeelding gaat wordt deze grijs */

img.grayscale:hover {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%); /* For Webkit browsers */
	filter: gray; /* For IE 6 - 9 */
	-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
}
img.grayscale {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

/* Deze zorgt voor een 
 afbeelding ipv een rondje bij een li */

ul.vinkje2 {
    list-style-type: circle;
    list-style-position: inside;
    margin-left: 10px;
    padding-left: 10px;
    overflow: visible;
}


li.2 {
    margin-left: 0;
    padding-left: 50px;
    overflow: visible;
}

	
.fluid_container {
	margin: 0 auto;
	max-width: 1000px;
	width: 90%;
}


h2.lineheight
{
	line-height:101%;
}




img.shadow
{
		box-shadow: 10px 10px 5px #888888;
	}

figcaption.claudia {
	font-size:12px;
	color:#FFF;
padding-left:19px;
padding-top:4px;
	
}
figcaption.michel {
	font-size:13px;.
	font-weight:900;
	color:#FFF;
padding-left:2px;
padding-top:4px;
}

td.av
{
	color:white;
	font-size:9px;
	vertical-align:top;
	border: white 0px;
}

li.av
{
	color:#FF0;
}
	
p.av
{
	color:white;
	font-size:10x;
}
	
	
strong.div1
{
	font-size:12px;
	font-weight:bolder;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
    color: black;
background-color: #2e7bad;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: 
    #fff;
    background-clip: border-box;
    border: 1px solid #2e7bad;
    border-radius: .25rem;
}