/*
 * ------------------------------------------------------------------------
 * JA Puresite Template J25
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites:  http://www.joomlart.com -  http://www.joomlancers.com
 * This file may not be redistributed in whole or significant part.
 * ------------------------------------------------------------------------
*/

.bodyHome {
  background: url(../images/bodyHome-bg-1680x250.jpg) no-repeat center top;
}

.bodyDiensten {
  background: url(../images/bodyDiensten-bg.jpg) no-repeat center top;
}

.bodyOver {
  background: url(../images/bodyOver-bg.jpg) no-repeat center top;
}

.bodyContact {
  background: url(../images/bodyContact-bg.jpg) no-repeat center top;
}

.bodySupport {
  background: url(../images/bodySupport-bg.jpg) no-repeat center top;
}

 
/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.wrap {
  clear: both;
  width: 100%;
}

.main {
  margin: 0 auto;
  position: relative;
  width: 980px;
}

.column {
  display: inline;
  float: left;
  overflow: hidden;
}

.ja-mass {
  clear: both;
}

/* Gutter ---*/
.main .inner {
  padding-left: 10px;
  padding-right: 10px;
}

.main .main-inner1 {
  margin: 10px 20px 0;
}

/* Reset Basetheme */
#ja-main, ja-content { float: none; }

#ja-main-wrap div.ja-moduletable,
#ja-main-wrap div.moduletable,
#ja-main-wrap div.ja-module,
#ja-main-wrap div.module {
  margin-right: 0;
  margin-left: 0;
}

.column div.ja-moduletable, .column div.moduletable, .column div.ja-module, .column div.module {
  margin-left: 0;
  margin-right: 0;
}

.ja-box-right {
  position: static;
}

.ja-box { min-height: 0 !important; }

/* Redefine gutter for module-inner */
#ja-right1 div.moduletable-inner,
#ja-left1 div.moduletable-inner {
  margin: 10px;
}

#ja-right div.ja-moduletable {
  z-index: 1;
}

/* MASONRY PRESETS (240px*5 Grids)
--------------------------------------------------------- */
/* Sizes---*/
.ja-masonry { width: 240px;}

.grid-double {
  width: 480px;
}

.grid-tripple {
  width: 700px;
}

.ja-masonry .custom,
.grid-double .custom,
.grid-tripple .custom {
  width: auto;
}

/* Main Content */
#ja-content {
  width: 700px; /* 3 grids */
}

.ja-frontpage #ja-content {
  width: 480px; /* Frontpage Content 2 grids */
}

.ja-mf #ja-content {
  width: 100% !important; /* Full */
}

.ja-l1 #ja-main {
  float: right; /* left + content */
}

#ja-container .main .main-inner1 {
  margin: 10px 10px 0; /*extra ruimte boven main content*/
}

#ja-content {
  margin-top: 10px;
}

#ja-header .main-inner1 {
  margin-top: 0;
}
/* SPOTLIGHT
--------------------------------------------------------- */

#ja-topsl .ja-masonry,
#ja-topsl1 .ja-masonry,
#ja-topsl2 .ja-masonry {
  width: 100%;
}

/* full 5 grids content */
body.content-grid-mass #ja-content,
body.content-grid-mass.ja-frontpage #ja-content {
  width: 100% !important;
}

/* 4 grids content */
body.content-grid-quadruple #ja-content,
body.content-grid-quadruple.ja-frontpage #ja-content {
  width: 960px;
}

/* 3 grids content */
body.content-grid-tripple #ja-content,
body.content-grid-tripple.ja-frontpage #ja-content {
  width: 660px;
}

/* 2 grids content */
body.content-grid-double #ja-content,
body.content-grid-double.ja-frontpage #ja-content {
  width: 480px;
}

/* 1 grids content */
body.content-grid-single #ja-content,
body.content-grid-single.ja-frontpage #ja-content {
  width: 240px;
}


/* CONTENT'S GRIDS
--------------------------------------------------------- */
/* Items Page */
.ja-content-main {}

