@charset "utf-8";@import url(/media/system/css/system.css);html, body {
margin: 0;
padding: 0;
height: 100%;
}

body {
font-size: 14px;
color:black;
font-family: arial, sans-serif;
margin: 0px auto;
padding: 0px;
}

table {
border-collapse: collapse;
}

img, img a, img a:hover {
border: 0px;
}

a {
color: #1c7bb6;
text-decoration: none;

}

a:hover {
text-decoration: underline;
}

fieldset {
border: none;
padding: 0;
}

dd{
margin: 0px;
padding:0px;
}

h1 {
color: #1c7bb6;
font-size: 30px;
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
margin: 0px 0px 15px 0px;
}

h2 {
margin-top: 0px;
color: #1c7bb6;
font-size: 24px;
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
margin: 0px 0px 15px 0px;
}

h3 {
margin-top: 0px;
color: #1c7bb6;
font-size: 20px;
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
margin: 0px 0px 15px 0px;
}

p{
line-height: 140%;
}

.chrono_credits {
width: 0px;
height: 0px;
float: left;
overflow: hidden;
}

#content td {
vertical-align: top;
}

.chronoform {
line-height: 140%;
}

/*-------------------404 error-----------------------------*/

.search {
float: left;
width: 100%;
}

.search input{
float: left;
}

.search .inputbox{
border: 1px solid #d8d8d8;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
height: 35px;
margin-right: 10px;
}

.search .btn{
border: none !important;
}

.search label{
display:none;
}

.search .pull-left{
margin-right: 0px !important;
}

.searchintro, .btn-toolbar {
float: left;
width: 100%;
}

.result-created {
margin-bottom: 20px;
}

.result-title {
font-weight: bold;
}

.form-limit{
padding-top: 15px;
padding-bottom: 15px;
float: left;
width: 100%;
}

.pagination p{display: none;}
.pagination ul{padding: 0; margin: 0 !important; list-style: none;}
.pagination li {float: left; margin-right: 5px;}
.pagination li span {background: #C7D9EF; padding: 5px 10px; color:white;}
.pagination li a{background: #1C7BB6; padding: 5px 10px; color: white !important;}
.pagination li a:hover{text-decoration: none;}

@media (min-width: 995px) {

#chronoform-contact label{
width:125px;
float: left;
padding-bottom: 10px;
}

#chronoform-contact input{
float: left;
}

#chronoform-contact textarea{
float: left;
width: 60%;
}

#chronoform-weegbonnen label{
width:25%;
float: left;
padding-bottom: 10px;
padding-right: 10px;
}

#fin-oplage {
float: left;
}

#chronoform-weegbonnen  input{
float: left;
width: 30%;
}

#chronoform-weegbonnen select{
border: 1px solid #ccc;
float: left;
}

#chronoform-weegbonnen  textarea{
float: left;
width: 40%;
}

.contactform {
width: 100%;
float: left;
padding-top: 5px;
}

.half {
float: left; 
width: 47%;
padding-right: 3%;
}

.container {
width: 100%;
height: 100%;
text-align: left;
z-index: 10;
position: relative;
}

#top{
float: left;
position: relative;
width: 90%;
height: auto;
padding: 50px 5%;
background: white;
z-index: 20;
border-bottom: 1px solid #1c7bb6;
}

#logo{
width: 50%;
float: left;
text-align: left;
}

#social {
width: 50%;
float: right;
text-align: right;
}

#knoppen-mobiel {
width: 0px;
height: 0px;
float: left;
overflow: hidden;
}

#header {
width: 100%;
height: 300px;
text-align: left;
position: relative;
float: left;
z-index: 1;
margin-top: -30px;
}

.moduletable-fullscreen  h1{
background: white;
color: #1c7bb6;
font-size: 24px;
padding: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
float: left;
}

.moduletable-fullscreen  p{
float: left;
margin: 0px;
width: 100%;
}

.camera_caption > div {
float: right;
width: 400px;
margin-bottom: 50px;
padding: 25px;
}

.moduletable-fullscreen {
border-bottom: 1px solid #c6d9ee;
}

.moduletable-fullscreen  a {
padding: 10px 47px 10px 15px;
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
color: #00699c;
float: left;
background: url('/templates/ponne/images/knop-link.gif') no-repeat right center white;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 15px 15px 0px 0px;
}

.moduletable-fullscreen  a:hover{
background: url('/templates/ponne/images/knop-hover.gif') no-repeat right center #c6d9ee;
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
text-decoration: none;
}

#content {
width: 90%;
height: auto;
padding: 50px 5% 65px 5%;
text-align: left;
float: left;
position: relative;
margin-bottom: 0px;
}

#content p{
line-height: 140%;
padding-bottom: 15px;
}

.knop  {
padding: 10px 47px 10px 15px;
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
color: #00699c;
float: left;
background: url('/templates/ponne/images/knop-link.gif') no-repeat right center #c6d9ee;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-right: 15px;
border: none;
}

.knop:hover{
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
text-decoration: none;
background: url('/templates/ponne/images/knop-hover.gif') no-repeat right center #a4ccea;
}

.btn {
padding: 10px 47px 10px 15px;
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
color: #00699c;
background: url('/templates/ponne/images/knop-link.gif') no-repeat right center #c6d9ee;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-right: 15px;
float: left;
display: inline;
margin-bottom: 20px;
}

.btn:hover{
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
text-decoration: none;
background: url('/templates/ponne/images/knop-hover.gif') no-repeat right center #a4ccea;
}

