html{
  background-image:url(../gfx/mainBg.gif);
  background-repeat:repeat-y;
  background-color:#f0f0f0;
  behavior:url(../css/csshover.htc);
  scrollbar-base-color: white;
  scrollbar-shadow-color: red;
  scrollbar-highlight-color: white; 
  scrollbar-3dlight-color: red; 
  scrollbar-darkshadow-color: white;
  scrollbar-track-color: white; 
  scrollbar-arrow-color: red;
}

img {
    border: 0px;
}
/*********************************************************** main
*/
div#main{
  padding:0px;
  margin:0xp;
  top:0px;
  left:0px;
  width:800px;
  position:absolute;
}
/*********************************************************** Header
*/
div#header{
  background-image:url(../gfx/headerImg.gif);
  height:83px;
  width:800px;
  margin:0px;
  padding:0px;
  top:0px;
  left:0px;
  float:left;
}
div#header img{
  padding-left:550px;
  padding-top:13px;
  border:0px;
}

/*********************************************************** Navigation
*/

div#nav {
  position:relative;
  top:20px;
  float: left; 
  width: 10em; 
  margin: -1px 0 0 -1px;
  z-index:12;
}
div#nav ul {
  margin: 0; 
  padding: 0; 
  width: 10em; 
  background: white;
  border: 1px solid #AAA;

}
div#nav li {
  position: relative; 
  list-style: none; 
  margin: 0;
  border-bottom: 1px solid #CCC;
  background: url(../gfx/menuBg.gif);
  z-index:20;
}
div#nav ul li:hover {


}
div#nav li.submenu {
  background: url(../gfx/submenuArrow.gif);
}
div#nav ul.level1 li.submenu:hover 
{
  
}
div#nav li a {
  display: block; 
  padding: 0.25em 0 0.1em 0.5em;
  text-decoration: none; 
  width: 11em;
  color:gray;
  font-family:verdana;
  font-size:11px;
  font-weight:bolder;
  }
div#nav li a:hover {
  color:#df444a;
}
div#nav li a.logout {
  color:#df444a;
}
/*
div#nav>ul a {
  width: auto;
}
*/
div#nav ul ul {
  position: absolute; 
  top: 0; 
  left: 10em;
  display: none;
}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {
  display:block;
  z-index:20;
}

div#nav ul.level1 li#nomb:hover{
  background-image: url(../gfx/menuBg.gif);
  background: url(../gfx/menuBg.gif);
}
/************************************ Navigation Login
*/
.login{
  margin:0px;
  padding:0xp;
  float:left;
  background-image:url(../gfx/loginBg.gif);
  background-repeat:no-repeat;
  height:176px;
  width:150px;
  font-family:verdana;
  position:relative;
  top:40px;
  left:2px;
  padding:5px;
}
.login h1{
  padding:0px;
  margin:0xp;
  color:#df444a;
  font-size:14px;
  font-weight:bolder;
  font-style:italic;
  padding:0px;
  margin:0px;
  padding-bottom:5px;
}
.login h2{
  float:left;
  color:#df444a;
  font-size:12px;
  font-weight:bold;
  padding:0px;
  margin:0px;
  padding-bottom:3px;
}

.login input{
  border:solid #df444a 1px;
  width:140px;
  float:left;
  vertical-align: bottom;
}
.login .loginButton{
  width:70px;
  float:left;
  margin-left:72px;
  border:solid #df444a 1px;
  background-color:white;
  color:#df444a;
  font-weight:bolder;
  margin-top:5px;
}

