div { font-size:11px; border: 0px solid #000; margin: 0px; padding: 0px; text-align:left;} html{height: 100%; border: 0px solid #000; margin: 0px; padding: 0px;} body{height: 90%; font-family: verdana, arial, "lucida console", sans-serif; letter-spacing:0.06em; font-size:12px; background-color: rgb(234, 234, 222); } td, img {border: 0px solid #000; margin: 0px; padding: 0px;} .media_table {height:100%;width:100%;} .media_td {height:100%;width:100%;text-align:center;vertical-align:top;} #canvas{border:0px solid black;height:100%;width:920px;text-align:center; margin:0px auto; } /* ========================================================================== */ #content_container {position:relative; display:block; left:0px; top:0px; width:920px; height:540px; } #persoon_slideshow {position:absolute; display:block; right:0px; top:0px; height:540px; } #persoon_list {position:absolute; display:block; left:0px; top:0px; width:920px; height:540px; } #context_pagina_item{position:absolute; display:block; left:350px; top:50px; width:300px; height:540px;} #context_tree {position:absolute; display:block; left:20px; top:50px; width:300px; height:540px;} #woord_list {position:absolute; display:block; left:20px; top:50px; width:300px; height:540px;} #playlist_list {position:absolute; display:block; left:20px; top:50px; width:300px; height:540px;} #filmfragment_item {position:absolute; display:block; left:250px; top:50px; width:300px; height:540px;} #woord_item {position:absolute; display:block; left:680px; top:380px; width:220px; height:200px;} #thema_list {position:absolute; display:block; left:0px; top:640px; width:920px; height:50px; } #uitleg_popup {position:absolute; display:block; right:0px; top:0px; width:300px; height:300px; } #persoon_item {}/* ========================================================================== */ #navigatie_container{position:relative; display:block; left:0px; width:920px; } #menu_list {position:absolute; display:block; left:500px; top:610px; width:200px; } /* ========================================================================== */ .persoon_list_img{margin:2px;} .ondertitel{color:#9c9e91;} .woord_list_column{background-color:white; width:220px; font-size:1.1em;} .woord_item_content{background-color:#9c9e91; height:100%;padding:3px;} .woord_item_title{color:#fff;font-size:1.2em;} .woord_item_text{color:#fff} .playlist_list_content{background-color:#9c9e91; height:100%;padding:3px;} .playlist_list_column{background-color:white; width:220px; font-size:1.1em;} .playlist_title{color:#fff;font-size:1.2em;} .context_pagina_item_title{color:#000;font-size:1.2em;} a:link.woord_title_selected ,a:active.woord_title_selected ,a:visited.woord_title_selected ,a:hover.woord_title_selected{ background-color:#9c9e91; color:#fff; text-decoration: none; font-weight:normal;} a:hover.woord_title_selected{ } .woord_title_selected {width:100%; background-color:#9c9e91; color:white;} .uitleg_popup{background-color:#fff;} .context_tree_content{} a:link.context_hoofdstuk_title ,a:active.context_hoofdstuk_title ,a:visited.context_hoofdstuk_title ,a:hover.context_hoofdstuk_title{ color:#999; font-size:1.2em; text-decoration: none; font-weight:normal;} a:hover.context_hoofdstuk_title{ } .context_hoofdstuk_title{color:#999;} a:link.context_pagina_title ,a:active.context_pagina_title ,a:visited.context_pagina_title ,a:hover.context_pagina_title{ padding-left:10px; color:#999; text-decoration: none; font-weight:normal;} a:hover.context_pagina_title{ } .context_pagina_title {padding-left:10px; color:#999;} a:link.context_pagina_title_selected ,a:active.context_pagina_title_selected ,a:visited.context_pagina_title_selected ,a:hover.context_pagina_title_selected{ padding-left:10px; color:#000; text-decoration: none; font-weight:normal;} a:hover.context_pagina_title_selected{ } .context_pagina_title_selected {padding-left:10px; color:#000;} .context_pagina_item_content{background-color:white;} .persoon_item_nav_line1{text-align:right; height:30px;} .persoon_item_nav_line2{text-align:right; height:30px;} .persoon_item_nav_line3{text-align:right; } .current_menu_label{background-color:#ccc; color:#fff;padding:3px 7px; width:150px;display:inline; } .uitleg_title{font-size:1.2em;} .uitleg_text {font-size:1.0em;} .menu_item_content_image{position:absolute; text-align:right; width:450px; height:540px; left:0px;} .menu_item_content_text{position:absolute; background-color:white; width:450px; height:540px; left:450px;} menu_item_box{} a:link.menu_item_link ,a:active.menu_item_link ,a:visited.menu_item_link ,a:hover.menu_item_link{ color:#999; text-decoration: none; font-weight:normal;} a:hover.menu_item_link{ } .menu_item_link{ color:#999; } .psn_naam_label{ color:#999; } a:link.gelinkt_woord ,a:active.gelinkt_woord ,a:visited.gelinkt_woord ,a:hover.gelinkt_woord{ color:#999; text-decoration: underline; font-weight:normal;} a:hover.gelinkt_woord{ } .gelinkt_woord{ color:#999; } .img_button_box{display:inline; border:1px solid #999; font-size:1.2em; } a:link.img_button_link ,a:active.img_button_link ,a:visited.img_button_link ,a:hover.img_button_link{ color:#999; text-decoration: none; font-weight:normal;} a:hover.img_button_link{ } img_button_link{} .scene_button_box{display:inline; border:1px solid #999; font-size:1.2em; } .scene_button_box_selected{display:inline; border:1px solid #999; font-size:1.2em; background-color:#999; color:#fff; } a:link.scene_nr ,a:active.scene_nr ,a:visited.scene_nr ,a:hover.scene_nr{ color:#999; text-decoration: none; font-weight:normal;} a:hover.scene_nr{ } scene_nr{} a:link.scene_nr_selected ,a:active.scene_nr_selected ,a:visited.scene_nr_selected ,a:hover.scene_nr_selected{ color:#fff; text-decoration: none; font-weight:normal;} a:hover.scene_nr_selected{ } scene_nr_selected{} .psn_grid_button_box{display:inline; border:1px solid #999; font-size:1.2em; } .thema_item_box{display:inline; padding-left:3px; border:1px solid #999; font-size:1.2em;} a:link.thema_item_link ,a:active.thema_item_link ,a:visited.thema_item_link ,a:hover.thema_item_link{ color:#999; text-decoration: none; font-weight:normal;} a:hover.thema_item_link{ } thema_item_link{} .thema_item_selected{background-color:#9c9e91; color:#fff; } .menu_container{display:inline;width:150px;border:1px solid #999; font-size:1.5em;} .menu_list_button{} .menu_item_box{ margin-left:5px; margin-right:5px; padding-top:5px; padding-bottom:5px; border: 0px solid #9c9e91; border-bottom: 1px solid #9c9e91;} .menu_list_container{padding-top:5px;} #menu_list_container{position:absolute; display:none; top:-200px;height:200px;right:0px;width:150px;border:1px solid #9c9e91; background-color: rgb(234, 234, 222);} a:link.menu_item_link ,a:active.menu_item_link ,a:visited.menu_item_link ,a:hover.menu_item_link{ color:#999; text-decoration: none; font-weight:normal;} a:hover.menu_item_link{ color:#000; } a:link.menu_list_button_label ,a:active.menu_list_button_label ,a:visited.menu_list_button_label ,a:hover.menu_list_button_label{ color:#999; font-size:1.5em; text-decoration: none; font-weight:normal;} a:hover.menu_list_button_label{ color:#000; } a:link.language_flag_selected ,a:active.language_flag_selected ,a:visited.language_flag_selected ,a:hover.language_flag_selected{ color:#000; font-size:0.8em; padding-left:10px; text-decoration: none; font-weight:bold;} a:hover.language_flag_selected{ color:#000; } .language_flag_selected{ color:#000; font-size:0.8em; padding-left:10px; font-weight:bold;} a:link ,a:active ,a:visited ,a:hover{ color:#333; font-size:0.8em; text-decoration: none; font-weight:normal;} a:hover{ color:#333; } /* ------------------------------------------------------- */ /* --- custom scrollbar --- */ #mycustomscroll { /* Typical fixed height and fixed width example */ width: 100%; height: 270px; overflow: auto; /* IE overflow fix, position must be relative or absolute*/ position: relative; background-color: #E7EADE; margin: 0.3em auto; padding: 15px; } .scrollgeneric { position: absolute; top: 0; left: 0; line-height: 1px; font-size: 1px; filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; } .vscrollerbase {width: 12px; xxbackground: url(../ima/xxscroll-streep.png) 0px 0px repeat-y; } .vscrollerbar {width: 20px; background: url(../ima/scroll-streep.png) 0px 0px repeat-y ; padding-top: 23px; padding-bottom: 22px; z-index:2;} .vscrollerbasebeg {width: 12px; height: 22px !important; background: url(../ima/scrollpijl-boven.png) 0px 1px no-repeat; } .vscrollerbaseend {width: 12px; height: 22px; background: url(../ima/scrollpijl-beneden.png) 0px 0px no-repeat; } /* ------------------------------------------------------- */ /*.vscrollerbase {width: 11px; background: green url(../ima/scroll_pix_white.gif) 0px 0px repeat-y; }*/ /*.vscrollerbar {width: 11px; background: green url(aa_scroll_pix_white.gif) 0px 0px repeat-y ; padding: 10px; z-index: 2;}*/