html {
  overflow: -moz-scrollbars-vertical;
}

body {
  background: #7696b0 url(../img/body.jpg) repeat-x 0 0;
  color:#333;
  font: normal 12px/15px Arial;
}

#wrapper {
  margin: 0 auto 0;
  width: 957px;
}

/***********************************
  Language
*/
  #language {
    background: url(../img/gradients.jpg) repeat-x 0 -210px;
    border: 1px solid #d9d9d9;
    border-top: 0;
    border-left: 0;
    float: right;
    height: 35px;
    margin: 0 0 10px;
    position: relative;
    z-index: 10;
  }
    #language .l {
      background: url(../img/gradients.jpg) repeat-x 0 -210px;
      display: block;
      width: 4px;
      height: 28px;
      position: absolute;
      left: -4px;
      border-left: 1px solid #d9d9d9;
      top: 0;
    }
    #language .bl { background-position: 0 -29px;    /* background-color: #fff;*/ left: -4px; }
    #language .br { background-position: -8px -29px; background-color: #fff; }
    #language ul  { border-right: 1px solid #fff;
                    border-top: 0;
                    border-bottom: 0;
                    display: block;
                    height: 26px;
                    padding: 9px 18px 0 15px;
                    /*width: 200px; */
					width: 305px;
					}
    #language li  { color: #676767; float: left; font-size: 11px; }
	#language li.phone  { margin: -18px 0 0 160px; }
	#language li.phone h2 { font-size: 17px !important; color: #e23338 !important; float: right !important; }
	#language li.phone small { float: right; font-size: 9px !important; color: #8eaac0 !important; !important; }
	
      #language li a {  background: url(../img/icons.png) no-repeat 0 0; 
                        display: block;
                        height: 11px;
                        line-height: 1px;
                        margin: 3px 0 0 10px;
                        /*text-indent: -9999px;*/
                        width: 16px;
                     }
      #language li a.en { background-position: 0 -90px  }
      #language li a.de { background-position: 0 -103px }
      #language li a.nl { background-position: 0 -116px }