.icon-chevron-right {
width: 0px;
height: 0px;
float: left;
overflow: hidden;
}

/*------------------------ blog ----------------------------*/

.leading-1, .leading-2, .leading-3, .leading-4, .leading-5, .leading-6, .leading-7, .leading-8, .leading-9, .leading-10, .leading-11, .leading-12, .leading-13, .leading-14, .leading-15, .leading-16, .leading-17, .leading-18, .leading-19, .leading-20, .leading-21, .leading-22, .leading-23, .leading-24, .leading-25, .leading-26, .leading-27, .leading-28, .leading-29, .leading-30, .leading-31, .leading-32, .leading-33, .leading-34, .leading-35, .leading-36, .leading-37, .leading-38, .leading-39, .leading-40, .leading-41, .leading-42, .leading-43, .leading-44, .leading-45, .leading-46, .leading-47, .leading-48, .leading-49, .leading-50, .column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10,  .column-11, .column-12, .column-13, .column-14, .column-15, .column-16, .column-17, .column-18, .column-19, .column-20, .column-21, .column-22, .column-23, .column-24, .column-25, .column-26, .column-27, .column-28, .column-29, .column-30, .column-31, .column-32, .column-33, .column-34, .column-35, .column-36, .column-37, .column-38, .column-39, .column-40, .column-41, .column-42, .column-43, .column-44, .column-45, .column-46, .column-47, .column-48, .column-49, .column-50 {
border-top: 1px dashed #c6d9ee;
padding-top: 20px;
float: left;
width: 100%;
}

.items-leading {
padding-bottom: 15px;
}

.pull-left{
max-width: 45%;
float: left;
margin-right: 5%;
}

.pull-right {
max-width: 45%;
float: right;
margin-left: 5%;
}

/*------------------------ 3 koloms ----------------------------*/

.span4{
width: 100%;
padding: 0 1.5% 1.5% 1.5%;
display: inline;
float: left;
}

.span4 > div > div.pull-right, .span4 > div > div.pull-left{
max-width: 100%;
margin: 0 0 15px 0;
}

.span4 > div.column-1, .span4 > div.column-2, .span4 > div.column-3, .span4 > div.column-4, .span4 > div.column-5, .span4 > div.column-6, .span4 > div.column-7, .span4 > div.column-8, .span4 > div.column-9, .span4 > div.column-10, .span4 > div.column-11, .span4 > div.column-12, .span4 > div.column-13, .span4 > div.column-14, .span4 > div.column-15, .span4 > div.column-16, .span4 > div.column-17, .span4 > div.column-18, .span4 > div.column-19, .span4 > div.column-20, .span4 > div.column-21, .span4 > div.column-22, .span4 > div.column-23, .span4 > div.column-24, .span4 > div.column-25, .span4 > div.column-26, .span4 > div.column-27, .span4 > div.column-28, .span4 > div.column-29, .span4 > div.column-30, .span4 > div.column-31, .span4 > div.column-32, .span4 > div.column-33, .span4 > div.column-34, .span4 > div.column-35, .span4 > div.column-36, .span4 > div.column-37, .span4 > div.column-38, .span4 > div.column-39, .span4 > div.column-40, .span4 > div.column-41, .span4 > div.column-42, .span4 > div.column-43, .span4 > div.column-44, .span4 > div.column-45, .span4 > div.column-46, .span4 > div.column-47, .span4 > div.column-48, .span4 > div.column-49, .span4 > div.column-50 {
border-top: 3px dashed #c6d9ee;
}

/*------------------------ 4 koloms ----------------------------*/

.span3{
width: 100%;
padding: 0 1.5% 1.5% 1.5%;
display: inline;
float: left;
}

.span3 > div > div.pull-right, .span3 > div > div.pull-left{
max-width: 100%;
margin: 0 0 15px 0;
}

.span3 > div.column-1, .span3 > div.column-2, .span3 > div.column-3, .span3 > div.column-4, .span3 > div.column-5, .span3 > div.column-6, .span3 > div.column-7, .span3 > div.column-8, .span3 > div.column-9, .span3 > div.column-10, .span3 > div.column-11, .span3 > div.column-12, .span3 > div.column-13, .span3 > div.column-14, .span3 > div.column-15, .span3 > div.column-16, .span3 > div.column-17, .span3 > div.column-18, .span3 > div.column-19, .span3 > div.column-20, .span3 > div.column-21, .span3 > div.column-22, .span3 > div.column-23, .span3 > div.column-24, .span3 > div.column-25, .span3 > div.column-26, .span3 > div.column-27, .span3 > div.column-28, .span3 > div.column-29, .span3 > div.column-30, .span3 > div.column-31, .span3 > div.column-32, .span3 > div.column-33, .span3 > div.column-34, .span3 > div.column-35, .span3 > div.column-36, .span3 > div.column-37, .span3 > div.column-38, .span3 > div.column-39, .span3 > div.column-40, .span3 > div.column-41, .span3 > div.column-42, .span3 > div.column-43, .span3 > div.column-44, .span3 > div.column-45, .span3 > div.column-46, .span3 > div.column-47, .span3 > div.column-48, .span3 > div.column-49, .span3 > div.column-50 {
border-top: 3px dashed #c6d9ee;
}

/*------------------------ 5 koloms > ----------------------------*/

.span2{
width: 100%;
padding: 0 1.5% 1.5% 1.5%;
display: inline;
float: left;
}

