/**************
 Color guide 

			    licht 	medium	donker
Purple: 	#f6c  	#f0a	  #cc0088
Grey: 		#333	  #666	  #999

	**********/
	/**************
	Base stylesEEEEEE 
	**********/
body {
	font-family: arial;
	color: #666666;
	/* letter-spacing: -0.2px */
}

.white {	/* ZIEMEER */
	color: #ffffff;

}

.micro {
	font-size: 80%;	
}


/* Content elements: a, abbr, acronym, address, blockquote, cite, code, dfn, kbd, q, samp, var, table */
a, a:link, a:visited, a:active {
	color: #f0a;
	outline: 0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.white_link, a.white_link:link, a.white_link:visited, a.white_link:active {
	color: #ffffff;
	outline: 0;
	text-decoration: none;
}

a.white_link:hover {
	text-decoration: underline;
}

a.a_back
{
	font-size:16px;
}

.loggedin_links a, .loggedin_links a:link, .loggedin_links a:visited, .loggedin_links a:active {
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
}

.loggedin_links a:hover {
	color: #f0a;
	text-decoration: underline;
	font-weight:bold;
}

blockquote {
	font-size: 123.5%;
	color: #f0a;
}

/* SJAAK: niet alle tables en tds moeten een rand. waar nodig declareren.

table,th,td {
	border: 1px solid #666666;
}

tbody td {
	border-color: #eee;
	border-bottom-color: #666666;
	border-top: 0;
	color: #666666;
	/* text-align: center; */
}

*/

table.transparent, tbody.transparent td.transparent {

}

thead th {
	background-color: #f0a;
	border: 0;
	border-bottom: 1px solid #fff;
	padding:4px 0px 4px 0px;
	color: #fff;
}

tbody th {
	font-weight: normal;
	text-align: left;
}

table.scheduleDay:hover {
	background-color:#e0e0e0;
}

tr.scheduleEntry:hover td {
	background-color: #f0a;
	color: white;
}

table.table_icon {
	padding:0px;
	margin:0px;
	border:0px;
}

table.table_icon TD{
	padding-right:5px;
}

/* Rhetorical */
em {
	font-style: italic;
	
}

strong {
	font-weight: bold;

}

/* Structural elements: div, span, ol, ul, li, dl, dt, dd, del, ins, h1 .. h6, p */
dt {
	font-weight: bold;
}

h1,h2,h3,h4,h5,h6,
h1 a:link,h2 a:link,h3 a:link,h4 a:link,h5 a:link,h6 a:link,
h1 a:active,h2 a:active,h3 a:active,h4 a:active,h5 a:active,h6 a:active,
h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited
 {
	text-decoration: none;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif; 
	margin: 0.5em 0;
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover
 {
	text-decoration: none;
	background-color: #666666;
	color: #fff;
}

h2.margin0 a:link,h3.margin0 a:link,
h2.margin0 a:active,h3.margin0 a:active,
h2.margin0 a:visited,h3.margin0 a:visited,
 {
	text-decoration: none;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif; 
	margin: 0px;
		font-size: 100%; /* 16px */
}

h2.margin0 a:hover,h3.margin0 a:hover
 {
	text-decoration: none;
	background-color: #666666;
	color: #fff;
}

h1 {
	font-size: 182%; /* 24px */
}

h2 {
	font-size: 158.5%; /* 18px */
}

h3 {
	font-size: 133.1%; /* 16px */
}

h4 {
	font-size: 108%; /* 14px */
}

h3.entry-title {
	font-size: 100%; /* 16px */
	margin-right:5px;
}

h2.entry-title {
	font-size: 133%; /* 16px */
	padding-bottom:5px;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	display: block;
	text-decoration: none;
}

h2 small {
	color: #666666;
	font-size: 67%; /* 12px */
}

HR
{
	color: #666;
	background-color: #666;
}

HR.thick
{
	height: 3px;
	border:0px;
}

HR.thin
{
	height: 1px;
	border:0px;	
}

ul li {
	list-style: none outside url(../img/li.gif);
}

ul.li_loggedin li { /* ZIEMEER */
	list-style: none;
	margin: 3px;
	list-style-image: url(../img/li2.gif);
}


* html ul li {
	list-style-image: url(../img/li.gif); /* GIF for IE6 */
}

/* Functional elements (forms) */
fieldset {
	border: 1px solid #666666;
	padding: 0em 0em 0em 1em;
}

#foto-album-maken fieldset {
	padding: 0;
}

