/******************** Global styling elements ********************/

HTML, BODY {
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin:0px;
  background-color: #8da09f;
}
BODY, TR, TD, TH, INPUT, SELECT, TEXTAREA {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  text-align:left;
}                 
BODY, TR, TD, INPUT, SELECT, TEXTAREA, A {
  color: #333333;
}

H1 {
  margin: 0px 0px 10px 0px;
  font-size: 1.3em;
  color:#2b5d5c;
}
H2 {
  margin: 0px 0px 5px 0px;
  font-size: 1.1em;
  color:#2b5d5c;
}
H6 {
  margin: 0px 0px 5px 0px;
  font-size: 0.8em;
  font-weight: normal;
}
P{
  margin:0px;
  margin-bottom: 10px;
}
/********************  styling elements ********************/ 

INPUT.verzenden{
  font-weight: bold;
  color: #e5e8e8;
  letter-spacing: 1px;
  background-color: #627d7c;
  border: 2px solid #627d7c;
}
INPUT{
  margin-bottom:5px;
}

UL LI {
  list-style-position: outside;
  list-style-image: url(../images/bullet.gif);
}
  
DIV.contentblock A {  
  color:#2b5d5c;
  }

/******************** Styling/Structural elements Frontpage-specific ********************/

/******************** Structural elements ALGEMEEN ********************/

DIV.positioner { /* anchor point to position content */
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 50%;        
  width: 1px;
  overflow: visible;
}
DIV.container {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -500px; /* half of width */
  width: 1000px; 
  background-color: #AAB8B9; 
}


/******************** Structural elements [vervolgpaginas] ********************/

DIV.topblock  {
  height: 165px;
  position: absolute;
  top: 0px;
  left: 30px;
  right: 30px;
  background-color: #fff;
  width:940px;
}
DIV.vlaggen {
  position: absolute;
  width: 100px;
  top: 120px;
  right: 5px;
}

IMG.slogan {
  position: absolute;
  top: 0px;
  left: 245px;
}
IMG.topbalk {
  position: absolute;
  top: 0px;
  right: -30px;
  z-index: 1;
}
IMG.bank {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 2;
}
IMG.nieuws {
  position: absolute;
  top: 140px;
  right: 144px;
}
DIV.mainblock {
  position: absolute;
  bottom: 25px;
  top: 165px;
  left: 30px;
  right: 30px;
  background-color: #fff;
  width:940px;
}
DIV.leftbar {
  position: absolute;
  bottom: 0px;
  top: 0px;
  left: 0px;
  width: 240px;
  background-color: #2B5D5C;
}
DIV.leftbar DIV.menu {
  margin:0px 0px 30px 0px ;
}
DIV.leftbar DIV.submenu {
  border-bottom: 1px solid #aab8b9;
}
DIV.contentblock {
  position: absolute;
  bottom: 0px;
  top: 0px;
  left: 240px;
  right: 0px;
  overflow:auto;
  width:700px;
  
}

TD.content1 DIV.innertube{
  margin: 0px 30px 20px 20px;
  line-height: 150%;
}

TD.content2 DIV.innertube{
  margin: 0px 10px 20px 0px;
  font-size:90%;
    line-height: 150%;
}

DIV.content {
  margin: 0 0 30px 30px; /*   margin: 0px 100px 30px 30px; */
  line-height: 150%;

}
DIV.bottomblock {
  position: absolute;
  height: 25px;
  bottom: 0px;
  left:30px;
  right:30px;
  z-index: 3;
  background-color: #627d7c;
  font-size: 80%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  width:940px;
}

DIV.footer {
  color: #fff;
  height: 8px;
  margin:5px 0px 0px 240px;
  text-align:center;
  width:700px;
}
DIV.intronetcopy {
  height: 7px;
  bottom: 0px;
  margin:0px 0px 0px 5px;
}

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

DIV.menu A {
  color: #e5e8e8;
  font-weight: bold;
  text-decoration: none;
  display: block;
  vertical-align: middle;
  padding: 5px 0px 5px 15px;
  border-top: 1px solid #2B5D5C;
  border-bottom: 1px solid #627d7c;
  letter-spacing:1px;
}
DIV.menu A:HOVER{
  background-color: #8da09f;
  border-top: 1px solid #8da09f;
  border-bottom: 1px solid #8da09f;
}
DIV.menu .active, DIV.menu A.active:HOVER {
  padding: 5px 0px 5px 30px;
  background-color: #627d7c;
  background-image: url(../images/nav_pijl.gif);
  background-repeat: no-repeat;
  background-position: 15px center;
  border-top: 1px solid #aab8b9;
  border-bottom: 1px solid #627d7c;
}
DIV.menu .open, DIV.menu A.open:HOVER  {
  padding: 5px 0px 5px 15px;
  background-color: #627d7c;
  border-top: 1px solid #aab8b9;
  border-bottom: 1px solid #627d7c;
}
DIV.submenu A {
  padding: 5px 0px 5px 30px;
  background-color: #627d7c;
  border: 0px none;
  font-weight: normal;
}

DIV.submenu A:HOVER  {
  border: 0px none;
  background-color: #8da09f;
}

DIV.submenu A.active, DIV.submenu  A.active:HOVER {
  padding: 5px 0px 5px 45px;
  background-color: #627d7c;
  background-image: url(../images/nav_pijl.gif);
  background-repeat: no-repeat;
  background-position: 30px center;
  border: 0px none;
}
DIV.footer A {
  color: #fff;
  text-decoration: none;
}
DIV.footer A:HOVER {
  text-decoration: underline;
}
DIV.intronetcopy A {
  font-size: 7pt;
  color: #AAB8B9;
  text-decoration: none;
}
DIV.intronetcopy A:HOVER {
  text-decoration: none;
  color: #FF9933;
}

/******************** [speciaal ] ********************/

/* Events */
div.event {
  width: 650px;
  margin-bottom: 14px;
}
div.eventHeader {
  background-color: #e5e8e8;
}
div.eventDesc {
  float: left;
}
div.eventInfo {
  float: right;
  width: 200px;
  padding: 5px;
  border-left: 1px solid #2b5d5c; 
}
div.eventInfoSub {
  background-color: #aab8b9;
  padding:0 0 2px 2px;

}
div.horizontalLine {
  clear: both; 
  border-bottom:1px #2b5d5c solid; 
  height: 1px; 
  width: 100%; 
  padding-top: 10px;
  margin-bottom: 5px;
}
div.widthFull {
  width: 650px;
}
div.widthHalf {
  width:320px!important; /* 650/2 */
}
div.widthTwoThird {
  width:420px!important; /* 2/3 * 650 */
}

/* Icons */
.iconQuestionMark, .iconRemove {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.iconQuestionMark {
  background: url(../images/icon_question_mark.png) no-repeat;
}
.iconRemove {
  background: url(../images/icon_remove.png) no-repeat;
}

/* Common Use */
.error {
  color: #F00;
}
.fLeft {
  float: left!important;
}
.fRight {
  float: right!important;
}
.noBorder {
  border: 0!important;
}
.leftBorder {
  border-left: 1px solid #2b5d5c; 
}
.clear {
  clear: both;
}
.noDecoration {
  text-decoration: none;
}
.textPadding {
  padding: 5px!important;
}