/* alles resetten */
/*
a, address, blockquote, body, br, dd, dl, div, dt, em, h1, h2, h3, h4, h5, h6, hr, html, i, li, link, object, ol, p, pre, span, strong, style, title, th, td, tr, tt, ul {

  padding: 0;

  margin: 0;

  border: 0;

  list-style: none;

}*/


body
{
  /* background-image: url('../images/background.png');
  background-repeat: repeat-y;
  background-attachment: fixed;*/

  margin: 0;
  padding: 0;

  font: normal 0.9em/100% tahoma, verdana, arial, helvetica, sans-serif;
  line-height: 1.1em;
}

/* default platte tekst 10px */

html {

  font-size: 100%;

}

#container
{

  margin: 0 auto 0 auto;

  width: 890px;

  text-align: left;

}

#footer {
  
  position: relative;
  bottom: 0px;
  /*left: 30%;*/
  padding: 20px 0 0 0;
  text-align: center;
  /*border-style: dotted;
  border-width: 0 0 0 0;*/

}

.clear {

  overflow: hidden;

  clear: both;

  height: 0px;

  margin: 0px;

  font-size: 1px;

  line-height: 0px;

}

/* MAIN CONFIG */
#main
{
  float: left;
}

/* TOP BAR */

div#topBar
{
  position: relative;
  /*width: 925px;*/
  height: 125px;
  margin: 15px 0 0 0;
  padding: 0;
}

div#topBar ul
{
  float: right;
  list-style-type: none;
  margin: 0;
  padding: 0;
  /*padding: 0 0 0 200px;*/
}

div#topBar li
{
  display: inline;
  padding: 0 0 0 75px;
}

#topBar img#logo
{
  /*padding: 0 0 0 215px;*/

}

/* RIGHT COLUMN */

div#rightColumn
{
  float: right;
  position: relative;
  margin: 0;
  padding: 0;
  /*left: 50px;*/
  /*width: 176px;*/
  /*top: 10px;*/
  /*border-color: #000000;
  border-width: 1px;
  border-style: solid;*/

}

div#rightColumn ul
{
  padding: 0;
  margin: 50px 0 0 0 ;
  list-style-type: none;
  
}

div#rightColumn li 
{
  padding: 0 0 75px 0;
    
}


/* LEFT COLUMN */

#leftColumn
{
  float: left;
  width: 222px;
  margin: 0;
  padding: 0;

}



/* MENU CONFIG */

#menuContainer
{
  float: left;
  font: normal 1.2em/100% tahoma, verdana, arial, helvetica, sans-serif;
  padding: 45px 0 0 30px;
  width: 222px;
}

.menuItem
{
  margin: 0 0 5px 0;
}

.menuItem.active
{
  font-weight: bold;

}

#pageContainer
{
  width: 425px;
  float: left;
  /* background: #ffffff repeat-y; */
  border-color: blue;
  border-width: 0px 0px 0px 1px;
  border-style: solid;
  padding: 0px 0px 0px 10px;


}


/* PAGE CONFIG */
div.pageText
{
  font: normal 0.8em/100% tahoma;
  line-height: 1.2em;

}

div.pageText
{
  text-align: left;
}

td span.price
{
  text-align: right;
}


/* NEWS CONFIG */

.newsItem .start
{
  padding: 0 0 0 0;
}

.news
{
  padding: 0 0 50px 0;
}

.newsTitle
{
  font: bold 1.2em/100% tahoma, verdana, arial, helvetica, sans-serif;
}

.newsDateTime
{
  font: normal 1.0em/100% tahoma, verdana, arial, helvetica, sans-serif;
  text-align: right;
}

.newsPoster
{
  font: italic 1.0em/100% tahoma, verdana, arial, helvetica, sans-serif;
  padding: 0 0 50px 0;
  text-align: right;
}

/* REGISTRATION CONFIG */

div.registration, fieldset.registration
{
  font: normal 1.0em/100% tahoma, verdana, arial, helvetica, sans-serif;  
  padding: 0px;
  margin: 10px;
  /*width: 450px;*/
}

div.registration label
{
  display: block;
  font: normal 0.8em/100% tahoma, verdana, arial, helvetica, sans-serif;
  clear: both;
  float: left;
  width: 180px;
  margin: 0;
  padding: 5px;
}

div.registration input, div.registration select, div.registration textarea
{
  margin: 0 0 5px 0;
  width: 160px;
}

/* WORKSHOPS CONFIg */

#coursesContainer ul
{
  list-style-type: none;
}

#coursesContainer li
{
  padding-bottom: 5px;
}

div .courseItem
{
  font: normal 1.0em/100% tahoma, verdana, arial, helvetica, sans-serif;
  width: 500px;
}

div .courseName
{
  font: bold 1.0em/100% tahoma, verdana, arial, helvetica, sans-serif;
  padding: 5px 0 0 0;
}
div .courseDescription
{
  position: relative;
  left: 5px;
  font: normal 0.8em/1.1em tahoma, verdana, arial, helvetica, sans-serif;
  padding: 5px 0 10px 0;
}


/* FORMS */

div.checkbox 
{
  clear: both;  
  position: relative;
  width: 300px;
  margin: 0;
  padding: 0;
}

div.checkbox label 
{
  display: block;
  clear: both;
  width: 180px;
  margin: 0;
  padding: 5px;
}

div.checkbox input 
{
  position: absolute;
  margin: 0 0 5px 0;
}