/* screen stylesheet 
 *
 * Fabrique Design en Communicatie
 * authors: MDI
 * Version: 20090815
 */


/* START structure */

html, body {
    width:100%;
    height:100%;
}
body {
    margin:0;
    min-width:990px;
    background:white;
}
#framework {
  min-width:990px;
  position:relative;
}

#header {
    height:98px;
}

/* primary setup */
#primary {
    background:url('backgrounds/primary.gif') #ededed;
}
#primary .container{
    width:984px;
    margin:auto auto;
    position:relative;
}
#primary #section-about .side {
    background: #ccc;
}
#primary #section-about .side.nowin {
}

#primary #section-about .side ul.objects {
    padding: 0;
    margin: 0;
    list-style: none;
    min-height: 100px;
}

#primary #section-about .side .objects li {
    padding: 0;
    margin: 0;
    float: left;
    width: 42px;
    height: 42px;
    margin-right: 6px;
    margin-bottom: 10px;
    border: 1px solid white;
}

#primary #section-about .side a.extern {
    clear: both;
    font-weight: bold;
    color: black;
    display: block;   
}

#primary:after {
    content: "."; 
    display: block;
    height: 0;
    visibility:hidden;
    clear: both;
}
    
/* secondary setup*/
#secondary {
    background:url('backgrounds/secondary.png') bottom left;
    padding-bottom:100px;
}
#secondary .container {
    width:984px;
    margin:auto auto;
    position:relative;
    padding-bottom:1px;/*FF prevent autopadding */
    margin-bottom:-1px;
}
#secondary  .main {
    float:left;
    width:684px;
}
#secondary  .side {
    float:left;
    width:244px;
} 
#secondary:after {
    content: "."; 
    display: block; 
    height: 0;
    visibility:hidden;
    clear: both;
}

/* END structure */



/* START generic elements */

body {
  font:80% Arial;
  color:black;
}
h1{
  font-size:165%;
  color:white;
  margin:0;
  padding:0.4em 16px 0.3em 16px;
}
h2 {
  font-size:130%;
  margin:0;
  padding:0 0 0.5em 0;
}
h3 {
  font-size:130%;
  margin:0;
  padding:0 0 0.5em 0;
}
h4 {
  font-size:120%;
  margin:0;
  padding:0.3em 0 0.1em 0;
}
p {
  padding:0 0 0.7em 0;
  margin:0;
}
p.small /*yikes ?*/{
  font-size:85%;
  padding-bottom:1em;
}
form {
  display:inline;
}
a {
    color:#00bfdb;
    text-decoration:none;
    outline: none;
}
a:hover {
    text-decoration:underline;
}
a img {
  border:0;
  padding:0;
}
img {
    display:block;
}
img.align-left {
    float:left;
    margin:0 5px 5px 0;
}
img.align-right {
    float:right;
    margin:0 0 5px 5px;
}
.screen-reader {
  position:absolute;
  left:-999em;
}

/* END generic elements */

/* START buttons */
.button-rss {
    background:url(icons/rss-feed-bg-grey.png) 0% 50% no-repeat;
    padding-left:18px;
    color:#dcdcdc;
    font-weight:bold;
    font-size:85%;
}
/* END buttons */




/* START sections */

.section {
   margin-bottom:24px;
}
.section:after {
    content: "."; 
    display: block; 
    height: 0;
    visibility:hidden;
    clear: both;
}

/* sections in secondary side(bar) */
#secondary .side .section {
    margin:15px 0 1px 20px;
    color:lime;
}
#secondary .side .section  h3{
    color:white;
    padding-bottom:0.5em;
}
#secondary .side .section  h3 a{
    color:white;
}
#secondary .side .section  h2{
    font-size:165%;
}  
#secondary .side .section  p{
    font-size:85%;
}


/* header */
#section-header{
    background:black;
    width:auto;
    padding:4px;
    color:#FFF;
    width:676px;    
}

.fixed-height {
    height: 20px;
}