.span2 > div > div.pull-right, .span2 > div > div.pull-left{
max-width: 100%;
margin: 0 0 15px 0;
}

.span2 > div.column-1, .span2 > div.column-2, .span2 > div.column-3, .span2 > div.column-4, .span2 > div.column-5, .span2 > div.column-6, .span2 > div.column-7, .span2 > div.column-8, .span2 > div.column-9, .span2 > div.column-10, .span2 > div.column-11, .span2 > div.column-12, .span2 > div.column-13, .span2 > div.column-14, .span2 > div.column-15, .span2 > div.column-16, .span2 > div.column-17, .span2 > div.column-18, .span2 > div.column-19, .span2 > div.column-20, .span2 > div.column-21, .span2 > div.column-22, .span2 > div.column-23, .span2 > div.column-24, .span2 > div.column-25, .span2 > div.column-26, .span2 > div.column-27, .span2 > div.column-28, .span2 > div.column-29, .span2 > div.column-30, .span2 > div.column-31, .span2 > div.column-32, .span2 > div.column-33, .span2 > div.column-34, .span2 > div.column-35, .span2 > div.column-36, .span2 > div.column-37, .span2 > div.column-38, .span2 > div.column-39, .span2 > div.column-40, .span2 > div.column-41, .span2 > div.column-42, .span2 > div.column-43, .span2 > div.column-44, .span2 > div.column-45, .span2 > div.column-46, .span2 > div.column-47, .span2 > div.column-48, .span2 > div.column-49, .span2 > div.column-50 {
border-top: 3px dashed #c6d9ee;
}

.span1{
width: 100%;
padding: 0 1.5% 1.5% 1.5%;
display: inline;
float: left;
}

.span1 > div > div.pull-right, .span1 > div > div.pull-left{
max-width: 100%;
margin: 0 0 15px 0;
}

.span1 > div.column-1, .span1 > div.column-2, .span1 > div.column-3, .span1 > div.column-4, .span1 > div.column-5, .span1 > div.column-6, .span1 > div.column-7, .span1 > div.column-8, .span1 > div.column-9, .span1 > div.column-10, .span1 > div.column-11, .span1 > div.column-12, .span1 > div.column-13, .span1 > div.column-14, .span1 > div.column-15, .span1 > div.column-16, .span1 > div.column-17, .span1 > div.column-18, .span1 > div.column-19, .span1 > div.column-20, .span1 > div.column-21, .span1 > div.column-22, .span1 > div.column-23, .span1 > div.column-24, .span1 > div.column-25, .span1 > div.column-26, .span1 > div.column-27, .span1 > div.column-28, .span1 > div.column-29, .span1 > div.column-30, .span1 > div.column-31, .span1 > div.column-32, .span1 > div.column-33, .span1 > div.column-34, .span1 > div.column-35, .span1 > div.column-36, .span1 > div.column-37, .span1 > div.column-38, .span1 > div.column-39, .span1 > div.column-40, .span1 > div.column-41, .span1 > div.column-42, .span1 > div.column-43, .span1 > div.column-44, .span1 > div.column-45, .span1 > div.column-46, .span1 > div.column-47, .span1 > div.column-48, .span1 > div.column-49, .span1 > div.column-50 {
border-top: 3px dashed #c6d9ee;
}

/*------------------------ einde kolomindeling ----------------------------*/

.row-0 {
width: 30.3%;
padding-right: 3%;
} 

.row-1{
width: 30.3%;
padding: 0 1.5%;
} 

.row-2{
width: 30.3%;
padding-left: 3%;
} 

.items-row {
float: left;
}

.category-desc {
padding: 0 1.5%;
}

.item-image {
float: left;
width: 100%;
}

.item-image img{
width: 100%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
display: block;
}

.facebook-item {
margin-bottom: 15px;
padding-bottom: 80px;
background: url('/templates/ponne/images/blog-facebook.gif') no-repeat bottom left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.facebook-img {
width: 0px;
height: 0px;
float: left;
overflow: hidden;
}

.twitter-item {
margin-bottom: 15px;
padding-bottom: 80px;
background: url('/templates/ponne/images/blog-twitter.gif') no-repeat bottom left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

/*------------------------ einde blog ----------------------------*/

#bottom {
width: 100%;
z-index: 2;
position: fixed;
bottom: 0;
}

#gegevens-holder {
float: right;
background: #1c7bb6;
-webkit-border-radius: 15px 0 0 0 ;
-moz-border-radius: 15px 0 0 0 ;
border-radius: 15px 0 0 0 ;
}

#gegevens-holder p{
margin: 0px;
}

#gegevens {
width: auto;
background: #1c7bb6;
float: right;
padding: 10px 20px;
color: white;
}

#gegevens a{
color: white;
}

#gegevens-tip {
width: auto;
height: 100%;
float: right;
padding: 10px 10px 5px 10px;
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
background-image: url('/templates/ponne/images/bg.gif');
background-repeat: repeat;
background: repeating-linear-gradient(
	45deg,
  #c6d9ee,
  #c6d9ee 3px,
  #a4ccea 2px,
  #a4ccea 5px);
   background-color: #c6d9ee;
     -webkit-border-radius: 15px 0 0 0 ;
-moz-border-radius: 15px 0 0 0 ;
border-radius: 15px 0 0 0 ;
}

