/* Powered by Twente css.
   site breedte: 939px

   Externe input:
   homepage banner images: moeten 682x277 zijn
   eventbanner images: moeten 213x110 zijn
*/

/* ******************************************************************

   Basiselementen

*/

html, body
{
  padding:0;
  margin:0;
}
body
{
  overflow-y: scroll;
}
div#sitecentering
{
  margin: 0 auto;
  width: 939px;
}
div#site
{
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 11px;
  position: relative;
}
div#logo
{
  position:absolute;
  left:27px;
  top:34px;
}
div#languageswitch
{
  position:absolute;
  right:18px;
  top: 34px;
}
div#languageswitch a
{
  color: #8b8c8e;
  text-decoration:none;
}
div#languageswitch a.selected
{
  color: #c6001a;
}

/* ******************************************************************

   Hoofdmenu

*/
div#mainmenu
{
  position:absolute;
  left:192px;
  top:59px;

  background-image: url(../images/menu_bg.png);
  width: 747px;
  height: 28px;
}
div#mainmenuinner table
{
  height: 28px;
  border-collapse: collapse;
}
div#mainmenuinner table td
{
  text-align: center;
  vertical-align: top;
  height: 28px;
  padding: 0;
}
div#mainmenuinner span, div#mainmenuinner a
{
  font-weight: bold;
  display: block;
  height: 28px;
  line-height: 27px;
}
div#mainmenuinner span
{
}
div#mainmenuinner a
{
  color: white;
  padding: 0 10px;
  text-decoration: none;
}
div#mainmenuinner .selected
{
  background: url(../images/menu_selected_bg.png);
}

/* ******************************************************************

   Zoekvlak in hoofdmenu

*/
form#searchbox
{
  position:absolute;
  right:10px;
  margin:0;
  padding:0;
  height:28px;
}
form#searchbox input#searchtext
{
  position:relative;
  top:7px;
  height:13px;
  margin:0;
  padding:0;
  font-size: 9px;
  border: 1px  solid #7f7f7f;
  vertical-align: bottom;
}
form#searchbox input#searchbutton
{
  position:relative;
  top:7px;
  vertical-align: bottom;
}

/* ******************************************************************

   De evenementenbannertjes

*/
div.eventbannerrow
{
  padding-bottom:17px;
}
table.eventbannertable
{
  border-collapse: collapse;
  border: 0;
}
table.eventbannertable td
{
  padding: 0;
}
div.eventbanner
{
  width: 213px;
  height: 173px;
  position: relative;
  background-image: url(../images/banner_bg.gif);
  margin-left: 16px;/* aliassing, was 15*/
}
div.eventbanner img
{
  width: 213px;
  height: 110px;
  border: 0;
}
div.eventbanner div.eventcontent
{
  height: 63px; /* 173 - 110 = 63 */
  width: 213px;
  text-align: center;
}
div.eventbanner div.eventcontent a, div.eventbanner div.eventcontent span
{
  display:block;
  margin: 18px 0 0 0;
  padding: 0;
  font-size:110%;
  color: white;
  text-decoration: none;
}

/* ******************************************************************

   Homepage

*/
div#banner, div#uitgelicht_rechts
{
  top: 114px;
  height: 277px;
}
div#over_pbt, div#banner
{
  left:29px;
}

div#banner
{
  position:absolute;
  width:682px;
}
div#bannercontainer
{
  width: 100%;
  height: 100%;
}
div#bannercounter
{
  position:absolute;
  left:10px;
  bottom:15px;
  font-weight:bold;
  color: white;
  z-index: 150;
}
div#bannercounter #bannerstart
{
  float:left;
  color: red;
  padding: 1px 2px;
}
div#bannercounter span#bannerbuttons span
{
  border: 1px solid white;
  cursor: pointer;
  float:left;
  margin-left:4px;
  padding: 1px 2px;
}
div#bannercounter span#bannerbuttons span.selected
{
  border: 1px solid red;
  color: red;
}


div#uitgelicht_rechts
{
  position:absolute;
  left: 726px;
  background-color: #ddddde;
  width:213px; /* 213 + 726 = 939 */
}

div#uitgelicht_rechts .contents
{
  padding: 19px 15px 0 15px;
}
div#uitgelicht_rechts .contents h1
{
  margin: 0;
  padding: 0 0 9px 0;
  font-weight: bold;
  font-size: 120%;
}
div#uitgelicht_rechts .contents p
{
  color: #464648;
  text-align: justify;
}
div#uitgelicht_rechts .contents a
{
  color: #c6001a;
  font-weight: bold;
  text-decoration: none;
  display: block;
  position:absolute;
  bottom:9px;
}

div#over_pbt, div#homepage_bannerbak
{
  top: 421px;
}
div#over_pbt
{
  position:absolute;
  width: 213px;
}
div#over_pbt h1
{
  margin: 0;
  padding: 0 0 9px 0;
  font-weight: bold;
  font-size: 120%;
}
div#over_pbt p
{
  color: #464648;
  text-align: justify;
}
div#homepage_bannerbak
{
  position: absolute;
  left: 253px; /* aliassing, was 256*/
}
div#homepage_restbanners
{
  position: absolute;
  top:614px;
  left: 25px;
}

/* ******************************************************************

   Standaard vervolgpaginas

*/
div#simplecontent
{
  top: 133px;
  left: 133px;
  position: absolute;
}
div#simplecontent h1
{
  margin: 0;
  padding: 0 0 9px 0;
  font-weight: bold;
  font-size: 120%;
}
div.sc_withbanners
{
  width:355px;
}
div.sc_nobanners
{
  width:564px;
}
div#sc_bannerbak
{
  position: absolute;
  left: 500px;
  top: 160px;
}
div#sc_restbannerbak
{
  position: absolute;
  left: 42px;
  top: 350px;
}

/* ******************************************************************

   Witte hoekjes

*/
div.corner_nw, div.corner_ne, div.corner_sw, div.corner_se
{
  width:5px;
  height:5px;
  position:absolute;
  z-index: 150;
  font-size: 1px;
  line-height: 1px;
}

div.corner_nw
{
  background: transparent url(../images/corner_nw.gif) top left no-repeat;
  top:0;
  left:0;
}
div.corner_ne
{
  background: transparent url(../images/corner_ne.gif) top right no-repeat;
  top:0;
  right:0;
}
div.corner_sw
{
  background: transparent url(../images/corner_sw.gif) bottom left no-repeat;
  bottom:0;
  left:0;
}
div.corner_se
{
  background: transparent url(../images/corner_se.gif) bottom right no-repeat;
  bottom: 0;
  right:0;
}

/* Fix IE6 off-by-one errors if width or height is odd, and bottom:0 and/or right:0 is used */
.ie6 div.corner_se, .ie6 div.corner_ne
{
  right: expression((this.offsetParent.clientWidth % 2) ? '-1px' : 0);
}
.ie6 div.corner_se, .ie6 div.corner_sw
{
  bottom: expression((this.offsetParent.clientHeight % 2) ? '-1px' : 0);
}