/* Start of CMSMS style sheet 'vzt.css' */
html,body {
      height: 100%;
}
/*
p {
      margin: 0px;
      padding: 0px;
      display: inline;
}
*/
body {
      margin: 0px;
      padding: 0px;
      background: url(/uploads/images/back.jpg) repeat;
      background-attachment: fixed;
      font-family: arial, tahoma, verdana, helvetica, ms sans serif;
      font-size: 0.9em;
      line-height: 1.5em;
      color: #666666;
      margin-bottom: 20px;
      overflow: -moz-scrollbars-vertical;
      -ms-overflow-y: scroll;
}

#content-img1-clicks {
      z-index: 1;
      float: right;
}

#content-img1-items {
      position: relative;
      text-align: right;
      float: right;
      right: 0px;
      top: 50px;
      width: 300px;
filter:alpha(opacity=100);
}


#content-img1-white-shape{
   float: right;
   width: 264px;
   height:416px;
   background: #FFFFFF;
filter:alpha(opacity=30);
background-color:rgba(255,255,255,0.3);

}

#content-img1-white-border{
   float: right;
   right: 264px;
   width: 1px;
   height:416px;
   background: #FFFFFF;
z-index: 1;
}

.clickrow-back {
      width: 300px;
      height: 81px;
      z-index: 20;
      margin-top: 10px;
      background-repeat: no-repeat;
}

.clickrow1 {
      background: url(/uploads/images/img_home_b1.gif) no-repeat;
      width: 300px;
      height: 81px;
      z-index: 60;
      margin-top: 10px;
}

.clickrow2 {
      background: url(/uploads/images/img_home_b2.gif) no-repeat;
      width: 300px;
      height: 81px;
      z-index: 60;
      margin-top: 10px;
}

.clickrow3 {
      background: url(/uploads/images/img_home_b3.gif) no-repeat;
      width: 300px;
      height: 81px;
      z-index: 60;
      margin-top: 10px;
}

a:link, a:visited, a:active {
    color: #fe140d;
    text-decoration: underline;
}

a:hover{
    color: #fe140d;
    text-decoration: none;
}

#container{
      width: 980px;
      margin-left: auto;
      margin-right: auto; 
      border: 1px solid #444444;
      border-top: 0px;
      background: url(/uploads/images/container.gif) repeat;
}


#container_sider {
      width: 980px;
      margin-left: auto;
      margin-right: auto; 
      border: 1px solid #444444;
      border-top: 0px;
      background: url(/uploads/images/container_sider.gif) repeat;
}

#header {
      display: block;
      width: 980px;
      height: 111px;
      background: url(/uploads/images/header_vast.gif) no-repeat;
      border-bottom: 1px solid #444444;
}

#center {
      display: block;
      width: 980px;
}

#footer {
      clear: both;      
      display: block;
      width: 980px;
      height: 32px;
      padding-top: 13px;
      background: #FFFFFF;
      border-top: 1px solid #444444;
      font-size: 0.75em;
}

#footer .one {
      position: relative;
      float: left;
      width: 208px;
      text-align: center;
      color: #444444;
}

#footer .two {
      position: relative;
      float: right;
      width: 772px;
      text-align: center;
      color: #111111;
}

#footer a {
    font-decoration: none;
    color: #444444;
}

#footer .spacer {
      padding-left: 20px;
      padding-right: 20px;
}

#menu {
      float: left;
      z-index:2;
      top: 0px;
      left: 0px;
      width: 208px;
      min-height: 120px;
      margin: 0px;
}

#content {
    float: right;
    position: static;
    width: 772px;
    min-height: 120px;
}

#content-txt{
          position: static;
          float: right;
          width: 772px;
}

#content-txt #text {
          clear: both;
          position: static;
          float: left;
          width: 460px;
          padding-left: 20px;
          padding-right: 20px;
          padding-top: 20px;
          padding-bottom: 20px;
          font-size: 0.80em;
}

#content-txt #text_nosider {
          clear: both;
          position: static;
          float: left;
          width: 720px;
          padding-left: 20px;
          padding-right: 20px;
          padding-top: 20px;
          padding-bottom: 20px;
          font-size: 0.80em;
}