/***********************************
  Header
*/
  #header {
    background: url(../img/background.png) repeat-y left;
    margin: 0 0 12px;
    position: relative;
    width: 955px; /* 957 */

    border-left: 1px solid #c6cbce;  border-right: 1px solid #c6cbce;
  }
    #header .tl { background-position: 0 0;    background-color: #fff; top: 0; left: -1px; } /*1px; }*/
    #header .special { background-position: -13px 33px; height: 41px; background-color: #fff; right: -1px; /* 0 */ top: 0; width: 3px; }

    ul#logos { /*margin: 0 0 0 1px;*/ }
      #logos li { background: url(../img/gradients.jpg) repeat-x 0 -123px;
                  border: 1px solid #d9d9d9;
                  border-left: 0;
                  border-bottom: 0;
                  display: block;
                  float: left;
                  height: 87px;
                  position: relative; }
        #logos li a { background: url(../img/logo2.png) no-repeat 0 -90px;
                      border-right: 1px solid #fff;
                      display: block;
                      float: left;
                      height: 75px;
                      padding: 9px 0 2px;
                      text-indent: -9999px;
                      width: 120px;
                    }
        #logos li .tr    { background-position: -8px 0; top: -1px; background-color: #fff; }

        #logos li a.active { border-left: 1px solid #fff; }

        #logos li.bike,
        #logos li.hopper,
        #logos li.company,
        #logos li.bus     { margin: 33px 0 0; }
        
        #logos li.bike a  {   background-position: -140px -26px; }
        #logos li.company a { background-position: -148px -147px; }
        #logos li.bus a     { background-position: -140px -277px; }
        #logos li.hopper a  { background-position: -145px -411px; }

          #logos li.bike a:hover  {   background-position: -259px -26px; }
          #logos li.company a:hover { background-position: -267px -146px; }
          #logos li.bus a:hover     { background-position: -259px -277px; }
          #logos li.hopper a:hover  { background-position: -252px -411px; }

          /* Bike specific menu */
          #bikes #logos li.bike      { height: 119px; background-position: 0 -90px; margin: 0; }
          #bikes #logos li.bike a    { background-position: 32px 10px;  height: 103px; padding: 14px 39px 2px;      }

          /* Company specific menu */
          #company #logos li.company    { height: 119px; background-position: 0 -90px; margin: 0; }
          #company #logos li.company a  { background-position: 32px -114px;  height: 103px; padding: 14px 39px 2px;      }
          
          /* Bus specific menu */
          #bus #logos li.bus         { height: 119px; background-position: 0 -90px; margin: 0; }
          #bus #logos li.bus a       { background-position: 32px -244px;  height: 103px; padding: 14px 39px 2px;      }

          /* Hopper specific menu */
          #hopper #logos li.hopper     { height: 119px; background-position: 0 -90px; margin: 0; }
          #hopper #logos li.hopper a   { background-position: 32px -377px;  height: 103px; padding: 14px 39px 2px;      }

      ul#quickmenu { background: url(../img/gradients.jpg) repeat-x 0 -123px;
                     border-top: 1px solid #d9d9d9;
                     /*border-right: 1px solid #fff;*/
                     height: 86px;
                     padding: 0 15px 0 0;
                     position: absolute;
                     right: 1px;
                     top: 33px;
                     width: 372px; }
     ul#quickmenu li {   color: #d7d8dc; float: right; margin: 16px 5px 0; }
     ul#quickmenu li a { color: #67686c; font-size: 11px; text-decoration: none; }

   #header form { position: absolute; right: 18px; top: 83px; }
     #header form span { float: left; display: block; border: 1px solid #cdcdcf; width: 55px;  }
     #header form input#find {
       background: #f8f8fa;
       border: 1px solid #cdcdcf;
       font-size: 11px;
       float: left;
       height:19px;
       line-height: 15px;
       margin: 0 6px 0 0;
       padding: 6px 0 0 9px;
       width: 278px;
     }
     #header form input#submit {
       background:#f8f8fa url(../img/gradients.jpg) repeat-x 0 0;
       border: 1px solid #fff;
       color: #fff;
       font-size: 11px;
       height:25px;
       line-height: 15px;
       padding: 4px 0;
       vertical-align: top;
       width: 55px;
     }

     #headerImage { border-bottom: 1px solid #93a1a1; border-top: 1px solid #93a1a1;
                    background: #fff;
                    overflow: hidden;
                    margin: 1px 0 0 0;
                    padding: 1px 0 1px 1px;
                    height: 176px }
                    #headerImage img { display: block; width: 953px;}

     ul#menu {
       border-right: 1px solid #fff;
       height: 44px;
       background: url(../img/gradients.jpg) repeat-x 0 -44px;
       margin: 0 0 0 1px;
       width: 952px;
     }
       ul#menu li {  border-right: 1px solid #d4d4d6;
                     border-left: 1px solid #fff; 
                     float: left;  }

       #left ul li a:hover,
       #left ul li.active a,
       #left ul li.active a:hover,
       ul#menu li a:hover,
       ul#menu li.active a:hover,
       ul#menu li.active a { color: #fff; background: url(../img/gradients.jpg) repeat-x 0 1px; font-weight: bold; }

       #left ul li a:hover,
       ul#menu li a:hover { font-weight: normal; }

       #left ul li a,
       ul#menu li a { display: block; padding: 15px 19px; color: #546464; text-decoration: none; }

          #left ul li a { width: 193px;  }
          
   #header .bottom {
     background: url(../img/icons.png) repeat-x 0 -23px;
     bottom: -4px;
     display: block;
     height: 4px;
     left: 8px;
     width: 939px;
     position: absolute;
   }
   #header .bl { background-position: 0 -8px;    bottom: -4px; left: 0px; }
   #header .br { background-position: -8px -8px; bottom: -4px; right: 0; }