label {
	cursor: pointer;
	padding: 0em 0.4em;
}

legend {
	color: #666666;
	font-size: 123.1%; /* 16px */
	font-weight: bold;
}

input {
	background-color: #fff;
}

textarea, select
{
	font-family: arial;
	border:1px solid #f0a;
	color:#f0a;
	width: 20em;
}

/* Text input (text/password) */
input.text {
	border: 1px solid #f0a;
	color: #f0a;
	width: 20em;
	padding: 0.2em 0.1em;
}

input.small {
	width: 9.5em;
}

input.text:focus, /* TODO: jQuery fix voor IE6 */ input.text:active {
	border-color: #f0a;
	color: #f0a;
}

/* Submit buttons */
input.submit, input.inverse-submit, a.button {
	font-size: 108%;
	font-weight: bold;
	padding: 0.2em 0.2em;
	cursor: pointer;
	overflow: visible;
}

input.submit, a.button {
	background: #f0a;
	color: #fdf;
}

input.inverse-submit:hover {
	background: #f0a;
	border-color: #f0a;
	color: #fff;
}

input.submit:active, a.button:active {
	background: #c08;
	border-color: #a06;
	color: #f0a;
}

/* Form tables */
form td,form th {
	text-align: left;
	border: 0;
	padding: 0;
}

/* Form definition lists */
form dl {
	margin: 0;
}

dl.horizontal {
	width: 99%;
	margin: 1em 0;
	overflow: auto;
	height: 1%;
}

dl.horizontal dt {
	width: 30%;
	margin-right: 5%;
	float: left;
	clear: left;
	padding: 0.3em 0em;
}

dl.horizontal dd {
	width: 60%;
	float: left;
	clear: none;
	margin: 0;
	padding: 0.3em 0em;
}

table.form
{
	width:100%;
}

table.form td
{
	padding:2px;
	margin-right:15px;
	height:24px;
}

table.form td.td1
{
	width: 30%;
	font-weight:bold;
}

table.form td.tdheader
{
	font-weight:bold;
	color:#f0a;
	font-size:14px;
}

/********************
	Recurring classes 
	*****************/
	/* Headers */
.hd {
	
}

/* Navigation */


.nav ul {
	margin: 0;
}

.nav li {
	list-style: none;
	list-style-image: none; /* needed by IE */
}

* html .nav li {
	display: inline;
}

.nav li a {
	display: block;
	margin: 0 0 0.5em 0;
	padding: 0.5em;
}

/* Horizontal navigation lists */
.horizontal li {
	display: inline;
	
}

.horizontal li a {
	display: block;
	float: left;
	margin: 0 0.5em 0 0;
	padding: 0 0.5em;
}

/* Images */
img.left {
	float: left;
	padding: 0 1em 0.5em 0;
}

img.right {
	float: right;
	padding: 0 0 0.5em 1em;
}

img.thumbnail {
	display: block;
	width: 120px;
	height: 120px;
	background-color: #fff;
	border: 2px solid #666666;
	color: #666666;
}

/* Foto thumbnails */
ul.foto-thumbnails {
	background-color: #f0a;
	color: #fff;
	overflow: auto;
	padding: 0 0 0 2%;
	margin: 0;
}

* html ul.foto-thumbnails {
	height: 1%;
}

ul.foto-thumbnails li {
	background-color: #f0a;
	color: #ddd;
	float: left;
	width: 33%;
	list-style: none;
	list-style-image: none;
}

ul.foto-thumbnails li a,ul.foto-thumbnails li a:visited {
	background-color: #f0a;
	color: #fff;
	margin-bottom: 0;
}

ul.foto-thumbnails li img.thumbnail {
	margin: 0 0 1em;
}

ul.foto-thumbnails li a.editing_photo img.thumbnail {
	border-style: dashed;
}

