/* Drupal 7 Framework - Created by André Griffin
------------------------------------------------
[Table of contents]

 0.Reset
 1.Global
 2.Layout
 3.Main
 4.Sidebars
 5.Header
 6.Navigation
 7.Nodes
 8.Comments
 9.Blocks
10.Footer
11.CSS Support

Font sizes: 16px base font with 24px line-height
------------------------------------------------
       font-size / line-height / margin-top
------------------------------------------------
40px = 2.5em     / 1.2         / 0.6em
32px = 2em       / 1.5         / 0.75em
24px = 1.5em     / 1           / 1em
20px = 1.25em    / 1.2         / 1.2em
16px = 1em       / 1..5        / 1.5em
14px = 0.875em   / 1.7143      / 1.7143em
13px = 0.8125em  / 1.8462      / 1.8462em
12px = 0.75em    / 2           / 2em
10px = 0.625em   / 2.4         / 2.4em

Equation for font sizing: 
  Desired px ÷ Default (or parent) px = em size
------------------------------------------------*/

/**
 * 0.RESET 
 */

@import "reset.css";

/**
 * 1.GLOBAL
 */

body {background: #ededed; background-position: fixed; color: 000404;font-family: 'Open Sans', sans-serif;font-size: 100%;line-height: 1.5;margin: 0;padding: 0;color: #000404}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Open Sans Condensed', sans-serif;font-style: normal;font-weight: 300; text-transform: uppercase;color: #393838;letter-spacing: -1px;}
h1, .h1 {font-size: 28px;line-height: 1.5;}
h2, .h2 {font-size: 22px;line-height: 1;}
h3, .h3 {font-size: 18px;line-height: 1.2;}
h4, h5, h6, .h4, .h5, .h6 {font-size: 1em;font-weight: bold;line-height: 1.5;}
p {font-size: 14px;line-height: 1.5;margin: 0 0 1.5em 0;color: #000404}
strong{font-weight: bold}
a { color: #000404; text-decoration: none; }
/* 
a:visited { color: #309; }
a:hover, a:active, li a.active  { color: #39f; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
/* apply common styling after reset.css */

li ul, li ol {  margin: 0; }
ul, ol {  margin: 0 1.5em 1.5em 0;  padding-left: 1.5em; }
ul {  list-style-type: disc; }
ol {  list-style-type: decimal; }
dl {  margin: 0 0 1.5em 0; }
dl dt {  font-weight: bold; }
dd {  margin-left: 1.5em; }
hr {  background: #666;  border: none;  clear: both;  float: none;  height: 1px;  margin: 0 0 1.4375em;  width: 100%; }
fieldset {  border: 1px solid #ccc;  margin: 0 0 1.4375em;  padding: 1.5em; }
table {  margin-bottom: 1.5em;  width: 100%; }
th, tr, td {  vertical-align: middle; }
th { padding-right: 1em; }
.sticky-header th, .sticky-table th {  border-bottom: 3px solid #ccc;  padding-right: 1em;  text-align: left; }


/**
 * 2.LAYOUT
 */

#container {margin: 0 auto;min-height: 500px}

/**
 * 3.MAIN
 */

/* 1 column: global values*/

#main {display: block;margin: 0;clear: both;}

/* 3 columns */

body.two-sidebars #main {float: left;margin: 0 0 0 240px;padding: 0;width: 460px;}

/* 2 columns: sidebar-first */

body.sidebar-first #main {float: right;margin: 0;padding: 0;width: 670px;}

/* 2 columns: sidebar-second */

body.sidebar-second #main {float: left;margin: 0;padding: 0;width: 670px;}

/**
 * 4.SIDEBARS
 */

/* 3 columns: sidebar-first */

body.two-sidebars #sidebar-first {float: left;margin: 0 0 0 -710px;padding: 0;width: 230px;}

/* 3 columns: sidebar-second */

body.two-sidebars #sidebar-second {float: right;margin: 0;padding: 0;width: 230px;}

/* 2 columns: sidebar-first */

body.sidebar-first #sidebar-first {float: left;margin: 0;padding: 0;width: 230px;}

/* 2 columns: sidebar-second */

body.sidebar-second #sidebar-second {float: right;margin: 0;padding: 0;width: 230px;}

/**
 * 5.HEADER
 */

#header {
  margin: 0 0 20px;
  padding: 0px 0 0;
  position: relative;
  background: #393838;
  height: 115px;
z-index: 100}

#header #logo {
position: absolute;
margin: 0;
left: 50%;
margin-left: -166px;
}

#header #site-name-slogan {
  float: left;
  margin: 0 0 1.5em;
}

#header #site-name {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

#header #site-name a:hover {
  text-decoration: none;
}

#header #site-slogan {
  margin: 0;
}
.region-header{float: right; clear: right;}
/**
 * 6.NAVIGATION
 */

#navigation {
margin: 0 0 20px 0;
padding: 0;
position: relative;
top: 60px;
}

