@import url('fonts.css');

html {
    background-color:#fff;
    color:#393737;
    font-family:arial;
    background-image:url(../images/shadow-bg.jpg);
	background-repeat:repeat-y;
	background-position:center top;
	font-size:12px;
	outline:none;
}

body {
    background-color:#fff;
	color: #393737;
	margin:0px;
	padding:0px;
	/* shadow bg
	background-image:url(../images/shadow.jpg);
    background-repeat:repeat-y;
    --------- */
}

h1 {
    font-size:22px;
    margin-bottom:10px;
}

h2 {
    font-size:16px;
}

h3 {
    font-size:12px;
    font-weight:bold;
}

a {
    font-size:12px;
    outline:none;
}

p {
    font-size:14px;
    color:#393737;
}

p a {
    font-size: 14px;
}



img {
    border:0px;
}

#outer-top {
    height:29px;
    background-image:url(../images/top.jpg);
    background-repeat:repeat-x;
}

#inner-top {
    width:960px;
    margin:auto;
    display:block;
	overflow:visible;
}

#inner-top a {
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
}

#log-container {
    float:right;
    margin-right:11px;
    margin-top:19px;
    display:block;
    position:relative;
    z-index:99;
}

#log-container .button {
    background-color:#000;
    float:right;
    height:16px;
    border:1px solid #fff;
    font-size:12px;
}

#log-container .button a {
    display:block;
    height:12px;
    padding:2px 10px 0px 10px;
    font-size:12px;
}

#log-container .register {
    margin-right:10px;
    background-color:#4a4a49;
    overflow:hidden;
}

#log-container .register:hover {
    background-color:#dcddde;
}

#log-container .register a.register-link:hover {
    color:#231f20;
}

#log-container .login {
    background-color:#4c9262;
    overflow:hidden;
}

#log-container .login:hover {
    background-color:#bfdecf;
}

#log-container .login a.login-link:hover {
    color:#007933;
}

#log-container .logout {
    background-color:#d1362b;
    overflow:hidden;
}

#log-container .logout:hover {
    background-color:#ffe3e2;
}

#log-container .logout a.logout-link:hover {
    color:#e63125;
}

#container {
	width:940px;
	padding:0px 0px 0px 0px;
	margin:auto;
}

/* HEAD */

#header {
    height:81px;
	background-color:#fff;
    margin-bottom: 10px;
}

#header-left {
    width:320px;
    float:left;
    padding-top:16px;
    height:65px;
}

#header-right {
    width:620px;
    float:left;
    height:100%;
}

#header-message {
    display: inline;
    padding-left: 80px;
    padding-right: 80px;
}

#header-message img {
    height: 73px;
    width: 245px;
}

#search {
    float:right;
    margin-top:15px;
}

#search .searchinput {
    background-image:url(../images/searchinput.jpg);
    background-repeat:no-repeat;
    background-color:transparent;
    border:0px;
    width:162px;
    height:17px;
    float:left;
    font-family:arial;
    font-size:10px;
    letter-spacing:0.8px;
    color:#777;
    padding-left:8px;
    padding-top:0px;
}

#search #searchsubmit {
    border:0px;
    width:36px;
    height:17px;
    float:left;
    cursor:pointer;
    display:block;
}

/* BANNER */

#banner {
    height:285px;
    margin-bottom:26px;
}

#banner-left {
    width:592px;
    float:left;
    height:100%;
}
#banner-left-text {
    height: 68px;
    margin-left: 332px;
    margin-top: 16px;
    position: absolute;
}

#banner-left-text h1 {
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 0px;
}

#banner-left-text p {
    font-size: 11px;
    margin-top: 0px;
    margin-bottom: 5px;
}

#banner-left-text a {
    color: #C6342A;
    text-decoration: none;
    font-weight: bold;
}

#banner-left-text a:hover {
    text-decoration: underline;
}

#banner-right {
    width:308px;
    height:245px;
    float:left;
    background-color:#3d3d3d;
    padding:20px;
    background-position:right bottom;
    background-repeat:no-repeat;
}

.banner-text {
    color:#fff;
    font-size:30px;
}

.banner-text-small {
    color: #FFFFFF;
    font-size: 22px;
    margin-top: 35px;
}

/* LOG / UNLOG BAR */

#log-bar {
    margin-bottom:10px;
    font-size:12px;
}

#log-bar img,
#unlog-bar img {
    float:left;
    width: 54px;
}

#log-bar-person {
    width:226px;
    height:53px;
    float:left;
    background-color:#ededea;
    padding:10px;
}

.log-bar-button {
    width:106px;
    height:73px;
    float:left;
}

.log-bar-button a {
    width:128px;
    height:73px;
    display:block;
    text-decoration:none;
}

.log-bar-bold {
    font-weight:bold;
}

.log-bar-bold.darkred {
    font-family: 'pt_sansbold';
    font-weight:normal;
    letter-spacing:1px;
    color:#c6342a;
}

.red {
    color:#d1362b;
    line-height:16px;
    text-decoration:none;
}

a.red:hover {
    text-decoration:underline;
}

.log-bar-tiny-text {
    font-size:12px;
}

.log-bar-tiny-text a{
    color: #C6342A;
    font-family: 'pt_sansregular';
    font-size: 11px;
    text-decoration: none;
    margin-top:5px;
}

.log-bar-tiny-text a.edit-profile {
    color:#393737;
    display: block;
    margin-top: 5px;
}

#unlog-bar {
    margin-bottom:26px;
    font-size:12px;
    width:100%;
    height:73px;
    padding:0px;
}

#unlog-bar h2 {
    color:#494947;
    font-family: 'pt_sansbold';
    font-size:24px;
    margin:0px 0px 3px 0px;
    font-weight:normal;
    letter-spacing:1px;
}

#unlog-bar .abs-link {
    position:absolute;
    z-index:90;
    width:929px;
    height:30px;
    margin-top:-39px;
    margin-left:-9px;
    padding-left:9px;
    padding-top:40px;
}

#unlog-bar a {
    color:#e11427;
    width:920px;
    height:30px;
    margin-top:-39px;
    margin-left:-9px;
    padding-left:9px;
    padding-top:40px;
    display:block;
    text-decoration: none;
}

#unlog-bar a:hover {
    text-decoration: underline;
}

#unlog-bar-person {
    float:left;
    padding:10px;
    height:53px;
    width:920px;
    background-image:url(../images/unlog-bar-bg.jpg);
}

#unlog-bar-person:hover {
    background-image:url(../images/unlog-bar-bg-rollover.png);
}

#unlog-bar-person:active {
    background-color:#c0c0bd;
    background-image:none;
}

.zoekwijzer { background-image:url(../images/log-bar/zoekwijzer_inactief.png);background-repeat:no-repeat; }
.zoekwijzer.active { background-image:url(../images/log-bar/zoekwijzer_actief.png);background-repeat:no-repeat;}
.zoekwijzer:hover { background-image:url(../images/log-bar/zoekwijzer_rollover.png);background-repeat:no-repeat; }
.zoekwijzer:active { background-image:url(../images/log-bar/zoekwijzer_pulldown.png);background-repeat:no-repeat; }


