/******************* Structure and centering *****************/ 

HTML, BODY {
  overflow: hidden;
  width: 100%
  height: 100%;
  background-color: #fff;
}
BODY, TH, TD, SELECT, INPUT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #383934;
}
DIV.positioner {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 50%;        
  width: 1px;
	height: 100%;
  overflow: visible;
}
DIV.container {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -475px;
	width: 950px;   
  height: 100%;
  text-align: left; 
}

/******************* Main blocks and colors *****************/   
/* note: never define padding here, this may influence width in some browsers */
/* if any heights are changed, don't forget to update ie6.css as well!!! */

DIV.content, DIV.contentarea, DIV.topbar, DIV.navbar, 
DIV.footer, DIV.intronet, DIV.subnav, DIV.subnavimg {
  position: absolute;
  left: 0;
  width: 950px;   
  overflow: hidden;
}

DIV.content {
  top: 188px;
  bottom: 40px;
  height: auto;
  overflow: auto;
  
  background-color: #383934;
  color: #FFF;
}                  
BODY.theme DIV.content {
  top: 218px;
}
BODY.txt DIV.contentarea {
  top: 300px;
  bottom: 40px;
  height: auto;
  overflow: hidden;

  background-color: #383934;
}
BODY.txt DIV.content {
  top: 300px;
  left: 225px;
  width: 500px;          
  
  background-color: #FFF;
  color: #383934;
}

DIV.topbar {
  top: 10px;
  height: 33px;   

  background-color: #383934;
  color: #FFF;
}
DIV.navbar {
  top: 43px;
  height: 145px;   
}
DIV.footer {
  bottom: 19px;
  height: 21px;   

  background-color: #383934;
  color: #FFF;
  font-size: 7.5pt;
}

div.footer a {
    color: #fff;
    text-decoration: none;
}

DIV.intronet {
  bottom: 0px;
  height: 19px;   

	font-size: 6.5pt;
	text-align: right;
}
DIV.subnav {
  top: 188px;
  height: 30px;   

  background-color: #383934;
  color: #FFF;
}
DIV.subnavimg {
  top: 188px;
  height: 112px;   

  background-color: #383934;
  color: #FFF;
}


/******************* Menu and navigation *****************/

DIV.mainlogo {
  position: absolute;
  top: 0px;
  left: 264px; /* (950-422)/2 */
}
IMG.mainlogo {
  width: 422px;
  height: 144px;
  border: 0;
}
DIV.smalllogo {
  position: absolute;
  top: 65px;
  right: 10px;
  z-index: 10; /* to avoid being overlapped by openingstijden div, rendering logo non-clickable */ 
}
IMG.smalllogo {
  width: 198px;
  height: 67px;
  border: 0;
}
IMG.themeimg {
  position: absolute;
  top: 0px;
  left: 30px; 
  width: 217px;
  height: 145px;
  border: 0;
}

DIV.menuitem {  
  position: absolute;
  /* top is set in html code */
  left: 10px;      
  width: 200px;
  height: 28px;
  font-size: 7.5pt;
}             
DIV.menuitem DIV.link {
  position: absolute; 
  left: 8px;
  top: 7px;
  font-weight: bold;
  width: 70px; 
  z-index: 20;
  overflow: hidden;
  white-space: nowrap;
}
DIV.menuitem A:link, DIV.menuitem A:visited {
 text-decoration: none;
 color: #42433E;
}
DIV.menuitem A:hover, DIV.menuitem A:active {
 text-decoration: none;
 color: #CB4428;
}
DIV.menuitem IMG.leftbracket, DIV.menuitem IMG.rightbracket {
  position: absolute;
  top: 4px;
  left: 0px;
  width: 8px;
  height: 20px;
  border: 0;
}
DIV.menuitem IMG.rightbracket {
  left: 75px;
}
             


/******************* Image tabs and border colors *****************/   

DIV.colorarea1 DIV.box, 
DIV.colorarea1 DIV.itemlabel,
DIV.colorarea1 DIV.itemlabel-active { 
  background-color: #CFC025;
}
DIV.colorarea2 DIV.box, 
DIV.colorarea2 DIV.itemlabel,
DIV.colorarea2 DIV.itemlabel-active { 
  background-color: #CB4428;   
}
DIV.colorarea3 DIV.box, 
DIV.colorarea3 DIV.itemlabel,
DIV.colorarea3 DIV.itemlabel-active { 
  background-color: #789D9F;       
}
DIV.colorarea4 DIV.box, 
DIV.colorarea4 DIV.itemlabel,
DIV.colorarea4 DIV.itemlabel-active { 
  background-color: #AFCBE9;
}
DIV.colorarea5 DIV.box, 
DIV.colorarea5 DIV.itemlabel,
DIV.colorarea5 DIV.itemlabel-active { 
  background-color: #847E58; 
}
DIV.colorarea6 DIV.box, 
DIV.colorarea6 DIV.itemlabel,
DIV.colorarea6 DIV.itemlabel-active { 
  background-color: #826B88;  
}