#navigation ul#main-menu {
clear: both;
list-style: none;
padding: 0;
display: block;
margin: 0 auto;

}

#navigation ul#main-menu li {
  float: left;
  text-align: center;
  height: 32px
}
#navigation ul li{width: 140px !important}
#navigation ul li.menu-372{margin-right: 200px !important}
#navigation ul li.menu-373{margin-left: 145px !important}
#navigation ul#main-menu li a {
  display: block;
  padding: 0 0;
  font-family: 'Open Sans Condensed', sans-serif;
  color: #fff;
  text-align: center;
  font-size: 20px;
  text-decoration: none;
  text-transform: uppercase;
}

#navigation ul#secondary-menu {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
}

#navigation ul#secondary-menu li {
  float: left;
  margin: 0;
  padding: 0;
}

#navigation ul#secondary-menu li a {
  display: block;
  padding: 0 2em 0 0;
}

.breadcrumb {
  clear: both;
  padding: 1.5em 0 0;
}

#skip-link {
  position: absolute;
}


/* menus and item lists */

.item-list ul {
  margin: 0;
  padding: 0 0 0 1.5em;
}

.item-list ul li {
  margin: 0;
  padding: 0;
}

ul.menu li {
  margin: 0;
  padding: 0;
}

ul.inline {
  clear: both;
}

ul.inline li {
  margin: 0;
  padding: 0 1em 0 0;
}

/* admin tabs */


.tabs-wrapper {
  border-bottom: 1px solid #333;
  margin: 0 0 1.4375em;
  clear: both;
  display: none;
}

ul.primary {
  border: none;
  margin: 0;
  padding: 0;
}

ul.primary li a {
  background: none;
  border: none;
  display: block;
  float: left;
  line-height: 1.5em;
  margin: 0;
  padding: 0 1em;
}

ul.primary li a:hover, ul.primary li a.active {
  background: #666;
  border: none;
  color: #fff;
}

ul.primary li a:hover {
  background: #888;
  text-decoration: none;
}

ul.secondary {
  background: #666;
  border-bottom: none;
  clear: both;
  margin: 0;
  padding: 0;
}

ul.secondary li {
  border-right: none;
}

ul.secondary li a, ul.secondary li a:link {
  border: none;
  color: #ccc;
  display: block;
  float: left;
  line-height: 1.5em;
  padding: 0 1em;
}

ul.secondary li a:hover, ul.secondary li a.active {
  background: #888;
  color: #fff;
  text-decoration: none;
}

ul.secondary a.active {
  border-bottom: none;
}

/**
 * 7.NODES
 */

.node {
  margin-bottom: 1.5em;
}

/* tags */

.field-name-field-tags {
  margin: 0 0 1.5em;
}

.field-name-field-tags .field-item {
  margin: 0 1em 0 0;
}

.field-name-field-tags div {
  display: inline;
}

/* profile */

.profile {
  margin: 1.5em 0;
}

.profile h3 {
  border: none;
}

.profile dt {
  margin-bottom: 0;
}