/* Items Row */
.items-row { margin: 0 -10px 20px; padding: 0; }

.item { float: left; position: relative; padding: 0; }

.item .contentpaneopen {
  padding: 0 10px 20px;
}

/* Items Leading */
.items-leading {
  padding: 0;
  margin: 0;
}

.items-leading .leading {
  padding: 10px 0;
}

.items-leading .leading:first-child {
  padding-top: 0;
}

.leading .contentpaneopen {
  padding: 10px 0;
}

/* Items Grids */
.cols-1 .item {
  width: 100%;
}

.cols-2 .item {
  width: 50%;
}

.cols-3 .item {
  width: 33.33%;
}

.cols-4 .item {
  width: 25%;
}

.cols-5 .item {
  width: 20%;
}

/* HEADER
--------------------------------------------------------- */
#ja-header {
}

/* FOOTER
--------------------------------------------------------- */
#ja-footer {
}

/* MAIN NAVIGATION 
--------------------------------------------------------- */
/* hide menu button by default */
#ja-menu-button { display: none; position: relative; }

#ja-main-wrap div.ja-moduletable-inner, 
#ja-main-wrap div.moduletable-inner, 
#ja-main-wrap div.ja-module-inner, 
#ja-main-wrap div.module-inner, 
#ja-extra-col div.module-inner {
  margin: 10px;
}

/* OFFIXS STYLE
--------------------------------------------------------- */
.drieluik { 
  overflow: hidden;  
  height: auto;
}

.drieluikSub {
  display: inline;
  float: left;
  margin-right: 40px;
}

.drieluik p {
  font-size: 1.1em;
  /*width: 13em;*/
  width: 280px;
}
  
.drieluik img {
  display: block;
  margin: 0 auto;
}

.drieluikSubHome p {
  font-size: 15px;
  width: 280px;
}

.BelOfMail {  font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;  font-size: 1.8em;  color: #ffffff;  background-color: #cf003d;  text-align: center;    -moz-border-radius-bottomleft:9px;  -webkit-border-bottom-left-radius:9px;  border-bottom-left-radius:9px;  -moz-border-radius-bottomright:9px;  -webkit-border-bottom-right-radius:9px;  border-bottom-right-radius:9px;  -moz-border-radius-topright:9px;  -webkit-border-top-right-radius:9px;  border-top-right-radius:9px;  -moz-border-radius-topleft:9px;  -webkit-border-top-left-radius:9px;  border-top-left-radius:9px;}.BelOfMail a {  color: #ffffff;}

.last {
  margin: 0;
}

.left {
  float: left;
}

.topZero {
  padding-top: 0;
}

p.top {
  margin-top: 0;
}

ul.top {
  margin-top: 0;
}

.center {
  margin-left:auto;
  margin-right:auto;
  width:60%;
}

.center80 {
  margin-left:auto;
  margin-right:auto;
  width:80%;  
}

.centerButton {
  text-align: center;
}

.bold {
  font-size: 14px;
  font-weight: 600;
}

.floatLeft {
  float: left;
}

.halfWidth {
  width: 50%;
}


.width90 {
  width: 90px;
}

.marginRight10 {
  margin-right: 10px;
}

.marginRight20 {
  margin-right: 20px;
}

.marginRight94 {
  margin-right: 94px;
}

.marginRight100 {
  margin-right: 100px;
}

.box {
  width: 800px;
}

.icon {
  width: 100px;
  height: 100px;
}

.height80 {
  height:80px;
}

.duoWrap {
  overflow: hidden;
  height: auto;
}

.duoPanel {
  display: inline;
  float: left;
}

.extraWide {
  width: 220px;
}

.buttonWidth {
  /*width: 150px;*/
  width: 270px;
}

h2.extraBot100 {
  margin-bottom: 100px;
}

p.extraWide {
  width: 230px;
}

p.extraBot {
  margin-bottom: 100px;
}

p.extraBot2 {
  margin-bottom: 80px;
}

/* ------ Home ------ */

#drieluikZaktel {
  text-align: center;
}

