body{

background: -webkit-linear-gradient(#002f79, #6392dd); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#002f79, #6392dd); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#002f79, #6392dd); /* For Firefox 3.6 to 15 */
background: -ms-linear-gradient(top,  #1e5799 0%,#002f79 64%,#6392dd 100%); /* IE10+ */
background: linear-gradient(#002f79, #6392dd); /* Standard syntax (must be last) */
 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#1e5799', EndColorStr='#6392dd');

background-attachment: fixed;
margin: 0;
text-align: center;
}

div#main_container{
/*background-color: red;*/
margin: 0 auto 0 auto;
width: 1060px;
height: auto;
text-align: left;
}

.sticky {
  z-index: 4;
  top: 175px; 
  left: 900px;
  position: relative;
  background-color: #F4F39E;
  border-color: #DEE184;
  text-align: center;
  margin: 1.5em 0px;
  padding: 10px 5px 5px 5px;

 -moz-box-shadow: 5px 10px 10px #333;
 -webkit-box-shadow: 5px 10px 10px #333; /* schaduw */
 box-shadow: 5px 10px 10px #333;

  font-family: 'Reenie Beanie', Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-style: italic;
  font-weight: bold;

  -o-transform: rotate(5deg) scale(1);  
  -webkit-transform: rotate(5deg) scale(1);  
  -moz-transform: rotate(5deg) scale(1);
  -ms-transform: rotate(5deg) scale(1);

}
.sticky.taped:after {
  display: block;
  content: "";
  position: absolute; 
  width: 151px;
  height: 35px;
  top: -21px;
  left: 25%;    
  background: url(images/tape.png) 0 0 no-repeat;
}

div#box1{ /* header */
background: url(images/background_header.jpg) no-repeat 0 0;
width: 1035px;
height: 205px;
padding: 10px 5px 0px 5px; /* boven rechts onder links */
margin: 10px 0px 0px 0px; /* boven rechts onder links */
position: relative;

-moz-border-radius: 5px;
-webkit-border-radius: 5px; /* rondehoeken */
border-radius: 5px;
border:2px solid #ccc;

-moz-box-shadow: 5px 5px 10px #333;
-webkit-box-shadow: 5px 5px 10px #333; /* schaduw */
box-shadow: 5px 5px 10px #333;

}

div#box2{
background-color: transparent;
float: left;
width: 200px;
height: auto;
padding: 0px 0px 0px 0px; /* boven rechts onder links */
margin: 20px 0px 20px 0px; /* boven rechts onder links */

}

div#box2-a{ /*menu*/
/*background-color: red;*/
background-color: transparent;
float: left;
width: 200px;
height: auto;
padding: 0px 0px 0px 0px; /* boven rechts onder links */
margin: 0px 0px 0px 0px; /* boven rechts onder links */

}

div#box2-b{
background: url(images/achtergrond25.png) no-repeat 0 0;
float: left;
width: 185px;
height: 25px;
padding: 15px 0px 0px 5px; /* boven rechts onder links */
margin: 20px 0px 0px 0px; /* boven rechts onder links */

-moz-border-radius: 5px;
-webkit-border-radius: 5px; /* rondehoeken */
border-radius: 5px;
border: 2px solid #ccc;

-moz-box-shadow: 5px 5px 10px #333;
-webkit-box-shadow: 5px 5px 10px #333; /* schaduw */
box-shadow: 5px 5px 10px #333;
}


div#box2-c{
background: url(images/achtergrond25.png) no-repeat 0 0;
float: left;
width: 185px;
height: auto;
padding: 20px 0px 20px 5px; /* boven rechts onder links */
margin: 20px 0px 0px 0px; /* boven rechts onder links */

-moz-border-radius: 5px;
-webkit-border-radius: 5px; /* rondehoeken */
border-radius: 5px;
border: 2px solid #ccc;

-moz-box-shadow: 5px 5px 10px #333;
-webkit-box-shadow: 5px 5px 10px #333; /* schaduw */
box-shadow: 5px 5px 10px #333;
}

