/* Algemene settings */
/* De "div a"'s zijn nodig om in IE-6 gebruik te kunnen maken van het veranderen van de diplay setting van een box 
    zie topmenu (dacht ik) */

div a:hover {
	text-decoration		: none;
/*	border				: none;*/
}

div a {
	text-decoration	: none;
	color			: rgb(102,0,0);
}


div td {
	text-decoration	: none;
}

div td:hover {
	text-decoration		: none;
	border				: none;
}

body {
	font-family		: "Trebuchet MS" , "MS Trebuchet", "Trebuchet", "trebuchet", serif;	
}

div.lijst ol {
	font-family			: monospace;
	list-style-type		: decimal-leading-zero;
	list-style-image		: none;
	list-style-position		: outside;
}

div.lijst ul {
	list-style-type		: circle;
	list-style-image		: url("bullet.png");
	list-style-position		: outside;
}



/* Layout */

.schaduw {
	margin				: 2% 10%;
	/*height				: 100%;*/

	border-left-color		: rgb(204,204,204);
	border-right-color	: rgb(204,204,204);
	border-top-style		: hidden;
	border-bottom-style	: hidden;
	border-left-style		: solid;
	border-right-style	: solid;
	border-width		: 1px 5px;

}

.buitenblok {
/*	height			: 100%;*/
	border-style		: solid;
	border-width	: 1px;
}

.paarsebalk {
	background-color	: rgb(62,52,235);
	height				: 1.2em;
}

.kopblokbuiten {
	
	border-bottom-width	: 5px;
	border-bottom-color	: rgb(204,204,204);

	border-top-style		: hidden;
	border-bottom-style	: solid;
	border-left-style		: hidden;
	border-right-style	: hidden;

}

.main {
	margin	: .5em;
/*	position	: absolute;*/
}

.ip {
	position	: absolute;
	top		: 5%;
	right	: 20%;
	color	: rgb(204,0,0);
	font-size	: 0.8em;
}

/* Forms */

.tab {
	display				: table;
	position				: relative;
	left					: 20%;
	right				: 20%;
	margin				: 1em;
	background-color	: rgb(200,168,232);	
}

.rij {
	display	: table-row;
	position	: relative;
	left		: auto;
	right	: auto;
}

.rij div {
	display	: table-cell;
	position	: relative;
	left		: auto;
	right	: auto;
}

.formulier {
	position				: inline;
	left					: auto;
	right				: auto;
	width				: auto;
	height				: auto;
	border-style			: solid;
	border-left-width		: 1px;
	border-top-width		: 1px;
	border-right-width	: 1px;
	border-bottom-width	: 1px;
	border-color			: rgb(150,150,150);
	background-color	: rgb(200,168,232);	
}

.busy {
	position				: absolute;
	top					: 100px;
	left					: 40%;
	border				: none;
	background-color	: rgb(250,125,0);
	
}


/* Nodig om IE ook om te kunnen laten gaan met Hovers boven andere elementen dan <a href=""></a> */
.popup td {	behavior: url(hover.htc);}


.popup td span{
	position				: absolute;
	top					: 100px;
	left					: 40%;
	width				: 16em;
	border				: dashed;
	border-width		: 1px;
	display				: none;
	background-color	: rgb(230,230,230);

}

.popup td:hover span, td.hover span {
	display : block;
}

	/* Login Form */
.loginform {
	position				: relative;
	left					: 20%;
	width				: 20em;
	border-style			: solid;
	border-left-width		: 1px;
	border-top-width		: 1px;
	border-right-width	: 4px;
	border-bottom-width	: 4px;
	border-color			: rgb(204,204,204);
	background-color	: rgb(162,162,162);
}

.binnenblok {
	border-style		: solid;
	border-width	: 1px;
	border-color		: rgb(102,102,102);
}



/* menus */

.topmenu {
	margin-left		: 10%;
	padding-left		: .5em;
}

.topmenu li ul{
	display				: none;
	list-style-type		: none;
	float				: left;
/*	background-color	: rgb(102,0,204);*/
}


.topmenu li:hover ul {
	display	: block;
}


/* twee items speciaal om IE om te kunenn laten gaan met hover */
.topmenu li {	behavior: url(hover.htc);}

.topmenu li.hover ul {
	display	: block;
}

/* einde IE hover */