ul.foto-thumbnails li a:hover img.thumbnail {
	border-color: #fff;
	border-style: solid;
}

/* Body: foto album overzicht */
ul.foto-albums, table.foto-albums {
	margin: 0 0 1em;
	padding: 1em 0.5em;
	background-color: #666;
	color: #ddd;
}

ul.foto-albums li, table.foto-albums td {
	list-style: none;
	list-style-image: none;
	overflow: auto;
	height: 1%;
	padding: 0 0.5em;
}

ul.foto-albums li a,ul.foto-albums li a:visited, table.foto-albums td a, table.foto-albums td a:visited {
	background-color: #666;
	color: #fff;
}

ul.foto-albums img.thumbnail, table.foto-albums img.thumbnail {
	float: left;
	margin: 0 0.5em 0.5em 0;
}

div.private-warning {
	background-color: #f0a;
	padding: 5px;
	margin-bottom: 5px;
	color: white;
}

/* graphical titles */

.horizontalborders {
	width:100%;
	padding-top:12px;
	padding-bottom:12px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	
	}
.news_header {
	border-bottom:1px solid #666666;
	border-top:3px solid #666666;
}

.news_intro {
	font-style: italic;
}

#archiveinitem DIV.news_header {
	border-bottom:0px solid #666666;
	border-top:0px solid #666666;
}
	
/* Banners */
.banner {
	padding: 0px;
	margin: 0px;
}

.banner h3,.banner h3 a,.banner P {
	padding: 0px;
	margin: 0px;
}

.banner P {
	font-size:16px;
}

.banner P A.banner_a {
	font-size:14px;
}

.banner P table.table_icon {
	margin-top:3px;
}

/* Button (banner with only a link in it) */
.button {
	padding: 0;
}

.button a {
	padding: 0.5em 1em;
	display: block;
}

/* Nieuwsblog (microformats: hfeed) */
.hfeed .entry-title,.hfeed .entry-title a {
	margin-bottom: 0;
	border-bottom: 0;
}

.hfeed .entry-info {
	font-size: 85%;
	margin-top: 0;
}

.news_sep
{
  background-image: url(../img/news_sep.gif);
  background-repeat: no-repeat;
  background-position: top center;
}

/* Profielen (microformats: vcard) */
.vcards h4 {
	clear: left;
}

.vcards div {
	float: left;
	width: 45%;
	margin: 0 3% 1em 0;
}

.vcard {
	list-style: none;
	list-style-image: none;
}

.vcard h2 {
	margin-bottom: 0;
}

.vcard p {
	font-size: 85%;
	color: #666;
	height: 120px;
}

.vcard img {
	margin: 0 1em 1em 0;
}



/* Tables: rooster */

table.rooster {
  width: 100%;
  color: #666;
  background-color:#fff;
}

table.rooster tr.week {
	height: 25%;
}
table.rooster tr.week td.day {
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
}
table.rooster tr.week th.weekHeader {
	border-right: 1px solid #666;
}

table.rooster td {
  text-align: center;
  vertical-align: top;
}

table.rooster th.dayHeader {
  color: #f0a;
  padding: 0.1em 0.2em;
  text-align: center;
}

table.rooster td.week {
  color: #666;
}

table.rooster th.blank,
table.rooster tr.week th.blank {
  background-color: #fff;
  color: #666;
  text-align: right;
}

table.legend {
	float: right;
}
table.legend th {
	font-weight: bold;
	padding-bottom: 5px;
}
table.legend td {
	padding-right: 5px;
}

/* Rooster details (.fullview) */

table.rooster-fullview {
  border: 0;
}

table.rooster-fullview td {
  padding: 0;
  color: #666;
}

table.rooster-fullview table {
  width: 100%;
  margin: 0;
}

table.rooster-fullview tr.week th {
  font-size: 100%;
  font-weight: bold;
  color: #666;
  padding: 0.5em 0 0;
  border: 0;
}

table.rooster-fullview td td {
  padding: 0.25em;
  border:0;
}

table.rooster-fullview .verlof-aangevraagd {
  border: 2px solid #f0a;
}

table.rooster-fullview .verlof,
table.rooster-fullview .verlof td,
table.rooster-fullview .verlof th {
  background-color: #f0a;
  color: #fff;
}