#drieluikOnline {
  text-align: center;
}

#drieluikInfra {
  text-align: center;
}

#zaktelHome {
  /*width: 220px;*/
  background: url(../images/icoon_zaktel.png) no-repeat center top;
  padding-top: 74px;
  /*margin: 0 auto;*/ 
}

#zaktelHome:hover {
  background: url(../images/icoon_zaktel_over.png) no-repeat center top; 
}

#onlineHome {
  background: url(../images/icoon_online.png) no-repeat center top;
  padding-top: 74px; 
}

#onlineHome:hover {
  background: url(../images/icoon_online_over.png) no-repeat center top; 
}

#infraHome {
  background: url(../images/icoon_ictinfra.png) no-repeat center top;
  padding-top: 74px; 
}

#infraHome:hover {
  background: url(../images/icoon_ictinfra_over.png) no-repeat center top; 
}

/* ------ Zakelijke Telefonie ------ */
.telefonie {
  width: 200px;
  padding: 0 auto;
  margin-right: 20px;
}

#zaktelProd {
  background: url(../images/icoon_zaktel.png) no-repeat center top;
  padding-top: 34px; 
}

#vast {
  text-align:center;
}

#mobiel {
  text-align:center;
}

/* ------ Online Diensten ------ */
.drieluiksubOnline {
  display: inline; 
  float: left;
  margin-right: 30px;
}

.drieluikNomadesk {
  overflow: hidden;  
  height: auto;
}

p.onlineIntro {
  padding-bottom: 40px;
}

.onlineProd {
  margin-top: 44px;
}

.onlineProd p, h3 {
  width: 220px; 
}

.vullend {
  width: 200px;
}

#onlineProd {
  background: url(../images/icoon_online.png) no-repeat center top;
  padding-top: 34px; 
}

#office365 {
  height: 160px;
  background: url(../images/logo_office365.png) no-repeat top;
  padding: 50px 0 10px 0;
  border-bottom: 1px dotted #0091b5;
}

#google {
  height: 160px;
  background: url(../images/logo_google_apps.png) no-repeat top;
  padding: 50px 0 10px 0;
  border-bottom: 1px dotted #0091b5; 
}

#webtop {
  height: 160px;
  background: url(../images/logo_contactoffice.png) no-repeat top;
  padding: 50px 0 10px 0;
  border-bottom: 1px dotted #0091b5; 
}

#exchange {
  height: 160px;
  background: url(../images/logo_exchange.png) no-repeat top;
  padding: 50px 0 10px 0;
  border-bottom: 1px dotted #0091b5;
}

#nomadesk {
  height: 160px;
  background: url(../images/nomadesk_logo.png) no-repeat top;
  padding: 50px 0 10px 0; 
  border-bottom: 1px dotted #0091b5; 
}

#backup {
  height: 160px;
  background: url(../images/logo_backupconnect.png) no-repeat top;
  padding: 50px 0 10px 0;
  border-bottom: 1px dotted #0091b5; 
}

#domeinbalie {
  height: 160px;
  background: url(../images/logo_domeinbalie.png) no-repeat top;
  padding: 70px 0 10px 0;
}

#werkplekdienst {
  height: 160px;
  background: url(../images/logo_werkplekdienst.png) no-repeat top;
  padding: 70px 0 10px 0;
}

/* ------ ICT Infrastructuur ------ */
.ictinfra {
  /*width: 200px;*/
  width: 280px;
  margin-right: 20px;
}

#infraProd {
  background: url(../images/icoon_infra.png) no-repeat center top;
  padding-top: 34px; 
}

/* ------ Online Diensten  ------ */
.duoWrap {
  overflow: hidden;
  height: auto;
}

.duoPanel {
  display: inline;
  float: left;
}

.nomadesk {
  overflow: hidden;
  height: auto;
  margin-right: 90px; 
}

.nomadesk p {
  width: 220px;
}

.nomadesk img {
  float: left;
  margin: 0 0 10px 20px;
}