/***********************************
  Content
*/
  #content { padding: 12px 0 0; width: 957px; }
  #home #content { padding: 350px 0 0;  }
  
    #left {
      background: url(../img/background.png) repeat-y left;
      border-right: 1px solid #ccc;
      float: left;
      position: relative;
      width: 234px;
      margin: 0 0 10px 0; /* 0 0 20px -1px */
      padding: 0 0 0 2px; /*0 0 0 1px*/
    }
      #left .tl { background-position: 0 -224px; top: 0; height: 4px; width: 9px; left: -2px; }

      #left ul { border-bottom: 1px solid #ccc; }
      #left ul li a { padding: 12px 20px 12px 19px; border: 1px solid #fff; border-top: 1px solid #ccc;  background: url(../img/gradients.jpg) repeat-x 0 -44px;  }
      #left .inner { background: #fff url(../img/content.jpg) repeat-x bottom; padding: 10px 0; position: relative;  }
      #left .inner h1 { margin: 7px 0 10px 17px; }
      #left .inner p.head { margin: 7px 0 10px 17px; }
      #left .bl { bottom: -4px; background-position: 0 -8px; left: -2px; font-size: 1px; }
      #left .bottom {
         background: url(../img/icons.png) repeat-x 0 -23px;
         bottom: -4px;
         display: block;
         height: 4px;
         left: 6px;
         width: 228px;
         position: absolute;
       }
      #left .top {
        border-top: 1px solid #9aabb6;
        border-right: 1px solid #d6d6d7;
         background: #fff;
         top: 0;
         display: block;
         height: 1px;
         left: 7px;
         width: 227px;
         position: absolute;
       }
      
    #right {
      /*background: url(../img/background.png) repeat-y left;*/
      border-left: 1px solid #ccc;
      margin: 0 2px 10px -1px ; /* 0 2px 20px -1px ; /* 0 0 20px -1px */
      float: left;
      width: 718px; /*719px;*/
    }
      #right .top {
        border-top: 1px solid #9aabb6;
         background: #fff;
         top: 0;
         display: block;
         height: 1px;
         right: 7px;
         width: 711px;
         position: absolute;
       }
	   
      #right .inner { 
		background: #fff url(../img/content.jpg) repeat-x bottom; 
		padding: 18px;  
		position: relative; 

		min-height:150px;
		height:auto !important;
		height:150px;
	  }

	  #right .inner table {
	  	width: 500px;
		background: #eaeced;
		border: 1px solid #ccc;
	  }

	  #right .inner table td {
		padding: 10px;

	  }

	  #right .inner h2 {
	  	padding: 0 0 3px 0;
	  }
	  
	  #right .inner p {
		line-height: 20px;
	  }

      #right .bl { background-position: 0 -8px; bottom: -4px; left: -2px; }
      #right .br { background-position: -8px -8px; bottom: -4px;  }
      #right .bottom {
         background: url(../img/icons.png) repeat-x 0 -23px;
         bottom: -4px;
         display: block;
         height: 4px;
         left: 6px;
         width:705px;
         position: absolute;
       }
      #right .tr { background-position: -8px -224px; top: 0; height: 4px;  }

      #home .usps,
      #right .usps {
        background: url(../img/gradients.jpg) repeat-x 0 -395px;
        border-top: 1px solid #c7c9cd;
        border-bottom: 1px solid #c7c9cd;
        height: 60px;
        margin: 5px 0 0 8px;
        position: relative;
        width: 440px;
      }
        #home .usps .left,
        #right .left {
          background: url(../img/gradients.jpg) repeat-x 0 -395px;
          border-left: 1px solid #ccc;
          height: 52px;
          left: -8px;
          position: absolute;
          top: 1px;
          width: 8px;
        }
        #home .usps .right,
        #right .right {
          background: url(../img/gradients.jpg) repeat-x 0 -395px;
          border-right: 1px solid #ccc;
          height: 52px;
          right: -8px;
          position: absolute;
          top: 1px;
          width: 8px;
        }

        #home .usps .tl,
        #right .usps .tl { background-position: 0 0; top: -2px; }
        #home .usps .bl,
        #right .usps .bl { background-position: 0 -194px; bottom: -8px; left: -1px!important; }

        #home .usps .tr,
        #right .usps .tr { background-position: -8px 0; top: -2px;  }
        #home .usps .br,
        #right .usps .br { background-position: -8px -194px; bottom: -8px; }

        #home p,
        #right p { margin: 10px 0 0; font: normal 12px/18px Arial; color: #676767; }
        #home em,
        #right em { font-size: 11px; }
        #home a,
        #right a { text-decoration: underline; color: #676767; }

        #right ul.actions { position: absolute; top: 15px; right: 15px; }
        #right ul.actions li { float: left; margin: 0 0 0 10px; }
        #right ul.actions li a{ display: block; width: 15px; height: 12px; text-indent: -9999px; background: url(../img/icons.png) no-repeat }
        #right ul.actions li.e a { background-position: 0 -39px; margin: 2px 0 0; }
        #right ul.actions li.p a { background-position: 0 -62px; height: 16px; }

        #home .usps ul,
        #right .usps ul {
          border-bottom: 1px solid #fff;
          display: block;
          height: 59px;
          margin: 0 !important;
        }
        #home .usps li ,
        #right .usps li {
          margin: 0 !important;
          border-right: 1px solid #ccc;
          border-left: 1px solid #fff;
          color: #5c727f;
          display: block;
          float: left;
          /*font: normal 11px/15px Arial;*/
          font-size: 11px;
          height: 49px;
          /*line-height: 20px;*/
          padding: 10px 14px 0 !important;
        }
          #home .usps li.last,
          #right .usps li.last { border-right: 0; }
          #right .usps .logo {
            background: url(../img/logo2.png) no-repeat 0 0;
            border-left: 0;
            display: block;
            text-indent: -9999px;
            width: 50px;
          }
          #bikes #right .usps .logo { background-position: -393px -48px }
          #company #right .usps .logo { background-position: -393px -175px }
          #bus #right .usps .logo { background-position: -392px -300px }
          #hopper #right .usps .logo { background-position: -392px -436px }
          #hir #right .usps .logo { background: url(/assets/img/hir-small.png) no-repeat 5px 5px; }

          #right .inner ul { margin: 10px 0 0; list-style-type: circle }
          #right .inner ol { margin: 10px 0 0; list-style-type: decimal }
          #right .inner ul li,
          #right .inner ol li { margin: 0 0 3px 17px; padding: 2px 0 2px 0; color: #676767; }

          #right .inner ul.actions { margin: 0 !important; list-style-type: none !important;  }


