@charset "utf-8";

/* Color sheme:
 * color1: #007bc0
 * color2: #003883
 * color3: #000000
 */ 

/*** tag selectors ***/
html{
	background-color: #fff;
}
body{
  background-color: #fff;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8.5pt;
  font-weight: normal;
  color: #000;
}
font{
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}
label{
	font-weight: normal;
}
p {
	margin: 1.12em 0;
}
h1,h2,h3,h4,h5,h6{
  font-family: arial, helvetica, sans-serif;
}
h1{
  font-weight: normal;
  font-size: 18pt;
  text-transform: uppercase;
}
h2{
  font-weight: bold;
  font-size: 18pt;
  color: #007bc0;
  text-transform: uppercase;
}
h3{
  font-weight: bold;
  font-size: 14pt;
  color: #fff;
  text-transform: uppercase;
}
h4{
  font-weight: bold;
  font-size: 10pt;
  text-transform: uppercase;
  color: #007bc0;
  margin-top:-4px;
}
h5{
  font-weight: bold;
  font-size: 1.2em;
}
h6{
  font-weight: normal;
  font-size: 1.2em;
}
a, a:link, a:active, a:visited{
	text-decoration: none;
  color: #000;
}
a:hover{
	text-decoration: underline;
}
input.textbox{
  border: 1px solid #aaa;
}
textarea.textbox{
  border: 1px solid #aaa;
}

