html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,capticon,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video
{
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  margin:0;
  padding:0;
}

.Inlay h2
{
  font-size: 160%;
  border-bottom: 1px solid #DDD;
  font-weight: normal;
}

nav ul
{
  list-style:none;
  display:inline-block;
  float:right;
}

blockquote,q
{
  quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after
{
  content:none;
}

a
{
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  margin:0;
  padding:0;
}

ins
{
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}

mark
{
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold;
}

del
{
  text-decoration:line-through;
}

abbr[title],dfn[title]
{
  border-bottom:1px dotted;
  cursor:help;
}

table
{
  border-collapse:collapse;
  border-spacing:0;
}

table#test td img
{
  vertical-align: center;
}

table#test td#first
{
  padding: 8px 0px 12px 0px;
  font-weight: bold;
  width: 30%
  
  
}

table#test td#second
{
  padding: 8px 0px 12px 0px;
  width: 40%  
}

table#test tr#start
{
  
}

table#test tr#end
{
  border-bottom: 2px solid #cad3e3;
}

button#testpage
{
 margin-top: 9px;
    margin-right: 0;
    background: #002e5e;
    color: #fff;
    border: 2px solid #002e5e;
    text-decoration: none;
    padding: 9px 25px;
    /* float: right; */
    font-weight: 600;
    font-size: 16px;
    border-radius: 5px; 
}

hr
{
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #ccc;
  margin:1em 0;
  padding:0;
}

input,select
{
  vertical-align:middle;
}

body
{
  font:13px/1.231 sans-serif;
  font-size:small;
  font-family:arial;
}

select,input,textarea,button
{
  font:99% sans-serif;
}

pre,code,kbd,samp
{
  font-family:monospace,sans-serif;
}

body,select,input,textarea
{
  color:#002e5e;
}

html
{
  overflow-y:scroll;
  background-color:#01b6ed;
  background-image:url(../images/main-bottom_repeater-transparent.png);
}

a,a:active,a:visited
{
  color:#607890;
}

a:hover
{
  /*color:#036!important;*/
}

#ProfAccMenu a:hover{
  color:white !important;
}

ul,ol
{
  margin-left:1.8em;
}

ol
{
  list-style-type:decimal;
}

td,td img
{
  vertical-align:top;
}

sub
{
  vertical-align:sub;
  font-size:smaller;
}

sup
{
  vertical-align:super;
  font-size:smaller;
}

pre
{
  white-space:pre-line;
  word-wrap:break-word;
  padding:15px;
}

.ie6 legend,.ie7 legend
{
  margin-left:-7px;
}

input[type="checkbox"]
{
  vertical-align:bottom;
}

.ie7 input[type="checkbox"]
{
  vertical-align:baseline;
}

.no-boxshadow input:invalid,.no-boxshadow textarea:invalid
{
  background-color:#f0dddd;
}

a:link
{
  -webkit-tap-highlight-color:#fff; /*#ff5e99;*/
}

button
{
  width:auto;
  overflow:visible;
}

.ie7 img
{
  -ms-interpolation-mode:bicubic;
}

.ir
{
  display:block;
  text-indent:-999em;
  overflow:hidden;
  background-repeat:no-repeat;
  text-align:left;
  direction:ltr;
}

.hidden
{
  display:none;
  visibility:hidden;
}

.visuallyhidden
{
  position:absolute!important;
  clip:rect(1px,1px,1px,1px);
}

.invisible
{
  visibility:hidden;
}

.clearfix:before,.clearfix:after
{
  content:"\0020";
  display:block;
  height:0;
  visibility:hidden;
}

.clearfix:after
{
  clear:both;
}

.clearfix
{
  zoom:1;
}

#container
{
  width:100%;
  background:#fff;
}

header
{
  height: 40px;
  position:relative;
  background:transparent;
/*  width:940px;*/
/*  min-height: 85px;*/
  margin:0 auto;
  z-index: 2;
}

nav
{
  height:inherit;
}

nav a,nav a:visited
{
  display:block;
  float:left;
  font-size:20px;
  color:#039;
  text-decoration:none;
  font-weight:700;
  margin-right:43px;
  border-radius:3px;
  -moz-border-radius:3px;
  padding:3px 5px;
}

nav a.selected,nav a:hover
{
/*  background:inherit;*/
  color:#002e5e;
}

#logo-home
{
  height:40px;
  width:183px;
  display:block;
  position:absolute;
  top:10px;
  left:0;
  text-indent:-999em;
}

.ie6 nav #nav-home,.ie7 nav #nav-home,.ie8 nav #nav-home
{
  text-align:center;
  width:70px;
  padding:3px 0;
}

.ie6 nav #nav-home.selected,.ie7 nav #nav-home.selected,.ie8 nav #nav-home.selected,.ie6 nav #nav-home:hover,.ie7 nav #nav-home:hover,.ie8 nav #nav-home:hover
{
  background:url(../images/home-button.png) top left no-repeat;
}

.ie6 nav #nav-programs,.ie7 nav #nav-programs,.ie8 nav #nav-programs
{
  text-align:center;
  width:139px;
  padding:3px 0;
}

.ie6 nav #nav-programs.selected,.ie7 nav #nav-programs.selected,.ie8 nav #nav-programs.selected,.ie6 nav #nav-programs:hover,.ie7 nav #nav-programs:hover,.ie8 nav #nav-programs:hover
{
  background:url(../images/programs-button.png) top left no-repeat;
}

.ie6 nav #nav-faq,.ie7 nav #nav-faq,.ie8 nav #nav-faq
{
  text-align:center;
  width:154px;
  padding:3px 0;
}

.ie6 nav #nav-faq.selected,.ie7 nav #nav-faq.selected,.ie8 nav #nav-faq.selected,.ie6 nav #nav-faq:hover,.ie7 nav #nav-faq:hover,.ie8 nav #nav-faq:hover
{
  background:url(../images/faq-button.png) top left no-repeat;
}

#donate-form
{
  width:244px;
  position:absolute;
  right:10px;
  top:50px;
}

#donate-form h2
{
  font-size:15px;
  color:#05468a;
  border-bottom:2px solid #05468a;
  margin:0 0 12px;
}

#donate-form textarea
{
  width:238px;
  height:81px;
}

#donate-form input
{
  width:238px;
  display:block;
}

#donate-form button,#donate-form .button
{
  width:79px;
  height:26px;
  color:#fff;
  display:block;
  background:#707176;
  border:none;
  text-align:center;
  line-height:26px;
  text-decoration:none;
  margin:10px 0 75px;
}

#main_page_default2,
#main_page_default
{
  position:relative;
  max-width:1280px;
  min-height:auto;
  padding-bottom:0;
  padding-top:0;
  margin:0 auto;
}

#main_page_default2 {
	overflow: auto;
}

/* overwrite wp-default */
#main_page_default *, #top * { box-sizing: initial; }
#top, #main_page_default { line-height: 20px; }

#top
{
  position:relative;
  height:40px;
  background-color:#cad3e3;
  margin-bottom:10px;
}

.home #top
{
  height:142px;
  background:url(../images/slogan.png) 0 33px no-repeat;
}

#login
{
  position:absolute;
  top:12px;
  right:21px;
  padding:0;
}

#login fieldset
{
  height:86px;
  width:336px;
  display:block;
  border:1px solid #c1cbe6;
  font-size:12px;
  color:#919295;
  border-radius:5px;
  -moz-border-radius:5px;
  padding:12px 0 0;
}

#login label
{
  width:113px;
  text-indent:9px;
}

#login input
{
  width:207px;
  height:18px;
  line-height:18px;
  border:1px solid #e0e5f2;
  margin:0 0 2px;
  padding:0;
}

#login button
{
  width:73px;
  height:20px;
  line-height:20px;
  text-align:center;
  float:right;
  display:block;
  background:#666;
  border:1px solid #666;
  color:#fff;
  font-weight:700;
  margin:10px 15px 0 0;
  padding:0;
}

#login-button,#login-button-sw
{
  width:193px;
  height:46px;
  line-height:46px;
  text-align:center;
  position:absolute;
  top:12px;
  right:21px;
  border:1px solid #c1cbe6;
  font-size:12px;
  border-radius:5px;
  -moz-border-radius:5px;
}

#login-button a,#login-button-sw a
{
  background:#666;
  color:#fff;
  border:1px solid #666;
  text-decoration:none;
  padding:2px 8px;
}

.ie6 #login-button a,.ie6 #login-button-sw a,.ie7 #login-button a,.ie7 #login-button-sw a
{
  width:75px;
  height:15px;
  line-height:15px;
  display:block;
  margin:12px 3px 0 0;
}

.ie6 #login-button,.ie7 #login-button,.ie8 #login-button
{
  border:none;
  background:url(../images/login-border-small.png) top left no-repeat;
}

.ie6 #login-button-sw,.ie7 #login-button-sw,.ie8 #login-button-sw
{
  border:none;
  background:url(../images/login-border-small-wide.png) top left no-repeat;
}

#status
{
  width:334px;
  height:46px;
  position:absolute;
  top:12px;
  right:0;
  font-size:12px;
  border:1px solid #c1cbe6;
  border-radius:5px;
  -moz-border-radius:5px;
  padding:10px 0 25px;
}

.ie6 #status,.ie7 #status,.ie8 #status
{
  width:337px;
  height:47px;
  border:none;
  background:url(../images/login-border.png) top left no-repeat;
  padding:10px 0 15px;
}

#status p
{
  font-size:12px;
  color:#999;
  text-align:center;
  margin:0 0 4px;
}

#status p span
{
  color:#00bdf2;
  font-weight:700;
}

#status #buttons
{
  width:100%;
  height:35px;
  text-align:center;
  padding-top:5px;
  margin:0 auto;
}

.ie6 #status a,.ie7 #status a
{
  display:block;
  float:left;
  margin:0 3px 0 0;
}

#breadcrumbs
{
  width:419px;
  height:19px;
  position:absolute;
  top:45px;
  left:-10px;
  border-bottom:1px solid #8782bd;
  list-style:none;
  margin:0;
  padding:0 0 0 9px;
}

#breadcrumbs li
{
  display:inline;
}

.series #breadcrumbs
{
  top:0;
  width:940px;
  margin:0 auto;
}

#breadcrumbs a,#breadcrumbs a:visited
{
  font-weight:normal;
  font-size:14px;
  color:#002e5e;
  text-decoration:none;
}

#category-title
{
  width:438px;
  height:43px;
  line-height:43px;
}

#category-title h2
{
  font-size:22px;
  color:#fff;
  text-indent:8px;
}

.ie6 #category-title h2,.ie7 #category-title h2,.ie8 #category-title h2
{
  background:url(../images/category-title-rounded-corn.png) top left no-repeat;
}

#category-title div
{
  border-radius-bottom-left:3px;
  border-radius-bottom-right:3px;
  -moz-border-radius-bottomleft:3px;
  -moz-border-radius-bottomright:3px;
}

#category-program-list
{
  width:615px;
  height:370px;
  list-style:none;
  margin:0 0 0 100px;
  padding:0;
}

.loggedin-pa #category-program-list
{
  position:absolute;
  margin:0;
}

#category-program-list li
{
  height:110px;
  width:142px;
  background:#d8d9da;
  float:left;
  line-height:110px;
  border-radius:8px;
  -moz-border-radius:8px;
  position:relative;
  margin:0 10px 10px 0;
}

.ie6 #category-program-list li a,.ie7 #category-program-list li a,.ie8 #category-program-list li a
{
  background:url(../images/main-btn_transparant.png) top left no-repeat;
}

#category-program-list .empty
{
  background:#fff;
}

#category-program-list a
{
  display:block;
  font-size:29px;
  color:#fff;
  font-weight:700;
  text-align:center;
  text-decoration:none;
  border-radius:8px;
  -moz-border-radius:8px;
  background-repeat:no-repeat;
  background-position:top left;
}

#category-program-list a:hover
{
  text-indent:-999em;
  border-radius:0;
  -moz-border-radius:0;
}

#category-program-list div
{
  height:110px;
  width:142px;
  position:absolute;
  top:0;
  left:0;
  background:url(../images/main-btn_transparant.png) top left no-repeat;
}

#category-program-list #taal
{
  background:#8781bd;
}

#category-program-list #taal a:hover
{
  height:127px;
  background-image:url(../images/taal-over.jpg);
}

#category-program-list #rekenen
{
  background:#d75b64;
}

#category-program-list #rekenen a:hover
{
  background-image:url(../images/rekenen-over.jpg);
}

#category-program-list #werk
{
  background:#bc3223;
}

#category-program-list #werk a:hover
{
  width:145px;
  background-image:url(../images/werk-over.jpg);
}

#category-program-list #opvoeding
{
  background:#dc8f76;
}

#category-program-list #opvoeding a:hover
{
  background-image:url(../images/opvoeding-over.jpg);
}

#category-program-list #geld a:hover
{
  height:127px;
  margin-top:-9px;
  background-image:url(../images/geld-over.jpg);
}

#category-program-list #gezondheid
{
  background:#ff5333;
}

#category-program-list #gezondheid a:hover
{
  background-image:url(../images/gezondheid-over.jpg);
}

#category-program-list #sbcm
{
  background:#be1069;
}

#category-program-list #sbcm a:hover
{
  background-image:url(../images/SBCM.jpg);
}

#category-program-list #internet
{
  background:#f067a6;
}

#category-program-list #internet:hover
{
  height:137px;
  width:145px;
  background-color:#fff;
  background-image:url(../images/www-over.png);
  margin:0 7px 5px 0;
}

footer
{
  width:100%;
  margin:0;
  padding:0;
}

footer #topribbon
{
  background-color:#01b6ed;
  background-image:url(../images/footer-transparent.png);
  background-position:top left;
  background-repeat:repeat-x;
  height:20px;
}

footer #werkboekbestellen
{
  position:absolute;
  left:540px;
  top:-14px;
}

footer .content
{
  width: 940px;
  padding: 0;
  font-size:10px;
  margin:0 auto 12px;
}
footer .content ul
{
  margin: 0;
  list-style: none;
}
footer .content li
{
  margin: 0;
  float: left;
  padding-bottom: 20px;
}
footer .content #more-info li
{
  float: none;
}
footer .content li a
{
  display: block;
  float: left;
  margin: 0;
  font-size: 14px;
  margin-right: 45px;
  color: #fff;
  font-weight: normal;
  text-decoration: none;
}
footer .content li a:hover
{
  text-decoration: underline;
}
footer .content li:last
{
  float: right;
}

footer #more-info
{
  position:absolute;
  left:353px;
  top:15px;
}

footer #more-info h3
{
  font-size:13px;
  color:#000;
}

footer #more-info ul
{
  list-style:none;
  margin:0;
}

footer #more-info ul li
{
  padding:2px;
}

footer #more-info a
{
  color:#fff;
  font-weight:normal;
  float: right;
}

#lang-bar
{
  width: 100px;
  min-height: 1px;
}
.langSelect
{
  position: relative;
  left: 30px;
  top: -7px;
  width: 70px;
  cursor: pointer;
}

#social-bar
{
  color: #fff;
  float: left;
  font-weight: 700;
  width: 408px;
  height: 70px;
  font-size: 13px;
  position: absolute;
  top: 0;
  right: 0;
  padding-bottom: 40px;
}

#social-bar>div
{
  padding: 0px 30px ;
  position: absolute;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 18px;
}

#social-bar>div.contact-bar,
#social-bar>div.facebook-bar
{
    left: 0px;
}
#social-bar>div.contact-bar
{
    background-image: url('/images/svg/Contact.svg');
}
#social-bar>div.facebook-bar
{
  top: 40px;
  background-image: url('/images/svg/Facebook.svg');
}
#social-bar>div.twitter-bar,
#social-bar>div.youtube-bar
{
  left: 158px;
}
#social-bar>div.twitter-bar
{
  background-image: url('/images/svg/Twitter.svg');
}
#social-bar>div.youtube-bar
{
  top: 40px;
  background-image: url('/images/svg/Youtube.svg');
}

#social-bar>div.instagram-bar,
#social-bar>div.linkedIn-bar
{
  left: 316px;
}
#social-bar>div.instagram-bar
{
  background-image: url('/images/svg/Instagram.svg');
}
#social-bar>div.linkedIn-bar
{
  top: 40px;
  background-image: url('/images/svg/Linkedin.svg');
}

#copyright
{
  width:283px;
  color:#fff;
  font-weight:700;
  padding-left:40px;
}

#copyright img
{
  float:left;
  margin:0 8px 0 0;
}

#copyright .logo
{
  position:absolute;
  bottom:10px;
  left:0;
}


#version
{
  position: fixed;
  right: 4px;
  bottom: 0;
  color: #fff;
  font-size: 14px;
}


.faq h1,.program h1
{
  font-size:17px;
  margin:0;
}

#faq-content
{
  width:590px;
}

#play-video-faq
{
  height:104px;
  width:130px;
  display:block;
  background:url(../images/bekijkvideo_bttn.png) top left no-repeat;
  text-indent:-999em;
  text-decoration:none;
}

#play-video-faq:hover
{
  background-position:bottom left;
}

.faq #Content p
{
  margin:0 0 23px;
}

.help-faq-img
{
  position:absolute;
  left:585px;
  top:5px;
}

.loggedin-pa .help-faq-img
{
  left:494px;
}

.loggedin-pa .faq-container
{
  padding-left:34px;
}

#top-faq-list
{
  width:698px;
  border-radius:10px;
  -moz-border-radius:10px;
  background:#e5eaf5;
  margin:0 0 34px -17px;
  padding:16px 18px 0;
}

.loggedin-pa #top-faq-list
{
  width:548px;
}

