/* $Id: digischool-admin.css 1292 2010-02-26 10:52:13Z gijs $ */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff; /* url(../images/background_stip.gif); */
	margin: 0;
	padding: 0;
}
a, a:visited {
	color: #0000ff;
	text-decoration: none;
}
a:hover, a:active {
	color: #0000ff;
	text-decoration: underline;
}
img {
  border: none;
}
form {
	margin: 0;
}
div.hr {
	height: 10px;
  margin-bottom: 4px;
	border: 0 #ffffff;
	background: url(../images/bg_stip.gif) repeat -1px; 
}
div.hr hr {
	display: none;
}
#kop {
	height: 38px;
	background: #ffffff url(../images/kop-balk.gif) repeat-x;
	margin-bottom: 10px;
}
#footer {
	background: #ffffff;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 180px;
	width: 550px;
	padding: 5px 10px 5px 10px;
	font-size: 70%;
	text-align: center;
/*	border-top: 1px solid #aaaaaa;*/
	color: #aaaaaa;
}
#footer a {
	color: #888888;
}
#logos {
	margin-top: 40px;
	position: relative;
}
#logos #logoDigischool {
	position: absolute;
	top: 0;
	left: 5px;
}
#logos #logoKennisnet {
	position: absolute;
  top: 80px;
  left: 7px;
}
#menu {
	position: absolute;
	left: 0;
	top: 85px;
	width: 170px;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu ul li {
	list-style: none;
	margin: 0;
	color: #000000;
	font-size: 70%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 4px 4px 5px 5px;
	background: #339900; /* kennisnet-groen */
	margin-bottom: 2px;
}
#menu ul li a {
	color: #ffffff;
	padding-left: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#menu ul li a:hover,
