/* cascading style sheet for digitas */
/* copyright 2fifty4 Webprojects (Lode, Jaap), 2006 */

/* page layout */
body {
  background-color: #fff;
}
#body {
  /*position: static;*/
  width: 980px;
}

#top {
	text-align: left;
}
#top #topbar {
	float: left;
  width: 800px;
  height: 66px;
	padding-top: 18px;
  font-size: small;
  background: url('images/achtergrond_bovenrand.jpg') repeat-x;
  text-align: left;
}
#top #topbar .slogan {
	float: left;
  padding-left: 3em;
  color: #fff;
  font-style: italic;
  letter-spacing: 0.15em;
}
#top #topbar #user {
	float: left;
	width: 620px;
	text-align: right;
}
#top #topbar #user .welcome {
  padding: 0.25em;
  color: #FFF;
}
#top #topbar #user a {
  padding: 0.25em;
  text-decoration: none;
  color: #FFF;
}
#top #topbar #user a.logio {
  color: #fff;
}
#top h1 {
  padding: 0 2em;
  color: #8F2;
}
#top #avatar {
  float: right;
  margin: 0 2em;
}

#left {
	float: left;
  /*margin: 0 0.5em;
  padding: 0.5em 0 0;*/
  width: 100px;
  height: 100%;
}
#left #links {
  font-size: small;
  font-weight: bold;
  border-bottom: 2px solid #B5CFCF;
}
#left #links a {
  margin: 0 0.5em;
  padding: 0.25em 1.5em 0 0.25em;
  color: #25F;
  text-decoration: none;
  border: 2px solid #99AFAF;
  border-right-color: #B5CFCF;
  border-bottom-color: #F82; /* #B5CFCF */
}
#left #links a.current {
  padding: 0.45em 1.5em 0 0.25em;
  color: #F82;
  border-bottom-color: #EFFFFF;
}
#left #links a:hover, #left #links a:focus {
  color: #F82;
  border-bottom-color: #28F;
}
#left #breadcrums {
  padding: 0.5em;
  font-size: x-small;
  color: #AAA;
}
#left #breadcrums a {
  color: #AAA;
  text-decoration: underline;
}
#left #breadcrums a:hover, #left #breadcrums a:focus {
  color: #28F;
}

#right {
  float: right;
  margin: 2em 1em 0 0;
  width: 250px;
  font-size: small;
  border: 0px solid #0F0;
}
#right #messages a {
  display: block;
  margin: 0;
  padding: 0;
  padding: 0.15em 0.5em 0.15em 0.5em;
  font-size: smaller;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #25F;
  border: 2px solid #99AFAF;
  border-left-color: #B5CFCF;
  border-top-color: #B5CFCF;
  border-top-width: 1px;
}
#right #messages a:hover, #right #messages a:focus {
  color: #F82;
}
#right #search {
  margin: 1em 0;
}
#right #search .field {
  margin-left: 5%;
  width: 63%;
  color: #25F;
  border-width: 2px;
}
#right #search .field:focus {
  
}
#right #search .submit {
  margin-left: 5%;
  margin-right: 5%;
  width: 20% !important;
  color: #F82;
}
#right #extra {
  margin: 0;
}
#right #extra h3 {
  display: none;
}
#right #extra .item {
  margin: 0 0 0.5em;
  border: 2px solid #4F769F;
  border-top-color: #A7C2DF;
  border-left-color: #A7C2DF;
  
}
#right #extra .item .title {
  padding: 0.1em;
  color: #25F;
  text-indent: 1em;
  letter-spacing: 0.2em;
  font-weight: bold;
  font-size: 90%;
  line-height: 1.4em;
  
}
#right #extra .item .title:first-letter {
  text-transform: capitalize;
}
#right #extra .item .text {
  padding: 0.1em;
}
#right #extra form * {
  margin: 1px 0;
}
#right #extra form span img {
  margin: 0;
}
#right #extra form .info img {
  vertical-align: bottom;
}

#main {
  line-height: 1.2;
  text-align: left;
}
#main #maintop {
  
}
#main #title {
  font-weight: bold;
  padding: 10px;
}
#main #actions {
  display: inline;
  padding: 0.5em;
  font-size: x-small;
  font-weight: bold;
  letter-spacing: 0.2em;
}
#main #actions a {
  padding: 0.125em;
  border: 2px dotted #AAA;
  border-width: 2px 0;
  color: #f52;
  
}
#main #actions a:hover, #main #actions a:focus {
  border: 2px dotted #F52;
  border-width: 2px 0;
  text-decoration: none;
}
#main #text {
  /*padding: 1em;*/
  text-align: justify;
  font-size: 80%; 
}

#main #text a {
	color: #f52;
}
#main #text p {
  max-width: 52em; /* around 15 words per row */
}
#main #text .edit {
  color: #E00;
}
#main #text li.no {
  color: #E00;
  text-decoration: line-through;
}
#main #text li.yes {
  color: #0D0;
}
#main #text li.done {
  color: #BBB;
}
#main #text ul p {
  margin: 0;
  text-indent: 1em;
  font-size: smaller;
}

#bottom {
  margin: 0 0.5em;
  color: #FFF;
  
}
#bottom .copyright {
  font-size: 70%;
  padding: 0.1em;
  text-align: right;
}
#bottom .copyright a:link, #bottom .copyright a:visited {
  color: #FFF;
  text-decoration: none;
}
#bottom .copyright a:hover, #bottom .copyright a:focus {
  color: #FA2;
}
#bottom .time {
  color: #AFAFAF;
}

table { 
	border: none;
}
table tr.hoverrow:hover { 
	background-color: #FDD; 
}
table th {  
	background-color: #000;
	color: #FFF;
	font-weight: normal;
	border: none; 
}
table td { 
	border: none; 
}

.bookmarkhover {
  background-color: #49b9eb;
}
.bookmarktd {
  display: inline;
}