.ie6 #top-faq-list,.ie7 #top-faq-list,.ie8 #top-faq-list
{
  background:#e5eaf5 url(../images/top-faq-list-top.png) top left no-repeat;
}

#top-faq-list h2
{
  margin:0 0 4px;
}

#top-faq-list ul
{
  width:735px;
  list-style:none;
  margin:0 0 0 -18px;
}

#top-faq-list li
{
  height:24px;
  line-height:24px;
  text-indent:20px;
  border-top:2px solid #fff;
}

#top-faq-list a,#top-faq-list a:visited
{
  height:24px;
  display:block;
  background:url(../images/top-faq-list-item.png) 18px top no-repeat;
  color:#000;
  text-decoration:none;
  padding:0 0 0 20px;
}

#top-faq-list a:hover
{
  font-weight:700;
  background:url(../images/top-faq-list-item.png) 18px bottom no-repeat;
}

#top-faq-list .last
{
  height:19px;
}

.ie6 #top-faq-list .last,.ie7 #top-faq-list .last,.ie8 #top-faq-list .last
{
  background:url(../images/top-faq-list-bottom.png) top left no-repeat;
  margin-bottom:-1px;
}

#faq-list
{
  margin:0 0 23px 1.4em;
}

#faq-list li
{
  list-style-image:url(../images/faq-list-item.png);
  margin:5px 0 0;
}

#faq-list a
{
  color:#000;
  text-decoration:none;
}

#faq-list a:hover,#faq-list .selected
{
  font-weight:700;
}

#faq-list p
{
  display:none;
  margin:10px 0;
}

#faq-list .more
{
  width:45px;
  display:block;
  margin:20px 0;
}

#back-button:hover,#faq-list .more:hover
{
  font-weight:100;
  border:1px solid #00bdf2;
  background:#00bdf2;
}

#program-info
{
  height:370px;
  width:640px;
  position:relative;
  background:transparent;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  margin:0 0 0 70px;
  padding:15px 0 10px 15px;
}

.loggedin-pa #program-info
{
  width:602px;
  margin:0;
}

.ie6 #program-info,.ie7 #program-info,.ie8 #program-info
{
  background:url(../images/program-info-bg.png) top left no-repeat;
}

#program-info #program-images
{
  width:146px;
  list-style:none;
  float:right;
  position:relative;
  /*top:0;*/
  top:97px;
  margin:0;
}

#program-info #program-images li
{
  display:block;
  height:110px;
  width:143px;
  position:relative;
  margin:0 0 6px;
}

#program-info #program-images div
{
  height:110px;
  width:143px;
  position:absolute;
  top:0;
  left:0;
  z-index:300;
  background:url(../images/program-rounded-corners.png) top left no-repeat;
}

#program-info #program-images img
{
  height:110px;
  width:143px;
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  border:1px solid #cad3e3;
}

#program-info #program-details
{
  width:390px;
  height:260px;
  background:#fdfdfe;
  float:left;
  line-height:1.3em;
  border-radius:15px;
  -moz-border-radius:15px;
  padding:13px;
}

.loggedin-pa #program-info #program-details
{
  width:352px;
}

.ie6 #program-info #program-details,.ie7 #program-info #program-details,.ie8 #program-info #program-details
{
  background:url(../images/program-info-details-bg.png) top left no-repeat;
}

#program-info #program-details h1
{
  font-size:20px;
  font-weight:600;
  color:#002e5e;
  margin:0 0 10px 0;
  width: 350px;
}

#program-info #program-buttons
{
  height:43px;
  width:403px;
  line-height:43px;
  bottom:15px;
  position:absolute;
  right:48px;
  font-size:20px;
  color:#00b5ed;
  top:335px;
}

.loggedin-pa #program-info #program-buttons
{
  width:365px;
}

#program-info #program-buttons a
{
  font-size:14px;
}

#program-info #program-buttons a#start-button
{
  font-size:16px;
  right:-8px;  
}

#program-info #program-buttons a,#program-info #program-buttons a#start-button
{
  color:#002e5e;
  /*font-size:16px;*/
  font-size: 18px;
  font-weight:normal;
  text-decoration:underline;
}

a#start-button
{
  line-height:43px;
  color:#315aad;
  font-weight:700;
  text-decoration:none;
}

a#start-button,a#start-button:visited
{
  background-color:#666;
  border-radius:5px;
  height:44px;
  position:absolute;
  top:0;
  right:0;
  display:block;
  font-size:16px;
  color:#fff;
  text-decoration:none;
  background-image:url(../images/start-exercise-transparent.png);
  background-position:top right;
  background-repeat:no-repeat;
  width:110px;
  text-indent:0;
  padding:10px 15px;
}

a#start-button:hover
{
  background-color:#00bdf2;
}

#promo
{
  /* height:423px;
  width:650px; */
  max-width: 650px;
  line-height:500px;
  padding: 15px;
  display:none;
  top:50%;
  left:50%;
  z-index:5000;
  background:#002e5e; /*url(../images/POPUP_youtube.png) top left no-repeat;*/
  position:fixed;
  margin:-212px 0 0 -325px;
}

#title-bar
{
  height:27px;
}

#video iframe
{
  display:block;
  margin:0 auto;
}

#program-list-holder
{
  position: relative;
  width:427px;
  float:left;
  min-height:300px;
  margin-bottom: 2em;
  margin-top:15px;
}

.loggedin-pa #program-list-holder
{
  /* position:relative; */
  width:409px;
}

#program-list
{
  margin-top:20px;
  list-style:none;
}

#program-list li
{
  list-style-image:url(../images/faq-list-item.png);
  font-size:117.5%;
  padding:4px 0;
}

#program-list h2
{
  margin:20px 0 0;
}

#program-list li.empty
{
  height:15px;
  list-style-image:none;
}

#series-holder
{
  width:336px;
  float:right;
}

.loggedin-pa #series-holder
{
  width:176px;
}

#series-holder ul
{
  list-style:none;
  background-color:#e6eaf5;
  border-radius:11px;
  display:block;
  margin:0;
  padding:14px 0 0;
}

#series-holder li
{
  display:block;
  float:left;
  width:146px;
  height:118px;
  margin:0 0 14px 14px;
}

#series-holder li.terminator
{
  float:none;
  clear:both;
  width:0;
  height:0;
  margin:0;
  padding:0;
}

.loggedin-pa #programs-holder
{
  width:568px;
}

.ie7 #programs-holder
{
  top:-3px;
  left:-194px;
}

#programs-holder .disabled
{
  filter:alpha(opacity=20);
  opacity:.2;
  cursor:default;
}

#programs-holder #programs
{
  width:664px;
  height:384px;
  list-style:none;
  margin:10px 0 0 70px;
}

#programs-holder #programs li
{
  width:144px;
  float:left;
  background:#ccd6eb;
  border-radius:8px;
  -moz-border-radius:8px;
  position:relative;
  height:auto;
  margin:0 10px 10px 0;
  padding:7px 6px 13px;
}

.program_image_rounded_corners
{
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  -khtml-border-radius:10px;
  margin-bottom:7px;
}

#previous-page,#next-page
{
  height:58px;
  width:36px;
  display:block;
  position:absolute;
  top:164px;
  background:url(../images/previous-page-buttons.png) top left no-repeat;
  text-indent:-999em;
}

#previous-page:hover
{
  background:url(../images/previous-page-buttons.png) -36px 0 no-repeat;
}

#previous-page.disabled:hover
{
  background:url(../images/previous-page-buttons.png) top left no-repeat;
}

#next-page
{
  right:0;
  background:url(../images/next-page-buttons.png) top left no-repeat;
}

#next-page:hover
{
  background:url(../images/next-page-buttons.png) -36px 0 no-repeat;
}

#next-page.disabled:hover
{
  background:url(../images/next-page-buttons.png) top left no-repeat;
}

#LoginRegisterPopup,#LoginRegisterPopup-sw, #AcceptTermsPopup
{
  
  top:50%;
  left:50%;
  width: 600px; /*width:670px;*/
  /*height:620px;*/
  margin-left:-300px; /*margin-left:-335px;*/
  margin-top:-310px;
  color:#002e5e;
  font-size:100%;
}

#LoginRegisterPopup .FormLine,#LoginRegisterPopup-sw .FormLine,#LoginRegisterPopup .ButtonLine,#LoginRegisterPopup-sw .ButtonLine, #AcceptTermsPopup .FormLine
{
  overflow:auto;
  padding:.2em 0;
}


#AcceptTermsPopup .FormLine
{
  margin: 10px 0;
}

#LoginRegisterPopup .ButtonLine,#LoginRegisterPopup-sw .ButtonLine,
#AcceptTermsPopup .ButtonLine
{
  text-align:right;
  overflow:auto;
  padding:.6em 0;
}

#LoginRegisterPopup .LinkButton,#LoginRegisterPopup-sw .LinkButton
{
  background:transparent;
  text-decoration:underline;
  cursor:pointer;
  border:none;
  color:#002e5e;
  padding:0;
}

/*#LoginRegisterPopup label,#LoginRegisterPopup-sw label, #AcceptTermsPopup label.left
{
  float:left;
  width:45%;
  margin:0;
  padding:3px 0;
}*/

#ProfAccView label
{
  float:left;
  width:55%;
  margin:0;
  padding:3px 0;
}

#LoginRegisterPopup .Field,
#AcceptTermsPopup .Field
{
  border:1px solid #999;
  float: right;
  width:50%;
  height:25px;
  background-color:#fff;
  border-color:#cad3e3;
  border-width:2px;
  margin:0;
  padding:2px;
  border-radius: 0px;
}

#Profile .Field, #Profile-sw .Field
{
  border:1px solid #999;
  margin: auto;
  margin-left: 40%;
  width:51%;
  height:25px;
  background-color:#fff;
  border-color:#cad3e3;
  border-width:1px;
  padding:2px;
  border-radius: 0px;
}



#LoginRegisterPopup .Field input[type="text"], #LoginRegisterPopup-sw .Field input[type="text"]
{
  border: none;
  float:left;
  width:50%;
  height:22px;
  background-color:#fff;
  border-color:#cad3e3;
  margin:0;
  border-radius: 0px;
}

#LoginRegisterPopup .Field input[type="password"], #LoginRegisterPopup-sw input[type="password"]
{
  border: none;
  float:left;
  width:54%;
  height:22px;
  background-color:#fff;
  border-color:#cad3e3;
  margin:0;
  border-radius: 0px;
}

#ProfAccView .Field input [type="edit"]
{
  border: none;
  float:left;
  width:70%;
  height:22px;
  background-color:#fff;
  border-color:#cad3e3;
  margin:0;
  border-radius: 0px;
}

.showPassToggle
{
  float: right;
  width:38%;
  color: #002e5e;
  text-align: center;
  border:1px solid #999;
  height: 19px;
  background-color:#fff;
  font-weight: 600;
  border-color: #cad3e3;
  border-width: 2px;
  margin: 1px;
  border-radius: 5px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 80%;
  cursor: pointer;
  vertical-align: middle;
}

.showPassToggle2
{
    float: right;
    width: 40%;
    color: #002e5e;
    text-align: center;
    border: 1px solid #999;
    height: 26px;
    background-color: #fff;
    font-weight: 600;
    border-color: #cad3e3;
    border-width: 2px;
    margin: 1px;
    border-radius: 5px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 95%;
    cursor: pointer;
    vertical-align: middle;
    line-height: 25px;
}

.showPassToggle3 {
    float: right;
    width: 40%;
    color: #002e5e;
    text-align: center;
    border: 1px solid #999;
    height: 26px;
    background-color: #fff;
    font-weight: 600;
    border-color: #cad3e3;
    border-width: 2px;
    margin: 1px;
    border-radius: 5px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 95%;
    cursor: pointer;
    vertical-align: middle;
    line-height: 25px;
}

/*#LoginRegisterPopup input[type="text"],#LoginRegisterPopup-sw input[type="text"],#LoginRegisterPopup input[type="password"],#LoginRegisterPopup-sw input[type="password"]
{
  border:1px solid #999;
  float:right;
  width:50%;
  height:25px;
  background-color:#fff;
  border-color:#cad3e3;
  border-width:2px;
  margin:0;
  padding:2px;
  border-radius: 0px;
  font-size: 16px !important;
  color: black !important;
}*/

#ProfAccView input[type="edit"]
{
  border:1px solid #999;
  float:right;
  width:30%;
  height:25px;
  background-color:#fff;
  border-color:#cad3e3;
  border-width:2px;
  margin:0;
  padding:2px;
  border-radius: 0px;
}


/*#LoginRegisterPopup input[type="checkbox"],#LoginRegisterPopup-sw input[type="checkbox"]
{
  float:left;
  margin-right:7px;
  margin-top:4px;
}*/

#Profile input[type="checkbox"],#Profile-sw input[type="checkbox"]
{
  float:left;
  margin-right:7px;
  margin-top:4px;
}

#LoginRegisterPopup .CheckBox,#LoginRegisterPopup-sw .CheckBox
{
  float:right;
  width:51%;
}
#LoginRegisterPopup .CheckBoxRight, #LoginRegisterPopup-sw .CheckBoxRight
{
  float: left;
  width: 99%;

}

#LoginRegisterPopup .CheckBoxRight input[type="checkbox"], #LoginRegisterPopup-sw .CheckBoxRight input[type="checkbox"] {
    position: relative;
    left: 0;
    opacity: 1;
    outline: none;
}

#LoginRegisterPopup .CheckBoxRight label:before, #LoginRegisterPopup-sw .CheckBoxRight label:before {
  display:none;
}

#Profile .CheckBox, #Profile-sw .Checkbox
{
  float: right;
  width: 60%;
}

#LoginRegisterPopup fieldset,#LoginRegisterPopup-sw fieldset
{
  /*width:70%;*/
  border:none;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  padding:15px;
}

#LoginRegisterPopup h2,#LoginRegisterPopup-sw h2, #AcceptTermsPopup h2
{
  padding-left:15px;
  font-size:125%;
  /*width:70%;*/
  margin:0 0 .25em;
}
#AcceptTermsPopup h2
{
  padding-left:0px;
}

#LoginRegisterPopup h2>span,#LoginRegisterPopup-sw h2>span, #AcceptTermsPopup h2>span
{
  font-size:75%;
  font-weight:normal;
}

#LoginRegisterPopup #HeaderBar,#LoginRegisterPopup-sw #HeaderBar
{
  text-align:right;
  height:20px;
  padding:5px 0 15px;
}

#LoginRegisterPopup #Login,#LoginRegisterPopup-sw #Login
{
  background-color:inherit;
}

/*#LoginRegisterPopup .ErrorMessage,#LoginRegisterPopup-sw .ErrorMessage,#AcceptTermsPopup .ErrorMessage
{
  color: #c91e4e;
  font-size: 80%;
  padding-right: 10px;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 18px;
  width: 300px;
}*/


#PasswordRecovery .ErrorMessage,#AcceptTermsPopup .ErrorMessage
{
  position: relative;
}

#LoginRegisterPopup .ButtonLine
{
  position: relative;
}
#LoginRegisterPopup .Button.Cancel
{
  position: absolute;
  left: 0;
  width: 120px;
  background: #002e5e;
}
#CloseCamButton
{
  position:absolute;
  right:0px;
  top: -35px;  
  display:inline-block;
  height:24px;
  width:25px;
  text-decoration:none;
  /*background:url(../images/login-register-close.png) top left no-repeat;*/
}

#profile-view h1
{
  color:#039;
  font-size:17px;
  margin:-7px 0 42px;
}

#profile-view .FormLine
{
  overflow:auto;
  padding:5px 0;
}

#profile-view label
{
  float:left;
  width:40%;
  padding-bottom:5px;
  font-weight:600;
}

#profile-view span
{
  float:left;
  width:50%;
  padding-bottom:5px;
}

#Profile .FormLine>div>label
{
  font-size:125%;
}

#Profile .Edit
{
  font-size:100%;
  border:1px solid #cad3e3;
  margin:0;
  padding:3px;
  width: 50%;
  border-radius: 0px;
}

#Profile .Field .Edit
{
  font-size:100%;
  border:0px solid #cad3e3;
  margin:0;
  padding:3px;
  width: 50%;
}

.error
{
  background:#ffdcd2;
}

.radio-holder
{
  float:right;
  width:60%;
}

#faq-help input,#faq-help label
{
  width:227px;
  display:block;
  float:left;
}

#faq-help textarea
{
  width:271px;
}

#faq-help input
{
  width:271px;
  border:1px solid #cad3e3;
  margin:0 0 10px;
  padding:2px 0;
}

#faq-help .radio-holder
{
  width:270px;
  height:22px;
  margin-top:3px;
  margin-bottom: 10px;
  float:left;
}

#faq-help .radio-holder input,#faq-help .radio-holder label
{
  display:inline;
  width:auto;
  float:none;
  margin:0;
  padding:0 0 0 5px;
}

#faq-help .no-postcode
{
  background-color:#fee;
  color:#d00;
  border-radius:1em;
  padding:1em;
}

#faq-help button
{
  background:#666;
  color:#fff;
  border:1px solid #666;
  text-decoration:none;
  display:block;
  float:right;
  width:130px;
  margin:20px 0 0;
  padding:2px 4px;
}

.loggedin-pa #faq-help button
{
  margin:20px 44px 0 0;
}

#results thead tr
{
  height:32px;
  line-height:32px;
}

#results thead td
{
  color:#fff;
  font-weight:700;
  text-indent:15px;
}

#results tr
{
  height:24px;
  line-height:24px;
}

#results .program
{
  height:22px;
  color:#0f3f9f;
  background:#fff;
  text-indent:5px;
  margin:0 0 0 40px;
  padding:0 0 0 10px;
}

