html {
	font: small/1.4 "Trebuchet MS", "Lucida Grande", Tahoma, sans-serif;
	color: #666;
}
 
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 92%;
	margin-top: 5px;
	height: 100%;
	line-height: 1.125em;
	background-color: #fff;
}

h2 {
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 190px;
	font-size: medium;
	color: Gray;
}

p {
	font-size: 0.875em;
}

p.red10 {
	font-size: small;
	color: Maroon;
	clear: both;
}

.TaalVlag {
	float: right;
	border: 1px solid transparent;
}

#btnBoek, #btnCancel, #btnNieuwZoeken, #btnOverview,
#btnSchrijfRecensie, #btnRecensies, #btnBoekRecensies,
#btnReserve, #btnBlokreserve, #btnFormreserve, #btnSearch, #btnTerug, #btnLogout,
#btnEerste, #btnVorige, #btnVolgende, #btnLaatste,
#btnVerzenden, #btnInvoerWissen, #btnProjecten,
#btnZoeken, #btnZoekOpdracht, #btnUitgebreid, #btnMyAuraSpace,
#btnOpslaan, #btnPortal1, #btnPortal2, #btnPortal3, #btnPortal4,
#btnEdtProject, #btnNewProject, #btnSave, #FAvatar, .btnBlokReserve {
	border: 1px solid #CC9999;
	font: 0.9em "Trebuchet MS", Arial, "Lucida Grande", Tahoma, sans-serif;
	height: 1.8em;
	background-image: url(images/browse_line_shade.gif);
	background-repeat: repeat-x;
}

#btnTrefwoord1, #btnTrefwoord2, #btnAuteur {
	border: 1px solid #CC9999;
	font: 10px Arial, "Lucida Grande", Tahoma, sans-serif;
	height: 18px;
	width: 20px;
	background-image: url(images/browse_line_shade.gif);
	background-repeat: repeat-x;
}

.header {
	background-image: url(images/docs.jpg);
	background-repeat: no-repeat;
	background-color: #CFE0BF;
	color: White;
	height: 75px;
	margin: 0;
	width: 100%;
}

.toolbar {
	text-align: right;
	font-variant: small-caps;
	letter-spacing: 0.4em;
	font-size: small;
	color: #991B00;
	background-color: #E6CDB4;
	margin: 0px 0px 0px 0px;
	height: 22px;
}

.aura_transparency {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

h3.toolbar {
	padding: 5px 10px 0px 5px;
}

.details {
	text-align: left;
	font-variant: small-caps;
	letter-spacing: 0.3em;
	font-size: x-small;
	color: #666666;
	background-color: #E6CDB4;
	background-image: url(images/ToolbarBG.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin: 1px;
	padding: 5px 10px 0px 5px;
	height: 18px;
}

.aanmelden {
	text-align: left;
	font-variant: small-caps;
	letter-spacing: 0.4em;
	font-size: 1.2em;
	color: #991B00;
	background-color: transparent;
	background-image: url(images/ToolbarBG.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin: 20px 23px 5px 20px;
	padding: 0.6em 0em 0.4em 1em;
}

#pnProject {
	background-color: transparent;
	padding: 5px;
}

#pnProject textarea, #tbPROJ_NAME, #tbOMSCHRIJV {
	color: #333333;
	background-color: transparent;
	border: solid 1px Silver;
	font-size: 0.875em;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 3px;
	width: 500px;
}


.MyProjectsDocsHeader td {
	background-color: #B0C4DE;
	color: Black;
	font-size: x-small;
	padding: 0px 4px 0px 4px;
}

.MyProjectsDocsItems td {
	background-color: transparent;
	padding: 0px 4px 0px 4px;
}

#lbPROJ_NAME, #lbPROJ_DESCR {
	font-size: x-small;
	padding: 0px 0px 2px 2px;
}

#OpenstaandeBoete {
	padding: 3px;
	line-height: 16px;
	color: #6C7877;
	background-color: transparent;
}

#leftside {
	height: 90%;
	background-color: transparent;
}

#container {
	display: block;
	position: relative;
	border: 1px #B9AA94 solid;
	margin: 0px auto 0px auto;
	width: 1000px;
	height: auto;
	min-height: 762px;
	background-color: transparent;
}

