/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 1000px;
}

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
#content-back {width: 100%;}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: block;
  float: left;
  padding-left: 0px;
  padding-right: 0px;
}
#main {
padding:20px 40px;
margin-bottom:60px;
margin-top:10px;
min-height:284px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
  position: relative;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
  width: 60px;
}

.container_12 .grid_2 {
  width: 140px;
}

.container_12 .grid_3 {
  width: 220px;
}

.container_12 .grid_4 {
  width: 56%;
  max-width:560px;
}
#footer .container_12 .grid_4 {
  width: auto;
  max-width:none;
  float:right;
}

.container_12 #sidebar-first.grid_4 {
  width: 18%;
}

.container_12 #sidebar-second.grid_4 {
  width: 18%;
}

.container_12 .grid_5 {
  width: 380px;
}

.container_12 .grid_6 {
  width: 460px;
}

.container_12 .grid_7 {
  width: 540px;
}

.container_12 .grid_8 {
  width: 740px;
}

.container_12 .grid_9 {
  width: 700px;
}

.container_12 .grid_10 {
  width: 780px;
}

.container_12 .grid_11 {
  width: 860px;
}

.container_12 .grid_12 {
  width: 1000px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
  padding-left: 80px;
}

.container_12 .prefix_2 {
  padding-left: 160px;
}

.container_12 .prefix_3 {
  padding-left: 240px;
}

.container_12 .prefix_4 {
  padding-left: 320px;
}

.container_12 .prefix_5 {
  padding-left: 400px;
}

.container_12 .prefix_6 {
  padding-left: 480px;
}

.container_12 .prefix_7 {
  padding-left: 560px;
}

.container_12 .prefix_8 {
  padding-left: 640px;
}

.container_12 .prefix_9 {
  padding-left: 720px;
}

.container_12 .prefix_10 {
  padding-left: 800px;
}

.container_12 .prefix_11 {
  padding-left: 880px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
  padding-right: 80px;
}

.container_12 .suffix_2 {
  padding-right: 160px;
}

.container_12 .suffix_3 {
  padding-right: 240px;
}

.container_12 .suffix_4 {
  padding-right: 320px;
}

.container_12 .suffix_5 {
  padding-right: 400px;
}

.container_12 .suffix_6 {
  padding-right: 480px;
}

.container_12 .suffix_7 {
  padding-right: 560px;
}

.container_12 .suffix_8 {
  padding-right: 640px;
}

.container_12 .suffix_9 {
  padding-right: 720px;
}

.container_12 .suffix_10 {
  padding-right: 800px;
}

.container_12 .suffix_11 {
  padding-right: 880px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
  left: 80px;
}

.container_12 .push_2 {
  left: 160px;
}

.container_12 .push_3 {
  left: 240px;
}

.container_12 .push_4 {
  left: 320px;
}

.container_12 .push_5 {
  left: 400px;
}

.container_12 .push_6 {
  left: 480px;
}

.container_12 .push_7 {
  left: 560px;
}

.container_12 .push_8 {
  left: 640px;
}

.container_12 .push_9 {
  left: 720px;
}

.container_12 .push_10 {
  left: 800px;
}

.container_12 .push_11 {
  left: 880px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
  left: -80px;
}

.container_12 .pull_2 {
  left: -160px;
}

.container_12 .pull_3 {
  left: -240px;
}

.container_12 .pull_4 {
  left: -320px;
}

.container_12 .pull_5 {
  left: -400px;
}

.container_12 .pull_6 {
  left: -480px;
}

.container_12 .pull_7 {
  left: -560px;
}

.container_12 .pull_8 {
  left: -640px;
}

.container_12 .pull_9 {
  left: -720px;
}

.container_12 .pull_10 {
  left: -800px;
}