#menu ul li a:active {
	color: #ffffff;
	text-decoration: underline;
}
#content {
	margin-top: 10px;
	margin-left: 180px;
	background: #ffffff;
	width: 550px;
	padding: 5px 10px 5px 10px;
}
form table {
	padding: 2px;
	margin-bottom: 3px;
}
form table td, form table th {
	padding: 2px;
	font-size: 80%;
}
form table .space td {
	background: transparent;
	height: 10px;
}
form table th {
	background: url(../images/bg_stip.gif) repeat-x #fff 0 2px;
	padding-top: 22px;
	color: #339900; /* kennisnet-groen */
	text-align: left;
}
form table.mailform th {
	background: none;
	padding: 0;
	color: #000000;
}
form table th.first {
	padding-top: 0;
	background: transparent;
}
form table .e {
	color: #ff0000;
	font-weight: bold;
}
form table .t {
	width: 150px;
}
form table .i {
	width: 500px;
}
form table .i input, form table .i select {
	width: 250px;
}
form table .checkbox input {
	width: auto;
}
form table .u {
	color: #339900; /* kennisnet-groen */
	font-size: 70%;
}
form input.submit-destroy {
  background: #faa;
}
#content h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #339900; /* kennisnet-groen */
	font-size: 120%;
	padding-bottom: 10px;
	margin-bottom: 5px;
	margin-top: 3px;
	background: url(../images/bg_stip.gif) repeat-x -1px 1.2em;
}
#content h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #339900; /* kennisnet-groen */
	background: url(../images/bg_stip.gif) repeat-x -1px 0;
	padding-top: 1.5em;
	font-size: 100%;
	margin-bottom: 0.5em;
}
#content h2.first {
  background: none;
  padding-top: 0;
}
#content p {
	margin-top: 0;
	font-size: 80%;
}
#scholenIframe {
	position: absolute;
	left: -1000px;
	top: 10px;
}
.scholenKiezer {
	/* border-top: 5px solid #ffffff; */
	/* background: #eeeeee; */
}
.scholenKiezer .kop {
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	background: #eeeeee;
	font-weight: bold;
	margin-top: 3px;
	padding: 1px 1px 3px 1px;
	width: 538px;
}
.scholenZoekenFormulier {
	padding: 3px;
	border-bottom: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	width: 534px;
}
.scholenZoekenFormulier input {
	font-size: 80%;
}
.scholenKiezer .blok {
	position: relative;
	min-height: 80px;
	margin-bottom: 5px;
	padding: 3px;
	border-bottom: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	width: 534px;
}
.scholenKiezer .blok .school {
	font-size: 80%;
	position: relative;
	float: left;
	width: 163px;
	height: 75px;
	padding: 1px;
	margin-right: 3px;
	margin-bottom: 3px;
	border: 1px solid #cccccc;
}
.scholenKiezer .blok .school img {
	border: 0;
	position: absolute;
	right: 2px;
	bottom: 2px;
}
.scholenKiezer div#scholenZoekenButton,
.scholenKiezer div#scholenSelectieButton {
	margin-bottom: 5px;
}
#loginFormulier {
	margin-left: 10px;
	float: right;
	height: 120px;
	width: 194px;
	background: #ffffff
	            url(../images/loginformulier.gif)
	            no-repeat;
}
#loginFormulier form {
	margin: 0;
}
#loginFormulier table {
	border: none;
	background: transparent;
	margin: 16px 5px 5px 10px;
}
#loginFormulier th {
	border: none;
	background: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #aaaaaa;
	font-size: 10px;
	text-align: left;
}
#loginFormulier td {
	border: none;
	background: transparent;
}
#loginFormulier input {
	width: 165px;
	padding: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #cccccc;
}
#loginFormulier input.submit {
	float: right;
	width: 80px;
	padding: 2px;
	color: #888888;
	background: #dddddd;
	font-family: Verdana, Arial, Helvetica, sans-serif;;
	font-size: 10px;
	font-weight: bold;
	border: none;
}
#content #loginEntreeLink {
  float: right;
  clear: right;
  width: 194px; /*194px*/
  height: 79px; /*79px*/
  text-indent: 0;
  padding: 0;
  margin: 10px 0 0 0;
  background: url(../images/loginformulier-entree.gif) no-repeat transparent;
}
#loginEntreeLink a {
  position: relative;
  display: block;
  padding: 30px 16px 0 64px;
  font-size: 80%;
  color: #888;
  text-decoration: none;
  text-align: right;
}
#loginEntreeLink img {
  position: absolute;
  top: 12px;
  left: 14px;
  border: none;
}
#loginEntreeLink strong {
  display: block;
  position: absolute;
  top: 47px;
  right: 12px;
	width: 60px;
	padding: 4px 0 4px 2px;
	color: #888;
	background: #e3e3e3;
	font-family: Verdana, Arial, Helvetica, sans-serif;;
	font-size: 10px;
	font-weight: normal;
	border: none;
  text-align: center;
}
#content .blok-mijncommunities {
  clear: both;
  margin-bottom: 10px;
  padding: 3px 10px 8px 10px;
  border: 1px solid #ddd;
  overflow: hidden;
}
#content .blok-mijncommunities h3 {
  font-size: 80%;
  margin: 0.5em 0 0.2em 0;
}
#content table.communities {
	border: 1px solid #eeeeee;
	width: 100%;
	padding: 0;
	margin-bottom: 10px;
}
#content table.communities th,
#content table.communities td {
	padding: 2px;
	text-align: left;
	vertical-align: top;
	font-size: 80%;
}
#content table.communities th.n {
	background: #eeeeee;
}
#content table.communities td.l {
	font-size: 70%;
	padding-bottom: 10px;
	width: 180px;
}
#content table.communities td.d {
	padding-bottom: 10px;
}
#content table.communities td.l ul {
	color: #cccccc;
	margin-bottom: 0;
	list-style: disc;
}
#content table.communities td.l ul li a,
#content table.communities td.l ul li a:visited {
	color: #0000ff;
	text-decoration: none;
}
#content table.communities td.l ul li a:hover,
#content table.communities td.l ul li a:active {
	text-decoration: underline;
}
#content table.gebruiker {
	border: 1px solid #eeeeee;
	width: 100%;
	padding: 0;
	margin-bottom: 10px;
}
#content table.gebruiker th,
#content table.gebruiker td {
	padding: 2px;
	text-align: left;
	vertical-align: top;
	font-size: 80%;
}
#content table.gebruiker th.n {
	background: #eeeeee;
}
#content table.gebruiker td.l {
	font-size: 70%;
	padding-bottom: 10px;
}
#content table.gebruiker td.d {
	padding-bottom: 10px;
}
#content table.gebruiker td.l ul {
	color: #cccccc;
	margin-bottom: 0;
	list-style: disc;
}
#content table a,
#content table a:visited {
	color: #0000ff;
	text-decoration: none;
}
#content table a:hover,
#content table a:active {
	text-decoration: underline;
}
#content .bronCFI {
	font-size: 70%;
	color: #aaaaaa;
	text-align: right;
}
#content .bronCFI a {
	color: #aaaaaa;
}
#content table.ledenlijst {
	border: 1px solid #dadada;
	width: 100%;
}
#content table.ledenlijst th,
#content table.ledenlijst td {
	padding: 2px;
	text-align: left;
	font-size: 70%;
}
#content table.ledenlijst th {
	background: #dadada;
}
#content table.ledenlijst td.col1 {
	text-align: center;
	width: 20px;
}
#content table.ledenlijst .a td {
	background: #f6f6f6;	
}
#content table.ledenlijst .row1 td {
	padding-bottom: 1px;
}
#content table.ledenlijst .row2 td {
	color: #aaaaaa;
	padding-bottom: 8px;
	padding-top: 0
}
#content table.scholenlijst {
	border: 1px solid #dadada;
	width: 100%;
}
#content table.scholenlijst th,
#content table.scholenlijst td {
	padding: 2px;
	text-align: left;
	font-size: 70%;
}
#content table.scholenlijst th {
	background: #dadada;
}
#content table.scholenlijst td.col1 {
	text-align: center;
	width: 20px;
}
#content table.scholenlijst .a td {
	background: #f6f6f6;
}
#content table.scholenlijst .row1 td {
	padding-bottom: 1px;
}
#content table.scholenlijst .row2 td {
	color: #aaaaaa;
	padding-bottom: 8px;
	padding-top: 0
}
#content table.scholenlijst .row1 td.col2 a {
	color: #33f
}
#content table.scholenlijst .row1 td.col2 a:hover {
	color: #0000ff;
}
form table.mailform input {
	width: 90%;
}
form table.mailform input.button {
	width: auto;
}
form table.mailform textarea {
	width: 90%;
}
#content ul.teksten {
	font-size: 80%;
	color: #aaaaaa;
	margin-left: 2em;
	margin-top: 0.2em;
}