.favorieten { background-image:url(../images/log-bar/favorieten_inactief.png);background-repeat:no-repeat; }
.favorieten.active { background-image:url(../images/log-bar/favorieten_actief.png);background-repeat:no-repeat; }
.favorieten:hover { background-image:url(../images/log-bar/favorieten_rollover.png);background-repeat:no-repeat; }
.favorieten:active { background-image:url(../images/log-bar/favorieten_pulldown.png);background-repeat:no-repeat; }

.lessen { background-image:url(../images/log-bar/lessen_inactief.png);background-repeat:no-repeat; }
.lessen.active { background-image:url(../images/log-bar/lessen_actief.png);background-repeat:no-repeat; }
.lessen:hover { background-image:url(../images/log-bar/lessen_rollover.png);background-repeat:no-repeat; }
.lessen:active { background-image:url(../images/log-bar/lessen_pulldown.png);background-repeat:no-repeat; }


.upload { background-image:url(../images/log-bar/video_inactief.png);background-repeat:no-repeat; }
.upload.active { background-image:url(../images/log-bar/video_actief.png);background-repeat:no-repeat; }
.upload:hover { background-image:url(../images/log-bar/video_rollover.png);background-repeat:no-repeat; }
.upload:active { background-image:url(../images/log-bar/video_pulldown.png);background-repeat:no-repeat; }

.projecten { background-image:url(../images/log-bar/projecten_inactief.png);background-repeat:no-repeat; }
.projecten.active { background-image:url(../images/log-bar/projecten_actief.png);background-repeat:no-repeat; }
.projecten:hover { background-image:url(../images/log-bar/projecten_rollover.png);background-repeat:no-repeat; }
.projecten:active { background-image:url(../images/log-bar/projecten_pulldown.png);background-repeat:no-repeat; }

.prof { background-image:url(../images/log-bar/prof_inactief.png);background-repeat:no-repeat; }
.prof.active { background-image:url(../images/log-bar/prof_actief.png);background-repeat:no-repeat; }
.prof:hover { background-image:url(../images/log-bar/prof_rollover.png);background-repeat:no-repeat; }
.prof:active { background-image:url(../images/log-bar/prof_pulldown.png);background-repeat:no-repeat; }
/* MAIN */

#dashboard
{
    width: 450px;
    padding-right: 10px;
    float: left;
}

#dashboard-frame p
{
    margin: 0px;
}

#dashboard #dashboard-frame h2 {
    line-height:16px;
    margin: 0px;
}

#dashboard #dashboard-frame a {
    color: #C6342A;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin-bottom: 5px;
}

#dashboard #dashboard-frame a:hover {
    text-decoration: underline;
}

#dashboard #dashboard-frame h2 a {
    font-size:16px;
    font-family:'pt_sansbold';
    font-weight:normal;
    letter-spacing:1px;
}

#dashboard #dashboard-frame h2 a:hover {
    text-decoration:none;
}

#dashboard #dashboard-frame h2 a.pink {
    color:#cd5194;
}

#dashboard #dashboard-frame h2 a.blue {
    color:#39a8c8;
}
#dashboard #dashboard-frame h2 a.green {
    color:#96BB38;
}
#dashboard #dashboard-frame h2 a.yellow {
    color:#f1c80e;
}
#dashboard #dashboard-frame h2 a.orange {
    color:#F98861;
}

#dashboard-frame {
    font-size: 13px;
    margin:0 20px 20px 0;
    float:left;
}


#dashboard-frame.no-margin {
    margin:0px;
}

#news-social
{
    width: 250px;
    float: left;
    padding: 0px;
    margin-top: -10px;
    background-color: #e0ffff;
}

#news-social #social
{
    padding: 10px 15px;
}

#news-social .dots-news
{
    background-image: url("../images/dots-news.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    height: 2px;
    margin-top: 8px;
    width: 220px;
}

#news-social #social #twitter
{
    margin-top: 15px;
    width: 220px;
    margin: 15px 0 0 0 auto;
}


#news-social #social #facebook
{
    width: 220px;
    margin: 0px auto;
    background: #FFFFFF;
}

#news-social #news
{
    padding: 0 15px;
    margin-top: 25px;
}



#news-social #news h3
{
    color: #333333;
    font-size: 14px;
    margin: 5px 0 0px 0;
}

#news-social #news h3.hover
{
    color: #39A8C8;
}

#news-social #news h3 a
{
    color: #333333;
    font-size: 14px;
    text-decoration: none;
}

#news-social #news h3 a:hover
{
    color: #39A8C8;
}

#news-social #news a
{
    color: #333333;
    text-decoration: none;
}

#news-social #news div.intro-text
{
    font-size: 12px;
    height: 34px;
    line-height: 16px;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    width: 220px;
    color: #333333;
}

#news-social #news div.intro-text.hover
{
    color: #39A8C8;
}
#news-social #news div.readon
{
    background: transparent;
    color: #39A8C8;
    float: right;
    font-size: 14px;
    font-weight: bold;
    vertical-align: bottom;
}


#news-social #news div.readon a
{
    color: #39A8C8;
    text-decoration: none;
}

#main {
    color:#333;
    background-image:url(../images/shadow-bg.jpg);
    background-position:center;
    background-repeat:repeat-y;
}

#searchnav {
    width:710px;
    font-family: 'pt_sansbold';
    font-weight:normal;
    margin-top:20px;
}

#dots {
    background-image:url(../images/dots.jpg);
    background-repeat:repeat-x;
    background-position:bottom;
    width:700px;
    height:2px;
    margin-top:8px;
}

#searchnav h1 {
    width:305px;
    float:left;
    font-size:26px;
    letter-spacing:1px;
    color:#d1362b;
    margin:0px 0px 4px 0px;
    background-image:url(../images/zoekwijzer-icon.jpg);
    background-repeat:no-repeat;
    padding-left:50px;
    padding-top:2px;
    height:32px;
    font-weight:normal;
}

#searchnav-bar {
    width:355px;
    float:left;
}

#searchnav .searchnav-button {
    float:right;
    background-image:url(../images/searchnav-inactive.jpg);
    width:32px;
    height:31px;
    margin-right:10px;
    text-align:center;
    color:#fff;
    font-weight:700;
    font-size:24px;
    letter-spacing:1px;
    padding:3px 0px 0px 2px;
    font-family:arial;
}

#searchnav .active {
    background-image:url(../images/searchnav-active.jpg);
}

#searchnav .result {
    background-image:url(../images/searchnav-result-inactive.jpg);
    width:140px;
    height:31px;
    padding:3px 0px 0px 0px;
    font-family: 'pt_sansbold';
    font-weight:normal;
}

#searchnav .resultactive {
    background-image:url(../images/searchnav-result-active.jpg);
}

#question-header {
    width:940px;
    font-family: 'pt_sansbold';
    font-size:20px;
    font-weight:normal;
    margin-top:20px;
}

#question-header span {
    color: #69a33f;
}

#question-dots {
    background-image:url(../images/dots-questions.jpg);
    background-repeat:repeat-x;
    background-position:bottom;
    width:940px;
    height:2px;
    margin:8px 0px 8px 0px;
}