.genTable {
  margin:0px;padding:0px;
  margin-right: 30px;
  /*width:/*100%*/420px;*/
  /*box-shadow: 10px 10px 5px #888888;*/
  border:1px solid #000000;
    
  -moz-border-radius-bottomleft:9px;
  -webkit-border-bottom-left-radius:9px;
  border-bottom-left-radius:9px;

  -moz-border-radius-bottomright:9px;
  -webkit-border-bottom-right-radius:9px;
  border-bottom-right-radius:9px;

  -moz-border-radius-topright:9px;
  -webkit-border-top-right-radius:9px;
  border-top-right-radius:9px;

  -moz-border-radius-topleft:9px;
  -webkit-border-top-left-radius:9px;
  border-top-left-radius:9px;
}

.genTable table{
  width:100%;
  height:100%;
  margin:0px;padding:0px;
}

.genTable tr:last-child td:last-child {
  -moz-border-radius-bottomright:9px;
  -webkit-border-bottom-right-radius:9px;
  border-bottom-right-radius:9px;
}

.genTable table tr:first-child td:first-child {
  -moz-border-radius-topleft:9px;
  -webkit-border-top-left-radius:9px;
  border-top-left-radius:9px;
}

.genTable table tr:first-child td:last-child {
  -moz-border-radius-topright:9px;
  -webkit-border-top-right-radius:9px;
  border-top-right-radius:9px;
}

.genTable tr:last-child td:first-child{
  -moz-border-radius-bottomleft:9px;
  -webkit-border-bottom-left-radius:9px;
  border-bottom-left-radius:9px;

}
.genTable tr:hover td{
  /*background-color:#82c0ff;
  background:-o-linear-gradient(bottom, #82c0ff 5%, #56aaff 100%);  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #82c0ff), color-stop(1, #56aaff) );
  background:-moz-linear-gradient( center top, #82c0ff 5%, #56aaff 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#82c0ff", endColorstr="#56aaff");  background: -o-linear-gradient(top,#82c0ff,56aaff);*/
}

.genTable tr:first-child td{
  /*background:-o-linear-gradient(bottom, #0069d3 5%, #007fff 100%);  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0069d3), color-stop(1, #007fff) );
  background:-moz-linear-gradient( center top, #0069d3 5%, #007fff 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0069d3", endColorstr="#007fff");  background: -o-linear-gradient(top,#0069d3,007fff);*/
  /*background-color:#0069d3;*/
  background-color: #cf003d;
  border:0px solid #000000;
  text-align:left;
  border-width:0px 0px 1px 1px;
  /*font-size:18px;*/
  font-weight:bold;
  color:/*#ffffff*/#fafbfc;
}

.genTable tr:first-child td:first-child{
  border-width:0px 0px 1px 0px;
}

.genTable tr:first-child td:last-child{
  border-width:0px 0px 1px 1px;
}

.genTable td{
  /*background:-o-linear-gradient(bottom, #56aaff 5%, #82c0ff 100%);  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #56aaff), color-stop(1, #82c0ff) ); 
  background:-moz-linear-gradient( center top, #56aaff 5%, #82c0ff 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#56aaff", endColorstr="#82c0ff");  background: -o-linear-gradient(top,#56aaff,82c0ff);*/

  /*background-color:#56aaff;*/
  border:1px solid #000000;
  border-width:0px 1px 1px 0px;
  text-align:left;
  padding:7px;
  font-size:12px;
  font-weight:bold;
  color:/*#000000*/#242424;
}

.genTable tr:last-child td{
  border-width:0px 1px 0px 0px;
}

.genTable tr td:last-child{
  border-width:0px 0px 1px 0px;
}

.genTable tr:last-child td:last-child{
  border-width:0px 0px 0px 0px;
}

.mobielTable {
  width:600px;
  border:1px solid #000000;
}