tr.fout input {
	border: 1px solid #f00;
}
tr.fout td.foutmelding {
	color: #f00;
}
#content p.req {
	font-size: 60%;
	padding: 1.2em 0 0 3px;
	color: #888;
}
span.req {
	color: #f00;
}
td span.format {
	font-size: 80%;
	color: #888;
}
.formprogress {
	font-size: 70%;
	margin: 0;
	padding: 0 0 15px 4px;
	text-indent: 0;
	background: url(../images/bg_stip.gif) repeat-x 0 15px; 
}
.formprogress li {
	display: inline;
	color: #bbb;
	line-height: 1.2em;
	padding: 0 0.3em 0 0;
}
.formprogress li.voltooid {
	color: #444;
}
.formprogress li.current {
	color: #000;
	font-weight: bold;
}
.mijnScholenDiv li a {
	font-size: 100%;
}
.mijnScholenDiv span {
	color: #aaf;
	font-size: 80%;
}
.mijnScholenDiv li:hover span,
.mijnScholenDiv li.hover span {
	text-decoration: underline;
}

ul.actief a {
	color: #aaf;
}
li.actief a {
	font-weight: bold;
	color: #000;
}

dl.emailcodes {
	font-size: 80%;
	clear: both;
}
dl.emailcodes dt {
	font-family: "Courier New", Courier, fixed-width;
	width: 200px;
	float: left;
	clear: left;
}
dl.emailcodes dd {
	clear: right;
}
table {
	clear: both;
}

#communityOverzichtIndex {
  margin: 0 0 10px 0;
	padding: 8px 8px 12px 8px;
  border: 1px solid #eee;
}
#communityOverzichtIndex p {
	padding-left: 0.1em;
}

#mijnCommunitiesLeeg, #emailOnbevestigd {
	background: #fee;
	border: 1px solid #f55;
	padding: 8px;
}
.communityTabel td {
	font-size: 80%;
}
.communityTabel th {
	padding-left: 0.1em;
	padding-right: 1em;
	text-align: left;
	font-size: 80%;
}
.communityTabel td ul {
	margin: 0 2em 0 1.2em;
	padding: 0;
}
ol {
  font-size: 80%;
}
#emailOnbevestigdExtra {
  padding: 9px;
}