.program .arrow
{
  height:24px;
  width:16px;
  overflow:hidden;
  background:url(../images/results-arrow-right.png) center left no-repeat;
  float:left;
}

.program .arrow.down
{
  background:url(../images/results-arrow-down.png) center left no-repeat;
}

#results tr:hover .arrow
{
  background:url(../images/results-arrow-right.png) center right no-repeat;
}

#results tr:hover .arrow.down
{
  background:url(../images/results-arrow-down.png) center right no-repeat;
}

.faded
{
  opacity:.2;
  filter:alpha(opacity=20);
}

.faded td
{
  filter:alpha(opacity=20);
}

#results .bar
{
  height:22px;
  width:358px;
}

#results .serie
{
  color:#0f3f9f;
  font-weight:700;
  padding:20px 0 0 15px;
}

.scores
{
  width:357px;
  height:22px;
  overflow:hidden;
  list-style:none;
  background:#fff;
  margin:0;
}

.scores li
{
  height:18px;
  width:21px;
  float:left;
  margin:2px 3px 0 0;
}

.small
{
  width:75px;
}

.small li
{
  width:6px;
  margin:2px 1px 0 0;
}

.resultstable
{
  color:#039;
  background:#c5d4e9;
  table-layout:fixed;
  width:600px;
  white-space:nowrap;
  margin:40px 0 40px 43px;
}

.resultstable td
{
  background:#fff;
  border-bottom:solid 2px #c5d4e9;
  padding:0 5px;
}

.green
{
  background:#3c3;
}

.red
{
  background:red;
}

.grey
{
  background:#a3b5db;
}

.light-grey
{
  background:#ebebeb;
}

li.last
{
  margin-right:0;
}

.complete
{
  height:22px;
  text-align:center;
  font-weight:700;
  background:#fff;
  color:#0f3f9f;
  margin:0 35px 0 0;
}

#results-footer
{
  height:14px;
}

#contact-form fieldset
{
  width:460px;
}

#contact-form label,#contact-form input
{
  width:227px;
  display:block;
  float:left;
  margin:3px 0 0;
}

#contact-form textarea
{
  border:1px solid #ccc;
  width:227px;
  height:150px;
  margin:3px 0 0;
}

#contact-form input
{
  border:1px solid #ccc;
}

#contact-form button
{
  background:#666;
  color:#fff;
  border:1px solid #666;
  text-decoration:none;
  display:block;
  float:right;
  margin:20px 0 0;
  padding:2px 4px;
}

.resultscontainer
{
  display:none;
  position:absolute;
  left:100px;
  top:0;
  width:750px;
  background:#c5d4e9;
  border:1px solid #5a7bbd;
}

.resultscontainerheader
{
  text-align:right;
  padding:5px 5px 0 0;
}

.resultscontainerheader .closeButton
{
  background-image:url(../images/Delete.png);
  background-position:left top;
  width:16px;
  height:16px;
  font-size:10px;
  display:inline-block;
  cursor:pointer;
  margin:0 5px;
}

.resultscontainerheader .resultstitle
{
  float:left;
  color:#0f3f9f;
  font-weight:700;
  padding:5px 0 0 10px;
}

.resultstable2
{
  color:#039;
  background:#c5d4e9;
  table-layout:fixed;
  width:730px;
  white-space:nowrap;
  margin:35px 10px 10px;
}

.resultstable2 td
{
  background:#fff;
  border-bottom:solid 2px #c5d4e9;
  padding:0 0 0 5px;
}

#SameIPWarning
{
  height:490px;
  width:780px;
  position:absolute;
  top:10px;
  left:0;
  z-index:400;
  background:url(../images/POPUP_aanmelden.png) top left no-repeat;
  padding:40px;
}

#KoppelView fieldset
{
  border:1px solid #c1cbe6;
  border-radius:5px 5px 5px 5px;
  margin:15px 0;
  padding:20px;
}

#KoppelView input,#KoppelView select
{
  border:2px solid #cad3e3;
  padding:5px 4px;
}

#KoppelView .FormLine
{
  margin:15px 0;
}

#KoppelView .Button
{
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
}

.close-holder
{
  display:block;
  height:24px;
  width:25px;
  text-indent:-999em;
  position:absolute;
  top:7px;
  right:25px;
  background:url(/images/svg/closeButton_white.svg) top left no-repeat;
  background-size: 25px 24px;
  margin:0;
  padding:0;
}

#promo .close-holder
{
  right: 14px;
  top: 10px;
}


.headerstart
{
  background-image:url(../images/arrowBoth.png)!important;
}

.programsTable thead tr
{
  height:28px;
}

.programsTable tbody tr
{
  height:28px;
  vertical-align:middle;
  border-top:2px solid #cad3e3;
}

.programsTable thead th,.programsTable tr td
{
  padding-top:5px;
}

.programsTable thead th
{
  color:#002e5e;
  font-size:11pt;
  font-family:sans-serif;
  font-weight:200;
  text-align:left;
}

.programsTable thead th.header
{
  background-image:url(../images/arrowBoth_dis.png);
  background-repeat:no-repeat;
}

.programsTable thead th.headerSortUp
{
  background:url(../images/arrowUp.png) no-repeat;
}

.programsTable thead th.headerSortDown
{
  background:url(../images/arrowDown.png) no-repeat;
}

.programsTable thead th.header,.programsTable thead th.headerSortUp,.programsTable thead th.headerSortDown
{
  background-position:57px center;
}

.programsTable .even
{
  background-color:#eef3f9;
}

.infoBubble
{
  position:relative;
  cursor:pointer;
  float:right;
  width:17px;
  height:17px;
  background:url(/images/svg/Info.svg) no-repeat;
  background-size:17px;
}

.programview
{
  float:right;
  position:relative;
  top:-5px;
  right:10px;
}

.ie7 .programrate,.ie6 .programrate,.ie9 .programrate
{
  top:1px;
}

.ie7 .round-corners,.ie8 .round-corners,.ie9 .round-corners
{
  position:relative;
  top:60px!important;
}

.ie .round-corners
{
  position:relative;
  top:61px!important;
}

.PopUpbox
{
  border-radius:8px;
  box-shadow:-1px 6px 16px #000;
  behavior:url(/js/PIE.php);
  position:absolute;
  z-index:400;
  background-color:#fff;
}

.PopUpboxTitle
{
  height:30px;
  width:100%;
  border-radius:8px 8px 0 0;
  behavior:url(/js/PIE.php);
  text-align:right;
  background-color:transparent;
  padding:5px 0 0;
}

.PopUpboxBody
{
  padding:0 15px 15px;
}

#RatingPopUp .PopUpboxBody
{
  padding: 10px 40px 30px 30px;
}
.PopUpboxTitle .CloseButton
{
  position:relative;
  right:8px;
  top: 2px;
}

#HelpPopUpWrapper {
  width: 100%;
  height: 100%;
  align-items: center;
  background-color: rgba(0,0,0,0.3);
  display: flex;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
}

#HelpPopUp {
  width: calc(100% - 40px);
  max-width: 600px !important;
  margin: 0 !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
}

.ie7 .PopUpboxTitle,.ie8 .PopUpboxTitle,.ie9 .PopUpboxTitle
{
  position:relative;
  left:2px;
  padding:5px 0;
}

#niveauSelectBack
{
  position: relative;
  /*left: 0;*/
  /*top: 120px;*/
  /*width: 100%;*/
  /*height: 100%;*/
  /*margin: 0 auto;*/
  background-color: #fff;
  /*z-index: 4;*/
  display: none;
  /*overflow-y: scroll;*/
}


#niveauSelect
{
  /*font-family:Arial,Helvetica,sans-serif;*/
  display:block;
  height:700px;
  width:940px;
  margin: 2em auto;
}

#niveauSelectResult
{
  display:none;
  top:-34px;
  font-size:13pt;
  left:41px;
}

#niveauSelectTitle
{
  left:0px;
  top:10px;
  font-size:15pt;
}

#niveauSelectTitle,#niveauSelectResult
{
  position:relative;
  font-weight:bold;
  padding-bottom:11px;
  margin-left:0;
  line-height:22px;
}

#niveauSelectOptions
{
  position:relative;
  padding-top:12px;
}

#niveauSelectOptions,#niveauSelectOptionYes,#niveauSelectOptionNo,#niveauSelectOptionLittle,#niveauSelectOptionEasy,#niveauSelectOptionDifficult,#niveauSelectOptionDifficultDis
{
  height:48px;
}

#niveauSelectOptionYes,#niveauSelectOptionNo,#niveauSelectOptionLittle,#niveauSelectOptionEasy,#niveauSelectOptionDifficult,#niveauSelectOptionDifficultDis,#niveauSelectStart,#niveauSelectAudioBtn,#niveauSelectResAudioBtn
{
  background-repeat:no-repeat;
  background-position:center center;
  float:left;
  cursor:pointer;
}

#niveauSelectAudioBtn
{
  float: none;
  left: 0;
}
#niveauSelectOptionYes
{
  background:url(../images/wizard/bttnYes.png);
  width:64px;
}

#niveauSelectOptionYes:hover
{
  background:url(../images/wizard/bttnYes_HL.png);
}

#niveauSelectOptionEasy
{
  background:url(../images/wizard/bttnEasy.png);
  width:185px;
  margin:0 10px;
}

#niveauSelectOptionNo
{
  background:url(../images/wizard/bttnNo.png);
  width:64px;
  margin:0 10px 0 0;
}

#niveauSelectOptionNo:hover
{
  background:url(../images/wizard/bttnNo_HL.png);
}

#niveauSelectOptionLittle
{
  background:url(../images/wizard/bttnLittle.png);
  width:130px;
  margin:0 10px 0 0;
}

#niveauSelectOptionLittle:hover
{
  background:url(../images/wizard/bttnLittle_HL.png);
}

#niveauSelectOptionEasy:hover
{
  background:url(../images/wizard/bttnEasy_HL.png);
}

#niveauSelectOptionDifficult
{
  background:url(../images/wizard/bttnDifficult.png);
  width:175px;
}

#niveauSelectOptionDifficult:hover
{
  background:url(../images/wizard/bttnDifficult_HL.png);
}

#niveauSelectImageOuter
{
  position:relative;
  /*background:url(../images/wizard/achtergrondWit.png);
  background-repeat:no-repeat;
  width:724px;
  height:456px;*/
  top:12px;
  /*left:-23px;*/

  width: 100%;
  max-width: 697px;
  left: 0;
}

#niveauSelectImage
{
  position:relative;
  top:11px;
  /*height:428px;
  width:697px;
  left:15px;*/
  background-repeat:no-repeat;
  box-shadow:1px 4px 9px #aaa;
  
  width: 100%;
  max-width: 697px;
  background-size: contain;
  left: 0;
}

#niveauSelectImage img
{
  width: 100%;
  display: block;
}

#niveauSelectAudio
{
  height:1px;
  width:1px;
}

#niveauSelectStart
{
  /*position:absolute;*/
  /*background:url(../images/wizard/bttnChooseLevel.png);*/
  /*height:43px;*/
  /*width:194px;*/
  /*top:-48px;*/
  /*left:69px;*/
}

.loggedin-pa #niveauSelectStart
{
  top:-53px;
  left:12px;
}

#niveauSelectStart:hover
{
  background:url(../images/wizard/bttnChooseLevel_HL.png);
}

#niveauSelectResAudioBtn,#niveauSelectAudioBtn
{
  position:relative;
  height:28px;
  width:28px;
  background:url(../images/wizard/bttnAudio_ON.SVG);
}

#niveauSelectResAudioBtn:hover,#niveauSelectAudioBtn:hover
{
  background:url(../images/wizard/bttnAudio_HL.SVG);
}

#niveauSelectResAudioBtn
{
  display:none;
  top:-39px;
  left:33px;
}

.langSelect
{
  width:40px;
  height:30px;
  background-image:url(/images/talen/arrow_right.png);
  background-repeat:no-repeat;
  background-position:center left;
}

.langSelect .flag
{
  width:30px;
  height:30px;
  left:10px;
  position:relative;
  background-position:center;
  background-repeat:no-repeat;
  background-image:url(/images/talen/nl.png);
}

#headerLang
{
  position:relative;
  left:467px;
  top:-17px;
}

.langSelectWindow
{
  position:absolute;
  top:-3px;
  left:434px;
  height:353px;
  width:339px;
  background-image:url(/images/talen/kader.png);
  background-repeat:no-repeat;
  display:none;
  z-index:1001;
}

.langOption
{
  width:117px;
  height:36px;
  background-position:left bottom;
  margin-bottom:1px;
}

.langSelectWindow .col
{
  float:left;
  width:154px;
  position:relative;
  top:44px;
  left:27px;
}

.langSelectWindow .subTitle
{
  position:relative;
  top:26px;
  left:29px;
  font-size:11pt;
}

.langSelectWindow .PopUpboxTitle .CloseButton
{
  background-image:url(/images/talen/close.png);
  height:18px;
  width:19px;
  top:5px;
}

#langNL
{
  background-image:url(/images/talen/bttn_nl.png);
}

#langPL
{
  background-image:url(/images/talen/bttn_pl.png);
}

#langAR
{
  background-image:url(/images/talen/bttn_ar.png);
}

#langBG
{
  background-image:url(/images/talen/bttn_bg.png);
}

#langZH
{
  background-image:url(/images/talen/bttn_zh.png);
}

#langEN
{
  background-image:url(/images/talen/bttn_en.png);
}

#langFR
{
  background-image:url(/images/talen/bttn_fr.png);
}

#langES
{
  background-image:url(/images/talen/bttn_es.png);
}

#langRU
{
  background-image:url(/images/talen/bttn_ru.png);
}

#langRO
{
  background-image:url(/images/talen/bttn_ro.png);
}

#langTR
{
  background-image:url(/images/talen/bttn_tr.png);
}

#DemoListPopup
{
  width:632px;
  top:50%;
  left:50%;
  margin-left:-316px;
  margin-top:-277px;
}

#DemoListPopup .PopUpboxBody
{
  font-size:120%;
}

#DemoListPopup .PopUpboxBody p,#DemoListPopup .PopUpboxBody h1
{
  margin:10px 5px;
}

#DemoListPopup #programs
{
  width:664px;
  list-style:none;
  height:auto;
  margin:0;
}

#DemoListPopup #programs li
{
  float:left;
  background:#ccd6eb;
  border-radius:8px;
  -moz-border-radius:8px;
  width:128px;
  height:53px;
  position:relative;
  cursor:pointer;
  margin:5px;
  padding:7px 6px 6px;
}

#DemoListPopup #programs li:hover
{
  background-color:#5a7bbd;
}

#DemoListPopup #programs li:hover *
{
  color:#e0e8ff!important;
}

.TablePre
{
  background:#5c7cbe;
  overflow:auto;
}

.TablePre .Left,.TablePre .Right,.TablePost .Left,.TablePost .Right
{
  line-height:32px;
}

.TablePre .Left,.TablePost .Left
{
  float:left;
  width:90%;
  font-size:130%;
  font-weight:normal;
  color:#fff;
  padding-left:10px;
}

.TablePre .Left
{
  background:url(../images/TablePreHeadLeft.gif) no-repeat left top;
}

.TablePre .Right
{
  background:url(../images/TablePreHeadRight.gif) no-repeat right top;
}

.TablePost .Left
{
  background:url(../images/TableFooterLeft.gif) no-repeat left bottom;
}

.TablePost .Right
{
  background:url(../images/TableFooterRight.gif) no-repeat right bottom;
}

.TableWrapper
{
  background:#c0cce6;
  padding:0;
}

.TableWrapper table thead th
{
  color:#5c7cbe;
  text-align:left;
  line-height:26px;
  font-size:130%;
  padding:3px 0;
}

.TablePlaceholder
{
  line-height:26px;
  font-size:130%;
  border:1px solid #ddd;
  border-radius:10px;
  padding:1em;
}

.TableWrapper table tbody tr.Row td
{
  line-height:22px;
  background:transparent;
  padding:5px 3px;
}

.TableWrapper table tbody tr.Row td.Alt
{
  background:#fbfbfb;
}

.TableWrapper table tbody tr.Spacer td
{
  font-size:4px;
  line-height:4px;
  padding:0;
}

#ResultView .Results
{
  text-align:left;
}

#ResultView .Results>span
{
  display:inline-block;
  text-align:center;
  border:1px solid #999;  
  width:14px;
  height:14px;
  margin:1px;
}
#ResultView .Results>div.Fancy{
  display:inline-block;
  text-align:center;  
  border: 1px solid #cad3e3!important;
  border-width: 1px 1px !important;
  width:23px;
  height:23px;
  margin:1px;
  margin-right: 3px;
}

#ResultView .Results .Correct,#LearningRouteView .Results .Correct
{
  background-color:#90c68a;
  color:#90c68a;
}
#ResultView .Results .Correct.Fancy,#LearningRouteView .Results .Correct.Fancy
{
  background-color:rgb(58, 179, 74);
  color:rgb(58, 179, 74);
  margin-right: 3px;
}

#ResultView .Results .Wrong,#LearningRouteView .Results .Wrong
{
  background-color:#df5869;
  color:#df5869;
}
#ResultView .Results .Wrong.Fancy,#LearningRouteView .Results .Wrong.Fancy
{
  background-color:rgb(200, 20, 68);
  color:rgb(200, 20, 68);
  margin-right: 3px;
}

.faqcoach
{
  position:absolute;
  bottom:0;
  right:50px;
  z-index:12;
}

.loggedin-pa .faqcoach.faqcoach-view
{
  right:-100px;
}

#coachContainer
{
  position:absolute;
  bottom:-35px;
  left:-20px;
  z-index:3;
  overflow:hidden;
}

.loggedin-pa #coachContainer
{
  left:-100px;
  top:192px;
}