table.rooster-fullview label {
  text-align: left; 
}
  
table.rooster-fullview label input {
  margin: -1.4em 0.2em 0 0;
  float: right;
}

table.rooster-fullview input.text {
  width: 7em;
}


/* Table stripes */

tr.even td {
  background-color: #eee;
  border-color: #ddd;
}

/* Table sorter */

table.sortable {
  width: 100%;
}

table.sortable th {
    text-align: left;
    border-right: 1px solid #f0a;
}

table.sortable thead .header {
  background-image: url(../img/table-sortable.gif);
  background-repeat: no-repeat;
  background-position: 100% 9px;
  cursor: pointer;
}

table.sortable thead tr .headerSortUp {
  background-position: 100% -35px;
}

table.sortable thead tr .headerSortDown {
  background-position: 100% -86px;
}

table.sortable thead tr .headerSortDown, table.sortable thead tr .headerSortUp {
  background-color: #666;
}

/******************
 	Unique elements 
	**************/
	/* Page wrapper */
#doc,#doc2,#doc3,#doc4 { /*  max-width: 100%;*/
	
}


/* flash */

#flashcontenthomeright {
	
	float: right;
		
}

/* Header */
#hd {
	position: relative;
	height:160px;
	/* overflow: auto; */
	padding: 10px 0 1em;
	/* border-bottom: 1px solid #666666; */
}

#pixline {
	position:absolute;
	top: 175px;
	border-bottom: 1px solid #f0a;
	height:1px;
	width: 630px;
	padding: 0;
	margin:0;
	z-index:100;
	}
	
#br {
	clear:both;

}
     
     
* html #hd {
	height: 1%;
}

/* Header: Logo */
#branding-logo {
	margin: 0;
}

#branding-logo a {
	display: block;
	width: 400px;
	height: 150px;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

#div_logo
{
	position:relative; 
	left:-10px;
	width:628px;
	height:158px;
}

/* Header: search */

#search-form-box {
	position: relative;
	height: 80px;
	margin-bottom:15px;
}
#search-form-background{
	z-index:10;
	position:absolute;
	top:0px;
	height:50px;
	width:227px;	
}

#search-form-form{
	z-index:20;
	position:relative;
	top:45px;
	width:227px;
	padding-top:10px;
}

#search-form {
	z-index:20;
	text-align: right;
}

#sidebar input#search_text {
	width: 12.3em;
	margin-right:5px;
	height:17px;
}

input.submit {
	background-color:#f0a;
	border:0px;	
	color: #fff;
}

input.submit:hover, input.submit:active, input.submit-hover, a.button:hover {
	background-color:#fff;
	color: #f0a;
	text-decoration: none;
}

input.submit:active {
	color: #f0a;
}


/* Header: primaire navigatie (#nav-main) */

#nav-main {
	border:0px;
	margin-bottom:20px; 
	padding-bottom:20px;
	/* ZIEMEER */	
}
	
#nav-main ul {
	margin: 0.3em 0;
}

#nav-main li {
	color: #f0a;
	display: block;
	float: left;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}

/* GIF's voor IE6 */
* html #nav-main li {
}

#nav-main li a {
	color: #f0a;
	padding: 0 0.2em 0.1em 0.2em;
	margin: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 110%;
	letter-spacing: -0.2px
}

/* GIF's voor IE6 */
* html #nav-main li a {
	
}

#nav-main li:hover,#nav-main li a:hover {
	background-color: #f0a;
	color: #fff;
}

#nav-main li.active,#nav-main li.active a {
	background-color: #f0a;
	border: 0;
	color: #fff;
}

#nav-main li.plain {
	padding: 0 2px 0 2px;
	text-decoration:none;
}


/* Header: user navigatie */
#nav-user {
	position: absolute;
	right: 1em;
	top: 103px; /* logo height + #hd padding */
	text-align: right;
}

#nav-user p {
	margin: 1.6em 0 0; /* uitlijnen met nav-main */
	font-weight: normal;
	color: #999;
}

/* Body: sectie navigatie (#nav-section) */
#nav-section ul {
	margin: 1em 0;
	background-color: #f0a;
	color: #fff;
}

