/* Reset & defaults
________________________________________________________
//////////////////////////////////////////////////////*/

* {
margin:0;
padding:0;
outline:none;
}

.left {
float:left;
}

.right {
float:right;
}

.clear {
clear:both;
}

.none {
display:none;
}

.block {
display:block;
}

fieldset {
outline:none;
border:none;
}

table {
border-collapse:collapse;
width:100%;
}

table.border td {
border:1px solid #009edc;
}

img {
border:none;
}


@font-face {
font-family: 'MyriadProLightBold';
src: url('myriadpro-semibold-webfont.eot');
src: local('☺'), url('myriadpro-semibold-webfont.woff') format('woff'), url('myriadpro-semibold-webfont.ttf') format('truetype'), url('myriadpro-semibold-webfont.svg#webfontUNHnlJS6') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'MyriadProRegular';
src: url('myriadpro-regular_1-webfont.eot');
src: local('☺'), url('myriadpro-regular_1-webfont.woff') format('woff'), url('myriadpro-regular_1-webfont.ttf') format('truetype'), url('myriadpro-regular_1-webfont.svg#webfontQrPyQEl1') format('svg');
font-weight: normal;
font-style: normal;
}


a {
text-decoration:none;
color:#009ee0;
}

a:hover {
text-decoration:underline;
}

p {
margin:0 0 12px;
}

/* Body
________________________________________________________
//////////////////////////////////////////////////////*/
html {
background:url('../images/bg.png') repeat-y top center #f2f2f2;
overflow-y:scroll;
}

body {
font-family:Arial, Helvetica, sans-serif;
background:url('../images/header.png') repeat-x center -35px;
font-size:12px;
line-height:18px;
color:#545457;
}

#wrapper {
width:990px;
margin:0 auto;
position:relative;
}

/* Lightbox
________________________________________________________
//////////////////////////////////////////////////////*/
#overlay {
background:#050619;
display:none;
height:100%;
left:0;
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
filter:alpha(opacity=50) !important;
position:fixed;
top:0;
width:100%;
z-index:900;
}

.lightbox, .contactlightbox {
position:absolute;
top:60px;
min-height:400px;
width:968px;
padding:11px;
background:#FFF;
display:none;
z-index:901;
}

.contactlightbox {
left:80px;
}

.contactlightbox {
width:800px;
}

.close {
color:#009ee0;
font-weight:bold;
display:block;
text-align:right;
padding:0 0 10px;
cursor:pointer;
}

#formulierpagina {
border:none;
margin:0 auto;
width:960px;
height:700px;
background:transparent url(../images/ajax-loader.gif) center center no-repeat;
}

.contactlightbox .form {
width:420px;
float:left;
margin:20px 0 20px 20px;
}

.contactlightbox .user {
background:#f0f0f0;
padding:25px;
float:right;
width:280px;
margin:20px 20px 20px 0;
}

.contactlightbox img {
float:left;
margin:0 15px 0 0;
border:2px solid #e0e0e0;
}

.contactlightbox .user .clear {
padding:15px 0;
}

.contactlightbox textarea {
width:265px;
}

.blue {
color:#019ee1
}

.contactlightbox h2 {
font:bold 16px MyriadProLightBold, Myriad, Helvetica, Arial;
margin:0 0 15px;
}
.contactlightbox h3 {
font:bold 16px MyriadProLightBold, Myriad, Helvetica, Arial;
color:#019ee1;
margin:0 0 15px;
}

.contactlightbox label.left {
width:100px;
float:left;
}

.contactlightbox .message {
margin:0 0 0 100px;
font-size:10px;
}

.contactlightbox .action {
border:none;
outline:none;
cursor:pointer;
height:24px;
width:88px;
background:url('../images/lb-verzenden.png') no-repeat;
float:right;
margin:0 30px 0 0;
text-indent:-999999px;
}
/* Header
________________________________________________________
//////////////////////////////////////////////////////*/
#header {
height:150px;
position:relative;
color:#4c4c4c;
}

