/* Skin educatie
-----------------------------------------------------------------------------------*/

/* media background */
#flash-controller-container .alternate-content {
		top:0;
}
body .special #flash-controller-container {
    background-image: url('../_images/background/media_special.png');
    background-repeat:  no-repeat;
}


/* nav main colors */
ul#nav-main li,
#special-navigation-select {
    background-color: #F3D900;
}
ul#nav-main ul li {
    border-bottom: 1px solid #F3D900;
}
/* anchor colors */
ul#nav-main li a,
#special-navigation-select {
    border: 1px solid #F3BD00;
    border-top-color: #F3BD00;
    border-right-color: #F3AC00;
    border-left-color: #FFF000;
    border-bottom-color: #F3BD00;
    color: black;
}
#special-navigation-select {
    border-right: none;
}
ul#nav-main li a:hover {
    background-color: #FFF000;
}

/* breadcrumb color */
ul#nav-breadcrumb li a {
    background-image: url('../_images/background/breadcrumb_arrow.gif');
    color: #494949;
}

/* sub-navigation */
#subnavigation h2 {
    color: #0062BD;
}
/* anchor color */
ul#nav-sub a {
    color: #0062BD;
}
ul#nav-sub li a {
    background-image: url('../_images/background/bullet_blue.gif');
}
/* selected state main*/
ul#nav-sub li.expanded li a {
    background-image: url('../_images/background/bullet_blue_small.gif');
}
/* selected state sub */
ul#nav-sub li.sel a,
ul#nav-sub li.expanded li.sel a {
    background-color: #0080CE;
    background-image: url('../_images/background/bullet_blue_small_selected.gif');
    color: white;
}


/* content */
#content h1,
#content h2 {
    color: #494949;
}
#content h3 {
    color: white;
    background-color: black;
}
body .special #content h2 {
    color: white;
    background-color: #494949;
}
body .special #content h3 {
    color: black;
    background-color: transparent;
}

#content a {
  color:#0080CE;
}

/* content item */
#content .content-item .date {
    color: #0080CE;
}
#content .content-item h3 {
    color: black;
}
#content .content-item p {
    color: black;
}
#content .content-item a.link {
    color: #424242;
}
#content .hr.dotted {
    background-image: url('../_images/background/dot.gif');
}
#content .content-item .follow-link {
    background-image: url('../_images/background/arrow.gif');
}



/* content section */
#content .section p {
    color: #494949;
}
#content .section .img-caption {
    color: black;
}

body .special .section {
    background-color: white;
    margin: 3px 0px 0px 0px;
}

/* media speler specifiek */
body .mediaplayer #flash-controller-container #navigation-container {
  background:#F3D900;
  border-top:1px solid #F3BD00;
  border-bottom:1px solid #F3BD00;
}
body .mediaplayer ul#nav-main li a{
  background: url('../_images/background/arrow_left_black.gif') 4px 14px no-repeat;
}
body .mediaplayer #tabs-container {
  background: url('../_images/background/mediaplayer_tabs_bg_yellow.gif') no-repeat;
}
body .mediaplayer #tab-informatie.tab-selected div.tab{
  background: url('../_images/background/mediaplayer_tab_informatie_bg_yellow.gif') no-repeat;
}
body .mediaplayer #tab-help.tab-selected div.tab{
  background: url('../_images/background/mediaplayer_tab_help_bg_yellow.gif') no-repeat;
}
body .mediaplayer #tab-voorwaarden.tab-selected div.tab{
  background: url('../_images/background/mediaplayer_tab_voorwaarden_bg_yellow.gif') no-repeat;
}
body .mediaplayer .content-item .media-owner {
  color:#F3AC00; 
}
body .mediaplayer #embedded-media-button-fullscreen-container {
  background: url('../_images/background/dot_vertical_yellow.gif') no-repeat top right;
}
body .mediaplayer #embedded-media-button-fullscreen {
  background: url('../_images/background/icon_fullscreen_yellow.gif') no-repeat 100% 2px;
}
body .mediaplayer #embedded-media-button-lowres-container label {
  background: url('../_images/background/icon_lowres_yellow.gif') no-repeat 100% 0;
}
body .mediaplayer #embedded-media-button-highres-container label {
  background: url('../_images/background/icon_highres_yellow.gif') no-repeat 100% 0;
}



/*specials*/

.chapter-teasers .window a:hover .visual {
  border:4px solid yellow;
}
.section-links a.videolink{
  background:url(../_images/background/sectionlinks_videolink_yellow.gif) 0 3px no-repeat;
}
.trigger a {
  color:#424242 !important;
}
.trigger a.left {
  background:url(../_images/background/arrow_left.gif) 0 3px no-repeat;
}
.trigger a.right {
  background:url(../_images/background/arrow.gif) 100% 3px no-repeat;
} 
#TB_window {
  border:2px solid #F3D900 !important;
}