#nav-section li a {
	background-color: #f0a;
	/* border-top: 1px solid #f0a; */
	color: #fff;
	margin: 0;
	padding: 0.5em 0.5em 0.5em 0.5em;
	text-decoration: none;
	font-size:14px;
}

#nav-section li.has-children a {
	/*background: url(../img/nav-section-arrow.png) 0 50% no-repeat #f0a;*/
	color: #fff;
}

#nav-section li a.active {
	/*background: url(../img/nav-section-crown.png) 0.5em 50% no-repeat #333;*/
	background-color: #666;
}

#nav-section li.has-children a.active {
	/*background: url(../img/nav-section-arrow.png) 0 50% no-repeat #333;*/

}

#nav-section li a:hover {
	background-color: #666;
	color: #fff;
}

#nav-section li.has-children li a {
	background: #f0a;
	border: 0;
}

#nav-section li.has-children li a:hover {
	background-color: #666;
	border: 0;
}

#nav-section li.has-children li a.active {
	background-color: #f0a;
	/* background: url(../img/nav-section-crown.png) 1.5em 50% no-repeat #333; */
	color: #fff;
	text-decoration:underline;	
}

#nav-section li ul {
	margin: 0;
}

#nav-section li.has-children li a {
	padding: 0.5em 1em 0.5em 3em;
	font-size:12px;	
}

/* Body: nav-profiel (footer) */
#nav-profiel {
	background-color: #f0a;
	color: #eee;
	padding: 0.5em 1em 1em;
}

#nav-profiel h2 {
	/* background-color: #f0a; */
	color: #fff;
}

#nav-profiel a {
	background-color: #f0a;
	color: #fff;
}

#nav-profiel img {
	margin: 0 2em 0 0;
	float: left;
}


#headerdiv {
	position:relative;
	width:100%;
}

/* Body: login form */
#login {
	position:relative;
	z-index:50;
	margin: 0 0 1em;
	position: absolute;
	top: 20px;
	right:0px;
	width:300px;
	text-transform: lowercase;
}
#loginbackground {
	z-index:50;
	background: url(../img/wolk.gif) 0 0 no-repeat;
	margin: 0 0 1em;
	position: absolute;
	top: 20px;
	margin-right:0px;
	width:300px;
	height:180px;

}
#loginformfields {
	z-index:50;
	margin: 0 0 1em;
	position: relative;
	top: 47px;
	left:48px;
	width:200px;
	}
	
#loginformtext {
	z-index:50;
	margin: 0 0 1em;
	position: relative;
	top: 42px;
	left:52px;
	width:180px;
	height:50px;
	}
	
#welcome_text {
	color:white;
	margin-bottom:2px;
}

#login fieldset {
	padding: 0;
	border: 0;
}

#login legend {
	display: none;
}

#login p {
	margin: 0.5em 0 0 0;
	color: #fff;
	text-align: right;
}

#login dl {
	margin: 0.2em;
}

#login label {
	margin: 0;
	padding: 0;
	background: #f0a;
	color: #fff;
}

#login dd {
	margin: 0;
}

#login input.text {
	margin: 0 0 0.1em;
	width: 160px;
	height: 16px;
	border:1px solid white;
}

Table.loggedin_links{
	border-top:1px solid white;
}

Table.loggedin_links TD{
	padding-top:4px;
}

input.inverse-submit {
	margin: 0px;
	background-color: white;
	color: #f0a;
	border: 0px;
	margin-top:1px;
}

input.inverse-submit:hover, input.inverse-submit-hover {
	background-color: #f0a;
	color: white;
	border: 0px;
	
}

input.inverse-submit :focus, input.inverse-submit :active {
	background-color: white;
	color: #f0a;
	border: 0px;
}

#profiel-medewerkers .mod {
	border: 1px solid #666;
	padding: 0.5em 1em 0;
	margin: 0 0 1em;
}

#kinderen .mod {
	border: 1px solid #666;
	padding: 0.5em 1em 0;
	margin: 0 0 1em;
}