div#box2-ca{
background: url(images/achtergrond25.png) no-repeat 0 0;
float: left;
width: 185px;
height: auto;
padding: 20px 0px 0px 5px; /* boven rechts onder links */
margin: 20px 0px 0px 0px; /* boven rechts onder links */

-moz-border-radius: 5px;
-webkit-border-radius: 5px; /* rondehoeken */
border-radius: 5px;
border: 2px solid #ccc;

-moz-box-shadow: 5px 5px 10px #333;
-webkit-box-shadow: 5px 5px 10px #333; /* schaduw */
box-shadow: 5px 5px 10px #333;
}

div#box2-d{
background: url(images/achtergrond25.png) no-repeat 0 0;
float: left;
width: 185px;
height: 620px;
padding: 20px 0px 0px 5px; /* boven rechts onder links */
margin: 20px 0px 0px 0px; /* boven rechts onder links */

-moz-border-radius: 5px;
-webkit-border-radius: 5px; /* rondehoeken */
border-radius: 5px;
border: 2px solid #ccc;

-moz-box-shadow: 5px 5px 10px #333;
-webkit-box-shadow: 5px 5px 10px #333; /* schaduw */
box-shadow: 5px 5px 10px #333;
}

div#box2-da{
background: url(images/achtergrond25.png) no-repeat 0 0;
float: left;
width: 185px;
height: 260px;
padding: 20px 0px 0px 5px; /* boven rechts onder links */
margin: 20px 0px 0px 0px; /* boven rechts onder links */

-moz-border-radius: 5px;
-webkit-border-radius: 5px; /* rondehoeken */
border-radius: 5px;
border: 2px solid #ccc;

-moz-box-shadow: 5px 5px 10px #333;
-webkit-box-shadow: 5px 5px 10px #333; /* schaduw */
box-shadow: 5px 5px 10px #333;
}

div#box3{
float: left;
width: 835px;
height: auto;
padding: 0px 0px 0px 10px; /* boven rechts onder links */
margin: 10px 0px 0px 10px; /* boven rechts onder links */
}


div#box4{
background: url(images/achtergrond25.png) no-repeat 0 0;
float: left;
width: 100%;
height: 200px;
padding: 10px 20px 10px 20px; /* boven rechts onder links */
margin: 10px 20px 10px 20px; /* boven rechts onder links */
}

div#box5{ /* footer */
background: url(images/achtergrond25.png) no-repeat 0 0;
width: 1045px;
height: auto;
padding: 0px 0px 0px 0px; /* boven rechts onder links */
margin: 20px 0px 20px 0px; /* boven rechts onder links */
clear:left;

-moz-border-radius:5px;
-webkit-border-radius:5px; /* rondehoeken */
border-radius:5px;
border:2px solid #ccc;

-moz-box-shadow:5px 5px 10px #333;
-webkit-box-shadow:5px 5px 10px #333; /* schaduw */
box-shadow:5px 5px 10px #333;
}


div#contentbox-1{
border: 1px solid #D12003;
background: url(images/achtergrond25.png) repeat-y 0 0;
height: auto;
overflow: hidden;
padding: 15px 35px 30px 35px; /* boven rechts onder links */
margin: 10px 5px 20px 0px; /* boven rechts onder links */

-moz-border-radius: 5px;
-webkit-border-radius: 5px; /* rondehoeken */
border-radius: 5px;
border: 2px solid #ccc;

-moz-box-shadow: 5px 5px 10px #333;
-webkit-box-shadow: 5px 5px 10px #333; /* schaduw */
box-shadow: 5px 5px 10px #333;
}


div#logo{
background: url(images/VDPM_EU_Logo_300x105.png);
display: block;
height: 100%;
width: 100%;
position: absolute;
top: 50px;
left: 30px;

}


.logo-battrailers{

background-image: url(images/vlemmix-battrailers.png);
   
    width: 402px;
    height: 99px;
    margin: 0px 0 0 175px; /* boven rechts onder links */

	-moz-border-radius: 12px;
	-webkit-border-radius: 12px; /* rondehoeken */
	border-radius: 12px;

	-moz-box-shadow: 5px 5px 10px #333;
	-webkit-box-shadow: 5px 5px 10px #333; /* schaduw */
	box-shadow: 5px 5px 10px #333;

}

