/**
 * @author martijng 20070221
 */
body {
  margin: 0;
  padding: 0;
  font-family: Arial;
  background: #000;
  color: black;
  font-size: 12px;
}

h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
}

h1 a,
h1 {
  font-size: 22px;
  color: black;
}

h2 a,
h2 {
  font-size: 15px;
  font-weight: bold;
  color: black;
}

p {
  font-size: 12px;
  padding: 0;
  margin: 0;
}

a {
  color: #ED008C;
  text-decoration: none;
  font-size: 12px;
}

a:hover {
  color: #FF93D3;
}

a img {
  border: 0;
}

input.submit {
  border: 1px solid silver;
  color: #FFF;
  background-color: #000;
}

span.subheader {
  font-size: 11px;
  display: block;
}

div.news_item span.subheader,
div.preview span.subheader {
  margin-bottom: 10px;
}

table {
  width: 100%;
  border-collapse: collapse;
}

table thead th {
  text-align: left;
  background-color: black;
  color: white;
  padding: 4px 10px;
  border-right: 1px solid #ED008C;
}

table tbody td {
  border-right: 1px solid #F133A3;
  padding: 4px 10px;
  color: white;
  font-size: 11px;
}

table tbody tr.light {
  background-color: #F133A3;
}

table tbody tr.dark {
  background-color: #ED008C;
}

table th.clearBorder {
  border: none;
}

.right { float: right; }
.left { float: left; }

/**
 * Container
 */
div#framework {
  width: 949px;
  position: relative;
}

div#flashdance {
  left: 0;
  display: block;
  width: 322px;
  height: 500px;
  position: absolute;
  z-index: 20;
}

/**
 * Main container
 */
div#container {
  width: 627px;
  left: 322px;
  position: absolute;
  z-index: 10;
}

/**
 * Header
 */
div#header {
  height: 58px;
}

div#header div {
  display: block;
  float: left;
}

div#header a {
  color: #FFF;
  font-size: 10px;
}

div#header div.language a,
div#header div.contact_faq a {
  margin-right: 10px;
}

div#header div.language {
  margin-right: 100px;
}

div#header div.contact_faq {
  margin-right: 30px;
}

/**
 * Navigation
 */
div#navigation {
  background-color: #FFF;
  color: #ED008C;
  font-size: 13px;
  font-weight: bold;
  height: 25px;
  width: 627px;
}

/**
 * Drop Down Menu
 */
div#navigation ul { /* all lists */
  padding: 0;
  margin: 0;
  list-style: none;
}

div#navigation li { /* all list items */
  float: left;
  position: relative;
  padding: 0;
  _width: 100px;
  _height: 25px;
}

div#navigation li.hdf {
  _width: 150px;
}

div#navigation li.organisation {
  _width: 90px;
}

div#navigation li.courses {
  _width: 160px;
}

div#navigation li.news,
div#navigation li.press {
  _width: 55px;
}

div#navigation li a {
  display: block;
  min-height: 21px;
  _height: 21px;
  padding: 4px 10px 0 10px;
}

div#navigation li ul,
div#navigation li.sfhover,
div#navigation li.sfhover a,
div#navigation li:hover,
div#navigation li a:hover,
div#navigation li:hover a {
  background-color: #000;
  color: #FFF;
}

div#navigation li ul li a {
  display: block;
  width: 130px;
}

div#navigation li ul li a:hover {
  background-color: #ED008C;
}

div#navigation li ul { /* second-level lists */
  display: none;
  position: absolute;
  font-weight: normal;
  top: 100%;
  left: 0;
  width: 130px;
}

div#navigation li.hdf ul li a,
div#navigation li.hdf ul {
  width: 200px;
}

div#navigation li.courses ul li a,
div#navigation li.courses ul {
  width: 137px;
}

div#navigation li.archive ul li a,
div#navigation li.archive ul {
  width: 41px;
}

div#navigation li>ul { 
  top: auto;
  left: auto;
}

div#navigation li:hover ul, 
div#navigation li.sfhover ul { /* lists nested under hovered list items */
  background-color: #000;
  list-style: none;
  display: block;
  color: #FFF;
}

div#navigation li:hover ul a, 
div#navigation li.sfhover ul a { /* lists nested under hovered list items */
  color: #FFF;
}

/**
 * Collumns
 */
div#homecontent {
  background-color: #FFF;
  margin-top: 10px;
  min-height: 600px;
  /** IE6 hack **/
  _height: 600px;
}

div#maincontent {
  background-color: #FFF;
  padding: 10px;
  margin-top: 10px;
  min-height: 600px;
  /** IE6 hack **/
  _height: 600px;

}

div#collumnright img,
div#collumnleft img,
div#maincontent img {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

div#collumnright,
div#collumnleft {
  /** background-color: #FFF; **/
  padding: 10px;
  display: block;
  float: left;
  width: 287px;
}

div#collumnleft {
  /** border-right: 10px solid #ED008C; **/
  margin-right: 10px;
}

/**
 * Uigelicht
 */
div.zoomin {
  margin-top: 30px;
}

div.zoomin h2 a, 
div.zoomin h2 {
  font-size: 18px;
  margin: 5px 0;
}

div.zoomin h3 {
  font-size: 12px; 
}

/**
 * Voorstellingen
 */
div.shows {
  margin-top: 10px;
}

div.shows div.show {
  margin: 10px 0;
}

/**
 * Workshops
 */
div.workshops div.workshop {
  margin: 10px 0;
}

/**
 * Nieuws
 */

