/* CSS Document */
html, body {
	font-family: Verdana;
	font-size: 90%;
	color: #333333;
	background-color: #005681;
	margin-top: 0px;
	margin-left: 0px;
}
a {
	color: #004677;
	text-decoration: none;
}
a:hover {
	border-bottom: 1px dotted #999;
}
#container {
	width: 780px;
	border: 1px solid #F0F0F0;
	margin: auto;
}
#header {
	width: 780px;
	height: 109px;
	background-color: #F1F1F1;
	padding-top: 15px;
}
#menu {
	background-color: #F0F0F0;
	vertical-align: middle;
	padding: 8px;
	text-align: center;
	font-size: 90%;
	/* letter-spacing: 2px; */
}
#menu a {
	text-decoration: none;
	color: #333;
	font-size: 100%;
	font-weight: bold;
	letter-spacing: 1px;
}
#menu a:hover {
	border-bottom: 1px dotted #999;
}

/* ----  Inhoud --- */
#container2 {	
	width: 780px;
	border: 1px solid #F0F0F0;
	margin: auto; 
}
#titelvak {
	background-color: #F0F0F0;
	font-size: 130%;
	width: 771px;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	background-color: #F5f7f7;

	padding: 5px;
	z-index: 15;
}
#titelvak a {
	color: #333;
	text-decoration: none;
}
#content {
	width: 780px;
	background-color: #fff;
}

#inhoud {
	position: relative;
	float: left;
	width: 560px;
	clear: left;
	border-left: 1px solid #ccc;
	background-color: #fff;
	padding: 0 220px 0px 0px;
	font-size: 90%;
	line-height: 180%;
	color: #333;
	z-index: 0;
}
#tekst {
	position: relative;
	float: left;
	width: 528px;
	border-left: 1px solid #ccc;
	background-color: #fff;
	padding: 10px 10px 10px 20px;
	font-size: 95%;
	line-height: 180%;
	color: #333;
	z-index: 0;
}
#submenu {
	position: absolute;
	margin-left: 538px;
	margin-top: -11px;
	width: 220px;
	background-color: #FEF1E1;
	z-index: 99;
	padding: 0px;
	border-left: 1px dashed #666;
}
*html #submenu {	
	margin-top: -14px;
}
.submenutitel {
	font-weight: bold;
	border-bottom: 1px dashed #666;
	width: 208px;
	background-color: #FBC98C;
	padding: 6px;
	font-size: 120%;
	z-index: 100;
}
.submenuitems {
	padding: 15px;
	border-bottom: 1px dashed #666;
	z-index: 100;
	overflow: hidden;
}
.titel {
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 1px;
}

#footer {
	padding: 15px 15px 15px 30px;
	margin-left: -1px;
	width: 737px;
	background-color: #F0F0F0;
	letter-spacing: 3px;
	font-size: 70%;
	border-top: 1px solid #ccc;
	float: left;
}
#footer a {
	text-decoration: none;
	color: #004677;
}
#footer a:hover {
	border-bottom: 1px dotted #999;
}
#login {
	position: relative;
	width: 740px;
	margin-left: 20px;
	margin-right: 150px;
	line-height: 200%;
}
#geenlid {
	border-top: 2px dotted #F0F0F0;
}

.vakbeschrijving {
	background-color: #FBC98C;
	width: 780px;
	padding: 4px 4px 4px 2px;
	font-weight: bold;
	
	display: block;
}
.vakinhoud {
	background-color: #FEF1E1;
	width: 778px;
	font-size: 90%;
	display: block;
	border-bottom: 1px dotted #FBC98C;
}
.vakinhoud2 {
	background-color: #FDE7CC;
	width: 778px;
	font-size: 90%;
	display: block;
	border-bottom: 1px dotted #FBC98C;
}
.vaktitel {
	font-size: 110%;
	font-weight: bold;
}


/* tabel opmaak */
DIV.table-row-kop {
  background: none #F5F7F7; border: solid #ccc 1px; 
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 736px; padding-left: 6px; font-size: 110%; font-weight: bold;
}
/* rijen voor board common */
DIV.table-row-kop1 {
  background: none #FA3030; border: solid #ccc 1px; /* bg was: #FBC98C */
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 736px; padding-left: 6px; font-size: 110%; font-weight: bold;
}
DIV.table-row-even1 {
  background: none #FED3D3; border: solid #ccc 1px; /* bg was: #FEF1E1 */
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 742px; padding-bottom: 2px;
}
DIV.table-row-oneven1 {
  background: none #FEE2E2; border: solid #ccc 1px; /* bg was: #FDE7CC */
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 742px; padding-bottom: 2px;
}

/* rijen voor board alert */
DIV.table-row-kop2 {
  background: none #A4FF6C; border: solid #ccc 1px; color: #fff; /* bg was: #FA3030 */
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 736px; padding-left: 6px; font-size: 110%; font-weight: bold;
}
DIV.table-row-even2 {
  background: none #D6FFC1; border: solid #ccc 1px; color: #000; /* bg was: #FED3D3 */
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 742px; padding-bottom: 2px;
}
DIV.table-row-oneven2 {
  background: none #E7FFD9; border: solid #ccc 1px; /* bg was: #FEE2E2 */
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 742px; padding-bottom: 2px;
}