.logo-slapvagnar{

background-image: url(images/vlemmix-slapvagnar.png);
   
    width: 400px;
    height: 97px;
    margin: 0px 0 0 175px; /* boven rechts onder links */

	-moz-border-radius: 12px;
	-webkit-border-radius: 12px; /* rondehoeken */
	border-radius: 12px;

	-moz-box-shadow: 5px 5px 10px #333;
	-webkit-box-shadow: 5px 5px 10px #333; /* schaduw */
	box-shadow: 5px 5px 10px #333;

}

.logo-vdpm{

background-image: url(images/VDPM_EU_Logo_300x105.png);
   
    width: 300px;
    height: 105px;
    margin: 0px 0 0 200px; /* boven rechts onder links */
}

.logo-Knott{

background-image: url(images/Knott_logga.gif);
   
    width: 300px;
    height: 212px;
    margin: 0px 0 0 225px; /* boven rechts onder links */
}

.logo-Kalf{

background-image: url(images/KALF_Logo_300x135.png);
   
    width: 300px;
    height: 135px;
    margin: 0px 0 0 225px; /* boven rechts onder links */
}



div#afb_header{
background: url(images/VDPM_630x155.png) no-repeat 0 0;
height: 155px;
width: 630px;
margin: 20px 0px 0px 210px; /* boven rechts onder links */


-moz-border-radius: 16px;
-webkit-border-radius: 16px; /* rondehoeken */
border-radius: 16px;

-moz-box-shadow: 5px 5px 10px #333;
-webkit-box-shadow: 5px 5px 10px #333; /* schaduw */
box-shadow: 5px 5px 10px #333;


}

div#afb_kalf{
background: url(kalftrailers/bilder/KALF_630x155.png) no-repeat 0 0;
height: 155px;
width: 630px;
margin: 20px 0px 0px 210px; /* boven rechts onder links */


-moz-border-radius: 16px;
-webkit-border-radius: 16px; /* rondehoeken */
border-radius: 16px;

-moz-box-shadow: 5px 5px 10px #333;
-webkit-box-shadow: 5px 5px 10px #333; /* schaduw */
box-shadow: 5px 5px 10px #333;


}

div#afb_vdpm{
background: url(images/VDPM_630x155.png) no-repeat 0 0;
height: 155px;
width: 630px;
margin: 20px 0px 0px 210px; /* boven rechts onder links */


-moz-border-radius: 16px;
-webkit-border-radius: 16px; /* rondehoeken */
border-radius: 16px;

-moz-box-shadow: 5px 5px 10px #333;
-webkit-box-shadow: 5px 5px 10px #333; /* schaduw */
box-shadow: 5px 5px 10px #333;


}

p.header_black{
font-style: Arial;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-variant: normal;
font-size: 20px;
color: #000000;
position: absolute;
bottom: -17px;
left: 10px;
width: 980px;

}


div#afb_box{
background: url(images/header.png) no-repeat 0 0;
height: 0px;
width: 0px;
float: left;
margin: 0px 5px 10px 0px; /* boven rechts onder links */

-moz-border-radius: 6px;
-webkit-border-radius: 6px; /* rondehoeken */
border-radius: 6px;

border: 1px solid #000080;

}

img{
border: 1px solid #FFF;
margin: 0px 0px 5px 0px; /* boven rechts onder links */

-moz-box-shadow: 3px 3px 7px #333;
-webkit-box-shadow: 3px 3px 7px #333; /* schaduw */
box-shadow: 3px 3px 7px #333;

}