#the_coach_containers
{
  position: absolute;
  bottom: 0;
  right: -15px;
  z-index: 3;
  overflow: hidden;
}

#coach_container_welcome,#coach_container_how_website_works,#coach_container_how_to_login
{
  position:relative;
}

#coach_container_welcome .close_btn,#coach_container_how_website_works .close_btn,#coach_container_how_to_login .close_btn,#coach_container_welcome .text_balloon,#coach_container_how_website_works .text_balloon,#coach_container_how_to_login .text_balloon,#coach_container_welcome .coach_head,#coach_container_how_website_works .coach_head,#coach_container_how_to_login .coach_head,#coach_container_welcome .coach_tv,#coach_container_how_website_works .coach_tv,#coach_container_how_to_login .coach_tv,#coach_container_welcome .coach_tv_text,#coach_container_how_website_works .coach_tv_text,#coach_container_how_to_login .coach_tv_text
{
  position:absolute;
}

#coach_container_welcome .coach_tv_text,#coach_container_how_website_works .coach_tv_text,#coach_container_how_to_login .coach_tv_text
{
  z-index:4;
}

#coach_container_welcome .coach_tv,#coach_container_how_website_works .coach_tv,#coach_container_how_to_login .coach_tv
{
  z-index:5;
}

#coach_container_welcome .close_btn,#coach_container_how_website_works .close_btn,#coach_container_how_to_login .close_btn
{
  z-index:3;
  display:none;
}

img.text_balloon
{
  z-index:2;
}
p.text_balloon
{
  z-index:3;
}

#coach_container_welcome .coach_head,#coach_container_how_website_works .coach_head,#coach_container_how_to_login .coach_head
{
  z-index:1;
}

#coach_container_welcome
{
  width:240px;
  height:188px;
  overflow:hidden;
}
body.sbcm #coach_container_welcome
{
  width: 170px;
  height: 218px;
}

#coach_container_welcome .close_btn
{
  top:7px;
  left:116px;
}

#coach_container_welcome .coach_head
{
  bottom:0;
  left:100px;
}
body.sbcm #coach_container_welcome .coach_head
{
  left: 30px;
}

#coach_container_how_website_works
{
  width:280px;
  height:235px;
  overflow:hidden;
}

#coach_container_how_website_works .close_btn
{
  top:10px;
  left:137px;
}

#coach_container_how_website_works .coach_head
{
  top:70px;
  left:120px;
}

#coach_container_how_website_works .coach_tv
{
  opacity:.5;
  top:140px;
  left:45px;
}

#coach_container_how_website_works .coach_tv_text
{
  width:120px;
  /*color:#fff;
  background-color:#000;
  */
  border: 2px solid #cad3e3;
  border-radius: 4px;
  opacity:0;
  font-size:15px;
  text-align:center;
  top:130px;
  left:5px;
  /*text-indent:7px;
  padding:8px 0;*/
  padding: 60px 0 5px 0;
}

#coach_container_how_to_login
{
  width:200px;
  height:450px;
  overflow:hidden;

  position: absolute;
  bottom: 0;
  right: 0;
  height: 389px
}

#coach_container_how_to_login .close_btn
{
  top:18px;
  left:163px;
  z-index:10;
}
body.sbcm #coach_container_how_to_login .close_btn
{
  top: auto;
  bottom: 213px;
}
#coach_container_how_to_login img.text_balloon
{
  bottom: 147px;
  left: 20px;
}
body.sbcm #coach_container_how_to_login img.text_balloon
{
  top: auto;
  bottom: 127px;
}

#coach_container_how_to_login .coach_head
{
  bottom: 0;
  left:40px;
}

p.text_balloon
{
  top: 20px;
  left: 15px;
  width: 120px;
  font-size: 15px;
  line-height: 19px;
  font-weight: 600;
  display: none;
}
body.sbcm #coach_container_how_to_login p.text_balloon
{
  top: auto;
  bottom: 170px;
}

#coach_container_how_to_login p.text_balloon
{
  font-size: 14px;
  line-height: 18px;
  left: 38px;
  width: 150px;
}
#coach_container_how_website_works p.text_balloon
{
  width: 140px;
}


#Content
{
  /*float:left;
  position:relative;
  width:620px;*/
  color:#002e5e;
}

.loggedin-pa #Content
{
  padding-left:0;
}

body.about #Content
{
  width: 100%;
  float: left;
}

.ProfAccView
{
  position:relative;
  width:100%;
  left:0;
  margin-left:0;
  margin-bottom: 2em;
}

.ProfAccView h1
{
  font-size:16px;
  color:#00bdf2;
  margin:8px 0 15px;
}

.ProfAccView p
{
  font-size:18px;
  color:#002e5e;
  margin:1em 0;
}

.ProfAccView .Item
{
  display:inline-block;
  line-height:17px;
  padding-left:24px;
  background-position:left top;
  background-repeat:no-repeat;
  margin-right: 15px;
  /*white-space:nowrap;*/
}

.FormHeader .Label
{
  font-weight:bold;
  display:inline-block;
  width:100px;
}

form .Right
{
  text-align:right;
}

form .TextBox
{
  border:1px solid #333;
  padding:2px;
}

.FormPre .Left,.FormPre .Right,.FormPost .Left,.FormPost .Right
{
  line-height:10px;
  font-size:10px;
}

.FormPre .Left,.FormPost .Left
{
  float:left;
  width:90%;
  padding-left:10px;
}

.FormPre .Left
{
  background:url(../images/FormHeaderLeft.gif) no-repeat left top;
}

.FormPre .Right
{
  background:url(../images/FormHeaderRight.gif) no-repeat right top;
}

.FormPost .Left
{
  background:url(../images/FormFooterLeft.gif) no-repeat left bottom;
}

.FormPost .Right
{
  background:url(../images/FormFooterRight.gif) no-repeat right bottom;
}

.FormWrapper
{
  background:#c0cce6;
  padding:0 10px;
}

.ProfAccDelete
{
  display:inline-block;
  width:16px;
  height:16px;
  background:url(../images/Delete.png) no-repeat left top;
  text-decoration:none;
}

.ProfAccDelete:hover
{
  background:url(../images/Delete.png) no-repeat left bottom;
}

#ProfAccMenuView
{
  float:left;
  width:0;
  margin-top:7px;
}

body.faq #ProfAccMenuView
{
  /*display: none;*/
}

#ProfAccMenu
{
  background-color:#e6eaf5;
}

.ProfAccMenu
{
  border:1px solid #ccc;
  border-radius:10px;
  font-size:17px;
  overflow:hidden;
  margin-bottom:2em;
  padding:0;
}

.ProfAccMenu h2
{
  color:#fff;
  background-color:#a1b3da;
  border-bottom:1px solid #ccc;
  font-size:inherit;
  padding:8px 10px;
}

.ProfAccMenu > a,
.ProfAccMenu div a
{
  display:block;
  color:#666;
  text-decoration:none;
  font-size:inherit;
  padding:10px;
}

.ProfAccMenu .Status
{
  font-size:80%;
  font-weight:bold;
}

#FreePractice
{
  background-image:url(../images/zelf_oefenen.png);
  background-repeat:no-repeat;
  display:block;
  width:189px;
  height:133px;
  cursor:pointer;
  margin:7px auto;
}

#HomeworkView #HomeworkList .Col3
{
  width:10%;
}

#HomeworkView #HomeworkList tr.DoneRow
{
  color:#999;
}

#HomeworkView #HomeworkList span.Item
{
  background-image:url(../images/HomeworkArrowDone.png);
}

#HomeworkView #HomeworkList a.Item
{
  background-image:url(../images/HomeworkArrow.png);
}

#MessageView #MessageList .Col1
{
  width:45%;
}

#MessageView #MessageList .Col2
{
  width:30%;
}

#MessageView #MessageList .Col3
{
  width:20%;
}

#MessageView #MessageList .Col4
{
  width:5%;
  text-align:right;
}

#MessageView #MessageList a.Replied
{
  background-image:url(../images/MessageReplied.png);
}

#MessageView #MessageList a.Closed
{
  background-image:url(../images/MessageClosed.png);
}

#MessageView #MessageList a.Opened
{
  background-image:url(../images/MessageOpened.png);
}

#MessageView #MessageList a.Helpdesk
{
  background-image:url(../images/MessageHelpDesk.png);
}

#MessageView #MessageList a.Sent
{
  background-image:url(../images/MessageSent.png);
  max-width: 370px;
  text-overflow: ellipsis;
  overflow: hidden;
}

#MessageView .MessageText
{
  background:#fff;
  min-height:200px;
  padding:10px;
}

#ForumView #ForumList .Col1
{
  width:39%;
}

#ForumView #ForumList .Col3
{
  width:15%;
  text-align:center;
}

#ForumView #ForumList a.Forum
{
  background-image:url(../images/ForumMessage.png);
}

#ForumView .ButtonBar
{
  margin: 0;
    padding: 0;
}
#ForumView .ButtonBar h1
{
  float: left;
}
#ForumView .ButtonBar a
{
  color: #fff;
}

#ForumView .SubjectLine
{
  margin: 10px 0 20px 110px;
  min-height: 33px;
}

#ForumView div.FormLine
{
  margin-left: 110px;
}
#ForumView form label
{
    font-weight: 600; /*semibold*/
    display: inline-block;
}
#ForumView form label
{
    width: 100px;
    margin-top: 6px;
}
#ForumView .SubjectLine label
{
  position: absolute;
  left: 0;
    width: 110px;
}

#ForumView input#subject
{
  width: 100%;
  max-width: 500px;
  padding: 6px 3px;
  float: right;
  border: 2px solid #cad3e3;
}
#ForumView textarea
{
  min-height: 120px;
  border: 2px solid #cad3e3;
  width: 500px;
}

#ChatView h1
{
  display:inline-block;
  padding-right:3em;
  margin:0;
}

#ChatView .TableBorder
{
  border:2px solid #ddd;
}