ul#breadcrumb {
    list-style: none !important;
    margin: 0 0 25px 0 !important;
    padding: 0 !important;
}

    ul#breadcrumb li {
        float: left;
        padding: 0 !important;
        margin: 0 0 0 5px !important;
    }

    ul#breadcrumb li.first {
        margin: 0 !important;
    }

/***********************************
  News
*/
#news {
  background: url(../img/gradients.jpg) repeat-x 0 -240px;
  clear: both;
  height: 133px;
  position: relative;
  margin: 20px 8px 20px;
  }
#news ul li { border-left: 1px solid #ccc; border-right: 1px solid #fff; float: left; width: 233px; height: 132px; }
#news ul li.first{ border-left: 0; }
#news ul li.last{ border-right: 0; }
#news ul li p.head { color: #e13337; font: bold 13px/19px Arial; margin: 15px 0 5px 18px ;}
#news ul li p { color: #676767; margin: 0 15px 0 18px; font-size: 11px; line-height: 17px; }
/*#news ul li a { color: #5c727f; display: block; width: 59px; text-decoration: none; height: 15px; border-bottom: 1px solid #5c727f; position: relative; margin: 7px 0 0 12px; }*/
#news ul li a { color: #5c727f; display: block; text-decoration: underline; height: 15px; position: relative; margin: 7px 0 0 12px; }
#news ul li a span { left: -15px; top: 3px; height: 11px;  width: 11px; display: block; background: url(../img/icons.png) no-repeat 0 -77px; position: absolute }

#news ul li.first p.head { margin: 15px 0 5px 10px;}
#news ul li.first p { margin: 0 12px 0 11px;}
#news ul li.first a { margin: 7px 0 0 11px;}

#news .left {
  background: url(../img/gradients.jpg) repeat-x 0 -240px;
  border-left: 1px solid #ccc;
  height: 128px;
  left: -8px;
  position: absolute;
  top: 4px;
  width: 8px;
}
#news .right {
  background: url(../img/gradients.jpg) repeat-x 0 -240px;
  border-right: 1px solid #ccc;
  height: 128px;
  right: -8px;
  position: absolute;
  top: 4px;
  width: 8px;
}
#news .tl { background-position: 0 -232px; top: -5px; }
#news .bl { background-position: 0 -8px; bottom: -4px;  }

#news .tr { background-position: -8px -232px; top: -5px;  }
#news .br { background-position: -8px -8px; bottom: -4px; }

#news .bottom {
 background: url(../img/icons.png) repeat-x 0 -23px;
 bottom: -3px;
 display: block;
 height: 4px;
 left: 0;
 width: 941px;
 position: absolute;
}



/***********************************
  Partners
*/
#partners {
    background: url(../img/gradients.jpg) repeat-x 0 -392px;
    clear: both;
    height: 66px;
    position: relative;
    margin: 0 8px 10px;
  }
#partners ul li { border-left: 1px solid #ccc; border-right: 1px solid #fff; float: left;height: 65px; overflow-y: hidden; }
#partners ul li a{background:url(/uploaded/footer/generated/partners.png) no-repeat 0 0; display: block; height: 65px; text-indent: -9999px; margin: 0 21px 0 20px;}
.hollandinternational { background:url(/assets/generated/hir.png) no-repeat 0 0; display: block; height: 65px; text-indent: -9999px; margin: 0 21px 0 20px; }

#footer li.right .hollandinternational { height: 25px; margin: 5px 0 0; padding: 0; width: 100px; }

#partners .left {
  background: url(../img/gradients.jpg) repeat-x 0 -392px;
  border-left: 1px solid #ccc;
  height: 61px;
  left: -8px;
  position: absolute;
  top: 4px;
  width: 8px;
}
#partners .right {
  background: url(../img/gradients.jpg) repeat-x 0 -392px;
  border-right: 1px solid #ccc;
  height: 61px;
  right: -8px;
  position: absolute;
  top: 4px;
  width: 8px;
}
#partners .first { border-left: 0; }
#partners .last { border-right: 0; }
#partners .tl { background-position: 0 -232px; top: -5px; }
#partners .bl { background-position: 0 -8px; bottom: -4px;  }