p.image{

height: auto;
width: 310px;
padding: 5px 5px 10px 5px; /* boven rechts onder links */ 
margin: 20px 15px 15px 25px;

-moz-border-radius: 6px;
-webkit-border-radius: 6px; /* rondehoeken */
border-radius: 6px;

-moz-box-shadow: 5px 5px 10px #333;
-webkit-box-shadow: 5px 5px 10px #333; /* schaduw */
box-shadow: 5px 5px 10px #333;

background: #0047BA;
border: 1px solid #000080;
font-style: Arial;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-size: 100%;
color: #FFF;
text-align: center;
line-height: 20pt;
}

div#center {
  margin-left: auto;
  margin-right: auto;
  width: 25em;
}


div#center_fb {
  margin-left: 100px;
 
 
}

div#right {
  float: right;
}


p.image_product{
float: right;
height: auto;
width: auto;
padding: 5px 5px 5px 5px; /* boven rechts onder links */ 
margin: 30px 15px 45px 25px;

-moz-border-radius: 6px;
-webkit-border-radius: 6px; /* rondehoeken */
border-radius: 6px;

-moz-box-shadow: 5px 5px 10px #333;
-webkit-box-shadow: 5px 5px 10px #333; /* schaduw */
box-shadow: 5px 5px 10px #333;

background: #0047BA;
border: 2px solid #000080;
font-style: Arial;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-size: 15px;

color: #FFF;

line-height: 20pt;
}

div#image_product{

float: right;
height: auto;
width: auto;
padding: 5px 5px 5px 5px; /* boven rechts onder links */ 
margin: 25px 5px 25px 25px;

-moz-border-radius: 6px;
-webkit-border-radius: 6px; /* rondehoeken */
border-radius: 6px;

-moz-box-shadow: 5px 5px 10px #333;
-webkit-box-shadow: 5px 5px 10px #333; /* schaduw */
box-shadow: 5px 5px 10px #333;

background: #0047BA;
border: 2px solid #000080;
font-style: Arial;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-size: 15px;

color: #FFF;

line-height: 20pt;
}

div#image_product1{

height: auto;
width: 603px;
padding: 5px 5px 5px 5px; /* boven rechts onder links */ 
margin: 25px auto;

-moz-border-radius: 6px;
-webkit-border-radius: 6px; /* rondehoeken */
border-radius: 6px;

-moz-box-shadow: 5px 5px 10px #333;
-webkit-box-shadow: 5px 5px 10px #333; /* schaduw */
box-shadow: 5px 5px 10px #333;

background: #0047BA;
border: 2px solid #000080;
font-style: Arial;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-size: 15px;

color: #FFF;

line-height: 20pt;
}


div#image_compact_l{
float: left;
height: auto;
width: 310px;
padding: 5px 5px 5px 5px; /* boven rechts onder links */ 
margin: 10px 15px 15px 15px;

-moz-border-radius: 6px;
-webkit-border-radius: 6px; /* rondehoeken */
border-radius: 6px;

-moz-box-shadow: 5px 5px 10px #333;
-webkit-box-shadow: 5px 5px 10px #333; /* schaduw */
box-shadow: 5px 5px 10px #333;

background: #0047BA;
border: 1px solid #000080;
font-style: Arial;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-size: 15px;
color: #FFF;
text-align: center;
line-height: 20pt;
}

div#image_compact_r{
float: right;
height: auto;
width: 310px;
padding: 5px 5px 5px 5px; /* boven rechts onder links */ 
margin: 10px 15px 15px 15px;

-moz-border-radius: 6px;
-webkit-border-radius: 6px; /* rondehoeken */
border-radius: 6px;

-moz-box-shadow: 5px 5px 10px #333;
-webkit-box-shadow: 5px 5px 10px #333; /* schaduw */
box-shadow: 5px 5px 10px #333;

background: #0047BA;
border: 1px solid #000080;
font-style: Arial;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-size: 15px;
color: #FFF;
text-align: center;
line-height: 20pt;
}

.product{
font-style: Arial;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 23px;
color: red;

}


.product_compact{
font-style: Arial;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 17px;
color: red;
}

p.imagedold{
display: none;
}

p.center{
margin: 5px 5px 5px 5px;
font-style: Arial;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-size: 15px;
color: #FFF;
text-align: center;
}