input[type="radio"], input[type="checkbox"]{
  cursor: pointer;
}
input[type="file"]{
  border: none;
  background: #fff none;
}
select.combolist{
  color: #424242;
}
fieldset.loader{
  background: transparent url( '/media/img/spinner.gif' ) no-repeat scroll top right;
}
a.donatie{
  background: transparent url( '/media/img/steun-ons.png' ) no-repeat scroll center center;
}
.button, .content-box .bd a.button {
	display:inline-block;
	background:transparent url('/media/img/button.png') no-repeat scroll top left;
	width:130px;
	height:26px;
	line-height:26px;
	text-align:center;
	color:#fff !important;
	border:none;
	text-decoration:none;
	cursor:pointer;
}
/*** Class selectors ***/
.small{
  font-size: 0.8em;
}
.big{
  font-size: 1.1em !important;
}
.normal-weight{
  font-weight: normal !important;
}
.mark1{
  color: #4e1b6b !important;
}
.mark2{
  color: #e4e4e4 !important;
}
.mark3{
  color: #656565 !important;
}
.line{
  border-top: 1px solid #e4e4e4;
}
.pointer{
  cursor: pointer;
}
.border{
  border: 1px solid #ccc;
}
.red{
  color: #aa0000;
}
.dotted{
  border-bottom: 1px dotted #000;
  cursor: help;
}
.content-box{
  background-color: transparent;
}
.content-box .hd{
  background: transparent url( '/media/img/box/box-top.png' ) no-repeat scroll top left;
}
.content-box .bd{
  border-left: 1px solid #bfcde0;
  border-right: 1px solid #bfcde0;
  background-color: #fff;
  line-height: 1.5em;
}
.content-box .bd a, .content-box-small .bd a{
  color: #007bc0 !important;
}
.content-box .ft{
  background: transparent url( '/media/img/box/box-bottom.png' ) no-repeat scroll top left;
}
.info-bar {
  border: 1px solid #ccc;
  border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #ffffcc;
}
.info-bar .msg {
  color: #000;
  font-size: 9pt;
}
.info-bar .msg a {
  text-decoration: underline;
}
.info-bar .icon {
  background-repeat: no-repeat;
  background-position: top left;
}
.info-bar .icon-info {
  background-image: url( '/media/img/cms/skins/default/info32.png' );
}
.info-bar .icon-warning {
  background-image: url( '/media/img/cms/skins/default/warning32.png' );
}
.info-bar .icon-error {
  background-image: url( '/media/img/cms/skins/default/error32.png' );
}
#layout-body-default-left.gallery .content-box .hd{
  background: transparent url( '/media/img/box/box-gallery-top.png' ) no-repeat scroll top left;
}
#layout-body-default-left.gallery .content-box .bd{
  border-color: #596e9f;
}
#layout-body-default-left.gallery .content-box .ft{
  background: transparent url( '/media/img/box/box-gallery-bottom.png' ) no-repeat scroll top left;
}
.gallery-box .hd{
  background: transparent url( '/media/img/box/box-gallery-right-top.png' ) no-repeat scroll top left;
}
.gallery-box .bd{
  border-left: 1px solid #596e9f;
  border-right: 1px solid #596e9f;
}
.gallery-box .ft{
  background: transparent url( '/media/img/box/box-gallery-right-bottom.png' ) no-repeat scroll top left;
}
.content-box-small{
  background-color: transparent;
}
.content-box-small .hd{
  background: transparent url( '/media/img/box/box-small-top.png' ) no-repeat scroll top left;
}
.content-box-small .bd{
  border-left: 1px solid #809cc1;
  border-right: 1px solid #809cc1;
  background-color: #fff;
  line-height: 1.5em;
}
.content-box-small .ft{
  background: transparent url( '/media/img/box/box-small-bottom.png' ) no-repeat scroll top left;
}
.quote-box .hd{
  background: transparent url( '/media/img/box/grey-box-top.png' ) no-repeat scroll top left;
}
.quote-box .ft{
  background: transparent url( '/media/img/box/grey-box-bottom.png' ) no-repeat scroll top left;
}
.quote-box .bd{
  background: #f0eeed none;
  color: #007bc0;
}
.quote-box .bd .box-padding .quote-large{
  font-size: 1.8em;
  font-weight: bold;
  text-align: center;
  margin-top:0;
}
.quote-box .bd .box-padding .quote-name{
  font-size: 1.3em;
  text-align: center;
  text-transform: uppercase;
  margin-bottom:0;
}
.quote-box .bd .box-padding .quote-title{
  font-size: 1.1em;
  text-align: center;
  font-style: italic;
  margin:0;
}
.quote-box .bd .box-padding .quotes{
  font-size: 50pt;
  font-weight: bold;
  font-family: "times new roman", times, serif;
  color: #007bc0; /*#cccbca;*/
}
.picture-frame{
  text-align: center;
}
.picture-frame a, .picture-frame a span{
  color: #007bc0 !important;
  text-decoration: none !important;
}
.picture-frame a:hover{
  text-decoration: none !important;
}
.picture-frame a .picture-frame-border{
  border: 2px solid #fff;
}
.picture-frame a img{
  border: 1px solid #007bc0;
}
.picture-frame a:hover img{
  border: 1px solid #007bc0;
  text-decoration: none;
}
.picture-frame a:hover .picture-frame-border{
  border: 2px solid #007bc0;
  text-decoration: none;
}
.picture-frame .picture-frame-label-name{
  text-transform: uppercase;
  text-decoration: none !important;
}
.picture-frame .picture-frame-label-title{
  font-style: italic;
  text-transform: lowercase;
  text-decoration: none !important;
}
.picture-frame.picture-frame-active a img{
  border: 1px solid #007bc0;
  text-decoration: none;
}
.picture-frame.picture-frame-active a .picture-frame-border{
  border: 2px solid #007bc0;
  text-decoration: none;
}
.picture-frame.picture-frame-active a .picture-frame-label{
  font-weight: bold;
  text-decoration: none;
}
.faces-picture-box{
  background: transparent none; /*url( '/media/img/photo-frame.png' ) no-repeat scroll top left;*/
}
.faces-text-box .hd{
  background: transparent url( '/media/img/box/box-blue-top.png' ) no-repeat scroll top left;
}
.faces-text-box .bd{
  background-color: #007bc0;
  color: #fff;
  line-height: 1.5em;
}
.faces-text-box .ft{
  background: transparent url( '/media/img/box/box-blue-bottom.png' ) no-repeat scroll top left;
}
.cmsgadget {
	margin-bottom:10px;
}
.cmsbox {
	background-color: #007bc0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#fff;
	padding:10px;
	margin-bottom:10px;
}
.spotlightitem {
	border-top:1px solid #007bc0;
	padding:5px;
	font-size:10px;
	overflow:hidden;
	position:relative;
}
.cmsbox.spotlightbox {
	background:#fff;
	border:1px solid #007bc0;
	padding:0;
	color:#000;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.spotlightbox h3, .friendsbox h3 {
	padding:5px 10px;
	background-color: #007bc0;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius:  3px 3px 0 0;
	border-radius:  3px 3px 0 0;
	font-size:17pt;
}
.spotlightimage {
	float:left;
	max-width:65px;
	overflow:hidden;
	margin-right:5px;
}
.spotlighttext {
	float:left;
	width:318px;
}
#layout-body #layout-body-inner .spotlightitem a.spotlightlink {
	color:#007bc0;
	text-transform:uppercase;
	display:inline-block;
	background:#fff;
	width:320px;
	text-align: right;
	float:right;
}
a.spotlightlink img {
	background:#fff;
}

.cmsbox.friendsbox {
	background:#f4f2f1;
	color:#1076bd;
	overflow:hidden;
	padding:0;
}
.friendsbox h3 {
	font-size:19px;
	text-align:center;
}
.friendsbox .picnstuff {
	position:relative;
	overflow:hidden;
	padding: 10px;
}
.picnstuff img {
	float:left;
}
.picnstuff .meta {
	position:absolute;
	bottom:10px;
	left:170px;
	font-size:19px;
	text-transform:uppercase;
}
.picnstuff .title {
	text-transform:none;
	font-style:italic;
}
.friendsbox .quote {
	padding:10px;
	font-size:14px;
	line-height:28px;
	font-weight:bold;
	text-transform:uppercase;
	height:138px;
	overflow:hidden;
}
.friendlistbox {
	overflow:hidden;
	padding:0;
}
.friendlistimg {
	padding:10px 0 10px 10px;
}
.friendlistimg img {
	width:64px;
	float:left;
	margin-right:14px;
	cursor:pointer;
}
.friendlistbox img:hover, .friendlistbox img.selected {
	outline:3px solid #fff;
}
.friendlistbox .scrollbar {
	padding:6px 10px;
	overflow: hidden;
	clear:both;
}
#scrollleft {
	float:left;
	cursor:pointer;
}
#scrollright {
	float:right;
	cursor:pointer;
}
#friendslist div.friend {
	display:none;
}
#friendslist div.friend:first-child {
	display:block;
}

