* { margin: 0; }
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
html, body { line-height: 1; background-color: #fff; color: #000; font-family: Helvetica, Arial, sans-serif; height: 100%; }
a { color: inherit; text-decoration: none; }
strong { font-weight: 600; }
b { font-weight: 600; }


#page { width: 1024px; margin: 0 auto; line-height: 1; background-color: #fff; color: #000; font-family: Helvetica, Arial, sans-serif; }
#menu { text-align: right; height: 30px; font-size: 13px; padding: 14px 35px 0 0; }
#menu ul { list-style: none; }
#menu ul li { display:inline-block; color: #fff; }

#header { height: 218px; }
#header img { margin: 80px 0 0 90px; }

#pageheader { height: 116px; }
#printheader { display: none; }
#menuleft { float: left; width: 176px; background-color: #ebebeb; }
#menuleft .title { font-size: 13px; text-align: center; color: #fff; height: 23px; padding-top: 7px; }

#menuright { float: right; width: 176px; background-color: #ebebeb; overflow:hidden; }
#menuright .title { text-align: center; color: #fff; height: 23px; padding-top: 7px; }
#menuright p.nieuwstitel { font-size: 12px; text-align: center; padding-top: 10px; font-weight: 700; }
#menuright p.nieuwsbody { font-size: 10px; line-height: 13px; padding: 10px 10px 5px 10px; }
.nieuwsdubbelpunt { color: rgb(166,206,57) !important; }

#tabs { text-align: right; }
.pagetypebtn { display:inline-block; background-color:#F2F2F2; margin-left: 2px; }
.pagetypebtn a.highlight { color: #fff !important; }
.pagetypebtn a.active { color: #fff !important; }
.pagetypebtn a { color: #8b8b8b; display: inline-block; padding: 3px 6px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }

.breadcrumb { text-align:left; margin: 20px 0 15px 0; }
.breadcrumb a { color: #000 !important; }

.content { background: #fff url('/data/images/frontend/pagebackground.png') repeat-y 50% 0;}
.content a { color: #8b8b8b; }

#contentmenu { background-color: #e5e5e5; margin: 50px 0 50px 0; }
#contentmenu li { color: #666; height: 30px; font-size: 11px; }
#contentmenu li a { display: inline-block; width: 150px; height: 100%; padding-left: 10px; padding-top: 10px; color: rgb(128,128,128);}
#contentmenu li.active a { font-weight: 600; }
#contentmenu li.active { background-position: right top; background-repeat: no-repeat; }
#contentmenu li.active { background-color: #ccc; }
#contentmenu { border-bottom: 1px solid rgb(204,153,0); }
#contentmenu li { border-top: 1px solid rgb(204,153,0); }
#contentmenu li.active {  background-image: url('/data/images/frontend/menuindicator-kennispub.png'); }

#contentbody { width: 554px; float:left; padding: 0 6px 25px 75px; font-size: 12px; line-height: 17px; }
#contentbody h1 { border-top: 1px solid rgb(136,172,46); border-bottom: 1px solid rgb(136,172,46); margin-top: 15px; margin-bottom: 5px; color: rgb(204,153,0); font-size: 18px; line-height: 24px; font-weight: bold; }
#contentbody h2 { margin-top: 15px; margin-bottom: 5px; color: rgb(204,153,0); font-size: 15px; line-height: 21px; font-weight: bold; }
#contentbody ul { list-style-image: url('/data/images/frontend/list-image-opleidingen.png'); margin-left: 20px; }
#contentbody ul li { line-height: 20px; font-size: 13px; }
#contentbody p { margin: 6px 0 9px 0; }
#contentbody small { font-size: 10px; }

#contentbody table tr td { padding: 4px; }
#contentbody input { background-color: #ddd; border: 0; padding: 4px; }

#contentbody a:hover { color: rgb(204,153,0); }

.social { margin: 0 5px 0 5px; }
.social img { vertical-align:text-top;}

#footer { color: #fff; text-align: center; line-height: 16px; font-size: 13px; height: 54px; padding-top: 10px; }
#footer small { font-size: 9px; }

.bmtable td { padding: 5px; }
.bmtable input { border: 0; background-color: rgb(244,244,244); padding: 2px;}

.nieuwsbericht { clear: both; }
.nieuwsbericht img { float: left; border: 1px solid rgb(128,128,128); padding: 1px; margin: 0 10px 10px 0;}

.a-oker { background-color: rgb(204,153,0); }
.textfield { background-color: rgb(227,227,227); border:0; height: 17px; }
.oker { color: rgb(204,153,0) !important; }
.searchexcerpt { background-color:rgb(204,153,0);font-weight:bold;color:#fff;padding:1px 2px 1px 2px; }

.calendar-month { margin: 0 auto 20px auto; font-size: 12px; }
.calendar-month th { color: #fff; background-color: #ccc; width: 20px; height: 20px; vertical-align: middle; text-align: center; }
.calendar-month td { padding-top: 3px; }
.calendar-month th.weekday { color: #808080; background-color: rgb(235,235,235); }
.calendar-month .other-month { width: 20px; height: 20px; vertical-align: middle; text-align: center; margin-bottom: 2px; }
.calendar-month .current-month { width: 20px; height: 20px; color: #808080; vertical-align: middle; text-align: center; margin-bottom: 2px;}
.calendar-month .weekday5 .day { background-color: #ccc; }
.calendar-month .weekday6 .day { background-color: #ccc; border-right: 1px solid #999; }
.calendar-month .other-month .day { background-color: #ccc;  color: #ccc; }
.calendar-month .day { border-top: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; display: inline-block; width: 20px; height: 16px; padding-top: 4px; vertical-align: middle; }
.month-nav { margin: 20px auto 5px auto; font-size: 12px; width: 145px; border: 1px solid #808080; background-color: rgb(204,204,204); padding: 3px 0; color: #808080; text-align: center; }

.slider-wrapper { margin: 10px 0; }

/* quiz */
.quiz { padding: 10px; border: 1px solid rgb(136,172,46); }
.quiz h2 { margin-top: 0!important;}

/* calendarbubble */

.ui-tooltip-content ul li { border-bottom: 1px solid rgb(153,153,153); }
.ui-tooltip-content ul li:last-child { border-bottom: 0; }
.ui-tooltip-content ul li .titel { padding: 5px 0; }
.ui-tooltip-content ul li .body { padding: 0 0 10px 0; }


.ui-tooltip-inverde{
	background-color: rgb(242,242,242);
	border: 1px solid rgb(153,153,153);
	color: rgb(128,128,128);
	width: 175px;
}


.ui-tooltip-inverde .ui-tooltip-titlebar{
	text-align: center;
	font-size: 14px;
	padding: 8px 0;
	margin-bottom: 5px;
	background-color: rgb(242,242,242);
	border-bottom: 1px solid rgb(153,153,153);
}


.ui-tooltip-inverde .ui-state-default .ui-tooltip-icon{
	background-position: -102px 0;
}

.ui-tooltip-inverde .ui-tooltip-icon{
	border-color: #D95252;
}

.ui-tooltip-inverde .ui-tooltip-titlebar .ui-state-hover{
	border-color: #D95252;
}

/* modal dialog */
#basic-modal-content {display:none;}
#simplemodal-overlay {background-color:#000; cursor:wait;}
#simplemodal-container { color:#bbb; background-color:#efefef; border:2px solid #999; border-radius: 8px; padding:12px; color: #000; font-size: 13px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container h1 {font-size: 24px; border-bottom: 1px solid #ccc; color: #666;}
#simplemodal-container p { color: #666; margin: 10px 0; }
#simplemodal-container a.modalCloseImg {background:url(/data/images/backend/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