#content-txt #textfull {
          clear: both;
          position: static;
          float: left;
          width: 480px;
          padding-left: 20px;
          padding-right: 20px;
          padding-top: 20px;
          padding-bottom: 20px;
          font-size: 0.80em;
}

#content-txt #sider {
          clear: right;
          position: static;
          float: right;
          width: 244px;
          background: #fafafa;
          padding-left: 10px;
          padding-right: 10px;
          padding-top: 20px;
          padding-bottom: 20px;
          color: #434343;
          font-size: 0.80em;
}

#text h1 {
         display: block;
         font-size: 1.6em;
         padding-bottom: 2px;
         width: 460px;
         border-bottom: 1px solid #a0a0a0;
         color: #fe140d;
}

#text_nosider h1 {
         display: block;
         font-size: 1.6em;
         padding-bottom: 2px;
         width: 720px;
         border-bottom: 1px solid #a0a0a0;
         color: #fe140d;
}

#text_nosider table {
         border: 1px solid #666666;
         border-collapse:collapse;
}

#text_nosider table td {
         padding: 6px;
         border: 1px solid #999999;
}


#sider h1 {
         display: block;
         font-size: 1.6em;
         padding-bottom: 2px;
         width: 230px;
         border-bottom: 1px solid #a0a0a0;
         color: #fe140d;
}

#content-small1 {
          background: url(/uploads/images/img_content.jpg) no-repeat;
          width: 772px;
          height: 94px;
          border-bottom: 1px solid  #444444;
}

#content-img1 {
          background: url(/uploads/images/img_homeback.jpg) no-repeat;
          width: 772px;
          height: 417px;
}

#content-img-def {
          background: #FFFFFF;
          background: url(/uploads/images/img_def.jpg) no-repeat;
          width: 772px;
          height: 416px;
}

#content-img2 {
          background: url(/uploads/images/img_warehousing.jpg) no-repeat;
          width: 772px;
          height: 417px;
}

#content-img3 {
          background: url(/uploads/images/img_verhuur.jpg) no-repeat;
          width: 772px;
          height: 417px;
}

.item {
          font-size: 0.95em;
          line-height: 1.5em;
}

.nitem {
          font-size: 0.95em;
          line-height: 1.5em;
          padding-bottom: 15px;
}

a img {
    border: 0px;
}

div.item {
        clear: both;
        float: left;
        margin: 0px;
}

a.menu, a.menu:link, a.menu:visited {
            display: block;
            width: 178px;
            height: 27px;
            background: url(/uploads/images/menu_off.jpg) no-repeat;
            border: 0px;
            padding-left: 30px;
            padding-top: 10px;
            margin: 0px;       
            text-decoration: none;     
}

a.cmenu, a.menu:hover {
            display: block;
            width: 178px;
            height: 27px;
            background: url(/uploads/images/menu_on.jpg) no-repeat;
            border: 0px;
            padding-left: 30px;
            padding-top: 10px;
            margin: 0px;
            text-decoration: none;
}

a.submenu, a.submenu:link, a.submenu:visited {
            display: block;
            width: 178px;
            height: 22px;
            background: url(/uploads/images/submenu_off.jpg) no-repeat;
            border: 0px;
            padding-left: 30px;
            padding-top: 5px;
            margin: 0px;       
            text-decoration: none;     
}

a.submenu:hover {
            display: block;
            width: 178px;
            height: 22px;
            background: url(/uploads/images/submenu_on.jpg) no-repeat;
            border: 0px;
            padding-left: 30px;
            padding-top: 5px;
            margin: 0px;
            text-decoration: none;
}

.menusplitter {
           height: 21px;
           width: 208px;
            background: url(/uploads/images/menu_splitter.jpg) no-repeat;
}

.menusplitter2 {
           height: 35px;
           width: 208px;
            background: url(/uploads/images/menu_splitter2.jpg) no-repeat;
}

.klantenportaal {
          clear: both;
          width: 208px;
          height: 37px;
          background: url(/uploads/images/klantenportaal.jpg) no-repeat;
}

.login {
           padding-left: 20px;
           font-size: 0.75em;
           color: #EEEEEE;
           line-height: 30px;
           margin-top: 10px;
}