.profile dd {
  margin-bottom: 1.5em;
}

.password-parent {
  width: 36em;
}

/**
 * 8.COMMENTS
 */

#comments {
  clear: both;
  margin-top: 1.5em;
}

.comment {
  margin-bottom: 1.5em;
}

.comment .new {
  color: red;
  text-transform: capitalize;
  margin-left: 1em;
}

/**
 * 9.BLOCKS
 */

.block {
  margin-bottom: 0px;
}

/**
 * 10.FOOTER
 */

#footer {
  clear: both;
  padding: 7px;
  position: relative;
  overflow: hidden;
  background: #393838;  
}
#footer .block img{
position: relative;
top: 11px;
margin-right: 10px;
}
#footer p{color: #fff; font-size: 11px; }
#footer a{color: #fff; text-decoration: none; }
#footer a:link{color: #fff; text-decoration: none; }
#footer a:hover{color: #01b3aa; text-decoration: none; }

#footer .block .content{text-align: center;}
/**
 * 11.CSS SUPPORT
 *
 * Built-in classes:
 * .clearfix                            | contain floats
 * .element-invisible                   | hide element visually
 * .element-invisible.element-focusable | allow element to be focusable when navigated to via keyboard
 * .element-hidden                      | hide visually and from screenreaders
 */
 
/* clear floats */
.cl { clear: both; }
.nopad-r{margin-right: 0 !important;}

/* display block */
.inner{width: 960px; margin: 0 auto;  }
.inner-wrapper{padding: 0 10px;  }
#highlighted {margin-bottom: 25px; }
#highlighted .inner-wrapper{padding:0 10px; }
#main-content .inner{width: 940px; }
#main-content .inner-wrapper{padding:0px;  }
#main{min-height: 250px}
.page-title {
border-bottom: 1px solid #00b3a8;
height: 22px;
margin-bottom: 40px;
text-align: center;}

