/* reset
------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, del, dfn, em, font, img, ins,
small, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	border: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body { background: #fff; font: 62.5%/1.6em Arial, sans-serif; color: #000; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a img { border: none; }

/* general
------------------------------------------------------------------*/
h1 { font-size: 1.7em; font-weight: bold; text-transform: uppercase; }
h2 { font-weight: bold; }
ul, ol { margin: 0 0 1.17em 1.33em; }
p { margin: 0 0 1.2em 0; }
a { color: #856c01; text-decoration: none; }
a:hover, a.sfhover { color: #000; }
a:focus,
.inputbutton:focus { outline: 1px dotted #000; }
input, textarea, select { font-family: Arial, sans-serif; color: #000; font-size: 1em; }
strong { font-weight: bold; }
em { font-style: italic; }
dt { clear: left; float: left; padding-right: 0.31em; }
dd { float: left; }
small { font-size: 1.1em; }

.clearfix:after,
#contentheader:after,
#samenvatting:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix,
#contentheader,
#samenvatting { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix,
#contentheader,
#samenvatting { display: block; }
/* End hide from IE Mac */

/* intropage
------------------------------------------------------------------*/
#intropage #wrapper { position: relative; height: 580px; background: url(/images/bg_wrapper_intro.gif) repeat-y; }
#intropage #content { float: none; width: 660px; height: 580px; margin: 0 auto; padding: 0; background: #fff url(/images/bg_intropage.jpg) no-repeat; }
#intropage h1 { position: absolute; top: 50px; left: 180px; width: 357px; height: 93px; background: #ffcb05; color: #fff; text-align: right; line-height: 1.18em; }
#intropage h1 a { display: block; width: 307px; height: 65px; padding: 30px 35px 0 15px; color: #fff; text-decoration: none; }
#intropage h1 span { color: #000; }
#intropage #movieclip,
#intropage #movieLink { position: absolute; top: 180px; left: 370px; z-index: 5; width: 240px; height: 170px; }
#intropage #movieLink { z-index: 10; background: url(/images/bg_movielink.gif) no-repeat; }
#intropage #logo { position: absolute; top: 387px; left: 394px; width: 192px; height: 134px; margin: 0; background: url(/images/logo_podium_groot.png) no-repeat; }
#intropage #vo { position: absolute; top: 530px; left: 24px; }
#intropage a#ascw { display: block; position: absolute; top: 470px; left: 65px; }

/* page structure
------------------------------------------------------------------*/
#wrapper { width: 980px; margin: 0 auto; background: url(/images/bg_wrapper2.gif) repeat-y; }
#header { width: 646px; height: 11em; margin: 0 7px; padding: 1.2em 0 0 0; background: #fff; }
#contentWrapper,
#menubar,
#sidebar { position: relative; float: left; }
#contentWrapper { /*border: red 1px solid;*/ width: 660px; }
#menubar { width: 160px; border-top: 12.2em solid #ffcb05; /*overflow: hidden;*/ }
#infobar { width: 630px; height: 1.67em; margin: 0 0 0 7px; padding: 0 8px; border-bottom: 5px solid #fff; background: #ffcb05; color: #000; font-size: 1.2em; line-height: 1.67em; }
#content { width: 646px; padding: 0 0.58em; font-size: 1.2em; }
#sidebar { /*border: red 1px solid;*/ width: 160px; }
#footer { width: 80em; margin: 0 auto; padding: 0 0.83em; background: #fff; font-size: 1.2em; }

/* header
------------------------------------------------------------------*/
#logo { display: block; width: 131px; height: 92px; margin: 0 0 13px 20px; }
#logo img { display: block; }

/* path
------------------------------------------------------------------*/
#infobar a { color: #fff; text-decoration: none; }
#infobar a:hover, #infobar a.sfhover { color: #000; }
#path { float: left; overflow: hidden; width: 460px; height: 20px; }
#path span { font-style: italic; font-weight: bold; }
#extranav { float: right; width: 160px; }
#extranav a { float: right; margin-left: 22px; }
#printlink { display: block; width: 13px; height: 20px; background: url(/images/icon_print_hover.gif) no-repeat 0 3px; }
#printlink span { display: none; }

/* menubar
------------------------------------------------------------------*/
#menubar ul { width: 140px; margin: 0 0 20px 10px; }
#menubar li { width: 140px; margin: 10px 0 0 0; text-transform: uppercase; font-weight: bold; font-size: 1.2em; color: #fff; }
#loginmenu,
#aanbodmenu,
#genremenu { margin: 9px 0 0; padding: 0 0 0 5px; }
#menubar li a { display: block; width: 135px; padding: 0 0 0 5px; color: #fff; font-size: 1em; }
#menubar li a:hover,
#menubar li a.sfhover { color: #fff; background: #000; }
#menubar ul ul { margin: 0 0 0 -5px; }
#menubar li li { margin: 0; }
#menubar li li a { width: 135px; padding: 0 0 0 5px; color: #fff; text-transform: lowercase; font-size: 0.83em; line-height: 1.17em; font-weight: normal; }
#menubar li li a:hover,
#menubar li li a.sfhover,
#menubar li li.active a { background: #bd9706; }
#menubar img { margin: 0 0 20px 14px; }

#menubar #logoutBox { position: absolute; top: -112px; left: 10px; width: 130px; padding: 5px; background: #F1ECC7; font-size: 1.2em; }

/* content
------------------------------------------------------------------*/
.button { float: left; display: block; width: auto; height: 16px; margin: 0 5px 3px 0; padding: 2px 7px; background: #856c01; line-height: 1.3em; color: #fff; text-align: center; text-transform: uppercase; font-weight: bold; }
a:hover.button,
a.sfhover.button{ color: #fff; }

.greybutton { float: left; display: block; width: auto; height: 16px; margin: 0 5px 3px 0; padding: 2px 7px; background: grey; line-height: 16px; color: #fff; text-align: center; text-transform: uppercase; font-weight: bold; }
a:hover.greybutton,
a.sfhover.greybutton{ color: #fff; }

#content h1 { font-size: 1.42em; }
#content ul { list-style: disc; }
#content a { text-decoration: underline; }
#content a.button { text-decoration: none; }

.goudenvleugels { width: 132px; height: 70px; /*background: url(/images/icon_goudenvleugels.png) no-repeat;*/ }
.puur { width: 141px; height: 70px; /*background: url(/images/icon_100procent.png) no-repeat;*/ }
.senioren { width: 137px; height: 70px; }
.nieuwTalent { /*width: 99px; height: 56px;*/ width: 139px; height: 80px; /*background: url(/images/icon_nieuwtalent.png) no-repeat;*/ }
.bijzondereDoelgroepen { width: 89px; height: 78px; /*background: url(/images/icon_bido.png) no-repeat;*/ }

.scroll-track { height: 10px; width: 15px; background: url(/images/bg_scrollbar.gif) repeat-y right; }
.scroll-handle { height: 10px; width: 5px; margin-left: 10px; background: #000; cursor: pointer; }

.bestand span { text-transform: uppercase; }

#contentheader { margin: 10px 10px 5px 10px; padding: 10px 10px 35px 10px; background: #fff; }
#normaal { width: 606px; margin: 0 10px 10px 10px; padding: 10px; background: #fff;  }
#paginafoto { float: right; margin: 0 0 10px 10px; }

/**** homepage ****/
#homepagebg #wrapper { background: url(/images/bg_wrapper.gif) repeat-y; }
#content.homepage { height: 438px; margin: 0 7px; padding: 0; background: #fff url(/images/bg_hp_content.jpg) no-repeat 216px bottom; position: relative; }
.homepage div { position: absolute; padding: 10px 20px; color: #fff; }
#contentWrapper .homepage h2 { margin-bottom: 5px; font-weight: bold; font-size: 1.17em; text-transform: uppercase; }
#contentWrapper .homepage a { text-decoration: none; }
.homepage h2,
.homepage h2 a { text-transform: uppercase; color: #fff; }
.homepage h2 a { display: block; }
#contentWrapper .homepage h2 a:hover,
#contentWrapper .homepage h2 a.sfhover { color: #fff; text-decoration: underline; }
.homepage h2 span { font-size: 0.79em; }
.homepage ul { margin: 0; list-style: none !important; }
.homepage li a { color: #ffca08; font-size: 1em; }
#contentWrapper .homepage li a:hover,
#contentWrapper .homepage li a.sfhover { color: #fff; text-decoration: underline; }
#loginOrganisator { top: 0; left: 0; width: 173px; height: 87px; background: url(/images/bg_hp_login_organisator.jpg) no-repeat; }
#loginArtiest { top: 109px; left: 0; width: 173px; height: 90px; background: url(/images/bg_hp_login_artiest.jpg) no-repeat; }
#genre { top: 222px; left: 0; width: 173px; height: 122px; padding-top: 7px; background: url(/images/bg_hp_genre.jpg) no-repeat; }
#aanbod { top: 363px; left: 0; /*width: 213px;*/ width: 173px; height: 75px; padding-top: 7px; background: url(/images/bg_hp_aanbod.jpg) no-repeat; }
#genre li,
#aanbod li { line-height: 1.1em; }
#genre li a,
#aanbod li a { color: #fff; }
#genre li a:hover,
#genre li a.sfhover,
#aanbod li a:hover,
#aanbod li a.sfhover ,
#nieuwsblok a:hover { color: #fff; text-decoration: underline; }
#nieuwsblok { top: 0; left: 216px; width: 174px; height: 199px; background: url(/images/bg_hp_nieuws.jpg) no-repeat; }
#nieuwsblok a { color: #fff; }
#podium { top: 0; left: 433px; width: 213px; height: 53px; margin-bottom: 5px; padding: 0; background: #8e7200;/*background: url(/images/bg_hp_podium.jpg) no-repeat;*/ }
#podium a { width: 173px; height: 33px; padding: 10px 20px; }
#contactblok { top: 56px; left: 433px; width: 213px; height: 51px; padding: 0; background: #8e7200;/*background: url(/images/bg_hp_contact.jpg) no-repeat;*/ }
#contactblok a { width: 173px; height: 31px; padding: 10px 20px; }
#downloads { top: 110px; left: 433px; width: 213px; height: 53px; padding: 0; background: #8e7200;/*background: url(/images/bg_hp_downloads.jpg) no-repeat;*/ }
#downloads a { width: 173px; height: 33px; padding: 10px 20px; }
#reglementen { top: 166px; left: 433px; width: 213px; height: 53px; padding: 0; background: #8e7200;/*background: url(/images/bg_hp_reglementen.jpg) no-repeat;*/ }
#reglementen a { width: 173px; height: 33px; padding: 10px 20px; }
#contentWrapper #podium h1,
#contentWrapper #contactblok h1,
#contentWrapper #downloads h1,
#contentWrapper #reglementen h1 { margin-bottom: 0; }
#podium a span,
#contactblok a span,
#downloads a span,
#reglementen a span { text-transform: none; font-weight: normal; font-size: 0.9em; }
#menubar #vlaamseoverheidHP { margin-top: 410px; }

/**** optreden ****/
.optreden .button { float: left; margin-right: 10px; }
#optredenheader { position: relative; min-height: 55px; margin: 10px 10px 5px 10px; padding: 0 10px 10px 10px; background: #fff; }
#optredenheader h1 { width: 470px; }
#optredenheader #nummer { display: block; margin-left: -1px; font-size: 2.17em; font-weight: bold; color: #ffcb05; line-height: 0.7em; }
#optredenheader #category { display: block; margin-top: 5px; padding: 0 0 0 10px; background: url(/images/icon_optreden_cat.gif) no-repeat 0 3px; color: #8d9196; text-transform: uppercase; line-height: 1.3em; }
#optredenheader #vorige { position: absolute; left: 500px; top: 20px; }
#optredenheader #volgende { position: absolute; left: 500px; top: 40px; }
#optredeninfo { position: relative; margin: 0 10px; }
#samenvatting { padding: 10px 20px 0 10px; background: #fff; }
#samenvatting img { float: left; margin: -10px 0 0 -10px; }
#samenvatting #withImage { padding-left: 140px; }
/*#samenvatting p { float: left; }*/
#optredeninfo #message { background: #fff; }
#optredeninfo #message p { float: none; padding: 5px; }
#optredeninfo #adres { margin-top: 16px; }
#data { position: relative; margin-bottom: 5px; padding: 15px 140px 15px 10px; background: #866C00; color: #fff; }
#data a { color: #fff; }
#data a:hover,
#data a.sfhover { color: #000; }
#data #film { position: absolute; top: 5px; right: 10px; }
#data ul { list-style: square; }
#data dl { overflow: hidden; width: 400px; }
#data dt { width: 15px; }
#data dd { width: 380px; }
#data .nieuwTalent { position: absolute; left: 330px; top: -13px; z-index: 5; }
#data .bijzondereDoelgroepen { position: absolute; left: 350px; top: -13px; z-index: 5; }
#optredenlabels { position: absolute; left: 200px; top: 2px; z-index: 5; }
/*#optredenlabels .puur { margin-top: 10px; }*/
#archivedlabel { background: #fff url(/images/icon_letop.gif) no-repeat top left; color: #bc9804; padding: 7px 10px 7px 34px; }

/**** genre/aanbod ****/
#artiestSelectie { width: 626px; height: 398px; }
.selectie #normaal { width: 626px; padding: 0; background: none; }
#frm_program_filter { float: left; width: 230px; margin: 0 0 10px 0; padding: 0; text-transform: uppercase; }
#selectieInfo { margin-bottom: 10px; padding: 10px; background: #fff; }
#frm_program_selection { float: right; width: 390px; margin: 0; padding: 0 0 10px; }
#selectieList { overflow: hidden; width: 370px; margin-bottom: 10px; padding: 10px; background: #fff; }
#selectieList p,
#selectieList ul { margin-left: 0; padding: 0; }
/*#selectieList p { float: left; margin-bottom: 0; }*/
#selectieList p { float: left; width: 100%; margin-bottom: 5px; padding-bottom: 2px; border-bottom: 1px dashed #ffcb05; }
#selectieList ul { float: left; overflow: hidden; width: 370px; }
#selectieList li { float: left; width: 370px; }
#selectieList input { float: left; }
#selectieList label { float: right; width: 345px; margin-top: 2px; color: #787b7f; font-size: 0.92em; }
#selectieList .nummer { color: #866C00; font-weight: bold; }
#selectieList .artiest { font-weight: bold; text-transform: uppercase; color: #000; }
#artiestSelectie .inputbutton { clear: both; float: right; }
#selectieList .inputbutton { float: right; }
#selectieList .inputbuttonL { float: left; }
#progList { clear: both; display: block; width: 100%; padding: 5px 0; /*border-top: 1px dashed #ffcb05;*/ border-bottom: 1px dashed #ffcb05; }
#indicatorBox { height: 25px; }
.programtooltip { clear: both; margin-left: 25px; }

/**** faq ****/
.faq h1 { float: left; width: 200px; }
#vraaglink { float: right; width: 110px; font-weight: bold; text-align: right; text-transform: uppercase; }
#vragen { clear: both; width: 580px; margin: 0; padding-left: 24px; list-style: decimal; }
#vragen .devraag { font-weight: bold; }
#formFAQ { clear: both; width: 606px; }

/**** nieuws ****/
.nieuws h1 { float: left; width: 120px; }
.nieuws #jaren { float: right; width: 450px; margin: 0; }
.nieuws #jaren li { float: right; padding: 0 0 0 10px; font-weight: bold; }
.nieuws dl { clear: both; overflow: hidden; }
.nieuws dt { float: left; width: 6.67em; color: #000; }
.nieuws dd { float: left; width: 43em; margin-bottom: 0.83em; }
.nieuws dd a { color: #856c01; font-weight: bold; }
.nieuws dd a:hover,
.nieuws dd a.sfhover { color: #000; }
.nieuws #datum { margin-bottom: 0; color: #8d9196; font-weight: bold; }
.nieuws #nieuwsitem { float: none; width: auto; }
.nieuws #foto { float: right; margin: 0 0 0.83em 0.83em; }

/**** sitemap ****/
.sitemap .colomn { float: left; width: 300px; }

/**** downloads ****/
#content #bestanden { overflow: hidden; margin: 0 0 20px 0; list-style: none; }
#bestanden li { float: left; width: 300px; height: 180px; margin-bottom: 20px; }
#bestanden li img { display: block; margin-bottom: 5px; }

/**** forms ****/
fieldset { position: relative; margin-bottom: 10px; padding: 0 10px 10px 0; background: #f1ecc7; }
fieldset legend { padding: 0; font-weight: bold; text-transform: uppercase; }
fieldset legend + div { padding-top: 40px; }
fieldset legend span { position: absolute; left: 10px; margin-top: 10px; }
fieldset div { clear: both; margin: 0 0 5px 10px; }
fieldset div div { margin-left: 0; }
fieldset label { float: left; width: 160px; padding: 2px 0; }
fieldset .check { padding-left: 160px; }
fieldset.upload .check { padding-left: 0; }
fieldset .check label { float: none; width: auto; }
fieldset .check input { margin: 0; }
fieldset em { display: block; font-style: normal; }
fieldset label em { display: inline; }
fieldset .example { padding-left: 160px; }
fieldset fieldset { clear: left; margin-bottom: 0; padding: 0; background-color: transparent; }
fieldset fieldset div,
fieldset fieldset#labelSelection .tooltip_content { position: relative; top: -26px; }
fieldset fieldset .tooltip_content { padding-left: 170px; }
fieldset fieldset legend { padding: 0 0 10px 10px; font-weight: normal; text-transform: none; }
fieldset fieldset legend + div { padding-top: 0; }
legend label { float: none; }
em img { vertical-align: top; }
input.validation-failed { color: #cf1212; }
input.validation-passed { }
em.validation-advice,
.warning { color: #cf1212; border: 3px solid #cf1212; padding: 2px; margin: 5px 0 2px 0; }
em.validation-advice { display: block; clear: both; float: left; padding: 2px; margin: 5px 0 2px 0; }
.warning { margin-bottom: 10px; }
.inputbutton,
.inputbuttonL { width: auto; margin: 0 5px 5px 0; padding: 2px 10px; border: 0; background: #866c00; color: #fff; font-weight: bold; text-transform: uppercase; text-align: left; cursor: pointer; font-size: 1em; }
.inputbutton:hover, .inputbutton.sfhover { cursor: pointer; }
.inputbuttonL.vinkaan { display: none; padding: 2px 10px 2px 20px; background: #866c00 url(/images/vinkaan.gif) no-repeat left; }
.inputbuttonL.vinkaf { display: none; padding: 2px 10px 2px 20px; background: #866c00 url(/images/vinkaf.gif) no-repeat left; }

.zindex_100 { z-index: 100; }

/**** zoek ****/
.zoek #normaal { width: 626px; padding: 0; background: none;  }
#frm_program_search { float: left; width: 200px; margin: 0 0 10px 0; padding: 10px; background: #fff; }
#frm_program_search fieldset { padding-top: 30px; }
#frm_program_search fieldset fieldset { padding-top: 0; }
#frm_program_search label { float: none; display: block; width: auto; }
#frm_program_search .check { padding-left: 0; }
#frm_program_search .check label { display: inline; }
#frm_program_search fieldset fieldset legend { padding-top: 10px; }
#frm_program_search fieldset fieldset div { top: 0; }

/**** favorieten ****/
.favorieten ul { list-style: square; }
.favorieten li { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dashed #ffcb05; }
.favorieten li li { margin-bottom: 5px; padding-bottom: 0; border-bottom: none; }
/*.favorieten li p { margin: 10px 0 0 15px; }*/
.favorieten li p { margin: 10px 0 5px 45px; }
/*.favorieten li ul { margin: 0 0 0 32px; }*/
.favorieten li ul { margin: 0 0 0 62px; }
.favorieten li .verwijder { margin-left: 10px; }

/**** extranet ****/
.extranet h2 { clear: both; margin-bottom: 10px; }
.extranet form { clear: both; margin: 10px 0; }
#registratieLinks { margin: 10px 0 0 0; }
#nieuweregistratie { display: block; width: 222px; height: 54px; margin-top: 10px; padding: 21px 0 0 28px; background: url(/images/bg_registratie.gif) no-repeat; color: #fff; text-transform: uppercase; font-weight: bold; }
#nieuweregistratie span { display: block; width: 200px; padding: 10px; }
#reg_part2,
#reg_part3 { display: none; }
.tooltip_content { /*float: left;*/ clear: both; display: block; padding-left: 160px; color: #777; }
.check .tooltip_content,
.upload .tooltip_content { padding-left: 0; }
.success { padding: 5px 10px; border: 1px solid #0e9203; color: #0e9203; }
.error { padding: 5px 10px; border: 1px solid #cf1212; color: #cf1212; }
#extranetlinks { overflow: hidden; margin-bottom: 10px; }
.beschikbareKar { clear: left; float: left; margin-left: 160px; }
#frm_program #description { width: 400px; }
#frm_program_upload form { padding: 10px 0; }
.extranet table { width: 100%; margin-bottom: 20px; }
.extranet th { background: #8d7200; font-weight: bold; color: #fff; }
.extranet th,
.extranet td { padding: 3px; border-right: 2px solid #fff; }
.extranet tr.odd td { background: #f1ecc7; }
.extranet td a { margin-right: 5px; }
.extranet th.acties { width: 150px; }
.extranet .uploads { margin: 0; }
.extranet .uploads span { margin-right: 10px; }
#contractopgeladen { margin: 10px 0 0 0; }
.extracost { display: none; }

#autocomplete_choices { margin: 0; background: #8d7200; }
#autocomplete_choices ul { margin: 0; list-style: none; }
#autocomplete_choices ul li { margin: 0; }
#autocomplete_choices ul li a { display: block; width: auto; padding: 2px 3px; border-bottom: 1px solid #c5aa02; color: #fff; }
#autocomplete_choices ul li .informal { display: block; font-size: 0.92em; color: #F1ECC7; }
#autocomplete_choices ul li.selected a { background: #c5aa02; }

.loading { display: none; }
.loading img { vertical-align: middle; }

/* sidebar
------------------------------------------------------------------*/
#sidebar h2 { padding: 0 10px 16px 10px; padding-left: 3px; background: #ffcb05; font-size: 1.6em; color: #fff; text-transform: uppercase; font-weight: bold; }
#sidebar #nieuwsbrief { padding: 147px 0 44px 0; font-size: 1.5em; color: #8e7200; }
#sidebar #nieuwsbrief a { display: block; width: 144px; padding: 8px; background: #fff; color: #856c01; }
#sidebar #nieuwsbrief a span { font-size: 0.8em; text-transform: none; font-weight: normal; }

#indekijker { display: block; color: #fff; }
#indekijker #idkMainTitel { display: block; padding: 8px 8px 0 8px; background: #fff; font-size: 1.3em; color: #8e7200; }
#indekijker #idkTitel { display: block; padding: 0 8px 8px 8px; background: #fff; font-size: 1.5em; text-transform: uppercase; font-weight: bold; color: #8e7200; }
#indekijker #idkFoto { position: relative; display: block; width: 160px; padding-bottom: 30px; }
#indekijker #idkFoto #sidebarlabel { position: absolute; bottom: 5px; left: 15px; z-index: 10; }
#indekijker #idkSubtitel { display: block; padding: 0 8px; font-size: 1.2em; font-weight: bold; }
#indekijker #idkTekst { display: block; padding: 0 8px; font-size: 1.2em; }

/* footer
------------------------------------------------------------------*/
#footer a { padding-right: 10px; }

/* CMS Preview
------------------------------------------------------------------*/
#CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; }
#CMSpreviewBar a { color: #fff; }