body
{
    font-family: Verdana;
    font-size: 9pt;
    background: #ff6600;
    margin: 0;
}
td, p, .Head, .Normal
{
    font-family: Verdana;
    font-size: 9pt;
}
.Head
{
    font-weight: bold;
    font-size: 12pt;
    text-align: left;
}
h1, h2, h3, h4, h5, h6
{
    margin: 0;
    height: 33px;
    clear: both;
}
h1, h1 .Head, h4
{
    font-family: Arial Black;
    font-size: 18pt;
    text-transform: uppercase;
    letter-spacing: -3px;
    line-height: 20pt;
    text-align: left;
}
h2, h2 .Head
{
    font-family: Arial Black;
    font-size: 14pt;
    text-transform: uppercase;
    letter-spacing: -1px;
    line-height: 20pt;
    text-align: left;
    color: #ff6600;
}
h2 a
{
    text-decoration: none;
    color: #ff6600;
}
a
{
    color: Black;
}
a:hover
{
    color: #ff6600;
}
a img
{
    border: none;
}
.master
{
    background: url(images/back-body-top.jpg) repeat-x top left;
    width: 100%;
    text-align: center;
}
.background
{
    background: url(images/back-artwork.jpg) no-repeat top center;
    height: 750px;
}
.main
{
    margin: 0 auto;
    width: 1020px;
    text-align: left;
}
.top
{
    height: 82px;
}
.linkmobile
{
    font-size: 8pt;
    color: #ffcc66;
}
.logo
{
    width: 365px;
    height: 317px;
    position: absolute;
    margin: 1px 0 0 -78px;
    z-index: 1;
}
.header
{
    clear: both;
    width: 1020px;
    height: 237px;
    background: url(images/back-header-default.jpg) no-repeat top left;
}
.master.home .header
{
    clear: both;
    width: 1020px;
    height: 488px;
    background: url(images/headers/001.jpg) no-repeat top left;
    position: relative;
}
.headerlink
{
    width: 1020px;
    height: 488px;
    display: inline-block;
}
.header .tools
{
    position: absolute;
    margin: 95px 0 0 650px;
    font-weight: bold;
}
.header .tools a
{
    display: block;
    padding: 7px;
    padding-left: 32px;
    text-decoration: none;
}
.content, .content p, .content li
{
    line-height: 14pt;
}
.leftpane .shcontainer, .rightpane .shcontainer
{
    width: 340px;
}

.footer
{
    font-size: 7pt;
    line-height: 11pt;
    text-align: center;
    color: White;
    height: 50px;
}
.footer a, .footer a:hover
{
    color: White;
}

/* News */
.ovnieuws .nieuwscontainer
{
    clear: both;
    background: url(images/back-news-item.png) no-repeat top left;
    height: 115px;
    width: 678px;
    margin-top: 3px;
}
.ovnieuws .nieuwscontainer .newsitem
{
    padding: 18px 15px 10px 25px;
}
.ovnieuws .newsitem h1
{
    display: block;
    line-height: 13pt;
}
.ovnieuws .newsitem h1 a
{
    text-decoration: none;
    font-size: 16pt;
}
.ovnieuws .newsitem p
{
    margin: 0;
    line-height: 13pt;
    height: 37px;
    overflow: hidden;
    display: block;
}
.ovnieuws .newsitem .readmore a
{
    float: right;
    margin: -5px 60px 0 0;
    color: White;
    text-decoration: none;
    font-size: 8pt;
}

/* Programma fontpage */
.programma td
{
    font-size: 8pt;
    color: #ff6600;
    font-weight: bold;
    vertical-align: top;
}
.programma .date
{
    display: inline-block;
    border: solid 1px #ff6600;
    color: #ff6600;
    padding: 1px;
}
.programma .day
{
    display: inline-block;
    font-weight: bold;
    font-size: 9pt;
    padding: 3px;
    height: 20px;
}
.programma .month
{
    display: inline-block;
    padding: 3px;
    height: 20px;
    background-color: #ff6600;
    color: White;
    font-size: 7pt;
}
.programma a
{
    font-weight: normal;
    color: #ff6600;
}
.programma a.info, .programma a.order
{
    background: url(images/icon-info.gif) no-repeat;
    height: 25px;
    width: 25px;
}
.programma a.order
{
    background-image: url(images/icon-order.gif);
}
/* Link icons */
a.linkInfo
{
    background: url(images/icon-info.gif) no-repeat center left;
}
a.linkOrder
{
    background: url(images/icon-order.gif) no-repeat center left;
}