#question-container {
    width:660px;
    margin:12px 10px 0px 0px;
    float:left;
    font-size:20px;
}

#question {
    font-weight: bold;
}

#answers .input.radio {
    margin: 20px 0px 20px 0px;
}

#answers .input.radio label{
    display: block;
    margin-left: 40px;
    margin-top: -23px;
}

#answers .success {
    color: black;
    font-size: 18px;
    font-weight: bold;
    width: 628px;
}

#answers .error {
    color: black;
    font-size: 18px;
    font-weight: bold;
    width: 628px;
}

#question-image {
    width:260px;
    height:auto;
    float:left;
    padding:12px 0px 0px 10px;
}

#question-footer {
    font-family: 'pt_sansregular';
    font-size: 16px;
    font-weight: normal;
    height: 30px;
    margin: 20px 0 0 0;
    padding: 0;
    position: relative;
    width: 940px;
}

#know-more {
    background-image:url(../img/knop-meer-weten-inactief.png);
    background-repeat:repeat-x;
    background-position:bottom;
    height: 43px;
    margin: 20px 0 0 0;
    padding: 0;
    position: relative;
    width: 940px;
}

#know-more:hover {
    background-image:url(../img/knop-meer-weten-rollover.png);
}

#know-more:active {
    background-image:url(../img/knop-meer-weten-pulldown.png);
}

#question-footer span.back a{
    color: #C6342A;
    float: left;
    font-size: 20px;
    text-decoration: none;
}

#question-footer span.back a:hover{
    text-decoration: underline;
}

#question-footer span.next a {
    color: #69a33f;
    float: right;
    font-size: 20px;
    text-decoration: none;
}

#question-footer span.next a:hover{
    text-decoration: underline;
}

ul.groups {
    list-style-type:none;
    padding-left:0px;
    width:710px;
}

.groups li {
    float:left;
    background-image:url(../images/groups-inactive.jpg);
    width:225px;
    height:63px;
    margin-right:11px;
    margin-bottom:11px;
    text-align:center;
    font-weight:700;
    color:#fff;
    padding-top:10px;
    font-size:16px;
    text-transform:lowercase;
    cursor:pointer;
}

.groups li.selected {
    background-image:url(../images/groups-active.jpg);
}

.groups li:hover {
    background-image:url(../images/groups-active.jpg);
}

#search-bottom-nav {
    clear:both;
    margin-top:16px;
    color:#fff;
    text-transform:uppercase;
    font-family: 'pt_sansregular';
    font-weight:normal;
    letter-spacing:1px;
    font-size:16px;
}

.search-bottom-prev {
    width:130px;
    height:22px;
    float:left;
    color:#d1362b;
    padding-top:4px;
    cursor:pointer;
}

.search-bottom-prev:hover {
    text-decoration:underline;
}

.search-bottom-prev .active {
    text-decoration:underline;
}

.search-bottom-next {
    width:223px;
    height:22px;
    float:right;
    margin-right:2px;
    text-align:center;
    padding-top:4px;
    background-image:url(../images/step-next.jpg);
    cursor:pointer;
}

#line {
    background-image: url("../images/hr-bg.jpg");
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 100%;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

#main h2 {
    font-family: 'pt_sansregular';
    font-weight:normal;
    font-size:22px;
}

#main h2 a {
    font-family:'pt_sansregular';
    font-weight:normal;
    font-size:22px;
    color:#d1362b;
    text-decoration:none;
}

#main h2 a:hover {
    text-decoration:underline;
}

#main-left {
    width:700px;
    margin:0px 10px 0px 0px;
    float:left;
    font-size:12px;
    overflow: hidden;
}

#main-left .register-block {
    height:81px;
    margin-bottom:30px;
    background-image:url(../images/register-button.jpg);
    background-repeat:repeat-x;
    text-align:center;
    width: 49%;
}

#main-left .register-block:hover {
    background-image:url(../images/register-button-hover.jpg);
}

#main-left .register-block a {
    color:#fff;
    text-decoration:none;
    font-family: 'pt_sansbold';
    font-weight:normal;
    font-size:32px;
    letter-spacing:0.5px;
    display:block;
    height:81px;
    line-height: 81px;
    width:100%;
}

#main-left .register-block a .register-big {
    font-family: 'pt_sansbold';
    font-weight:normal;
    font-size:32px;
    line-height:36px;
    letter-spacing:1px;
}

.prev a {
    float: left;
    color: #C6342A;
    text-decoration: none;
    font-size: 14px;
}

.prev a:hover {
    text-decoration: underline;
}


#main-left #video-container
{
    margin-top: 20px;
}

div.breadcrumbs
{
    background: none repeat scroll 0 0 #FFFFFF;
    color: #AAA89E;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 940px;
}

div.breadcrumbs a
{
    color: #AAA89E;
    text-decoration: none;
}

div.breadcrumbs a:hover
{
    text-decoration: underline;
}

#content-block {

}

#content-block h1 {
    font-size:16px;
    letter-spacing:0.6px;
    color:#aaa89e;
}

#content-block a {
    color:#c6342a;
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
}

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

#content-block p {
    font-size:12px;
    line-height:18px;
}

#news-items p {
    margin: 0 0 16px 0;
}

#news-items img {
    float: left;
    margin: 4px 10px 10px 0;
}

#news-items a {
    color: #C6342A;
    text-decoration: none;
}

#news-items a:hover {
    text-decoration: underline;
}

#news-items .paginator a {
    font-size: 14px;
}

#news-items .paginator .next {
    float: right;
}

#news-items .paginator .prev {
    float: left;
}


#news-items h1 {
    font-family: 'pt_sansbold';
    font-weight: normal;
    letter-spacing: 1px;
    font-size: 22px;
    margin-bottom: 10px;
    color: #333333;
}

.lead {
    width:220px;
    float:left;
    margin-right:20px;
}

#main-right {
    width:220px;
    height:auto;
    background-image:url(../images/shadow.jpg);
    background-repeat:no-repeat;
    float:right;
    padding:0px 0px 0px 10px;
}

#main-right h1.home-head {
    margin-top:0px;
    margin-bottom:10px;
}

#main-right h1 {
    font-size:18px;
    text-transform:uppercase;
    font-weight:normal;
    margin0-top:22px;
}

#main-right h3 {
    font-size:14px;
    font-weight:bold;
    margin-left:10px;
}

#main-right h4 {
    font-size:12px;
    font-weight:bold;
    margin-left:15px;
}

#main-right #search-filter {
    margin-top: 90px;
}

#main-right ul {
    list-style-type:none;
    padding-left:0px;
}

#main-right ul li {
    margin-bottom:10px;
    height: 190px;
}

#main-right .vid-share,
#main-right .vid-social {
    float: left;
    height: 21px;
    margin-top: 3px;
    width: 42px
}

#main-right .spacer {
    width:100%;
    margin:2px 0px;
}

#main-right .spacer img {
    margin:-4px 3px 0px 5px;
}

#main-right .spacer-social {
    width:100%;
    margin:8px 0px 8px 10px;
}