/* rijen voor board ortho */
DIV.table-row-kop3 {
  background: none #FBC98C; border: solid #ccc 1px; color: #fff; /* bg was: #005681 */
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 736px; padding-left: 6px; font-size: 110%; font-weight: bold;
}
DIV.table-row-even3 {
  background: none #FEF1E1; border: solid #ccc 1px; /* bg was: #EAF8FF */
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 742px; padding-bottom: 2px;
}
DIV.table-row-oneven3 {
  background: none #FDE7CC; border: solid #ccc 1px; /* bg was: #D9F1FF */
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 742px; padding-bottom: 2px;
}

/* rijen voor board from the president */
DIV.table-row-kop4 {
  background: none #FBC98C; border: solid #ccc 1px; color: #fff; /* bg was: #005681 */
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 736px; padding-left: 6px; font-size: 110%; font-weight: bold;
}
DIV.table-row-even4 {
  background: none #FEF1E1; border: solid #ccc 1px; /* bg was: #EAF8FF */
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 742px; padding-bottom: 2px;
}
DIV.table-row-oneven4 {
  background: none #FDE7CC; border: solid #ccc 1px; /* bg was: #D9F1FF */
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 742px; padding-bottom: 2px;
}

/* rijen voor board 5 */
DIV.table-row-kop5 {
  background: none #0080C0; border: solid #ccc 1px; color: #fff; /* bg was: #005681 */
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 736px; padding-left: 6px; font-size: 110%; font-weight: bold;
}
DIV.table-row-even5 {
  background: none #BBE9FF; border: solid #ccc 1px; /* bg was: #BBE9FF */
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 742px; padding-bottom: 2px;
}
DIV.table-row-oneven5 {
  background: none #D5F1FF; border: solid #ccc 1px; /* bg was: #D9F1FF */
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 742px; padding-bottom: 2px;
}


/* rijen voor board 6 */
DIV.table-row-kop6 {
  background: none #5C5C5C; border: solid #ccc 1px; color: #fff; /* bg was: #005681 */
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 736px; padding-left: 6px; font-size: 110%; font-weight: bold;
}
DIV.table-row-even6 {
  background: none #DFDFDF; border: solid #ccc 1px; /* bg was: #EAF8FF */
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 742px; padding-bottom: 2px;
}
DIV.table-row-oneven6 {
  background: none #BDBDBD; border: solid #ccc 1px; /* bg was: #D9F1FF */
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: center; width: 742px; padding-bottom: 2px;
}

/* kollommen-boards pagina */
DIV.left-container13 {
  border: none; float: left; margin: 0; padding: 0; width: 444px; text-align: left;
}

DIV.left-container23 {
  border: none; float: left; margin: 0; padding: 0; width: 64px;
}

DIV.left-container24 {
  border: none; float: left; margin: 0; padding: 0; width: 70px;
}

DIV.right-container13 {
  border: none; float: right; margin: 0; padding: 0; width: 158px;
}

/* kollommen - "view board" pagina 742 */
DIV.rechts {
	float: right;
	margin-right: 10px;
	margin-top: -22px;
}
DIV.left-img {
  border: none; float: left; margin: 0; padding: 0; width: 20px;
}

DIV.left-topic {
  border: none; float: left; margin: 0; padding: 0; width: 268px; text-align: left;
}

DIV.left-starter {
  border: none; float: left; margin: 0; padding: 0; width: 140px; text-align: left;
}

DIV.left-onderwerp {
	border: none; float: left; margin: 0; padding: 0; width: 100px; text-align: left;
}

DIV.left-replies {
  border: none; float: left; margin: 0; padding: 0; width: 70px;
}

DIV.right-lastp {
  border: none; float: right; margin: 0; padding: 0; width: 138px; text-align: left;
}

/* kollommen-view topic pagina */
DIV.left-titel {
  border: none; float: right; margin: 0px; padding: 0; width: 541px; text-align: left;
}
DIV.left-author {
  border: none; float: left; margin: 0; padding: 0; width: 200px; text-align: left;
}

DIV.left-bericht {
  border: none; float: left; margin: 0; padding: 0; width: 536px; text-align: left;
}

/* en de spacer */
DIV.space-line {
  clear: both; margin: 0; padding: 0; width: auto;
}

P.text {
  margin: 0; 
  padding: 0.3em 0.3em 0 0.3em;
}
.text-kop {
  margin: 0; 
  padding: 0.3em 0.3em 0.3em 0.3em;
  font-weight: bold;
  color: #000;
}
#rechts {
	position: relative;
	float: right;
}



fieldset#wachtwoord_wijzigen{
	width:350px; 
	padding:15px;
	margin:15px;
	margin-bottom: 0px;
}
fieldset#wachtwoord_wijzigen legend{
	font-weight: bold;
	color:#000000;
}
fieldset#wachtwoord_wijzigen p.error{
	background-color:#FFD2D2;
	border:solid 1px #FD3131;
	text-align: center;
	font-size: 12px;
	padding: 5px;
}
fieldset#wachtwoord_wijzigen p.succes{
	background-color:#C6FBC9;
	border:solid 1px #009900;
	text-align: center;
	font-size: 12px;
	padding: 5px;
}


label.wachtwoord_wijzigen{
	display: block;
	width:335px;
	text-align: right;
}