div#nav div.login a{
  color:red;
  text-decoration:underline;
  font-size:9px;
  font-weight:normal;
  bottom:15px;
  position:absolute;
  width:70%;
  left:20px;
}
/**************************************************************** contentBlock
*/
div#contentBlock{
  width:600px;
  height:450px;
  overflow:auto;
  position:absolute;
  left:180px;
  top:100px;
  font-family:verdana;
  font-size:10px;
}
div#contentBlock h1{
  padding:0px;
  margin:0px;
  color:#df444a;
  font-size:18px;
  font-weight:900;
}
div#contentBlock h2{
  padding:0px;
  margin:0px;
  color:#df444a;
  font-size:14px;
  font-weight:900;
  padding-bottom:10px;
}
div#contentBlock p{
  font-size:10px;
}
div#contentBlock p.listItems{
  border-top:1px #f5c9ca solid;
}
div#contentBlock ul{
  list-style:url(../gfx/redDot.gif);
  padding:0px;
  margin:0px;
  margin-left:14px;
}
div#contentBlock li{
  padding-bottom:2px;
}
div#contentBlock a{
  color:black;
}
div#contentBlock a:hover{
  color:gray;
}

.dashboardBlockLeft{
  width:350px;
  float:left;
}
.dashboardBlockRight{
  width:200px;
  float:right;
  padding-right:10px;
}
.imageBox{
/*   width:72px;
  height:72px;
 */ 
  overflow:hidden;
  float:left;
  padding:0px;
  margin:0px;
  border:solid black 1px;
  margin-right:10px;
}

.imageBox a, .imageBox img{
  border:0px;
  padding:0px;
  margin:0px;
  width:100px;
}

/********************************************* Almanak */

div#contentBlock table.alumniGegevens {
    margin-bottom: 20px;
}
    div#contentBlock table.alumniGegevens tr {
    }
    div#contentBlock table.alumniGegevens td {
        vertical-align: top;
    }
    div#contentBlock table.alumniGegevens td.titleCell {
        width: 90px;
    }

/********************************************* agendaBlock +Poll
*/
.pollBlock{
  background-image:url(../gfx/redGradient.gif);
}
.agendaBlock{
  margin-top:10px;
}
.pollBlock .button{
  border:solid 1px #999999;
  background-color:white;
  margin-left:120px;
}
.agendaBlock,.pollBlock{
  padding:5px;
  border:solid 1px #f5c9ca;
}
.agendaBlock p,.pollBlock p{
  padding:0px;
  margin:0px;
  padding-bottom:5px;
}
.pollBlock p{
  font-style:italic;
}
/********************************************* Prikbord
*/
div#contentBlock p.prikbordHead{
  padding:0px;
  margin:0px;
  font-family:verdana;
  padding-bottom:10px;
  padding-top:5px;
  width:550px;
  float:left;
}
div#contentBlock p.prikbordHead a{
  color:#df444a;
  text-decoration:none;
  float:left;
  clear:both;
}
div#contentBlock p.prikbordHead a:hover{
  text-decoration:underline;
}
div#contentBlock p.prikbordHead a strong{
  color:gray;
  text-decoration:none;
}
div#contentBlock p.prikbordHead em{
  color:gray;
  float:left;
  clear:both;
}
/************************  prikbord Items*/
div.prikboardItem{
  width:550px;
  float:left;
  padding:15px 0px 15px 0px;
  border-bottom:solid red 1px;
}
div.prikboardItem h3{
  margin:0px;
  padding:0px;
  font-size:12px;
  font-weight:bolder;
  color:black;
}
div.prikboardItem div.PBcontent{
  float:left;
  margin:0px;
  padding:0px;
  padding-bottom:10px;
  color:black;
  font-size:10px;
}
div#contentBlock div.prikboardItem div.PBcontent *{
  margin:0px;
  padding:0px;
  color:black;
  font-size:10px;
  font-weight:normal;
}
div#contentBlock div.prikboardItem a.name{
  color:#df444a;
  text-decoration:none;
  float:left;
  clear:both;
  width:100%;
}
div#contentBlock div.prikboardItem em{
  float:left;
  clear:both;
  width:100%;
}
div#nav div.prikbordPortlet{
  margin:0px;
  padding:0xp;
  float:left;
  background-image:url(../gfx/loginBg.gif);
  background-repeat:no-repeat;
  height:176px;
  width:150px;
  font-family:verdana;
  position:relative;
  top:40px;
  left:2px;
  padding:5px;
}
div#nav div.prikbordPortlet p{
  float:left;
  font-size:11px;
  color:black;
  line-height:1.6em;
}
div#nav div.prikbordPortlet a.prikbordLink{
  font-size:11px;
  color:#df444a;
}