#ChatView #ChatMessages
{
    width: 440px;
    max-width: 440px;
    height: 200px;
    float: left;
    overflow-x: hidden;
    overflow-y: scroll;
    margin: 0;
    padding-left: 10px;
    border: 2px solid #cad3e3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#ChatView .FromName
{
  width: 80px;
}

#ChatView #ChatBg
{
  border:none;
  position: relative;
  height: 450px;
  background: none;
  margin-right: 5px;
  margin-bottom: 20px;
}

#ChatView .ChatHeader
{
  text-indent: 0;
  margin: 0;
  color: #002e5e;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  font-weight: normal;
  border-top: 2px solid #cad3e3;
}
#ChatBg > .ChatHeader
{
    width: 450px;
}

#ChatView #ChatUsersBg
{
  float:right;
  width: 155px;
  height: 293px;
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  margin-top: 0;
}

#ChatView #ChatUsers
{
  width: 150px;
  padding-left: 5px;
  height: 195px;
  padding-top: 5px;
  margin: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  border: 2px solid #cad3e3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#ChatView #ChatInput
{
  margin: 15px 0 0 0px;
  xwidth: 450px;
  float: left;
}

#ChatView #ChatInput #ChatText {
  width: 450px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#ChatView #ChatInput tfoot td
{
  padding-top:10px;
}

#ChatView #ChatMessages p,#ChatView #MessageView p
{
  margin:0;
  padding:0;
}

#ChatView .TableWait
{
  text-align:left;
  font-size:85%;
  color:silver;
}

table.ChatBody
{
    width: 100%;
}

.ProfAccView .defaultSkin span.mceIcon, .ProfAccView .defaultSkin img.mceIcon, .ProfAccView .defaultSkin .mceButton
{
  width: 22px !important;
  height: 22px !important;
}


#MessagesBody p
{
  line-height: 20px;
}

#MediaLinkView #MediaLinkHeader
{
  padding-left:80px;
  background-position:left top;
  background-repeat:no-repeat;
  color:#039;
}

#MediaLinkView #MediaLinkHeader h2
{
  font-size:150%;
  margin:0;
  padding:0;
}

#MediaLinkView p
{
  color:#666;
  margin:1em 0;
}

#MediaLinkView a
{
  color:#000;
  font-size:125%;
}

#MediaLinkView .Video
{
  background-image:url(../images/MediaLinkVideo.png);
}

#MediaLinkView .Document
{
  background-image:url(../images/MediaLinkDocument.png);
}

#MediaLinkView .URL
{
  background-image:url(../images/MediaLinkURL.png);
}

#PlusAccWelcome
{
  background:#fff;
  /*width:524px;*/
  z-index:100;
  padding-left:0;
}

#PlusAccWelcome>:first-child
{
  margin-top:0;
}

#PlusAccWelcome h1:first-child
{
  padding-top:9px;
}

#PlusAccWelcome h2
{
  font-size: 20px;
  font-weight: normal;
}

#PlusAccWelcome #customer-news
{
  width:498px;
  max-width:498px;
  display:none;
  /*position:absolute;*/
  border:2px solid #cad3e3;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  bottom:auto;
  padding: 8px 0;
}

#PlusAccWelcome #customer-news div
{
  padding: 5px 12px;
}

#PlusAccWelcome #customer-news .news-title
{
  background-color:#a1b3da;
  color:#fff;
  border-radius:10px 10px 0 0;
  background:transparent;
  border:none;
  font-size: 20px;
  font-weight: normal;
  border-color:#ccc;
  border-style:solid;
  border-width:0; /*1px 1px 0;*/
}

#PlusAccWelcome #customer-news .news-text
{
  border-radius:0 0 10px 10px;
  border:0;
  font-size:100%;
  border-color:#ccc;
  border-style:solid;
  border-width:0; /*0 1px 1px;*/
}

#PlusAccWelcome #customer-news .news-text p
{
  font-size: 100%; /* 16px */
  line-height: 24px;
  margin:auto;
}

.Box .Button
{
  background:#666;
  color:#fff;
  text-decoration:none;
  line-height:33px;
  padding:6px 12px;
}

#LearningRouteView #Name
{
  color:#888;
}

#LearningRouteView h3
{
  font-size:125%;
  border-bottom:1px solid #ccc;
  margin:1em 0 0;
}

#LearningRouteView h4
{
  font-size:100%;
  font-weight:normal;
}

#LearningRouteView .Box
{
  position:relative;
  width:595px;
}

#LearningRouteView .Box #LessonList
{
  list-style:none;
  /*background:url(../images/LearningRouteLessonList.png) repeat-x;*/
  display:inline-block;
  margin:0;
  padding:0;
}

#LearningRouteView .Box #LessonList li
{
  display:inline;
  zoom:1;
  width:41px;
  text-align:center;
}

#LearningRouteView .Box #LessonList li a
{
  display:block;
  background:#bccde7;
  border-radius:5px 5px 5px 5px;
  color:#000;
  border:1px solid #bccde7;
  padding:12px 3px;
}

#LearningRouteView .Box #LessonList li a.Selected
{
  display:block;
  background:#fff;
  border-radius:5px 5px 0 0;
  color:#000;
  border:1px solid #666;
  border-bottom:1px solid transparent;
  padding:12px 10px;
}

#LearningRouteView .Box #LessonList li div.Selected
{
  border-left:1px solid #666;
  border-right:1px solid #666;
  background:#fff;
}

#LearningRouteView #LessonView
{
  margin-top:-3px;
  border:1px solid #666;
  padding:15px;
}

#LearningRouteView #LessonView a.Item
{
  background-image:url(../images/HomeworkArrow.png);
  background-position:left top;
}

#LearningRouteView .LearningSection tr
{
  border-bottom:1px solid #ccc;
}

#LearningRouteView .LearningSection tr.TableHeader td
{
  font-size:120%;
  color:#039;
  font-weight:bold;
  padding-top:0;
  padding-bottom:0;
}

#LearningRouteView .LearningSection td
{
  line-height:20px;
  padding:4px 4px 4px 0;
}

#LearningRouteView .LearningSection .Title
{
  width:52%;
}

#LearningRouteView .LearningSection .Title>div
{
  width:95%;
  overflow:hidden;
}

#LearningRouteView .LearningSection .Results
{
  width:38%;
  white-space:nowrap;
}

#LearningRouteView .LearningSection .Results>span
{
  display:inline-block;
  width:18px;
  height:18px;
  text-align:center;
  margin-right:1px;
  border:1px solid #999;
}

#LearningRouteView .LearningSection .Done
{
  width:10%;
  text-align:center;
}

#LearningRouteView .LearningRouteList a
{
  display:inline-block;
  width:100%;
  line-height:normal;
  text-decoration:none;
  margin:6px 0;
  padding:9px 0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,#donate-form label
{
  display:block;
}

a:hover,a:active,a,a:active,#LoginRegisterPopup input:required,#LoginRegisterPopup-sw input:required
{
  outline:none;
  box-shadow: none;
}

nav ul,nav li,button,input,select,textarea
{
  margin:0;
}

small,#LearningRouteView .Box #LessonList li div
{
  font-size:50%;
}

textarea
{
  overflow:auto;
}
#ChatView #Chat
{
  overflow-x: hidden;
  overflow-y: auto;
}

input[type="radio"],.ie6 input
{
  vertical-align:text-bottom;
}

.radio-holder>div
{
  float:left;
}

#logo-home:hover,#programs-holder #programs .empty:hover,#DemoListPopup #programs .empty:hover
{
  background:none;
}

#login label,#login input,.ie6 #back-button,.ie7 #back-button,.ie6 #faq-list .more,.ie7 #faq-list .more
{
  display:block;
  float:left;
}

#login button:hover,#status a:hover,.Button:hover,#login-button a:hover,#login-button-sw a:hover,#contact-form button:hover
{
  background:#00bdf2;
  border:1px solid #00bdf2;
  color:#fff;
}

#status a,.Button,#back-button,#back-button:visited,#faq-list .more,#faq-list .more:visited
{
  background:#666;
  color:#fff;
  border:1px solid #666;
  text-decoration:none;
  padding:2px 4px;
}

#breadcrumbs a:hover,#program-info #program-buttons a:hover,#program-info #program-buttons a#start-button:hover,#programs-holder #programs a:hover,#DemoListPopup #programs a:hover
{
  text-decoration:underline;
}

#category-program-list #geld,.Box .Button :hover
{
  background:#00bdf2;
}

h1,h2,#program-list a:hover,.FormHeader
{
  color:#039;
}

#faq-list li:hover,#program-list li:hover
{
  list-style-image:url(../images/faq-list-item-hover.png);
}

#program-list-holder p,#series-holder p
{
  margin:10px 0;
}

#program-list a,.programsTable tr td a,.programsTable tr td a:visited,#HomeworkView #HomeworkList table a
{
  color:#002e5e;
}

#programs-holder,#results-holder,#results
{
  width:734px;
}

.loggedin-pa #programs-holder #programs,.loggedin-pa #DemoListPopup #programs
{
  margin:0 0 0 -7px;
}

.ie6 #programs-holder #programs li,.ie7 #programs-holder #programs li,.ie8 #programs-holder #programs li,.ie6 #DemoListPopup #programs li,.ie7 #DemoListPopup #programs li,.ie8 #DemoListPopup #programs li
{
  background:url(../images/programs-item-bg.png) top left no-repeat;
}

#programs-holder #programs li img,#DemoListPopup #programs li img
{
  width:144px;
  height:110px;
  display:block;
}

#programs-holder #programs li.empty,#DemoListPopup #programs li.empty
{
  display:none;
}

#programs-holder #programs .round-corners,#DemoListPopup #programs .round-corners
{
  position:absolute;
  top:60px;
  left:6px;
}

#programs-holder #programs .placeholder,#DemoListPopup #programs .placeholder
{
  opacity:.3;
}

.ie6 #programs-holder #programs .placeholder,.ie7 #programs-holder #programs .placeholder,.ie8 #programs-holder #programs .placeholder,.ie6 #DemoListPopup #programs .placeholder,.ie7 #DemoListPopup #programs .placeholder,.ie8 #DemoListPopup #programs .placeholder
{
  filter:alpha(opacity=30);
}

#programs-holder #programs h3,#DemoListPopup #programs h3
{
  font-size:14px;
  color:#039;
}

#programs-holder #programs .serie-title,#DemoListPopup #programs .serie-title
{
  color:#5a7bbd;
}

#programs-holder #programs a,#DemoListPopup #programs a
{
  display:block;
  float:left;
  font-size:14px;
  color:#369;
  text-decoration:none;
  margin:5px 10px 0 0;
}

#programs-holder #programs .start,#DemoListPopup #programs .start
{
  width:65px;
  height:21px;
  line-height:21px;
  text-align:center;
  color:#fff;
  text-transform:uppercase;
  background:#333;
  border-radius:4px;
  -moz-border-radius:4px;
  margin:4px 2px 0 0;
}

#programs-holder #programs .start-demo,#DemoListPopup #programs .start-demo
{
  float:right;
  margin-right:1px;
}

#LoginRegisterPopup .CloseButton,#LoginRegisterPopup-sw .CloseButton,.CloseButton
{
  display:inline-block;
  height:24px;
  width:25px;
  text-decoration:none;
  /*background:url(../images/login-register-close.png) top left no-repeat;*/
  background:url(/images/svg/closeButton.svg) top left no-repeat;
}

#VideoPopup .CloseButton {
  display:inline-block;
  height:24px;
  width:25px;
  text-decoration:none;
  background:url(/images/svg/closeButton_white.svg) top left no-repeat;
  background-size: 24px 25px;
}

#LoginRegisterPopup .CloseButton:hover,#LoginRegisterPopup-sw .CloseButton:hover,#CloseCamButton:hover,.CloseButton:hover
{
  /*background:url(../images/login-register-close.png) top right no-repeat;*/
}

#LoginRegisterPopup #PasswordRecovery,#LoginRegisterPopup-sw #PasswordRecovery,#LoginRegisterPopup #Register,#LoginRegisterPopup-sw #Register,#LoginRegisterPopup-sw #RegisterCompleted,#LoginRegisterPopup #RegisterButton,#LoginRegisterPopup #RegisterSWButton
{
  background-color:#efefef;
}

.loggedin-pa #profile-view h1,#ResultView h1
{
  color:#00bdf2;
  margin:8px 0 15px;
}

.loggedin-pa #profile-view .FormLine,.FormLine,.FormHeader
{
  padding:5px 0;
}

#faq-help
{
  width:500px;
}
#Profile
{
  width:90%;
}

#Profile .FormLine,#ChatView #ChatButtons
{
  margin-bottom:10px;
}

.loggedin-pa #faq-help input[type="text"],.loggedin-pa #faq-help label,.loggedin-pa #faq-help textarea,.loggedin-pa #faq-help input[type="text"]
{
  width:227px;
}

.resultscontainerheader .closeButton:hover,#HomeworkView #HomeworkList a.Item:hover,#LearningRouteView #LessonView a.Item:hover
{
  background-position:left bottom;
}

.TablePost,.FormPre,.FormPost
{
  background:#c0cce6;
  overflow:auto;
}

.TablePre .Right,.TablePost .Right,.FormPre .Right,.FormPost .Right
{
  float:right;
  width:3%;
}

.TableWrapper table thead th.Alt,.TableWrapper table tbody tr.Spacer td.Alt
{
  background:#d0d7e5;
}

#ResultView #ResultsList .Col3,#ResultView #ProgramList .Col2
{
  width:225px;
}

#ResultView .ButtonBar,.ProfAccView .ButtonBar
{
  overflow:auto;
  margin:10px 0;
  padding:0 10px;
}

img.text_balloon
{
  top:0;
  left:0;
}

#MessageView #ConversationList .Col1,#ForumView #ForumList .Col2,#ForumView #ForumMessageList .Col1
{
  width:25%;
}

#MessageView #ConversationList .Row td.Col1,#ForumView #ForumMessageList .Row td.Col1
{
  background:#ced5e5;
}

#MessageView #ConversationList .Col1 .DateTime,#ForumView #ForumMessageList .Col1 .DateTime
{
  font-size:75%;
  color: #cad3e3;
}

#MessageView #ConversationList .Col2,#ForumView #ForumMessageList .Col2
{
  width:75%;
}

#ChatView #ChatButtons a img,#ChatView .NoBorder,#LearningRouteView .LearningSection tr.TableHeader
{
  border:none;
}

html,footer #topribbon
{
  background-color: #c91e4e;
  background-image:none;
}

body,button
{
  font-size:14px;
  font-family:'Rethink Sans', sans-serif;
}

h1,h2,a,a:visited
{
  color:#002e5e;
}

a#start-button,a#start-button:visited,#faq-help button,.Button
{
  background:#002e5e url(../images/svg/Arrow_right.svg) no-repeat 122px 10px;
  background-size:15px;
  color:#fff;
  border:1px solid #002e5e;
  text-decoration:none;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  height:auto;
  font-weight:600;
  padding: 7px 30px 9px 20px;
}

#faq-help button
{
  background-position: 110px 11px;
  width: 130px;
}
a#start-button:hover,.Button:hover,#profile-view .Button:hover
{
  background:#002e5e url(../images/svg/Arrow_right.svg) no-repeat 122px 10px;
  background-size:15px;
  border:1px solid #002e5e;
}

#headerimg
{
  width:150px;
  height:30px;
  background:transparent;
  display:inline-block;
}

nav a,nav a:visited
{
  font-weight:600;
  font-size:16px;
  margin-right:10px;
  color:#002e5e;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:2px 10px;
}

header nav li:last-child a
{
  /*
  margin-right:0;
  margin-left:20px;
  */
}

nav a
{
/*  margin-top:18px;*/
}

nav > a#nav-home
{
  background:inherit;
  margin:0;
  padding:0;
}

nav a.login
{
  margin-top:9px;
  margin-right:0;
  background:#002e5e;
  color:#fff;
  border:2px solid #002e5e;
  text-decoration:none;
  padding:9px 25px;
  float: right;
}

#LoginRegisterPopup .CloseButton,#LoginRegisterPopup-sw .CloseButton
{
  top:5px;
  right:10px;
  z-index: 10;
}

.TableWrapper,.TableWrapper table thead th.Alt
{
  background:transparent;
}

.TableWrapper table thead tr
{
  border-top:2px solid #cad3e3;
  border-bottom:2px solid #cad3e3;
}

.TableWrapper table thead th,#LearningRouteView .LearningSection tr.TableHeader td
{
  color:#c91e4e;
  text-align:left;
  line-height:26px;
  font-size:16px;
}

.TableWrapper table tbody tr.highlight
{
  background-color:#eaedf4;
}

#breadcrumbs
{
  /*position:relative;*/
  top:0;
  left:0;
  /*width:940px;*/
  border-bottom-width:0;
  margin:0 auto;
  padding:10px 0 0;
}

img.LicenceLogo
{
  margin-bottom: 1em;
  height: 60px;
}

#home
{
  position: relative;
  z-index: 2;
}

#home #passing-by-bro
{
  width: 200px;
  height: auto;
  display: block;
  margin: 0 auto;
}

#video
{
  background:#002e5e;
  color:#fff;
  border:20px solid #002e5e;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
}


#home #video
{
  width:420px;
  height:245px;
}
#promo #video
{
  background: #002e5e;
  border: 0;
}

#welcome
{
  width:340px;
  color:#002e5e;
}

#welcome h1
{
  font-size:24px;
  font-weight:600;
}

#welcome p
{
  line-height:26px;
  margin:10px 0;
}

#series-list
{
  width:100%;
  height:240px;
  background:#cad3e3;
}

ul.button-list, ul.topmenu
{
  list-style-type:none;
  /*margin:0 auto;*/
}

#series-list ul
{
  width:940px;
  padding-top:30px;
}

#loggedin-program-list
{
  /*width:640px;*/
  /*margin:0 0 0 -16px;*/
}

ul.button-list li
{
  position:relative;
  display:inline-block;
  /*width:192px;
  height:180px;*/
  width:253px;
  height:211px;
  float:left;
  margin-left:19px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  background:#fff;
  cursor:pointer;
}
ul#loggedin-program-list.button-list li
{
  float: none;
  margin-left: 30px;
}

ul.button-list li a
{
  display:block;
  width:253px;
  height:27px;
  padding-top:10px;
  padding-bottom: 5px;
  position:absolute;
  font-size:21px;
  bottom:0;
  color:#fff;
  text-decoration:none;
  background-color:#004;
  -webkit-border-bottom-right-radius:8px;
  -webkit-border-bottom-left-radius:8px;
  -moz-border-radius-bottomright:8px;
  -moz-border-radius-bottomleft:8px;
  border-bottom-right-radius:8px;
  border-bottom-left-radius:8px;
  background:#002e5e url(../images/svg/Arrow_right.svg) no-repeat 166px 17px;
  background-size:14px;
}

#series-list ul.button-list li:first-child
{
  margin-left:0;
}

#series-list ul li,#loggedin-program-list li
{
  background-color:#fff;
  background-position:left top;
  background-repeat:no-repeat;
  background-size:253px 170px;
}

#loggedin-program-list li
{
  background-color:#ddf;
  margin-bottom:15px;
}
#loggedin-program-list li a
{
  background:#002e5e;
  text-align: center;
  transition-property: none;
  transition-duration: .2s;
  transition-timing-function: linear;
}
#loggedin-program-list li a:hover
{
  color:#fff!important;
  background:#c91e4e;
}


li#taal
{
  background-image:url(/images/homepage/202008/taal.jpg);
}

li#rekenen_geld
{
  background-image:url(/images/homepage/202008/rekenen_en_geld.jpg);
}

li#computer_en_internet
{
  background-image:url(/images/homepage/202008/computer_en_internet.jpg);
}

li#gezond_leven
{
  background-image:url(/images/homepage/gezond_leven_201908.jpg);
}

li#samenleving
{
  background-image:url(/images/homepage/202008/samenleving.jpg);
}

li#alle_programmas
{
  background-image:url(/images/homepage/202008/alle_programmas.jpg);
}


li#solliciteren
{
  background-image:url(/images/homepage/sbcm_solliciteren.jpg);
}

li#werk
{
  background-image:url(/images/homepage/werk.jpg);
}

li#nieuw
{
  background-image:url(/images/homepage/mijn_overheid_home.png);
}
li#handigeherman
{
  background-image:url(/images/homepage/sbcm_handige_herman.jpg);
}

#loggedin-program-list li#nieuw
{
  /*
  width:136px;
  height:176px;
  border:2px solid #cad3e3;
  */
}
#loggedin-program-list li#gezond_leven
{
  /*clear: left;*/
}

/*#handigeherman a,*/
#rekenen_geld a
{
  /* padding-top:5px; */
  /* height:45px; */
}

ul.button-list li.nieuw a
{
  background-color:#c04;
  color:#fff;
}

#loggedin-program-list li#nieuw a
{
  /*
  left:-2px;
  bottom:-2px;
  */
}

.overlay
{
  background:#002e5e;
  position: fixed !important;
  top:0;
  left:0;
  z-index:50;
  width: 100% !important;
  height: 100% !important;
}

#small_LoginRegisterPopup,#small_LoginRegisterPopup-sw
{
  width:500px;
  margin-left:-250px;
}

#LoginRegisterPopup #RegisterHeader
{
  /*border-top:1px solid #cad3e3;*/
  padding-top:10px;
}

#LoginRegisterPopup #Register
{
  background:inherit;
}

#LoginRegisterPopup h2 span
{
  float:right;
  display:inline-block;
  width: 52.4%; /*width:51%;*/
  font-size:16px;
  line-height:28px;
}

#LoginRegisterPopup input:-webkit-autofill
{
  -webkit-box-shadow:0 0 0 1000px #FFF inset;
}

#LoginRegisterPopup .FormLine,#LoginRegisterPopup-sw .FormLine
{
  overflow:auto;
  padding:.4em 0;
}

#LoginRegisterPopup .Button,#LoginRegisterPopup-sw .Button
{
  width:140px;
  text-align:left;
  background-position: 118px 11px;
}

.prof-acc-spot-color
{
  color:#002e5e!important;
}

h1.prof-acc-spot-color,#ResultView h1,.ProfAccView h1,#profile-view h1,.loggedin-pa #profile-view h1
{
  color:#002e5e;
  font-size:28px;
  font-weight:normal;
  margin:0 0 20px;
}

.rating
{
  position:absolute;
  right:5px;
  top:19px;
}

#program-details .rating
{
  top: 2px;
}

#program-details
{
  min-height: 440px;
}

.programsTable tr td
{
  padding-top:15px;
}

.programsTable tr.noborder td
{
  padding-top:0;
}

.programsTable tbody tr.noborder
{
  border-top:0;
}

.programsTable tr td a.start-button,.programsTable tr td a.start-button:visited
{
  position:absolute;
  right:0;
  top:2px;
}

.programsTable tr td a.start-button,.programsTable tr td a.start-button:visited,#ProgramList tr td a.start-button,#ProgramList tr td a.start-button:visited
{
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  height:40px;
  width:120px;
  display:inline-block;
  font-size:16px;
  font-weight:600;
  line-height:36px;
  color:#fff;
  text-decoration:none;
  text-indent:15px;
  background:#002e5e url(../images/svg/Arrow_right.svg) no-repeat 102px 12px;
  background-size:14px;
}
#niveauSelectStartSmall a,
#niveauSelectStart a
{
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:7px;
  text-align: left;
  height:60px;
  width:144px;
  display:inline-block;
  font-size:16px;
  font-weight:600;
  line-height:36px;
  color:#fff;
  text-decoration:none;
  text-indent:8px;
  background: #c91e4e url(../images/svg/taalniveau_knop.svg) no-repeat 4px 0px;
  background-size: 144px 55px
}

#ProgramList tr td a.start-button,#ProgramList tr td a.start-button:visited
{
  width:120px;
  height:40px;
  font-size:16px;
  line-height:38px;
  background-position: 102px 11px;
}

#program-info,.loggedin-pa #program-info
{
  width:100%;
  height:inherit;
  margin:0;
  padding:0;
}

#program-info #program-details,.loggedin-pa #program-info #program-details
{
  width:100%;
  max-width:460px;
  height:inherit;
  margin-bottom:2em;
  position:relative;
  /*font-size:16px;*/
  font-size: 18px;
  font-weight:normal;
  line-height:26px;
  float:left;
  background:transparent;
  padding:0;
}

#program-info #program-buttons,.loggedin-pa #program-info #program-buttons
{
  width:100%;
  height:36px;
  line-height:43px;
  position:relative;
  bottom:0;
  right:0;
  font-size:20px;
  top:auto;
  border-top:2px solid #cad3e3;
  margin-top:30px;
}


#ResultView,.loggedin-pa #ResultView
{
  width:100%;
  margin:0 0 2em 0;
}

#program-details a#start-button,#program-details a#start-button:visited
{
  /*height:18px;*/
  font-size: 17px;
  height: 20px;
  line-height: 20px;


  width:90px;
  /*line-height:100%;*/
  text-indent:0;
  margin-top:20px;
}

a.show-workbook,a.show-promo,a.start-demo
{
  margin-right:30px;
}

#promo #video
{
  /* width:570px; */
  max-width: 570px;
  /* height:320px; */
  margin: auto;
}

#Profile .FormLine
{
  margin-bottom:7px;
}

#profile-view .Button,#Profile .Button
{
  display:block;
  text-align:left;
}

#profile-view .Button
{
  width:100px;
}

#Profile .Button,
#ForumView div.FormLine .Button,
#MessageView div.FormLine .Button
{
  width:96px;
  background-position: 108px 10px;
}

#HighscoreView
{
  margin-bottom:2em;
  font-size:16px;
}

#HighscoreView p
{
  margin:1em 0;
}

#HighscoreView p span
{
  display:inline-block;
  width:130px;
  font-weight:600;
}

#ResultView .TableWrapper table tbody tr.Row td
{
  line-height:22px;
  vertical-align:middle;
  padding:0;
}

#ResultView #ProgramList .Row td
{
  height:70px;
}

#ResultView #ResultsList .Row td
{
  height:50px;
}

#ResultView #ProgramList .Row .Col1
{
  width:270px;
  max-width:270px;
}

#ResultView #ProgramList .Row .Results,#ResultView #ResultsList .Row .Results
{
  width:187px;
  max-width:187px;
  line-height:16px;
}

#ResultView #ProgramList .Row .Col3
{
  width:43px;
}

#ResultView .Results>span,#LearningRouteView .LearningSection .Results>span
{
  border:1px solid #cad3e3;
}

#ResultView #ProgramList
{
  border-top:2px solid #cad3e3;
  margin:20px 0;
}

#ResultView #ProgramList tr.Row a.detaillink
{
  color:#002e5e;
  text-decoration:none;
  margin-bottom:3px;
  display:inline-block;
  font-size:100%;
}

#ResultView #ProgramList tr.Row a.detaillink>span
{
  /*font-size:125%;*/
  /*font-weight:bold;*/
}

#ResultView .ButtonBar
{
  height:55px;
  padding:0;
}

#ResultView .ButtonBar h2
{
  font-size:100%; /*125%*/
  line-height:150%;
  font-weight:normal;
}

#ResultView .ButtonBar h3
{
  font-size:100%;
  line-height:180%;
  font-weight:normal;
}

.ButtonBar .ButtonRight
{
  background-image:none;
}

#ResultView #ResultsList .Col3
{
  width:180px;
}

.faq-container,.loggedin-pa .faq-container
{
  padding-left:0;
  margin-bottom:20px;
}

#LearningRouteView .LearningRouteList div
{
  border-top:2px solid #cad3e3;
}

#ResultView .Results .NotDone,#LearningRouteView .Results .NotDone,#series-list ul li,#LoginRegisterPopup #PasswordRecovery,#LoginRegisterPopup-sw #PasswordRecovery
{
  background-color:#fff;
}

#PasswordRecovery .FormLine
{
  margin: 2em 0;
}

#HomeworkView #HomeworkList .Done,.TableWrapper table .centered
{
  text-align:center;
}
.TableWrapper table .right
{
  text-align:right;
}
#HighscoreView .right
{
  padding-right: 10px;
}

h1,h2,h3,h4,h5,h6,strong,th,#Profile .FormLine>label,#MessageView #MessageList a.Unread,#MessageView #ConversationList .Col1 .Name,#ForumView #ForumMessageList .Col1 .Name,#HighscoreView .TableWrapper table tbody tr.Row td:first-child
{
  font-weight:bold;
}

input[type=button],input[type=submit],button,.header:hover,#coach_container_welcome .close_btn,#coach_container_how_website_works .close_btn,#coach_container_how_to_login .close_btn,#coach_container_welcome .coach_head,#coach_container_how_website_works .coach_head,#coach_container_how_to_login .coach_head,#coach_container_welcome .coach_tv,#coach_container_how_website_works .coach_tv,#coach_container_how_to_login .coach_tv,#coach_container_welcome .coach_tv_text,#coach_container_how_website_works .coach_tv_text,#coach_container_how_to_login .coach_tv_text,#ResultView #ProgramList .Row .Col1,#ResultView #ProgramList .Row .Col2,#ResultView #ProgramList .Row .Col3
{
  cursor:pointer;
}

#donate-form .button:visited,#copyright a,#ResultView a.Button,a.Button,a.Button
{
  color:#fff;
}

.TableWrapper table,#LearningRouteView .LearningSection,#program-list-holder,.loggedin-pa #program-list-holder,.programsTable
{
  width:100%;
}

#ResultView .ButtonRight,.ProfAccView .ButtonBar .ButtonRight,#ChatView #ChatButtons #Disconnect,#ChatView #DisconnectSelected,#ChatView #ChatInput #SendInput,#ResultView #ProgramList tr td a.start-button
{
  float:right;
}

.TableWrapper table tbody tr.Row,#LearningRouteView .LearningRouteList div:last-child
{
  border-bottom:2px solid #cad3e3;
}


#Profile,#ResultView #ResultsList,#faq-help
{
  margin-bottom:2em;
}

#HighscoreView .TableWrapper,#LearningRouteView .LearningRouteList
{
  margin-top:2em;
}




/* FAQ */
#faq-menu {
    margin: 0 0 30px 0;
    padding: 0px;
    background: transparent;
}
#faq-menu ul
{
    width: 310px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#faq-menu li
{
    text-indent: 0;
}
#faq-menu li.faq_category
{
    border-top: 2px solid #fff;
}
#faq-menu div a, #faq-menu div a:visited,#faq-menu div a:hover
{
    display: block;
    padding: 9px 15px;
    color: #002e5e;
    font-weight: 600; /*semibold*/
    text-decoration: none;
    background: #e5eaf5 url("/images/svg/Arrow_down-act.svg") no-repeat 286px 13px;
    background-size: 12px;
    border: 1px solid #e5eaf5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#faq-menu li.active div a
{
    background: #e5eaf5 url("/images/svg/Arrow_up-act.svg") no-repeat 286px 13px;
    background-size: 12px;
    border: 1px solid #cad3e3;
}

.faq_pages
{
    width: 214px;
    display: block;
    margin: 0px 0 0 0px;
    color: #002e5e; /*#fff; */
    cursor: pointer;
    position: relative; zoom: 1; /* IEfix slideDown */
    list-style-type: none;
}

.faq_pages li
{
    padding: 5px 15px;
    background: #fff url("/images/svg/Arrow_right-act.svg") no-repeat 288px 11px;
    background-size: 12px;
    border: 1px solid #cad3e3;
    min-height: 25px;
    /*
    background: #002e5e url("/images/svg/Arrow_right.svg") no-repeat right 5px top 10px;
    background-size: 15px;
    border: 2px solid #002e5e;
    */
}
.faq_pages li:first-child
{
    -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;
}
.faq_pages li:last-child
{
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.faq_pages li a
{
    color: #002e5e; /*#fff; */
    display: block;
    min-height: 25px;
    line-height: 25px;
    text-decoration: none;
}
#about-menu .faq_pages li.active
{
    background-color: #fff;
    background-image: none; /*url("/images/svg/Arrow_right-act.svg"); */
}
#about-menu .faq_pages li.active a
{
    color: #002e5e;
}

#FaqPopup {
    width: 630px;
    max-height: 90%;
    position: fixed;
    left: 50%; margin-left: -325px;
    top: 5%;
    color: #002e5e;
    font-size: 100%;
    display: none;
    overflow-x: none;
    overflow-y: auto;
    padding: 20px;
}
#FaqPopupCloseButton {
    position: absolute;
    top: 10px;
    right: 10px;
}

#lastProgramPopup {
    width: 630px;
    max-height: 90%;
    position: fixed;
    left: 50%; margin-left: -325px;
    color: #002e5e;
    font-size: 100%;
    display: none;
    overflow-x: none;
    overflow-y: auto;
    padding: 20px;
    /**/
    z-index: 1001; 
    display: none; 
    top: 50%; 
    margin-top: -99.5px; 
    text-align: center; 
    background-color: white;
    border-radius: 8px;
    box-shadow: -1px 6px 16px #000; 
    background-color: #fff;
}

@media (max-width: 730px) 
{
  #lastProgramPopup
  {
      width: 96%; 
      margin-left: -48%;
      top: 0.1% !important; 
      margin-top: 0 !important;
  }
}
@media (max-width: 670px) 
{
  #lastProgramPopup
  {
      width: 90%;      
  }
}
@media (max-width: 560px)
{
  #lastProgramPopup
  {
      position: absolute;
      padding-top: 35px;
  }
}

#lastProgramPopupCloseButton {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.lastprogramlink
{
  margin-top: 2em;
  margin-bottom: 2em;
}


/* PROFACCMENU */
#ProfAccMenuView,
.loggedin-pa #ProfAccMenuView,
.loggedin-pa #ProfAccMenuView.home
{
  width: 220px;
}
#ProfAccMenuView.loggedout
{
  width: 200px;
}
#ProfAccMenu
{
  background-color: inherit;
}
.ProfAccMenu
{
  border: none;
  border-radius: 0px;
  font-size: 16px;
  font-weight: 600; /*semibold */
}
.ProfAccMenu > a,
.ProfAccMenu div a
{
  display: block;
  color: #fff;
  margin-bottom: 2px;
  padding: 9px 15px;
  /*background: #002e5e url("/images/svg/Arrow_right.svg") no-repeat 197px 12px;*/
  background: #002e5e url("/images/svg/Arrow_right.svg") no-repeat 191px 12px;
  background-size: 14px;
  border: 2px solid #002e5e;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.ProfAccMenu a:hover
{
  background: #002e5e url("/images/svg/Arrow_right.svg") no-repeat 197px 12px;
  background-size: 14px;
}
.ProfAccMenu a.active
{
  color: #002e5e;
  background: #fff; /* url("/images/svg/Arrow_right-act.svg") no-repeat 197px 12px;*/
  background-size: 14px;
}
.ProfAccMenu div.score
{
  /*background-size: 40px 40px;*/
  background-position: left bottom;
  border: 2px solid #cad3e3;
  color: #002e5e;
  height: 100px;
  padding: 0 0 0 110px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: relative;
  font-size: 16px;
  font-weight: normal;
  cursor: pointer;
}
.subindex0
{
  background-position: left -500px; /*bottom*/
}
.subindex1
{
  background-position: left -400px;
}
.subindex2
{
  background-position: left -300px;
}
.subindex3
{
  background-position: left -200px;
}
.subindex4
{
  background-position: left -100px;
}
.subindex5
{
  background-position: left 0px; /*top*/
}
.ProfAccMenu span.score
{
  font-size: 28px;
  font-weight: 600; /*semibold*/
  margin-top: 25px;
  display: inline-block;
}

.ProfAccMenu > p
{
  margin: 15px 0 10px 15px;
  color: #c91e4e;
}

#ScorePopup, #AboutPopup
{
  width: 500px;
  height: 870px;
  padding: 10px;
  position: fixed;
  left: 50%; margin-left: -250px;
  top: 50%; margin-top: -435px;
  background: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
#VideoPopup
{
  width: 640px;
  height: 360px;
  max-width: 640px;
  max-height: 360px;
  padding: 40px 10px 10px 10px;
  position: fixed;
  left: 50%; margin-left: -320px;
  top: 50%; margin-top: -250px;
  background: #002e5e;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
#VideoPopupInner
{
  width: 640px;
  height: 360px;
  width: 100%;
  height: 100%;
}
#VideoPopupInner iframe
{
  width: 100%;
  height: 100%;
}

#ScorePopupCloseButton,#AboutPopupCloseButton, #VideoPopupCloseButton
{
  position: absolute;
  top: 8px;
  right: 10px;
  cursor: pointer;
}
#ScorePopup h2
{
  font-size: 20px;
  line-height: 30px;
  margin-left: 10px;
}
#ScorePopupInner
{
  width: 100%;
  height: 95%;
  margin-top: 2%;
  overflow: auto;
}

#ScorePopup div.badge
{
  /*float: left;
  width: 100px;
  height: 100px;
  margin: 0 7px 14px 7px;
  border: 2px solid #cad3e3;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-position: left top;*/
  display: inline-block;
  height: 100px;
  width: 100px;
  margin: 2px 4px;
  background-size: 100%;
  opacity: 1.0; 
  border: 1px solid #cad3e3; 
  background-color: #fff;
  position: relative;
}
#ScorePopup div.badge.empty
{
 /* background: #cad3e3;
  background-position: left bottom;
  opacity: 0.15;
  background-size: 100%;*/
  opacity: 0.3;
  filter: saturate(0.5);
}

/* ABOUT */
#about-content
{
    width: 100%;
    padding-left: 320px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-size: 16px;
    line-height: 26px;
    margin-bottom: 2em;
}

#AboutPopup
{
  height: auto;
  min-height: 100px;
  margin-top: -50px;
}
#AboutPopup p
{
  margin-top: 35px;
  text-align: center;
  font-size: 150%;
}



@media print {
  *
  {
    background:transparent!important;
    color:#444!important;
    text-shadow:none!important;
  }
  
  a,a:visited
  {
    color:#444!important;
    text-decoration:underline;
  }
  
  a:after
  {
    content:" (" attr(href) ")";
  }
  
  abbr:after
  {
    content:" (" attr(title) ")";
  }
  
  .ir a:after
  {
    content:"";
  }
  
  pre,blockquote
  {
    border:1px solid #999;
    page-break-inside:avoid;
  }
  
  thead
  {
    display:table-header-group;
  }
  
  tr,img
  {
    page-break-inside:avoid;
  }
  
  @page
  {
    margin:.5cm;
  }
  
  p,h2,h3
  {
    orphans:3;
    widows:3;
  }
  
  h2,h3
  {
    page-break-after:avoid;
  }
}


#hamburgertoggle {
  display: none;
  float: left;
  background: #fff url(/images/svg/align-justify.svg) no-repeat left top;
  cursor: pointer;
  min-width: 24px;
  min-height: 24px;
  position: relative;
  top: 0;
  left: 40px;
  z-index: 200;
}

#hamburgertoggle.active {
  background-image: url(/images/svg/x.svg);
}

#ProfAccMenuView.autohide { display: block; }
#ProfAccMenuView.autohide.loggedout { display: none; }

#ProfAccMenuView .topmenu { display: none; margin-left: 10px; }
#ProfAccMenuView .topmenuitem { margin: 15px 0; }
#ProfAccMenuView .topmenu a { text-decoration: none; padding: 5px 0 10px; }
#ProfAccMenuView .topmenu a:hover
{
  background: #fff;
}
nav #mobile-menu-mobielmenu { display: none; margin-top: 50px; background-color: #eee; }


nav { text-align: right; }
nav ul { float: none; padding-right: 20px; }
nav ul li { float: left; }

.videobg2 {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 800px;
  margin: -256px 0px 0px -400px;
  z-index: 1001;
  background-color: #002e5e;
  border:20px solid #002e5e;
  border-top-width: 50px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
}

.videobg2 #flv
{
  width: 800px;
  height: 472px;
  z-index: 1002;
}


#about-menu > ul
{
    list-style-type: none;
    margin: 0;
    width: 220px;
}

.about-container
{
    position: relative;
    width: 100%;
}
#about-menu
{
    float: left;
    margin-bottom: 2em;

    /*position: absolute;
    left: 0;
    top: 0;*/
}
#about-menu ul li
{
    position: relative;
}
#about-menu li a
{
    text-decoration: none;
}
.about_category a
{
    color: #fff;
}
.about_category div
{
    width: 100%;
}

.about_category div a
{
    display: block;
    padding: 11px 15px;
    /*width: 188px;*/
    color: #002e5e;
    font-weight: 600;/*semibold*/
    margin: 2px 0 0 0;
    cursor: pointer;
    background: #e5eaf5 url("/images/svg/Arrow_down-act.svg") no-repeat right 10px top 15px;
    background: #e5eaf5 url("/images/svg/Arrow_down-act.svg") no-repeat 196px 15px;
    background-size: 12px;
    border: 1px solid #e5eaf5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#about-menu .active div a
{
    background: #e5eaf5 url("/images/svg/Arrow_up-act.svg") no-repeat right 10px top 15px;
    background: #e5eaf5 url("/images/svg/Arrow_up-act.svg") no-repeat 196px 15px;
    background-size: 12px;
    border: 1px solid #cad3e3;
}

.about_pages
{
    display: block;
    margin: 0px 0 0 0px;
    color: #002e5e; /*#fff; */
    cursor: pointer;
    position: relative; zoom: 1; /* IEfix slideDown */
    list-style-type: none;
}

.about_pages li
{
    background: #fff url("/images/svg/Arrow_right-act.svg") no-repeat 198px 14px;
    background-size: 12px;
    border: 1px solid #cad3e3;
    /*
    background: #002e5e url("/images/svg/Arrow_right.svg") no-repeat right 5px top 10px;
    background-size: 15px;
    border: 2px solid #002e5e;
    */
}
.about_pages li:first-child
{
    -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;
}
.about_pages li:last-child
{
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.about_pages li a
{
    padding: 11px 15px;
    color: #002e5e; /*#fff; */
    display: block;
    /*width: 190px;*/
}
#about-menu .about_pages li.active
{
    background-color: #fff;
    background-image: none; /*url("/images/svg/Arrow_right-act.svg"); */
}
#about-menu .about_pages li.active a
{
    color: #002e5e;
}



#profile-view
{
  margin-bottom: 35px;
}
#profile-view > div
{
  /*width: 620px;*/
  max-width: 620px;
  overflow: auto;
  margin-bottom: 20px;
}
#profile-view fieldset
{
  border-bottom: 2px solid #cad3e3;
  padding: 15px 0;
}
#profile-view fieldset:first-child
{
  padding: 0;
}
#profile-view a.EditButton,
#profile-view a.DeleteButton
{
  font-weight: bold;
}
#profile-view a.DeleteButton
{
  float: right;
}
#profile-view a.DeleteButton.Disabled
{
  cursor: default;
  color: #c2c2c2;
  font-weight: normal;
}
.loggedin-pa #profile-view .FormLine {
    padding: 0 0 10px 0;
}




#RatingPopUp
{
    display: none;
    position: fixed;
    top: 35%;
    left: 50%;
    margin-top: -150px;
    margin-left: -210px;
    width: 420px;
    min-height: 100px;
    z-index: 5;
}





@media (min-width: 991px) {
  #welcome { position: absolute; left: 510px; top: 15px; }
}

@media (max-width: 990px) {
	/*header { width: 96%; }*/
  header nav li:last-child a { margin-left: 0; }
  #top { /*margin-bottom: 0;*/ padding-left: 2%; }
	#breadcrumbs { width: 100%; overflow: hidden; }
	#main_page_default { width: 100%; }
  #home { height: auto; }
	#welcome { margin-bottom: 1em; margin-top: 1em; padding-left: 15px; }
  .show_highscore { margin-left: 15px; }
	#series-list { height: auto; }
	#series-list ul { width: 100% }
	ul.button-list li { float: none; margin-left: 15px; margin-bottom: 10px; }
  #series-list ul.button-list li:first-child { margin-left: 15px; }
  footer .content { width: 100%; }
  footer .container { padding-left: 10px; }
  footer #topribbon { height: 5px; }
  footer .content li a { margin-right: 20px; }
  #social-bar { position: relative; }
  #the_coach_containers { right: 0; }

  #FaqPopup { width: 90%; margin-left: -48%; padding: 10px; }
  #faq-content { width: 100%; }

  #ProfAccMenuView { margin-left: 10px; }
  #Content { float: left; width: 96%; /*max-width:640px;*/ margin: 0 2% 0 2%; }
  body.about #Content { width: 95%; max-width: 850px; /* 640+230*/ }
  #about-content { padding-left: 230px; }
  #program-list-holder { /*max-width: 620px;*/ }
  
  #niveauSelectBack { width: 96%; margin: 0 2% 0 2%; }
}


@media (max-width: /*910px*/965px) {
  /* hide topmenu, show hamburgermenu */
  #ProfAccMenuView.autohide { display: none; }
  #ProfAccMenuView .topmenu { display: none/*block*/; }
  nav .topmenuitem { display: none; }
  nav #menu-topmenu a, nav #mobile-menu-mobielmenu a, nav .topmenuitem { float: none; }
  nav #mobile-menu-mobielmenu a { margin-right: 0; }

  #ProfAccMenuView { position: absolute; top: -60px; margin: 0 0 60px 0; z-index: 200; background-color: #fff; box-shadow:-1px 6px 16px #000;  border-top-right-radius:8px; border-bottom-right-radius:8px; }
  #ProfAccMenu { margin: 10px 10px 10px 0; }
  #ProfAccMenuView,
  .loggedin-pa #ProfAccMenuView,
  .loggedin-pa #ProfAccMenuView.home
  {
    width: 250px;
    top: 5px;
    left: 50px;
    padding: 15px;
  }

  #Content { width: 96%; margin: 0 2% 0 2%; }

  #program-list-holder .programsTable h3.programlink { /*height: 24px;*/ white-space: normal; overflow: visible;}

  #program-list-holder .programsTable td:nth-child(2)
  {
    padding-left: 5px;
  }

}


@media (max-width: 820px) {
  .videobg2 {
    width: 90%;
    padding: 0;
    margin: -45% 0px 0px -50%;
  }
  .videobg2 img { width: 100%; }
  #coach_video_html5 { width: 100%; }
  .videobg2 #flv { width: 100%; height: 100%; }
  .videobg2 #flv video { width: 100%; height: 100%; }
}

@media (max-width: 800px) {
  #social-bar{
    margin-top: 30px;
  }
}

@media (max-width: 700px) {
  #promo {
    width: 98%;
    max-width: 650px;
    padding: 0;
    margin-left: -49%;
  }
  #promo #video {
    width: 94%;
    margin: 15px;
  }
  #promo #video iframe {
    width: 100%;
  }
}