#main-right .spacer-social img {
    margin:-5px 3px 0px 0px;
}

#main-right a.extra-button {
    background: url("../images/knop-inactief.png") no-repeat scroll left top transparent;
    color: #FFFFFF;
    height: 15px;
    padding: 0;
    width: 61px;
    text-decoration: none;
    display: inline-block;
    border: 0px;
    cursor: pointer;
    font-size:12px;
    text-transform:lowercase;
    text-align: center;
    font-family:arial;
    font-weight:normal;
    margin-top: 5px;
}

#main-right a.extra-button:hover {
    background: url("../images/knop-rollover.png") no-repeat scroll left top transparent;
}

#main-right a.extra-button:active {
    background: url("../images/knop-active.png");
    padding-left: 2px;
}

#main-right button.extra-button {
    background: url("../images/knop-inactief.png") no-repeat scroll left top transparent;
    color: #FFFFFF;
    height: 15px;
    padding: 0;
    width: 61px;
    text-decoration: none;
    display: inline-block;
    border: 0px;
    cursor: pointer;
    font-size:12px;
    text-transform:lowercase;
    text-align: center;
    font-family:arial;
    font-weight:normal;
    margin-top: 5px;
}

#main-right button.extra-button:hover {
    background: url("../images/knop-rollover.png") no-repeat scroll left top transparent;
}

#main-right button.extra-button:active {
    background: url("../images/knop-active.png");
    padding-left: 2px;
}

#main-right a{
    text-decoration: none;
}

#main-right hr {
    margin:10px 0px;
    height:3px;
    border:0px;
    border:none;
    background-color:transparent;
    background-image:url(../images/right-hr-bg.png);
    background-repeat:no-repeat;
}

#main-right div.vid-wrapper{
    float:left; /* important */
    position:relative; /* important(so we can absolutely position the description div */
    height:140px;
    width: 220px;
    overflow:hidden;
}

#main-right div.more-info a {
    font-size: 14px;
    font-weight: bold;
}

#main-right .news-items {
    margin-top: 15px;
}
#main-right .news-items a {
    color: #C6342A;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin-bottom: 5px;
}

#main-right .news-items a:hover {
    text-decoration: underline;
}

/* PLAY BUTTON DIE HELEMAAL GOED IS GECSS'D */

#main-right div.vid-wrapper div.vid-play-button{
    background-image: url("../images/playknop_inactief.png");
    background-position:center center;
    background-repeat: no-repeat;
    height: 140px;
    position: absolute;
    width: 220px;
    z-index:90;
}

#main-right div.vid-wrapper div.vid-play-button:hover {
    background-image: url("../images/playknop_actief.png");
}

.videos a {
    color:#393737;
    text-decoration:none;
}

.vid-duration {
    position:absolute;
    z-index:88;
    top:0;
    left:0;
    background-color:#000;
    width:30px;
    padding:5px 8px 3px 5px;
    color:#fff;
    text-decoration:none;
    float:right;
    margin-top:117px;
    margin-left: 176px;
}

.vid-text {
    margin-top:4px;
    width:164px;
    margin-right:10px;
    height:28px;
    float:left;
}

#main-right img {
    width:222px;
    border:0px;
}

#searchbar {

}

#searchbar .search_module {
    font-family: 'pt_sansbold';
    font-weight:normal;
}

/* LOGIN */

.register-login-left {
    width:200px;
    float:left;
    text-align:right;
    margin-right:10px;
    font-size:12px;
}

/* DEZE */
.register-login-left .register-label,
.info-school-left .register-label,
.personal-data-left .register-label,
.profile-image-left .register-label,
.pass-terms-left .register-label,
.add-lesson-left .register-label,
.add-video-left .video-label {
    height:20px;
    margin-bottom:10px;
    padding-top:7px;
}

.register-login-right {
    float:left;
}

/* & DEZE */
.register-login-right .input-email,
.register-login-right .input-password,
.info-school-right .input-brin,
.personal-data-right .input-school_name,
.personal-data-right .input-naam,
.personal-data-right .input-functie,
.personal-data-right .input-email,
.personal-data-right .input-profilepic,
.personal-data-right .input-street,
.personal-data-right .input-house_nr,
.personal-data-right .input-zip,
.personal-data-right .input-city,
.personal-data-right .input-phone,
.personal-data-right .input-password,
.add-lesson-right .input-naam,
.dialog-form .input-naam {
    background-image:url(../images/inputfield.jpg);
    width:217px;
    height:26px;
    margin-bottom:10px;
    border:0px;
    background-color:transparent;
    padding:1px 5px 0px 5px;
    font-family:arial;
    font-size:12px;
    color:#393737;
    float:left;
}

#school-name {
    height:20px;
    margin-bottom:10px;
    border:0px;
    padding:1px 5px 0px 5px;
    font-family:arial;
    font-size:12px;
    font-weight: bold;
    color:#393737;
    float:left;
    padding-top: 7px;
}

#method-header {
    height:20px;
    margin-bottom:7px;
    border:0px;
    padding:1px 5px 0px 5px;
    font-family:arial;
    font-size:12px;
    font-weight: bold;
    color:#393737;
    float:left;
    padding-top: 7px;
}

.personal-data-right .form-error,
.register-login-right .form-error,
.info-school-right .form-error,
.pass-terms-right .form-error {
    background-image:url(../images/inputfield-error.jpg);
}

.register-login-right .input-remember {
    width:13px;
    margin:0px 0px 10px 0px;
    height:25px;
}

.register-login-right .input-submit {
    background-image:url(../images/register-btn.jpg);
    width:101px;
    height:27px;
    border:0px;
    background-color:transparent;
    font-size:16px;
    padding-top:0px;
    text-transform:lowercase;
    font-family:arial;
    font-weight:bold;
    color:#fff;
    margin-bottom:10px;
    cursor:pointer;
}

.register-login-right .input-submit:hover {
    background-image:url(../images/register-btn-hover.jpg);
}

.register-text {
    font-size:12px;
    margin-top:0px;
}

.register-text a {
    color:#d1362b;
    font-size: 12px;
}

#info-school {
    background-image:url(../images/hr-bg.jpg);
    background-position:left bottom;
    background-repeat:no-repeat;
    padding-bottom:10px;
    margin-bottom:20px;
    height:100%;
}

.info-school-left {
    width:200px;
    float:left;
    text-align:right;
    margin-right:10px;
    font-size:12px;
}

.info-school-right {
    float:left;
}

#personal-data {
    background-image:url(../images/hr-bg.jpg);
    background-position:left bottom;
    background-repeat:no-repeat;
    padding-bottom:10px;
    margin-bottom:20px;
    height:100%;
}

#personal-data-children {
     background-image:url(../images/hr-bg.jpg);
     background-position:left bottom;
     background-repeat:no-repeat;
     padding-bottom:10px;
     margin-bottom:20px;
     height:100%;
}

#interests {
    background-image:url(../images/hr-bg.jpg);
    background-position:left bottom;
    background-repeat:no-repeat;
    padding-bottom:10px;
    margin-bottom:20px;
    height:100%;
}