.page-title h1{display: inline-block;background: #ededed;padding: 0 15px; font-weight: 300}
/*********************
FRONT
**********************/

#highlighted .views_slideshow_cycle_main {background: #fff;padding: 5px;-webkit-box-shadow: 0 0 10px 5px #d7d7d7;box-shadow: 0 0 10px 5px #d7d7d7;min-height: 289px}

.jcarousel-skin-ie7 .jcarousel-container {-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;background: transparent;border: 0;}
.jcarousel-skin-ie7 .jcarousel-container-horizontal {width: 865px;padding: 20px 40px;}
.jcarousel-skin-ie7 .jcarousel-clip-horizontal {width: 860px;height: 72px;}

.jcarousel-skin-ie7 .jcarousel-item {width: 94px;height: 72px;border: 0;}
.views_slideshow_jcarousel_pager_item.active img{opacity: .5}
.views-slideshow-controls-bottom{margin-top: 20px;position: relative;z-index: 10;text-align: center;}
body.not-front .views-slideshow-controls-bottom{display: none;}
.views-slideshow-pager-fields{display: inline-block;}
.views-slideshow-pager-field-item {display: block;float: left;width: 7px;height: 7px;background: #393838;border-radius: 50%;overflow: hidden;text-indent: 1000px;margin-right: 7px;}

.jcarousel-skin-ie7 .jcarousel-next-horizontal{background:transparent url(../img/next-horizontal.gif) no-repeat 0 0}
.jcarousel-skin-ie7 .jcarousel-prev-horizontal{background:transparent url(../img/prev-horizontal.gif) no-repeat 0 0}

.views_slideshow_pager_field_item.active {background-color:#01b2a8}

#block-block-1 h2{background: #00b3a8; color: #fff; font-size: 18px; padding: 10px; margin-bottom: 10px}
#block-block-1 p{ text-transform: uppercase; font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; margin: 0 10px}


#bottom-content{margin-top: 20px; padding-top: 20px;padding-bottom: 20px; border-top: 1px solid #00b3a8}
#bottom-content .block {width: 30%;margin-right: 4.4%;float: left;padding-top: 10px;}
#bottom-content .block h2{margin: 10px 0 15px}
#main-content .block img,#main-content .views-field-field-image img,#bottom img,
body.page-node #main .field-name-field-image img,
.view-galerij .views-field-field-images img,
body.page-fotogalerij #main .field-name-field-images img,
body.node-type-fotogalerij #main .field-name-field-images .field-item img
{padding: 5px; background: #fff;-webkit-box-shadow: 0 0 4px 4px #d7d7d7;box-shadow: 0 0 4px 4px #d7d7d7;}
#bottom-content .block .field-name-field-image{width:100%; overflow:hidden; height:150px;padding: 5px; background: #fff;-webkit-box-shadow: 0 0 4px 4px #d7d7d7;box-shadow: 0 0 4px 4px #d7d7d7;}
#bottom-content .block .field-name-field-image img{width:100%; height:auto;padding: 0px; background: transparent;-webkit-box-shadow: 0;box-shadow: 0;}
#block-block-2{margin-left: 0 !important}
#block-block-10, #block-block-9{margin-right: 0 !important}
#bottom-content .block p{font-size: 12px;}


#bottom{background: #00b3a8; margin-top: 20px}
#bottom .page-title {
border-bottom: 1px solid #fff;}
#bottom .page-title h1{background: #00b3a8;color: #fff}
#bottom .block{ padding: 20px 0 40px }
#bottom .block img{float: left;margin-right: 40px}
.view-nieuws .views-field-title{margin-bottom: 20px}
.view-nieuws .views-field-title a{font-style: italic;}
#bottom .block p,#bottom .block a{color: #fff}
#bottom .block .view-footer{margin-top: 20px}


.views-row-last{border-bottom: 0 !important}
body.page-node #main .field-name-field-image img{float: left;margin-right: 20px; margin-bottom: 30px}
body.page-nieuws .view-nieuws .views-row{clear: both;margin-bottom:15px; padding-bottom: 15px; border-bottom: 1px solid #00b3a8; min-height: 216px}
body.page-nieuws .view-nieuws img{float: left;margin-right: 20px;}



/*********************
Fotogalerij
**********************/

body.page-fotogalerij #main-content .inner-wrapper{}
body.page-fotogalerij .views-slideshow-controls-bottom{}
.view-galerij .views-row,
body.page-fotogalerij #main .field-name-field-images,
body.node-type-fotogalerij #main .field-name-field-images .field-item{float: left;width: 216px;margin-right: 25px;margin-bottom: 20px}

/*********************
Contact page
**********************/
#block-block-8 .content{padding: 5px; background: #fff;
-webkit-box-shadow: 0 0 10px 5px #d7d7d7;
box-shadow: 0 0 10px 5px #d7d7d7;
min-height: 289px;}
#block-block-7 h2 {
background: #00b3a8;
color: #fff;
font-size: 18px;
padding: 10px;
margin-bottom: 10px;
}
#block-block-7 p {
text-transform: uppercase;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 18px;
margin: 0 10px;
}

.webform-container-inline label{display: inline-block; width: 100px}
.webform-client-form .form-item input{width: 98%; padding: 5px; font-size: 14px;font-family: 'Open Sans', sans-serif;}
.form-textarea-wrapper textarea {
border: 1px solid #bbb;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
padding: 5px;
}


.messages.status ul{list-style: none !important;}
.messages.status ul li{font-size: 14px; line-height: 150%}
.messages.status ul li p{margin-bottom: 0;font-size:14px;}

#block-block-2 a, #block-block-3 a, #block-block-4 a, #block-block-5 a, #block-block-9 a, #block-block-10 a {
	background: #00b3a8;
	color: #fff;
	padding: 10px;
	margin: 10px 0;
	width: 196px;
	text-align: center;
	display: table;
}

#block-block-1 a {
	background: #00b3a8;
	color: #fff;
	padding: 5px 10px 5px 10px;
	margin: 10px 0 0 -10px;
	width: 100%;
	text-align: left;
	display: table;
}