#header a.logo {
display:block;
background:url('../images/logo.png') no-repeat;
width:216px;
height:88px;
top:9px;
left:20px;
position:absolute;
}

#header a.logo strong{
display:none;
}


#header .cursusbutton {
display:block;
position:absolute;
width:299px;
height:102px;
top:4px;
left:339px;
}


/*
#header .cursusbutton {
display:none;
}
*/

#header .search {
position:absolute;
top:75px;
right:19px;
width: 233px;
height: 71px;
}

#header .search input.text {
width:190px;
padding:4px 5px;
font:normal 11px Arial, Helvetica, sans-serif;
}


#header .search select {
font:normal 11px Arial, Helvetica, sans-serif;
width:130px;
padding:4px 2px;
border-top:1px solid #acacae;
border-left:1px solid #e5e4e9;
border-right:1px solid #e0e0e2;
border-bottom:1px solid #e4e5e7;
font-size:11px;
color:#009ee0;
position:absolute;
top:39px;
left:0px;
} 

#header .search .field {
margin:0;
}

#header .search .action  {
width:66px;
height:27px;
background:url('../images/search-submit.png') no-repeat;
border:none;
outline:none;
cursor:pointer;
line-height:13px;
color:#FFF;
font-size:11px;
text-align:left;
padding:5px 0 8px 7px;
position:absolute;
top:39px;
right:29px;
}

#header .sitewide {
position:absolute;
top:40px;
right:50px;
font-size:11px;
}

#header .sitewide li {
list-style:none;
float:left;
margin:0 10px 0 0;
}

#header .sitewide a {
color:#4c4c4c;
}

#header .sitewide a.key {
background:url('../images/icon-sprite.png') no-repeat;
padding-left:20px;
}

#header .sitewide a.nl {
background:url('../images/icon-sprite.png') no-repeat 0 -18px;
width:12px;
height:8px;
margin:2px 0 0;
display:block;
}

#header .sitewide a.en {
background:url('../images/icon-sprite.png') no-repeat 0 -31px;
width:12px;
height:8px;
margin:2px 0 0;
display:block;
}

/* Menu, submenu & breadcrumbs
________________________________________________________
//////////////////////////////////////////////////////*/
#menu {
position:absolute;
bottom:0;
left:0;
height:44px;
}

#menu li {
list-style:none;
float:left;
border-left:1px solid #43a9db;
border-right:1px solid #2a81b3;
}

#menu li.first {
border-left:none;
}

#menu li.first a {
padding:16px 20px 16px 30px;
}

#menu li.last {
border-right:none;
}

#menu li a {
display:block;
padding:16px 20px;
line-height:12px;
color:#fff;
font-weight:bold;
text-decoration:none;
}

#menu li a:hover, #menu li a.current, #menu li a.section {
background:url('../images/menu-active.png') repeat-x;
}

#submenu {
height:40px;
background:url('../images/submenu-bg.png') no-repeat;
width:962px;
}

#submenu li {
list-style:none;
float:left;
border-right:1px solid #d4d4d4;
border-left:1px solid #fff;
}

#submenu li.first a {
border-left:none;
}

#submenu li.last {
border-right:none;
}

#submenu li a {
display:block;
height:29px;
color:#4c4c4c;
font-size:11px;
padding:11px 15px 0;
text-decoration:none;
}

#submenu li a:hover, #submenu li a.current, #submenu li a.section {
background:url('../images/submenu-hover.png') repeat-x;
}

#submenu li.first a:hover, #submenu li.first a.current, #submenu li.first a.section {
background:url('../images/submenu-bg.png') no-repeat 0 -40px;
}

.breadcrumbs {
color:#4c4c4c;
font-size:11px;
margin:5px 0 15px;
}

/* Content
________________________________________________________
//////////////////////////////////////////////////////*/
#content {
width:962px;
padding:0 14px 14px;
overflow:hidden;
}

#page {
overflow:hidden;
}

h1 {
font:bold 26px MyriadProLightBold, Myriad, Helvetica, Arial;
color:#3d3c3f;
margin:0 0 28px;
}

