html { margin: 0; padding: 0; overflow-y: scroll; }
body { margin: 0; padding: 0; background-color: #ffffff; font-family: Arial, Verdana; font-size: 11px; position: relative; }
div, td { text-align: left; font-size: 12px; }
table { margin: 0; padding: 0; font-size: 12px; }
a, a:link { color: #7f7f7f; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; }
a:active { color: #000000; text-decoration: none; }
p { line-height: 17px; margin: 0; padding: 0; padding-top: 5px; }
br { margin: 0; padding: 0; }
h1 { font-family: Arial, Calibri; font-size: 18px; font-weight: bold; margin: 0; padding: 0; padding-bottom: 5px; }
h2 { font-family: Arial, Calibri; font-size: 15px; font-weight: bold; margin: 0; padding: 0; padding-bottom: 5px; }
h3 { font-family: Arial, Calibri; font-size: 18px; font-weight: bold; margin: 0; padding: 0; padding-bottom: 10px; color: #bcb72b; }
form { margin: 0; padding: 0; line-height: 0; }
input { color: #7f7f7f; font-size: 11px; background-color: transparent; }
input[type="text"] { height: 25px; color: #7f7f7f; border: 1px solid #000000; line-height: 25px; font-size: 11px; }
input[type="checkbox"] { color: #7f7f7f; font-size: 11px; }
textarea { color: #7f7f7f; border: 1px solid #000000; line-height: 15px; font-family: Arial, Verdana; font-size: 11px; }
abbr { color: #7f7f7f; border-bottom: 1px dotted #7f7f7f; }
hr { height: 1px; border: 0; color: #cccccc; background-color: #cccccc; }
blockquote { margin: 0px; border: none; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; background-color: #f1f1f1; padding: 5px; }
ul { padding:0; margin:0; }
li { padding:0; margin:0; }
/* MENU OPTIONS */
.toplogo { float: left; display: inline-block; position: relative; left: 35px; line-height: 35px; }
.topleftmenu { float: right; display: inline-block; position: relative; right: 70px; line-height: 35px; top: -5px; }
.topmenu { color: #ffffff;display: inline-block; float: left; padding-left: 0px; padding-right: 5px; line-height: 25px; }
.topmenu a { font-size: 14px; color: #000000; text-decoration: none; }
.topmenu a:hover { border-bottom: 1px dotted #000000; }
.submenu { color: #ffffff;display: inline-block; float: left; padding-left: 5px; padding-right: 5px; line-height: 25px; }
.submenu a { font-size: 14px; color: #ffffff; text-decoration: none; }
.submenu a:hover { border-bottom: 1px dotted #ffffff; }
.footerlinks h1 { font-size: 14px; text-transform:lowercase; }
.footerlinks ul li { list-style-type: none; text-transform:lowercase; }
ul.opsomtxtzwartbltgroen { margin: 0px; list-style-type: none; padding: 20px; padding-bottom: 0px; }
ul.opsomtxtzwartbltgroen li { padding: 0px; margin: 0px; background-image: url(/_media/img/layout_icon_opsom_groen.gif); background-repeat: no-repeat; background-position: 0px 3px; padding-left: 14px; line-height: 20px; }
ul.opsomtxtzwartbltgroen li a { color: #000000 }
ul.opsomtxtzwartbltgroen li a:hover { color: #000000; border-bottom: 1px dotted #000000; }
.kalenderblokjerechts td { text-align: center; }
.kalenderblokjerechts td.set { background: url(/_media/img/layout_bg_kalenderdag.gif) no-repeat center center transparent; }
/* SCROLLABLE */
.scrollable { position:relative; overflow:hidden; width: 730px; height: 320px; }
.scrollable .scrollable_items { border:0px solid black; width:20000em; position:absolute; clear:both; }
.scrollable div { width: 480px; height: 323px; float:left; }
.scrollable_pp_p { background: url(/_media/img/layout_bg_overlay_paarspaars.gif) no-repeat center right #ff0066; height: 60px; padding-left: 10px; }
.scrollable_pg_p { background: url(/_media/img/layout_bg_overlay_paarsgroen.gif) no-repeat center right #ff0066; height: 60px; padding-left: 10px; }
.scrollable_gg_g { background: url(/_media/img/layout_bg_overlay_groengroen.gif) no-repeat center right #99ff33; height: 60px; padding-left: 10px; }
.scrollable_gp_g { background: url(/_media/img/layout_bg_overlay_groenpaars.gif) no-repeat center right #99ff33; height: 60px; padding-left: 10px; }
.scrollable_p_info { background-color: #ff0066; line-height: 20px; height: 20px; width: 145px; text-align: center; font-weight: bold; color: #ffffff; float: right; }
.scrollable_g_info { background-color: #99ff33; line-height: 20px; height: 20px; width: 145px; text-align: center; font-weight: bold; color: #ffffff; float: right; }
.scrollable_pp_p .artist { font-size: 18px; color: #ffffff; font-weight: bold; text-transform:uppercase }
.scrollable_pp_p .date { font-size: 14px; color: #ffffff; }
.scrollable_pp_p .more { float: right; padding-right: 70px; color: #ffffff; }
.scrollable_pp_p .more a { color: #ffffff; }
.scrollable_pg_p .artist { font-size: 18px; color: #ffffff; font-weight: bold; text-transform:uppercase }
.scrollable_pg_p .date { font-size: 14px; color: #ffffff; }
.scrollable_pg_p .more a { color: #ffffff; }
.scrollable_pg_p .more { float: right; padding-right: 70px; color: #ffffff; }
.scrollable_gg_g .artist { font-size: 18px; color: #333333; font-weight: bold; text-transform:uppercase }
.scrollable_gg_g .date { font-size: 14px; color: #333333; }
.scrollable_gg_g .more a { float: right; padding-right: 70px; color: #333333; }
.scrollable_gg_g .more { color: #333333; }
.scrollable_gp_g .artist { font-size: 18px; color: #333333; font-weight: bold; text-transform:uppercase }
.scrollable_gp_g .date { font-size: 14px; color: #333333; }
.scrollable_gp_g .more { float: right; padding-right: 70px; color: #333333; }
.scrollable_gp_g .more a { color: #333333; }
.smallscrollable { position:relative; overflow:hidden; width: 375px; height: 180px; padding: 0px; margin: 0px; }
.smallscrollable .smallscrollable_items { width:20000em; padding: 0px; margin: 0px; position:absolute; clear:both; }
.smallscrollable div { width: 290px; height: 180px; float:left; }
.smallscrollable_pp_p { background: url(/_media/img/layout_bg_overlay_paarspaars_klein.gif) no-repeat center right #ff0066; height: 35px; padding-left: 10px; }
.smallscrollable_pg_p { background: url(/_media/img/layout_bg_overlay_paarsgroen_klein.gif) no-repeat center right #ff0066; height: 35px; padding-left: 10px; }
.smallscrollable_gg_g { background: url(/_media/img/layout_bg_overlay_groengroen_klein.gif) no-repeat center right #99ff33; height: 35px; padding-left: 10px; }
.smallscrollable_gp_g { background: url(/_media/img/layout_bg_overlay_groenpaars_klein.gif) no-repeat center right #99ff33; height: 35px; padding-left: 10px; }
.smallscrollable_pp_p .artist { font-size: 12px; color: #ffffff; font-weight: bold; text-transform:uppercase }
.smallscrollable_pp_p .date { font-size: 10px; color: #ffffff; }
.smallscrollable_pp_p .more { float: right; padding-right: 45px; color: #ffffff; }
.smallscrollable_pp_p .more a { color: #ffffff; }
.smallscrollable_pg_p .artist { font-size: 12px; color: #ffffff; font-weight: bold; text-transform:uppercase }
.smallscrollable_pg_p .date { font-size: 10px; color: #ffffff; }
.smallscrollable_pg_p .more { float: right; padding-right: 45px; color: #ffffff; }
.smallscrollable_pg_p .more a { color: #ffffff; }
.smallscrollable_gg_g .artist { font-size: 12px; color: #333333; font-weight: bold; text-transform:uppercase }
.smallscrollable_gg_g .date { font-size: 10px; color: #333333; }
.smallscrollable_gg_g .more { float: right; padding-right: 45px; color: #333333; }
.smallscrollable_gg_g .more a { color: #333333; }
.smallscrollable_gp_g .artist { font-size: 12px; color: #333333; font-weight: bold; text-transform:uppercase }
.smallscrollable_gp_g .date { font-size: 10px; color: #333333; }
.smallscrollable_gp_g .more { float: right; padding-right: 45px; color: #333333; }
.smallscrollable_gp_g .more a { color: #333333; }
/* KOPJES */
.cenerik14 { font-size: 16px }
.cenerik18 { font-size: 18px }
/* ID's */
#contentvlak { position: relative; z-index: 110; width: 935px; }
#topsearch { display: inline-block; float: right; padding-right: 10px; line-height: 20px; }
#scrollable_p { cursor: pointer; float: right; position: relative; top: -22px; right: 15px; z-index: 120; }
#recensie { width: 240px; height: 160px; background-color: #999999; margin-top: 10px; padding: 10px; position: relative; top: -10px; }
#blockheader { width: 140px; margin-left: 10px; margin-top: 15px; color: #ffffff; background-color: #999999; padding: 5px; }
#blockheader a { color: #ffffff }
#blockheader a:hover { color: #ffffff; }
#blockheader_in { width: 140px; margin-top: 15px; color: #ffffff; background-color: #999999; padding: 5px; }
#blockheader_in a { color: #ffffff }
#blockheader_in a:hover { color: #ffffff; }
#blockheader_roze { width: 140px; margin-left: 10px; margin-top: 15px; color: #ffffff; background-color: #da0064; padding: 5px; }
.block_text { width: 140px; margin-left: 10px; margin-top: 2px; padding: 1px 5px; }
.block_text_sel { width: 140px; margin-left: 10px; margin-top: 2px; background-color: #99ff33; padding: 1px 5px; }
.block_text_in { width: 140px; margin-top: 2px; padding: 1px 5px; }
.block_text_sel_in { width: 140px; margin-top: 2px; background-color: #99ff33; padding: 1px 5px; }
/* SHADOW */
.tl_w_z { width: 35px; height: 35px; background: url(/_media/img/layout_bg_corner_tplft_witzwart.gif) no-repeat center center transparent; }
.tr_z_g { width: 35px; height: 35px; background: url(/_media/img/layout_bg_corner_tprgt_zwartgrijs.gif) no-repeat center center transparent; }
.tr_z_r { width: 35px; height: 35px; background: url(/_media/img/layout_bg_corner_tprgt_zwartroze.gif) no-repeat center center transparent; }
.br_g_w { width: 35px; height: 35px; background: url(/_media/img/layout_bg_corner_btrgt_grijswit.gif) no-repeat bottom center transparent; }
.br_r_w { width: 35px; height: 35px; background: url(/_media/img/layout_bg_corner_btrgt_rozewit.gif) no-repeat bottom center transparent; }
/* PROGRAMMA */
.programmtable { width: 730px; height: 170px; margin-bottom: 10px; }
.programmdate_d { height: 75px; background: url(/_media/img/layout_bg_overzicht_datumvlakje_diligentia.gif) no-repeat center center #ffffff; }
.programmdate_p { height: 75px; background: url(/_media/img/layout_bg_overzicht_datumvlakje_pepijn.gif) no-repeat center center #ffffff; }
.programmdayltr { width: 40px; height: 35px; color: #000000; font-size: 30px; font-weight: bold; text-align: right; text-transform:uppercase }
.programmday { width: 65px; height: 40px; color: #000000; font-size: 30px; font-weight: bold; text-align: center; }
.programmmonth { width: 40px; color: #000000; font-size: 30px; font-weight: bold; text-align: right; }
.programmgenre { height: 25px; line-height: 25px; font-weight: bold; background-color: #a5a5a5; color: #ffffff; text-align: center; text-transform:uppercase }
.programmgenre1 { height: 25px; line-height: 25px; font-weight: bold; background-color: #ffffff; color: #a5a5a5; text-align: center; text-transform:uppercase }
.programmgenre2 { height: 25px; line-height: 25px; font-weight: bold; background-color: #a5a5a5; color: #ffffff; text-align: center; text-transform:uppercase }
.programmgenreclr { height: 25px; line-height: 25px; text-align: center; text-transform:uppercase }
.programmstatus { height: 25px; line-height: 25px; font-weight: bold; background-color: #ff0066; color: #ffffff; text-align: center; text-transform:uppercase }
.programmstatus a { height: 25px; line-height: 25px; font-weight: bold; background-color: #ff0066; color: #ffffff; text-align: center; text-transform:uppercase }
.programmartist { font-size: 16px; color: #000000; font-weight: bold; text-transform:uppercase }
.programmartist a { color: #000000; }
.programmartist a:hover { color: #7f7f7f; }
.programmdetails { padding: 0px; padding-left: 20px; padding-right: 20px; color: #555555; font-size: 12px; background-color: #cccccc; line-height: 20px }
.programmdetailsartist { font-size: 20px; color: #333333; font-weight: bold; text-transform:uppercase }
.programmdetailstitle { font-size: 14px; color: #333333; }
.programmdetailstext { font-size: 12px; padding-top: 15px; padding-bottom: 15px; padding-right: 25px; line-height: 20px }
.programmdetailslist { list-style-image: url(/_media/img/layout_icon_detailslist.gif); font-size: 14px; line-height: 18px; }
table.content td { line-height: 25px; padding-left: 15px }
table.content td h1 { background-color: #999999; color: #ffffff; padding-left: 10px; font-size: 14px; height: 20px }
table.content p { padding: 0px 10px }
table.content a { color: #7f7f7f; font-weight: bold; }
table.content a:hover { color: #000000; font-weight: bold; }
#ajaxSearch_form { width: auto; }
#ajaxSearch_input { height: 20px; line-height: 20px; background-color: #ffffff; border: none; }
#ajaxSearch_submit { }
#ajaxSearch_output { border: 1px solid #444; padding: 10px; background: #fff; display: block; height: auto; vertical-align: top; }
a.searchLink { font-size: 16px; font-weight: bold }
.searchDiv { padding-bottom: 20px }
.formRow { width:100%; margin-bottom: 10px; float:left; }
.formRow .formLabel { float:left; width:125px; margin:14px 0 0 0px; }
.formRow .formInput { float:left; width:300px; text-align:left; }
.formContact { padding-left: 10px; }
.formContact .input { width:180px; border:1px solid #000000; background-color: #FFFFFF; }
.formContact .textarea { width:177px; height: 100px; border:1px solid #000000; background-color: #FFFFFF; }
.formContact .submit { margin-left: 125px; width: 100px; }
.formFriends { padding-left: 10px; }
.formFriends .input { width:180px; border:1px solid #000000; background-color: #FFFFFF; }
.formFriends .textarea { width:177px; height: 100px; border:1px solid #000000; background-color: #FFFFFF; }
.formFriends .submit { margin-left: 125px; width: 100px; }