#method-interests {
    background-image:url(../images/hr-bg.jpg);
    background-position:left bottom;
    background-repeat:no-repeat;
    padding-bottom:10px;
    margin-bottom:20px;
    height:100%;
}

.personal-data-left {
    width:200px;
    float:left;
    text-align:right;
    margin-right:10px;
    font-size:12px;
}

.personal-data-right {
    float:left;
}

.gender {
    float:left;
    margin-top:3px;
}

#profile-image {
    background-image:url(../images/hr-bg.jpg);
    background-position:left bottom;
    background-repeat:no-repeat;
    padding-bottom:10px;
    height:100%;
}

.profile-image-left {
    width:200px;
    float:left;
    text-align:right;
    margin-right:10px;
    font-size:12px;
}

.profile-image-right {
    float:left;
}

/* REGISTER */

#register-as ul#register_type {
    list-style-type:none;
    padding-left:0px;
    margin-left:0px;
}

#register-as ul#register_type li.ouder-verzorger {
    float:left;
    height:27px;
    width:154px;
    background-image:url(/images/as-parent.jpg);
    background-repeat:no-repeat;
    margin-right:10px;
    text-align:center;
}

#register-as ul#register_type li.ouder-verzorger:hover {
    background-image:url(/images/as-parent-hover.jpg);
}

#register-as ul#register_type li.ouder-verzorger a {
    color:#fff;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    height:24px;
    padding:3px 10px 0px 10px;
}

#register-as ul#register_type li.bedrijf-instelling {
    float:left;
    height:27px;
    width:154px;
    background-image:url(/images/as-parent.jpg);
    background-repeat:no-repeat;
    margin-right:10px;
    text-align:center;
}

#register-as ul#register_type li.bedrijf-instelling:hover {
    background-image:url(/images/as-company-hover.jpg);
}

#register-as ul#register_type li.bedrijf-instelling a {
    color:#fff;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    height:24px;
    padding:3px 10px 0px 10px;
}

#register-as ul#register_type li.docent {
    float:left;
    height:27px;
    background-image:url(/images/as-docent.jpg);
    background-repeat:no-repeat;
    margin-right:10px;
    text-align:center;
}

#register-as ul#register_type li.docent:hover {
    background-image:url(/images/as-docent-hover.jpg);
}

#register-as ul#register_type li.docent a {
    color:#fff;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    height:24px;
    padding:3px 10px 0px 10px;
}

.interests-left {
    width:200px;
    float:left;
    text-align:right;
    margin-right:10px;
    font-size:12px;
}

.interests-left .doelgroep {
    height:88px;
    padding-top:7px;
}

.interests-left .vakgebied {
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    padding-top: 0;
}

.interests-right {
    float:left;
}

.interests-right ul {
    width:490px;
    margin:0px;
    padding-bottom: 7px;
}

.interests-right ul.subjects {
    margin-top:10px;
}

#interests .interests-right .groups > li {
    width:90px;
    height:27px;
    margin-right:10px;
    background-image:url(../images/doelgroep-bg.jpg);
    background-repeat:no-repeat;
    padding-top:5px;
    cursor:pointer;
}

#interests .interests-right .groups > li.no-margin {
    margin:0px;
}

#interests .interests-right .groups > li:hover {
    background-image:url(../images/doelgroep-bg-selected.jpg);
}

#interests .interests-right .groups > li.selected {
    background-image:url(../images/doelgroep-bg-selected.jpg);
}

#interests .interests-right ul.subjects > li .page-flip {
    width:150px;
    height:112px;
    position:relative;
    z-index:40;
    margin-top:-132px;
    margin-bottom:5px;
    cursor:pointer;
}

#interests .interests-right ul.subjects > li .page-flip:hover {
    background-image:url(../images/flip-page2.png);
    background-position:left top;
    background-repeat:no-repeat;
}

#interests .interests-right ul.subjects > li .page-flip.selected {
    background-image:url(../images/flip-page2.png);
    background-position:left top;
    background-repeat:no-repeat;
}

#interests .interests-right ul.subjects > li img {
    position:relative;
    z-index:30;
}

#methods {
    margin-bottom:0px;
}

#methods .methods-left {
    width:200px;
    float:left;
    text-align:right;
    margin-right:10px;
    font-size:12px;
}

#methods .methods-right {
    width:490px;
    float:left;
    margin-bottom:20px;
}

#methods ul.methods > li {
    width:150px;
    margin-bottom:0px;
    float:left;
    line-height:16px;
}

#methods ul.methods > li.selected {
    font-weight:bold;
}

.pass-terms-left {
    width:200px;
    float:left;
    text-align:right;
    margin-right:10px;
    font-size:12px;
}

.pass-terms-right {
    width:490px;
    float:left;
    margin:0px;
}

.pass-terms-right .error-message {
    margin-left:0px;
}

.pass-terms-right .input-password {
    margin-right:10px;
}

#agreement {
    height:100%;
}

.agreement-left {
    width:200px;
    float:left;
    text-align:right;
    margin-right:10px;
    font-size:12px;
}

.agreement-right {
    float:left;
}

.agreement-right .checkbox {
    margin-bottom:10px;
}

.agreement-right .error-message {
    margin-left:0px;
    width:auto;
}

.agreement-right .checkbox #UserTermsAndConditions1 {
    margin:0px 5px 0px 0px;
}

.agreement-right .registreer-button {
    background-image:url(../images/register-btn.jpg);
    width:101px;
    height:24px;
    border:0px;
    background-color:transparent;
    padding-top:3px;
    text-align:center;
}

.agreement-right .registreer-button:hover {
    background-image:url(../images/register-btn-hover.jpg);
}

.agreement-right .registreer-button a {
    font-size:16px;
    text-transform:lowercase;
    font-family:arial;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
}

/* upload */
#upload {
    height:100%;
}

.upload-left {
    width:200px;
    float:left;
    text-align:right;
    margin-right:10px;
    font-size:12px;
}

.upload-right {
    float:left;
    margin-top: 10px;
}

.upload-right .upload-button {
    background-image:url(../images/register-btn.jpg);
    width:101px;
    height:24px;
    border:0px;
    background-color:transparent;
    padding-top:3px;
    text-align:center;
}

.upload-right .upload-button:hover {
    background-image:url(../images/register-btn-hover.jpg);
}

.upload-right .upload-button a {
    font-size:16px;
    text-transform:lowercase;
    font-family:arial;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
}

/* VAKKEN */

ul.subjects {
    list-style-type:none;
    padding:0px;
}

ul.subjects > li {
    float:left;
    margin-right:20px;
    margin-bottom:20px;
    text-align:center;
    cursor:pointer;
}

ul.subjects > li .page-flip {
    width:220px;
    height:166px;
    position:relative;
    z-index:40 ;
    margin-top:-169px;
    margin-bottom:5px;
}

ul.subjects > li img {
    position:relative;
    z-index:30;
}

ul.subjects > li .page-flip:hover {
    background-image:url(../images/flip-page2.png);
    background-position:left top;
    background-repeat:no-repeat;
}