#gegevens-tip:hover {
background: #c6d9ee;
     -webkit-border-radius: 15px 0 0 0px ;
-moz-border-radius: 15px 0 0 0 ;
border-radius: 15px 0 0 0 ;
}

/*--------------------------------- menu ---------------------------------------*/

#menu {
height: auto;
background-image: url('/templates/ponne/images/bg.gif');
background-repeat: repeat;
background: repeating-linear-gradient(
  #c6d9ee,
  #c6d9ee 3px,
  #a4ccea 2px,
  #a4ccea 5px);
position: relative;
float: left;
padding: 10px 5%;
-webkit-border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
border-radius: 0 15px 15px 0;
margin: -25px 0 0 -18px;
z-index: 100;
}

.menu a{
font-size: 16px;
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
  display: block;
    background: url('/templates/ponne/images/menu-streep.gif') no-repeat left center;
}

.menu a:hover {
  text-decoration: none;
}

.menu .active a{
background: white;
color: #1c7bb6;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
position: relative;
z-index: 1;
}

.menu .item-101 a{
background-image: none;
}

.menu { /* all lists */
  padding: 0;
  margin: 0;
  list-style: none;
  position:relative;
  z-index: 10000;
}

.menu li {
  float: left;
}

.menu li a {
padding: 0px;
color: #1c7bb6;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin-left: -2px;
}

.menu li a:hover{
color: white;
background: #1c7bb6;
position:relative;
z-index: 100;
}

.menu li ul { /* second-level lists */
  position: absolute;
 	-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
  width: 100px;
  left: -999em; 
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 14px;/* using left instead of display to hide menus because display: none isn't read by screen readers */
}

.menu li ul li{
  padding-right: 0px;
  float: left;
  display: inline;
}

.menu li ul li a {
  color: white;
  background: #1c7bb6;
  padding:7px 18px;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
width: 200px;
line-height: 120%;
}

.menu li ul li a:hover{
  color: #1c7bb6;
  background: white;
}

.menu li ul li:hover{
  color: white;
}

.menu li:hover ul, .menu li.sfhover ul {
  left: auto;
  width: 120px;
  padding: 0px;
  background: none;
  color: black;
  font-size: 16px;
  text-decoration: none;
}

/*--------------------------------- exta ---------------------------------------*/
}


@media (min-width: 720px) and (max-width: 994px) {
	body{font-size: 16px;}

	h1 {
	font-size: 30px;
	}
	
	h2 {
	font-size: 24px;
	}

	h3 {
	font-size: 20px;
	}

.container {
width: 100%;
height: 100%;
text-align: left;
z-index: 10;
position: relative;
}

#top{
float: left;
position: relative;
width: 90%;
height: auto;
padding: 50px 5%;
background: white;
z-index: 20;
border-bottom: 1px solid #1c7bb6;
}

#logo{
width: 50%;
float: left;
text-align: left;
}

#social {
width: 50%;
float: right;
text-align: right;
}

#knoppen-mobiel {
width: 0px;
height: 0px;
float: left;
overflow: hidden;
}

#header {
width: 100%;
height: 300px;
text-align: left;
position: relative;
float: left;
z-index: 1;
margin-top: -30px;
}

.moduletable-fullscreen {
border-bottom: 1px solid #c6d9ee;
}

.moduletable-fullscreen  h1{
background: white;
color: #1c7bb6;
font-size: 24px;
padding: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
float: left;
}

.moduletable-fullscreen  p{
float: left;
margin: 0px;
width: 100%;
}

.camera_caption > div {
float: right;
width: 400px;
margin-bottom: 25px;
padding: 25px;
}

.moduletable-fullscreen  a {
padding: 10px 47px 10px 15px;
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
color: #00699c;
float: left;
background: url('/templates/ponne/images/knop-link.gif') no-repeat right center white;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 15px 15px 0px 0px;
}

.moduletable-fullscreen  a:hover{
background: url('/templates/ponne/images/knop-hover.gif') no-repeat right center #c6d9ee;
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
text-decoration: none;
}

#content {
width: 90%;
height: auto;
padding: 50px 5% 0px 5%;
text-align: left;
float: left;
position: relative;
margin-bottom: 0px;
}

#content p{
line-height: 140%;
padding-bottom: 15px;
}

#content img{
max-width: 100%;
height: auto;
}

.knop  {
padding: 10px 47px 10px 15px;
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
color: #00699c;
float: left;
background: url('/templates/ponne/images/knop-link.gif') no-repeat right center #c6d9ee;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-right: 15px;
border: 0px;
}

.knop:hover{
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
text-decoration: none;
background: url('/templates/ponne/images/knop-hover.gif') no-repeat right center #a4ccea;
}

.btn {
padding: 10px 47px 10px 15px;
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
color: #00699c;
background: url('/templates/ponne/images/knop-link.gif') no-repeat right center #c6d9ee;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-right: 15px;
float: left;
display: inline;
margin-bottom: 15px;
border: none;
}

.btn:hover{
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
text-decoration: none;
background: url('/templates/ponne/images/knop-hover.gif') no-repeat right center #a4ccea;
}

.icon-chevron-right {
width: 0px;
height: 0px;
float: left;
overflow: hidden;
}