h2 {
font:normal 18px MyriadProRegular, Myriad, Helvetica, Arial;
color:#3d3c3f;
margin:0 0 20px;
}

h3, h4 {
font:bold 12px Arial, Helvetica, Sans-serif;
color:#3d3c3f;
margin:0 0 7px;
}

h5, h6 {
font:bold 12px Arial, Helvetica, Sans-serif;
}

#content #right ol, #content #right ul,
#searchleft ol, #searchleft ul {
margin:0 0 16px 12px;
padding:0 0 0 12px;
}

/* Opleidingen
________________________________________________________
//////////////////////////////////////////////////////*/

.zoekbutton {
width:110px;
padding:7px 0 10px 10px;
border:0;
outline:none;
color:#FFF;
font-size:11px;
text-align:left;
background:url('../images/zoek-button.png') no-repeat;
cursor:pointer;
vertical-align:top;
line-height:13px;
}

#opleidingen {
background:url('../images/opleidingen-bg.png') repeat-y;
width:962px;
overflow:hidden;
margin:20px 0 0;
}

#opleidingen .top {
height:48px;
background:url('../images/opleidingen-top.png') no-repeat;
font:normal 16px MyriadProLightBold, Myriad, Helvetica, Arial;
}

#opleidingen .top span {
width:300px;
float:left;
padding:13px 0 0 20px;
display:block;
text-shadow:1px 1px #fff;
}

#opleidingen .opleidinglist {
width:319px;
float:left;
margin:0 0 0 1px;
}

#opleidingen .opleidinglist li {
list-style:none;
}

#opleidingen .opleidinglist li a {
background:url('../images/opleidinglist.png') no-repeat 0 -1px;
display:block;
color:#009ee0;
text-decoration:none;
line-height:12px;
padding:8px 10px 8px 35px;
text-shadow:1px 1px #FFF;
}

#opleidingen .opleidinglist li a:hover, #opleidingen .opleidinglist li a.current, #opleidingen .opleidinglist li a.section{
background-position:0 -89px;
color:#3d3c3f;
}

.timer {
width:319px;
height:100px;
background:url('../images/ajax-loader.gif') no-repeat center center;
float:left;
}

/* Cursuspagina
________________________________________________________
//////////////////////////////////////////////////////*/
#page #left {
width:270px;
float:left;
margin:0 10px 0 0;
}

#page #right {
width:670px;
float:right;
}

#right p {
line-height:20px;
margin:0 0 20px;
}

#page #left .box {
background:url('../images/smallbox-mid.png') repeat-y;
margin:0 15px 15px 0;
}

#page #left .box .top  {
background:url('../images/smallbox-top.png') no-repeat top left;
height:7px;
}

#page #left .box .heading  {
background:url('../images/smallbox-top.png') no-repeat 0 -55px;
height:34px;
color:#0091cb;
font:normal 16px MyriadProLightBold, Myriad, Helvetica, Arial;
text-shadow:1px 1px #fff;
padding:13px 5px 0 15px;
}
#page #left .box .content  {
padding:15px;
}

#page #left .box .content p  {
margin-bottom:0;
}

#page #left .box .foot {
background:url('../images/smallbox-top.png') no-repeat 0 -41px;
height:12px;
}

#page #left .box.nav {
background:none;
}

#page #left .box.nav .tabbedmenu {
font-size:11px;
margin-top:15px;
}

#page #left .box.nav .tabbedmenu li {
list-style:none;
}

#page #left .box.nav .tabbedmenu li a {
line-height:11px;
display:block;
text-decoration:none;
padding:12px 0 13px 19px;
background:url(../images/tabbedmenu-nav-btn.png) top left no-repeat;
}

#page #left .box.nav .tabbedmenu li a.current,
#page #left .box.nav .tabbedmenu li a:hover {
color:#fff;
background:url(../images/tabbedmenu-nav-btn-active.png) top left no-repeat;
font-weight:bold;
text-decoration:none;
}

#page #left .box.nav .tabbedmenu li a.first {
background:url(../images/tabbedmenu-nav-btn-f.png) top left no-repeat;
}