/* Body: stelling */
#stelling .mod {
	width: 276px;
	overflow: hidden;
	border: 1px solid #666;
	padding: 0.5em 1em 0;
	margin: 0 0 1em;
}

#stelling form ul {
	margin: 1em 0;
}

#stelling form li {
	list-style: none;
	list-style-image: none;
}

#stelling form li {
	display: inline; /* Fix IE6 height bug */
}

#stelling form li label {
	display: block;
	padding: 0;
}

#stelling form li label input {
	margin: 0 1em 0 0;
}

/* Body: Nieuws archief */
#nieuws-blog-archief h3,#nieuws-blog-archief p,#nieuws-blog-archief a {
	display: inline;
}

/* Body: Welkomsttekst */
#welkom {
	border: 1px solid #f0a;
	padding: 0.5em 1em;
	margin: 0 0 1em;
}

/* Body: profiel medewerkers */
#profiel-medewerkers ul {
	overflow: auto;
	height: 1%;
}

/* Units */
#content {
	margin-top:-7px;	
	padding-left:25px;
	border-left:1px solid #666666;
}

#sidebar {
	margin-top:-7px;
	width:17em;
	width:227px;	
}

#sidebar input.text {
	width: 200px;
	padding: 0.2em 0.1em;
}

#flashMessage {
	background-color:#666666;
	color: #fff;
	font-weight: bold;
	padding: 3px;
}				

.loginmessage #flashMessage {
	position:absolute;
	top:-64px;
	left:59px;
	padding-top:40px;
	width:170px;
	height:24px;
	background: url(../img/login-message-bg.gif);
	background-repeat:no-repeat;
	background-position: top left;
}	
				
/* Footer */
#ft {
	border-top: 1px solid #666666;
	color: #666666;
	margin: 1em auto;
	text-align: center;
	padding: 0.5em 1em;
}

#ft a {
	background-color: inherit;
	color: #f0a;
}

/* Tickbox */
html,body {
	min-height: 100%;
}

html>body #tb-dim,html>body #tb-loading,html>body #tb-modal {
	/* IE 7 should always use fixed positioning, thus override IE 6 hack (also applied by IE 7 in Quirks Mode) with higher specificity */
	position: fixed;
}

/* IE 6 specific */
* html #tb-dim,* html #tb-loading,* html #tb-modal {
	position: absolute;
}

* html #tb-dim iframe {
	/* hide selects in IE 6, iframe is not required and not present in IE 7 */
	width: 100%;
	height: 100%;
	filter: Alpha(Opacity = 0);
}

#tb-dim {
	top: 0;
	left: 0;
	z-index: 9998;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .7;
	filter: Alpha(Opacity = 70);
}

#tb-loading,#tb-modal {
	top: 45%;
	left: 50%;
}

#tb-loading {
	background: url(../img/loadingAnimation.gif) no-repeat 50% 50%;
	z-index: 9999;
	margin: -50px 0 0 -104px;
	width: 208px;
	height: 13px;
}

#tb-modal {
	border: 8px solid #f0a;
	background-color: #f0a;
	color: #fff;
	display: none;
	z-index: 10000;
	padding: 2.5em 0 3.8em;
}

#tb-content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	height: 100%;
}

#tb-modal img {
	display: block;
	margin: auto;
}

#tb-modal h1 {
	margin: 0.2em 0;
	border: 0;
	background-color: #f0a;
	color: #fff;
	font-size: 115%;
}

#tb-modal p {
	margin: 0;
	padding: 1em 0 0;
	text-align: center;
	background-color: #f0a;
	color: #fff;
}

#tb-modal p a {
	background-color: #f0a;
	color: #fff;
}

#tb-modal p a {
	background-color: transparent;
	display: block;
}

#tb-modal #tb-next a {
	float: right;
}

#tb-modal #tb-prev {
	float: left;
}

#tb-modal em {
	font-style: normal;
	background-color: #f0a;
	color: #fff;
}

#tb-modal #tb-close a { /* image replacement */
	height: auto;
	width: auto;
	top: 0.3em;
	right: 5px;
	background-color: #f0a;
	color: #fff;
}



/* Admin styles */

/* Add/del: used in index tables */

th.admin-del,
th.admin-edit {
  width: 50px;
}