table.logoutImages td {
	font-size: 80%;
}

#content .pagination {
  padding: 3px;
  margin: 10px 3px 10px 3px;
	font-size: 70%;
  text-align: center;
}
#content .pagination a {
  padding: 2px 5px 2px 5px;
  margin: 0px;
  border: 1px solid #aaaadd;
  text-decoration: none;
  color: #000099;
}
#content .pagination a:hover,
#content .pagination a:active {
  border: 1px solid #000099;
  color: #000;
}
#content .pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #000099;
  font-weight: bold;
  background-color: #000099;
  color: #FFF;
}
#content .pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #eee;
  color: #ddd;
}

#content .profiel .kop {
  position: relative;
  margin-bottom: 10px;
  padding: 10px 10px 10px 10px;
  border: 1px solid #fff;
  background: #fff;
}
#content .profiel .kop .avatar {
  float: left;
  position: relative;
  margin: 0 32px 10px 0;
  width: 160px;
  text-align: center;
}
#content .profiel .kop .avatar-dummy {
  display: block;
  float: left;
  margin: 0 32px 10px 0;
  padding: 80px 0 0 0;
  width: 158px;
  height: 120px;
  text-align: center;
  font-size: 80%;
  border: 1px solid #555;
}
#content .profiel .kop h1 {
  margin: 13px 0 5px 0;
  padding: 0;
  color: #000;
  font-size: 140%;
  background: transparent;
}
#content .profiel .kop p.rating{
  margin-top: 2px;
  font-weight: bold;
  color: #390;
}
#content .profiel .kop p.rating img {
  vertical-align: bottom;
}
#content .profiel .kop p.rating span.rating {
  margin-left: 10px;
  font-size: 90%;
  font-weight: normal;
  color: #666;
}
#content .profiel .kop p {
  margin: 10px 0 10px 0;
  overflow: hidden;
}
#content .profiel .kop-met-avatar p {
  margin-left: 192px;
}
#content .profiel .blok {
  clear: both;
  margin-bottom: 10px;
  padding: 8px 10px 5px 10px;
  border: 1px solid #ddd;
  overflow: hidden;
}
#content .profiel .blok h2 {
  margin-top: 0;
  padding-top: 0;
  background: #fff;
}
#content .profiel .blok h3 {
  font-size: 80%;
  margin: 0.5em 0 0.2em 0;
}
#content .profiel .blok h3 .rating{
  padding-left: 10px;
  font-weight: normal;
  color: #666;
}
#content .profiel .blok p.rating{
  margin: 0;
  font-weight: normal;
  color: #666;
}
#content .profiel .blok .rating img {
  padding-right: 1px;
}
#content .profiel .blok-kolom-links {
  clear: left;
  float: left;
  width: 182px;
}
#content .profiel .blok-kolom-rechts {
  clear: right;
  float: right;
  width: 358px;
}
#content .profiel a.wijzigen {
  float: right;
  display: block;
  padding: 5px 10px 5px 10px;
  font-size: 70%;
  background: #888;
  color: #fff;
}
#content .profiel .kop .avatar a.wijzigen {
  position: absolute;
  right: 1px;
  top: 1px;
}
#content .profiel ul.links,
#content .profiel ul.links li {
  list-style: none;
  margin: 0;
  text-indent: 0;
  padding: 0;
}
#content .profiel ul.links li {
  background: transparent no-repeat 0 2px;
  font-size: 80%;
}
#content .profiel ul.links li a {
  display: block;
  padding: 2px 2px 2px 20px;
}
#content .profiel table.gebruiker {
  border: 0;
  padding: 0;
}

#content table.stats {
  padding: 0;
  font-size: 70%;
  border-right: 1px solid #eee;
  border-top: 1px solid #eee;
}
#content table.stats th,
#content table.stats td {
  padding: 1px 4px 1px 4px;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
  text-align: center;
}
#content table.stats td {
  text-align: right;
}
#content table.stats tr.totaal td {
  font-weight: bold;
}