#section-header p,
#section-header ul,
#section-header ol{
    padding:0.5em 16px 1em 16px;
}


/* content */
.section-content {
    background:white;
    padding:10px 20px 1px 20px;
    min-height:30em;
}
.section-content  h2,
.section-content  h3{
    clear:both;
}


/* videos */
.section-videos {
    background:white;
    padding:10px 0 1px 20px;
    min-height:30em;
}
.section-videos .button-rss {
    background: url(icons/rss-feed-bg-white.png) 0% 50% no-repeat;
    right: 20px;
    top: 16px;
    position: absolute;
    color: black;
}
#footer .button-rss {
    background: url(icons/rss-feed-bg-white.png) 0% 50% no-repeat;
    padding-left: 18px;
    font-weight: normal;
}
.section-videos h2{
    font-size:165%;
    padding-bottom:1em;
}
.section-videos {
  position:relative;
  min-height:80px; /* see ie6 sheet */
  padding-bottom:10px;
}
.video-list {
    margin-right:-28px;
    position:relative;
}
.video-list  .row{
    clear:both;
}
.video-list .item {
    width:200px;
    margin-right:21px;
    margin-bottom:18px;
    float:left;
    position: relative;
}
.video-list img {
    width:200px;
    height:112px;
    margin-bottom:0.8em;
}
.video-list  h3 {
    font-size:90%;
    padding-bottom:0.2em;
}
.video-list  h3 a {
    color:red;
}
.video-list  ul{
    margin:0;
    padding:0;
    list-style:none;
    color:#787878;
}
.video-list  li{
    font-size:85%;
    float:left;
    display:block;
    margin-right:10px;
}
.video-list  li.num-watched{
    clear:both;
    float:left;
}
.video-list:after {
    content: "."; 
    display: block; 
    height: 0;
    visibility:hidden;
    clear: both;
}

.video-list a span.icon {
    position:absolute;
    top: 40px;
    left: 50%;
    width: 32px;
    height: 32px;
    margin-left: -16px;
    text-indent: -999em;
    background:url(icons/video-scroller-item.png);
    cursor:pointer;
}
.video-list  a:hover  span.icon{
    background-position:0 -32px;
}
#section-new-videos a span.now_in_museum_nl,
.video-list a span.now_in_museum_nl,
#section-new-videos a span.now_in_museum_en,
.video-list a span.now_in_museum_en {
    position:absolute;
    top: 0px;
    left: 0px;
    width: 70px;
    height: 70px;
    background:url(icons/now_in_museum_en.png) no-repeat;
    width: 111px;
    height: 111px;
    background:url(backgrounds/mainimage_bg.png) no-repeat;
    width: 65px;
    height: 65px;
    background: url(backgrounds/arttube_small_en_b.png) no-repeat;

}
#section-new-videos a span.now_in_museum_nl,
.video-list a span.now_in_museum_nl {
    background: url(backgrounds/arttube_small_nl_b.png) no-repeat;
    /*background-position:0 -70px;*/
}


/* section-player*/
#section-player {
    width:924px; /*-8px*/
    background:black;
    padding:4px 0 4px 4px;
    color:white;
	margin-bottom:5px;
}
#section-player h1 {
    width:680px;
}
#section-player h2 a {
    color: white;
}
#section-player h2 a:hover {
    text-decoration: none;
    color: #0f0;
}

.player object, embed {
	display:block;
	width:100%;
	height:100%;
}

div.player{
    display:block;
    width:680px;
	height:382px;
	position:relative;
    z-index:0;
}
.player img {
	position:absolute;
	cursor:pointer;
	left:50%;
	top:50%;
    width:50px;
    height:50px;
	margin:-25px 0 0 -25px;
	background:url(icons/player.png) 0 0 no-repeat;
}
.player img.hover, /*ie6 hack */
.player img:hover  {
	background-position:0 -50px;
}
.page-home #section-player {
	margin-bottom:24px;
}
.page-home #section-player h2{ /*same as deafult h1 */
    font-size:165%;
    color:white;
    margin:0;
    padding:0.4em 16px 0.3em 16px;
    width:680px;
}
#section-player .main {
    float:left;
    width:680px;
    position:relative;
    overflow:hidden;
}

