body 
{ 
background-image: url(images/campus.jpg); 
background-repeat: no-repeat; 
background-attachment: fixed; 
background-size: cover; 
font-size: 12px; 
color: #100001; 
font-family: "Open Sans","Trebuchet MS",trebuchet,arial,sans-serif;
line-height: 1.5rem; 
}

#div_master_content { 
min-height: 100vh;
background-image: url(images/raster.png); 
background-attachment: fixed;
height: 100%
}

.loginhead { background-image: url(images/head.png); margin-top: 25px; }

.logintxt { text-align: right; font-size: 14px; margin-right: 10px; margin-top: -90px; }

.loginmain { background-color: white; }

.sitehead { background-image: url(images/head.png); }

.sitemenu { background-color: white; background-attachment: scroll; }

.sitemain { background-color: #ffffff; }

.sitefoot { background-image: url(images/strook-footer.png); background-repeat: no-repeat; background-color: #ffffff;}

.login { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-left: 4px; padding-top: 4px; padding-bottom: 3px; line-height: 16px; }

.blanko { margin: 20px; background-color: #ffffff; background-image: url(images/blanko.gif); background-attachment: fixed; font-size: 12px; color: #00486d; line-height: 18px; }
	
.admin { margin: 0; background-color: #99cccc; background-image: url(images/blanko.gif); background-attachment: fixed; font-size: 12px; color: #ffffff; line-height: 18px; }

b,a { 
	color: #00486d; 
	text-decoration: none; 
	font-weight: bold; 
	}

a:hover { color:#f60; }	
td { font-size: 11px; color: #100001; }
	
.border { 
	border-bottom: 1px solid #ccc; 
	}
	
.menuadmin { background-color: #ffffff; padding-left: 4px; padding-top: 4px; padding-bottom: 3px; line-height: 18px; }

.menutekst { background-color: #ffffff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-left: 4px; padding-top: 4px; padding-bottom: 3px; line-height: 16px; width: 150px; }
	
.menutekst1 
{ 
	background-color: #ddd; 
	border-left: 1px solid #5f5f5f; 
	border-right: 1px solid #5f5f5f; 
	padding-left: 4px; 
	padding-top: 4px; 
	padding-bottom: 3px; 
	line-height: 16px; 
}

.tabelkop, .box_header  
{ height: 16px; color: #fff; font-weight: bold; font-size: 12px; background-color: #000; text-align: center; text-transform: capitalize; width: 200px; border: solid 1px #369; }

.tabellijn_top { 	border-top: 1px solid #ddd; }
.tabellijn_left { padding: 2px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
.tabellijn_right { padding: 2px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; }
.tabellijn_left_right { padding: 2px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }

.text { font-size: 12px }
.textbot { font-size: 11px }
.textbot1 { font-size: 12px }

a.btn
{
	margin:2px; padding:2px 10px 13px 8px;
	text-decoration:none; color: #000000;
	height: 30px;
}
a:hover.btn{ color:#36c; }

/* Sortable tables */
table.sortable a.jdatagrid_href_header 
{ 
  background-color:#000;
  font-size: 12px; 
  color:#ffffff; 
  text-decoration: none;
  /* display: block;  */
}

table.sortable span.sortarrow 
{
  color: #FFFFFF;
  text-decoration: none;
}

table.sortable td 
{ 
  font-size: 11px;
}

H1 { font-size: 18px }

input.jdatagrid_search_box
{ 
	background-color:#ffffff; border:inset 1px #ccc; 
	margin:0; padding:0; width:100%;
	height: 20px;
}

tr.row_hover { background-color: #a0a0a0; }
tr.row_lighten { background-color: white; }
tr.row_normal { background-color: #e8e8e8; }
tr.row_selected { background-color: #A9BFC7; }

.login_menu
{ background-color: #ccc; }

.top_menu
{ background-color: #ccc; }

.user_menu
{ text-align: right; height: 40px; }


td.top_menu_on_item
{ 
	background-image: url(images/menu_button_on.gif); 
	background-repeat: no-repeat; 
	padding-top: 2px; 
	width: 150px; 
	height: 20px; 
	text-align: center; 
	font-weight: bolder; 
	font-size: 12px; 
	vertical-align: 100px; 
}

td.top_menu_selected_item
{ 
	color: white; 
	background-image: url(images/menu_button_selected.gif); 
	background-repeat: no-repeat; 
	padding-top: 2px; 
	width: 150px; 
	height: 20px; 
	text-align: center; 
	font-weight: bolder; 
	font-size: 12px; 
	vertical-align: 100px; 
}

td.top_menu_item
{ color: white; background-image: url(images/menu_button.gif); background-repeat: no-repeat; padding-top: 2px; width: 150px; height: 20px; 
	text-align: center; font-weight: bolder; font-size: 12px; vertical-align: 100px; }

.top_submenu_selected_item 
{ 
	background-color: #ffa822; 
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	padding-left: 4px; 
	padding-top: 4px; 
	padding-bottom: 3px; 
	line-height: 16px; 
	color: white; 
	font-weight: bold;
}
.top_submenu_item
{
	background-color: #ffffff; 
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	padding-left: 4px; 
	padding-top: 4px; 
	padding-bottom: 3px; 
	line-height: 16px; 
	color: #00486d; 
	font-weight: bold; 
}