/************************  prikbord addBoardBlock*/
div.addBoardBlock{
  margin-top:5px;
  padding-top:5px;
  width:550px;
}
div.addBoardBlock .addField{
  margin-bottom:10px;
  width:500px;
  border:solid 1px #df444a;
  font-size:10px;
  color:black;
  font-family:verdana;
  padding:5px;
}
div.addBoardBlock .addFieldBold{
  font-weight:900;
  font-size:12px;
}
div.addBoardBlock .button{
    border:solid 1px #df444a;
    background-color:white;
}
/************************ searchFom*/
.searchFom{
  width:540px;
  height:80px;
  padding-bottom:20px;
  overflow:hidden;
  background:url(../gfx/almanakBG.gif);
  
}
.searchFom  table{
  float:left;
  width:440px;
  position:relative;
  top:10px;
  left:20px;
}
.searchFom input,.searchFom select{
  width:120px;
  border:solid gray 1px;
  background-color: white; 
  color: black;
  font-size:11px;
}
.searchFom .button{
  float:right;
  width:100px;
}
.legenda{
  width:550px;
  text-align:center;
  padding-top:5px;
  color:gray;
}
.legenda img{
  padding-left:20px;
}
/************************ resultItem*/
div#contentBlock div.resultItem{
  width:550px;
  float:left;
  padding-bottom:10px;
  padding-top:10px;
  border-bottom:1px solid #df444a;
}
div#contentBlock div.resultItem strong{
  padding:0px;
  margin:0px;
  
}
div#contentBlock div.resultItem strong a{
  color:#df444a;
  text-decoration:none;
  font-size:12px;
  padding-bottom:10px;
}
div#contentBlock div.resultItem img{

  padding-top:3px;
}
div#contentBlock div.resultItem .name{
  
  padding-left:10px;
}
/************************  Album 
*/
.albumList{
  padding-top:20px;
  padding-top:20px;
}
.albumList h2{
  text-decoration:none;
}
.imgBlock{
  float:left;
  width: 100px;
/*
  width:100px;
  height:100px;
 */
  overflow:hidden;
  border:solid gray 1px;
  margin:0px 10px 10px 0px;
}
.imgBlock img{
 width: 100px;

}

.albumList img{
  border:0px;
  Filter: Alpha(Opacity=100);
  opacity
}
div.albumList img:hover{
 filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
}
div.albumText{
  width:420px;
  float:left;
}
div.albumText p{
  padding:0px;
  margin:0px;
}
.albumBlock{
  float:left;
  padding-bottom:20px;
}
div.albumList div.imgView img,.imgView img:hover{
  border:solid 1px gray;
 filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
div.imgView{
  width:560px;
  height:340px;
  overflow:hidden;
}
div.imgView img{
  
}
div.imgView p{
  width:100%;
  
}
div.albumNavigation{
  float:left;
  clear:both;
  padding-bottom:5px;
  width:420px;
  height:15px;
  text-decoration:none;
}
div.albumNavigation a{
  
}
div.albumNavigation a.downloadPicture{
  float:right;
}
/**************************************************************** Footer
*/
div#footer{
  clear:both;
  position:absolute;
  width:801px;
  height:105px;
  background-image:url(../gfx/footer.jpg);
  top:550px;
  float:left;
}
div#footer div.logoStash{
  float:right;
  padding-right:50px;
  padding-top:30px;
  padding-bottom:30px;
}
div#footer .logoStash img{
  border:0px;
}
div#footer div.nawText{
  font-size:9px;
  color:white;
  font-family:verdana;
  float:left;
  width:800px;
  height:20px;
  text-align:center;
  position:absolute;
  top:90px;
}
div#footer .nawText a{
  color:white;
  text-decoration:none;
}