#partners .tr { background-position: -8px -232px; top: -5px;  }
#partners .br { background-position: -8px -8px; bottom: -4px; }

#partners .bottom {
 background: url(../img/icons.png) repeat-x 0 -23px;
 bottom: -3px;
 display: block;
 height: 4px;
 left: 0;
 width: 941px;
 position: absolute;
}



/***********************************
  Footer
*/
#footer {
  height: 50px;
}
#footer li {
  color: #fff;
  float: left;
  font-size: 11px;
  padding: 10px 0 0;
  margin: 0 5px 0 0;
}
#footer li.right { float: right; padding: 0; }
#footer a { color: #fff; text-decoration: none; }

#footer li.right a { padding: 10px 0 0; display: block; }

/***********************************
  Homepage styling
*/
#splash {
  height: 321px; /*height: 300px;*/
  display: block;
  position: absolute;
  top: 0;
  width: 957px;
    overflow: hidden;
}
  #overlay { width: 957px; height: 321px; display: block; position: absolute; top: 0; left: 0; background: url(../img/overlay.png) no-repeat bottom left; }
  /*#splash h1 {
    background: url(../img/home.jpg) no-repeat 0 0;*
    display: block;
    height:35px;
    width: 388px;
    text-indent: -9999px;
    z-index: 1000;
  }
  #splash h2 {
    /*background: url(../img/home.jpg) no-repeat -405px -17px;
    display: block;
    height:25px;
    margin: 10px 0 0;
    width: 388px;
    text-indent: -9999px;
    z-index: 1000;
  }*/
  /*
   * Splash images
   */
   #splasjes { width: 3925px; height: 530px; position: absolute; }
   #splash .splash { width: 960px; height: 350px; float: left;  }
   #splash .splash div {
     display: block; 
     margin: 80px 0 0;
     height: 260px;
     position: relative;
     background: url(../img/home_nieuw.png) no-repeat 0 0;
   }
   #splash .splash #co { width: 497px; background-position: 0 0; margin-left: 300px;}
   #splash .splash #bu { width: 768px; background-position: -497px 0;  margin-left:200px; }
   #splash .splash #ho { width: 497px; background-position: -1265px 0; margin-left: 260px; }
   #splash .splash #bi { width: 768px; background-position: -1768px 0; margin-left: 50px; }

#home p { font-size: 11px; margin: 5px 10px 0 0; }

#home .product {
  background: url(../img/gradients.jpg) repeat-x 0 -458px;
  border-left: 1px solid #98a9b5;
  border-right: 1px solid #98a9b5;
  display: block;
  float: left;
  height: 163px;
  margin: 20px 11px 0 0;
  position: relative;
  width: 471px;
}
#home .hover { background-position: 0 -622px; }
#home .last { margin-right: 0;  }

  #home .product .otl { background-position: 0 -51px; top: -3px; }
  #home .product .otr { background-position: -8px -51px; top: -3px; }
  #home .product .obl { background-position: 0 -8px; bottom: -4px; }
  #home .product .obr { background-position: -8px -8px; bottom: -4px;}

    #home .hover .otl { background-position: 0 -214px; }
    #home .hover .otr { background-position: -8px -214px; }
    #home .hover .obl { background-position: 0 -205px;  }
    #home .hover .obr { background-position: -8px -205px;}

  #home .product .topr,
  #home .product .topl {
    background :#fff;
    border-top: 1px solid #98a9b5;
    border-right: 1px solid #9eafbb;
    display: block;
    height: 8px;
    left: 7px;
    position: absolute;
    top: -3px;
    width: 160px;
  }
  #home .product .topr {
    border-right: 0;
    border-left: 1px solid #fff;
    width: 300px;
    left: 168px;
  }
  #home .product .bottom {
    background :url(../img/icons.png) repeat-x 0 -23px;
    display: block;
    height: 4px;
    left: 7px;
    position: absolute;
    bottom: -4px;
    width: 457px;
  }
    #home .hover .topr,
    #home .hover .topl{
      background: #d0dde6;
    }
    #home .hover .bottom {
      border-top: 1px solid #c5d1dc;
      background :url(../img/icons.png) repeat-x 0 -24px;
      height: 4px;
      bottom: -5px;
    }
    #home .hover .bl { bottom: -4px; }
    #home .hover .br { bottom: -4px; }

  #home h2 a.logo {
    border-right: 1px solid #9eafbb;
    background: url(../img/logo2.png) no-repeat 0 0;
    display: block;
    float: left;
    height:158px;
    text-indent: -9999px;
    width: 167px;
  }
    #home #company h2 a.logo { background-position: 18px -101px; }
    #home #bus h2 a.logo { background-position: 18px -233px; }
    #home #bike h2 a.logo { background-position: 18px 26px; }
    #home #hopper h2 a.logo { background-position: 18px -360px; }

    #home .hover .topl,
    #home .hover h2 a.logo { border-right-color: #7d93a3; }

    #home .info {
      border-left: 1px solid #fff;
      float: left;
      height:158px;
      padding: 5px 0 0 17px;
      width: 280px;
    }

    #home .hover .topr,
    #home .hover .info { border-left-color: #dce5eb; }

  #home h2 a {
    color: #1d688e;
    display: block;
    margin: 5px 0 0;
    font: bold 13px/15px Arial;
    text-decoration: none;
  }

  #home a.more { /*float: left; */font-size: 11px; display: block; text-decoration: none; height: 15px; position: relative; margin: 7px 0 0 12px; }
  #home a.more strong { border-bottom: 1px solid #5c727f; font-weight: normal; color: #5c727f;  }
  #home a.more span { left: -15px; top: 3px; height: 11px;  width: 11px; display: block; background: url(../img/icons.png) no-repeat 0 -77px; position: absolute }

