@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;
}

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%;
}

@media (min-width: 995px) {

.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: 1000px;
position: absolute;
bottom: 0;
background: #ccc;
text-align: left;
z-index: 1;
overflow: hidden;
}

.moduletable-fullscreen {
margin:0px;
padding: 0px;
}

.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: 200px;
padding: 25px;
}

.slideshowck-fullscreen {
height: 1000px;
}

.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-fp/images/knop-link.gif') no-repeat right center white;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-right: 15px;
}

.knop:hover{
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
text-decoration: none;
background: url('/templates/ponne-fp/images/knop-hover.gif') no-repeat right center #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-fp/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-fp/images/knop-hover.gif') no-repeat right center #c6d9ee;
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
text-decoration: none;
}

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

#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-fp/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 ;
}

#content {
width: 0px;
height: 0px;
float: left;
position: relative;
overflow: hidden;
}

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

#menu {
height: auto;
background-image: url('/templates/ponne-fp/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-top: -25px;
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-fp/images/menu-streep.gif') no-repeat left center;
}

.menu a:hover {
  text-decoration: none;
  background-image: none;
  position: relative;
  z-index: 1;
}

.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;
background-image: none;
}

.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: 180px;
line-height: 100%;
}

.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 {
position: absolute;
bottom: 0;
width: 100%;
height: 1000px;
background: white;
text-align: left;
z-index: 1;
overflow: hidden;
}

.moduletable-fullscreen {
margin:0px;
padding: 0px;
}

.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: 350px;
margin-bottom: 120px;
padding: 25px;
}

.slideshowck-fullscreen {
height: 1000px;
}

.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-fp/images/knop-link.gif') no-repeat right center white;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-right: 15px;
}

.knop:hover{
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
text-decoration: none;
background: url('/templates/ponne-fp/images/knop-hover.gif') no-repeat right center #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-fp/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-fp/images/knop-hover.gif') no-repeat right center #c6d9ee;
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
text-decoration: none;
}

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

#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 7px 10px;
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
background-image: url('/templates/ponne-fp/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 ;
}

#content {
width: 0px;
height: 0px;
float: left;
position: relative;
overflow: hidden;
}

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

#menu {
height: auto;
background-image: url('/templates/ponne-fp/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-top: -25px;
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-fp/images/menu-streep.gif') no-repeat left center;
}

.menu a:hover {
  text-decoration: none;
    position: relative;
  z-index: 1;
  background-image: 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;
  font-size: 14px;
  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;
}

.menu li ul { /* second-level lists */
  position: absolute;
  background: white;
  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:10px 12px;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
width: 180px;
line-height: 100%;
}

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

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


}

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

#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-fp/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%;
}

#content {
width: 0px;
height: 0px;
float: left;
position: relative;
overflow: hidden;
}

#header {
float: left;
width: 100%;
height: auto;
}

.slideshowck-fullscreen {
height: 500px;
}

.camera_caption > div {
float: right;
position: relative;
width: 90%;
background: white;
padding: 5% 5% 5% 10%;
text-align: left;
}

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

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

.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-fp/images/knop-link.gif') no-repeat right center white;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-left: 15px;
}

.knop:hover{
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
text-decoration: none;
background: url('/templates/ponne-fp/images/knop-hover.gif') no-repeat right center #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-fp/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-fp/images/knop-hover.gif') no-repeat right center #c6d9ee;
font-weight: 700;
font-family: 'PT Sans Caption', arial, sans-serif;
text-decoration: none;
}

#gegevens-holder {
float: left;
width: 100%;

}

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

#gegevens {
width: 90%;
background: #1c7bb6;
float: right;
padding: 5%;
color: white;
}

#gegevens a{
color: white;
}

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

}


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

body{
font-size: 13px;
background: #1c7bb6;
}

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

.moduletable-fullscreen  h1{
font-size:20px;
}

.moduletable-fullscreen  p{
font-size: 13px;
}

}
/**
 * @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 {
}