#page #left .box.nav .tabbedmenu li a.first.current,
#page #left .box.nav .tabbedmenu li a.first:hover {
background:url(../images/tabbedmenu-nav-btn-active-f.png) top left no-repeat;
}

#page #left .box.nav .tabbedmenu li a.last {
padding:12px 0 15px 19px;
background:url(../images/tabbedmenu-nav-btn-l.png) top left no-repeat;
}

#page #left .box.nav .tabbedmenu li a.last.current,
#page #left .box.nav .tabbedmenu li a.last:hover {
background:url(../images/tabbedmenu-nav-btn-active-l.png) top left no-repeat;
}

#algemeen, #programma, #plaats, #informatie {
display:none;
}

/* Evenementen hoofdpagina
________________________________________________________
//////////////////////////////////////////////////////*/
#eventcoltitle {
background:url(../images/evenementen-list-header.png) top left no-repeat;
overflow:hidden;
}

#eventcoltitle span {
float:left;
width:433px;
font:bold normal 16px MyriadProLightBold;
padding:13px 35px 14px 13px;
}

#beurslist, #themadagenlist  {
float:left;
width:481px;
list-style:none;
}

#themadagenlist {
float:right;
margin-left:-1px;
border-left:1px solid #e4e4e4;
}

#beurslist li, #themadagenlist li {
border-bottom:1px solid #e4e4e4;
border-right:1px solid #e4e4e4;
padding:12px;
overflow:hidden;
height:96px;
}

#beurslist li{
border-left:1px solid #e4e4e4;
}

#beurslist span.gratis, #themadagenlist span.gratis {
float:right;
display:block;
background:url(../images/gratis.png) top left no-repeat;
height:23px;
width:51px;
}

#beurslist span.gratis.en_US, #themadagenlist span.gratis.en_US {
float:right;
display:block;
background:url(../images/free.png) top left no-repeat;
height:23px;
width:51px;
}

#beurslist p, #themadagenlist p {
font-size:11px;
}

.grijs {
color:#aaa;
}

.evenementlogo {
border:3px solid #e4e4e4;
float:left;
margin:0 10px 0 0;
}

.evenementlogo.right {
float:right;
margin:0 0 10px 10px;
}

#beurslist li.even, #themadagenlist li.even {
background:#f7f7f7;
}

.themadag-archief {
margin: -6px -22px -6px 0 !important;
}

/* Nieuws overzicht pagina
________________________________________________________
//////////////////////////////////////////////////////*/
#nieuwslist {
list-style:none;
margin:0 !important;
padding:0 !important;
}

#nieuwslist h2 {
font:bold 21px MyriadProLightBold, Myriad, Helvetica, Arial;
border-bottom:1px solid #d6d6d6;
margin-bottom:6px;
padding:0 0 5px;
}

#nieuwslist h2 a {
color:#3d3c3f;
}

#nieuwslist h2 span.created {
float:right;
font:normal 11px Arial, Helvetica, sans-serif;
padding-top:6px;
color:#9d9d9f;
}

#nieuwslist li .newslinks {
background:#f6f6f6;
-moz-border-radius:6px;
-webkit-border-radius:6px;
padding:10px;
margin-top:6px;
}

#nieuwslist li {
margin-bottom:30px;
}

/* Nieuws detail pagina
________________________________________________________
//////////////////////////////////////////////////////*/
h1.nieuws {
border-bottom:1px solid #d6d6d6;
}

h1.nieuws span.created {
float:right;
font:normal 11px Arial, Helvetica, sans-serif;
padding-top:12px;
color:#9d9d9f;
}

/* Zoekresultaten pagina
________________________________________________________
//////////////////////////////////////////////////////*/
#SearchPage_Form .text {
width:400px;
}

#SearchPage_Form select {
float:left;
clear:both;
padding:6px;
margin-right:4px;
font-size:11px;
color:#009ee0;
border-top:1px solid #acacae;
border-left:1px solid #e5e4e9;
border-right:1px solid #e0e0e2;
border-bottom:1px solid #e4e5e7;
}