#home .usps { /* @.usps ^ */
  background-position: 0 -415px;
  /*float :left;*/
  margin: 12px 0 0 6px;
  height:29px;
  width: 256px;
}
  #home .usps ul{
    height: 28px;
  }
    #home .usps li {
      /*display: block;*/
      height:29px;
      padding: 0;
      /*padding: 5px 15px 0;*/
    }
    #home .usps li.last a { padding-right: 2px; }
    #home .usps li.first a{ padding-left: 5px; }

      #home .usps li a {
        height:24px;
        display: block;
        font-size: 11px;
        line-height: 14px;
        padding: 8px 13px 0;
        text-decoration: none;
      }
  #home .usps .left,
  #home .usps .right {
    background-position: 0 -415px;
    height: 27px;
  }
  #home .usps .left .bl,
  #home .usps .right .br {
    bottom: -2px;
  }


/***********************************
  Form styling
*/
#right .inner form {
  display: block;
  /*width: 450px;*/
  clear: both;
  margin: 10px 0 0;
  position: relative;
}
#right .inner form .error {
  clear: left;
  padding: 0 0 8px 200px;
  height: 17px;
  color: #e13338 !important;
}

#right .inner form .checkbox span,
#right .inner form .radio span,
#right .inner form label {
  float: left;
  display: block;
  clear: left;
  padding: 6px 0 0 0;
  line-height: 15px;
  height: 19px;
  color: #676767;
  width: 200px;
}

#right .inner form label span {
	color: #e13338 !important;
}

#right .inner form textarea {
  border: 1px solid #cdcdcf;
  font: normal 12px/15px Arial;
  color: #676767;
  padding: 5px;
  float: left;
  width: 277px;
  margin: 0 0 6px;
}
#right .inner form .text {
  border: 1px solid #cdcdcf;
  float: left;
  height:19px;
  font: normal 12px/15px Arial;
  margin: 0 6px 6px 0;
  padding: 6px 0 0 5px;
  width: 282px;
}

#right .inner form .submit {
  background:#f8f8fa url(../img/gradients.jpg) repeat-x 0 0;
  border: 1px solid #fff;
  color: #fff;
  float: left;
  height:25px;
  font: normal 12px/15px Arial;
  padding: 2px 4px 4px;
  vertical-align: top;
}
#right .inner form .checkbox {
  clear: left;
  margin: 3px 0 0;
}
  #right .inner form .checkbox input { float: left; margin: 3px 0 0; width: 15px; height: 15px; }
  #right .inner form .checkbox label {
    clear: none;
    float: left;
    width: auto;
    padding: 3px 0 0 5px;
  }
#right .inner form .radio {
  clear: left;
  margin: 3px 0 0;
}
  #right .inner form .radio div {  }
  #right .inner form .radio span.mand { clear: left; color: #676767 !important; }
  #right .inner form .radio span { color: #E13338 !important; float: left;}
 
  #right .inner form .radio input { float: left; }
  #right .inner form .radio label {
    clear: none;
    float: left;
    width: auto;
    padding: 3px 0 0 5px;
  }
#right .inner form .select {
  clear: left;
  margin: 3px 0 5px;
}
  #right .inner form .select select {
    float: left;
    height: 26px;
    width: 288px;
    border: 1px solid #cdcdcf;
  }
  #right .inner form .select label {
    clear: none;
    float: left;
  }