ul.subjects > li .page-flip.selected {
    background-image:url(../images/flip-page2.png);
    background-position:left top;
    background-repeat:no-repeat;
}

ul.subjects > li.no-margin {
    margin:0px;
}

ul.subjects > li span {
    font-weight:bold;
    font-size:14px;
    letter-spacing:1px;
}

ul.subjects > li span.k4 {
    color:#703199;
}

ul.subjects > li span.k5 {
    color:#1f783b;
}

ul.subjects > li span.k7 {
    color:#de9418;
}

/* METHODS */

#method_info {
    margin-bottom:20px;
}

#method_image {
    float:left;
    width:220px;
    height:140px;
    margin-right:10px;
    overflow:hidden;
}

#method_image img {
    height:140px;
}

#method_data {
    float:left;
    margin-top:68px;
}

#method_data h1 {
    font-size:12px;
    font-weight:bold;
    margin:0px;
    padding:0px;
}

ul.methods {
    list-style-type:none;
    padding:0px;
}

ul.methods > li {
    float:left;
    width:220px;
    margin-right:20px;
    margin-bottom:20px;
    cursor:pointer;
}

ul.methods > li .page-flip {
    width:220px;
    height:140px;
    position:relative;
    z-index:40 ;
    margin-top:-144px;
    margin-bottom:5px;
}

ul.methods > li img {
    position:relative;
    z-index:30;
}

ul.methods > li .page-flip:hover {
    background-image:url(../images/flip-page2.png);
    background-position:left top;
    background-repeat:no-repeat;
}

ul.methods > li .page-flip.selected {
    background-image:url(../images/flip-page2.png);
    background-position:left top;
    background-repeat:no-repeat;
}

ul.methods > li.no-margin {
    margin:0px;
}

ul.methods > li img {
    width:220px;
    height:140px;
}

#chapters {
    margin-top:20px;
}

#video_result {
    font-size:12px;
}

#video_result h1 {
    font-family:'pt_sansregular';
    font-weight:normal;
    font-size:22px;
    text-decoration:none;
    text-transform:uppercase;
}

#video_result ul.videos {
    list-style-type:none;
    padding:0px;
}

#video_result ul.videos > li {
    width:220px;
    margin-right:20px;
    float:left;
    height:210px;
    margin-bottom:10px;
    overflow: hidden;
    /*
    background-image:url(../images/list-item-bg.png);
    background-repeat:no-repeat;
    background-position:right bottom;
    padding-bottom:5px;
    */
}

#video_result ul.videos > li.no-margin {
    margin:0px;
}

#video_result ul.videos > li img {
    width:222px;
}

#video_result ul.videos > li .vid-share img {
    width:42px;
}

.vid-play {
    background-image: url("../images/playknop_inactief.png");
    background-position:center center;
    background-repeat: no-repeat;
    height: 140px;
    position: absolute;
    width: 220px;
    z-index:90;
    text-decoration:none; /* Because this class is an <a> */
    cursor:pointer;
}

.vid-play:hover {
    background-image:url(../images/playknop_actief.png);
}

#video_result .vid-duration {
    position:relative;
    z-index:88;
    top:0;
    left:0;
    background-color:#000;
    width:27px;
    padding:5px 8px 3px 5px;
    color:#fff;
    text-decoration:none;
    float:right;
    margin-top:-22px;
}

#video_result .vid-image {
    width:222px;
    height:140px;
    overflow:hidden;
    cursor:pointer;
}

#video_result .vid-text {
    width:164px;
    margin-right:10px;
    height:72px;
    float:left;
    overflow: hidden;
}

#video_result .vid-text .vid-title{
    height:28px;
    overflow: hidden;
}

#video_result .vid-text .vid-extra {
    overflow: hidden;
    margin-top: 5px;
    font-size: 11px;
}

#video_result .vid-share {
    width:42px;
    float:left;
    margin-top:2px;
}

#video_result .vid-share .vid-share-lesson {
    margin-top:2px;
}

/* FAVORITES */

#video_result h1 {
    font-family:'pt_sansregular';
    font-weight:normal;
    font-size:22px;
    text-decoration:none;
    text-transform:uppercase;
}

#video_result ul#my-list {
    list-style-type:none;
    padding:0px;
    font-size:12px;
    margin-left:0px;
    width: 720px;
}

#video_result ul#my-list li {
    width:220px;
    height: 190px;
    margin-right:20px;
    float:left;
    margin-bottom:20px;
    background-image:url(../images/list-item-bg.png);
    background-repeat:no-repeat;
    background-position:right bottom;
    padding-bottom:5px;
    overflow: hidden;
}

#video_result ul#my-list li.no-margin {
    margin:0px;
}

#video_result ul#my-list li img {
    width:222px;
}

#video_result ul#my-list li .vid-share img {
    width:42px;
}

ul#my-list li .vid-duration {
    position:relative;
    z-index:88;
    top:0;
    left:0;
    background-color:#000;
    width:27px;
    padding:5px 8px 3px 5px;
    color:#fff;
    text-decoration:none;
    float:right;
    margin-top:-23px;
}

ul#my-list li .vid-text {
    width:164px;
    margin-right:10px;
    float:left;
    height:auto;
    margin-bottom:5px;
}

ul#my-list li .copy-del a {
    font-size:12px;
    color:#cd5194;
    text-decoration:none;
}

#video_result ul#lesson-video-list {
    list-style-type:none;
    padding:0px;
    font-size:12px;
    margin-left:0px;
    width: 720px;
}

#video_result ul#lesson-video-list li {
    width:220px;
    height: 190px;
    margin-right:20px;
    float:left;
    margin-bottom:20px;
    background-image:url(../images/list-item-bg.png);
    background-repeat:no-repeat;
    background-position:right bottom;
    padding-bottom:5px;
    overflow: hidden;
}

#video_result ul#lesson-video-list li.no-margin {
    margin-right:0px;
}

#video_result ul#lesson-video-list li img {
    width:222px;
}

#video_result ul#lesson-video-list .vid-share img {
    width:42px;
}

ul#lesson-video-list li .vid-duration {
    position:relative;
    z-index:88;
    top:0;
    left:0;
    background-color:#000;
    width:27px;
    padding:5px 8px 3px 5px;
    color:#fff;
    text-decoration:none;
    float:right;
    margin-top:-23px;
}

ul#lesson-video-list li .vid-text-container {
    width:164px;
    margin-right:10px;
    float:left;
    height: 55px;
    overflow: hidden;
}

ul#lesson-video-list li .vid-text {
    width:164px;
    margin-right:10px;
    float:left;
    height:auto;
    margin-bottom:5px;
    height: 26px;
    line-height: 13px;
    overflow: hidden;
}

ul#lesson-video-list li .copy-del {
    width:160px;
}

ul#lesson-video-list li .copy-del a {
    font-size:12px;
    color:#39A8C8;
    text-decoration:none;
}

#favorite-nav {
    width:710px;
    font-family: 'pt_sansbold';
    font-weight:normal;
    margin-top:20px;
}