@media (max-width: 730px) {
  #niveauSelect { width: 100%; }
  #LoginRegisterPopup, #LoginRegisterPopup-sw, #AcceptTermsPopup { width: 96%; margin-left: -48%; }
}

@media (max-height: 900px) {
  #ScorePopup
  {
    height: 90%;
    max-height: 870px;
    top: 2%;
    margin-top: 0;
  }
}

@media (max-width: 690px) {
  #ScorePopup
  {
    width: 90%;
    max-width: 340px;
    height: 90%;
    max-height: 580px;
    left: 2%;
    top: 2%;
    margin: 0 auto;
  }
  #AboutPopup
  {
    width: 80%;
    margin-left: auto;
    left: 8%;
  }
  #ScorePopupInner
  {
    margin-top: 0;
  }
  #ScorePopup div.badge {
    float: left;
    width: 60px;
    height: 60px;
    margin: 7px;
    background-size: 100%;
  }
  #VideoPopup
  {
    width: 90%;
    left: 2%;
    top: 2%;
    margin: 0 auto;
  }
  #VideoPopupInner
  {
    width: 100%;
    height: 100%;
  }
}

.pointer{
  cursor: pointer;
}

@media (max-height: 650px) {
  #ScorePopup
  {
    width: 90%;
    max-width: 460px;
    height: 90%;
    /*max-height: 270px;*/
    left: 2%;
    top: 2%;
    margin: 0 auto;
  }
  #ScorePopup div.badge {
    float: left;
    width: 40px;
    height: 40px;
    margin: 6px;
    background-size: 100%;
  }
}