/****************************************
banner
*/
#banner{
                margin-top:10px;
                width: 234px;
                text-align: center;
}


/***********************************
  General styling
*/

/*
 * Standard corners
 */
.tr,
.tl,
.bl,
.br {
  background: url(../img/icons.png) no-repeat 0 0;
  display: block;
  height: 8px;
  position: absolute;
  width: 8px;
  z-index: 100;
}
.tl { top: -1px;    left:  -1px; }
.tr { top: -1px;    right: -1px; }
.bl { bottom: -1px; left:  -1px; }
.br { bottom: -1px; right: -1px; }

/*
 * clear
 */
.clear { clear: both; }

/* Table red */
table.red {
	font-family: Arial, Verdana;
	border-top: 1px solid #c32000;
	border-left: 1px solid #c32000;
}

table.red tr.heading {
	text-transform: uppercase;
	color: #000000 !important;
	font-weight: bold;
	background: #c32000;
	font-size: 13px;
	border-right: 1px solid #c32000;
}

table.red tr.heading td {
	text-align: left;
	color: #000000;
}

table.red tr.subHeading {
	color: #000;
	font-weight: bold;
	background: #d86e59;
	font-size: 11px;
}

table.red tr.subHeading td {
	text-align: center;
	border-right: 1px solid #c32000;
}

table.red tr {
	color: #000;
	font-weight: bold;
	background: #f6ded9;
	color: #000;
	font-size: 11px;
}

table.red tr td {
	width: 50px;
	text-align: center;
	border-bottom: 1px solid #c32000;
	border-right: 1px solid #c32000;
	padding: 3px !important;
}

table.red tr td.long {
	width: 500px;
	text-align: left;
	border-bottom: 1px solid #c32000;
	border-right: 1px solid #c32000;
	padding: 3px !important;
}

/* Table blue */
table.blue {
	font-family: Arial, Verdana;
	border-top: 1px solid #5863bc;
	border-left: 1px solid #5863bc;
}

table.blue tr.heading {
	text-transform: uppercase;
	color: #000000 !important;
	font-weight: bold;
	background: #5863bc;
	font-size: 13px;
	border-right: 1px solid #5863bc;
}

table.blue tr.heading td {
	text-align: left;
	color: #000000;
}

table.blue tr.subHeading {
	color: #000;
	font-weight: bold;
	background: #939ad4;
	font-size: 11px;
}

table.blue tr.subHeading td {
	text-align: center;
	border-right: 1px solid #5863bc;
}

table.blue tr {
	color: #000;
	font-weight: bold;
	background: #e6e8f5;
	color: #000;
	font-size: 11px;

}

table.blue tr td {
	width: 50px;
	text-align: center;
	border-bottom: 1px solid #5863bc;
	border-right: 1px solid #5863bc;
	padding: 3px !important;
}

table.blue tr td.long {
	width: 500px;
	text-align: left;
	border-bottom: 1px solid #5863bc;
	border-right: 1px solid #5863bc;
	padding: 3px !important;
}

/* Table green */
table.green {
	font-family: Arial, Verdana;
	border-top: 1px solid #479231;
	border-left: 1px solid #479231;
}

table.green tr.heading {
	text-transform: uppercase;
	color: #000000 !important;
	font-weight: bold;
	background: #479231;
	font-size: 13px;
	border-right: 1px solid #479231;
}

table.green tr.heading td {
	text-align: left;
	color: #000000 !important;
}


table.green tr.subHeading {
	color: #000;
	font-weight: bold;
	background: #7dcc65;
	font-size: 11px;
}

table.green tr.subHeading td {
	text-align: center;
	border-right: 1px solid #479231;
}

table.green tr {
	color: #000;
	font-weight: bold;
	background: #e1f3db;
	color: #000;
	font-size: 11px;

}

table.green tr td {
	width: 50px;
	text-align: center;
	border-bottom: 1px solid #479231;
	border-right: 1px solid #479231;
	padding: 3px !important;
}

table.green tr td.long {
	width: 500px;
	text-align: left;
	border-bottom: 1px solid #479231;
	border-right: 1px solid #479231;
	padding: 3px !important;
}