/* TopMenu */
.topmenu
{
    width: 1020px;
    text-align: right;
    position: absolute;
    margin-top: 18px;
}
.topmenu a span
{
    display: none;
}
.topmenu a
{
    display: inline-block;
    height: 56px;
}
.topmenu a.nieuws
{
    background: url(images/nav-nieuws.gif) no-repeat top left;
    width: 78px;
}
.topmenu a.nieuws:hover
{
    background-image: url(images/nav-nieuws-h.gif);
}
.topmenu a.programma
{
    background: url(images/nav-programma.gif) no-repeat top left;
    width: 114px;
}
.topmenu a.programma:hover
{
    background-image: url(images/nav-programma-h.gif);
}
.topmenu a.tickets
{
    background: url(images/nav-tickets.gif) no-repeat top left;
    width: 84px;
}
.topmenu a.tickets:hover
{
    background-image: url(images/nav-tickets-h.gif);
}
.topmenu a.fotos
{
    background: url(images/nav-fotos.gif) no-repeat top left;
    width: 72px;
}
.topmenu a.fotos:hover
{
    background-image: url(images/nav-fotos-h.gif);
}
.topmenu a.info
{
    background: url(images/nav-info.gif) no-repeat top left;
    width: 49px;
}
.topmenu a.info:hover
{
    background-image: url(images/nav-info-h.gif);
}
.topmenu a.sponsors
{
    background: url(images/nav-sponsors.gif) no-repeat top left;
    width: 92px;
}
.topmenu a.sponsors:hover
{
    background-image: url(images/nav-sponsors-h.gif);
}
.topmenu a.route
{
    background: url(images/nav-route.gif) no-repeat top left;
    width: 64px;
}
.topmenu a.route:hover
{
    background-image: url(images/nav-route-h.gif);
}
.topmenu a.contact
{
    background: url(images/nav-contact.gif) no-repeat top left;
    width: 96px;
}
.topmenu a.contact:hover
{
    background-image: url(images/nav-contact-h.gif);
}

/* Sponsors */
.sponsors
{
    display: block;
    background: url(images/back-partners.png) no-repeat;
    width: 1020px;
    height: 76px;
    clear: both;
}
.sponsors .text
{
    margin: 25px 0 0 22px;
    width: 200px;
    float: left;
    font-weight: bold;
    font-size: 8pt;
    color: White;
    line-height: 10pt;
}
.sponsors .text a, .sponsors .text a:hover
{
    text-decoration: none;
    color: White;
}
.sponsors .scroller
{
    float: left;
    width: 785px;
    height: 70px;
    overflow: hidden;
}
.sponsors .scroller img
{
    height: 48px;
    margin: 13px 2px 0 0;
    float: left;
}
.sponsorlogos
{
    margin-right: -50px;
}
.sponsorlogos span
{
    display: inline-block;
    float: left;
    border-top: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    border-left: solid 1px #ddd;
    height: 110px;
    width: 140px;
    overflow: hidden;
    background: no-repeat center center;
    margin: 0 10px 10px 0;
}
.sponsorlogos span.special
{
    display: inline-block;
    float: left;
    width: 292px;
}
.sponsorlogos a:hover span
{
    border-color: #ff6600;
    cursor: pointer;
}
.scroller
{
    position: relative;
	overflow: hidden;
	width: 785px;
    height: 70px;
}
.scroller .skinsponsors {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}
.scroller .skinsponsors div 
{
    float: left;
    width: 780px;
}
.scroller .skinsponsors div table
{
    width: 780px;
}
.scroller .skinsponsors div table td
{
    text-align: center;
}
.scroller .skinsponsors div  table td a
{
    display: block;
    text-align: center;
    width: 99%;
    overflow: hidden;
    height: 99%;
}
.scroller .skinsponsors div  table td a img
{
    width: 99%;
}
.eventinfo
{
    background: url(images/back-event-info.gif) no-repeat;
    width: 613px;
    height: 116px;
    overflow: hidden;
    margin: 15px 0 15px 0;
}
.eventinfo table
{
    margin: 13px;
}
.eventinfo table td
{
    padding: 1px;
    width: 90px;
    color: #777;
}
.eventinfo table td.data
{
    font-weight: bold;
    width: 275px;
    color: #333;
}
.eventinfo table td.beschikbaar
{
    color: #33cc00;
}
/* These are standard sIFR styles... do not modify */

.sIFR-flash
{
    visibility: visible !important;
    margin: 0;
    z-index: 1;
}

.sIFR-replaced
{
    visibility: visible !important;
    z-index: 1;
}

span.sIFR-alternate
{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true]
{
    display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1
{
    visibility: hidden;
}
.footermenu
{
    color: White;
    font-size: 8pt;
    text-align: center;
    margin: 5px 0 15px 0;
}
.footermenu a
{
    color: White;
    text-decoration: none;
}