.leading-1, .leading-2, .leading-3, .leading-4, .leading-5, .leading-6, .leading-7, .leading-8, .leading-9, .leading-10, .leading-11, .leading-12, .leading-13, .leading-14, .leading-15, .leading-16, .leading-17, .leading-18, .leading-19, .leading-20, .leading-21, .leading-22, .leading-23, .leading-24, .leading-25, .leading-26, .leading-27, .leading-28, .leading-29, .leading-30, .leading-31, .leading-32, .leading-33, .leading-34, .leading-35, .leading-36, .leading-37, .leading-38, .leading-39, .leading-40, .leading-41, .leading-42, .leading-43, .leading-44, .leading-45, .leading-46, .leading-47, .leading-48, .leading-49, .leading-50, .column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10,  .column-11, .column-12, .column-13, .column-14, .column-15, .column-16, .column-17, .column-18, .column-19, .column-20, .column-21, .column-22, .column-23, .column-24, .column-25, .column-26, .column-27, .column-28, .column-29, .column-30, .column-31, .column-32, .column-33, .column-34, .column-35, .column-36, .column-37, .column-38, .column-39, .column-40, .column-41, .column-42, .column-43, .column-44, .column-45, .column-46, .column-47, .column-48, .column-49, .column-50 {
width: 100%;
border-top: 1px dashed #c6d9ee;
padding-top: 15px;
float: left;
}

.items-leading {
padding-bottom: 15px;
}

.item-image {
margin-bottom: 15px;
}

.pull-left{
max-width: 50%;
float: left;
margin-right: 5%;
}

.pull-right {
max-width: 50%;
float: right;
margin-left: 5%;
}


.item-image img{
width: 100%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
display: block;
}

/*------------------------ 3 koloms ----------------------------*/

.span4{
width: 100%;
padding: 0 1.5% 1.5% 1.5%;
display: inline;
float: left;
}

.span4 > div > div.pull-right, .span4 > div > div.pull-left{
max-width: 100%;
margin: 0 0 15px 0;
}

.span4 > div.column-1, .span4 > div.column-2, .span4 > div.column-3, .span4 > div.column-4, .span4 > div.column-5, .span4 > div.column-6, .span4 > div.column-7, .span4 > div.column-8, .span4 > div.column-9, .span4 > div.column-10, .span4 > div.column-11, .span4 > div.column-12, .span4 > div.column-13, .span4 > div.column-14, .span4 > div.column-15, .span4 > div.column-16, .span4 > div.column-17, .span4 > div.column-18, .span4 > div.column-19, .span4 > div.column-20, .span4 > div.column-21, .span4 > div.column-22, .span4 > div.column-23, .span4 > div.column-24, .span4 > div.column-25, .span4 > div.column-26, .span4 > div.column-27, .span4 > div.column-28, .span4 > div.column-29, .span4 > div.column-30, .span4 > div.column-31, .span4 > div.column-32, .span4 > div.column-33, .span4 > div.column-34, .span4 > div.column-35, .span4 > div.column-36, .span4 > div.column-37, .span4 > div.column-38, .span4 > div.column-39, .span4 > div.column-40, .span4 > div.column-41, .span4 > div.column-42, .span4 > div.column-43, .span4 > div.column-44, .span4 > div.column-45, .span4 > div.column-46, .span4 > div.column-47, .span4 > div.column-48, .span4 > div.column-49, .span4 > div.column-50 {
border-top: 3px dashed #c6d9ee;
}

/*------------------------ 4 koloms ----------------------------*/

.span3{
width: 100%;
padding: 0 1.5% 1.5% 1.5%;
display: inline;
float: left;
}

.span3 > div > div.pull-right, .span3 > div > div.pull-left{
max-width: 100%;
margin: 0 0 15px 0;
}

.span3 > div.column-1, .span3 > div.column-2, .span3 > div.column-3, .span3 > div.column-4, .span3 > div.column-5, .span3 > div.column-6, .span3 > div.column-7, .span3 > div.column-8, .span3 > div.column-9, .span3 > div.column-10, .span3 > div.column-11, .span3 > div.column-12, .span3 > div.column-13, .span3 > div.column-14, .span3 > div.column-15, .span3 > div.column-16, .span3 > div.column-17, .span3 > div.column-18, .span3 > div.column-19, .span3 > div.column-20, .span3 > div.column-21, .span3 > div.column-22, .span3 > div.column-23, .span3 > div.column-24, .span3 > div.column-25, .span3 > div.column-26, .span3 > div.column-27, .span3 > div.column-28, .span3 > div.column-29, .span3 > div.column-30, .span3 > div.column-31, .span3 > div.column-32, .span3 > div.column-33, .span3 > div.column-34, .span3 > div.column-35, .span3 > div.column-36, .span3 > div.column-37, .span3 > div.column-38, .span3 > div.column-39, .span3 > div.column-40, .span3 > div.column-41, .span3 > div.column-42, .span3 > div.column-43, .span3 > div.column-44, .span3 > div.column-45, .span3 > div.column-46, .span3 > div.column-47, .span3 > div.column-48, .span3 > div.column-49, .span3 > div.column-50 {
border-top: 3px dashed #c6d9ee;
}

.span1{
width: 100%;
padding: 0 1.5% 1.5% 1.5%;
display: inline;
float: left;
}

.span1 > div > div.pull-right, .span1 > div > div.pull-left{
max-width: 100%;
margin: 0 0 15px 0;
}