.webhostingTable {
  margin:0px;padding:0px;
  margin-right: 30px;
  width:/*100%*/420px;
  /*box-shadow: 10px 10px 5px #888888;*/
  border:1px solid #000000;
    
  -moz-border-radius-bottomleft:9px;
  -webkit-border-bottom-left-radius:9px;
  border-bottom-left-radius:9px;

  -moz-border-radius-bottomright:9px;
  -webkit-border-bottom-right-radius:9px;
  border-bottom-right-radius:9px;

  -moz-border-radius-topright:9px;
  -webkit-border-top-right-radius:9px;
  border-top-right-radius:9px;

  -moz-border-radius-topleft:9px;
  -webkit-border-top-left-radius:9px;
  border-top-left-radius:9px;
}

.webhostingTable table{
  width:100%;
  height:100%;
  margin:0px;padding:0px;
}

.webhostingTable tr:last-child td:last-child {
  -moz-border-radius-bottomright:9px;
  -webkit-border-bottom-right-radius:9px;
  border-bottom-right-radius:9px;
}

.webhostingTable table tr:first-child td:first-child {
  -moz-border-radius-topleft:9px;
  -webkit-border-top-left-radius:9px;
  border-top-left-radius:9px;
}

.webhostingTable table tr:first-child td:last-child {
  -moz-border-radius-topright:9px;
  -webkit-border-top-right-radius:9px;
  border-top-right-radius:9px;
}

.webhostingTable tr:last-child td:first-child{
  -moz-border-radius-bottomleft:9px;
  -webkit-border-bottom-left-radius:9px;
  border-bottom-left-radius:9px;

}.webhostingTable tr:hover td{
  /*background-color:#82c0ff;
  background:-o-linear-gradient(bottom, #82c0ff 5%, #56aaff 100%);  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #82c0ff), color-stop(1, #56aaff) );
  background:-moz-linear-gradient( center top, #82c0ff 5%, #56aaff 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#82c0ff", endColorstr="#56aaff");  background: -o-linear-gradient(top,#82c0ff,56aaff);*/
}

.webhostingTable tr:first-child td{
  /*background:-o-linear-gradient(bottom, #0069d3 5%, #007fff 100%);  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0069d3), color-stop(1, #007fff) );
  background:-moz-linear-gradient( center top, #0069d3 5%, #007fff 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0069d3", endColorstr="#007fff");  background: -o-linear-gradient(top,#0069d3,007fff);*/
  /*background-color:#0069d3;*/
  background-color: #cf003d;
  border:0px solid #000000;
  text-align:center;
  border-width:0px 0px 1px 1px;
  /*font-size:18px;*/
  font-weight:bold;
  color:/*#ffffff*/#fafbfc;
}

.CSSTableGenerator tr:first-child:hover td{
  /*background:-o-linear-gradient(bottom, #0069d3 5%, #007fff 100%);  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0069d3), color-stop(1, #007fff) );
  background:-moz-linear-gradient( center top, #0069d3 5%, #007fff 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0069d3", endColorstr="#007fff");  background: -o-linear-gradient(top,#0069d3,007fff);*/
  /*background-color:#0069d3;*/
}

.webhostingTable tr:first-child td:first-child{
  border-width:0px 0px 1px 0px;
}

.webhostingTable tr:first-child td:last-child{
  border-width:0px 0px 1px 1px;
}

.webhostingTable td{
  /*background:-o-linear-gradient(bottom, #56aaff 5%, #82c0ff 100%);  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #56aaff), color-stop(1, #82c0ff) ); 
  background:-moz-linear-gradient( center top, #56aaff 5%, #82c0ff 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#56aaff", endColorstr="#82c0ff");  background: -o-linear-gradient(top,#56aaff,82c0ff);*/

  /*background-color:#56aaff;*/
  border:1px solid #000000;
  border-width:0px 1px 1px 0px;
  text-align:left;
  padding:7px;
  font-size:12px;
  font-weight:bold;
  color:/*#000000*/#242424;
}

.webhostingTable tr:last-child td{
  border-width:0px 1px 0px 0px;
}

.webhostingTable tr td:last-child{
  border-width:0px 0px 1px 0px;
}

.webhostingTable tr:last-child td:last-child{
  border-width:0px 0px 0px 0px;
}