@media (max-width: 670px) {
  #coach_container_how_to_login { position: relative; overflow: visible;}
  #LoginRegisterPopup fieldset, #LoginRegisterPopup-sw fieldset,
  #LoginRegisterPopup h2, #LoginRegisterPopup-sw h2 { width: 90%; }

  #ResultView #ProgramList .Row .Col1 { width: auto; }
  #ResultView #ProgramList .Row .Results { width: 150px; }
  #ResultView .Results > span { width: 6%; height: 13px; margin: 1px 1px 1px 0; }
  #ResultView #ProgramList .Row .Col3 { width: auto; }
  #ResultView #ProgramList tr td .start-button { width: 80px; background-position: 62px 12px }
}

@media (max-width: 660px) {
  /* reorder program-details */
  #program-info #program-images { float: none; width: 100%; }
  #program-info #program-images li { float: left; margin-right: 3%; width: 30%; max-width: 143px;}
  #program-info #program-images li img { width: 100%; height: auto;}
  .rating { position: relative; right: auto; top: auto;} 
}

@media (max-width: 660px) {
  body.homepage #the_coach_containers, body.content #the_coach_containers { position: relative; overflow: visible; z-index: 1; float: left;}
}

@media (max-width: 650px) {
  #ChatView #ChatUsersBg { position: relative; top:auto; right: auto; margin-top: 10px; }
#program-details { margin-top:100px; }
  #profile-view > div { width: 100%; }

}

@media (max-width: 630px) {
  body.faq #the_coach_containers { position: relative; overflow: visible; z-index: 1; float: left;}
  #program-details { margin-top:100px; }
  #ForumView input#subject { width: 97% }
}


@media (max-width: 560px) {

  #LoginRegisterPopup .ErrorMessage, #LoginRegisterPopup-sw .ErrorMessage { position: relative; }

  #PlusAccWelcome { width: 100%; }
  #PlusAccWelcome #customer-news { width: 100%; }
  #PlusAccWelcome .Box img { width: 100%; height: auto; }
  .programsTable a.show-workbook,
  .programsTable a.show-promo,
  .programsTable a.start-demo { margin-right: 3%; }
}

@media (max-width: 510px) {
  #home #video { max-width: 420px; width: auto; height: auto; }
  #home #video video { width: 100%; height: auto; }
  .programsTable tr td a.start-button { width: 80px; background-position: 62px 12px }
  .programsTable a.show-workbook,
  .programsTable a.show-promo,
  .programsTable a.start-demo { display: block; line-height: 35px; }
  .programsTable .programlinks { height: auto; min-height: 40px; }
}

@media (max-width: 500px) {
  #ChatButtons a { width: 24px; }
  #ChatView #ChatButtons a img { width: 100%; }
  #ChatView #ChatMessages { width: 97%; }
  #ChatView #ChatInput { width: 100%; max-width: 410px; }
  #ChatView #ChatInput #ChatText { width: 100%;  }

  #about-menu > ul { width: 150px; }
  .about_category div a { width: auto; }
  #about-menu .active div a, .about_category div a { background-position: 126px 15px; }
  .about_pages li { background-position: 128px 14px; }
  #about-content { padding-left: 160px; }
}

@media (max-width: 470px) {
  #RatingPopUp { margin-left: -49%; max-width: 420px; width: 98%; }
  #program-info div.progress { max-width: 300px; width:55%; }
  #program-info div.progress div p { width:100%; }
}

/*@media (max-width: 440px) {
  a.login { position: absolute; top: 10px; right: 0; }
}*/

@media (max-width: 415px) {
  a#nav-home { width: 50%; }
  a#nav-home img { width: 100%; }
  #ForumView input#subject { width: 96% }
}


@media (max-width: 380px) {
  a#nav-home { width: 40%; }
}

.login-btn a.login
{
  width: 103px;
  border-width: 0;
}

.login-btn a.login:hover{
  color: #FFFFFF !important;
}

.login-btn > div
{
  height: 1em;
}

#google_language_translator{
  min-width:170px;
}


[type="checkbox"] {
    position: relative !important;
    left: 0 !important;
    opacity: 1 !important;
    outline: none !important;
}

[type="checkbox"] + label::before, [type="checkbox"] + label::after{
    display:none !important;
}



form#orderform input, form#orderform input[type="tel"], form#orderform input[type="number"], #Profile .Edit  {
    font-size: 16px;
    color: #002e5e;
    padding-left: 0.5em;
    border: 1px solid #d2d2d2;
    -webkit-border-radius: 0px;
    height: 29px;
}

#Profile .Field{
	height: 33px;
}

input[type="radio"]:checked, input[type="radio"]:not(:checked){
    position: relative;
    left: 0;
}

[type="radio"]:checked + label, [type="radio"]:not(:checked) + label{
    padding-left: 10px;
}

[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before{
    display: none;
}

[type="radio"]:checked + label:after{
    display: none;
}

.fusion-main-menu > ul > li.current-menu-item > a
{
  color: #c91e4e;
}

/***************************************************************************************************/
/***************************************************************************************************/

.fancyblokjes-margin{
  margin-right: 3px;
}

/*Programma Filter plaatjes*/
.taal
{
  background-image:url(../images/Taal.png);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: right;
  background-position-x: 95%;
}
.computer_en_internet
{
  background-image:url(../images/digitale-vaardigheden.png);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: right;
  background-position-x: 95%;
}
.rekenen_geld
{
  background-image:url(../images/Rekenen-en-geld.png);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: right;
  background-position-x: 95%;
}
.gezond_leven
{
  background-image:url(../images/Gezond-leven.png);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: right;
  background-position-x: 95%;
}
.samenleving
{
  background-image:url(../images/samenleving.png);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: right;
  background-position-x: 95%;
}
.werk
{
  background-image:url(../images/Werk.png);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: right;
  background-position-x: 95%;
}


/*Kleuren*/
.bg-pink{
  background-color: #c91e4e!important;
}

.bg-blue
{
  background-color:#002e5e!important
}
.bg-blue-nl
{
  background-color:#1b8ebb!important;
}

.bg-grey
{
  background-color:#cad3e3!important
}

.bg-lightgrey
{
  /*background-color:#cbd4e3!important;*/
  background-color:#f8f8ff !important;
}

.bg-white
{
  background-color:#fff!important
}

.bg-green {
  color: #3ab34a!important;
}

/*Text*/
.text-white {
  color: #fff!important;
}

.text-grey {
  color: #cad3e3!important;
}

.text-blue {
  color: #002e5e!important;
}

.text-pink {
 color: #c91e4e!important; 
}

.bold{
  font-weight: bold !important;
}

.font-weight-500{
  font-weight: 500;
}

.font-weight-600{
  font-weight: 600;
}

/*Border*/
.border-grey
{
  border: 1px solid #cad3e3!important; 
}

.border-lightgrey
{
  border: 1px solid #f8f8ff !important; 
}

.border-none{
  border: none !important;
}

.rounded-5{
  border-radius: 5px;
}

.rounded-7{
  border-radius: 7px;
}


.rounded-12{
  border-radius: 12px;
}

.shadow-sm-grey {
  /*box-shadow: 0px 2px 5px 0px rgba(0, 45, 94, 0.2);*/
  /*box-shadow: 0 .125rem .25rem rgba(208,216,227,1.075)!important;*/
  border-style: 1px solid #f9fafc;
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0px 4px 6px 0px #d4dbe8;
}

/*Positionering*/
.center-y
{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.center-x
{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
 
.center-xy
{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}


/*Hover*/
.noHover{
  pointer-events: none;
}

.pinkhover:hover {
  color: #c91e4e!important; 
}

.bluehover:hover {
  color: #002e5e!important; 
}

/*Filters*/
.ddl-filter
{    
    border: none !important;    
}

/*Flexbox classen*/
.display-flex{
  display: flex;
}

.display-block{
  display: block;
}

.fd-row{
  flex-direction: row;
}

.fd-column{
  flex-direction: column;
}

.jc-center{
  justify-content: center;
}

/*Scherm breedte*/
.screen-content-width{
  max-width: 1040px!important;
}

/*Resultaten blok*/
.resultblok{
  border: 1px solid #cad3e3!important;
  border-width: 1px 1px !important;
  border-radius: 5px;
  min-height: 70px;
  margin-top: 10px;
  padding-left: 15px;
}
.resultblok:last-child{
  border: 1px solid #cad3e3!important;
  border-width: 1px 1px !important;
  border-radius: 5px;
  min-height: 70px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 15px;
}
/*Resultaten header blok*/
.resultblok-header{  
  height: 15px;
  margin-top: 10px;
  padding-left: 15px;
}

/*Resultaten blok*/
.text-ellipsis
{
  overflow: hidden; 
  text-overflow: ellipsis; 
  white-space: nowrap;
}

/*Resultaten balkjes*/
.progress-grey
{
    display: flex;
    height: 20px;
    width: 250px;
    background-color: #CAD3E3;
    border-radius: 10px;
    border: 2px solid white;
    outline: #7D92AA solid 1px;    
}
.progress-darkgrey
{
    display: block;
    height: 16px;	
    background-color: #7D92AA!important;
    border-radius: 10px;    
    position: absolute;
    z-index: 0;
    max-width: 146px;
}
.progress-green
{
    display: block;
    height: 19px;	
    background-color: #71E05C!important;
    border-radius: 10px;    
    position: absolute;
    z-index: 0;
    max-width: 250px;
}
.progress-red
{
    display: block;
    height: 19px;	
    background-color: #C91E4E!important;
    border-radius: 10px;
    z-index: 1;
    /*border: 2px solid white;
    outline: #7D92AA solid 2px;*/
}

/************************************************************************************/
/*********************************** TOOLTIP ********************************/
/************************************************************************************/

.popup-container {
  position: relative;
}

.result-info-popop
{
    position: absolute;
    z-index: 1000;
    background-color: #fff;
    border-radius: 10px;
    color: #002e5e!important;
    font-family: 'Source Sans Pro', sans-serif;
    box-shadow: 0px 3px 10px #000;
    height: 85px;
    width: 180px;
    font-size: 14px;
    line-height: 12px;
    padding-top: 10px;
}

.result-info-popop.left
{
    margin-top:-62px;
    margin-left:-192px;
}

.result-info-popop.left .triangle 
{
    transform:rotate(90deg);
    margin-top:34px;
    right:-16px;
}

.result-info-popop.right
{
    margin-top:-62px;
    margin-left:100px;
}

.result-info-popop.right .triangle 
{
    transform:rotate(-90deg);
    margin-top:34px;
    margin-left:-9px;
}

.result-info-popop .triangle {
  position:absolute;
  height:0px;
  width:0px;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-bottom: 10px solid #fff;
  transform:rotate(-90deg);
  filter:drop-shadow(0px -2px 1px rgba(0,0,0,0.3));
}



.result-info-popop > div:first-child
{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 7px;
}
.result-info-popop > div
{
    margin-left: 7px;
    margin-bottom: 7px;
}
.result-info-popop > div > img
{
    width: 11px;
    margin-bottom: 0px;
}

/*.result-info-popop-title
{
    font-weight: bold;
    color: #002e5e;
    margin-top: 10px;
    margin-left: 10px;
}
.result-info-popop-done
{
    color: #002e5e;
    margin-top: 20px;
    margin-left: 10px;
}
.result-info-popop-wrong
{
    color: #002e5e;
    margin-top: 10px;
    margin-left: 10px;
}
.result-info-popop-correct
{
    color: #002e5e;
    margin-top: 5px;
    margin-left: 10px;
}*/







.text-ellipsis2lines
{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.focusstyle:focus
{
  outline: 2px solid #5E9ED6;
}

/*FIREFOX*/
@-moz-document url-prefix() { 
  #_sorting{
    padding-left: 7px;
  }  
}

/*RESPONSIVE BREAKPOINTS*/

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 767.98px) 
{  
  .colortest{
    background: green!important;;
  } 
  .switch-column-row{
    flex-direction: column;
  }

  .profile-switch-width{
    width: 100%;
  }
  .profile-switch-score-width{
    width: 100%;
  }
  .profile-switch-float{
    float: left;
  }

  /*Programma-pagina*/
  .reponsive-title-programs
  {
    margin-left: 25px;
  }  
  .reponsive-sorting-programs
  {
    margin-right: 25px;
  }
  .program-margin-text
  {
    margin-top: 0px;
    margin-bottom: 5px;
  }
  .padding-program-info
  {
    padding-left: 60px;
    padding-right: 0px;
  }
  .program-box-height
  {
    min-height: 175px;
  }
  .margintitle-small
  {
    margin-left: 25px!important;
  }
  .programs-margin-bottom
  {
    margin-bottom: 30px;
  }
  .programs-visibility
  {
    visibility: visible;
  }
  .programs-image-width
  {
    width: 25%!important;
  }
  .programinfo-width
  {
    max-width: 185px;
  }

  /*filters*/
  .programfilters-switch-padding{
    padding-left: 0px;
  }
  .programfilters-switch-background{
    background-color:#fff !important;
  }
  .programfilter-category-switch{
    width: 100%!important;
  }  
  .programfilter-rating-switch{
    width: 100%!important;
  } 
  .programfilter-serie-switch{
    width: 100%!important;
  } 
  #filters_wide{
    display: none;
  }
  #filters_small{
    display: none;
  }
  #showFilters{
    visibility: visible;
  }

  /*plaatjes*/
  .programs-image{
    width: 120px;
    height: 80px;
  }
  .programs-empty-image{
    width: 150px;
  }
  .programs-image-position{
    margin-top: 30%;
  }

  /*sterretjes en startknop*/
  .programs-visible-middle-switch{
    display: block!important;
  }
  .programs-visible-right-switch{
    display: none!important;
  }
   /*rechter kolom van sterretje en startknop op groot scherm*/
  .program-switch-rightcolumn{
    display: none;
  }

  /*border*/
  .programs-border{
    border-top: 1px solid #cad3e3!important;
    padding-top: 15px;
    border-radius: 0px!important;
    margin-left: 25px;
    margin-right: 25px;
  }

  /*Leerroute*/
  .lessonview-padding{
    padding-left: 15px!important;
  }

  /*Resultaten*/
  .resultpadding{
    padding-right: 0px!important;
  }

  /*Resultaten view blokjes width*/
  .blokjes-width{
    width: 45%;
  }

  /*Homepage*/
  .homepage-ls{
    width: 100%;
  }
  .newstekst-padding{
    padding-left: 3%;
    padding-right: 3%;
  }
  .margin-licencelogo-home{
    margin-top: 0px;
  }
  .pictureSmallScreen
  {
    width: 100%!important;
    margin-left: 0px!important;
    background-size: 100%!important;
  }

  /*Kruimelpad*/
  .breadcrumbs-padding{
    margin-left: 30px!important;
  }

  /*nltraining*/
  .nllogo-width
  {
    width: 100%;
  }
  .text-width-nl
  {
    padding-left: 20px;
  }
  .nlindex
  {
    flex-direction: column;
  }
  /*NoShow*/
  .noshow{
    display: none!important;
  }  

  /*Kruimelpad*/
  .breadcrumbs-show
  {
    visibility: hidden;
  }

  /*Profile puntenblok*/
  .small-points
  {
    display: grid;
  }
  .margin-top-pic
  {
    margin-top: 0px;
  }
  .show-btn-icon
  {
    display: none;
  }
  .profile-row-switch{
    flex-direction: column;
  }
  .showtext
  {
    display: none!important;
  }
  .showeye
  {
    display: block!important;
  }
  .wwfieldwidth
  {
    width: 52%!important;
  }
  .passwordToggleWidth
  {
    width: 25px!important;
  }

  /*Iphone*/
  @supports (-webkit-touch-callout: none) {
    .profile-points-iphone-style
    {
      margin-left: -7px!important;
    }
  }

  /*Bestelpagina*/
  .bestellen-fd
  {
    flex-direction: column;
  }
  .btn-bestellen
  {
    margin-left:0px
  }
}