#chapter-foldout {
    position:absolute;
    background:#FFF;
    width:645px;
    left:680px;   
    height:380px;
    z-index:100;
    color:#494949;
}
#chapter-foldout  h3{
    color:red;
}

#button-close-chapter-foldout {
    padding-right:20px;
    position:absolute;
    right:70px;
    top:10px;
    font-weight:bold;
    background:url(icons/chapter-fold-out-close.gif) 100% 50% no-repeat;
    z-index:200;
}

#chapter-foldout .foldout{
    margin:30px 70px 10px 20px;
}

#chapters {
    float:left;
    margin-top:-14px;
    width:244px;
    position:relative;
    z-index:100;

}

#chapters .viewport {
    height:370px;
    margin-left:-35px;
    position:relative;
    overflow:hidden;
}

#chapters  h4{
    color:#939393;
    font-size:100%;
    position:absolute;
    top:-14px;
    left:20px;
    font-weight:bold;
    z-index:10;
}
#chapters  ol{
    padding:0;
    margin:0;
    list-style:none;
    position:relative;

}
#chapters  li{
    display:block;
    padding:11px 5px 12px 55px;
    min-height:40px;
    position:relative;
    cursor:pointer;
}

#chapters  li.firstline{
    padding: 0px 5px 20px 55px;
    min-height: 0;
    cursor: default;
}
#chapters  .previous ,
#chapters  .next {
    width:25px;
    height:19px;
    text-indent:-999em;
    overflow:hidden;
    position:absolute;
    right:10px;
    z-index:100;
    visibility:hidden;
}
#chapters  .previous:hover ,
#chapters  .next:hover {
    background-position:0 -19px;
}
#chapters  .previous {
    background:url(backgrounds/chapters-previous.gif);
    top:-20px;
}
#chapters  .next {
    background:url(backgrounds/chapters-next.gif);
    bottom:-7px;
}
#chapters  li.folded-out{
    background:url(backgrounds/chapter-li-foldout.png);
}
#chapters  li .foldout{
    display:none;
}
#chapters  li div.item{
    display:block;
    position:relative;
    cursor:pointer;
}
#chapters a:hover .icon {
    background-position:0 -32px;
}
#chapters  h3{
    font-size:85%;
    padding:0;
    /*margin-left:78px;*/
}
#chapters  h3,
#chapters  h3 a{
    color:#939393;
}
#chapters   a.full-description{
    color:gray;
    /*left: 140px;
    bottom: 12px;*/
    bottom: 40px;
    left: 190px;

}
#chapters  p{
    font-size:85%;
    padding:0;
    margin-left:95px;
}
#chapters  span.cuepoint{
	display:none;
}

#chapters .jumpto {
    color: #939393;
    float: left;
    width: 95px;
}
#chapters .readmore {
    color: #939393;
    width: 68px;
    float: left;
}

#chapters img.thumbnail {
    position:absolute;
    width:68px;
    height:38px;
    left:0;
    top:0;
    margin:1px;
}
#chapters .ordering-number {
    position:absolute;
    padding:0px 3px 0px 3px;
    background:#8d8c8c;
    color:#505050;
    left:2px;
    top:2px;
    margin:1px;
    font-weight:bold;
    font-size:90%;
    width:auto;
}
#chapters .icon {
    position:absolute;
    top:7px;
    left:22px;
    width:32px;
    height:32px;
    background:url(icons/video-scroller-item.png);
}
#chapters a:hover .icon {
    background-position:0 -32px;
}
#chapters  h3{
    font-size:85%;
    padding:0;
    /*margin-left:78px;*/
    margin-left:95px;
}
#chapters  h3,
#chapters  h3 a{
    color:#939393;
}


