@charset "UTF-8";
/*Kleuren 
body type: #000;
licht grijs: #9f9f9f
Donker grijs: #6f6f6f
border-bottom:1px dotted #cdcdcd;


*/
/******************************* RESET *******************************/
* { margin: 0; padding: 0; }
img { border: none; }
ul { margin: 0; padding: 0; list-style: none; list-style-type: none; }
.clear { clear: both; }
/****************** HTML5 ELEMENTS ***********************************/
section, article, header, footer, nav, aside, hgroup { display: block; }
/****************** GENERAL *****************************************/
body { font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px; color: #545454; }
p { margin-bottom: 12px; }
img.img_left { float: left; margin-right: 19px; margin-bottom: 13px; }
img.img_right { float: right; margin-left: 19px; margin-bottom: 13px; }
.border { -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; }
.messages{background:#fffac6; border:1px solid #999; padding:10px; margin-bottom:15px;}
/****************** LAYOUT *****************************************/
.wrapper { margin: 0 auto; width: 1112px; }
#header { width: 1112px; height: 113px; background: url("../images/headerBar.png") no-repeat; margin-top: 55px; z-index: 9 }
.nav_container { width: 1112px; height: 42px; background: url("../images/content_bg.png") repeat-y; display: block; }
.content_container { width: 1112px; background: url("../images/content_bg.png") repeat-y; height: 100%; padding: 30px 0; }
#content { width: 715px; margin: 0 36px 15px 30px; float: left; }
.sidebar { float: left; width: 325px; }
/*************  HEADINGS  *************/
h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; }
h1 { clear:both; font-size: 24px; text-transform: uppercase; color: #545454; line-height: 32px; font-weight: bold; margin-bottom: 26px; padding-bottom: 4px; border-bottom: 1px dotted #545454; }
h1 span { color: #6f6f6f; }
h2 { font-weight: bold; font-size: 20px; margin-bottom: 8px; margin-top: 20px; }
#content h2 { clear: both; }
h3, .sidebar h2 { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.sidebar h2 { margin-top: 0; padding-bottom: 7px; }
h4 { clear: both; font-size: 16px; font-weight: bold; margin-bottom: 5px; }
h4 span { color: #4e4e4e; }
/*************  LINKS  ***************/
a:link, a { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
a.webshop { background: url("../images/icon_webshop.png") no-repeat left; padding-left: 35px; display: block; }
body .more-link a, body.taxonomy-it_infrastructuur .more-link a, body.taxonomy-hosting .more-link a, body.taxonomy-office_center .more-link a, body.taxonomy-pingwin_software .more-link a, #cart-form-buttons .form-button, #cart-form-buttons .form-submit, input.form-submit { -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; padding: 4px 8px; color: #FFF; border: none; }
.more-link { margin-bottom: 10px; }
/* HEADER */
.logo { float: left; width: 311px; margin: 29px 45px 0 35px; }
.banner { float: left; width: 468px; margin: 30px 40px 0 0; }
.hulp { float: left; width: 187px; height: 122px; position: relative; z-index: 999999; top: -14px; }
/**----------- END GENERAL ----------------------------------******/

/************* NAVIGATION  ***************/
#nav h2 { display: none; }
#nav li.leaf { list-style: none; list-style-type: none; }
#nav { width: 1100px; height: 42px; display: block; margin-left: 6px; }
#nav ul.menu li { float: left; background: url("../images/nav_divider.png") no-repeat left center; padding-left: 25px; margin-right: 20px; }
#nav ul.menu li.first { background: none; }
#nav ul.menu li.active a { color: #ebebeb }
#nav ul.menu li a { font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #FFFFFF; line-height: 23px; text-transform: uppercase; }
#nav ul.menu li a:hover, #nav ul.menu li a.active { color: #ebebeb; }
/***************** CONTENT ****************************************/
/* HOME */

/* CONTENT */
.toTop { border-bottom: 1px dotted #cdcdcd; clear: both; }
.toTop div { float: right; }
/* PRODUCT PAGE */
.visual { width: 287px; height: 266px; background: url("../images/picture_frame.png") no-repeat; float: left; margin-right: 20px; margin-bottom: 25px; }
.product-image { float: none; width: 267px; height: 247px; background: #FFF; margin-top: 10px; overflow: hidden; }
.product-image img { }
span.price-prefixes { display: none; }
.price, .bottom_price, body.page-catalog .field-sell-price { font-size: 13px; font-weight: bold; color: #000; background: #e8e8e8; text-align: center; padding: 4px; width: 100px; float: right; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; }
body.page-cart .price { float: none; background: none; font-size: 12px; font-weight: normal; }
span.price-suffixes span.price-vat-suffix { display: block; font-size: 10px; color: #838383; }
span.price-suffixes span.price-vat-exclusive { font-size: 7px; color: #838383; }
.ref { padding-top: 10px; }
.ref, .stock { color: #848484; font-size: 12px; margin-bottom: 3px; }
.ref span, .stock span, .field-label-inline-first { margin-right: 5px; text-transform: uppercase; font-weight: bold; }
.product_content { margin-top: 30px; margin-bottom: 55px; }
.order { clear: both; margin-top: 15px; padding: 3px; float: right; margin-bottom: 20px; }
.order .form-submit { border: none; background: none; padding: 3 8px; height: 30px; cursor: pointer; width: 118px; color: #FFF; text-transform: uppercase; font-size: 13px; }
.add-to-cart { }
.product_bottom { clear: both; padding-top: 40px; border-top: 1px dotted #cdcdcd; }
/* Product List */
.nd-region-left { width: 91px; }
.nd-region-right { width: 105px; }
.nd-region-middle-wrapper { width: 80%; }
.nd-region-left .field-product-image { width: 91px; height: 86px; background: url("../images/no-image-thumb.png") no-repeat; }
.nd-region-left .field-product-image img { margin-top: 9px; margin-left: 9px; }
.nd-region-middle .field-title h2 { margin-top: 8px; }
.nd-region-middle .field-title h2 a { font-size: 13px; font-weight: bold; color: #4d4d4d; text-transform: uppercase; text-align: left; }
.nd-region-middle .field-model { color: #848484; }
.nd-two-sidebars .nd-region-middle { margin: 0; padding: 0 0 0 120px; }
.category-grid-products table, .category-grid-products table tbody { border: none; }
.category-grid-products td { text-align: left; border-bottom: 1px dotted #acacac; border-right: none; padding: 8px 0; }
.category-grid-products tr.even, tr.odd { border: none; }
/* PAGER */ 
ul.pager { clear: both; margin: 25px 0; }
ul.pager li a { background: #dddddd; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; padding: 4px 8px; color: #7f7f7f; }
ul.pager li.pager-current { color: #FFF; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; }
/* CART */ 
#cart-form-products table td { padding: 10px; }
tr.even { background: #F0F0F0; }
tr.odd { background: #f6f6f6; border-bottom: 1px dotted #acacac; }
/*   **** NIEUWS **** */
#content .view-Nieuws .views-field-title { font-size: 18px; margin-bottom: 8px; }
#content .view-Nieuws .views-field-view-node a { background: url("../images/lees_meer.png") no-repeat left; padding-left: 25px; display: block; }
#content .view-Nieuws .views-field-view-node { margin-bottom: 10px; }
#content .view-Nieuws .views-row { margin-bottom: 15px; border-bottom: 1px dotted #acacac; clear: both; }
/* TABLES */
table#attachments td, table#attachments th { padding: 10px; }
.vTable { margin: 25px 0; }
.vTable tbody { border: none; }
.vTable td { padding: 10px; }
/**----------- END CONTENT ----------------------------------******/

/** BLOCKS and MODULES **/

/***************** SIDEBAR ****************************************/
.block_default { }
.block-views, .block-user, #block-menu-accountmenu { margin-bottom: 10px; padding: 10px 15px; background: #f2f2f2; }
.block_grey, .block-uc_cart, .block-uc_product_search, .block-search { background: url("../images/block_grey.png") repeat-y; margin-bottom: 10px; padding: 15px 15px; }
.block-uc_product_search { height: 70px; }
.block_default h3 { padding-bottom: 8px; }
.sidebar ul { margin-bottom: 15px; }
.sidebar .block ul { padding: 0; margin: 0; list-style: none; list-style-type: none; }
.sidebar .item-list ul li, #content .node_content ul li { margin-bottom: 6px; background: url("../images/list_sub.png") no-repeat left top; padding-left: 15px; margin-left: 0; list-style: none; list-style-type: none; }
.product_container ul li { list-style-type: disc; list-style-position: inside; }
#content ul { margin-left: 15px; margin-bottom: 25px; }
.sidebar .item-list ul ul li { background: none; margin: 0; padding: 0; }
.view-prijslijsten .view-header p { font-weight: bold; }
.cta { padding: 10px 0 10px 10px; font-size: 16px; text-transform: uppercase; }
body .cta a, body.taxonomy-it_infrastructuur .cta a, body.taxonomy-hosting .cta a, body.taxonomy-office_center .cta a, body.taxonomy-pingwin_software .cta a { background: url("../images/icon_contact.png") no-repeat left; padding-left: 41px; color: #FFFFFF; display: block; line-height: 30px; }
#user-login-form { text-align: left; }
/* USER */
.block-uc_product_search label { display: none; }
.block-uc_product_search .form-item { float: left; margin: 0; }
.block-uc_product_search input.form-text, .block-search input.form-text { float: left; width: 200px; height: 15px; padding-top:10px; }
.block-uc_product_search input.form-submit{ float: right; }
.block-search input.form-submit{margin-left:10px; position:relative; top:-10px;}
/* SOCIALS */
.socials { margin: 20px 0; }
.socials ul { margin: 0; padding: 0; list-style: none; }
.socials ul li { float: left; margin-right: 8px; width: 30px; background: none; }
/**----------- END SIDEBAR ----------------------------------******/

/***************** FOOTER ****************************************/
#footer { background: url("../images/content_bg.png") repeat-y; display: block; width: 1112px; }
#footer .container { width: 1100px; height: 42px; display: block; margin-left: 6px; }
#footer p { text-align: center; color: #FFF; padding-top: 12px; }
#footer a { color: #FFF; text-decoration: underline; }
#footer a:hover { text-decoration: none; }
.footer_bottom { background: url("../images/footer_bottom.png") no-repeat; height: 12px; width: 1112px; }
/**----------- END FOOTER ----------------------------------******/

/** FRONTPAGE **/
body.front { background: #f6f6f7 url("../images/front_bg.png") repeat-x; height:100%; }
html{height:100%;}
.front-wrapper { width: 1066px; margin: 0 auto; height:100%;}
.front-content_container { margin-top: auto; margin-bottom:auto; position:relative; top:20%; }
#front-content { }
#front-footer { background: #1B9CC6; width: 100%; text-align: center; position: absolute; bottom: 0; }
#front-footer p { text-align: center; color: #FFF; padding-top: 12px; }
#front-footer a { color: #FFF; text-decoration: underline; }
#front-footer a:hover { text-decoration: none; }


ul.f-nav { }
ul.f-nav li { float: left; margin: 0 5px 5px 0; }
ul.f-nav li a { background:url("../images/home-sprite.png") no-repeat; width: 349px; height: 237px; display: block; text-indent: -99999px }
ul.f-nav li.f1 a { background-position:0 0;}
ul.f-nav li.f1 a:hover { background-position:0 -237px ;}

ul.f-nav li.f2 a { background-position:-349px 0;}
ul.f-nav li.f2 a:hover { background-position:-349px -237px ;}

ul.f-nav li.f3 a { background-position:-698px 0;}
ul.f-nav li.f3 a:hover { background-position:-698px -237px ;}

ul.f-nav li.f4 a { background-position:-1047px 0;}
ul.f-nav li.f4 a:hover { background-position:-1047px -237px ;}

ul.f-nav li.f5 a { background-position:-1396px 0;}
ul.f-nav li.f5 a:hover { background-position:-1396px -237px ;}

ul.f-nav li.f6 a { background-position:-1745px 0;}
ul.f-nav li.f6 a:hover { background-position:-1745px -237px ;}


.webform-container-inline label { display: inline-block; margin-right: 1em; width: 217px; }
form.webform-client-form .webform-component { clear: both; margin-bottom: 10px; }
form.webform-client-form input { height: 20px; }
table#attachments { width: 100% }
.item-list ul.pager li{ margin:0; padding:5px;}
table.category{display:none;}
.container-inline div, .container-inline label {display: block;}
td, th{padding:10px;}
.block-uc_catalog {}
.block-uc_catalog h2{float: right; padding:10px; width:115px; border-bottom:1px dotted #CCC; padding-bottom:10px; margin-bottom:0; background:#1b9cc6; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; cursor:pointer; color:#FFF; text-align:center; margin-top:0; }
.block-uc_catalog .content{clear:both; background:#fdfdfd; padding:10px; border:1px dotted #ccc; margin-bottom:10px;}
body.page-catalog .cta a {color:#FFF;}

.bottom_block{margin:30px 0;}
/****************** CLEARING FLOATS ***********************************/
/* clearing floats  use class GROUP   */
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* --------------- CLEARING FLOATS IN IE---------------*/
/* IE6 */
* html .group { height: 1%; }
/* IE7 */	
*:first-child+html .group { min-height: 1px; }