/* Table orange */
table.orange { font-family: Arial, Verdana; border-top: 1px solid #e9c11f; border-left: 1px solid #e9c11f; }
table.orange tr.heading { text-transform: uppercase; color: #000000 !important; font-weight: bold; background: #e9c11f; font-size: 13px; border-right: 1px solid #5863bc; }
table.orange tr.heading td { text-align: left; color: #000000; padding: 5px; }
table.orange tr.subHeading { color: #000; font-weight: bold; background: #e9ce64; font-size: 11px; }
table.orange tr.subHeading td { text-align: center; border-right: 1px solid #e9c11f; padding: 5px; }
table.orange tr { color: #000; font-weight: bold; background: #e9deb1; color: #000; font-size: 11px; }
table.orange tr td { width: 50px; text-align: center; border-bottom: 1px solid #e9c11f; border-right: 1px solid #e9c11f; padding: 3px !important; }
table.orange tr td.long { width: 500px; text-align: left; border-bottom: 1px solid #e9c11f; border-right: 1px solid #e9c11f; padding: 3px !important; }

/* faq */
#faqcontainer {
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
}

#faqcontainer .faq {
	display: block;
	margin: 10px 0 0 0;
	padding: 0;
}

#faqcontainer .faq .question {
	background: url(http://www.canal.nl/assets/img/faq_bg.png) top left repeat-x;
	display: block;
	padding: 10px;
	margin: 0 0 0 0;
	border: 1px solid #d0d2d1;
}

#faqcontainer .faq .question a.questionlink,
#faqcontainer .faq .question a.questionlink:link,
#faqcontainer .faq .question a.questionlink:visited {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
}

#faqcontainer .faq .question a.questionlink:hover,
#faqcontainer .faq .question a.questionlink:active {
	text-decoration: none;
}

#faqcontainer .faq .answer { 
	display: none;
}

#faqcontainer .faq .answer p { 
	display: block;
	background: #fafafa;
	padding: 10px 15px 10px 15px;
	margin: 0 0 0 0;
	border-right: 1px solid #d0d2d1;
	border-left: 1px solid #d0d2d1;
	border-bottom: 1px solid #d0d2d1;
	line-height: 19px;
}

ul#vloot {
	width: 700px;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#vloot li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 3px;
	width: 110px;
	height: 90px;
	background: #f4f5f6 url(http://www.canal.nl/assets/img/vloor_bg.png) top left repeat-x;
	text-align: center;
	border:1px solid #D0D2D1;
}

ul#vloot li h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 4px 0;
	padding: 0;
	color: #e13338;
}

#fleet-left {
	width: 230px;
	float: left;
}

#fleet-left p {
	font-size: 13px;
	font-weight: bold;
	color: #e13338;
}

#fleet-left table {
	width: 220px !important;
}

#fleet-left table tr td{
	padding: 3px !important;
}

#fleet-right {
	padding: 20px 0 0 0;
	width: 450px;
	float: left;
}

a.menu-card,
a.menu-card:link,
a.menu-card:visited,
a.menu-card:hover {
	background:#F8F8FA url(http://www.canal.nl/assets/img/gradients.jpg) repeat-x scroll 0 0;
	border:1px solid #FFFFFF;
	font-size:12px;
	font-weight: bold;
	height:25px;
	line-height:15px;
	padding:4px 5px;
	text-decoration: none !important;
	vertical-align:top;
	color: #fff !important; 
}

.RedButton {
	display: block;
	margin: 5px;
}

.RedButton a {
	font-size: 13px;
	float: left;
	padding: 0 0 0 12px;
	display: block;
	background: url(http://www.canal.nl/assets/img/butLeft.png) top left no-repeat;
	height: 34px;
	color: #fff !important;
	text-decoration: none !important;
	font-weight: bold;
	line-height: 34px;
	margin: 0 10px 0 0;
}

.RedButton a span {
	float: left;
	padding: 0 12px 0 0;
	display: block;
	background: url(http://www.canal.nl/assets/img/butRight.png) top right no-repeat;
	height: 34px;
}

.RedButton a:hover {
	cursor: pointer;
}


/* WEBSHOP BUTTONS */

a.webshop-canal-nl {
	display: block;
	background: url(http://www.canal.nl/assets/img/button-canal-boek-nu-online.png) top left no-repeat;
	height:  41px;
	width: 145px;
	text-indent: -9999px;
}

a.webshop-canal-en {
	display: block;
	background: url(http://www.canal.nl/assets/img/button-canal-book-now.png) top left no-repeat;
	height:  41px;
	width: 145px;
	text-indent: -9999px;
}

a.webshop-hir-nl {
	display: block;
	background: url(http://www.canal.nl/assets/img/button-hir-boek-nu-online.png) top left no-repeat;
	height:  41px;
	width: 145px;
	text-indent: -9999px;
}

a.webshop-hir-en {
	display: block;
	background: url(http://www.canal.nl/assets/img/button-hir-book-now.png) top left no-repeat;
	height:  41px;
	width: 145px;
	text-indent: -9999px;
}