.ygtvfocus, .ygtvfocus .ygtvlabel, .ygtvfocus .ygtvlabel:hover{
  background-color: transparent;
}
.ygtvlabel:hover{
  text-decoration: underline;
}
/*** ID selectors ***/
#wrapper{
  background-color: #fff;
  border: 1px solid #ccc;
}
#layout-nav #layout-nav-main{
  background-color: #003883;
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 1.15em;
}
#layout-nav #layout-nav-sub{
  background-color: #007bc0;
  color: #fff;
  border-top: 1px solid #fff;
}
#layout-nav #layout-nav-sub a{
  color: #fff;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1.15em;
}
#layout-body #layout-body-inner a, #layout-body #layout-body-inner a:link, #layout-body #layout-body-inner a:hover, #layout-body #layout-body-inner a:visited, #layout-body #layout-body-inner a:focus, #layout-body #layout-body-inner a:active{
  color: #fff;
}
#layout-body #layout-body-inner #layout-body-default-left #layout-body-content, #layout-body #layout-body-inner #layout-body-default-left #layout-body-tight, #layout-body #layout-body-inner #layout-body-full #layout-body-full-inner #layout-body-content{
  background-color: #f5f2f7;
  border: 1px solid #afafaf;
}
#layout-body #layout-body-inner #layout-body-default-left #layout-body-content #right-box .bd{
  font-size: 9pt;
  background-color: #fff;
}
#layout-body #layout-body-inner #layout-body-default-left #layout-body-content #right-box table th{
  font-weight: bold;
}
#layout-foot #layout-foot-bottom{
  color: #003883;
  background-color: #003883;
}
#layout-foot #layout-foot-bottom #layout-foot-bottom-nav{
  background-color: #fff;
}
#layout-foot #layout-foot-bottom #layout-foot-bottom-nav, #layout-foot #layout-foot-bottom #layout-foot-bottom-nav a{
  color: #003883;
  text-transform: uppercase;
}
#layout-foot #layout-foot-bottom #layout-foot-bottom-nav a:hover{
  text-decoration: none;
}

#layout-foot #layout-foot-bottom #layout-foot-bottom-nav a.bottom-twitter{
	margin-left:20px;
	margin-right:5px;
}

.photo a, .photo a:link, .photo a:visited, .photo a:active, .photo a:focus{
  border: 2px solid #ccc;
}
.photo a:hover, .photo a.photo-link.selected{
  border: 2px solid #037bc0;
}
.gallery-box img{
  border: 1px solid #ccc;
}
#gallery-photo-nav a img{
  border: none;
}
.date{
  font-size: 0.9em;
}
.news-photo{
  border: 1px solid #ccc;
}
.news-item-archive{
  border-bottom: 1px solid #ccc;
}


/**********************
	  KAMERLEDEN
***********************/

.kamerlid-pictures {
	overflow: hidden;
	width: 460px;
}

.kamerlid-picture-frame {
	width: 220px;
	float: left;
	height: 110px;
	overflow: hidden;
	margin: 5px 8px 0 0;
}

.kamerlid-picture-frame-border {
	float: left;
}

.kamerlid-frame-label {
	float: left;
	margin: -3px 0 0 10px;
	width: 125px;
	color: #007BC0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.kamerlid-picture-frame a, .kamerlid-picture-frame a:hover {
	text-decoration: none;
}

.kamerlid-picture-frame a span.kamerlid-picture-frame-border img {
  border: 2px solid #fff;
  text-decoration: none;
}

.kamerlid-picture-frame a:hover span.kamerlid-picture-frame-border img{
  border: 2px solid #007bc0;
  text-decoration: none;
}

.kamerlid-individual-picture {
	float: left;
	border: 2px solid #007bc0;	
}


/***** INDIVIDUAL PAGE *****/

.kamerlid-individual-picture {
	border: 2px solid #007bc0;
}

.kamerlid-pictures-individual {
	overflow: hidden;
	width: 460px;
	margin-bottom: 5px;
}

.kamerlid-individual-label {
	float: left;
	margin: -3px 0 0 10px;
	width: 300px;
	color: #007BC0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.kamerlid-frame-label img {
	margin-top: 5px;	
}


/*********************
    Woord vriend
**********************/

#becomeFriendHolder, #bSubmitBecomeFriend {
	display: none;
}

/*********************
    donaties
**********************/

.donaties {
	line-height:16px;
}
.donaties h4 {
	margin:10px 0;
}
.donaties .button {
	margin:15px 0;
}
.donaties form {
	margin-top:20px;
}
.donaties label {
	margin-left:24px;
}