#chapters li.active  img,
#chapters li.hover  img, /*ie6 hack */
#chapters li:hover  img,
#chapters li.folded-out img
{
    background:url('backgrounds/chapter-li-foldout.png');
}


#chapters li.active   .ordering-number,
#chapters li.folded-out .ordering-number ,
#chapters .thumbnailContainer:hover .ordering-number {
    color:black;
    background:#08f700;

}
#chapters li.active .thumbnailContainer img,
#chapters li.folded-out .thumbnailContainer img,
#chapters .thumbnailContainer:hover img {
    border:2px solid #08f700;
}
#chapters .thumbnailContainer img {
    border:2px solid black;
}
#chapters li.active   .icon,
#chapters li.folded-out .icon ,
#chapters .thumbnailContainer:hover .icon {
    background-position:0 -32px;
}
#chapters li.active  p,
#chapters li.hover  p, /*ie6 hack */
#chapters li:hover  p{
    visibility:visible;
}

#chapters li.folded-out  h3{
    color:black;
}
#chapters li.folded-out  p{
    visibility:hidden;
}


/* about */
#section-about {

}

.section-news #af-form-1769977516 .af-standards .af-element  ,
.section-news #af-form-941937714 .af-standards .af-element  {

    padding-left: 0;
    padding-right: 0;
}

.section-news #af-form-1769977516  ,
.section-news #af-form-941937714  {
    background-color: inherit;
    border: none;
}

.section-news #af-form-1769977516 .af-body ,
.section-news #af-form-941937714  .af-body {
    padding-top: 0;    
}

.section-news #af-form-1769977516, #af-form-1769977516 .quirksMode,
.section-news #af-form-941937714, .section-news #af-form-941937714  .quirksMode {
    width: auto;
}

#section-about  .main{
    background:white;
    padding:10px 80px 1px 20px;
    min-height:13em;
    float:left;
    width:584px;
}

.lang-nl #section-about .main.nowin {
    background: url(backgrounds/arttube_big_nl_b.png) no-repeat top right white;
}

.lang-en #section-about .main.nowin {
    background: url(backgrounds/arttube_big_en_b.png) no-repeat top right white;
}

#section-about .side{
    float:left;
    width:204px;
    min-height:13em;
    padding:10px 20px 1px 20px;
}

/*credits*/
#section-about  .collapsed {
    display:none;
}
#section-about  #credits-show-hide-container {
    padding:0.5em 0 2em 0;
}
#section-about  #credits-show-hide {
    font-weight:bold;
}

/* page tools */
#section-page-tools {
	background:black;
	color:#707070;
	width:684px;
}
#list-page-tools {
	display:block;
	list-style:none;
	margin:0;
	padding:12px 10px 12px 20px;
}
#list-page-tools:after {
    content: "."; 
    display: block;
    height: 0;
    visibility:hidden;
    clear: both;
}
#list-page-tools li {
	display:inline;
}
#list-page-tools .button{
	color:#707070;
	cursor:pointer;
	float:left;
	margin-right:14px;
	padding-left:18px;
	display:block;
	background-repeat:no-repeat;
	background-position:0 2px;
	font-weight:bold;
}
#list-page-tools  .button:hover,
.share-active  #button-share,
.embed-active  #button-embed{
	color:white;
	text-decoration:none;
	background-position:0 -46px;
}
#button-share {
	background-image:url(icons/share.gif);
}
#button-embed {
	background-image:url(icons/embed.gif);
}
#button-download {
	background-image:url(icons/download.gif);
}
#mark-as-favorite,
#button-favorite {
	background-image:url(icons/favorite.gif);
}
#button-react{
	background-image:url(icons/react.gif);
}
/* subsections */
#section-page-tools .subsection {
	display:none;
	background:url(backgrounds/page-tools-subsection.gif) 0 0 repeat-x #3f3f3f;
	border-bottom:1px solid black;
	margin-top:-10px;
	padding:20px 20px 10px 20px;	
}
#section-page-tools .subsection p {
	color:lime;
}
.share-active  #subsection-share{
	display:block;
	background-position:20px 0;
	padding-bottom:0;
}
#subsection-share ul{
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}
#subsection-share ul:after {
    content: "."; 
    display: block;
    height: 0;
    visibility:hidden;
    clear: both;
}

