@import url('http://fonts.googleapis.com/css?family=Nobile');
@import url('http://fonts.googleapis.com/css?family=Ubuntu:regular,italic,bold,bolditalic');

* {
	margin: 0; color:#808080
}
html, body {
	height: 100%;
}
body {
	font:12px/18px Nobile, Arial, sans-serif;
	background: #fff url('../images/body.png') left top repeat-x;
}	

a, a:link, a:visited {
	text-decoration: underline; color:#589BBC;
}

a:hover {
	text-decoration: underline; color:#1F5CB1;
}

img {
	border: 0;
}

hr{border: none; border-top:solid 1px #D9D9D9; border-bottom:solid 1px white; margin:5px 0}

h1 {font: normal 22px/26px 'Ubuntu', "Lucida Sans", Arial, sans-serif; color:#777; margin:0 0 15px 0; padding-left:0!important;}
h2, h1 div , h2 a{font: 18px/22px "Lucida Sans", Arial, sans-serif; color:#666; margin:10px 0 5px 0;  padding:0; text-decoration:none;}
h1 div {margin-bottom:0;}
h3 {font: 14px/20px "Lucida Sans", Arial, sans-serif; color:#606060; margin:8px 0 5px 0; padding:0; text-transform:uppercase;}
h4 {font: 14px/16px "Lucida Sans", Arial, sans-serif; color:#808080; margin:0 0 5px 0; padding:0;}
h5 {font:bold 12px/14px "Lucida Sans", Arial, sans-serif; color:#FF1925; margin:0 0 5px 0; padding:0; text-transform:uppercase;}
h6 {font:bold 12px/12px Arial, sans-serif; color:#FF1925; margin:0 0 5px 0; padding:0;}
p{margin-bottom:10px;}

b, strong{font-weight:600; font-family:'Lucida Sans', Arial, Sans-serif;}

br.clear{clear:both; font-size:0px; line-height:0px; height:0px;}

input{margin:0; padding:0;
-webkit-border-radius: 2px;
 -moz-border-radius: 2px;
border-radius: 2px; 
}
input.button{background:#e31f26;  border:0; height:22px; line-height:20px; cursor:pointer; padding:0 5px;
color:#fff; text-shadow:-1px -1px #8e1a1e;
}
input.button:hover{background:#f5373e;}

.btnKalender{margin-top:20px;}
.btnOverzicht{margin-top:10px;}

.textfield, .rightPane form #div_code input{background:white; border:solid 1px #A8CCE6; height:14px; padding:3px 0 3px 3px; margin-bottom:3px;}
a.btnPdf{background:url(../images/png.gif)left 3px no-repeat; height:30px; padding-left:30px; line-height:30px; white-space:nowrap; display:block; float:left;}
	
/* classes */
.wrapper {
	width:992px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -64px; /* the bottom margin is the negative value of the footer's height */
	position:relative;
}
.footer, .push {
	height: 48px; /* .push must be the same height as .footer */
}
.footer{
	width:994px;
	margin: 0 auto;
	display:block; z-index:9999999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	text-shadow:1px 1px #fff;
	}
.footer span{ margin:25px auto 0 auto; width:994px; text-align:center; display:block; position:absolute; height:18px; padding-top:7px;}
.footer a{text-decoration:none;}
.metaPane{
	height:24px;
	display:none;
}
.topPane{
	height:155px;
	width:994px;
	margin-bottom:20px;
	float:left;
	color:#888;
	position:relative;
	}
	
/*div.newsTicker {
 position: relative;
 overflow: hidden;
 width:760px; 
 height: 15px;
 margin-top:-14px; 
 margin-left:217px
}*/

div.newsTicker ul li {
 white-space: nowrap;
 float: left;
 padding-right: 0px; /* don't change to margin = margin between news items */
 list-style:none;
}
.newsTicker{width:100%; position:absolute; bottom:0px; left:0px;color:#888; height:30px; line-height:30px; overflow:hidden;}
.newsTicker ul, .newsTicker ul li {color:#888; text-shadow:1px 1px #fff;}
.newsTicker ul li a{color:#589BBC;}

a#topHome{height:99px; width:262px; float:left; margin:12px 10px 0 10px; background: url(../images/logo-donboscoHoboken.png) no-repeat;}
p#topAdress{float:left; margin-top:62px; text-shadow:1px 1px #fff;}
p#topAdress a{color:#589BBC;}
div#topSearch{margin:10px 10px 0 0; float:right;}
div#topSearch .button{margin-left:5px; float:right; width:55px;}
div#topSearch input{float:right;}

div#topSearch input#zoeken{background:#fff; width:200px; border:solid 1px #dcdcdc;
-moz-box-shadow: 0 0 10px #F0F0F0;
-webkit-box-shadow: 0 0 10px#F0F0F0;
box-shadow: 0 0 10px #F0F0F0;
}

/*topMenu*/
.wrapMenu{margin-top: 25px; border:solid 1px #dcdcdc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background:#fff;
padding:0 10px;
-moz-box-shadow: 0 0 10px #dcdcdc;
-webkit-box-shadow: 0 0 10px#dcdcdc;
box-shadow: 0 0 10px #dcdcdc;
}
table.tableMenuHor{ border:0; border-collapse:collapse;}
img.fadeIn{position:absolute; left:0; top:0;  z-index:10; height:32px; width:51px;}
img.fadeOut{position:absolute; right:0; top:0; z-index:10; height:32px; width:51px;}
table.tableMenuHor, table.tableMenuHor td{
border-collapse:collapse; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
table.tableMenuHor td{padding:10px; margin:0; line-height:20px; height:20px;
 font-weight:normal!important; color:#888!important; font-size:15px!important; font-family:"Lucida Grande", "Lucida Unicode Sans", "Lucida Sans", Arial, sans-serif!important; text-transform:lowercase; cursor:pointer;}
 table.tableMenuHor td {border-right:solid 1px white!important;}
table.tableMenuHor #dm0m1 td, table.tableMenuHor #dm0m2 td, table.tableMenuHor #dm0m3 td, table.tableMenuHor #dm0m4 td, table.tableMenuHor #dm0m5 td{font-size:12px!important;}
table.tableMenuHor #dm0m1, table.tableMenuHor #dm0m2, table.tableMenuHor #dm0m3, table.tableMenuHor #dm0m4, table.tableMenuHor #dm0m5{
-moz-box-shadow:  2px 2px 5px #888;
-webkit-box-shadow: 2px 2px 5px #888;
box-shadow:  2px 2px 5px #888;
}

ul#topNav{background:url(../images/topNav.gif); display:block; float:right; height:24px; margin-top:10px; overflow:hidden; width:216px;}
ul#topNav, ul#topNav li{list-style:none; padding:0;}
ul#topNav li{float:left; border-left: solid 1px silver; display:block;}
ul#topNav li.first{border:none; padding-left:10px;}
ul#topNav li a {padding:2px 15px;  font:9px/21px Verdana, Arial, Helvetica, sans-serif; white-space:nowrap; text-decoration:none;}
ul#topNav li.locker{background:url(../images/topNav.gif) right top; display:block; float:right; height:24px; width:10px; border:0;}

.middlePane{
	position: relative;
	float:left;
	width:992px;
	background:#f6faff url('../images/lines1.png');
	border:solid 1px #fff;
	}
.bottomPane{
	position: relative;
 	}
.leftPane{
	width: 187px;
	position: relative; overflow:hidden;
	float:left;
	padding:10px;
	}
.leftPane img.floatLeft{border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}	
a#img:hover img.floatRight, a#img:hover img.floatLeft{-webkit-box-shadow: 0 0 20px #666;-moz-box-shadow: 0 0 20px #666;box-shadow: 0 0 20px #666;}
.imgVergroot{position:absolute; right:5px; bottom:5px; display:block;}

/*rightpane colors*/
.smallGrey{width: 179px; padding:0 8px 8px 8px; background:#fff; border:solid 1px #dcdcdc; margin-top:10px;}
.lockerSmallGrey{background:url(../images/rightPane.gif) left bottom no-repeat; height:10px; margin-bottom:10px; display:none;}
.smallGrey table td{font-size:10px; line-height:12px;}
.smallGrey .title{margin-top:10px;}
.smallGrey .textfield{width:176px;}

.smallGrey h2{padding:10px 0 0 0;}

.bgBlue{background:#e3eef3;}
.bgYellow{background:#feffeb;}

.virtueelBezoek{margin-top:10px; display:block;}
.virtueelBezoek img{display:block;}

.imageGallery{ margin-top:10px;}
.imageGallery img{margin:0 auto 10px auto; width:152px; padding:1px; border:solid 1px #589BBC; display:block;}

#sitemap ul {  }
#sitemap li { margin-left:20px; padding-left: 10px }

/*leftMenu*/
.smallMenu{width: 195px;background:#fff; border:solid 1px #dcdcdc; 
	margin-bottom:20px;
	overflow:hidden;
	}
.smallMenu ul, .smallMenu ul li{list-style:none; padding:0;}
.smallMenu ul{text-transform:uppercase; padding:10px 0; width:198px; overflow:hidden;}
.smallMenu ul li{display:block;}
.smallMenu ul li a{ padding:3px 20px 3px 24px; display:block; border-bottom: dotted 1px #E0E0E0; width:157px; overflow:hidden; color:#808080; text-transform:uppercase; text-decoration:none;
-webkit-transition: background .5s linear, text-shadow .5s linear, color .2s linear;
    -moz-transition: background .5s linear, text-shadow .5s linear, color .2s linear;
    -o-transition: background .5s linear, text-shadow .5s linear, color .2s linear;
    transition: background .5s linear, text-shadow .5s linear, color .2s linear;
	background-position:-16px 0;
}
.smallMenu ul li a.active, .smallMenu ul li a.active:hover{background:url(../images/iconNav.gif) 0 0 no-repeat; color:#E31F26; text-shadow:-1px -1px #fff; }
.smallMenu ul li a:hover{ color:#E31F26; background:url(../images/iconNav.gif) 0 0 no-repeat;  text-shadow:-1px -1px #fff;}
 
.contentPane{
	position: relative;
	width: 560px;
	margin:0 9px;
	top:0px;	
	height:auto;
	float:left;
	}

.contentPaneFull{
	position: relative;
	width: 765px;
	margin:0 9px;
	top:0px;	
	height:auto;
	float:left;
	}
	
#breadcrumb{position:absolute; top:-20px; left:220px; width:550px; overflow:hidden; height:15px; font-size:10px; z-index:9999; color:#fff;z-index:30;}
#breadcrumb a{color:#fff;}
#icons{position:absolute; top:-20px; right:-12px; overflow:hidden; height:25px; background:url(../images/lines1.png); text-align:right; padding:0 10px 0 5px;
border:solid 1px #fff; border-bottom:0;
-webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  z-index:50;}

#icons a{padding:4px 0 0 8px; display:block; float:left; z-index:50;}

.greyPane{background:#fff;
	padding:20px 20px 10px 20px; margin:10px 0 20px 0;
	border:solid 1px #dcdcdc;
	-moz-box-shadow: 0 0 10px #dcdcdc;
-webkit-box-shadow: 0 0 10px#dcdcdc;
box-shadow: 0 0 10px #dcdcdc;
	}
.greyPaneFull{ padding:20px 20px 10px 20px; margin:10px 0;	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;  background:#fff; border:solid 1px #dcdcdc;}

.lockerGreyPane{background:url(../images/contentPane.gif) left bottom no-repeat; height:10px; margin-bottom:10px; display:none; }
.lockerGreyPaneFull{background:url(../images/contentPaneFull.gif) left bottom no-repeat; height:10px; margin-bottom:10px; display:none;}

.greyPane img{ margin:0 5px 2px 0; padding:1px; border:solid 1px #A8CCE6;}
div.caption{float:left; margin:0 5px 2px 0; padding:1px; border:solid 1px #A8CCE6; background:white; font:9px/11px Verdana, Arial, Helvetica, sans-serif;}
div.caption p{clear:both; padding:10px 2px;}
div.caption img{border:none; margin:0;}

.rightPane{
	position: relative;
	width: 197px; overflow:hidden;
	top:0px;
	float:left;
	}
	
/* :after, nav.mainnav li:not(:first-child) a  */

.rightPane form input{margin-top:10px;}
.rightPane form {font:10px/12px Verdana, Arial, Helvetica, sans-serif;}
.rightPane form #div_code{padding:10px; background:#dcdcdc url('http://static.mailchimp.com/www/images/noise.png');}



.verloren p{margin:0;}


.imgbtn{font:13px/16px Arial Narrow, Trebuchet MS, Arial, Helvetica, sans-serif; margin:0; color:white;  text-decoration:none }


.imgButtonContainer { margin:0 5px 0 0; padding:1px;}
.imgButtonContainer:hover { margin:0 5px 0 0; padding:0px; }
.imgbtn a{font:13px/16px Arial Narrow, Trebuchet MS, Arial, Helvetica, sans-serif; margin:0; color:white;  text-decoration:none }
.imgbtn a:hover{font:13px/16px Arial Narrow, Trebuchet MS, Arial, Helvetica, sans-serif; margin:0; color:white;  text-decoration:underline }
.lessentabel table td{padding-right: 5px}

.floatLeft{float:left; margin-right: 5px}
.floatRight{float:right; margin-left: 5px }

 /*Single Accordion*/
#accordion {
	border: 1px solid #eee;
	overflow: hidden;
    background: #fff; width:559px; overflow:hidden;
	margin-top:10px;
}

#accordion dt{cursor:pointer;
	display:block;
	padding:10px 5px;
	margin-top:0px;
	margin-bottom:0px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	background-color: #F1F1F1;
	border-top: 1px solid #FFFFFF;border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;
	text-transform:uppercase;
	-webkit-transition: background .5s linear, color .5s linear;
    -moz-transition: background .5s linear, color .5s linear;
    -o-transition: background .5s linear, color .5s linear;
    transition: background .5s linear, color .5s linear;
	text-shadow:-1px -1px #fff;
	-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
}
#accordion dt:hover{background:#E0E0E0;}

#accordion dt span{font-size:10px;  }	
#accordion dd {overflow: hidden; margin-bottom:0; padding-left:10px; }

#accordion img{padding:0!important; margin:0!important; float:left;}
#accordion div a{border:solid 1px #589BBC; padding:1px; display:block; float:left; margin:10px 10px 0 0}
#accordion div a:hover{border: solid 2px #589BBC; padding:0}


.structuur
{
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#000000;
}

.structuur A
{
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#000000;
	text-decoration:none
}


.structuur A:visited
{
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#000000
}

.structuur A:active
{
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FF0000
}

.structuur A:link
{
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#000000
}

.structuur A:hover
{
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FF0000;
	text-decoration:none
}

ul.paging{ float:right; list-style:none; margin:20px 0 10px 0; padding:0; }
ul.paging li{display:block; float:left; margin:0; padding-bottom:5px;}
ul.paging li a {padding:3px 7px; color:#666666; font-family: Verdana; font-size: 8pt; text-decoration:none }
ul.paging li a.active{background:#C0C0C0; color:#FFFFFF; font-family: Verdana; font-size: 8pt; text-decoration:none }


.albumCaption a,.albumCaption a:hover{border:0; padding:0; float:none; margin:0;}


.toggler{font-size:15px!important;}

.cufon-loading * { /* for Cufon.replace('h1') */
	visibility: hidden !important;
}