.login input {
           width: 160px;
           border: 1px solid #b3b3b3;
           height: 17px;
           font-size: 1.0em;
           color: #666666;
}

.login img {
           padding-top: 10px;
}

#block1,#block2,#block3 {
          float: left;
          width: 207px;
          min-height: 340px;
          border: 1px solid #a0a0a0;
          padding-left: 10px;
          padding-right: 10px;
          padding-top: 5px;
          margin-left: 10px;
          margin-right: 10px;
          margin-bottom: 20px;
          font-size: 0.75em;
          line-height: 1.6em;
          color: #434343;
}

#block1 img, #block2 img,#block3 img, #block1-1 img, #block2-1 img {
           border: 1px solid #a0a0a0;
}

#block1-1,#block2-1 {
          float: left;
          width: 310px;
          min-height: 340px;
          border: 1px solid #a0a0a0;
          padding-left: 10px;
          padding-right: 10px;
          padding-top: 5px;
          margin-left: 10px;
          margin-right: 10px;
          margin-bottom: 20px;
          font-size: 0.75em;
          line-height: 1.6em;
          color: #434343;
}

#content-crumbs{
          width: 772px;
          padding-top: 10px;
          padding-left: 20px;
          font-size: 0.7em;
}

#content-blocks{
          width: 772px;
          padding-top: 20px;
          padding-bottom: 20px;
          margin-bottom: 20px;
}

#block1 {
       margin-left: 20px;
}

hr {
       display: block;       
       width: 100%;
       height: 1px;
       color: #666666;
       margin-top: 20px;
       margin-bottom: 20px;
}

body.popup_nl {
      background: #FFFFFF;
      background: url(/uploads/images/kaart_nl.gif) no-repeat;
      margin: 0px;
      padding: 0px;
      font-family: arial, tahoma, verdana, helvetica, ms sans serif;
      font-size: 0.6em;
      line-height: 1.5em;
      color: #666666;
      overflow: -moz-scrollbars-vertical;
      -ms-overflow-y: scroll;
}

#header_popup {
      display: block;
      width: 700px;
      height: 100px;
      background: url(/uploads/images/logo_popup.gif) no-repeat;
      border-bottom: 1px solid #444444;
}

.grijze_rand {
      border: 1px solid #666666;
}

#headerimg {
 float: right;
 display: block;
}

#news p {
display: inline;
margin: 0;
padding: 0;
}

.smallSpace{
position: relative; 
float: left;
left: 98px;
top: 13px;
width: 22px; 
height: 80px;
border: solid black 1px;
opacity:0.7;
filter:alpha(opacity=70);

}


.smallSpace .dockTxt{
position:relative;
height:22px;
width:75px;
color: black;
-webkit-transform: rotate(-90deg) translateX(-29px) translateY(-28px); 
-moz-transform: rotate(-90deg) translateX(-29px) translateY(-28px);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
overflow:hidden;
opacity:5;

}

.largeSpace .dockTxt{
position:relative;
height:22px;
width:148px;
color: black;
-webkit-transform: rotate(-90deg) translateX(-65px) translateY(-64px); 
-moz-transform: rotate(-90deg) translateX(-65px) translateY(-64px);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
overflow:hidden;
float:left;
}


.spaceCheckbox{
position: relative; 
float: left;
left: 0px;
top: 25px;
margin: -15px 6px 0px 5px;
display:inline;
padding-top: 200px;
width: 13px;
z-index: 99;
opacity:1;
filter:alpha(opacity=100);
}



div.smallSpace:hover{
cursor: pointer;
opacity:1;
filter:alpha(opacity=100);
z-index:90;
}

div.largeSpace:hover{
cursor: pointer;
opacity:1;
filter:alpha(opacity=100);
z-index:90;
}

.largeSpace{
position: relative; 
float: left;
left: 98px;
top: 13px;
width: 22px; 
height: 153px;
border: solid black 1px;
opacity:0.7;
filter:alpha(opacity=70);

}

#plattegrond{
position: relative;
background:url('uploads/images/plattegrond2.gif') no-repeat;
width: 750px; 
height: 400px;
}

.nrspace:hover{
color:red;
cursor: pointer;
}
/* End of 'vzt.css' */