#SearchPage_Form .action {
background: url(/themes/mikrocentrum/images/zoek-button.png) no-repeat;
border: 0px;
color: #fff;
cursor: pointer;
font-size: 11px;
line-height: 13px;
outline: none;
padding: 7px 0px 10px 10px;
text-align: left;
vertical-align: top;
width: 110px;
}

#searchleft {
width:670px;
float:left;
margin-top:14px;
}

#searchleft .titleheader {
margin:15px 0;
font-size:18px;
padding:13px 12px;
}

#searchright {
width:270px;
float:right;
margin:14px 0 0 10px;
}

#searchright .box {
background:url('../images/smallbox-mid.png') repeat-y;
margin:0 15px 15px 0;
}

#searchright .box .top  {
background:url('../images/smallbox-top.png') no-repeat top left;
height:7px;
}

#searchright .box .heading  {
background:url('../images/smallbox-top.png') no-repeat 0 -55px;
height:34px;
color:#0091cb;
font:normal 16px MyriadProLightBold, Myriad, Helvetica, Arial;
text-shadow:1px 1px #fff;
padding:13px 5px 0 15px;
}
#searchright .box .content  {
padding:15px;
}

#searchright .box .content p  {
margin-bottom:0;
}

#searchright .box .foot {
background:url('../images/smallbox-top.png') no-repeat 0 -41px;
height:12px;
}

#SearchResults {
list-style:none;
margin:0 15px 15px;
}

#SearchResults p {
font-size:11px;
}

#SearchResults li {
border-bottom:1px solid #c2c2c2;
padding-top:12px;
}

#SearchResults li .readMoreLink {
font-size:11px;
color:#929292;
}

.titleheader {
background:url(../images/title-header.png) top left no-repeat;
font:bold 21px MyriadProLightBold, Myriad, Helvetica, Arial;
text-shadow:1px 1px #FFF;
color:#3d3c3f;
padding:12px 12px 11px 12px;
}

#PageNumbers {
float:right;
list-style:none;
margin-bottom:12px;
}

#PageNumbers li {
background:#f6f6f6;
color:#3d3d3f;
-moz-border-radius:3px;
-webkit-border-radius:3px;
float:left;
margin-left:4px;
font-weight:bold;
}

#PageNumbers li.current {
border:1px solid #7eceef;
color:#009edf;
display:block;
padding:3px 9px;
}

#PageNumbers li a {
color:#3d3d3f;
padding:4px 10px;
text-decoration:none;
display:block;
}


/* Footer
________________________________________________________
//////////////////////////////////////////////////////*/
#footer {
font-size:11px;
}

#footer .breadcrumbs {
padding:19px 0 0 15px;
max-width:650px;
}

#footer .top {
height:55px;
background:url('../images/footer-top.png') no-repeat;
position:relative;
}

#footer .top a.share {
position:absolute;
left: 714px;
top: 19px;
text-decoration:none;
color:#b7b7b7;
}

#footer .top a.totop {
position:absolute;
left: 830px;
top: 19px;
text-decoration:none;
color:#b7b7b7;
}


#footer .top a:hover {
text-decoration:underline;
}

#footer .content {
background:url('../images/footer-bottom.png') no-repeat left bottom #f9f9f9;
padding:25px;
overflow:hidden;
}


#footer .content a {
color:#4c4c4c;
text-decoration:none;
text-shadow:1px 1px #fff;
}

#footer .content a:hover {
text-decoration:underline;
}

#footer .content li {
list-style:none;
line-height:24px;
}

#footer .content .col {
margin:0 70px 0 0;
width:167px;
border-right:1px solid #e6e6e6;
}

#footer .content .col.last {
margin:0;
border:none;
}

#footer .bottom {
color:#a5a5a5;
height:35px;
position:relative;
padding:15px 25px;
}

#footer .bottom a {
color:#a5a5a5;
}


#footer .bottom .text {
position:absolute;
left:155px;
top:28px;
}