/******************* Nav blocks, general settings *****************/   
BODY.main DIV.block {
  overflow: hidden;
}                  
A.linkbox {        
  display: block;
  text-decoration: none;
}
A.linkbox:link, A.linkbox:visited {        
  background-color: #000;
  opacity: .8;
  filter: alpha(opacity=80);
}
A.linkbox:hover, A.linkbox:active {
  background-color: #FFF;
  opacity: 1; 
  filter: alpha(opacity=100);
}
DIV.block IMG {
  position: absolute; 
  top: 1px;
  left: 1px;
  border: 0px;
  background-color: #B0B8BC;
}
DIV.block DIV.itemlabel, DIV.itemlabel-active {
  position: absolute; 
  left: 1px;
  color: #FFF;
  
  font-weight: bold;
  text-align: center;
}
DIV.block DIV.itemlabel {
  cursor: pointer;       
}



/******************* Nav blocks, Front page specific *****************/   

BODY.main DIV.block, BODY.main A.linkbox {
  position: absolute; 
  width: 252px;
  height: 197px;
}
BODY.main DIV.block {
  /* top and left are set in html code */
}                  
BODY.main DIV.block IMG {
  width: 250px;
  height: 167px;
}
BODY.main DIV.block DIV.itemlabel {
  position: absolute; 
  top: 168px;
  width: 250px;
  height: 28px;
  font-size: 10.5pt;
}
BODY.main DIV.block DIV.itemlabel DIV.textmargin {
  padding: 5px;
}


/******************* Nav blocks, Text page specific *****************/   
BODY.txt DIV.block, BODY.txt A.linkbox {
  position: absolute; 
  width: 122px;
  height: 95px;
}
BODY.txt DIV.block {
  top: 6px;
  /* left is set in html code */
}                  
BODY.txt DIV.block IMG {
  width: 120px;
  height: 80px;
}
BODY.txt DIV.block DIV.itemlabel {
  position: absolute; 
  top: 81px;
  width: 120px;
  height: 13px;
  font-size: 8.5pt;
}
BODY.txt DIV.block DIV.itemlabel DIV.textmargin {
  padding: 0;
}




/******************* Nav blocks, Theme page specific *****************/   
BODY.theme DIV.block, BODY.theme A.linkbox {
  position: absolute; 
  width: 122px;
  height: 19px;
}
BODY.theme DIV.block {
  top: 7px;
  /* left is set in html code */
}                  
BODY.theme DIV.block DIV.itemlabel {
  position: absolute; 
  top: 1px;
  width: 120px;
  height: 17px;
  font-size: 8.5pt;
}
BODY.theme DIV.block DIV.itemlabel DIV.textmargin {
  padding: 2px;
}           
BODY.theme DIV.itemlabel-active {
  position: absolute; 
  top: 0;
  left: 30;
  width: 217px;
  height: 25px;
  font-size: 10.5pt;
}
BODY.theme DIV.itemlabel-active DIV.textmargin {
  padding: 4px;
}           

  
/******************* Theme pagina boxes etc. *****************/   
  
DIV.box {
  position: absolute;
  /* top and left are set in html */
  width: 260px;
}           
DIV.innerbox {
  margin: 10px;
  background-color: #383934;
}
DIV.boxpadding {
  padding: 5px;
}
IMG.boximg {
  width: 240px;
  height: 240px;
  background-color: #B0B8BC;
  border: 0;
}




/******************* Other styling elements *****************/   

DIV.textmargin {
  padding: .5em .75em;
}
DIV.footer DIV.textmargin {
  padding-top: .3em;
  padding-bottom: 0;
}

DIV.intronet A:link, DIV.intronet A:visited{
	text-decoration: none;
	color: #999;
}

DIV.intronet A:hover, DIV.intronet A:active {
	text-decoration: none;
  color: #FF9900;
} 

DIV.openingstijden {
  position: absolute;
  height: 244px;
  width: 250px;
  top: 1px;
  right: 10px;
  font-weight: bold;
  font-size: 7.5pt;
  text-align: right;
}      

IMG.pagetitle-bracket {
  position: absolute;
  left: 48px;
  top: 2px;
  width: 23px;
  height: 23px;
}
DIV.pagetitle {
  position: absolute;
  left: 54px;
  top: 4px;
  width: 160px;
  font-size: 11pt;
  font-weight: bold;
  color: #FFF;
  z-index: 20;
}

P {
  margin: 0;
}