/* GENERAL TAGS FORMATTING */ h1, h2, .h3, h3, h4{ margin-top:0px; margin-bottom:0px; } * {margin:0;padding:0;} object { outline:none; } body { font-family:verdana; font-size:100%; color:#000; padding:0;margin:0; overflow:hidden;} p {font-size:0.6875em; margin:10px 0;} body, html{margin:0px; padding:0px; } body > #wrapper { } #bgimg { position:absolute; z-index: -1; overflow:hidden; } #realBody{ position:absolute; z-index: 5; /* Place the new body above the background image */ overflow:auto; /* restore scrollbars for the content */ height:100%;width:100%; /* Make the new body fill the screen */ } a {text-decoration:none;} a:hover {text-decoration:underline;} img {border:0;} #wrapper {width:980px; margin:0 auto; position:relative;} /* HEADER */ #header {margin-bottom:14px; overflow:hidden;} #header #logo {width:460px; height:195px; background:url(/images/logo2012.png) no-repeat left center;} #header #main_menu {width:980px; height:36px; position:absolute; left:0; top:140px; z-index:10;} #header #header_content {width:980px; z-index:5; position:relative;} #header_content #header_left {width:700px; min-height:345px; background:#A58A52; float:left; margin-bottom:-2000px; padding-bottom:2000px; z-index:5;} #header_content #header_right {width:262px; min-height:335px; background:transparent url(/images/bg_header_right.png) repeat-y left top; float:left; padding:10px 0 0 18px; margin-bottom:-2000px; padding-bottom:2000px;} #header_content #header_right .artistimage {width:245px; height:200px; background-position:center center; background-repeat:no-repeat;} #header_content #header_right h2 {color:#F2EED4; font-size:0.9375em; font-weight:normal; margin-top:5px;} #header_content #header_left #program {width:655px; min-height: 315px; background:#F2EED4 url(/images/perforated_left.gif) repeat-y left top; margin:10px 0 10px 10px; padding:0 10px 10px 10px;} #header_content #header_left #program #program_header {border-bottom:1px solid #A58A52; width:655px;} #header_content #header_left #program #program_header h1 {text-indent:-9999px; background:url(/images/optredens.gif) no-repeat left center;} #header_content #header_left #program #program_filter {padding-top:10px;} #header_content #header_left #program #program_filter #tags {width:205px; float:left; background: url(/images/bg_program.jpg) no-repeat center center; } #header_content #header_left #program #program_filter #tags a {color:#3F8B98; font-weight:bolder; } #header_content #header_left #program #program_filter #list {width:450px; float:left;} #header_content #header_left #program #program_filter #scroll {width:450px; height:260px; float:left; overflow:auto;} #header_content #header_left #program #program_filter #list table {font-size:0.6875em; text-align:left; width:100%; } #header_content #header_left #program #program_filter #list table th {background:#D6C99C; color:#A58A52; padding:4px 24px 4px 6px; font-weight:bold;} #header_content #header_left #program #program_filter #list table th.header {cursor:pointer; background:#D6C99C url(/images/bg.gif) no-repeat center right;} #header_content #header_left #program #program_filter #list table th.headerSortDown {background:#D6C99C url(/images/desc.gif)no-repeat center right; } #header_content #header_left #program #program_filter #list table th.headerSortUp {background:#D6C99C url(/images/asc.gif) no-repeat center right; } #header_content #header_left #program #program_filter #list table td {white-space:nowrap;} #header_content #header_left #program #program_filter #list table td a {color:#000; padding:2px 6px; display:block;} #header_content #header_left #program #program_filter #list table td a.artistinfo {white-space:normal;} #header_content #header_left #program #program_filter #list table tr.even:hover { background:#5D461F;} #header_content #header_left #program #program_filter #list table tr.even:hover a {color:#F2EED4; text-decoration:none;} #header_content #header_left #program #program_filter #list table tr.odd:hover { background:#5D461F;} #header_content #header_left #program #program_filter #list table tr.odd:hover a {color:#F2EED4; text-decoration:none;} #header_content #header_left #program #program_filter #list table tr.even {background:#E4DBB8;} #header_content #header_left #program #program_filter #list table tr.odd {} #header_content #header_left #program #list .artist { border-right:1px solid #A58A52;} #header_content #header_left #program #list .genre { border-right:1px solid #A58A52;} #header_content #header_left #program #list .time { border-right:1px solid #A58A52;} #header_content #header_left #program #list .stage {} /* CONTENT */ #content {margin-bottom:14px; overflow:hidden;} #content #content_left {width:690px; background:#A58A52 url(/images/bg_news.jpg) no-repeat center bottom; float:left; padding:15px 0 0 10px; padding-bottom:2000px; margin-bottom:-2000px;} #content #content_left #news_wrapper {width:435px; float:left; margin-right:15px;} #content #content_left #news_wrapper .newsimg {float:right;} #content #content_left #news_wrapper h1 {text-indent:-9999px; background:url(/images/laatste_nieuws.png) no-repeat left top;} #content #content_left #twitter_wrapper {float:left;} #content #content_left #twitter_wrapper h1 {text-indent:-9999px; background:url(/images/h1_twitter.png) no-repeat left top;} #content #content_left #twitter_wrapper #twitter {background:#DDDAC1 url(/images/bg_twitter.jpg) repeat-y right top; width:200px; padding:1px 10px 40px; position:relative;} #content #content_left #twitter_wrapper #twitter #twitter_update_list li {} #content #content_left #twitter_wrapper #twitter #twitter_update_list a {color:#990000;} #content #content_left #pics_wrapper {width:672px; background:url(/images/bg_pics.jpg) no-repeat left top; float:left; margin:0 0 15px 0; padding:57px 0 40px 0;} #content #side {width:20px; height:179px; background:url(/images/bg_side.png) no-repeat left top; float:left;} #content_follow #text table {font-size:100%; text-align:left; width:100%;} #content_follow #text table th {background:#5D461F url(/images/program_header.jpg) no-repeat right top; padding:4px 24px 4px 6px; font-weight:bold; font-size:100%;} #content_follow #text table th h3 {color:#FFFCE0 !important; font-size:0.9375em !important; margin:0 !important;} #content_follow #text table td {white-space:nowrap; border-bottom:1px solid #5D461F;} #content_follow #text table td a {color:#000; padding:25px 10px; display:block; font-size:0.8125em; font-weight:bolder;} #content_follow #text table td a img {margin:0;} #content_follow #text table tr:hover { background:#826D40;} #content_follow #text table tr:hover a {color:#F2EED4 !important; text-decoration:none;} #content_follow #programtable_stage a {white-space:normal;} #content #content_left #pics_wrapper #photos {width:205px; height:247px; background:url(/images/bg_fotos.jpg) no-repeat left top; float:left; padding:31px 0 0 10px; position:relative;} #content #content_left #pics_wrapper #photos a {position:absolute; bottom:45px; right:16px; font-size:0.6875em; color:#FFFCE0;} #content #content_left #pics_wrapper #videos {width:205px; height:247px; background:url(/images/bg_video.jpg) no-repeat left top; float:left; margin-left:10px; padding:31px 0 0 10px; position:relative;} #content #content_left #pics_wrapper #videos a {position:absolute; bottom:45px; right:15px; font-size:0.6875em; color:#FFFCE0;} #content #content_left #pics_wrapper #taste {width:200px; height:97px; background:url(/images/bg_taste.jpg) no-repeat left top; float:left; margin-left:10px; padding:150px 10px 0; position:relative;} #content #content_left #pics_wrapper #taste a {position:absolute; bottom:15px; right:33px; font-size:0.6875em; color:#FFFCE0;} #content #content_left #pics_wrapper #taste p {font-size:0.6em; color:#5D461F;} #content #content_right {width:250px; background:transparent url(/images/bg_header_right.png) repeat-y left top; float:left; padding:15px 0 0 10px; padding-bottom:2000px; margin-bottom:-2000px;} #content #content_right #contentwrapper {margin-bottom:20px; padding:0 4px; background:url(/images/bg_right.png) no-repeat left 38px;} #content #content_right #contentwrapper h2 {text-indent:-9999px; background:url(/images/presented.jpg) left top no-repeat;} #content #content_right #contentwrapper .addthis_toolbox h2 {font-size:0.75em; color:#FFFCE0; text-indent:0; background:none; margin:10px 0;} #content #content_right #partner_image {margin-left:5px; margin-bottom:10px; } /* CONTENT FOLLOW PAGES */ #content_follow {margin-bottom:14px; overflow:hidden;} #content_follow .bgimage {margin:70px 20px 20px 12px;} #content_follow #content_left {width:690px; background:#A58A52; float:left; padding:15px 0 0 10px; padding-bottom:2000px; margin-bottom:-2000px;} #content_follow #content_left #content_wrapper {width:675px; background:#F2EED4 url(/images/perforated_left.gif) repeat-y left top; } #content_follow #content_left #content_wrapper .submenu {width:145px; float:left; padding:10px 0 10px 10px;} #content_follow #content_left #content_wrapper .submenu ul {list-style:none; } #content_follow #content_left #content_wrapper .submenu ul ul {margin-left:10px;} #content_follow #content_left #content_wrapper .submenu ul a {color:#4C3919; font-size:0.6875em;} #content_follow #content_left #content_wrapper .submenu ul ul a {color:#A58A52;} #content_follow #content_left #content_wrapper #text {float:left; width:489px; border-left:1px solid #DED4B2; margin:15px 0; padding:0 15px;} #content_follow #content_left #content_wrapper #text p {} #content_follow #content_left #content_wrapper #text .sponsoricon a {display:block; width:120px; height:80px;} #content_follow #content_left #content_wrapper #text .sponsoricon a img {margin:0;} #content_follow #content_left #content_wrapper #text h1 {font-size:0.875em; color:#A58A52; margin-bottom:5px; float:left; width:190px;} #content_follow #content_left #content_wrapper #text .addthis_toolbox { float:right; } #content_follow #content_left #content_wrapper #text h3 {font-size:0.68875em; color:#A58A52; margin-bottom:5px; float:left; clear:both; width:100%;} #content_follow #content_left #content_wrapper #text a {color:#5D461F; text-decoration:underline;} #content_follow #content_right {width:260px; background:transparent url(/images/bg_header_right.png) repeat-y left top; float:left; padding:10px 10px 2000px; margin-bottom:-2000px;} #content_follow #content_right #contentwrapper {min-height:357px; padding:15px 15px; background:url(/images/bg_right.png) no-repeat left 38px;} #content_follow #content_right #contentwrapper h2 {text-indent:-9999px; background:url(/images/presented.jpg) left top no-repeat;} #content_follow #content_right #contentwrapper .addthis_toolbox h2 {font-size:0.75em; color:#FFFCE0; text-indent:0; background:none; margin:10px 0;} /* TWITTER */ #twitter #tweetlink {color:#FFFCE0; font-size:0.6875em; width:124px; height:29px; background: url(/images/bg_twitter.png) no-repeat center center; display:block; padding:10px 0 0 10px; float:left; margin:10px 0 0 17px;} #twitter img {float:left;} #twitter_update_list {font-size:0.6875em; list-style:none;} #twitter_update_list li {margin:10px 0 0; padding-bottom:10px; border-bottom:1px dashed #A58A52;} #twitter_update_list li a {display:block;} #twitter_bottom {position:absolute; bottom:-4%; left:0; padding-left:10px;} #content_table {width:1050px; background:#A58A52; font-size:0.625em;} #content_table .subscribertable {} #content_table .subscribertable tr td {border-bottom:1px solid white; padding:4px;} /* FOOTER */ #footer {width:960px; background:url(/images/bg_footer.jpg) repeat-y left top; float:left; padding-top:10px; } #footer #logos {width:693px; float:left; margin-left:10px; padding-bottom:20px;} #footer #logos a {display:block; margin:10px 15px 0 0; float:left; width:120px; height:60px; position:relative;} #footer #logos a img {position: absolute; left: 50%; top: 50%;} #footer #logos #sponsor_header {padding:0 10px 0 0; margin-bottom:10px;} #footer #logos #sponsor_header h1 {text-indent:-9999px; background:url(/images/sponsers.gif) no-repeat left center; height:12px; width:127px; float:left;} #footer #logos #sponsor_header a {font-size:0.6875em; float:right; color:#F2EED4; margin:0; width:auto; height:auto;} #footer #newsletter {width:236px; height:69px; float:left; background: url(/images/bg_newsletter.jpg) no-repeat center center; float:left; padding:80px 0 0 10px;} #footer #newsletter .button {font-size:0.6875em; margin-top:5px; background: url(/images/readmore.jpg) no-repeat center center; width:84px; height:18px; border:0; color:#5D461F; padding:0;} #footer #newsletter .text {border:1px solid #5D461F; font-size:0.6875em;} #footer #footerlinks {width:940px; height:22px; padding:8px 0 0 20px; background:#5D461F; float:left; color:#F2EED4; font-size:0.6875em;} #footer #footerlinks a {color:#F2EED4; text-decoration:underline;} #footer #footerlinks a:hover {text-decoration:none;} /* MENU */ #main_menu ul { list-style:none; z-index: 999;} #main_menu ul li { position: relative; display: block; float: left;} #main_menu ul li.first { background:none; } #main_menu ul li.selected { } #main_menu ul li:hover a { background:url(/images/menu_hover_left.png) no-repeat left center; color:#FFF; } #main_menu ul li:hover a span {background: url(/images/menu_hover_right.png) no-repeat right center;} #main_menu ul li a { padding-left:25px; color:#000; background:url(/images/menu_left.png) no-repeat left center; font-size:0.75em; line-height: 2.3em; text-decoration: none !important; display:block; float:left;} #main_menu ul li a span {background: url(/images/menu_right.png) no-repeat right center; padding:4px 25px 4px 0; display:block; float:left; overflow:hidden;} #main_menu .selected a { text-decoration: underline; background:url(/images/menu_selected_left.png) no-repeat left center;} #main_menu .selected a span {background: url(/images/menu_selected_right.png) no-repeat right center;} #main_menu ul li a:hover { text-decoration: underline; background:url(/images/menu_hover_left.png) no-repeat left center; color:#F2EED4; cursor:pointer; } #main_menu ul li a:hover span {background: url(/images/menu_hover_right.png) no-repeat right center; overflow:hidden; cursor:pointer; } #main_menu .selected a:hover { color:#F2EED4; } /* submenu's */ #main_menu ul ul{ position: absolute;list-style: none;z-index: 999; background-color:#FFF;} #main_menu li ul{ background: url(/images/menu_bg.png) right bottom no-repeat; font-size: 100%; margin: 0; position:absolute; display: none; padding:5px 35px 20px 17px; margin-left:7px;} #main_menu ul li li { width:100%; background: transparent; padding: 0px; } #main_menu ul li li a { width:100%; background:none; padding: 0; color: #A58A52; display:block; white-space:nowrap; border-bottom:1px solid #5D461F; font-weight:normal; font-size:0.6875em; } #main_menu ul li li a span {background:none; padding:0; } #main_menu ul li:hover ul li a {background:none; color: #A58A52; cursor:pointer; } #main_menu ul li:hover ul li a span {background:none;} #main_menu ul li ul li a:hover { color:#F2EED4; background:none; cursor:pointer; } #main_menu ul li ul li a:hover span {background:none; cursor:pointer; } #main_menu li:hover ul { top:35px; left: 0px; display: inline-block; } #main_menu .sub_menu_top { height: 12px; width: 280px;} #main_menu .sub_menu_bottom { height: 12px; width: 280px;} /* ELEMENTS */ .readmore {background:url(/images/readmore.jpg) no-repeat center center; width:80px; height:17px; display:block; padding:1px 0 0 4px; color:#5D461F;} #banners {margin-top:10px;} /* Demo */ form.sendademo {font-size:0.6875em;} #text h2 {font-size:0.875em; color:#A58A52; margin-bottom:5px;} form.sendademo, form.sendademo fieldset { border:0; } form.sendademo label { display:inline-block; float:left; width:120px; } form.sendademo input, select { margin:5px 0;} form.sendademo input.small { width:30px; } ul.xst_list { list-style:disc; margin-left:25px; } table.demotable { width:100%; background:#FFF; } table.demotable th { color:#FFF; background:#37a9e9; padding:2px; } table.demotable th.nobg { background:transparent;} table.demotable td { background:#FFF; margin:1px; padding:1px; border-bottom:solid 1px #37a9e9; border-right:solid 1px #37a9e9;} /* SCROLLBAR STYLING */ .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; } .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: url(/images/scrollbar_bg.jpg) repeat-y center top; } .jScrollPaneDrag { position: absolute; background: url(/images/scrollbar_button.jpg) no-repeat center center; cursor: pointer; overflow: hidden; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; background:url(/images/scrollbar_up.jpg) no-repeat left top; height: 30px; } a.jScrollArrowUp:hover { /*background-color: #f60;*/ } a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; background:url(/images/scrollbar_down.jpg) no-repeat left top; height: 30px; } a.jScrollArrowDown:hover { /*background-color: #f60;*/ } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ } /* _____________________________________________________________ Flickr Gallery */ /* - - - - - - - - - - - - - - - - - - - - - Gallery Container - - - - - - - - - - - - - - - - - - - - - - */ #flickr {padding:10px;} #flickr h1 {color:#A58A52; font-size:0.875em; margin-bottom:5px;} #flickr h3 {color:#A58A52; font-size:0.68875em; margin-bottom:5px;} .flickrGalleryCntr { position: relative; padding: 10px; } .flickrGalleryCntr img { border:0pt none; } /* - - - - - - - - - - - - - - - - - - - - - album containers - - - - - - - - - - - - - - - - - - - - - - */ .flickrGalleryAlbum { width: 30%; height: 100%; float: left; border: 1px solid #0f0f0f; padding: 5px; margin: 10px; border: 1px solid #ffffff; } .flickrGalleryAlbum img { float: left; padding: 5px; } /* - - - - - - - - - - - - - - - - - - - - - Images Container - - - - - - - - - - - - - - - - - - - - - - */ .flickrGalleryImages { height: 550px } .flickrGalleryImageView { padding-top: 55px; text-align: center; margin-left: auto; margin-right: auto; width: 80%; } .flickrGalleryImageView img { display: inline; } /* - - - - - - - - - - - - - - - - - - - - - Image Navigation buttons - - - - - - - - - - - - - - - - - - - - - - */ .flickrGalleryImageMenu { width: 100%; position: inherit; left: 0em; background: url("/images/bg_newsitem_active.jpg") no-repeat scroll right center #4C3919 !important; height:23px; padding-top:7px; } .flickrGalleryImageMenuHover { } .flickrGalleryImageMenu a { color: #FFFCE0; width: 100%; } .flickrGalleryImageMenuButtons { color: #ffffff; font-size:0.6875em; } .flickrGalleryImageMenuButtons a { padding:10px; } .flickrGalleryImageMenuButtons a:hover { } /* - - - - - - - - - - - - - - - - - - - - - Thumbnails images - - - - - - - - - - - - - - - - - - - - - - */ .flickrGalleryImageThumbs { background: #FFFCE0; opacity:0.9; border-bottom: 5px solid #FFFCE0; padding: 1em; } .flickrGalleryImageThumbs ul { list-style: none; } .flickrGalleryImageThumbs li { float: left; list-style-image: none; list-style-position: inside; list-style-type: none; display: block; height: 50px; width: 50px; overflow: hidden; padding: 5px; } .flickrGalleryImageThumbs li a img { opacity:0.5; } .flickrGalleryImageThumbs li a:hover img { opacity:1; } /* - - - - - - - - - - - - - - - - - - - - - Loading Message Container - - - - - - - - - - - - - - - - - - - - - - */ .flickrGalleryLoading { position: absolute; text-align: center; vertical-align: middle; /* z-index: 11; */ width: 90%; height: 90%; opacity: .90; color: #ffffff; filter: alpha(opacity=90); margin: auto; margin-top: 30%; font-size: large; font-weight: 900; display: block; } /* clearfix */ .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix{ display:inline-block; } /* Hide from IE Mac \*/ .clearfix{ display:block; }