.span1 > div.column-1, .span1 > div.column-2, .span1 > div.column-3, .span1 > div.column-4, .span1 > div.column-5, .span1 > div.column-6, .span1 > div.column-7, .span1 > div.column-8, .span1 > div.column-9, .span1 > div.column-10, .span1 > div.column-11, .span1 > div.column-12, .span1 > div.column-13, .span1 > div.column-14, .span1 > div.column-15, .span1 > div.column-16, .span1 > div.column-17, .span1 > div.column-18, .span1 > div.column-19, .span1 > div.column-20, .span1 > div.column-21, .span1 > div.column-22, .span1 > div.column-23, .span1 > div.column-24, .span1 > div.column-25, .span1 > div.column-26, .span1 > div.column-27, .span1 > div.column-28, .span1 > div.column-29, .span1 > div.column-30, .span1 > div.column-31, .span1 > div.column-32, .span1 > div.column-33, .span1 > div.column-34, .span1 > div.column-35, .span1 > div.column-36, .span1 > div.column-37, .span1 > div.column-38, .span1 > div.column-39, .span1 > div.column-40, .span1 > div.column-41, .span1 > div.column-42, .span1 > div.column-43, .span1 > div.column-44, .span1 > div.column-45, .span1 > div.column-46, .span1 > div.column-47, .span1 > div.column-48, .span1 > div.column-49, .span1 > div.column-50 {
border-top: 3px dashed #c6d9ee;
}

/*------------------------ 5 koloms > ----------------------------*/

.span2{
width: 100%;
padding: 0 1.5% 1.5% 1.5%;
display: inline;
float: left;
}

.span2 > div > div.pull-right, .span2 > div > div.pull-left{
max-width: 100%;
margin: 0 0 15px 0;
}

.span2 > div.column-1, .span2 > div.column-2, .span2 > div.column-3, .span2 > div.column-4, .span2 > div.column-5, .span2 > div.column-6, .span2 > div.column-7, .span2 > div.column-8, .span2 > div.column-9, .span2 > div.column-10, .span2 > div.column-11, .span2 > div.column-12, .span2 > div.column-13, .span2 > div.column-14, .span2 > div.column-15, .span2 > div.column-16, .span2 > div.column-17, .span2 > div.column-18, .span2 > div.column-19, .span2 > div.column-20, .span2 > div.column-21, .span2 > div.column-22, .span2 > div.column-23, .span2 > div.column-24, .span2 > div.column-25, .span2 > div.column-26, .span2 > div.column-27, .span2 > div.column-28, .span2 > div.column-29, .span2 > div.column-30, .span2 > div.column-31, .span2 > div.column-32, .span2 > div.column-33, .span2 > div.column-34, .span2 > div.column-35, .span2 > div.column-36, .span2 > div.column-37, .span2 > div.column-38, .span2 > div.column-39, .span2 > div.column-40, .span2 > div.column-41, .span2 > div.column-42, .span2 > div.column-43, .span2 > div.column-44, .span2 > div.column-45, .span2 > div.column-46, .span2 > div.column-47, .span2 > div.column-48, .span2 > div.column-49, .span2 > div.column-50 {
border-top: 3px dashed #c6d9ee;
}

/*------------------------ einde kolomindeling ----------------------------*/

.row-0 {
width: 30.3%;
padding-right: 3%;

} 

.row-1{
width: 30.3%;
padding: 0 1.5%;
} 

.row-2{
width: 30.3%;
padding-left: 3%;
}
 
.items-row {
float: left;
}

.category-desc {
padding: 0 1.5%;
}

.facebook-img {
width: 0px;
height: 0px;
float: left;
overflow: hidden;
}

.facebook-item {
margin-bottom: 15px;
padding-bottom: 80px;
background: url('/templates/ponne/images/blog-facebook.gif') no-repeat bottom left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.item-image {
float: left;
width: 100%;
}

.twitter-item {
margin-bottom: 15px;
padding-bottom: 80px;
background: url('/templates/ponne/images/blog-twitter.gif') no-repeat bottom left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

/*------------------------ einde blog ----------------------------*/

#chronoform-contact label{
width: 125px;
float: left;
padding-bottom: 10px;
}

#chronoform-contact input{
float: left;
}

#chronoform-contact textarea{
float: left;
width: 100%;
}

.contactform {
width: 100%;
float: left;
padding-bottom: 10px;
}

.contactform input{
width: 100%;
float: left;
height: 25px;
}

.inputklein input{
width: 30px;
float: left;
}

.inputklein div{
width: 100%;
float: left;
background: yellow;
}

.inputklein label{
width: 80%;
float: left;
}

.half {
float: left; 
width: 47%;
padding-right: 3%;
}

#bottom {
width: 100%;
float: left;
z-index: 2;
padding-bottom: 20px;
}

#gegevens-holder {
float: right;
background: #1c7bb6;
-webkit-border-radius: 15px 0 0 15px ;
-moz-border-radius: 15px 0 0 15px ;
border-radius: 15px 0 0 15px ;
}

#gegevens-holder p{
margin: 0px;
padding: 0px;
}

#gegevens {
width: auto;
background: #1c7bb6;
float: right;
padding: 10px 20px;
color: white;
}

#gegevens a{
color: white;
}

#gegevens-tip {
width: auto;
height: 100%;
float: right;
padding: 12px 10px 5px 10px;
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
background-image: url('/templates/ponne/images/bg.gif');
background-repeat: repeat;
background: repeating-linear-gradient(
	45deg,
  #c6d9ee,
  #c6d9ee 3px,
  #a4ccea 2px,
  #a4ccea 5px);
   background-color: #c6d9ee;
     -webkit-border-radius: 15px 0 0 0 ;
-moz-border-radius: 15px 0 0 0 ;
border-radius: 15px 0 0 0 ;
}