#textBlock h6 {
	margin: 0px 0px 10px 0px;
	line-height: 10px;
	background-color: transparent;
}

#textBlock {
	position: relative;
	width: 820px;
	height: 660px;
	max-height: 660px;
	text-align: left;
	margin-left: 5px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: transparent;
	float: left;
	overflow: auto;
}
  
/* Overview pagina styles */
#OverviewGrid {
	background-color: transparent;
	padding-top: 5px;
	padding-bottom: 3px;
}

#OverviewGrid ul {
	background-color: transparent;
	margin: 3px;
	padding: 3px;
	list-style-type: none;
	height: 104px;
	width: 680px;
}

#OverviewGrid li {
	background-color: transparent;
	padding: 2px;
	height: 14px;
	overflow: hidden;
}

#OverviewGrid li.TitelAuteur {
	background-color: transparent;
}

#OverviewGrid li.TitelAuteur a {
	border-bottom: 0px dotted #991B00;
	text-decoration: none;
	color: #991B00;
}

#OverviewGrid li.TitelAuteur a:hover {
	border-bottom: 1px solid #991B00;
	color: #006699;
}

 
.OverviewImage {
	border: 1px solid Silver;
	background-color: transparent;
	background-image: url(images/bg.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 3px;
	padding: 4px;
	width: 82px;
	height: 104px;
	overflow: hidden;
}

.ovimage {
	border: 1px solid Gray;
	width: 80px;
	max-width: 80px;
	max-height: 100px;
}

.OverviewGridPager td {
	background-color: #def;
	padding: 2px 2px 2px 5px;
	height: 10px;
}

.OverviewGridPager a {
  text-decoration: none;
}

#GeenItemsGevonden {
	position: absolute;
	top: 20px;
	left: 40px;
	background-color: transparent;
	z-index: -1000;

}

#GeenItemsGevonden span{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 1.5em;
}


#MijnRecensieBlock, #MijnZoekBlock, #MijnZoekFooter {
	background-color: transparent;
	margin: 15px;
	padding: 20px;
	clear: left;
}

#SaveBlock {
	background-color: transparent;
	padding: 5px 0px 0px 30px;
	clear: left;	
}

.RecensieTextBox {
	width: 500px;
	height: 150px;
	font: 1em Calibri, "Trebuchet MS", "Lucida Grande", Tahoma, sans-serif;
	color: #666;
	padding: 0.5em;
}

#lbTitel {
	color: #B0C4C2;
	line-height: 1.5em;
	font-weight: bold;
	font-size: larger;
}

#lbAuteur, #lbWaardering {
	color: #6C7877;
	line-height: 1.5em;
	font-weight: bold;
	font-size: larger;
}

.avatar {
	border: 1px solid #555555;
	padding: 1px;
	width: 50px;
	height: 50px;
}

#ImageAvatar {
	position: absolute;
	top: 244px;
	left: 722px;
	width: 50px;
	height: 50px;
	border: 1px solid Silver;
	padding: 3px;
}

.MijnRecensies {
	background-color: #F5FFFA;
	border: 1px solid #B0C4C2;
	margin: 20px;
	padding: 5px;
	border-bottom: 7px solid #B0C4C2;
	width: 550px;
}

.MijnRecensies .stars {
	float: right;
}

.MijnRecensies .datum {
	font-size: 0.8em;
	color: #B0C4C2;
	vertical-align: bottom;
}

.MijnRecensies table {
	border: 0px solid transparent;
	width: 99%;
}

.MijnRecensies a {
	font-size: 1em;
	color: #327ebe;
	text-decoration: none;
}

.MijnRecensies ul {
	background-color: transparent; /* #FFFFF0; */
	color: #c00;
	margin: 0px 0px 40px 20px;
}

.MijnRecensies li {
	list-style-type: none;
	padding: 1px;
	font-size: 1em;
	line-height: 1.4em;
}

.MijnRecensies li.username {
	color: Gray;
	font-weight: bold;
}

.MijnRecensies li.titel {
	background-color: #B0C4C2;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 20px;
	border-left: 0.5em solid #6C7877;
	padding-left: 0.5em;
	background-image: url(images/bg.gif);
	background-position: center;
	background-repeat: repeat-x;
}

.MijnRecensies li.titel a {
	color: #000;
}