p.center_bl{
margin: 5px 5px 5px 5px;
font-style: Arial;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 15px;
color: #000;
text-align: center;
}



p.center-s{
margin: 5px 5px 5px 5px;
font-style: Arial;
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-size: 75%;
color: #FFF;
text-align: center;
}


ul.content{
margin: 10px 0px 15px 0px; /* boven rechts onder links */ 
padding: 0px 0px 0px 20px;
font-style: Arial;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
list-style-type: square;

}


ul.content li{
margin: 5px 0px 5px 10px; /* boven rechts onder links */ 
padding: 0px 0px 0px 10px;

}

ul.content-s{
margin: 5px 0px 10px 0px; /* boven rechts onder links */ 
padding: 0px 0px 0px 20px;
font-style: Arial;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
list-style-type: square;

}

ul.content-s li{
margin: 0px 0px 0px 10px; /* boven rechts onder links */ 
padding: 0px 0px 0px 10px;

}

ol{
font-style: Arial;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
list-style-type: decimal;

}


ol ol{
margin: 10px 0px 15px 10px; /* boven rechts onder links */ 
padding: 0px 0px 0px 10px;
font-style: Arial;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
list-style-type: decimal;
}

ol li{
margin: 10px 0px 15px 0px; /* boven rechts onder links */ 
padding: 0px 0px 0px 20px;
font-style: Arial;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
list-style-type: decimal;

}

h1{
padding: 5px 0px 0px 0px; /* boven rechts onder links */
font-style: Arial;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #000000;
}

h2{
padding: 5px 0px 10px 0px; /* boven rechts onder links */
font-style: Arial;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #000000;
}

h3{
padding: 0px 0px 10px 0px; /* boven rechts onder links */
font-style: Arial;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-variant: normal;
font-size: 15px;
color: #000000;

}

p{
font-style: Arial;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 14px;
color: #000000;
}

.left
{
text-align: left;
color:red;
}

p.uitlijnen{
font-style: Arial;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-variant: normal;
font-size: 15px;
color: #000000;
text-align: justify;
}

p.footer_black{

margin: 50px 0px 0px 0px;
text-align: center;
line-height: 0px;
font-style: Arial;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-variant: normal;
font-size: 20px;
color: #000000;
}

p.content-footer{
text-align: center;
line-height: 25px;
font-style: Arial;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
}

p.content-footer-normal{
text-align: center;
font-style: Arial;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
}

a:link, a:visited{
color: #000000;
text-decoration: none;
}

a:hover, a:active{
color: #000000;
text-decoration: underline;
}

.fade{
	margin-bottom: 2em;
}

.fade p{
	font-style: Arial;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: bold;
	font-variant: normal;
	font-size: 30px;
	text-shadow: 2px 2px 5px #0047BA;
	color: #E6E6E6;
	margin-bottom: 2em;
	text-align: right;
	width: 800px;
	position: absolute;
	top: 140px;
	right: 10px;
	
}

#scrollUp {
	bottom: 40px;
	right: 40px;
	height: 30px;  /* Height of image */
	width: 54px; /* Width of image */
	background: url(../images/picto.jpg) no-repeat;

	-moz-box-shadow: 5px 5px 10px #333;
	-webkit-box-shadow: 5px 5px 10px #333; /* schaduw */
	box-shadow: 5px 5px 10px #333;

}


TABLE  {
	border: 2px solid #C0C0C0;
	border-collapse: collapse;
	font-style: Arial;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: normal;
	font-variant: normal;
	font-size: 12px;
	
}

TD, TH { 
	border: 1px solid #C0C0C0;
	vertical-align: top;
      padding: 4px 4px 4px 4px;
		
}

TD     {
	text-align: right;
	font-style: Arial;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: normal;
	font-variant: normal;
	font-size: 15px;
}

.links {
	text-align: left;
}

.center {
	text-align: center;
}

.red {
  color: red !important;
  font-weight: bold;
}

.over:hover {
    	background: #0047BA;
	color: #fff !important;
 	text-decoration: none;
}