#favorite-nav h1 {
    font-size:26px;
    letter-spacing:1px;
    color:#cd5194;
    margin:0px 0px 4px 0px;
    background-image:url(../images/dashboard-favorites.png);
    background-repeat:no-repeat;
    padding-left:50px;
    padding-top:2px;
    height:32px;
    font-weight:normal;
}

#favorite-dots {
    background-image:url(../images/dots-favorites.jpg);
    background-repeat:repeat-x;
    background-position:bottom;
    width:700px;
    height:2px;
    margin-top:8px;
}

/* UPLOAD */

#upload-nav {
    width:710px;
    font-family: 'pt_sansbold';
    font-weight:normal;
    margin-top:20px;
}

#upload-nav h1 {
    font-size:26px;
    letter-spacing:1px;
    color:#96bb38;
    margin:0px 0px 4px 0px;
    background-image:url(../images/dashboard-upload.png);
    background-repeat:no-repeat;
    padding-left:50px;
    padding-top:2px;
    height:32px;
    font-weight:normal;
}

#upload-dots {
    background-image:url(../images/dots-upload.jpg);
    background-repeat:repeat-x;
    background-position:bottom;
    width:700px;
    height:2px;
    margin-top:8px;
}

/* PROJECTS */
#project-nav {
    width:710px;
    font-family: 'pt_sansbold';
    font-weight:normal;
    margin-top:20px;
}

#project-nav h1 {
    font-size:26px;
    letter-spacing:1px;
    color:#f1c80e;
    margin:0px 0px 4px 0px;
    background-image:url(../images/project-icoon.png);
    background-repeat:no-repeat;
    padding-left:50px;
    padding-top:2px;
    height:34px;
    font-weight:normal;
}

#project-dots {
    background-image:url(../images/dots-projects.jpg);
    background-repeat:repeat-x;
    background-position:bottom;
    width:700px;
    height:2px;
    margin-top:8px;
}


/* PROF */
#prof-nav {
    width:100%;
    font-family: 'pt_sansbold';
    font-weight:normal;
    margin-top:20px;
}

#prof-nav h1 {
    font-size:26px;
    letter-spacing:1px;
    color:#F9883E;
    margin:0px 0px 4px 0px;
    background-image:url(../images/prof-icoon.png);
    background-repeat:no-repeat;
    padding-left:50px;
    padding-top:2px;
    height:34px;
    font-weight:normal;
}

#prof-dots {
    background-image:url(../images/dots-prof.jpg);
    background-repeat:repeat-x;
    background-position:bottom;
    width:100%;
    height:2px;
    margin-top:8px;
}

/* LESSONS */

#video_result h1 {
    font-family:'pt_sansregular';
    font-weight:normal;
    font-size:22px;
    text-decoration:none;
    text-transform:uppercase;
}

ul#my-list-lessons {
    list-style-type:none;
    padding:0px;
    font-size:12px;
    margin-left:0px;
    margin-right:20px;
    float:left;
    margin-bottom:20px;
    width: 720px;
}

ul#my-list-lessons li {
    width:220px;
    background-position: right bottom;
    background-repeat: no-repeat;
    float: left;
    height: 190px;
    margin-bottom: 20px;
    margin-right: 20px;
    padding-bottom: 5px;
    width: 220px;
}

#video-result ul.no-margin {
    margin: 11px 0px 0px 0px;
}

ul#my-list-lessons li img {
    width:222px;
}

ul#my-list-lessons li .vid-image {
    height:120px;
    overflow:hidden;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
}

ul#my-list-lessons .vid-flipper {
    position:absolute;
    margin-top:-120px;
    width:220px;
    height:120px;
    z-index:900;
}

ul#my-list-lessons li .vid-flipper:hover {
    background-image:url(../images/flip-page2.png);
    background-position:left top;
    background-repeat:no-repeat;
}

#video-result ul li .triggir a .vid-image .action:hover {
    background-image:url(../images/flip-page2.png);
    background-position:left top;
    background-repeat:no-repeat;
}

#add-lesson-frame .action:hover {
    background-image:url(../images/flip-page2.png);
    background-position:left top;
    background-repeat:no-repeat;
    background-color:#BCE7E6
}

ul#my-list-lessons li .vid-share img {
    width:42px;
    height: 21px;
}

ul#my-list-lessons li .vid-duration {
    position:relative;
    z-index:88;
    top:0;
    left:0;
    background-color:#000;
    width:27px;
    padding:5px 8px 3px 5px;
    color:#fff;
    text-decoration:none;
    float:right;
    margin-top:-25px;
}

ul#my-list-lessons li .vid-text {
    width:220px;
    margin-right:10px;
    float:left;
    height:auto;
    margin-bottom:5px;
}

ul#my-list-lessons li .copy-del a {
    font-size:12px;
    color:#39a8c8;
    text-decoration:none;
    padding:3px 0px;
    width:70px;
    display:block;
}

ul#my-list-lessons li .copy-del a:hover {
    text-decoration:underline;
}

#add-lesson-frame {
    width:220px;
    float:left;
    padding-bottom: 7px;
    background-image:url(../images/list-item-bg.png);
    background-repeat:no-repeat;
    background-position:right bottom;
}

.action {
    background-color:#bce7e6;
    width:220px;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    text-align:center;
    height:120px;
}

.action a {
    text-decoration:none;
}

.action .question-mark {
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    font-size:20px;
    margin-bottom:20px;
    margin:auto;
    width:26px;
    height:36px;
    text-shadow: 0px 0px 5px #000;
}

.action .add-lesson {
    background-color:#39a8c8;
    padding:5px;
    color:#fff;
}

.action a.but-add {
    width:220px;
    height:91px;
    display:block;
    padding:24px 0px 5px 0px;
}

.action .vid-text {
    margin:4px 0px 5px 0px;
}

#add-lesson-frame .copy-del a {
    font-size:12px;
    color:#39a8c8;
    text-decoration:none;
}

#add-lesson-frame .copy-del a:hover {
    text-decoration:underline;
}

/* LESSON VIEW */

#playlist {

}

#playlist ul > li {
    background-image:url(../images/list-item-bg.png);
    background-repeat:no-repeat;
    background-position:right bottom;
    padding-bottom:5px;
    margin-bottom:20px;
}

#playlist ul > li .vid-image {
    width:220px;
    height:140px;
    overflow:hidden;
}

#playlist ul > li .vid-text {
    overflow: hidden;
    width:164px;
    margin-right:10px;
    height:28px;
    float:left;
}

ul#my-list-lessons li .vid-text a {
    font-weight:bold;
    color:#393737;
    text-decoration:none;
    font-size:12px;
}

#playlist ul > li img {
    width:220px;
    height:140px;
}

#playlist .vid-duration {
    margin-top:-68px;
}

#playlist .vid-play {
    position:absolute;
    z-index:88;
    top:100;
    left:1;
    background-image:url(../images/play-button.png);
    background-repeat:no-repeat;
    width:40px;
    height:40px;
    margin-top:-116px;
    margin-left:90px;
    cursor:pointer;
}

#playlist ul > li .copy-del a {
    font-size:12px;
    color:#39a8c8;
    text-decoration:none;
}

#playlist ul > li .copy-del a:hover {
    text-decoration:underline;
}