.MijnRecensies li.review {
	color: #554d49;
	margin-top: 7px;
	padding-bottom: 10px;
	border-top: 1px solid #a4b6c8;
	border-bottom: 1px solid #a4b6c8;
}

#RecensieTitelAuteur {
	list-style-type: none;
	margin: 10px 0px 20px 10px;
	padding: 4px;
	width: 95%;
	background-color: transparent;
	overflow: hidden;
}

.rtatitel a {
	font-size: medium;
	font-variant: small-caps;
	letter-spacing: 0.10em;
	text-decoration: none;
	color: #CC0033;
}

fieldset select {
	background-color: transparent;
	height: 1.8em;
	font-size: 0.9em;
	border: 1px solid #6C7877;
}

.lbConfig {
	width: 295px;
	height: 1.8em;
	color: maroon;
	font-size: 0.9em;
}

.UitgebreidZoeken label {
	color: #B02B2C;
	background-color: transparent;
	text-align: right;
	font: 1em 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif;
	line-height: 1em;
}

.UitgebreidZoeken li {
	clear: left;
}

.UitgebreidZoeken select {
	background-color: #fefefe;
	font: 0.8em 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif;	
	height: 18px;
	padding: 2px;
	margin-top: 3px;
	margin-right: 5px;
	width: 205px;
}

.ConfigFields li {
	clear: left;
}

.ConfigFields label {
	color: #333333;
	background-color: transparent;
	text-align: right;
	font: 1em 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif;
	line-height: 1em;
	width: 22em; 
}

.ConfigFields select {
	background-color: #fefefe;
	font: 0.8em 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif;	
	color: blue;
	height: 18px;
	padding: 2px;
	margin-top: 3px;
	margin-right: 5px;
	width: 205px;
}

.ConfigFields input.w300 {
	color: blue;
	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;	
}

input.w200 {
	width: 200px;
}

input.w500 {
	background-color: white;
	border: 1px solid #ccc;
	color: Navy;
	font: 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	padding: 2px;
	height: 1.2em;
	width: 500px;
}

input.w200, input.w300 {
	background-color: white;
	border: 1px solid #ccc;
	margin-top: 2px;
	height: 1.2em;
	padding-left: 3px;
	color: #333333;
}

input.w200d, input.w300d {
	background-color: transparent;
	border: 0px;
	padding-left: 3px;
	color: #039;
}

input.w100adv {
	width: 123px;
	font-size: 14px;
	height: 14px;
	margin-bottom: 2px;
	padding: 3px 0px 0px 2px;
	border-width: 1px;
	border-style: solid;
}

input.w300adv {
	width: 281px;
	font-size: 14px;
	height: 14px;
	margin-bottom: 2px;
	padding: 3px 0px 0px 2px;
	border-width: 1px;
	border-style: solid;
}

.Taalkeuze input {
	float: left;
}

.Taalkeuze label {
	width: 100px;
	background-color: transparent;
	text-align: left;
}

input.zoeken {
	font: 2em bold "Trebuchet MS", Arial, helvetica, sans-serif;
	color: #708090;
	background-color: #E3E3E3;
	border: 1px outset #E3E3E3;
	margin-top: 5px;
}

.rij{
	display: block;
	clear: both;
	margin: 20px 20px 0px 20px;
}

.rij span {
	color: #4340EE;
	padding-left: 3px;
}

#btnLogin, #btnInlogOpvragen {
	border: 1px solid #CC9999;
	font: 12px "Trebuchet MS", Arial, "Lucida Grande", Tahoma, sans-serif;
	height: 24px;
	background-image: url(images/browse_line_shade.gif);
	background-repeat: repeat-x;
	margin: 10px 0px 0px 20px;
}

#btnVerzenden {
	clear: left;
	margin-top: 20px;
	margin-left: 20px;
}

fieldset {
	float: left;
	margin: 30px 0px 0px 20px;
	padding: 0;
	width: 766px;
	background-color: transparent;
}

fieldset.EenvoudigZoeken {
	width: 400px;
}

legend {
  font-size: 1.1em;
	letter-spacing: 0.25em;
	margin-left: 0.25em;
	color: #600;
	font-variant: small-caps;
}

fieldset ol {
	padding: 2px 5px 2px 5px;
	margin: 10px;
	list-style: none;
}

fieldset li {
	float: left;
	clear: none;
	width: 100%;
	height: 24px;
	margin: 0;
}

