/* common - based on Eric Meyer's reset, you shouldn't change this section
======================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {border: 0; margin: 0; padding: 0; vertical-align: baseline; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}
 
html { overflow: scroll; overflow-x: hidden; }
 
body {font: 75%/1.5 arial, sans-serif; color: #000000; background-color: #E6E6E6;}
 
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
 
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
 

li {list-style-type: none;}
 
input[type=text] { color: #999999; height: 25px; width: 325px; }
textarea { color: #999999; height: 150px; width: 325px; font-family: Arial; }
 
strong, b {font-weight: bold;}
em, i {font-style: italic;}


/* font-face fonts */

@font-face {
	font-family: 'Delicious';
	src: url('../_fonts/delicious-roman-webfont.eot');
	src: local('☺'), url('../_fonts/delicious-roman-webfont.woff') format('woff'), url('../_fonts/delicious-roman-webfont.ttf') format('truetype'), url('../_fonts/delicious-roman-webfont.svg#webfontZINSJsM4') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DeliciousHeavy';
	src: url('../_fonts/delicious-heavy-webfont.eot');
	src: local('☺'), url('../_fonts/delicious-heavy-webfont.woff') format('woff'), url('../_fonts/delicious-heavy-webfont.ttf') format('truetype'), url('../_fonts/delicious-heavy-webfont.svg#webfontcBzWFuus') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DeliciousBold';
	src: url('../_fonts/delicious-bold-webfont.eot');
	src: local('☺'), url('../_fonts/delicious-bold-webfont.woff') format('woff'), url('../_fonts/delicious-bold-webfont.ttf') format('truetype'), url('../_fonts/delicious-bold-webfont.svg#webfontZoedLmi5') format('svg');
	font-weight: normal;
	font-style: normal;
}


 
/* basic links properties */
a {text-decoration: none; color: #333;}
a.alt,
a:hover, a:active, a:focus,
a.alt:hover, a.alt:active, a.alt:focus,
.altbox .content a:hover, .altbox .content a:active, .altbox .content a:focus {color: #e35525;}
a img {border: none;}
 
/* abstract classes
======================================*/
/* autocleaning (use for parent of floated element, but take care, it has some limitations) */
.cw {width: 100%; overflow: hidden;}
.cw2 {overflow: hidden; height: 1%;}
/* float helpers */
.fl {float: left;}
.fr {float: right;}
/* classic cleaner */
.cleaner {clear: both; visibility: hidden; height: 0; overflow: hidden; line-height: 0; font-size: 0;}
/* safe cleaning, use eg. for parent of floated element */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
 
/* image replacement (see <h1 id="logo"> section in index.html for example) */
.ir {position: absolute; margin-top: 0; left: 0; display: block; width: 100%; height: 100%;}
 
/* text align helpers */
.tl {text-align: left !important;}
.tr {text-align: right !important;}
.tc {text-align: center !important;}
.ttop {vertical-align: top !important;}
 
/* for buttons etc. */
.hand {cursor: hand; cursor: pointer;}
 
/* accessible hiding of elements */
.a-hidden {position: absolute; margin-top: -10000em;}
 
/* first and last helpers, mainly for table cells */
.first {border-left: 0 !important;}
.last {border-right: 0 !important;}
 
/* for margins and paddings */
.pt {padding-top: 10px !important;}
.mt {margin-top: 10px !important;}
.mr {margin-right: 10px !important;}
.mrr {margin-right: 20px !important;}
.nmr {margin-right: 0px !important;}
 
/* for difference in layers */
.layer10 {z-index: 100; position: relative;}
.layer9 {z-index: 90; position: relative; margin-left: -20px;}
.layer8 {z-index: 80; position: relative; margin-left: -20px;}
.layer7 {z-index: 70; position: relative; margin-left: -20px;}
.layer6 {z-index: 60; position: relative; margin-left: -20px;}
.layer5 {z-index: 50; position: relative; margin-left: -20px;}
.layer4 {z-index: 40; position: relative; margin-left: -20px;}
.layer3 {z-index: 30; position: relative; margin-left: -20px;}
.layer2 {z-index: 20; position: relative; margin-left: -20px;}
.layer1 {z-index: 10; position: relative; margin-left: -20px;}
 
/* for colors */
.lightgrey {color: #999999;}
.darkgrey {color: #4d4d4d;}
.lightblue {color: #04a6d6;}
.darkblue {color: #272674;}
.pink {color: #de328a;}
.green {color: #038e15;}
.red {color: #d0030b;}
.yellow {color: #f8da1a;}
 
/* titles */
h1 { font-size: 30px; color: #000000; font-family: Delicious; padding: 0 0 5px 0; }
h2 { font-family: DeliciousHeavy; font-size: 14px; color: #657f93; line-height: 12px; margin: 15px 0 15px 0; }
 
/* lists */
 
.enumeration ul { margin: 0; padding: 0; }
.enumeration li { list-style-type: square; line-height: 25px; margin: 0 0 0 15px; }
 
/* jquery objects */
 
.toggleswitch { cursor: pointer; }
.toggleblock { display: block; clear: both; }
 
/* blockquote */
 
blockquote { border-left: 1px dotted #999999; padding-left: 20px; margin: 15px 0; }
 
 
/* layout
======================================*/
 
/* page containers
======================================*/
.page-container { width: 920px; padding: 0 auto; margin: 0 auto; position: relative; top: 20px; background: url(/_img/layout_bg_startpagina.png) no-repeat top center #ffffff; box-shadow:0px 0px 10px #c0c0c0; -webkit-box-shadow:0px 0px 10px #c0c0c0; -moz-box-shadow:0px 0px 10px #c0c0c0;}
.achterpagina { background: url(../_img/layout_bg_achterpagina.png) no-repeat top center #ffffff;}
.header-container {width: 920px; height: 102px; padding: 0 auto; margin: 0 auto; position: relative; top: 0px; background: transparent; }
.slider-container {width: 920px; height: 375px; padding: 0 auto; margin: 0 auto; background-color: #ffffff; position: relative; top: 0px; }
.main-container {width: 920px; padding: 0 auto; margin: 0 auto; position: relative; }
.footer-container { width: 920px; padding: 0 auto; margin: 0 auto; position: relative; top: 0px; clear: both; }

/* header containers
======================================*/
.header-container #logo { float: left; margin: 3px 0 0 0; }
.header-container #logo a { display: block; text-decoration: none; width: 300px; height: 80px; cursor: pointer; }
.header-container #sitelinks { color: #999999; line-height: 0px; width: 600px; position: relative; right: 20px; float: right;  font-family: DeliciousHeavy; font-size: 15px; }
.header-container #sitelinks a { color: #000000; font-weight: bold; display: block; height: 45px; padding: 36px 5px 5px 5px; margin: 0 5px; }
.header-container #sitelinks a:hover { color: #ffffff; background: url(/_img/layout_bg_topmenu_hover.png) no-repeat top center transparent; background-position: center 3px; }
.header-container #sitelinks a.activeitem { color: #ffffff; background: url(/_img/layout_bg_topmenu_hover.png) no-repeat top center transparent; background-position: center 3px; }
 
/* slider
======================================*/
.slider-container #slides { z-index: 26; position: relative; top: 0px; width: 920px; height: 375px; background: transparent !important;}
.slider-container .slide { z-index: 24; background: transparent !important; }
 
/* main
======================================*/
.main-container #mainleft { width: 310px; position: relative; float: left;}
.main-container #maincenter { width: 610px; min-height: 375px; position: relative; float: left; background: url(/_img/layout_bg_maincenter.png) no-repeat top left #ffffff; }
.main-container #maincenterachterpagina { width: 610px; min-height: 375px; position: relative; float: left; background: url(/_img/layout_bg_maincenter_achterpagina.png) no-repeat top left transparent; }
 
 
/* main - mainleft
======================================*/
.main-container .paddedblock { padding: 35px 40px 40px 40px; }
.main-container .paddedblock1 { padding: 35px 40px 40px 40px; }
.main-container .contact p { font-size: 13px; line-height: 25px; color: #000000; }
.contactform td { height: 40px; }

.main-container #mainleft p { font-size: 13px; line-height: 25px; color: #a9a9a9; }
.main-container #mainleft h1 { color: #617a8a; }
.main-container #mainleft .divhr { line-height: 1px; height: 1px; background: url(/_img/element_hr_dotted_lightgrey.png) repeat-x center center transparent; margin: 20px 0 20px 0; }
.main-container #mainleft ul.yearList { padding: 0; }
.main-container #mainleft .yearList li { font-family: DeliciousHeavy; font-size: 25px; margin: 0; text-align: right; display: block; line-height: 45px; height: 45px; }
.main-container #mainleft .yearList li a { color: #000000; }
.main-container #mainleft .yearList li a:hover,
.main-container #mainleft .yearList li a:active,
.main-container #mainleft .yearList li a:focus { font-family: Delicious; font-size: 45px;color: #657f93; }
.main-container #mainleft .yearList li.activeyear a { font-family: Delicious; font-size: 45px;color: #657f93; }

 
/* main - maincenter
======================================*/
 
.main-container #maincenter a { color: #657f93; }
.main-container #maincenter a:hover { color: #657f93; }
.main-container #maincenterachterpagina a { color: #657f93; }
.main-container #maincenterachterpagina a:hover { color: #000000; }

.albumbalk { position: relative; clear: both; min-height: 75px; margin-bottom: 20px; }
.albumbalk .foto { float: left; width: 100px; height: 75px; }
.albumbalk a.arrow { background: url(/_img/layout_albumbalk_arrow_off.png) no-repeat center center #ffffff; float: right; display: block; width: 75px; height: 75px; }
.albumbalk a:hover.arrow { background: url(/_img/layout_albumbalk_arrow_on.png) no-repeat center center #ffffff; }
.albumbalk a.arrow img { width: 75px; height: 75px; }
.albumbalk .content { float: left; width: 355px; }
.albumbalk .uitgeklapt { background: #e8ecee; margin-bottom: 20px; }
.albumbalk .content .paddedblock { padding: 10px; }
.albumbalk .content .paddedblock img { width:335px; height:auto; }
.albumbalk .content .paddedblock h2 { margin: 0 0 5px 0; padding: 0; }
.albumbalk background-image {width:100px; height:auto;}

p { font-size: 11px; line-height: 20px; padding-bottom: 5px; }
.more { float: right; color: #657f93; }
.more a:hover { border-bottom: 1px dotted #657f93; }

.main-container #maincenterachterpagina ul.monthList { padding: 0; margin: 10px 0 30px 0; }
.main-container #maincenterachterpagina .monthList li { font-family: DeliciousHeavy; font-size: 15px; margin: 0 10px 0 0; line-height: 20px; display: inline-block; width: 30px; list-style-type: none; }
.main-container #maincenterachterpagina .monthList li a { color: #000000; }
.main-container #maincenterachterpagina .monthList li a:hover,
.main-container #maincenterachterpagina .monthList li a:active,
.main-container #maincenterachterpagina .monthList li a:focus { font-family: DeliciousBold; font-size: 20px;color: #657f93; }
.main-container #maincenterachterpagina .monthList li.activemonth a { font-family: DeliciousBold; font-size: 20px;color: #657f93; }

.main-container #formlinks { color: #999999; line-height: 0px; font-family: DeliciousHeavy; font-size: 15px; }
.main-container #formlinks a { color: #000000; font-weight: bold; display: block; padding: 5px 5px 5px 5px; margin: 0 5px 0 0; line-height: 15px; }
.main-container #formlinks a:hover { color: #ffffff; background: #657f93; background-position: center 3px; }
.main-container #formlinks a.activeitem { color: #ffffff; background: #657f93; background-position: center 3px; }

.nameblock { float: left; display: inline-block; width: 170px; min-height: 170px; margin: 0 0 20px 0; }
/* footer
======================================*/
 
.footer-container #partners { width: 500px; margin: 10px 0 0 20px; padding-bottom: 20px }
.footer-container #partners img { margin: 0 15px 0 0; }
.footer-container #copyrights {width: 360px; color: #999999; text-align: right; margin: 20px 20px 0 20px;}

#controls { width:534px; height:47px; no-repeat; position:absolute; top:4px; left:4px; z-index:10;	}
#controls a { width:37px; height:35px; position:absolute; top:3px; }
#controls a:active, #controls a:visited { color:#0d0d0d; }