/****************************************************************** Backdrop
*/

div.backdrop {
	width: 540px;
	
	background: url(../gfx/backdrop_01.gif) #e1e1e1 no-repeat top left;
}

div.backdrop table {
	margin: 10px 0px 0 20px;
}

div.backdropFooter {
	background: url(../gfx/backdrop_02.gif) no-repeat top left;
	display: block;
	height: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}


/****************************************************************** Bestuur
*/
div#contentBlock div.bestuurItem{
  width:550px;
  float:left;
  padding-bottom:10px;
  padding-top:10px;
  border-bottom:1px solid #df444a;
}
div#contentBlock div.bestuurItem strong a{
  color:#df444a;
  text-decoration:none;
  font-size:12px;
}
div#contentBlock div.bestuurItem img{
  float:left;
  padding-right:13px;
}
div#contentBlock div.bestuurItem .name{
  float:left;
  padding-left:10px;
}
/*dimmed*/
.dimmed{
  color:gray;
}


/* Formulieren  */

.formGrid {
	width:575px;
	}

.formGrid tr.ruler hr {
    width: 85%;
    color: red;
    height: 1px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

.formGrid th {
	font-weight: bold;
	text-align:left;
	font-size:11px;
	}
.formGrid td {
	font-size:11px;
	vertical-align:top;
	}

.formGrid .nameCell {
	width:185px;
	vertical-align:top;
	padding:3px 4px 5px 3px;
	margin-left:4px;
	}

.formGrid .colspan {
	vertical-align:top;
	padding:3px 4px 5px 3px;
	margin-left:4px;
	}
	
.formGrid .inputCell {
	vertical-align:top;
	padding:0px 0px 5px 0px;
	vertical-align:top;

	}

.formGrid .inputCell span {
	margin-right:4px;
	vertical-align:top;
	}

.formGrid .verplicht {
	font-weight:bold;
	color:#444;
	vertical-align:top;
	}


/* jaargang */

table.jaargang{
	margin-bottom: 20px;
}

tr.borderLine td{
	border-bottom: 1px solid #CCC;
}

tr.borderLine td.mailSelect{
	width: 50px;
}


table.jaargang input.typeButton {
	font-size: 11px;	
}

table.jaargang thead {
	font-weight: bold;
}

table.jaargang th{
	text-align: left;
}

table.mailBox{
	margin-top:		10px;
	margin-bottom:	20px;
}

table.mailBox td{
	vertical-align: top;
}

table.mailBox td.buttons{
	text-align: right;
}


/*  Input elementen  */
input,
select {
	vertical-align:middle;
    padding-left: 3px;
	}

input.typeText {
	display:block;
    width: 368px;
	font-size:11px;
	color:#000;
	border-top:1px solid #363435;
	border-right:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;
	border-left:1px solid #363435;
	}

.verplicht .typeText {
	border:1px solid #999;
	}

button,
input.typeButton {
  border:solid #df444a 1px;
  background-color:#ffffff;
  color:#df444a;
  font-weight:bolder;
  margin-top:5px;
  width: auto;
    }
    
span.radio {
	cursor:pointer;
	}
span.radio input,
span.checkbox input {
	margin-right:5px;
	vertical-align:middle;
	cursor:default;
	}
span.checkbox {
	cursor:pointer;
	}
select.select {
    width: 375px;
	color:#000;
	background-color:#fff;
	border:1px solid #ccc;
	font-size:10px;
	font-weight:normal;
	}
textarea.textarea {
	width:370px;
	font-size:11px;
	overflow:auto;
	border-top:1px solid #363435;
	border-right:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;
	border-left:1px solid #363435;
	color:#000;
	}