.container_12 .pull_11 {
  left: -880px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12 {
  zoom: 1;
}

#banner  { width:100%; height:100%; overflow:hidden;}
/**
 * Achtergrond website
 */
#block-views-taxonomy-block-1,
#block-views-taxonomy-block-1 .content,
#block-views-taxonomy-block-1 .view-achtergrond,
#block-views-taxonomy-block-1 .view-content,
#block-views-taxonomy-block-1 .skin-default,
#block-views-taxonomy-block-1 .views_slideshow_main,
#block-views-taxonomy-block-1 .views-slideshow-cycle-main-frame,
#block-views-taxonomy-block-1 .views-slideshow-cycle-main-frame-row,
#block-views-taxonomy-block-1 .views-slideshow-cycle-main-frame-row-item,
#block-views-taxonomy-block-1 .views-field-field-image,
#block-views-taxonomy-block-1 .field-content,
#block-views-taxonomy-block-2,
#block-views-taxonomy-block-2 .content,
#block-views-taxonomy-block-2 .view-achtergrond,
#block-views-taxonomy-block-2 .view-content,
#block-views-taxonomy-block-2 .skin-default,
#block-views-taxonomy-block-2 .views_slideshow_main,
#block-views-taxonomy-block-2 .views-slideshow-cycle-main-frame,
#block-views-taxonomy-block-2 .views-slideshow-cycle-main-frame-row,
#block-views-taxonomy-block-2 .views-slideshow-cycle-main-frame-row-item,
#block-views-taxonomy-block-2 .views-field-field-image,
#block-views-taxonomy-block-2 .field-content{ width:100% !important; height:auto !important; }
#block-views-taxonomy-block-1 .content,
#block-views-taxonomy-block-2 .content { text-align:left; }
#block-views-taxonomy-block-1 img,
#block-views-taxonomy-block-2 img{ height:auto !important; min-width:1000px; width:100% !important; margin-left:0px; }

/* Banner header pager
-------------------------*/
.views-slideshow-controls-top		{ width:100%; text-align:right; display:inline-block; margin-top:30px; z-index:250 !important;}

/**
 * Alternative styles
 */
#content { }
#content-back		{ padding:20px 0 20px 0; }
.front #content-back { padding:20px 0 270px 0; }
#header-inside	{ width:100%; }
#header-inside-left { display:block; width:340px; margin:0px; padding:10px 0 0 40px;}
#header-inside-left img { padding:0px; }
#header-inside-right { float:right; width:auto; display:block; margin:53px 0 0 0; padding:0px 40px 0 0;}
#header-menu { margin:-56px 0 20px 0; height:30px; border-top:1px solid #000;border-bottom:1px solid #000;}
.region-search-area { }
#content-inside {  }
#sidebar-first { }
.region-sidebar-first {position:relative; margin:0 auto; float:none; display:block; width:180px;}
.region-sidebar-first ul.menu li a { border-bottom: 0px; background: none; padding:0px 15px 0px 0px; display:block; margin-bottom:5px; color:#fff; text-align:left; font-weight:normal;}
.region-sidebar-first ul.menu li a:hover { background:none; color:#666;}
.region-sidebar-first ul.menu li a.active-trail { background:none; color:#333; }
#block-search-form { float:right; width:175px;}
#block-search-form input.form-text { width:133px; }
#block-nice-menus-1 { display:inline-block; float:left;}
#block-nice-menus-1 .content .nice-menu {float:right; margin:0px 0px 0px 0px;}
#footer { position: fixed; }

#block-views-archive-block-3 {position:absolute; width:640px; margin:210px 0 0 -40px;}
#block-views-archive-block-3 .view.view-archive .views-row { width:620px;}
#block-menu-block-10 { position:absolute; width:640px; margin:40px 0 0 -40px;}
#block-menu-block-10 ul.menu li {
width: 152px;
float: left;
list-style: none;
margin: 0 10px 0px 0;
padding: 0 0 0px 0;
list-style-image: none;
}
#block-menu-block-10 ul.menu li a { max-width:132px; }
#block-menu-block-10 ul.menu li.menu-mlid-5711 { margin:0px; }

.front .view-frontpage .views-field-field-image {width:25%; float:right;}
.front .view-frontpage .views-field-field-image .field-content {margin:0 0 20px 20px;}
.front .view-frontpage .views-field-field-image img {width:100%; height:auto;}

#block-block-4 .content {margin:0; padding:0;}
#block-block-7 { display: block; width:180px; height:1px;}
#block-block-7 .content {display:none;}

.region-footer-first { padding: 0 0 0 40px; }
.region-footer-second { padding: 0 10px; }
.region-footer-third { padding: 0 10px; }
.region-footer-fourth { padding: 0 40px 0 0; }

.region-sidebar-first ul.menu li a { font-size:16px;  text-transform:uppercase;}
.region-sidebar-first ul.menu li.collapsed a { border-bottom: 0px; background: url(../images/menu-collapsed.png) no-repeat right; padding:0px 15px 0px 0px; display:block; margin-bottom:5px; color:#666; text-align:left; text-transform:uppercase; }
.region-sidebar-first ul.menu li.collapsed a:hover { background: url(../images/menu-collapsed.png) no-repeat right; color:#333;}
.region-sidebar-first ul.menu li.expanded a.active-trail { background: url(../images/menu-expanded.png) no-repeat right; color:#666;}

.region-sidebar-first ul.menu ul.menu li a { border-bottom: 0px; background: none; padding:0px 3px; display:block; margin-bottom:5px; color:#666; text-align:left; font-weight:normal; font-size:14px; text-transform:none;}
.region-sidebar-first ul.menu ul.menu li a:hover { background:#fff; color:#e95223; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.region-sidebar-first ul.menu ul.menu li a.active-trail, .region-sidebar-first ul.menu ul.menu li .trail a { background:#fff; color:#e95223; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

#footer-bottom-right { float:right; width:260px; }
.field-name-field-image { float:right;}
.field-name-field-image .field-item { margin:0 0 20px 25px; }

.field-name-field-website { float:right; clear:both;}
.field-name-field-website .field-item { margin:0 0 20px 25px; }
.field-name-field-website a {width:230px; text-align:center;}

.view-display-id-catalog_grid .views-row,
.view-display-id-page_1 .views-row,
.view-uc-catalog .views-row, 
.uc-catalog-terms .views-row { float:left; width:48%; margin: 0 0px 20px 0; }

.merken-page .views-row { float:left; width:132px; margin:0 5px 20px 0;}
.merken-page .views-row .field-content { width:120px; }

.view-display-id-catalog_grid .views-row-even,
.uc-catalog-terms .views-row-even,
.view-id-uc_catalog .views-row-even { float:right; margin-right: 0px;}
#block-views-exp-uc-catalog-page-1 { max-width:180px;}

#block-views-taxonomy-block { }
#block-views-taxonomy-block .views-field-name {}
#block-views-taxonomy-block .views-field-name .field-content{ }
#block-views-taxonomy-block .views-field-description { margin:0 0 20px 0;}
#block-views-taxonomy-block .views-field-description .field-content{ }
#block-views-taxonomy-block .views-field-description .field-content p {}
.view-taxonomy .views-field-field-afbeelding-sfeer img,
.main-product-image img,
.more-product-images img { margin-bottom:20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 6px 12px -4px #000; -moz-box-shadow: 0px 6px 12px -4px #000; box-shadow: 0px 6px 12px -4px #000; }
.quicktabs_main.quicktabs-style-nostyle { width:790px; margin-left:-12px;}
#block-views-productdetails-block { float:right; width:250px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #e95223;}
.product-image {
clear: none;
float: left;
margin: 0 18px 0 0;
padding: 0px;
text-align: center;
}

/**
 * Contactpersonen
 */
.view-contactpersonen .views-row { float:left; width:45%; border-bottom:1px solid #ccc; padding-bottom:10px; margin:0 10px 10px 0; }
.view-contactpersonen .views-field-name { font-size:16px; }
.views-field-picture { float:left; }
.views-field-picture .field-content { margin:0 20px 0px 0; }

#block-on-the-web-0 { display:block; float:left; width:100%; margin:0 0 20px 0;}
#block-on-the-web-0 h2 { }
.on-the-web { display:block; float:left; margin-right:10px;}
#block-menu-menu-switch { right:30px; }
#block-locale-language { padding:5px 15px 0 0;}

/**
 * Kalender layout
 */
#block-views-kalender-block-2 { float:left; width:270px; }
#block-views-kalender-block-2 .views-row { float:left; width:120px; height:120px; margin:0 0px 20px 0px; }
#block-views-kalender-block-2 .views-row-odd { margin:0 20px 20px 0px; }
#block-views-kalender-block-2 .views-row-first { margin:0 20px 20px 0px; }
#block-views-kalender-block-3 { float:left; width:100%; }
#block-views-kalender-block-3 .views-row { float:left; width:120px; height:120px; margin:0 20px 20px 0px; }
#block-views-kalender-block-3 .views-row-first { margin:0 20px 20px 0px; }
#block-views-kalender-block-3 .views-row-4,
#block-views-kalender-block-3 .views-row-8 { margin:0 0px 20px 0px; }

/* Form styles
------------------------*/
.webform-client-form .form-item label                 		{ width: 10em; line-height: 36px; }
.webform-client-form .form-item .form-text					{ width:70%; }
#user-register-form .form-item label                 		{ width: 15em; line-height: 48px; }
#user-register-form .form-item .form-text					{ width:70%; float:left;}
#user-register-form .form-type-password						{ float:left; width:100%; }
#user-register-form .form-type-password .form-text			{ width:35%; float:left;}

#node-6 .field-name-body,
#node-59 .field-name-body,
#node-449 .field-name-body,
#node-467 .field-name-body {width:40%; float:left; }
#node-6 .webform-client-form,
#node-59 .webform-client-form,
#node-449 .webform-client-form,
#node-467 .webform-client-form { width:52%; float:right; margin:0 0 20px 25px; padding: 0 0 0 25px; border-left:1px solid #CCC; }
#node-6 .webform-client-form .form-item label,
#node-59 .webform-client-form .form-item label,
#node-449 .webform-client-form .form-item label,
#node-467 .webform-client-form .form-item label {width: 10em;}
#node-6 .webform-client-form .form-item .form-text,
#node-59 .webform-client-form .form-item .form-text,
#node-449 .webform-client-form .form-item .form-text,
#node-467 .webform-client-form .form-item .form-text { width: 55%; }


/* Galerijen
------------------------*/
.view-node-gallery-gallery-item-views .views-row { float:left; display:block; padding:5px; }
.view.view-node-gallery-galleries .views-row { min-height:130px; }
.view.view-node-gallery-galleries .views-field-node-gallery-media { float:left; margin:0px 25px 0px 0px; }
.views-field-node-gallery-media img { display:block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

#block-simplenews-2 { float:right; width:25%; margin:0px 0px 20px 20px; }