:focus { -moz-outline-style: none; }


* { margin: 0; padding: 0; }

html { font-family: verdana, sans-serif; font-size: 0.67em; color: #003d7c; cursor: default; }

#body { width: 960px; position: absolute; left: 50%; margin-left: -480px; }

a img { border: 0; }

#header { width: 960px; height: 298px; clear: both; }
#headerIntranet { width: 960px; height: 293px; clear: both; }

#logo { width: 224px; height: 131px; text-indent: -1000em; background: url(/lib/images/logo.png); position: absolute; z-index: 3; }

#flashHeader, #flashHeaderIntranet { position: absolute; z-index: 1; background: #eff; width: 960px; height: 225px; top: 73px; }
#flashHeaderIntranet { height: 150px; }

a { color: #003d7c; }
dl { margin-bottom: 2em; border: 1px solid #ebebeb; }
dt { font-weight: bold; float: left; display: block; width: 150px; }
dt, dd { padding: 3px; }
dd { padding-left: 159px; }
dt.even { background: #eeeeee; }
dt.odd { background: #dfdfdf; }
dd.even { background: #fff; }
dd.odd { background: #ebebeb; }
dd a { color: #ccbc47; font-weight: bold; text-decoration: none; }
dd a:hover { color: #003d7c; }

#utils { position: absolute; right: 10px; top: 40px; z-index: 2; width: 425px; }
#utils ul { list-style-type: none; float: left; margin-top: 3px; }
#utils ul li { float: left; }
#utils ul li a { display: block; padding: 0 5px 0 5px; border-left: 1px solid #003d7c; text-decoration: none; }
#utils ul li a:hover { text-decoration: underline; }
#utils ul li.first a { border: 0; }
#utils #searchForm { height: 20px; float: left; margin-left: 20px; }
#utils label { display: none; }
#utils fieldset { border: 0; }
#utils legend { display: none; }
#utils input { float: left; }
#utils input.searchInput { border: 1px solid #b0b0b0; width: 144px; height: 12px; font-size: 0.8em; color: #b0b0b0; padding: 2px; margin-right: 10px; }
#utils input.submit { width: 45px; height: 18px; background: url(/lib/images/buttonBackground.png) repeat-x; border: 0; font-size: 0.8em; font-weight: bold; color: #fff; cursor: pointer; }

#content { width: 960px; clear: both; margin-top: 21px; }

#column1 { width: 312px; float: left; overflow: hidden; margin: 0 12px 0 0; padding: 0; }
#column2 { width: 312px; float: left; overflow: hidden; margin: 0 12px 0 0; padding: 0; }
#column3 { width: 312px; float: left; overflow: hidden; margin: 0; padding: 0; }

#homeLeft { width: 660px; margin-right: 10px; border-top: 1px solid #ebebeb; float: left; }
#homeRight { width: 290px; border-top: 1px solid #ebebeb; float: left; }
#homeRight h2 { color: #ccbc47; font-size: 1em; }
#contentLeft { width: 313px; margin-right: 20px; border-top: 1px solid #ebebeb; float: left; }
#contentRight { width: 627px; float: left; margin-bottom: 1em; }

.print { display: none; }
.paragraph { overflow: hidden; }
.paragraph ol li{ margin-left:8px;  }
.paragraph img { float: right;  margin: 0 0 10px 20px;}
.date { font-weight: bold; display: block; }

.pasfoto { width: 301px; float: left; margin: 0 10px 10px 0; border-bottom: 1px dotted #003d7c; height: 177px;}
.pasfoto .naam { font-weight: bold; margin: 5px 10px 10px 10px; width: 280px;}
.pasfoto img { width: 100px; float: left; margin: 0 10px 0 10px; }
.pasfoto p { margin: 0 5px 10px 10px; padding: 0; height: 140px; overflow-y: scroll; overflow-x: auto;}

body{
scrollbar-face-color:#003d7c;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#d4d4d4;
scrollbar-darkshadow-Color:#d4d4d4;
}

#contentRight .inspiratieoverzicht .items { overflow: hidden; margin-bottom: 30px; }
#contentRight .inspiratieoverzicht .item { overflow: hidden; margin: 10px 0; background-color: #f9f9f9; padding: 10px; }
#contentRight .inspiratieoverzicht .image { float: left; }
#contentRight .inspiratieoverzicht .text { float: left; width: 400px; }
#contentRight .inspiratieoverzicht img { width: 100px; height: 100px; border: 1px solid #003d7c; margin-right: 10px; float: left; }
#contentRight .inspiratieoverzicht h2 { margin: 0 0 10px 0; }
#contentRight .inspiratieoverzicht h2 a { display: block; font-size: 18px; line-height: 40px; font-weight: bold; text-decoration: none; padding-left: 20px; background: #fff url(/lib/images/itemInspiratieBackground.png) top left repeat-x; height: 40px;}
#contentRight .inspiratieoverzicht h3 { font-size: 12px; margin-bottom: 10px; }
#contentRight .inspiratieoverzicht h4 { font-size: 12px; margin-bottom: 5px; }
#contentRight .inspiratieoverzicht .item a { display: block; margin-top: 10px; }

#contentRight h1, #contentRight h2 { margin-bottom: 1em; font-weight: normal; color: #99908f; }
#contentRight p, #contentRight ul, #contentRight ol, #contentRight table { line-height: 1.5em; color: #99908f; margin-bottom: 1em; }
#contentRight .text p { color: #003D7C }
#contentRight .text ul { color: #003D7C }
#contentRight p a { font-weight: bold; }
#contentRight p img { float: right; margin-left: 1em; margin-bottom: 5px; }
#contentRight ul, #contentRight ol { margin-left: 2em; }
#contentRight ol li { margin-bottom: 1em; }
#contentRight table { border-spacing: 0; border-collapse: collapse; width: 100%; }
#contentRight table td, #contentRight table th { padding: 3px; border: 1px solid #ebebeb; }
#contentRight table.noborder td, #contentRight table.noborder th { border: 0px; }
#contentRight table th { text-align: left; background: #ccbc47; color: #003d7c; }
#contentRight table td.odd { background: #fff; }
#contentRight table td.even { background: #ebebeb; }
#contentRight table td.wide { width: 100%; }
#contentRight a.backToTop { clear: both; margin-left: 487px; display: block; width: 107px; height: 14px; padding: 3px; padding-left: 30px; background: #ccbc47 url(/lib/images/backToTop.png) 10px 5px no-repeat; color: #fff; text-decoration: none;  }
#contentRight a.backToTop:hover { color: #000; }

#contentRight a.backToOverview { clear: both; margin: 20px 0 20px 467px; display: block; width: 127px; height: 14px; padding: 3px; padding-left: 30px; background: #ccbc47 url(/lib/images/arrowLeft.png) 10px 3px no-repeat; color: #fff; text-decoration: none;  }
#contentRight a.backToOverview:hover { color: #000; }

a.backToOverview { clear: both!important; float:right; margin:10px 0 10px 0; display: block; width: 107px; height: 14px; padding: 3px; padding-left: 30px; background: #ccbc47 url(/lib/images/arrowLeft.png) 10px 3px no-repeat; color: #fff; text-decoration: none;  }
a.backToOverview:hover { color: #000; }


.nieuwsArtikel { margin-bottom: 1em; }
.nieuwsArtikel h2 { border-bottom: 1px solid #ebebeb; margin: 0; float: left; width: 100%; font-size: 1.4em; }
.nieuwsArtikel h2 a { text-decoration: none; float: left; }
.nieuwsArtikel h2 a:hover { color: #ccbc47; }
.nieuwsArtikel h2 span.date { margin: 0; font-size: 0.6em; float: right; }
.nieuwsArtikel p { clear: both; padding: 0; margin: 0; }
.nieuwsArtikel a.leesMeer,a.openfotoboek { display: block; padding: 3px; padding-right: 15px; width: 90px; height: 14px; background: #ccbc47 url(/lib/images/arrowRight.png) 90px 3px no-repeat; color: #fff; text-decoration: none; text-align: center; }
.nieuwsArtikel a.leesMeer:hover { color: #000; }

form.standaardFormulier fieldset { border: 1px solid #ebebeb; margin-bottom: 1em; padding: 10px; color: #99908f; background: #fff; }
form.standaardFormulier legend { font-weight: bold; color: #ccbc47; background: #fff; padding: 3px; }
form.standaardFormulier label { display: block; color: #99908f; margin-bottom: 3px; }
form.standaardFormulier label span { color: #c00; font-weight: bold; }
form.standaardFormulier input, form.standaardFormulier select, form.standaardFormulier textarea { border: 1px solid #ccc; margin-bottom: 6px; width: 300px; padding: 3px; }
form.standaardFormulier textarea { width: 500px; height: 150px; font-family: Sans-Serif; font-size: 1.2em; }
form.standaardFormulier .focus { border: 2px solid #ccbc47; padding: 2px; }
form.standaardFormulier .error { font-weight: bold; color: #ccbc47; }
form.standaardFormulier .checkbox { width: 20px; margin-right: 10px; border: 0; }
form.standaardFormulier input.submit { width: auto; cursor: pointer; }
form.standaardFormulier table.noborder input { border: 0; }

.detailFormulier { background: #ebebeb; border: 1px solid #dfdfdf; padding: 10px; display: none; }
.detailFormulier form.standaardFormulier fieldset { border: 1px solid #dfdfdf; }

#navigation { background: #ececec; margin-bottom: 10px; width: 313px;}
#navigation h2 { display: block; width: 307px; height: 14px; padding: 3px; font-size: 1em; background: url(/lib/images/menuBackground.png) repeat-x; border-bottom: 1px solid #fff; }
#navigation ul { list-style-type: square; padding-left: 20px; color: #ccbc47; }
#navigation ul li ul { color: #003d7c;  }

#navigation ul li a { display: block; padding: 3px; text-decoration: none; }
#navigation ul li a:hover { color: #000; text-decoration: underline; }

.portalWindow { margin-bottom: 10px; width: 313px; float: left; margin-right: 10px; }
.portalWindow h2, .portalWindow a.showAll { display: block; width: 307px; height: 14px; padding: 3px; font-size: 1em; background: url(/lib/images/menuBackground.png) repeat-x; border-bottom: 1px solid #fff; }
.portalWindow .menu { background: #ececec; }
.portalWindow ul { width: 293px; list-style-type: square; margin-left: 20px; color: #ccbc47; }
.portalWindow ul li a { display: block; width: 307px; padding: 3px; text-decoration: none; }
.portalWindow ul li a:hover { color: #000; text-decoration: underline; }
.portalWindow a.showAll { text-align: center; text-decoration: none; color: #ccbc47; }
.portalWindow a.showAll:hover { text-align: center; color: #000; }
.child3 { margin-right: 0px; } /* Om elk 3e child geen margin te geven */
.portalWindow a img { border: 0; }

#itemOverzicht { width: 660px; }
#itemOverzicht ul { list-style-type: none; }
#itemOverzicht ul li { background: url(/lib/images/itemBackground.png) repeat-x; clear: both; cursor: pointer; width: 660px; }
#itemOverzicht ul li span { display: block; height: 14px; padding: 8px 25px 8px 25px; font-weight: bold; }
#itemOverzicht .item { display: block; float: left; background: url(/lib/images/itemContentBackground.png) left bottom repeat-x; cursor: default; width: 660px; }
#itemOverzicht .item .image { float: left; margin: 0 20px 0 0; background: #DCCC57; }
#itemOverzicht .item .image img { float: left;  }
#itemOverzicht .item p { margin-top: 0.5em; color: #99908f; }
#itemOverzicht .item a { font-weight: bold; }

#buttons a { border: 0; float: left; margin-bottom: 10px; margin-top: 10px; }
#buttons a.even { float: right; }
#buttons img { border: 0; }

#loginPanel { width: 270px;  background: url(/lib/images/loginbackground.png) left bottom repeat-x; padding: 10px; margin-bottom: 10px; }
#loginPanel h2 { color: #003d7c; }
#loginPanel p { margin: 10px 0; }
#loginPanel p.error { font-weight: bold; color: #f00; }
#loginPanel fieldset { border: 0; margin-top: 10px; }
#loginPanel legend { display: none; }
#loginPanel label { display: none; }
#loginPanel input.nameInput, #loginPanel input.passwordInput { border: 1px solid #003d7c; width: 120px; padding: 2px; color: #003d7c; font-size: 0.8em; }
#loginPanel input.nameInput { margin-right: 5px; }
#loginPanel input.submit { border: 0; width: 86px; height: 18px; float: right; position: relative; right: -10px; bottom: -10px; cursor: pointer; background: url(/lib/images/inlogButton.png) no-repeat; color: #fff; text-align: right; font-weight: bold; font-size: 0.8em; padding-right: 10px; }

#ledenZoeker { width: 270px; height: 222px; padding: 10px; background: url(/lib/images/ledenZoekerBackground.png) repeat-x; clear: both; position: relative; }
#ledenForm { width: 150px; float: left; margin-top: 10px; }
#ledenForm div { margin-top: 7px; clear: both;overflow: hidden; }
#ledenFlash { width: 120px; height: 145px; float: left; margin-top: 10px; }
#ledenZoeker input.inputLeden { width: 140px; border: 1px solid #b0b0b0; font-size: 0.8em; color: #b0b0b0; padding: 2px; }
#ledenZoeker label { font-size: 0.8em; }
#ledenZoeker label.largeLabel { color: #c5c5c5; }
#ledenZoeker input.checkBox { float: left; }
#ledenZoeker label.smallLabel { float: left; color: #99908f; padding: 4px 0 0 3px; }
#ledenSubmit { width: 270px; clear: both; position: absolute; right: 0; bottom: 0; }
#ledenSubmit input.submit { border: 0; width: 65px; height: 18px; background: url(/lib/images/ledenZoekerButton.png) no-repeat; color: #fff; text-align: right; font-weight: bold; font-size: 0.8em; padding-right: 10px; float: right; }

#widget { margin: 10px 0; }
#widget img { border: 0; }

#footer, #footerIntranet { width: 920px; clear: both; background: #003d7c; padding: 10px 20px 1px 20px; margin-top: 11px; overflow: hidden; }
#footer p, #footerIntranet { text-align: right; color: #fff; margin-bottom: 10px; }
#footerIntranet { background: #ccbc47; }

#footer #postadres,
#footerIntranet #postadres { float: left; }
#footer #bezoekadres,
#footerIntranet #bezoekadres  { float: right; }


#fotoboeken { margin: 15px; }

.photoboek {margin: 0 auto; background-image:url(/lib/images/background_fotoboek.jpg); width:780px; height:482px;display:block; background-repeat:no-repeat; padding:0 0 0 20px; border:1px solid #003d7c;overflow:hidden;}
.photoboek #image h1 { bottom:63px; right:65px; font-family:Verdana; font-size:18px; color:#003d7c; font-weight:bold; text-transform:uppercase; background-color:#f4a52c; padding:0 20px 0 20px;  z-index:4; }
.photoboek #image { position:relative; width:531px; height:414px; float:left; margin-top:13px; overflow:hidden; }
.photoboek #image img { position:relative; z-index:2; top:65px; left:60px; border: 0;}

.photoboek #thumbnails {float:left; margin:23px 20px 0 0px; height:400px; width: 200px;}
.photoboek #thumbnails table {width:100px; float:left; margin-right:0; margin-left:20px; border-collapse: collapse;}
.photoboek #thumbnails table tr td { border: none; padding:0 10px 10px 0; background-color: transparent; }
.photoboek #thumbnails table tr td a{padding:0;  margin:0;  }
.photoboek #thumbnails table tr td a:hover{padding:0;  margin:0;}
.photoboek #thumbnails img {margin-right:5px; width:80px; height:54px;}
.photoboek #thumbnails .buttons {clear:both; float:left; margin:20px 0 0 0;}
.photoboek #fotofullbijschrift {clear:both; font-family: Verdana; font-size:11px; color:#003d7c; margin: 0 0 0 225px; line-height:20px; height:40px; overflow:hidden; width:480px;}
#nyro {overflow:hidden;}
.photoboek #thumbnails .buttons a.back {display:block; color:#000; background-image: url(/lib/images/vorige.jpg); width:80px; height:20px; text-indent:-999999px; background-repeat:no-repeat; float:left; cursor:pointer; margin-left: 23px; }
.photoboek #thumbnails .buttons a.volgende {display:block; color:#000; background-image: url(/lib/images/volgende.jpg); width:80px; height:20px; padding:0;  text-indent:-999999px; background-repeat:no-repeat; float:right; margin-left:110px;}
#paginacontainerfoto {margin-left:70px; margin-top:20px; width:805px;}
.backlink {margin-left:70px; margin-top:20px;}

.keuze {}
.keuze p { margin: 10px 0 10px 23px; font-weight: bold;}
.keuze .jaar { margin: 0 0 10px 23px;}
.keuze .jaar option { width: 60px;}
.keuze .smallsubmit { border: 0; background-image: url(/lib/images/buttonBackground.png); color: #fff; font-weight: bold; font-size: 10px; height: 18px;}

.paragraphrealpages { }
.folder { width:185px; margin:0 0 20px 10px; padding:0 0 0 10px; float:left;  }
.folder a img { border:none; text-decoration:none; overflow:hidden; }
.folder a { border:none; text-decoration:none; }

#videoWrapper { width: 355px; height: 340px; overflow: hidden; border: 1px dotted; }

.newsdetail .text { text-align: justify;}