#gegevens-tip:hover {
background: #c6d9ee;
     -webkit-border-radius: 15px 0 0 0 ;
-moz-border-radius: 15px 0 0 0 ;
border-radius: 15px 0 0 0 ;
}

/*--------------------------------- menu ---------------------------------------*/

#menu {
height: auto;
background-image: url('/templates/ponne/images/bg.gif');
background-repeat: repeat;
background: repeating-linear-gradient(
  #c6d9ee,
  #c6d9ee 3px,
  #a4ccea 2px,
  #a4ccea 5px);
position: relative;
float: left;
padding: 10px 5%;
-webkit-border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
border-radius: 0 15px 15px 0;
margin: -25px 0 0 -18px;
z-index: 100;
}

.menu a{
font-size: 16px;
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
  display: block;
  background: url('/templates/ponne/images/menu-streep.gif') no-repeat left center;
}

.menu a:hover {
  text-decoration: none;
}

.menu .active a{
background: white;
color: #1c7bb6;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
position: relative;
z-index: 1;
}

.menu .item-101 a{
background-image: none;
}

.menu { /* all lists */
  padding: 0;
  margin: 0;
  list-style: none;
  position:relative;
  z-index: 10000;
}

.menu li {
  float: left;
}

.menu li a {
padding: 0px;
color: #1c7bb6;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin-left: -2px;
}

.menu li a:hover{
color: white;
background: #1c7bb6;
position:relative;
z-index: 100;
}

.menu li ul { /* second-level lists */
  position: absolute;
 	-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
  width: 100px;
  left: -999em; 
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 14px;/* using left instead of display to hide menus because display: none isn't read by screen readers */
}

.menu li ul li{
  padding-right: 0px;
  float: left;
  display: inline;
}

.menu li ul li a {
  color: white;
  background: #1c7bb6;
  padding:7px 18px;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
width: 200px;
line-height: 120%;
}

.menu li ul li a:hover{
  color: #1c7bb6;
  background: white;
}

.menu li ul li:hover{
  color: white;
}

.menu li:hover ul, .menu li.sfhover ul {
  left: auto;
  width: 120px;
  padding: 0px;
  background: none;
  color: black;
  font-size: 16px;
  text-decoration: none;
}

/*--------------------------------- exta ---------------------------------------*/
}



@media (min-width: 200px) and (max-width: 719px) { 
	body{font-size: 14px;}

	h1 {
	font-size: 28px;
	}
	
	h2 {
	font-size: 24px;
	}

	h3 {
	font-size: 18px;
	}

.container {
width: 100%;
height: 100%;
text-align: left;
z-index: 10;
position: relative;
}

#top{
float: left;
position: relative;
width: 100;
padding: 5% 0 0 0;
background: white;
}

#logo{
width: 90%;
float: left;
padding: 0 5% 5% 5%;
}

#logo p{
margin: 0;
padding: 0;
}

#logo img{
width: 100%;
height: auto;
max-width: 500px;
}

#social {
width: 0px;
height: 0px;
float: left;
overflow: hidden;
}

#knoppen-mobiel {
width: 100%;
float: left;
background-image: url('/templates/ponne/images/bg.gif');
background-repeat: repeat;
background: repeating-linear-gradient(
  #c6d9ee,
  #c6d9ee 3px,
  #a4ccea 2px,
  #a4ccea 5px);
}

#knoppen-mobiel img{
width: 12%;
height: auto;
}

#menu{
float: left;
width: 100%;
}

#header {
width: 100%;
height: 300px;
text-align: left;
position: raltive;
float: left;
z-index: 1;
}

.camera_caption > div {
float: right;
width: 0px;
height: 0px;
overflow: hidden;
padding: 0px;
}

.moduletable-fullscreen {
border-bottom: 1px solid #c6d9ee;
}

.moduletable-fullscreen  a {
padding: 10px 47px 10px 15px;
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
color: #00699c;
float: left;
background: url('/templates/ponne/images/knop-link.gif') no-repeat right center white;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 15px 15px 0px 0px;
}

.moduletable-fullscreen  a:hover{
background: url('/templates/ponne/images/knop-hover.gif') no-repeat right center #c6d9ee;
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
text-decoration: none;
}

#content {
width: 90%;
height: auto;
padding: 5% 5% 2% 5%;
text-align: left;
float: left;
position: relative;
margin-bottom: 0px;
}

#content p{
line-height: 140%;
padding-bottom: 15px;
}

#content img{
max-width: 100%;
height: auto;
}

.leading-1, .leading-2, .leading-3, .leading-4, .leading-5, .leading-6, .leading-7, .leading-8, .leading-9, .leading-10, .leading-11, 
.column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11 {
border-top: 3px dashed #c6d9ee;
padding-top: 15px;
width: 100%;
}