#lesson-nav h2 a {
    color:#393737;
}

#lesson-nav h2 a:hover {
    text-decoration:none;
}

#lesson-nav p span:hover {
    cursor: pointer;
    text-decoration: underline;
}

.vid-lesson-name {
    position:relative;
    z-index:88;
    text-align:center;
    width:220px;
    height: 51px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top:-70px;
    cursor:pointer;
    font-size:20px;
    color:#fff;
    font-weight:bold;
    text-shadow:0px 0px 5px #000;
}

#my-list-lessons li a {
    text-decoration:none;
}

#lesson-nav {
    width:710px;
    font-family: 'pt_sansbold';
    font-weight:normal;
    margin-top:20px;
}

#main-right #lesson-nav {
    width:220px;
    font-weight:normal;
    margin-top:20px;
}

#main-right #lesson-nav p {
    font-weight:normal;
    margin:5px 0px;
    color:#39a8c8;
    font-size: 16px;
}

#main-right #lesson-nav a {
    font-weight:normal;
    margin:5px 0px;
    color:#39a8c8;
    text-decoration: none;
    font-size: 16px;
}

#lesson-nav h1 {
    font-size:26px;
    letter-spacing:1px;
    color:#39a8c8;
    margin:0px 0px 4px 0px;
    background-image:url(../images/dashboard-lessons.png);
    background-repeat:no-repeat;
    padding-left:50px;
    padding-top:2px;
    height:32px;
    font-weight:normal;
}

#lesson-dots {
    background-image:url(../images/dots-lessons.jpg);
    background-repeat:repeat-x;
    background-position:bottom;
    width:700px;
    height:2px;
    margin-top:8px;
}

/* ADD LESSON */

#add-lesson {
    margin-top:20px;
    margin-bottom:10px;
    height:100%;
}

.add-lesson-left {
    width:200px;
    float:left;
    text-align:right;
    margin-right:10px;
    font-size:12px;
}

.add-lesson-right {
    float:left;
}

#add-video {
    margin-top:20px;
    margin-bottom:10px;
    height:100%;
}

.add-video-left {
    width:190px;
    float:left;
    text-align:right;
    margin-right:10px;
    font-size:12px;
}

.add-video-right {
    float:left;
}

.add-video-right .input-title {
    width:471px;
    margin-bottom:10px;
    padding:1px 5px 0px 5px;
    font-family:arial;
    font-size:14px;
    color:#393737;
    float:left;
}

.add-video-right textarea{
    width: 485px;
    font-size:14px;
}
/* FOOT */

#footer {
    width:100%;
    height:24px;
    background-color:#393737;
    text-align:center;
    z-index:99;
}

#footer a {
    color:#fff;
    text-decoration:none;
    line-height:20px;
}

/* ALERTS */

.error {
    width:678px;
    background-color:#dd857f;
    padding:10px;
    margin-bottom:20px;
    border:1px solid #c6342a;
    color:#fff;
    font-size:12px;
}

.error-message {
    width:auto;
    background-color:#dd857f;
    padding:5px;
    margin: 0px 6px 10px 10px;
    border:1px solid #c6342a;
    color:#fff;
    font-size:12px;
    float:left;
    /* display: inline-table; */
}


.success {
    width:678px;
    background-color:#a4c88c;
    padding:10px;
    margin-bottom:20px;
    border:1px solid #68a340;
    color:#fff;
    font-size:12px;
}

/* EXTRA CLASSES */

.pt-sans {
    font-family: 'pt_sansbold';
    font-weight:normal;
    letter-spacing:1px;
}

.no-margin {
    margin:0px;
}

.tiny-text {
    font-size:10px;
}

.bigbold {
    font-size:34px;
    font-weight:bold;
    line-height:32px;
}

.green {
    color:#1f783b;
}

/* FILE UPLOAD */


.file-upload {
    overflow: hidden;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    background-image:url(../images/doelgroep-bg.jpg);
    background-repeat:no-repeat;
    float:left;
}

.file-upload:hover {
    background-image:url(../images/doelgroep-bg-selected.jpg);
}

.file-upload input {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    font-size: 70px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.file-upload strong {
    font: bold 16px arial,sans-serif;
}

.file-upload span {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    padding-top:5px;
}

.file-upload a {
    font-size: 16px;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    outline: medium none;
}

.file-upload {
    height:32px;
}
.file-upload, .file-upload span {
    width:90px;
}

.file-upload-status {
    margin-left: 10px;
    vertical-align: middle;
    padding: 2px 5px 0px 6px;
    font-weight: normal;
    font-size: 12px;
    line-height:24px;
    color: #393737;
    height:25px;
    background-image:url(../images/inputfield-repeat.jpg);
    overflow:hidden;
    float:left;
    border-left:1px solid #a4a4a6;
    border-right:1px solid #a4a4a6;
}

/* TOOLTIP -> FAV BALLOON */

.tooltip {
    display:none;
    background-color:#DDD;
    color:#575756;
    position:absolute;
    top:100;
    z-index:200;
    width:87px;
    padding:5px 5px 5px 8px;
    text-align:left;
}

/* FANCYBOX */


#fancybox-content {
    background-color:#DDD;
    height:auto;
    font-size:12px;
    overflow:auto;
}

#fancybox-content p {
    margin:0px;
    padding:5px;
    color:#575756;
}

#fancybox-content a {
    color:#575756;
    text-decoration:none;
    padding:5px;
    width:340px;
    display:block;
}

#fancybox-content .lesson-select {
    background-color:#DDD;
    width:350px;
}

#fancybox-content .lesson-select:hover {
    background-color:#39a8c8;
}

#fancybox-content .lesson-select-fav:hover {
    background-color:#cd5194;
}

#fancybox-content a:hover {
    color:#DDD;
}

#fancybox-content a:active {
    background-color:#39a8c8;
}

.search_data {
    margin-left: 15px;
}

/* Multi-select */
.ui-multiselect { padding:2px 0 2px 4px; text-align:left; margin-bottom: 10px; }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }

/* Dialog lessons */
.ui-dialog .ui-dialog-title {
    float: left;
    font-size: 12px;
    margin: 0.1em 16px 0.1em 0;
}

.dialog-form div
{
    margin-bottom: 7px;
}

.dialog-form label
{
    display: inline-block;

}

.dialog-form input
{
    display: inline-block;
    margin-right: 7px;
}

#conditions
{
    font-size: 12px;
    text-decoration:underline;
    color:#d25c54;
    cursor:pointer;
}

/* PROJECTS */
.project {
    background-image:url(../images/dots-grey.jpg);
    background-position:left bottom;
    background-repeat:repeat-x;
    padding-bottom:10px;
    margin-right: 10px;
    height:100%;
}

.project_div
{
    float: left;
    width: 700px;
}

.profession
{
    float: right;
    width: 240px;
}

iframe:focus {
    outline: none;
}

iframe[seamless] {
    background-color: transparent;
    border: 0px none transparent;
    padding: 0px;
    overflow: hidden;
    width: 100%;
}

div.video-info div {
    width: 32%;
    margin-top: 10px;
    margin-left: 1%;
    float: left;
}