#subsection-share li {
	display:inline;
}
#subsection-share  .button{
	color:#c1c1c1;
	cursor:pointer;
	float:left;
	margin:0 14px 8px 0;
	min-width:100px;
	display:block;
	font-weight:bold;
	font-size:85%;
}
#subsection-share  .button:hover{
	color:white;
	text-decoration:none;
}
#subsection-share  .button img{
	float:left;
	width:16px;
	height:16px;
	margin:0px 4px 0 0;
}
.embed-active  #subsection-embed{
	display:block;
	background-position:89px 0;
}
#subsection-embed code {
	border:1px solid black;
	background:white;
	padding:4px;
	font-size:110%;
	display:block;
	color:#0c0c0c;
}


/* react */
#section-react {
    background:white;
    padding:10px 20px 20px 20px;
    position:relative;
}
.collapsed  .reactions,
.collapsed  #form-react{
	display:none;
}
#section-react h2{
    font-size:165%;
    padding-bottom:1em;
    color:red;
}
#section-react.collapsed h2{
	padding-bottom:0;
}
#section-react  .button-show-hide{
    position:absolute;
    right:20px;
    top:12px;
    color:red;
    font-weight:bold;
    font-size:85%;
}
.reaction {
    border-bottom:1px solid lime;
    padding:0 0 5px 0;
    margin-bottom:10px;
}
.reaction h3{
    font-size:100%;
}
.reaction  h3 .name{
    float:left;
    margin-right:8px;
    padding-right:10px;
    background:url(backgrounds/reaction-h3-items-divider.gif) 100% 80% no-repeat;
}
.reaction .date{
    font-size:85%;
}
.reaction p{
    font-size:85%;
}
#form-react{
    display:block;
}
#form-react label {
    display:block;
    font-weight:bold;
    padding:5px 0 5px 0;
}

.section-news input,
.newsletter-form input {
    margin-bottom: 3px;
}

.section-news .submit,
.newsletter-form .submit,
#form-react button {
    background:none;
    padding:2px 0 2px 0;
    margin:0;
    border:0;
    color:#00bfdb;
    font-weight:bold;
    text-align:left;

    border: 0;
    background: #00B231;
    background:#00bfdb;
    color: white;
    font-weight: bold;
    padding: 4px 10px;
    font-size: 12px;
    margin-top: 10px;
}
#form-react button:hover {
    text-decoration:underline;
}
#form-react textarea {
    width:100%;
    display:block;
    height:80px;
    font-family:arial;
    font-size:100%;
}
#form-react .note {
    float:right;
    margin-top:4px;
    font-size:85%;
}