.topmenu li li:hover {
}

.topmenu div.menu {
	width 				: 6em;
	position				: absolute;
	background-color	: rgb(255,255,255);
	border				: solid;
	border-width		: 1px;
}

.topmenu div.menu a {
	color	: rgb(0,0,0);
}

.topmenu div.menu a:hover {
	color				: rgb(102,0,204);
	background-color	: rgb(255,255,255);
}


.topmenu ul {
	list-style-type	: none;
	padding			: 0;
	margin			: 0;
}

.topmenu li {
	margin			: 0 -1px 0 0;
	padding			: 0;
	text-decoration	: none;
	float			: left;
}

.topmenu a span {
/*	border		: none;*/
	display		: none;
	width		: 20em;
	position		: absolute;
	top			: 150px;
	left			: 50%;
	color		: rgb(0,0,0);
	font-family	: "Trebuchet MS" , "MS Trebuchet", serif;
}

.topmenu a:hover span {
	display	: block;
}


.topmenu a:hover {

	color				: rgb(255,255,255);
	background-color	: rgb(0,0,200);
	font-size				: .8em;
	font-family			: "Trebuchet MS" , "MS Trebuchet", serif;
	/*text-transform: uppercase*/
}

.topmenu a {

	padding-left		: .5em;
	padding-right	: .5em;
	color			: rgb(255,255,255);
	font-size			: .8em;
	font-family		: "Trebuchet MS" , "MS Trebuchet", serif;
}

/* Nodig om IE ook om te kunnen laten gaan met Hovers boven andere elementen dan <a href=""></a> */
div.knopje {	behavior: url(hover.htc); }

div.knopje {
	position		: static;
	display		: block;
	border		: groove;
	padding		: 5px;
	max-width	: 6em;
	text-align	: center;
}

div.knopje img {
	display			: block;
	margin-left		: auto;
	margin-right	: auto;
}

div.knopje:hover, div.knopje.hover {
	background-color 	: rgb(102,0,204);
	color				: rgb(255,255,255);
}

div.knopje1 p {
	text-align: center;
}

div.fout p {
	font-size		: 1.2em;
	color		: rgb(255,0,0);
}

/* Tabel layout intern */

/* Nodig om IE ook om te kunnen laten gaan met Hovers boven andere elementen dan <a href=""></a> */
.tabelletje td {	behavior: url(hover.htc);}


.tabelletje td span{
	position				: absolute;
	top					: 100px;
	left					: 40%;
	width				: 16em;
	border				: dashed;
	border-width		: 1px;
	display				: none;
	background-color	: rgb(230,230,230);

}

.tabelletje td:hover span, td.hover span {
	display : block;
}

.tabelletje td{
	font-size				: 0.8em;
	border-style			: solid;
	border-left-width		: 1px;
	border-right-width	: 0px;
	border-bottom-width	: 1px;
	border-top-width		: 0px;
	text-align			: center;
	border-color			: rgb(0,0,0);
}

.tabelletje th{
	font-size				: 0.9em;
	border-style			: solid;
	border-left-width		: 0px;
	border-right-width	: 0px;
	border-bottom-width	: 1px;
	border-top-width		: 0px;
	border-color			: rgb(0,0,0);
}

.logo {
	position	: absolute;
	display		: block;
	top			: 10%;
	right			: 20%;
}

.item-kop {
	color	: rgb(62,52,235);
	font-size	: 1.2em;
}

.item-tekst {
	margin-left	: 3em;
}

/*
.knop a:hover {
	position				: relative;
	border				: solid;
	border-width		: 1px;
	border-color			: rgb(204,204,204);
	background-color	: rgb(102,0,204);
	color				: rgb(255,255,255);
	padding-left			: .3em;
	padding-right		: .3em;
}

.knop a {
	position				: relative;

	border				: solid;
	border-width		: 1px;
	border-color			: rgb(104,104,104);
	background-color	: rgb(255,255,255);
	color				: rgb(0,0,0);
	padding-left			: .3em;
	padding-right		: .3em;
}
*/

	


/* *** oud ****

.kopblokbinnen {

	border-bottom-width	: 1.1em;
	border-bottom-color	: rgb(102,0,204);

	border-top-style		: hidden;
	border-bottom-style	: solid;
	border-left-style		: hidden;
	border-right-style	: hidden;
}