.span4 > div.column-1, .span4 > div.column-2, .span4 > div.column-3, .span4 > div.column-4, .span4 > div.column-5, .span4 > div.column-6, .span4 > div.column-7, .span4 > div.column-8, .span4 > div.column-9, .span4 > div.column-10, .span4 > div.column-11, .span4 > div.column-12, .span4 > div.column-13, .span4 > div.column-14, .span4 > div.column-15, .span4 > div.column-16, .span4 > div.column-17, .span4 > div.column-18, .span4 > div.column-19, .span4 > div.column-20, .span4 > div.column-21, .span4 > div.column-22, .span4 > div.column-23, .span4 > div.column-24, .span4 > div.column-25, .span4 > div.column-26, .span4 > div.column-27, .span4 > div.column-28, .span4 > div.column-29, .span4 > div.column-30, .span4 > div.column-31, .span4 > div.column-32, .span4 > div.column-33, .span4 > div.column-34, .span4 > div.column-35, .span4 > div.column-36, .span4 > div.column-37, .span4 > div.column-38, .span4 > div.column-39, .span4 > div.column-40, .span4 > div.column-41, .span4 > div.column-42, .span4 > div.column-43, .span4 > div.column-44, .span4 > div.column-45, .span4 > div.column-46, .span4 > div.column-47, .span4 > div.column-48, .span4 > div.column-49, .span4 > div.column-50 {
border-top: 3px dashed #c6d9ee;
}

.items-leading {
padding-bottom: 15px;
}

.item-image {
margin-bottom: 15px;
}

.item-image img{
width: 100%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.pull-left{
width: 100%;
float: left;
}

.pull-right {
width:100%;
float: right;
}

.facebook-img {
width: 0px;
height: 0px;
float: left;
overflow: hidden;
}

.facebook-item {
margin-bottom: 20px;
padding-bottom: 80px;
background: url('/templates/ponne/images/blog-facebook.gif') no-repeat bottom left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.twitter-item {
margin-bottom: 20px;
padding-bottom: 80px;
background: url('/templates/ponne/images/blog-twitter.gif') no-repeat bottom left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#chronoform-contact label{
width: 100%;
float: left;
padding-bottom: 10px;
}

#chronoform-contact input{
float: left;
}

#chronoform-contact textarea{
float: left;
width: 100%;
height: 300px
}

.contactform {
width: 100%;
float: left;
padding-top: 12px;
}

.contactform input{
width: 100%;
float: left;
height: 30px;
}

.inputklein input{
width: 30px;
float: left;
}

.inputklein div{
width: 100%;
float: left;
}

.inputklein label{
float: left;
padding-top: 8px;
}

.half {
float: left; 
width: 100%;
}

.knop  {
padding: 10px 47px 10px 15px;
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
color: #00699c;
background: url('/templates/ponne/images/knop-link.gif') no-repeat right center #c6d9ee;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-right: 15px;
border: none;
}

.knop:hover{
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
text-decoration: none;
background: url('/templates/ponne/images/knop-hover.gif') no-repeat right center #a4ccea;
}

.btn {
padding: 10px 47px 10px 15px;
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
color: #00699c;
background: url('/templates/ponne/images/knop-link.gif') no-repeat right center #c6d9ee;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-right: 15px;
}

.btn:hover{
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
text-decoration: none;
background: url('/templates/ponne/images/knop-hover.gif') no-repeat right center #a4ccea;
}

.icon-chevron-right {
width: 0px;
height: 0px;
float: left;
overflow: hidden;
}

#bottom {
width: 100%;
float: left;
z-index: 2;
}

#gegevens-holder {
float: left;
width: 100%;
background: #1c7bb6;
}

#gegevens-holder p{
margin: 0px;
padding: 0px;
}

#gegevens {
width: 90%;
background: #1c7bb6;
text-align: center;
padding: 5%;
color: white;
}

#gegevens a{
color: white;
}

#gegevens-tip {
width: 0px;
height: 0px;
float: left;
overflow: hidden;
}

/*-------------------404 error-----------------------------*/

.search {
width: 100%;
margin-bottom: 20px;
float: left;
}

.search .btn{
width: 100% !important;
margin-top: 15px;
}

.search input, .search select{
float: left;
width: 100%;
}

.btn-toolbar , .btn-toolbar .btn-group, #ordering_chzn, #limit_chzn{
width: 100% !important;
}

.pagination {float: left; margin-bottom: 10px;}
.pagination li span {padding: 2px;}
.pagination li a{padding: 2px; color: white !important;}

}

@media (min-width: 200px) and (max-width: 500px) { 

body{
font-size: 15px;
}

	h1 {
	font-size: 24px;
	}
	
	h2 {
	font-size: 20px;
	}

	h3 {
	font-size: 16px;
	}
	
	#knoppen-mobiel img{
width: 18%;
height: auto;
}

#content {
padding-top: 10%;

}

.chronoform input{
width: 100%;
margin-bottom: 10px;
}

.chronoform label{
padding-bottom: 10px;
}

.chronoform textarea{
width: 100%;
height: 200px;
margin-bottom: 10px;
}

.contactform input{
float: left;
height: 25px;
}

.inputklein input{
width: 30px;
float: left;
}

.inputklein div{
width: 100%;
float: left;
}

.inputklein label{
width: 80%;
float: left;
}

}
/**
 * @copyright	Copyright (C) 2005 - 2020 Open Source Matters, Inc. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

/* Import project-level system CSS */


/* Unpublished */
.system-unpublished, tr.system-unpublished {
	background: #e8edf1;
	border-top: 4px solid #c4d3df;
	border-bottom: 4px solid #c4d3df;
}

span.highlight {
	background-color:#FFFFCC;
	font-weight:bold;
	padding:1px 0;
}

.img-fulltext-float-right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.img-fulltext-float-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.img-fulltext-float-none {
}

.img-intro-float-right {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

.img-intro-float-left {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.img-intro-float-none {
}