#footer .bottom .links {
position:absolute;
right:18px;
top:28px;
}

#footer .bottom .links li {
list-style:none;
display:inline;
border-left:1px solid #009ee0;
padding:0 7px 0 9px;
}

#footer .bottom .links li.first {
border:none;
}

/* Comments
________________________________________________________
//////////////////////////////////////////////////////*/
#PageCommentInterface_Form_PostCommentForm {
background:#f6f6f6;
-moz-border-radius:6px;
-webkit-border-radius:6px;
padding:14px;
position:relative;
min-height:150px;
height:auto !important;
height:150px;
margin-bottom:14px;
}

#PageCommentInterface_Form_PostCommentForm .action {
background:url(../images/comment-submit.png) top left no-repeat;
height:23px;
width:93px;
text-indent:-99999px;
border:0;
cursor:pointer;
position:absolute;
bottom:68px;
left:225px;
}

#Name, #CommenterEmail, #Math {
float:left;
clear:left;
}

#Name input, #CommenterEmail input, #PageCommentInterface_Form_PostCommentForm_error, #Math, #Math input {
width:165px;
}

#Comment {
position:absolute;
top:14px;
right:14px;
}

#Comment textarea {
width:413px;
height:77px;
}

#CommentHolder ul {
list-style:none;
margin:0 !important;
padding:0 !important;
}

#CommentHolder .comment {
border:1px solid #d7d7d7;
-moz-border-radius:6px;
-webkit-border-radius:6px;
margin-bottom:14px;
}

#CommentHolder .comment .title {
background:url(../images/comment-title-header.png) top left repeat-x;
padding:8px 18px;
border-bottom:1px solid #d7d7d7;
font-weight:bold;
}

#CommentHolder .comment .name {
color:#009EE0;
}

#CommentHolder .comment .message {
padding:8px 18px;
}

#CommentHolder .comment .message p {
margin:0;
}

#CommentHolder .comment .actionLinks {
padding:0 18px !important;
border-top:1px solid #d7d7d7;
}

#CommentHolder .comment .actionLinks li {
display:inline;
margin-right:6px;
}

/* Formulieren
________________________________________________________
//////////////////////////////////////////////////////*/
input.text, textarea {
border-top:1px solid #acacae;
border-left:1px solid #e5e4e9;
border-right:1px solid #e0e0e2;
border-bottom:1px solid #e4e5e7;
padding:8px;
font-size:11px;
color:#009ee0;
width:265px;
}

textarea {
width:550px;
}

label, label.left, label.right {
float:none;
display:block;
margin:0 0 3px;
font-weight:bold;
}

.required {
color:#009ee0;
}

#Remember {
display:none;
}


.field {
margin:0 0 10px;
}

#ForgotPassword {
margin:10px 0;
}


/* Alfabetisch overzicht
________________________________________________________
//////////////////////////////////////////////////////*/
#content #right .letter-keuze {
background:url('../images/alfabet-top.png') no-repeat;
height:48px;
font:bold 16px MyriadProLightBold, Myriad, Helvetica, Arial;
margin:0 0 15px;
padding:0;
}

.letter-keuze li {
list-style:none;
display:inline;
}

.letter-keuze li a {
display:block;
float:left;
padding:13px 7px 10px;
text-shadow:1px 1px #FFF;
color:#3c3c3e;
}
.letter-keuze li a.first {
margin:0 0 0 7px;
}

.letter-keuze li a:hover, .letter-keuze li a.current {
color:#009edf;
text-decoration:none;
}

#alfabet h2 {
border-bottom:1px solid #e0e0e0;
font:bold 18px MyriadProRegular, Myriad, Helvetica, Arial;
color:#3d3c3f;
padding:0 0 7px;
margin:15px 0;
}

#alfabet h2 .terug {
float:right;
font:normal 11px Arial, Helvetica, sans-serif;
}

#content #right #alfabet ul {
margin:0;
padding:0;
}

#content #right #alfabet li {
list-style:none;
}

#alfabet h2 .terug a {
color:#6d6d6d;
}