/* video scroller */
.section-video-scroller {
    background:black;
    padding:10px 20px 20px 20px;
    position:relative;
    margin-bottom:5px;
}
.section-video-scroller  h2 {
    color:lime;
    font-size:165%;
    float:left;
    margin-right:0.5em;
}
.section-video-scroller  h2 a {
    text-decoration: none;
    color: lime;
}
.section-video-scroller  h2 a:hover {
    text-decoration: underline;
}
.section-video-scroller  h2 span{
    font-size:70%;
}
.section-video-scroller .button-rss {
    right:20px;
    top:20px;
    position:absolute;
}
.section-video-scroller .viewport {
    clear:both;
    padding:0;
    margin:0 25px 0 25px;
    list-style:none;
    position:relative;
    overflow:hidden;
}
.scroller {
    clear:both;
    padding:0;
    margin:0;
    list-style:none;
    width:10000px;
    position:relative;
}
.scroller  li{
    display:inline;
}
.scroller  a img{
    width:100px;
    height:56px;
}
.scroller  a {
    display:block;
    position:relative;
    margin-right:10px;
    float:left;
    margin-top:10px;
}
.scroller  a  span.icon{
    position:absolute;
    top:50%;
    left:50%;
    width:32px;
    height:32px;
    margin-left:-16px;
    margin-top:-16px;
    text-indent:-999em;
    background:url(icons/video-scroller-item.png);
    cursor:pointer;
}
.scroller  a:hover  span.icon{
    background-position:0 -32px;
}
.scroller  li.active a {
    margin-top:0;
}
.scroller  li.active a img{
    width:129px;
    height:72px;
    border:1px solid white;
}
.scroller  li.active a:hover img{
    border:1px solid lime;
}
.section-video-scroller  .previous ,
.section-video-scroller  .next {
    width:19px;
    height:25px;
    text-indent:-999em;
    overflow:hidden;
    position:absolute;
    top:75px;
    visibility:hidden;
}
.section-video-scroller  .previous:hover ,
.section-video-scroller  .next:hover {
    background-position:0 -25px;
}
.section-video-scroller  .previous {
    background:url(backgrounds/video-scroller-previous.gif);
    left:20px;
}
.section-video-scroller  .next {
    background:url(backgrounds/video-scroller-next.gif);
    right:20px;
}


/* series */
#section-series {
    margin-right:-20px;
}
#section-series h2{
    font-size:165%;
    padding-bottom:1em;
}
#section-series h2 a{
    color:#FFF;
}
.serie-list {
    position:relative;
}
.serie-list .column{
    width:332px;
    margin-right:20px;
    float:left;
}
.serie-list .item{
    background:black;
    color:white;
    padding:4px;
    margin-bottom:20px;
} 
.serie-list h4,
.serie-list h3,
.serie-list p {
    margin:0 20px;
}
.serie-list img {
    margin-bottom:0.6em;
}
.serie-list h4 {
    color:lime;
    font-size:100%;
    padding-bottom:0.2em;
}
.serie-list h3{
    padding-bottom:0.3em;
}
.serie-list h3 a{
    color:white;
}
.serie-list img{
    width:324px;
    height:130px;
}



/* home series */
#section-series.home-section-series {
    background:#1e1e1e;
    padding:10px 0 0 20px; 
    margin-right:0; 
}
.home-section-series .serie-list {
    margin-right:-20px;
}
.home-section-series .row{
    clear:both;
}
.home-section-series .item{
    width:201px;
    margin:0 20px 12px 0;
    float:left;
    padding:0;
    background:transparent;
}
.home-section-series  img{
    width:201px;
    height:81px;
}
.home-section-series .serie-list h4,
.home-section-series .serie-list h3,
.home-section-series .serie-list p {
    margin:0;
}
.home-section-series .serie-list h4 {
    font-size:85%;
}
.home-section-series .serie-list h3{
    font-size:110%;
}
.home-section-series .serie-list h3 a{
    color:white;
}


/* new videos */
#section-new-videos {
    background:white;
    padding:10px 20px 1px 20px;
}
#section-new-videos  h2{
    font-size:165%;
    padding-bottom:1em;
}
.new-video-list .item{
    position:relative;
    border-bottom:1px solid #e0e0e0;
    min-height:93px;
    margin-bottom:10px;
}
.new-video-list .last{
    border-bottom:0;
}
.new-video-list img{
    position:absolute;
    width:130px;
    height:73px;
}
.new-video-list h3,
.new-video-list p {
    padding-left:142px;
}
.new-video-list h3 {
    padding-bottom:0em;
}
.new-video-list h3 a{
    color:red;
}
.new-video-list p {
    padding-bottom:1em;
}
.new-video-list p.small {
    color:#787878;
}

.new-video-list a span.icon {
    position:absolute;
    top: 20px;
    left: 50px;
    width:32px;
    height:32px;
    text-indent:-999em;
    background: url(icons/video-scroller-item.png);
    cursor: pointer;
}