.admin-del a,
.admin-edit a {
  text-indent: -5000px;
  display: block;
  background: inherit;
  width: 100%;
  height: 16px;
  background-position: 0 -16px;
  background-repeat: no-repeat;
  background-color: inherit;
}

tr:hover .admin-del a,
tr:hover .admin-edit a {
  background-position: 0 0;
}

.admin-edit a {
  background-image: url(../img/edit.gif);
}

.admin-del a {
  background-image: url(../img/trash.gif);
}

/* Nieuws index */
table.admin td.entry-title a,
table.admin td.entry-info a {
 display: block; 
}

#admin-page td, #admin-page th {
	padding: 3px 10px;
}

#admin-page th {
	font-weight: bold;
}

/* Add */

legend.add {
  background-image: url(../img/add.gif);
  background-position: 0.5em -16px;
  background-repeat: no-repeat;
  padding: 0 1em 0 2em;
  cursor: pointer;
}

legend.add:hover {
  color: #f0a;
}

/* Tickbox */

html, body {
  min-height: 100%;
}

html>body #tb-dim, 
html>body #tb-loading, 
html>body #tb-modal { /* IE 7 should always use fixed positioning, thus override IE 6 hack (also applied by IE 7 in Quirks Mode) with higher specificity */
  position: fixed;
}

/* IE 6 specific */
*html #tb-dim, 
*html #tb-loading, 
*html #tb-modal {
  position: absolute;
}

*html #tb-dim iframe { /* hide selects in IE 6, iframe is not required and not present in IE 7 */
  width: 100%;
  height: 100%;
  filter: Alpha(Opacity=0);
}

#tb-dim {
  top: 0;
  left: 0;
  z-index: 9998;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .7;
  filter: Alpha(Opacity=70);
}

#tb-loading, 
#tb-modal {
  top: 50%;
  left: 50%;
}

#tb-loading {
  background: url(../img/loadingAnimation.gif) no-repeat 50% 50%;
  z-index: 9999;
  margin: -50px 0 0 -104px;
  width: 208px;
  height: 13px;
}

#tb-modal {
  border: 8px solid #f0a;
  background-color: #f0a;
  color: #fff;
  display: none;
  z-index: 10000;
  padding: 2.5em 0 3.8em;
}

#tb-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  height: 100%;
}

#tb-modal img {
  display: block;
  margin: auto;
}

#tb-modal h1 {
  margin: 0.2em 0 0.5em;
  border: 0;
  background-color: #f0a;
  color: #fff;
  font-size: 115%;
}

#tb-modal p {
  margin: 0;
  padding: 1em 0 0;
  text-align: center;
  background-color: #f0a;
  color: #fff;
}

#tb-modal a {
  background-color: #c08;
  color: #fff;
  display: block;
  padding: 0.5em 2em;
}

#tb-modal a:hover {
  background-color: #f0a;
  color: #fff;
}

#tb-modal #tb-next a {
  float: right;
}

#tb-modal #tb-prev {
  float: left;
}

#tb-modal em {
  font-style: normal;
  background-color: #f0a;
  color: #fff;
}

#tb-modal #tb-close a { /* TODO: image replacement */
  display: block;
  background: url(../img/close.gif) 100% -24px no-repeat;
  padding: 0.5em 36px 0.2em 1em;
  position: absolute;
  top: 0;
  right: 0;
  height: 1.6em;
  line-height: 1;
}

.div15margin
{
	height:15px;
	width:15px;
}

TABLE.standardtable, TABLE.standardtable TD
{
	margin:0px;
	padding:0px;
	border:0xp;
}

table.dagdelen {
}

table.dagdelen td {
	padding: 2px;
	vertical-align: top;
}

table.dagdelen td.dag {
	font-weight: bold;
	text-align: center;
}

.selected_poll {
	color: #f0a;
}

#content form label.error {
	color: #f0a;
	font-size: smaller;
	display: block;
}

#content form td {
	padding-left: 2em;
	padding-bottom: 0.7em;
	vertical-align: top;
}

h4.error {
	color: white;
	background-color: #f0a;
	margin-right: 15px;
	padding: 0px 5px;
}