div.news div.news_item {
  margin-bottom: 15px;
}


div.news div.news_item p {
  font-size: 12px;
  padding: 0;
  margin: 0;
}

div.news div.news_item span.subheader {
  font-size: 11px;
}

/**
 * Nieuwsbrief
 */
div.newsletter {
  margin-top: 10px;
}

div.newsletter form {
  margin: 10px 0 10px 0;
}

/**
 * Programma
 */
div#hdf {
  background: #FFF;
}

div#hdf div.nav {
  margin-top: 50px;
  font-weight: bold;
  font-size: 12pX;
  width: 200px;
  float: left;
}

div#hdf div.nav h1 {
  font-size: 15px;
}

div#hdf div.nav a {
  color: #000;
}


div#hdf div.nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

div#hdf div.nav ul li {
  margin: 3px;
}

div#hdf div.nav ul > li {
  margin: 5px;
}

div#hdf div.nav ul li.menuitem a.selected,
div#hdf div.nav ul li.current > a {
  color: #ED008C; 
}

div#hdf div.nav ul li ul li *,
div#hdf div.nav ul li ul li {
  list-style: inside square;
  font-weight: normal;
  font-size: 11px;
}

div#hdf div.nav ul li ul {
  list-style: inside disc;
  padding-left: 10px;
  margin-left: 0px;
}

div#hdf div.nav ul li ul li.current a,
div#hdf div.nav ul li ul li.current {
  color: #ED008C; 
}

div#hdf div.nav ul li ul li.current {
  list-style: none;
  .margin-left: 4px;
  padding-left: 15px;
  .padding-left: 0;
}

div#hdf div.content {
  width: 400px;
  float: right;
  margin-top: 10px;
  font-size: 12px;
}

div#hdf div.content h1 {
  font-size: 22px;
  margin: 5px 0;
  clear: both;
}

div#hdf div.content h2 {
  font-size: 15px;
  margin-top: 10px;
}

div#hdf div.alpha_navigation {
  margin-bottom: 20px;
}

div#hdf div.alpha_navigation a {
  margin-right: 5px;
  font-size: 15px;
  font-weight: bold;
}

div#hdf div.alpha_navigation a.inactive {
  color: #FF93D3;
}

div#hdf div.alfaitem {
  margin-bottom: 20px;
}

div#hdf div.alfaitem p {
  margin-bottom: 5px;
}

div#hdf div.alfaitem h3 {
  font-size: 18px;
}

div#hdf div.inschrijfform {
  margin-top: 20px;
}

div#hdf div.inschrijfform fieldset {
  display: block;
  width: 100%;
  border: 0;
  padding: 0;
  margin-bottom: 15px;
}

div#hdf div.inschrijfform fieldset legend {
  font-size: 15px;
  font-weight: bold;
  padding: 0;
  margin: 10px 0 0 0;
}

div#hdf div.inschrijfform fieldset label {
  float: left;
  display: block;
  padding-top: 2px;
  width: 140px;
  clear: left;
  margin-right: 10px;
}

div#hdf div.inschrijfform fieldset.tickets {

}
div#hdf div.inschrijfform fieldset ul {
  padding: 0;
  margin: 0;

}

div#hdf div.inschrijfform fieldset ul li {
  width: 40px;
  display: block;
  float: left;
}

div#hdf div.inschrijfform fieldset input[type=text] {
  width: 240px;
}

div#hdf div.inschrijfform div.options {
  width: 100%;
  clear: both;
}

div#hdf div.inschrijfform textarea {
  width: 240px;
}


div#related,
div.related {
  margin: 0 10px 10px 10px;
  float: right;
  background-color: #000;
  color: #ED008C;
  padding: 10px;
  width: 200px;
}

div#related ul,
div.related ul {
  margin: 0;
  padding: 5px;
  list-style: inside square;
  color: #FFF;
}

div#related ul li a,
div.related ul li a {
  color: #FFF;
}

/**
 * Nieuws
 */

div#news h1 {
  margin-bottom: 10px;
}

div#news h2 a {
  color: #000; 
}

div#news div.headlines {
  float: left;
  width: 200px;
}

div#news div.headlines a {
}

div#news div.headlines ul {
  padding: 0;
  margin: 10px;
  list-style: none;
}

div#news div.headlines li {
  margin-bottom: 5px;
  min-height: 20px;
  _height: 20px;
}

div#news div.content {
  width: 400px;
  float: right;
}

div#news div.news_item {
  margin-bottom: 20px; 
}

div#news div.news_item p {
  margin-bottom: 5px;
}

div#news div.news_item span.subheader {
  margin-bottom: 10px;
  display: block;
}

/**
 * Search page
 */
div#search {
  padding: 10px;
}

div#search h1 {
  margin-bottom: 20px;
}

div#search p {
  margin-bottom: 20px;
}

/**
 * Breadcrumbs
 */

div#breadcrumbs ul {
  margin: 0;
  margin-top: 10px;
  padding: 0;
  height: 20px;
}

div#breadcrumbs ul li {
  float: left;
  color: #fff;
  list-style: none;
  padding-left: 15px;
  margin-left: 10px;
  

}

div#breadcrumbs ul li a {
  color: #fff;
}

/**
 * Sponsors
 */
div.sponsors {
  margin-top: 30px;
}

div.sponsors div.logos {
  height: 60px;
  clear: both;
}

div.sponsors div.logos img {
  /** display: inline; **/
}

/**
 * Disclaimer
 */
div.disclaimer {
  margin-top: 20px;
}

div.disclaimer a {
  font-size: 10px;
}