.new-video-list  a:hover  span.icon{
    background-position:0 -32px;
}

.section-event img {
    width:224px;
}
.section-event .subsection {
    padding-bottom:30px;
}


/* END sections */



/* START logos*/

#logo-boijmans {
    position:absolute;
    top:35px;
    left:50%;    
    margin-left:187px;
    position:absolute;
    z-index:150;   
}
#logo-arttube-container {
    position:absolute;
    margin-left:128px;
    top:540px;
    left:50%;
    z-index:300;
    width:224px;
    height:241px;
    background:url(backgrounds/arttube-logo.png) no-repeat;
    cursor: move;
    display:none;
}
#logo-arttube-container.hover, /*ie6 hack */
#logo-arttube-container:hover{
    background-position:0 -242px;
}
#logo-arttube {
    display:none;
}
.lang-en #logo-arttube-container {
    background-image:url(backgrounds/en-arttube-logo.png);
}

/* END logos */



/* START main navigation */

#nav-main {
    margin-left:-492px;
    left:50%;
    top:0;
    position:absolute;
    z-index:100;
}
#nav-main ul {
  margin:0;
  padding:0;
  list-style:none;
}
#nav-main li {
  display:inline;
}
#nav-main a {
  display:block;
  float:left;
  min-height:28px;
  padding:7px 13px 0 13px;
  margin-right:2px;
  text-decoration:none;
  font-weight:bold;
  font-size:130%;
}
#nav-main .active a,
#nav-main  a:hover{
    padding-top:14px;    
}

/* nav items */
#nav-home  a{
    background:black;
    color:white;
}
#nav-series  a{
    background:red;
    color:black;
}
#nav-projects  a{
    background:lime;
    color:#646464;
}
#nav-media  a{
    background:blue;
    color:white;
}
#nav-about  a{
    background:#3f3f3f;
    color:#fff;
}
#nav-newsletter a {
    background: #3f3f3f;
    color: white;
}

#nav-login a {
    background: #fff;
    color: #3f3f3f;
}
#nav-main li#nav-login:hover a {
    padding-top: 7px;
    color: #000;
}
/* END main navigation */

/* START language choice*/
#nav-language-choice {
    width:100px;
    margin-left:392px;
    left:50%;
    top:0;
    position:absolute;
    z-index:100;
}
#nav-language-choice ul{
    display:block;
    position:absolute;
    right:0;
    background:url(backgrounds/nav-language-choice-divider.gif) 25px 11px no-repeat #c8c8c8;
    margin:0 0 0 0;
    padding:8px 0 0 10px;
    list-style:none;
    min-height:25px;
    min-width:46px;
}
#nav-language-choice li{
    display:inline;
}
#nav-language-choice a,
#nav-language-choice span{
    display:block;
    float:left;
    margin:0 6px 0 0;
    color:#FFF;
    font-weight:bold;
    text-decoration: underline;
    font-size:90%;
}
#nav-language-choice a:hover {
    text-decoration: underline;
}
#nav-language-choice a.active {
    color: #646464;
    text-decoration: none;
}

/* END language choice*/



/* START login / logout */

#login  h4{
  /*font-size:100%;*/
}
#login .field-container {
  clear:both;
}
#login label {
  float:left;
  width:100px;
}
#login input {
  width:100px;
}

/* END login / logout */



/* START footer inc generic navigation */

#footer {
    width:984px;
    margin:auto auto;
    position:relative;
    z-index:10;
    margin-top:-54px;
}
#nav-generic ul{
  width:300px;
  display:inline;
  margin:0;
  padding:0;
  list-style:none;
  
}
#nav-generic li{
    float:left;
    padding-right:12px;
    margin-right:10px;
    background:url(backgrounds/nav-generic-divider.gif) 100% 65% no-repeat;
}
#nav-generic a{
    color:#a8a8a8;
}
#nav-generic li.last{
    background:none;
}
#sponsors {
    position:absolute;
    right:300px;
    margin-top:-45px;
}