/* Small devices (landscape phones, less than 768px) */
@media (min-width: 767.98px) 
{  
  .colortest{
    background: blue!important;
  } 
  .switch-column-row{
    flex-direction: column;
  }

  .profile-switch-width{
    width: 100%;
  }
  .profile-switch-score-width{
    width: 100%;
  }
  .profile-switch-float{
    float: left;
  }

  #home #passing-by-bro {
    width: 370px;
  }

  /*Programma-pagina*/
  .reponsive-title-programs
  {
    margin-left: 25px;
  }
  .reponsive-sorting-programs
  {
    margin-right: 25px;
  }
  .program-margin-text
  {
    margin-top: 0px;
    margin-bottom: 5px;
  }
  .padding-program-info
  {
    padding-left: 30px;
    padding-right: 0px;
  }
  .program-box-height
  {
    height: 175px;
  }
  .margintitle-small
  {
    margin-left: 25px!important;
  }
  .programs-margin-bottom
  {
    margin-bottom: 75px;
  }
  .programs-visibility
  {
    visibility: visible;
  }
  .programs-image-width
  {
    width: 33%!important;
  }
  .programinfo-width
  {
    max-width: 750px;
  }


  /*filters*/
  .programfilters-switch-padding{
    padding-left: 0px;
  }
  .programfilters-switch-background{
    background-color:#fff !important;
  }
  .programfilter-category-switch{
    width: 100%!important;
  }  
  .programfilter-rating-switch{
    width: 100%!important;
  } 
  .programfilter-serie-switch{
    width: 100%!important;
  }
  #filters_wide{
    display: none;
  }
  #filters_small{
    display: none;
  }
  #showFilters{
    visibility: visible;
  }

  /*plaatjes*/
  .programs-image{
    width: 250px;
    height: 175px;
  }
  .programs-empty-image{
    width: 250px;
  }

  /*sterretjes en startknop*/
  .programs-visible-middle-switch{
    display: block!important;
  }
  .programs-visible-right-switch{
    display: none!important;
  }
  /*rechter kolom van sterretje en startknop op groot scherm*/
  .program-switch-rightcolumn{
    display: none;
  }

  /*border*/
  .programs-border{
    border-top: 1px solid #cad3e3!important;
    padding-top: 15px;
    border-radius: 0px!important;
    margin-left: 25px;
    margin-right: 25px;
  }

  /*Leerroute*/
  .lessonview-padding{
    padding-left: 15px!important;
  }

  /*Resultaten*/
  .resultpadding{
    padding-right: 0px!important;
  }

  /*Resultaten view blokjes width*/
  .blokjes-width{
    width: 45%;
  }

  /*Homepage*/
  .homepage-ls{
    width: 100%;
  }
  .newstekst-padding{
    padding-left: 3%;
    padding-right: 3%;
  }
  .margin-licencelogo-home{
    margin-top: 0px;
  }

    /*Kruimelpad*/
    .breadcrumbs-padding{
      margin-left: 30px!important;
    }

    /*nltraining*/
    .nllogo-width
    {
      width: 100%;
    }
    .text-width-nl
    {
      padding-left: 20px;
    }
    .nlindex
    {
      flex-direction: column;
    }
    /*Kruimelpad*/
    .breadcrumbs-show
    {
      visibility: hidden;
    }

    /*Profile puntenblok*/
    .small-points
    {
      display: flex;
    }
    .margin-top-pic
    {
      margin-top: 28px;
    }
    .show-btn-icon
    {
      display: inline-block;
    }
    .profile-row-switch{
      flex-direction: column;
    }
    .showtext
    {
      display: none!important;
    }
    .showeye
    {
      display: block!important;
    }
    .wwfieldwidth
    {
      width: 51%!important;
    }
    .passwordToggleWidth
    {
      width: 25px!important;
    }  
    
    /*Bestelpagina*/
    .bestellen-fd
    {
      flex-direction: row;
    }
    .btn-bestellen
    {
      margin-left:375px
    }
}

/* Medium devices (tablets, less than 992px) */
@media (min-width: 991.98px) 
{  
  .colortest{
    background: purple!important;
  } 
  .switch-column-row{
    flex-direction: row;
  }

  .profile-switch-width{
    width: 50%;
  }
  .profile-switch-score-width{
    width: 75%;
  }
  .profile-switch-float{
    float: right;
  }

  /*Programma-pagina*/
  .reponsive-title-programs
  {
    margin-left: 0px;
  }
  .reponsive-sorting-programs
  {
    margin-right: 0px;
  }
  .program-margin-text
  {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .padding-program-info
  {
    padding-left: 40px;
    padding-right: 40px;
  }
  .program-box-height
  {
    height: 210px;
  }
  .margintitle-small
  {
    margin-left: 0px!important;
  }
  .programs-margin-bottom
  {
    margin-bottom: 75px;
  }
  .programs-visibility
  {
    visibility: visible!important;
  }
  .programs-image-width
  {
    width: 33%!important;
  }
  .programinfo-width
  {
    max-width: 750px;
  }


  /*filters*/
  .programfilters-switch-padding{
    padding-left: 9px;
  }
  .programfilters-switch-background{
    background-color:#f8f8ff !important;
  }
  .programfilter-category-switch{
    width: 328px!important;
  }  
  .programfilter-rating-switch{
    width: 200px!important;
  } 
  .programfilter-serie-switch{
    width: 164px!important;
  } 
  #filters_wide{
    display: inline-flex;
  }
  #filters_small{
    display: none!important;
  }
  #showFilters{
    display: none!important;
  }

  /*plaatjes*/
  .programs-image{
    width: 350px;
    height: 210px;
  }
  .programs-empty-image{
    width: 350px;
  }

  /*sterretjes en startknop*/
  .programs-visible-middle-switch{
    display: none!important;
  }
  .programs-visible-right-switch{
    display: block!important;
  }
  /*rechter kolom van sterretje en startknop op groot scherm*/
  .program-switch-rightcolumn{
    display: block;
  }

  /*border*/
  .programs-border{
    border-style: 1px solid #f9fafc;
    border-radius: 5px!important;
    background-color: #ffffff;
    box-shadow: 0px 4px 6px 0px #d4dbe8;
    padding-top: 0px;
    border-top: none!important;
    margin-left: 0px;
    margin-right: 0px;
  }

  /*Leerroute*/
  .lessonview-padding{
    padding-left: 38px!important;
  }
  
  /*Resultaten*/
  .resultpadding{
    padding-right: 0px!important;
  }

  /*Resultaten view blokjes width*/
  .blokjes-width{
    width: 25%;
  }

  /*Homepage*/
  .homepage-ls{
    width: 100%;
  }

  .newstekst-padding{
    padding-left: 20%;
    padding-right: 0%;
  }
  .margin-licencelogo-home{
    margin-top: 100px;
  }

    /*Kruimelpad*/
    .breadcrumbs-padding{
      margin-left: 30px!important;
    }

    /*nltraining*/
    .nllogo-width
    {
      width: 100%;
    }
    .text-width-nl
    {
      padding-left: 100px;
    }
    .nlindex
    {
      flex-direction: row;
    }
    /*Kruimelpad*/
    .breadcrumbs-show
    {
      visibility: visible;
    }

    /*Profile puntenblok*/
    .small-points
    {
      display: flex;
    }
    .margin-top-pic
    {
      margin-top: 28px;
    }
    .show-btn-icon
    {
      display: inline-block;
    }
    .profile-row-switch{
      flex-direction: row;
    }
    .showtext
    {
      display: block!important;
    }
    .showeye
    {
      display: none!important;
    }
    .wwfieldwidth
    {
      width: 51%!important;
    }
    .passwordToggleWidth
    {
      width: 80px!important;
    } 

    /*Bestelpagina*/
    .bestellen-fd
    {
      flex-direction: row;
    }
    .btn-bestellen
    {
      margin-left:375px
    }

    .screen-content-width{
      margin-left: 15px;
      margin-right: 15px;
    }
}

/* Large devices (desktops, less than 1200px) */
@media (min-width: 1199.98px) 
{  
  .colortest{
    background: yellow!important;;
  } 
  .switch-column-row{
    flex-direction: row;
  }

  .profile-switch-width{
    width: 50%;
  }
  .profile-switch-score-width{
    width: 75%;
  }
  .profile-switch-float{
    float: right;
  }

  /*Programma-pagina*/
  .reponsive-title-programs
  {
    margin-left: 0px;
  }
  .reponsive-sorting-programs
  {
    margin-right: 0px;
  }
  .program-margin-text
  {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .padding-program-info
  {
    padding-left: 40px;
    padding-right: 40px;
  }
  .program-box-height
  {
    height: 210px;
  }
  .margintitle-small
  {
    margin-left: 0px!important;
  }
  .programs-margin-bottom
  {
    margin-bottom: 75px;
  }
  .programs-visibility
  {
    visibility: visible!important;
  }
  .programs-image-width
  {
    width: 33%!important;
  }
  .programinfo-width
  {
    max-width: 750px;
  }

  /*filters*/
  .programfilters-switch-padding{
    padding-left: 9px;
  }
  .programfilters-switch-background{
    background-color:#f8f8ff !important;
  }
  .programfilter-category-switch{
    width: 328px!important;
  }  
  .programfilter-rating-switch{
    width: 200px!important;
  } 
  .programfilter-serie-switch{
    width: 164px!important;
  } 
  #filters_wide{
    display: inline-flex;
  }
  #filters_small{
    display: none!important;
  }
  #showFilters{
    display: none!important;
  }


  /*plaatjes*/
  .programs-image{
    width: 350px;
    height: 210px;
  }
  .programs-empty-image{
    width: 350px;
  }

  /*sterretjes en startknop*/
  .programs-visible-middle-switch{
    display: none!important;
  }
  .programs-visible-right-switch{
    display: block!important;
  }
  /*rechter kolom van sterretje en startknop op groot scherm*/
  .program-switch-rightcolumn{
    display: block!important;
  }
  

  /*border*/
  .programs-border{
    border-style: 1px solid #f9fafc;
    border-radius: 5px!important;
    background-color: #ffffff;
    box-shadow: 0px 4px 6px 0px #d4dbe8;
    padding-top: 0px;
    border-top: none!important;
    margin-left: 0px;
    margin-right: 0px;
  }

  /*Leerroute*/
  .lessonview-padding{
    padding-left: 38px;
  }

  /*Resultaten*/
  .resultpadding{
    padding-right: 0px!important;
  }

  /*Resultaten view blokjes width*/
  .blokjes-width{
    width: 25%;
  }
  
  /*Homepage*/
  .homepage-ls{
    width: 100%;
  }
  .newstekst-padding{
    padding-left: 20%;
  }

  .breadcrumbs-padding {
    margin-left: 180px!important;
  }

  /*nltraining*/
  .nllogo-width
  {
    width: 100%;
  }
  .text-width-nl
  {
    padding-left: 100px;
  }
  .nlindex
  {
    flex-direction: row;
  }
  .margin-licencelogo-home{
    margin-top: 100px;
  }

  /*Kruimelpad*/
  .breadcrumbs-show
  {
    visibility: visible;
  }

  /*Profile puntenblok*/
  .small-points
  {
    display: flex;
  }
  .margin-top-pic
  {
    margin-top: 28px;
  }
  .show-btn-icon
  {
    display: inline-block;
  }
  .profile-row-switch{
    flex-direction: row;
  }
  .showtext
  {
    display: block!important;
  }
  .showeye
  {
    display: none!important;
  }
  .wwfieldwidth
  {
    width: 51%!important;
  }
  .passwordToggleWidth
  {
    width: 80px!important;
  } 

  /*Bestelpagina*/
  .bestellen-fd
  {
    flex-direction: row;
  }
  .btn-bestellen
  {
    margin-left:375px
  }
}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) 
{
	.ipad-width
	{
		width: 75%!important;
	}
	.ipad-landscape-icon
	{
		display: none;
	}
}


  /************************************************/

  .fusion-page-title-row {
      margin: 0 auto;
      height: 100%;
      max-width: 940px;
  }

  
  .bar-container {
    position: relative;
    box-sizing: unset;
    height:20px;
  }
  
.bar-container > div {
      box-sizing: unset;
  }
  
.bar-container .bar {
    position: absolute;
    z-index: 200;
    height: 18px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #7D92AA;
}

.bar-container .bar-grey {
    position: absolute;
    height: 14px;
    width: calc(100% - 6px);
    border-radius: 8px;
    background-color: #DFE5EE;
    margin: 2px 2px 2px 2px;
    border: 1px solid #fff;
}

.bar-container .bar-layer {
    position: absolute;
    z-index: 100;
    height: 12px;
    width: calc(100% - 6px);
    margin-top: 0px;
    background-color: transparent;
    border-radius: 10px;
    border: 4px solid #fff;
  }

.progressbar-container > div {
    box-sizing: unset;
}

.progressbar-container .bar {
    position: absolute;
    z-index: 200;
    height: 18px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #7D92AA;
}
  
.progressbar-container .bar-grey {
    position: absolute;
    height: 14px;
    width: calc(100% - 6px);
    border-radius: 8px;
    background-color: #DFE5EE;
    margin: 2px 2px 2px 2px;
    border: 1px solid #fff;
}

.progressbar-container .bar-layer {
    position: absolute;
    z-index: 100;
    height: 12px;
    width: calc(100% - 6px);
    margin-top: 0px;
    background-color: transparent;
    border-radius: 10px;
    border: 4px solid #fff;
  }
  
  .bar-red {
    position: absolute;
    height: 16px;
    border-radius: 8px;
    background-color: #C91E4E;
    margin: 2px 2px 2px 2px;
    border: 2px solid transparant !important;
  }
  
  .bar-green {
    position: absolute;
    height: 16px;
    border-radius: 8px;
    background-color: #71E05C;
    margin: 2px 2px 2px 2px;
    border: 2px solid transparant !important;
  }

  .bar-darkgrey {
    position: absolute;
    height: 16px;
    border-radius: 9px;
    background-color: #7D92AA;
    margin: 2px 2px 2px 2px;
    border: 2px transparant !important;

  }

  .progressbar-container .small, .bar-container .small {
    height: 14px;
    margin: 3px 3px 3px 3px;
  }

}