* { font-family: Arial, Helvetica, Sans-Serif; }
body { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; line-height: 16px; color: #000; margin: 0 0 30px 0; padding: 0; text-align: center; background: #000 url(/2009/_img/bg.gif); text-align: left; }
td, th { vertical-align: top; font-size: 12px; text-align: left; font-weight: normal; line-height: 16px; }
table, img { border: 0; }
form { display: inline; }
label { cursor: pointer; }
p { margin: 0 0 12px 0; }
ul, ol { margin-top: 0; margin-bottom: 12px; }
.hidden { display: none; }

a { color: #ed1c24; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { font-size: 14px; margin: 0 0 4px 0; color: #ffe600; height: 25px; background-color: #000; line-height: 25px; padding: 0 8px 0 8px; }
h2 { font-size: 11px; margin: 0; color: #ed1c24; }
h4 { font-size: 11px; margin: 0; background-color: #939598; color: #fff; text-transform: uppercase; padding-left: 6px; }
h5 { font-size: 11px; margin: 0; color: #000; }

#container { position: relative; width: 795px; margin: 0 auto; background: #fff; min-height: 600px; _height: 600px; }
#header { width: 795px; height: 110px; background: url(/2009/_img/bg_header.gif) repeat-x; }
#logo { position: absolute; left: 0; top: 0; width: 129px; height: 114px; background: url(/2009/_img/logo.png) no-repeat; _background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/2009/_img/logo.png', sizingMethod='fixed'); z-index: 20; }
#logo a { display: block; width: 129px; height: 114px; text-indent: -10000px; overflow: hidden;  }

#siteOptions { position: absolute; left: 135px; width: 260px; height: 15px; padding: 5px 0; line-height: 15px; }
#siteOptions ul { margin: 0; padding: 0; list-style-image: none; }
#siteOptions ul li { display: block; float: left; padding: 0 8px; border-left: 1px solid #000; }
#siteOptions ul li a { color: #000; }
#siteOptions ul li a.rss { padding-left: 16px; background: url(/2009/_img/icon_rss.gif) no-repeat; background-position: 0 1px; }
#siteOptions ul li.first { border: 0; }

#externalLinks { position: absolute; left: 403px; width: 392px; height: 15px; padding: 5px 0; background: #000; color: #ffe600; text-align: right; line-height: 15px; }
#externalLinks ul { float: right; text-align: left; margin: 0 3px 0 0; padding: 0; list-style-image: none; }
#externalLinks ul li { display: block; float: left; padding: 0 8px; border-left: 1px solid #fff; }
#externalLinks ul li a { color: #fff; }
#externalLinks ul li.intro { padding: 0; border: 0; }
#externalLinks ul li.first { border: 0; }

#nav1 { position: absolute; top: 51px; width: 786px; height: 25px; text-align: right; padding-right: 9px; }
#nav1 ul { list-style-type: none; margin: 0; padding: 0; float: right; }
#nav1 ul li { float: left; border-left: 1px solid #000; }
#nav1 ul li.first { border: 0 }
#nav1 ul li img { display: block; }

#main { padding-left: 10px; width: 785px; }
.clear { clear: both; height: 20px; overflow: hidden; }
#metaInfo, #links { position: absolute; width: 1px; height: 1px; left: -10px; top: -10px; overflow: hidden; z-index: 1; }

.content table { width: 100%; margin-bottom: 10px; }
.content .indent { padding-left: 8px; }

#col1 { float: left; width: 121px; margin-right: 10px; }
#col2 { float: left; width: 383px; margin-right: 10px; }
#col3 { float: left; width: 252px; }

.home #col1 { width: 252px; }
.home #col2 { width: 252px; }
.home #blog { margin-bottom: 18px; }
.home #blog h1 { background-color: #f00; }
.home #blog .newsitem { padding: 5px 8px; border-bottom: 1px solid #000; }
.home #agenda h1 { background-color: #8b0304; }
.home #agenda td { padding: 5px 8px; border-bottom: 1px solid #000; }

.links #col1 { width: 514px; }
.links #col2 { width: 121px; }
.links #col3 { width: 121px; }

.agenda #col1 { width: 775px; }
.agenda h1 { margin-bottom: 10px; }
.agenda .agendaItem .title { background-color: #8b0304; height: 25px; line-height: 25px; font-size: 12px; font-weight: bold; color: #fff; padding: 0 8px; }
.agenda .agendaItem .link { background-color: #8b0304; line-height: 25px; font-size: 12px; font-weight: bold; color: #fff; width: 252px; text-align: center; }
.agenda .agendaItem .link a { color: #ffe600; }
.agenda .agendaItem .data { padding: 4px 40px 0 8px; }
.agenda .agendaItem .image { padding: 4px 0 0 0; text-align: center; }

.nieuws #col1 { width: 514px; }
.nieuws #col2 { width: 252px; margin: 0; }
.nieuws #col1 h1 { background-color: #f00; }
.nieuws #col1 .post { padding: 5px 8px; border-bottom: 1px solid #000; }
.nieuws #col1 .post h2 { margin-bottom: 3px; font-size: 1.1em; }
.nieuws #col1 .postmetadata { margin-bottom: 4px; }
.nieuws #col1 .post .author { margin-bottom: 5px; font-size: 0.9em; }
.nieuws #col1 .post .navigation { position: relative; }
.nieuws #col1 .post .navigation { position: relative; height: 14px;}
.nieuws #col1 .post .commentlist { margin: 5px 0px; padding: 0px; list-style: none; }
.nieuws #col1 .post .commentlist li { margin: 0px; padding: 0px; }
.nieuws #col1 .post #commentform textarea { width: 100%; height: 58px; }
.nieuws #col2 #sidebar { padding: 1px 8px; }
.nieuws #col2 #sidebar ul { margin: 5px 0px; padding: 0px; list-style: none; }
.nieuws #col2 #sidebar ul ul { margin: 2px 0px 8px 0px; padding-left: 12px;}


.artist #col1 { width: 252px; }
.artist #col2 { width: 252px; }
.artist #info h1 { margin: 0; }
.artist #info td { padding: 5px 8px; border-bottom: 1px solid #000; }

.artist1 h1 { background-color: #55643c; }
.artist2 h1 { background-color: #8d72bf; }
.artist3 h1 { background-color: #b80e29; }
.artist4 h1 { background-color: #0514d6; }

.banners img { border: 1px solid #454c48; }

table.grid td { margin-bottom: 10px; }
table.grid td { text-align: right; padding-bottom: 10px; }

#player { width: 255px; height: 32px; background: url(/2009/_img/bg_player.gif) no-repeat; margin-bottom: 15px; }
#youtubeMovie { margin-bottom: 20px; }
#flickrImage { margin-bottom: 20px; }

hr { display: block; border: 0; border-bottom: 1px solid #000; height: 1px; color: #000; margin: -6px 0 4px 0; padding: 0; }




/*  form properties  */
/* -------------------------------------------------------------------------- */
form td { padding-top: 2px; padding-bottom: 2px; }
form { display: inline; }
form th { padding-top: 4px; width: 155px; }
input, select, textarea { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px; color: #252525; border: solid 1px #000000; background-color: #ffffff; padding: 2px; height: 22px; }
input.radio, input.checkbox { border-width: 0; background-color: transparent; height: 13px; }
input.image { border-width: 0; }
input.button {background-color: #ffe600; color: #000;}
.large { width: 250px; }
.medium { width: 110px; }
.small { width: 70px; }
.extraSmall { width: 40px; }
td.divider { height: 18px; }