fieldset.submit {
	border-bottom-style: dotted;
}

fieldset input.w300 {
	border: 1px solid #B0C4C2;
	color: #660000;
	height: 16px;
}

fieldset input.w300d {
	border: 0;
	color: #663300;
}

fieldset label {
	float: left;
	width: 140px;
	font-size: 0.9em;
	height: 0.9em;
	padding: 4px;
	margin-top: 3px;
	margin-right: 5px;
	text-align: left;
	color: #333;
	background-color: #EFEEE2;
}

#ddlSorteer {
	font: 8pt calibri, arial, "trebuchet ms", helvetica, sans-serif;
	vertical-align: middle;
	background-color: #F9FFFC;
	height: 18px;
	width: 160px;
	border: 1px solid #CC9999;
	margin: 5px;
}

.LabelLanguage input {
	text-align: right;
	line-height: 1.75em;
	color: #663300;
	background-color: Fuchsia;
}

.zoeken {
	font-size: 1em;
	color: #CC6666;
	width: 150px;
	text-align: right;
	float: left;
}

#smallfooter {
	position: absolute;
	bottom: 1px;
	right: 2px;
	width: 510px;
	height: 16px;
	padding: 2px;
	text-align: right;
	border-top: 1px dotted #bbb;
	clear: none;
	color: #663300;
	background-color: transparent;
}

#footer {
	position: absolute;
	bottom: 3px;
	left: 4px;
	width: 796px;
	height: 32px;
	padding: 0px;
	background-color: transparent;
	float: none;
	border-top: 1px dotted Silver;
}

#footer p {
	font-weight: normal;
	font-size: 0.875em;
	padding: 2px;
}

	
#footer a {
	color: #333;
	text-decoration: none;
}

.error {
	color: #c90404;
	font-size: medium;
}

.errordetails {
	background-color: transparent;
	font-size: small;
}

* html #nav li a {
	width: 100%;
} 

#nav {
	margin: 0;
	padding: 0;
	background-color: #B0C4DE; /* #DF7BAF; */
	list-style-type: none;
	width: 175px;
	float: left;
	height: 660px;
	font-weight: bold;
	display: inline;
}

#nav li img {
	padding-right: 5px;
	vertical-align: middle;
}

#nav li {
	margin: 0;
	padding: 0;
	float: left;
	width: 175px;
  display: inline; 
}

* html #nav {
	width: 140px; /* IE6 */
}

* html #nav li {
	width: 140px; /* IE6 */
}

#nav a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 0 15px;
	line-height: 2.5;
	border-bottom: 1px solid #FFF;
}

#body_proj #nav_proj a,
#body_prof #nav_prof a,
#body_rece #nav_rece a,
#body_atte #nav_atte a,
#body_attn #nav_attn a,
#body_uitl #nav_uitl a,
#body_myas #nav_myas a,
#body_zoek #nav_zoek a,
#body_hist #nav_hist a,
#body_logi #nav_logi a,
#body_logu #nav_logu a,
#body_home #nav_home a,
#body_mess #nav_mess a {
	background: #DDBEA0;
	color: #1A1303;
	font-weight: bold;
}

.MyProjectsHeader, .MyProjectsItems, .MyProjectsSelectedItem {
	font-size: 0.875em;
}

img, #lbSterren img {
	border: 0px;
}

.ProjectDocsPrullenbak {
	border: 1px solid Silver;
}

#OverviewGrid table {
	border: 1px solid Silver;
}

input.w300, input.w300d {
	width: 290px;
}

#nav a:hover {
	background-color: #6598CB;
}

#nav #nav_con a {
	border: none;
}

.sidenote {
	font-size: 0.75em;
}

#calStartdatum, #calEinddatum {
}

#dgBeschikbaarheid {
  width: 95%;	
	clear: both;
}

.CalenderFrame {
	float: left;
	margin: 10px 10px 10px 0px;
	border: 3px solid #99b2cc;
}

.resform {
	background-color: transparent;
	margin-top: 30px;
	margin-left: 30px;
}

.resform span {
	color: #333;
}

#documentinfo {
	background-color: transparent;
	margin-top: 30px;
	margin-left: 30px;	
}

#documentinfo span {
	color: #996666;
	font-size: 1.2em;
	line-height: 1.5em;
}