/* END footer inc generic navigation */



/* START page specific */

/* END page specific */



/* losse zooi moet nog gestyled worden */
#site-toolbox .main{
    background: url(backgrounds/site-toolbox-main.gif) 0 0 repeat-y;
}
#site-toolbox #close-mijn {
    background: url(backgrounds/video-box-close_arttube.png);
}

#site-toolbox .faux-button {
    background: #646464 url(backgrounds/arrow-solid-right.gif) no-repeat 95% 50%;   
}

#site-toolbox .objects a span.icon {
    background: url(icons/video-scroller-item.png) no-repeat;
}

#site-toolbox .before{
    background: url(backgrounds/site-toolbox-top.gif) 0 0 no-repeat;
}

#site-toolbox .after{
    background: url(backgrounds/site-toolbox-bottom.gif) 0 0 no-repeat;
}
#site-toolbox .main h3 a {
    color: #ffffff;
    text-decoration: none;
}
#site-toolbox .main h3 a:visited {
    color: #ffffff;
    text-decoration: none;
}

#video-save-box {
    background: #fff;
    padding: 20px;
    position: absolute;
    z-index: 1000;
    width: 738px;
    text-align: left;
    display:none;
    top:70px;
    left:100px;
    border:2px solid #d6dfde
   
}
#video-save-box h1 {
    color: black;
    padding-left: 0;   
}

#video-save-box h2 {
    padding-top: 0px;
    margin-top: 5px;
}

#video-save-box .primary {
    float: left;
    width: 370px;
    text-align: center;
    background-color: #D6D7C6;
}

#video-save-box .primary img {
    display: block;
    margin: 0 auto;
}

#video-save-box .secondary {
    float: right;   
    width: 350px;
}

#video-save-box .secondary h3,
#video-save-box .secondary h2 {
    font-size: 130%;
    margin: 0;   
}

#video-save-box .secondary h2 a {
    text-decoration: none;
}

#video-save-box .secondary ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#video-save-box .secondary ul li {
    margin: 0;     
}

#video-save-box .save-form h3 {
    margin-bottom: 5px;   
}

#video-save-box .folders {
    float: left;
    width: 370px;
}

#video-save-box .folders ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#video-save-box .folders ul li {
    margin: 0;   
}

#video-save-box .object-note {
    float: right;
    width: 350px;
}

#video-save-box .object-note textarea {
    width: 345px;   
}
 
#video-save-box .submit {
    text-align: right;
    margin-top: 10px;
    margin-bottom: 10px;  
}

#video-save-box .submit button {
    border: 1px solid #D6D7C6;
    background: #0000FF;
    padding: 5px 20px;
    font-weight: bold;
    color: #FFF;
}

.close-me {
    float: right;
}
.close-me a {
    display: block;
    width: 17px;
    height: 18px;
    text-indent: -9999px;
    background: url(icons/chapter-fold-out-close.gif) no-repeat;
}

/** Google site search style **/

#search {
    float: right;
    width: 300px;
    position: absolute;
    top: 55px;
    left: 50%;
    margin-left: -492px;   
}

#search button {
    background: #CECECE;
    color: #646464;
    font-weight: bold;
    border: 0;
    height: 26px;
    font-size: 120%;
    margin: 0;
    margin-left: 2px;
    float: left;
}

#search input#search_query {
    width: 177px;
    display: block;
    float: left;
    margin-right: 0px;
    padding-right: 20px;
    padding-left: 3px;
    padding-top: 4px;
    font-size: 100%;
    background: url('backgrounds/search.png') no-repeat;
    border: 0;
    height: 19px;
    color: #7e7e7e;
}

body.page-search #section-header {
    width: 804px;
}

body.page-search #secondary .main {
    background: white;
    width: 811px;
}

body.page-search #cse-search-results {
    padding-left: 16px;
}

body.page-content #secondary .newsletter-form {
    margin: 20px 0;
}

.white {
    color: #fff;
}

.green {
    color: #0f0;
}